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

@mekari/pixel3-theme 0.2.1 → 0.2.2-dev.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 (94) hide show

package/dist/conditions.d.mts +4 -1
package/dist/conditions.d.ts +4 -1
package/dist/index.js +3423 -606
package/dist/index.mjs +3382 -565
package/dist/recipes/airene-button.d.mts +5 -0
package/dist/recipes/airene-button.d.ts +5 -0
package/dist/recipes/index.d.mts +1 -0
package/dist/recipes/index.d.ts +1 -0
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 +40 -34
package/dist/tokens/colors.d.ts +40 -34
package/dist/tokens/index.d.mts +62 -35
package/dist/tokens/index.d.ts +62 -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 +444 -0
package/dist/tokens-next/colors.d.ts +444 -0
package/dist/tokens-next/index.d.mts +775 -0
package/dist/tokens-next/index.d.ts +775 -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 +3 -2
package/src/conditions.ts +6 -4
package/src/global-css.ts +4 -0
package/src/index.ts +15 -2
package/src/keyframes.ts +5 -0
package/src/recipes/accordion.ts +60 -10
package/src/recipes/airene-button.ts +120 -0
package/src/recipes/autocomplete.ts +6 -1
package/src/recipes/avatar.ts +101 -24
package/src/recipes/badge.ts +174 -50
package/src/recipes/banner.ts +36 -12
package/src/recipes/broadcast.ts +78 -12
package/src/recipes/button.ts +239 -11
package/src/recipes/carousel.ts +5 -0
package/src/recipes/chart.ts +10 -5
package/src/recipes/checkbox.ts +72 -15
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/icon.ts +3 -1
package/src/recipes/index.ts +3 -1
package/src/recipes/input-tag.ts +48 -8
package/src/recipes/input.ts +105 -18
package/src/recipes/modal.ts +38 -10
package/src/recipes/popover.ts +28 -9
package/src/recipes/progress.ts +9 -2
package/src/recipes/radio.ts +56 -23
package/src/recipes/rich-text-editor.ts +32 -6
package/src/recipes/segmented-control.ts +48 -8
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 +36 -4
package/src/recipes/tag.ts +44 -14
package/src/recipes/text.ts +0 -1
package/src/recipes/textarea.ts +0 -46
package/src/recipes/timeline.ts +42 -8
package/src/recipes/toast.ts +21 -5
package/src/recipes/toggle.ts +63 -13
package/src/recipes/tooltip.ts +6 -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/text-styles.ts +1 -1
package/src/tokens/borders.ts +1 -1
package/src/tokens/colors.ts +19 -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 +172 -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/colors.d.ts ADDED Viewed

@@ -0,0 +1,444 @@
+declare const colors: {
+    debug: {
+        value: string;
+    };
+    currentcolor: {
+        value: string;
+    };
+    white: {
+        value: string;
+    };
+    vibrantPurple: {
+        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 };