npm - @mekari/pixel3-theme - Versions diffs - 0.2.1 → 0.2.2-dev.0 - Mend

@mekari/pixel3-theme 0.2.1 → 0.2.2-dev.0

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 (84) hide show

package/dist/conditions.d.mts +4 -1
package/dist/conditions.d.ts +4 -1
package/dist/index.js +2889 -409
package/dist/index.mjs +2888 -408
package/dist/semanticTokens/colors.d.mts +892 -0
package/dist/semanticTokens/colors.d.ts +892 -0
package/dist/semanticTokens/index.d.mts +951 -0
package/dist/semanticTokens/index.d.ts +951 -0
package/dist/semanticTokens/spacing.d.mts +59 -0
package/dist/semanticTokens/spacing.d.ts +59 -0
package/dist/tokens/borders.d.mts +2 -2
package/dist/tokens/borders.d.ts +2 -2
package/dist/tokens/colors.d.mts +37 -34
package/dist/tokens/colors.d.ts +37 -34
package/dist/tokens/index.d.mts +59 -35
package/dist/tokens/index.d.ts +59 -35
package/dist/tokens/radii.d.mts +5 -0
package/dist/tokens/radii.d.ts +5 -0
package/dist/tokens/spacing.d.mts +16 -0
package/dist/tokens/spacing.d.ts +16 -0
package/dist/tokens-next/borders.d.mts +22 -0
package/dist/tokens-next/borders.d.ts +22 -0
package/dist/tokens-next/colors.d.mts +441 -0
package/dist/tokens-next/colors.d.ts +441 -0
package/dist/tokens-next/index.d.mts +772 -0
package/dist/tokens-next/index.d.ts +772 -0
package/dist/tokens-next/radii.d.mts +26 -0
package/dist/tokens-next/radii.d.ts +26 -0
package/dist/tokens-next/shadows.d.mts +28 -0
package/dist/tokens-next/shadows.d.ts +28 -0
package/dist/tokens-next/spacing.d.mts +51 -0
package/dist/tokens-next/spacing.d.ts +51 -0
package/package.json +1 -1
package/src/conditions.ts +6 -4
package/src/global-css.ts +4 -0
package/src/index.ts +15 -2
package/src/recipes/accordion.ts +12 -2
package/src/recipes/autocomplete.ts +6 -1
package/src/recipes/avatar.ts +68 -11
package/src/recipes/badge.ts +174 -50
package/src/recipes/banner.ts +36 -11
package/src/recipes/broadcast.ts +78 -12
package/src/recipes/button.ts +132 -9
package/src/recipes/carousel.ts +5 -0
package/src/recipes/chart.ts +10 -5
package/src/recipes/checkbox.ts +68 -13
package/src/recipes/color-picker.ts +74 -23
package/src/recipes/date-picker.ts +165 -31
package/src/recipes/divider.ts +5 -1
package/src/recipes/dropzone.ts +80 -8
package/src/recipes/form-control.ts +12 -3
package/src/recipes/input-tag.ts +48 -8
package/src/recipes/input.ts +75 -8
package/src/recipes/modal.ts +30 -9
package/src/recipes/popover.ts +28 -9
package/src/recipes/progress.ts +9 -2
package/src/recipes/radio.ts +52 -21
package/src/recipes/rich-text-editor.ts +32 -6
package/src/recipes/segmented-control.ts +47 -7
package/src/recipes/select.ts +42 -0
package/src/recipes/slider.ts +46 -6
package/src/recipes/table.ts +26 -11
package/src/recipes/tabs.ts +35 -3
package/src/recipes/tag.ts +43 -13
package/src/recipes/textarea.ts +0 -46
package/src/recipes/timeline.ts +36 -8
package/src/recipes/toast.ts +21 -4
package/src/recipes/toggle.ts +59 -11
package/src/recipes/tooltip.ts +5 -1
package/src/recipes/upload.ts +51 -16
package/src/semanticTokens/colors.ts +893 -0
package/src/semanticTokens/index.ts +8 -0
package/src/semanticTokens/spacing.ts +59 -0
package/src/tokens/borders.ts +1 -1
package/src/tokens/colors.ts +18 -23
package/src/tokens/index.ts +2 -2
package/src/tokens/radii.ts +5 -5
package/src/tokens/spacing.ts +17 -17
package/src/tokens-next/borders.ts +10 -0
package/src/tokens-next/colors.ts +171 -0
package/src/tokens-next/index.ts +32 -0
package/src/tokens-next/radii.ts +10 -0
package/src/tokens-next/shadows.ts +28 -0
package/src/tokens-next/spacing.ts +16 -0

package/dist/tokens/radii.d.mts CHANGED Viewed

@@ -4,18 +4,23 @@ declare const radii: {
     };
     xs: {
         value: string;
+        description: string;
     };
     sm: {
         value: string;
+        description: string;
     };
     md: {
         value: string;
+        description: string;
     };
     lg: {
         value: string;
+        description: string;
     };
     xl: {
         value: string;
+        description: string;
     };
     full: {
         value: string;

package/dist/tokens/radii.d.ts CHANGED Viewed

@@ -4,18 +4,23 @@ declare const radii: {
     };
     xs: {
         value: string;
+        description: string;
     };
     sm: {
         value: string;
+        description: string;
     };
     md: {
         value: string;
+        description: string;
     };
     lg: {
         value: string;
+        description: string;
     };
     xl: {
         value: string;
+        description: string;
     };
     full: {
         value: string;

package/dist/tokens/spacing.d.mts CHANGED Viewed

@@ -4,51 +4,67 @@ declare const spacing: {
     };
     0.5: {
         value: string;
+        description: string;
     };
     1: {
         value: string;
+        description: string;
     };
     1.5: {
         value: string;
+        description: string;
     };
     2: {
         value: string;
+        description: string;
     };
     3: {
         value: string;
+        description: string;
     };
     4: {
         value: string;
+        description: string;
     };
     5: {
         value: string;
+        description: string;
     };
     6: {
         value: string;
+        description: string;
     };
     8: {
         value: string;
+        description: string;
     };
     12: {
         value: string;
+        description: string;
     };
     16: {
         value: string;
+        description: string;
     };
     20: {
         value: string;
+        description: string;
     };
     24: {
         value: string;
+        description: string;
     };
     32: {
         value: string;
+        description: string;
     };
     40: {
         value: string;
+        description: string;
     };
     64: {
         value: string;
+        description: string;
     };
 };

package/dist/tokens/spacing.d.ts CHANGED Viewed

@@ -4,51 +4,67 @@ declare const spacing: {
     };
     0.5: {
         value: string;
+        description: string;
     };
     1: {
         value: string;
+        description: string;
     };
     1.5: {
         value: string;
+        description: string;
     };
     2: {
         value: string;
+        description: string;
     };
     3: {
         value: string;
+        description: string;
     };
     4: {
         value: string;
+        description: string;
     };
     5: {
         value: string;
+        description: string;
     };
     6: {
         value: string;
+        description: string;
     };
     8: {
         value: string;
+        description: string;
     };
     12: {
         value: string;
+        description: string;
     };
     16: {
         value: string;
+        description: string;
     };
     20: {
         value: string;
+        description: string;
     };
     24: {
         value: string;
+        description: string;
     };
     32: {
         value: string;
+        description: string;
     };
     40: {
         value: string;
+        description: string;
     };
     64: {
         value: string;
+        description: string;
     };
 };

package/dist/tokens-next/borders.d.mts ADDED Viewed

@@ -0,0 +1,22 @@
+declare const borderWidths: {
+    none: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    '2xl': {
+        value: string;
+    };
+};
+export { borderWidths };

package/dist/tokens-next/borders.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+declare const borderWidths: {
+    none: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    '2xl': {
+        value: string;
+    };
+};
+export { borderWidths };

package/dist/tokens-next/colors.d.mts ADDED Viewed

@@ -0,0 +1,441 @@
+declare const colors: {
+    debug: {
+        value: string;
+    };
+    currentcolor: {
+        value: string;
+    };
+    white: {
+        value: string;
+    };
+    dark: {
+        '-100': {
+            value: string;
+        };
+        DEFAULT: {
+            value: string;
+        };
+        100: {
+            value: string;
+        };
+        200: {
+            value: string;
+        };
+        250: {
+            value: string;
+        };
+        300: {
+            value: string;
+        };
+        350: {
+            value: string;
+        };
+        400: {
+            value: string;
+        };
+        500: {
+            value: string;
+        };
+        600: {
+            value: string;
+        };
+        700: {
+            value: string;
+        };
+        800: {
+            value: string;
+        };
+        900: {
+            value: string;
+        };
+        1000: {
+            value: string;
+        };
+    };
+    neutral: {
+        100: {
+            value: string;
+        };
+        200: {
+            value: string;
+        };
+        300: {
+            value: string;
+        };
+        400: {
+            value: string;
+        };
+        500: {
+            value: string;
+        };
+        600: {
+            value: string;
+        };
+        700: {
+            value: string;
+        };
+        800: {
+            value: string;
+        };
+        900: {
+            value: string;
+        };
+        1000: {
+            value: string;
+        };
+    };
+    blue: {
+        100: {
+            value: string;
+        };
+        200: {
+            value: string;
+        };
+        300: {
+            value: string;
+        };
+        400: {
+            value: string;
+        };
+        500: {
+            value: string;
+        };
+        600: {
+            value: string;
+        };
+        700: {
+            value: string;
+        };
+        800: {
+            value: string;
+        };
+        900: {
+            value: string;
+        };
+        1000: {
+            value: string;
+        };
+    };
+    indigo: {
+        100: {
+            value: string;
+        };
+        200: {
+            value: string;
+        };
+        300: {
+            value: string;
+        };
+        400: {
+            value: string;
+        };
+        500: {
+            value: string;
+        };
+        600: {
+            value: string;
+        };
+        700: {
+            value: string;
+        };
+        800: {
+            value: string;
+        };
+        900: {
+            value: string;
+        };
+        1000: {
+            value: string;
+        };
+    };
+    violet: {
+        100: {
+            value: string;
+        };
+        200: {
+            value: string;
+        };
+        300: {
+            value: string;
+        };
+        400: {
+            value: string;
+        };
+        500: {
+            value: string;
+        };
+        600: {
+            value: string;
+        };
+        700: {
+            value: string;
+        };
+        800: {
+            value: string;
+        };
+        900: {
+            value: string;
+        };
+        1000: {
+            value: string;
+        };
+    };
+    fuchsia: {
+        100: {
+            value: string;
+        };
+        200: {
+            value: string;
+        };
+        300: {
+            value: string;
+        };
+        400: {
+            value: string;
+        };
+        500: {
+            value: string;
+        };
+        600: {
+            value: string;
+        };
+        700: {
+            value: string;
+        };
+        800: {
+            value: string;
+        };
+        900: {
+            value: string;
+        };
+        1000: {
+            value: string;
+        };
+    };
+    red: {
+        100: {
+            value: string;
+        };
+        200: {
+            value: string;
+        };
+        300: {
+            value: string;
+        };
+        400: {
+            value: string;
+        };
+        500: {
+            value: string;
+        };
+        600: {
+            value: string;
+        };
+        700: {
+            value: string;
+        };
+        800: {
+            value: string;
+        };
+        900: {
+            value: string;
+        };
+        1000: {
+            value: string;
+        };
+    };
+    orange: {
+        100: {
+            value: string;
+        };
+        200: {
+            value: string;
+        };
+        300: {
+            value: string;
+        };
+        400: {
+            value: string;
+        };
+        500: {
+            value: string;
+        };
+        600: {
+            value: string;
+        };
+        700: {
+            value: string;
+        };
+        800: {
+            value: string;
+        };
+        900: {
+            value: string;
+        };
+        1000: {
+            value: string;
+        };
+    };
+    yellow: {
+        100: {
+            value: string;
+        };
+        200: {
+            value: string;
+        };
+        300: {
+            value: string;
+        };
+        400: {
+            value: string;
+        };
+        500: {
+            value: string;
+        };
+        600: {
+            value: string;
+        };
+        700: {
+            value: string;
+        };
+        800: {
+            value: string;
+        };
+        900: {
+            value: string;
+        };
+        1000: {
+            value: string;
+        };
+    };
+    lime: {
+        100: {
+            value: string;
+        };
+        200: {
+            value: string;
+        };
+        300: {
+            value: string;
+        };
+        400: {
+            value: string;
+        };
+        500: {
+            value: string;
+        };
+        600: {
+            value: string;
+        };
+        700: {
+            value: string;
+        };
+        800: {
+            value: string;
+        };
+        900: {
+            value: string;
+        };
+        1000: {
+            value: string;
+        };
+    };
+    green: {
+        100: {
+            value: string;
+        };
+        200: {
+            value: string;
+        };
+        300: {
+            value: string;
+        };
+        400: {
+            value: string;
+        };
+        500: {
+            value: string;
+        };
+        600: {
+            value: string;
+        };
+        700: {
+            value: string;
+        };
+        800: {
+            value: string;
+        };
+        900: {
+            value: string;
+        };
+        1000: {
+            value: string;
+        };
+    };
+    teal: {
+        100: {
+            value: string;
+        };
+        200: {
+            value: string;
+        };
+        300: {
+            value: string;
+        };
+        400: {
+            value: string;
+        };
+        500: {
+            value: string;
+        };
+        600: {
+            value: string;
+        };
+        700: {
+            value: string;
+        };
+        800: {
+            value: string;
+        };
+        900: {
+            value: string;
+        };
+        1000: {
+            value: string;
+        };
+    };
+    brand: {
+        capital: {
+            value: string;
+        };
+        esign: {
+            value: string;
+        };
+        expense: {
+            value: string;
+        };
+        flex: {
+            value: string;
+        };
+        jurnal: {
+            value: string;
+        };
+        klikpajak: {
+            value: string;
+        };
+        mekari: {
+            value: string;
+        };
+        qontak: {
+            value: string;
+        };
+        talenta: {
+            value: string;
+        };
+        university: {
+            value: string;
+        };
+    };
+};
+export { colors };