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/semanticTokens/spacing.d.mts ADDED Viewed

@@ -0,0 +1,59 @@
+declare const spacing: {
+    '4xs': {
+        value: {
+            base: string;
+        };
+    };
+    '3xs': {
+        value: {
+            base: string;
+        };
+    };
+    '2xs': {
+        value: {
+            base: string;
+        };
+    };
+    xs: {
+        value: {
+            base: string;
+        };
+    };
+    sm: {
+        value: {
+            base: string;
+        };
+    };
+    md: {
+        value: {
+            base: string;
+        };
+    };
+    lg: {
+        value: {
+            base: string;
+        };
+    };
+    xl: {
+        value: {
+            base: string;
+        };
+    };
+    '2xl': {
+        value: {
+            base: string;
+        };
+    };
+    '3xl': {
+        value: {
+            base: string;
+        };
+    };
+    '4xl': {
+        value: {
+            base: string;
+        };
+    };
+};
+export { spacing };

package/dist/semanticTokens/spacing.d.ts ADDED Viewed

@@ -0,0 +1,59 @@
+declare const spacing: {
+    '4xs': {
+        value: {
+            base: string;
+        };
+    };
+    '3xs': {
+        value: {
+            base: string;
+        };
+    };
+    '2xs': {
+        value: {
+            base: string;
+        };
+    };
+    xs: {
+        value: {
+            base: string;
+        };
+    };
+    sm: {
+        value: {
+            base: string;
+        };
+    };
+    md: {
+        value: {
+            base: string;
+        };
+    };
+    lg: {
+        value: {
+            base: string;
+        };
+    };
+    xl: {
+        value: {
+            base: string;
+        };
+    };
+    '2xl': {
+        value: {
+            base: string;
+        };
+    };
+    '3xl': {
+        value: {
+            base: string;
+        };
+    };
+    '4xl': {
+        value: {
+            base: string;
+        };
+    };
+};
+export { spacing };

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

@@ -1,4 +1,4 @@
-declare const borders: {
+declare const borderWidths: {
     none: {
         value: string;
     };
@@ -13,4 +13,4 @@ declare const borders: {
     };
 };
-export { borders };
+export { borderWidths };

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

@@ -1,4 +1,4 @@
-declare const borders: {
+declare const borderWidths: {
     none: {
         value: string;
     };
@@ -13,4 +13,4 @@ declare const borders: {
     };
 };
-export { borders };
+export { borderWidths };

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

@@ -1,11 +1,11 @@
 declare const colors: {
-    currentcolor: {
+    debug: {
         value: string;
     };
-    dark: {
+    currentcolor: {
         value: string;
     };
-    white: {
+    dark: {
         value: string;
     };
     background: {
@@ -14,37 +14,8 @@ declare const colors: {
     overlay: {
         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;
-        };
+    white: {
+        value: string;
     };
     whiteAlpha: {
         50: {
@@ -295,6 +266,38 @@ declare const colors: {
             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 };

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

@@ -1,11 +1,11 @@
 declare const colors: {
-    currentcolor: {
+    debug: {
         value: string;
     };
-    dark: {
+    currentcolor: {
         value: string;
     };
-    white: {
+    dark: {
         value: string;
     };
     background: {
@@ -14,37 +14,8 @@ declare const colors: {
     overlay: {
         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;
-        };
+    white: {
+        value: string;
     };
     whiteAlpha: {
         50: {
@@ -295,6 +266,38 @@ declare const colors: {
             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 };

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

@@ -1,5 +1,5 @@
 declare const tokens: {
-    borders: {
+    borderWidths: {
         none: {
             value: string;
         };
@@ -14,13 +14,13 @@ declare const tokens: {
         };
     };
     colors: {
-        currentcolor: {
+        debug: {
             value: string;
         };
-        dark: {
+        currentcolor: {
             value: string;
         };
-        white: {
+        dark: {
             value: string;
         };
         background: {
@@ -29,37 +29,8 @@ declare const tokens: {
         overlay: {
             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;
-            };
+        white: {
+            value: string;
         };
         whiteAlpha: {
             50: {
@@ -310,6 +281,38 @@ declare const tokens: {
                 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: {
@@ -424,18 +427,23 @@ declare const tokens: {
         };
         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;
@@ -562,51 +570,67 @@ declare const tokens: {
         };
         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;
         };
     };
     zIndex: {

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

@@ -1,5 +1,5 @@
 declare const tokens: {
-    borders: {
+    borderWidths: {
         none: {
             value: string;
         };
@@ -14,13 +14,13 @@ declare const tokens: {
         };
     };
     colors: {
-        currentcolor: {
+        debug: {
             value: string;
         };
-        dark: {
+        currentcolor: {
             value: string;
         };
-        white: {
+        dark: {
             value: string;
         };
         background: {
@@ -29,37 +29,8 @@ declare const tokens: {
         overlay: {
             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;
-            };
+        white: {
+            value: string;
         };
         whiteAlpha: {
             50: {
@@ -310,6 +281,38 @@ declare const tokens: {
                 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: {
@@ -424,18 +427,23 @@ declare const tokens: {
         };
         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;
@@ -562,51 +570,67 @@ declare const tokens: {
         };
         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;
         };
     };
     zIndex: {