npm - @beeq/tailwindcss - Versions diffs - 1.8.0-beta.9 → 1.8.1 - Mend

@beeq/tailwindcss 1.8.0-beta.9 → 1.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/index.cjs.js CHANGED Viewed

@@ -53,6 +53,60 @@ const ColorMix = plugin(function ({
   }, {
     values: flattenColorPalette$1(theme('colors'))
   });
+  matchUtilities({
+    'bg-hover': value => blendColor({
+      color: value,
+      base: 'var(--bq-hover)'
+    }),
+    'bg-active': value => blendColor({
+      color: value,
+      base: 'var(--bq-active)'
+    })
+  }, {
+    values: flattenColorPalette$1(theme('backgroundColor'))
+  });
+  matchUtilities({
+    'border-hover': value => blendColor({
+      color: value,
+      base: 'var(--bq-hover)',
+      property: 'border-color'
+    }),
+    'border-active': value => blendColor({
+      color: value,
+      base: 'var(--bq-active)',
+      property: 'border-color'
+    })
+  }, {
+    values: flattenColorPalette$1(theme('borderColor'))
+  });
+  matchUtilities({
+    'text-hover': value => blendColor({
+      color: value,
+      base: 'var(--bq-hover)',
+      property: 'color'
+    }),
+    'text-active': value => blendColor({
+      color: value,
+      base: 'var(--bq-active)',
+      property: 'color'
+    })
+  }, {
+    values: flattenColorPalette$1(theme('textColor'))
+  });
+  matchUtilities({
+    'stroke-hover': value => blendColor({
+      color: value,
+      base: 'var(--bq-hover)',
+      property: 'color'
+    }),
+    'stroke-active': value => blendColor({
+      color: value,
+      base: 'var(--bq-active)',
+      property: 'color'
+    })
+  }, {
+    values: flattenColorPalette$1(theme('stroke'))
+  });
 });
 const {
@@ -1198,13 +1252,24 @@ const TYPOGRAPHY_DEFAULT = {
   }
 };
+const inherit = 'inherit';
 var index = {
   theme: {
     colors: {
+      inherit,
       current: 'currentColor',
       transparent: 'transparent',
-      ...DECLARATIVE_COLORS,
-      ...PRIMITIVE_COLORS
+      ...PRIMITIVE_COLORS,
+      focus: DECLARATIVE_COLORS.focus,
+      data: {
+        ...DECLARATIVE_COLORS.data
+      },
+      icon: {
+        ...DECLARATIVE_COLORS.icon
+      },
+      ui: {
+        ...DECLARATIVE_COLORS.ui
+      }
     },
     borderRadius: {
       none: 'var(--bq-radius--none)',
@@ -1228,6 +1293,7 @@ var index = {
       l: 'var(--bq-box-shadow--l)'
     },
     fontFamily: {
+      inherit,
       default: 'var(--bq-font-family)',
       outfit: 'var(--bq-font-family--outfit)',
       poppins: 'var(--bq-font-family--poppins)'
@@ -1253,23 +1319,44 @@ var index = {
       bold: 'var(--bq-font-weight--bold)'
     },
     lineHeight: {
+      inherit,
       small: 'var(--bq-font-line-height--small)',
       regular: 'var(--bq-font-line-height--regular)',
       large: 'var(--bq-font-line-height--large)'
     },
     strokeWidth: {
+      inherit,
       none: '0',
       s: 'var(--bq-stroke-s)',
       m: 'var(--bq-stroke-m)',
       l: 'var(--bq-stroke-l)'
     },
     extend: {
-      height: {
-        'dynamic-vh': '100dvh'
+      backgroundColor: {
+        ...DECLARATIVE_COLORS.bg
+      },
+      borderColor: {
+        ...DECLARATIVE_COLORS.stroke
+      },
+      stroke: {
+        ...DECLARATIVE_COLORS.stroke
+      },
+      textColor: {
+        ...DECLARATIVE_COLORS.text
+      },
+      fill: {
+        ...DECLARATIVE_COLORS.icon
       },
       content: {
         empty: "''"
       },
+      cursor: {
+        inherit
+      },
+      height: {
+        inherit,
+        'dynamic-vh': '100dvh'
+      },
       spacing: {
         xs3: 'var(--bq-spacing-xs3)',
         xs2: 'var(--bq-spacing-xs2)',

package/index.esm.js CHANGED Viewed

@@ -49,6 +49,60 @@ const ColorMix = plugin(function ({
   }, {
     values: flattenColorPalette$1(theme('colors'))
   });
+  matchUtilities({
+    'bg-hover': value => blendColor({
+      color: value,
+      base: 'var(--bq-hover)'
+    }),
+    'bg-active': value => blendColor({
+      color: value,
+      base: 'var(--bq-active)'
+    })
+  }, {
+    values: flattenColorPalette$1(theme('backgroundColor'))
+  });
+  matchUtilities({
+    'border-hover': value => blendColor({
+      color: value,
+      base: 'var(--bq-hover)',
+      property: 'border-color'
+    }),
+    'border-active': value => blendColor({
+      color: value,
+      base: 'var(--bq-active)',
+      property: 'border-color'
+    })
+  }, {
+    values: flattenColorPalette$1(theme('borderColor'))
+  });
+  matchUtilities({
+    'text-hover': value => blendColor({
+      color: value,
+      base: 'var(--bq-hover)',
+      property: 'color'
+    }),
+    'text-active': value => blendColor({
+      color: value,
+      base: 'var(--bq-active)',
+      property: 'color'
+    })
+  }, {
+    values: flattenColorPalette$1(theme('textColor'))
+  });
+  matchUtilities({
+    'stroke-hover': value => blendColor({
+      color: value,
+      base: 'var(--bq-hover)',
+      property: 'color'
+    }),
+    'stroke-active': value => blendColor({
+      color: value,
+      base: 'var(--bq-active)',
+      property: 'color'
+    })
+  }, {
+    values: flattenColorPalette$1(theme('stroke'))
+  });
 });
 const {
@@ -1194,13 +1248,24 @@ const TYPOGRAPHY_DEFAULT = {
   }
 };
+const inherit = 'inherit';
 var index = {
   theme: {
     colors: {
+      inherit,
       current: 'currentColor',
       transparent: 'transparent',
-      ...DECLARATIVE_COLORS,
-      ...PRIMITIVE_COLORS
+      ...PRIMITIVE_COLORS,
+      focus: DECLARATIVE_COLORS.focus,
+      data: {
+        ...DECLARATIVE_COLORS.data
+      },
+      icon: {
+        ...DECLARATIVE_COLORS.icon
+      },
+      ui: {
+        ...DECLARATIVE_COLORS.ui
+      }
     },
     borderRadius: {
       none: 'var(--bq-radius--none)',
@@ -1224,6 +1289,7 @@ var index = {
       l: 'var(--bq-box-shadow--l)'
     },
     fontFamily: {
+      inherit,
       default: 'var(--bq-font-family)',
       outfit: 'var(--bq-font-family--outfit)',
       poppins: 'var(--bq-font-family--poppins)'
@@ -1249,23 +1315,44 @@ var index = {
       bold: 'var(--bq-font-weight--bold)'
     },
     lineHeight: {
+      inherit,
       small: 'var(--bq-font-line-height--small)',
       regular: 'var(--bq-font-line-height--regular)',
       large: 'var(--bq-font-line-height--large)'
     },
     strokeWidth: {
+      inherit,
       none: '0',
       s: 'var(--bq-stroke-s)',
       m: 'var(--bq-stroke-m)',
       l: 'var(--bq-stroke-l)'
     },
     extend: {
-      height: {
-        'dynamic-vh': '100dvh'
+      backgroundColor: {
+        ...DECLARATIVE_COLORS.bg
+      },
+      borderColor: {
+        ...DECLARATIVE_COLORS.stroke
+      },
+      stroke: {
+        ...DECLARATIVE_COLORS.stroke
+      },
+      textColor: {
+        ...DECLARATIVE_COLORS.text
+      },
+      fill: {
+        ...DECLARATIVE_COLORS.icon
       },
       content: {
         empty: "''"
       },
+      cursor: {
+        inherit
+      },
+      height: {
+        inherit,
+        'dynamic-vh': '100dvh'
+      },
       spacing: {
         xs3: 'var(--bq-spacing-xs3)',
         xs2: 'var(--bq-spacing-xs2)',

package/package.json CHANGED Viewed

@@ -1,26 +1,26 @@
 {
-    "name": "@beeq/tailwindcss",
-    "version": "1.8.0-beta.9",
-    "license": "Apache-2.0",
-    "description": "BEEQ's opinionated TailwindCSS configuration",
-    "main": "./index.cjs.js",
-    "module": "./index.esm.js",
-    "types": "./src/index.d.ts",
-    "peerDependencies": {
-        "tailwindcss": "^3.4.4",
-        "tailwindcss-theme-swapper": "^0.12.0"
-    },
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/Endava/BEEQ"
-    },
-    "exports": {
-        "./package.json": "./package.json",
-        ".": {
-            "module": "./index.esm.js",
-            "types": "./index.esm.d.ts",
-            "import": "./index.cjs.mjs",
-            "default": "./index.cjs.js"
-        }
+  "name": "@beeq/tailwindcss",
+  "version": "1.8.1",
+  "license": "Apache-2.0",
+  "description": "BEEQ's opinionated TailwindCSS configuration",
+  "main": "./index.cjs.js",
+  "module": "./index.esm.js",
+  "types": "./src/index.d.ts",
+  "peerDependencies": {
+    "tailwindcss": "^3.4.4",
+    "tailwindcss-theme-swapper": "^0.12.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Endava/BEEQ"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "module": "./index.esm.js",
+      "types": "./index.esm.d.ts",
+      "import": "./index.cjs.mjs",
+      "default": "./index.cjs.js"
     }
+  }
 }

package/src/index.d.ts CHANGED Viewed

@@ -2,6 +2,47 @@ import { CSS_COLORS, DECLARATIVE_COLORS, DefaultDarkTheme, DefaultLightTheme, De
 declare const _default: {
     theme: {
         colors: {
+            focus: string;
+            data: {
+                '01': string;
+                '02': string;
+                '03': string;
+                '04': string;
+                '05': string;
+                '06': string;
+                '07': string;
+                '08': string;
+                '09': string;
+                '10': string;
+                '11': string;
+                '12': string;
+            };
+            icon: {
+                primary: string;
+                alt: string;
+                secondary: string;
+                inverse: string;
+                brand: string;
+                info: string;
+                success: string;
+                warning: string;
+                danger: string;
+            };
+            ui: {
+                primary: string;
+                alt: string;
+                secondary: string;
+                tertiary: string;
+                inverse: string;
+                brand: string;
+                'brand-alt': string;
+                success: string;
+                'success-alt': string;
+                warning: string;
+                'warning-alt': string;
+                danger: string;
+                'danger-alt': string;
+            };
             blue: {
                 100: string;
                 200: string;
@@ -212,82 +253,7 @@ declare const _default: {
                 900: string;
                 1000: string;
             };
-            bg: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                alt: string;
-                inverse: string;
-                brand: string;
-                overlay: string;
-            };
-            data: {
-                '01': string;
-                '02': string;
-                '03': string;
-                '04': string;
-                '05': string;
-                '06': string;
-                '07': string;
-                '08': string;
-                '09': string;
-                '10': string;
-                '11': string;
-                '12': string;
-            };
-            focus: string;
-            icon: {
-                primary: string;
-                alt: string;
-                secondary: string;
-                inverse: string;
-                brand: string;
-                info: string;
-                success: string;
-                warning: string;
-                danger: string;
-            };
-            state: {
-                hover: string;
-                active: string;
-            };
-            stroke: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                inverse: string;
-                brand: string;
-                alt: string;
-                success: string;
-                warning: string;
-                danger: string;
-            };
-            text: {
-                primary: string;
-                alt: string;
-                secondary: string;
-                inverse: string;
-                brand: string;
-                info: string;
-                success: string;
-                warning: string;
-                danger: string;
-            };
-            ui: {
-                primary: string;
-                alt: string;
-                secondary: string;
-                tertiary: string;
-                inverse: string;
-                brand: string;
-                'brand-alt': string;
-                success: string;
-                'success-alt': string;
-                warning: string;
-                'warning-alt': string;
-                danger: string;
-                'danger-alt': string;
-            };
+            inherit: string;
             current: string;
             transparent: string;
         };
@@ -313,6 +279,7 @@ declare const _default: {
             l: string;
         };
         fontFamily: {
+            inherit: string;
             default: string;
             outfit: string;
             poppins: string;
@@ -338,23 +305,82 @@ declare const _default: {
             bold: string;
         };
         lineHeight: {
+            inherit: string;
             small: string;
             regular: string;
             large: string;
         };
         strokeWidth: {
+            inherit: string;
             none: string;
             s: string;
             m: string;
             l: string;
         };
         extend: {
-            height: {
-                'dynamic-vh': string;
+            backgroundColor: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                alt: string;
+                inverse: string;
+                brand: string;
+                overlay: string;
+            };
+            borderColor: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                inverse: string;
+                brand: string;
+                alt: string;
+                success: string;
+                warning: string;
+                danger: string;
+            };
+            stroke: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                inverse: string;
+                brand: string;
+                alt: string;
+                success: string;
+                warning: string;
+                danger: string;
+            };
+            textColor: {
+                primary: string;
+                alt: string;
+                secondary: string;
+                inverse: string;
+                brand: string;
+                info: string;
+                success: string;
+                warning: string;
+                danger: string;
+            };
+            fill: {
+                primary: string;
+                alt: string;
+                secondary: string;
+                inverse: string;
+                brand: string;
+                info: string;
+                success: string;
+                warning: string;
+                danger: string;
             };
             content: {
                 empty: string;
             };
+            cursor: {
+                inherit: string;
+            };
+            height: {
+                inherit: string;
+                'dynamic-vh': string;
+            };
             spacing: {
                 xs3: string;
                 xs2: string;