feat: add images theme property and add css properties

uinix-js · Jun 25, 2022 · ae27b86 · ae27b86
1 parent a360e7c
commit ae27b86
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 1 deletion.
diff --git a/index.js b/index.js
@@ -39,11 +39,18 @@ const spec = {
     'borderRightWidth',
     'borderTopWidth',
     'borderWidth',
+    'columnRuleWidth',
   ],
   colors: [
     'backgroundColor',
+    'borderBlockColor',
+    'borderBlockEndColor',
+    'borderBlockStartColor',
     'borderBottomColor',
     'borderColor',
+    'borderInlineColor',
+    'borderInlineEndColor',
+    'borderInlineStartColor',
     'borderLeftColor',
     'borderRightColor',
     'borderTopColor',
@@ -53,25 +60,32 @@ const spec = {
     'fill',
     'outlineColor',
     'stroke',
+    'textDecorationColor',
   ],
   filters: ['filter'],
   fontFamilies: ['fontFamily'],
   fontSizes: ['fontSize'],
   fontWeights: ['fontWeight'],
+  images: ['backgroundImage', 'borderImage'],
   keyframes: ['animationName'],
   letterSpacings: ['letterSpacing'],
   lineHeights: ['lineHeight'],
   opacities: ['opacity'],
   radii: [
+    'borderEndEndRadius',
+    'borderEndStartRadius',
     'borderBottomLeftRadius',
     'borderBottomRightRadius',
     'borderRadius',
+    'borderStartEndRadius',
+    'borderStartStartRadius',
     'borderTopLeftRadius',
     'borderTopRightRadius',
   ],
   shadows: ['boxShadow', 'textShadow'],
   sizes: [
     'blockSize',
+    'columnWidth',
     'flexBasis',
     'height',
     'inlineSize',
@@ -124,6 +138,11 @@ const spec = {
     'paddingTop',
     'right',
     'rowGap',
+    'scrollMargin',
+    'scrollMarginBottom',
+    'scrollMarginLeft',
+    'scrollMarginRight',
+    'scrollMarginTop',
     'scrollPadding',
     'scrollPaddingBottom',
     'scrollPaddingLeft',

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "uinix-theme-spec",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "The default uinix theme spec.",
   "license": "MIT",
   "keywords": [

diff --git a/readme.md b/readme.md
@@ -71,6 +71,7 @@ const theme = {
   fontFamilies: {},
   fontSizes: {},
   fontWeights: {},
+  images: {},
   keyframes: {},
   letterSpacings: {},
   lineHeights: {},

diff --git a/test/index.js b/test/index.js
@@ -46,11 +46,18 @@ test('spec', (t) => {
         'borderRightWidth',
         'borderTopWidth',
         'borderWidth',
+        'columnRuleWidth',
       ],
       colors: [
         'backgroundColor',
+        'borderBlockColor',
+        'borderBlockEndColor',
+        'borderBlockStartColor',
         'borderBottomColor',
         'borderColor',
+        'borderInlineColor',
+        'borderInlineEndColor',
+        'borderInlineStartColor',
         'borderLeftColor',
         'borderRightColor',
         'borderTopColor',
@@ -60,25 +67,32 @@ test('spec', (t) => {
         'fill',
         'outlineColor',
         'stroke',
+        'textDecorationColor',
       ],
       filters: ['filter'],
       fontFamilies: ['fontFamily'],
       fontSizes: ['fontSize'],
       fontWeights: ['fontWeight'],
+      images: ['backgroundImage', 'borderImage'],
       keyframes: ['animationName'],
       letterSpacings: ['letterSpacing'],
       lineHeights: ['lineHeight'],
       opacities: ['opacity'],
       radii: [
+        'borderEndEndRadius',
+        'borderEndStartRadius',
         'borderBottomLeftRadius',
         'borderBottomRightRadius',
         'borderRadius',
+        'borderStartEndRadius',
+        'borderStartStartRadius',
         'borderTopLeftRadius',
         'borderTopRightRadius',
       ],
       shadows: ['boxShadow', 'textShadow'],
       sizes: [
         'blockSize',
+        'columnWidth',
         'flexBasis',
         'height',
         'inlineSize',
@@ -131,6 +145,11 @@ test('spec', (t) => {
         'paddingTop',
         'right',
         'rowGap',
+        'scrollMargin',
+        'scrollMarginBottom',
+        'scrollMarginLeft',
+        'scrollMarginRight',
+        'scrollMarginTop',
         'scrollPadding',
         'scrollPaddingBottom',
         'scrollPaddingLeft',