@aziontech/theme 2.6.0 → 4.0.0

package/src/tokens/theme.d.ts

@@ -7,30 +7,30 @@ export namespace theme {
             }
             namespace brand {
                 let primary: {
-                    '50': string;
-                    '100': string;
-                    '200': string;
-                    '300': string;
-                    '400': string;
-                    '500': string;
-                    '600': string;
-                    '700': string;
-                    '800': string;
-                    '900': string;
-                    '950': string;
+                    50: string;
+                    100: string;
+                    200: string;
+                    300: string;
+                    400: string;
+                    500: string;
+                    600: string;
+                    700: string;
+                    800: string;
+                    900: string;
+                    950: string;
                 };
                 let accent: {
-                    '50': string;
-                    '100': string;
-                    '200': string;
-                    '300': string;
-                    '400': string;
-                    '500': string;
-                    '600': string;
-                    '700': string;
-                    '800': string;
-                    '900': string;
-                    '950': string;
+                    50: string;
+                    100: string;
+                    200: string;
+                    300: string;
+                    400: string;
+                    500: string;
+                    600: string;
+                    700: string;
+                    800: string;
+                    900: string;
+                    950: string;
                 };
             }
             let surface: {
@@ -48,109 +48,109 @@ export namespace theme {
                 950: string;
             };
             let orange: {
-                '50': string;
-                '100': string;
-                '200': string;
-                '300': string;
-                '400': string;
-                '500': string;
-                '600': string;
-                '700': string;
-                '800': string;
-                '900': string;
-                '950': string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
             };
             let violet: {
-                '50': string;
-                '100': string;
-                '200': string;
-                '300': string;
-                '400': string;
-                '500': string;
-                '600': string;
-                '700': string;
-                '800': string;
-                '900': string;
-                '950': string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
             };
             let neutral: any;
             let gray: {
-                '50': string;
-                '100': string;
-                '200': string;
-                '300': string;
-                '400': string;
-                '500': string;
-                '600': string;
-                '700': string;
-                '800': string;
-                '900': string;
-                '950': string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
             };
             let slate: {
-                '50': string;
-                '100': string;
-                '200': string;
-                '300': string;
-                '400': string;
-                '500': string;
-                '600': string;
-                '700': string;
-                '800': string;
-                '900': string;
-                '950': string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
             };
             let red: {
-                '50': string;
-                '100': string;
-                '200': string;
-                '300': string;
-                '400': string;
-                '500': string;
-                '600': string;
-                '700': string;
-                '800': string;
-                '900': string;
-                '950': string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
             };
             let green: {
-                '50': string;
-                '100': string;
-                '200': string;
-                '300': string;
-                '400': string;
-                '500': string;
-                '600': string;
-                '700': string;
-                '800': string;
-                '900': string;
-                '950': string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
             };
             let yellow: {
-                '50': string;
-                '100': string;
-                '200': string;
-                '300': string;
-                '400': string;
-                '500': string;
-                '600': string;
-                '700': string;
-                '800': string;
-                '900': string;
-                '950': string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
             };
             let blue: {
-                '50': string;
-                '100': string;
-                '200': string;
-                '300': string;
-                '400': string;
-                '500': string;
-                '600': string;
-                '700': string;
-                '800': string;
-                '900': string;
-                '950': string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
             };
         }
         let textColor: {

package/src/tokens/theme.js

@@ -1,16 +1,16 @@
-import { brandPrimitives, primitives, surfacePrimitives } from './primitives/colors/colors.js';
-import { semanticColors } from './semantic/colors.js';
+import { brandPrimitives, primitives, surfacePrimitives } from './primitives/colors/colors.js'
+import { semanticColors } from './semantic/colors.js'
 
 export const theme = {
   extend: {
     colors: {
       base: {
         white: primitives.base.white,
-        black: primitives.base.black,
+        black: primitives.base.black
       },
       brand: {
         primary: brandPrimitives.primary,
-        accent: brandPrimitives.accent,
+        accent: brandPrimitives.accent
       },
       surface: surfacePrimitives.surface,
       orange: primitives.orange,
@@ -21,12 +21,12 @@ export const theme = {
       red: primitives.red,
       green: primitives.green,
       yellow: primitives.yellow,
-      blue: primitives.blue,
+      blue: primitives.blue
     },
     textColor: semanticColors.text,
     backgroundColor: semanticColors.background,
-    borderColor: semanticColors.border,
-  },
-};
+    borderColor: semanticColors.border
+  }
+}
 
-export default { theme };
+export default { theme }

package/default.js

@@ -1 +0,0 @@
-import './src/azion/theme.scss';