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

@mekari/pixel3-theme 0.2.1-dev.0 → 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-next/index.d.mts ADDED Viewed

@@ -0,0 +1,772 @@
+declare const tokensNext: {
+    borderWidths: {
+        none: {
+            value: string;
+        };
+        sm: {
+            value: string;
+        };
+        md: {
+            value: string;
+        };
+        lg: {
+            value: string;
+        };
+        xl: {
+            value: string;
+        };
+        '2xl': {
+            value: string;
+        };
+    };
+    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;
+            };
+        };
+    };
+    durations: {
+        slow: {
+            value: string;
+        };
+        normal: {
+            value: string;
+        };
+        fast: {
+            value: string;
+        };
+    };
+    fonts: {
+        body: {
+            value: string;
+        };
+        mono: {
+            value: string;
+        };
+    };
+    fontSizes: {
+        xs: {
+            value: string;
+        };
+        sm: {
+            value: string;
+        };
+        md: {
+            value: string;
+        };
+        lg: {
+            value: string;
+        };
+        xl: {
+            value: string;
+        };
+        '2xl': {
+            value: string;
+        };
+    };
+    fontWeights: {
+        regular: {
+            value: string;
+        };
+        semiBold: {
+            value: string;
+        };
+        bold: {
+            value: string;
+        };
+    };
+    lineHeights: {
+        xs: {
+            value: number;
+        };
+        sm: {
+            value: number;
+        };
+        md: {
+            value: number;
+        };
+        lg: {
+            value: number;
+        };
+        xl: {
+            value: number;
+        };
+        '2xl': {
+            value: number;
+        };
+        '3xl': {
+            value: number;
+        };
+    };
+    letterSpacings: {
+        tighter: {
+            value: string;
+        };
+        tight: {
+            value: string;
+        };
+        normal: {
+            value: string;
+        };
+        wide: {
+            value: string;
+        };
+        wider: {
+            value: string;
+        };
+        widest: {
+            value: string;
+        };
+    };
+    opacity: {
+        0: {
+            value: number;
+        };
+        40: {
+            value: number;
+        };
+        60: {
+            value: number;
+        };
+        100: {
+            value: number;
+        };
+    };
+    radii: {
+        none: {
+            value: string;
+        };
+        sm: {
+            value: string;
+            description: string;
+        };
+        md: {
+            value: string;
+            description: string;
+        };
+        lg: {
+            value: string;
+            description: string;
+        };
+        xl: {
+            value: string;
+            description: string;
+        };
+        full: {
+            value: string;
+        };
+    };
+    shadows: {
+        xs: {
+            value: string[];
+        };
+        sm: {
+            value: string[];
+        };
+        md: {
+            value: string[];
+        };
+        lg: {
+            value: string[];
+        };
+        focus: {
+            value: string;
+        };
+        outline: {
+            value: string;
+        };
+        outer: {
+            value: string;
+        };
+        none: {
+            value: string;
+        };
+    };
+    sizes: {
+        0: {
+            value: string;
+        };
+        0.25: {
+            value: string;
+        };
+        0.5: {
+            value: string;
+        };
+        1: {
+            value: string;
+        };
+        2: {
+            value: string;
+        };
+        2.5: {
+            value: string;
+        };
+        3: {
+            value: string;
+        };
+        4: {
+            value: string;
+        };
+        5: {
+            value: string;
+        };
+        6: {
+            value: string;
+        };
+        7: {
+            value: string;
+        };
+        7.5: {
+            value: string;
+        };
+        8: {
+            value: string;
+        };
+        9: {
+            value: string;
+        };
+        9.5: {
+            value: string;
+        };
+        10: {
+            value: string;
+        };
+        11: {
+            value: string;
+        };
+        12: {
+            value: string;
+        };
+        16: {
+            value: string;
+        };
+        20: {
+            value: string;
+        };
+        22: {
+            value: string;
+        };
+        56: {
+            value: string;
+        };
+        65: {
+            value: string;
+        };
+        full: {
+            value: string;
+        };
+        sm: {
+            value: string;
+        };
+    };
+    spacing: {
+        0: {
+            value: string;
+        };
+        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;
+        };
+        10: {
+            value: string;
+            description: string;
+        };
+        20: {
+            value: string;
+            description: string;
+        };
+    };
+    zIndex: {
+        hide: {
+            value: number;
+        };
+        base: {
+            value: number;
+        };
+        docked: {
+            value: number;
+        };
+        sticky: {
+            value: number;
+        };
+        overlay: {
+            value: number;
+        };
+        modal: {
+            value: number;
+        };
+        popover: {
+            value: number;
+        };
+        tooltip: {
+            value: number;
+        };
+    };
+};
+export { tokensNext };