@beeq/tailwindcss 1.8.0 → 1.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beeq/tailwindcss",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "license": "Apache-2.0",
   "description": "BEEQ's opinionated TailwindCSS configuration",
   "main": "./index.cjs.js",
@@ -13,5 +13,14 @@
   "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/helpers/blend-color.d.ts

@@ -0,0 +1,10 @@
+type blendOptions = {
+    color: string;
+    base: string;
+    percentage?: number;
+    property?: string;
+};
+export declare const blendColor: ({ color, base, percentage, property }: blendOptions) => {
+    [x: string]: string;
+};
+export {};

package/src/index.d.ts

@@ -0,0 +1,402 @@
+import { CSS_COLORS, DECLARATIVE_COLORS, DefaultDarkTheme, DefaultLightTheme, DefaultRootTheme, EndavaDarkTheme, EndavaLightTheme, EndavaRootTheme, PRIMITIVE_COLORS, TYPOGRAPHY_DEFAULT } from './theme';
+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;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            corai: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            cyan: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            gold: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            green: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            grey: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+                1000: string;
+            };
+            indigo: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            iris: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            lime: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            magenta: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            neutral: {
+                white: string;
+                black: string;
+            };
+            orange: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            purple: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            red: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            sky: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            teal: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            volcano: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            yellow: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                1000: string;
+            };
+            inherit: string;
+            current: string;
+            transparent: string;
+        };
+        borderRadius: {
+            none: string;
+            xs2: string;
+            xs: string;
+            s: string;
+            m: string;
+            l: string;
+            full: string;
+        };
+        borderWidth: {
+            0: string;
+            s: string;
+            m: string;
+            l: string;
+        };
+        boxShadow: {
+            xs: string;
+            s: string;
+            m: string;
+            l: string;
+        };
+        fontFamily: {
+            inherit: string;
+            default: string;
+            outfit: string;
+            poppins: string;
+        };
+        fontSize: {
+            xs: string;
+            s: string;
+            m: string;
+            l: string;
+            xl: string;
+            xxl: string;
+            xxl2: string;
+            xxl3: string;
+            xxl4: string;
+            xxl5: string;
+        };
+        fontWeight: {
+            thin: string;
+            light: string;
+            regular: string;
+            medium: string;
+            semibold: string;
+            bold: string;
+        };
+        lineHeight: {
+            inherit: string;
+            small: string;
+            regular: string;
+            large: string;
+        };
+        strokeWidth: {
+            inherit: string;
+            none: string;
+            s: string;
+            m: string;
+            l: string;
+        };
+        extend: {
+            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;
+                xs: string;
+                s: string;
+                m: string;
+                l: string;
+                xl: string;
+                xxl: string;
+                xxl2: string;
+                xxl3: string;
+                xxl4: string;
+            };
+        };
+    };
+    plugins: any[];
+};
+export default _default;
+export { CSS_COLORS, DECLARATIVE_COLORS, DefaultDarkTheme, DefaultLightTheme, DefaultRootTheme, EndavaDarkTheme, EndavaLightTheme, EndavaRootTheme, PRIMITIVE_COLORS, TYPOGRAPHY_DEFAULT, };

package/src/plugins/color-mix.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from 'tailwindcss';
+export declare const ColorMix: Partial<Config>;

package/src/plugins/logical-properties.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from 'tailwindcss';
+export declare const LogicalProperties: Partial<Config>;

package/src/theme/colors/base.d.ts

@@ -0,0 +1,200 @@
+export declare const CSS_COLORS: {
+    '--bq-blue-100': string;
+    '--bq-blue-200': string;
+    '--bq-blue-300': string;
+    '--bq-blue-400': string;
+    '--bq-blue-500': string;
+    '--bq-blue-600': string;
+    '--bq-blue-700': string;
+    '--bq-blue-800': string;
+    '--bq-blue-900': string;
+    '--bq-blue-1000': string;
+    '--bq-corai-100': string;
+    '--bq-corai-200': string;
+    '--bq-corai-300': string;
+    '--bq-corai-400': string;
+    '--bq-corai-500': string;
+    '--bq-corai-600': string;
+    '--bq-corai-700': string;
+    '--bq-corai-800': string;
+    '--bq-corai-900': string;
+    '--bq-corai-1000': string;
+    '--bq-cyan-100': string;
+    '--bq-cyan-200': string;
+    '--bq-cyan-300': string;
+    '--bq-cyan-400': string;
+    '--bq-cyan-500': string;
+    '--bq-cyan-600': string;
+    '--bq-cyan-700': string;
+    '--bq-cyan-800': string;
+    '--bq-cyan-900': string;
+    '--bq-cyan-1000': string;
+    '--bq-gold-100': string;
+    '--bq-gold-200': string;
+    '--bq-gold-300': string;
+    '--bq-gold-400': string;
+    '--bq-gold-500': string;
+    '--bq-gold-600': string;
+    '--bq-gold-700': string;
+    '--bq-gold-800': string;
+    '--bq-gold-900': string;
+    '--bq-gold-1000': string;
+    '--bq-green-100': string;
+    '--bq-green-200': string;
+    '--bq-green-300': string;
+    '--bq-green-400': string;
+    '--bq-green-500': string;
+    '--bq-green-600': string;
+    '--bq-green-700': string;
+    '--bq-green-800': string;
+    '--bq-green-900': string;
+    '--bq-green-1000': string;
+    '--bq-grey-100': string;
+    '--bq-grey-200': string;
+    '--bq-grey-300': string;
+    '--bq-grey-400': string;
+    '--bq-grey-50': string;
+    '--bq-grey-500': string;
+    '--bq-grey-600': string;
+    '--bq-grey-700': string;
+    '--bq-grey-800': string;
+    '--bq-grey-900': string;
+    '--bq-grey-950': string;
+    '--bq-grey-1000': string;
+    '--bq-indigo-100': string;
+    '--bq-indigo-200': string;
+    '--bq-indigo-300': string;
+    '--bq-indigo-400': string;
+    '--bq-indigo-500': string;
+    '--bq-indigo-600': string;
+    '--bq-indigo-700': string;
+    '--bq-indigo-800': string;
+    '--bq-indigo-900': string;
+    '--bq-indigo-1000': string;
+    '--bq-iris-100': string;
+    '--bq-iris-200': string;
+    '--bq-iris-300': string;
+    '--bq-iris-400': string;
+    '--bq-iris-500': string;
+    '--bq-iris-600': string;
+    '--bq-iris-700': string;
+    '--bq-iris-800': string;
+    '--bq-iris-900': string;
+    '--bq-iris-1000': string;
+    '--bq-lime-100': string;
+    '--bq-lime-200': string;
+    '--bq-lime-300': string;
+    '--bq-lime-400': string;
+    '--bq-lime-500': string;
+    '--bq-lime-600': string;
+    '--bq-lime-700': string;
+    '--bq-lime-800': string;
+    '--bq-lime-900': string;
+    '--bq-lime-1000': string;
+    '--bq-magenta-100': string;
+    '--bq-magenta-200': string;
+    '--bq-magenta-300': string;
+    '--bq-magenta-400': string;
+    '--bq-magenta-500': string;
+    '--bq-magenta-600': string;
+    '--bq-magenta-700': string;
+    '--bq-magenta-800': string;
+    '--bq-magenta-900': string;
+    '--bq-magenta-1000': string;
+    '--bq-neutral-white': string;
+    '--bq-neutral-black': string;
+    '--bq-orange-100': string;
+    '--bq-orange-200': string;
+    '--bq-orange-300': string;
+    '--bq-orange-400': string;
+    '--bq-orange-500': string;
+    '--bq-orange-600': string;
+    '--bq-orange-700': string;
+    '--bq-orange-800': string;
+    '--bq-orange-900': string;
+    '--bq-orange-1000': string;
+    '--bq-purple-100': string;
+    '--bq-purple-200': string;
+    '--bq-purple-300': string;
+    '--bq-purple-400': string;
+    '--bq-purple-500': string;
+    '--bq-purple-600': string;
+    '--bq-purple-700': string;
+    '--bq-purple-800': string;
+    '--bq-purple-900': string;
+    '--bq-purple-1000': string;
+    '--bq-red-100': string;
+    '--bq-red-200': string;
+    '--bq-red-300': string;
+    '--bq-red-400': string;
+    '--bq-red-500': string;
+    '--bq-red-600': string;
+    '--bq-red-700': string;
+    '--bq-red-800': string;
+    '--bq-red-900': string;
+    '--bq-red-1000': string;
+    '--bq-sky-100': string;
+    '--bq-sky-200': string;
+    '--bq-sky-300': string;
+    '--bq-sky-400': string;
+    '--bq-sky-500': string;
+    '--bq-sky-600': string;
+    '--bq-sky-700': string;
+    '--bq-sky-800': string;
+    '--bq-sky-900': string;
+    '--bq-sky-1000': string;
+    '--bq-teal-100': string;
+    '--bq-teal-200': string;
+    '--bq-teal-300': string;
+    '--bq-teal-400': string;
+    '--bq-teal-500': string;
+    '--bq-teal-600': string;
+    '--bq-teal-700': string;
+    '--bq-teal-800': string;
+    '--bq-teal-900': string;
+    '--bq-teal-1000': string;
+    '--bq-volcano-100': string;
+    '--bq-volcano-200': string;
+    '--bq-volcano-300': string;
+    '--bq-volcano-400': string;
+    '--bq-volcano-500': string;
+    '--bq-volcano-600': string;
+    '--bq-volcano-700': string;
+    '--bq-volcano-800': string;
+    '--bq-volcano-900': string;
+    '--bq-volcano-1000': string;
+    '--bq-yellow-100': string;
+    '--bq-yellow-200': string;
+    '--bq-yellow-300': string;
+    '--bq-yellow-400': string;
+    '--bq-yellow-500': string;
+    '--bq-yellow-600': string;
+    '--bq-yellow-700': string;
+    '--bq-yellow-800': string;
+    '--bq-yellow-900': string;
+    '--bq-yellow-1000': string;
+    '--bq-endava-grey-50': string;
+    '--bq-endava-grey-100': string;
+    '--bq-endava-grey-200': string;
+    '--bq-endava-grey-300': string;
+    '--bq-endava-grey-400': string;
+    '--bq-endava-grey-500': string;
+    '--bq-endava-grey-600': string;
+    '--bq-endava-grey-700': string;
+    '--bq-endava-grey-800': string;
+    '--bq-endava-grey-900': string;
+    '--bq-endava-grey-950': string;
+    '--bq-endava-grey-1000': string;
+    '--bq-endava-neutral-white': string;
+    '--bq-endava-neutral-black': string;
+    '--bq-endava-orange-100': string;
+    '--bq-endava-orange-200': string;
+    '--bq-endava-orange-300': string;
+    '--bq-endava-orange-400': string;
+    '--bq-endava-orange-500': string;
+    '--bq-endava-orange-600': string;
+    '--bq-endava-orange-700': string;
+    '--bq-endava-orange-800': string;
+    '--bq-endava-orange-900': string;
+    '--bq-endava-orange-1000': string;
+};