@mekari/pixel3-theme 0.0.6-dev.1 → 0.0.6-dev.3

package/dist/index.js

@@ -2805,7 +2805,7 @@ var import_dev31 = require("@pandacss/dev");
 var broadcastSlotRecipe = (0, import_dev31.defineSlotRecipe)({
   className: "broadcast",
   jsx: ["MpBroadcast", "mp-broadcast"],
-  slots: ["root", "container", "wrapper", "icon", "content", "textLink", "action", "close"],
+  slots: ["root", "container", "wrapper", "icon", "label", "textLink", "action", "close"],
   base: {
     root: {
       width: "full",
@@ -2848,19 +2848,19 @@ var broadcastSlotRecipe = (0, import_dev31.defineSlotRecipe)({
       announcement: {
         container: { backgroundColor: "stone.400" },
         icon: { color: "white" },
-        content: { color: "white" },
+        label: { color: "white" },
         textLink: { color: "white" }
       },
       information: {
         container: { backgroundColor: "violet.400" },
         icon: { color: "white" },
-        content: { color: "white" },
+        label: { color: "white" },
         textLink: { color: "white" }
       },
       important: {
         container: { backgroundColor: "amber.100" },
         icon: { color: "dark" },
-        content: { color: "dark" },
+        label: { color: "dark" },
         textLink: { color: "dark" }
       }
     }
@@ -3103,30 +3103,27 @@ var borders = import_dev34.defineTokens.borders({
 var import_dev35 = require("@pandacss/dev");
 var colors = import_dev35.defineTokens.colors({
   currentcolor: {
-    value: "currentcolor",
-    description: "Need to add this for Icon usage"
+    value: "currentcolor"
   },
-  dark: { value: "#232933", description: "Default or primary text color" },
+  dark: { value: "#232933" },
   white: {
-    value: "#FFFFFF",
-    description: "Background color in components such as Card, Modal, and Popover"
+    value: "#FFFFFF"
   },
-  background: { value: "#F1F5F9", description: "For use as background page" },
+  background: { value: "#F1F5F9" },
   overlay: {
-    value: "rgba(22, 26, 32, 0.8)",
-    description: "For use as overlay"
+    value: "rgba(22, 26, 32, 0.8)"
   },
   brand: {
-    capital: { value: "#2F5573", description: "Mekari Capital" },
-    esign: { value: "#00C853", description: "Mekari e-Sign" },
-    expense: { value: "#183883", description: "Mekari Expense" },
-    flex: { value: "#7C4DFF", description: "Mekari Flex" },
-    jurnal: { value: "#40C3FF", description: "Mekari Jurnal" },
-    klikpajak: { value: "#FF9100", description: "Mekari Klikpajak" },
-    mekari: { value: "#651FFF", description: "Mekari" },
-    qontak: { value: "#2979FF", description: "Mekari Qontak" },
-    talenta: { value: "#F22929", description: "Mekari Talenta" },
-    university: { value: "#448AFF", description: "Mekari University" }
+    capital: { value: "#2F5573" },
+    esign: { value: "#00C853" },
+    expense: { value: "#183883" },
+    flex: { value: "#7C4DFF" },
+    jurnal: { value: "#40C3FF" },
+    klikpajak: { value: "#FF9100" },
+    mekari: { value: "#651FFF" },
+    qontak: { value: "#2979FF" },
+    talenta: { value: "#F22929" },
+    university: { value: "#448AFF" }
   },
   whiteAlpha: {
     50: { value: "rgba(255, 255, 255, 0.04)" },
@@ -3154,21 +3151,17 @@ var colors = import_dev35.defineTokens.colors({
   },
   gray: {
     25: {
-      value: "#F8F9FB",
-      description: "Background color in table header component"
+      value: "#F8F9FB"
     },
     50: {
-      value: "#EDF0F2",
-      description: "Disabled background color in components such as Input and Select backgrounds"
+      value: "#EDF0F2"
     },
-    100: { value: "#D0D6DD", description: "Default stroke color or divider" },
+    100: { value: "#D0D6DD" },
     400: {
-      value: "#8B95A5",
-      description: "Disabled and placeholder text color, icon or in components such as hover state Input, Select and stroke in Popover"
+      value: "#8B95A5"
     },
     600: {
-      value: "#626B79",
-      description: "Description text color and default color for outline icon"
+      value: "#626B79"
     }
   },
   blue: {
@@ -3274,11 +3267,11 @@ var opacity = import_dev37.defineTokens.opacity({
 var import_dev38 = require("@pandacss/dev");
 var radii = import_dev38.defineTokens.radii({
   none: { value: "0" },
-  xs: { value: "0.125rem", description: "2px" },
-  sm: { value: "0.25rem", description: "4px" },
-  md: { value: "0.375rem", description: "6px" },
-  lg: { value: "0.5rem", description: "8px" },
-  xl: { value: "0.75rem", description: "12px" },
+  xs: { value: "0.125rem" },
+  sm: { value: "0.25rem" },
+  md: { value: "0.375rem" },
+  lg: { value: "0.5rem" },
+  xl: { value: "0.75rem" },
   full: { value: "50%" }
 });
 
@@ -3326,30 +3319,29 @@ var shadows = import_dev39.defineTokens.shadows({
 // src/tokens/sizes.ts
 var import_dev40 = require("@pandacss/dev");
 var sizes = import_dev40.defineTokens.sizes({
-  0: { value: "0", description: "0px" },
-  0.25: { value: "0.0625rem", description: "1px" },
-  0.5: { value: "0.125rem", description: "2px" },
-  1: { value: "0.25rem", description: "4px" },
-  1.5: { value: "0.375rem", description: "6px" },
-  2: { value: "0.5rem", description: "8px" },
-  2.5: { value: "0.625rem", description: "10px" },
-  3: { value: "0.75rem", description: "12px" },
-  4: { value: "1rem", description: "16px" },
-  5: { value: "1.25rem", description: "20px" },
-  6: { value: "1.5rem", description: "24px" },
-  7: { value: "1.75rem", description: "28px" },
-  7.5: { value: "1.875rem", description: "30px" },
-  8: { value: "2rem", description: "32px" },
-  9: { value: "2.25rem", description: "36px" },
-  9.5: { value: "2.375rem", description: "38px" },
-  10: { value: "2.5rem", description: "40px" },
-  11: { value: "2.75rem", description: "44px" },
-  12: { value: "3rem", description: "48px" },
-  16: { value: "4rem", description: "64px" },
-  20: { value: "5rem", description: "80px" },
-  22: { value: "5.5rem", description: "96px" },
-  56: { value: "14rem", description: "224px" },
-  65: { value: "17.5rem", description: "280px" },
+  0: { value: "0" },
+  0.25: { value: "0.0625rem" },
+  0.5: { value: "0.125rem" },
+  1: { value: "0.25rem" },
+  2: { value: "0.5rem" },
+  2.5: { value: "0.625rem" },
+  3: { value: "0.75rem" },
+  4: { value: "1rem" },
+  5: { value: "1.25rem" },
+  6: { value: "1.5rem" },
+  7: { value: "1.75rem" },
+  7.5: { value: "1.875rem" },
+  8: { value: "2rem" },
+  9: { value: "2.25rem" },
+  9.5: { value: "2.375rem" },
+  10: { value: "2.5rem" },
+  11: { value: "2.75rem" },
+  12: { value: "3rem" },
+  16: { value: "4rem" },
+  20: { value: "5rem" },
+  22: { value: "5.5rem" },
+  56: { value: "14rem" },
+  65: { value: "17.5rem" },
   full: { value: "100%" },
   sm: { value: "24rem" }
 });
@@ -3357,25 +3349,23 @@ var sizes = import_dev40.defineTokens.sizes({
 // src/tokens/spacing.ts
 var import_dev41 = require("@pandacss/dev");
 var spacing = import_dev41.defineTokens.spacing({
-  0: { value: "0", description: "0px" },
-  0.25: { value: "0.0625rem", description: "1px" },
-  0.5: { value: "0.125rem", description: "2px" },
-  1: { value: "0.25rem", description: "4px" },
-  1.5: { value: "0.375rem", description: "6px" },
-  2: { value: "0.5rem", description: "8px" },
-  2.5: { value: "0.625rem", description: "10px" },
-  3: { value: "0.75rem", description: "12px" },
-  4: { value: "1rem", description: "16px" },
-  5: { value: "1.3rem", description: "20px" },
-  6: { value: "1.5rem", description: "24px" },
-  8: { value: "2rem", description: "32px" },
-  12: { value: "3rem", description: "48px" },
-  16: { value: "4rem", description: "64px" },
-  20: { value: "5rem", description: "80px" },
-  24: { value: "6rem", description: "96px" },
-  32: { value: "8rem", description: "128px" },
-  40: { value: "10rem", description: "160px" },
-  64: { value: "16rem", description: "256px" }
+  0: { value: "0" },
+  0.5: { value: "0.125rem" },
+  1: { value: "0.25rem" },
+  1.5: { value: "0.375rem" },
+  2: { value: "0.5rem" },
+  3: { value: "0.75rem" },
+  4: { value: "1rem" },
+  5: { value: "1.3rem" },
+  6: { value: "1.5rem" },
+  8: { value: "2rem" },
+  12: { value: "3rem" },
+  16: { value: "4rem" },
+  20: { value: "5rem" },
+  24: { value: "6rem" },
+  32: { value: "8rem" },
+  40: { value: "10rem" },
+  64: { value: "16rem" }
 });
 
 // src/tokens/z-index.ts
@@ -3402,12 +3392,12 @@ var fonts = import_dev43.defineTokens.fonts({
   }
 });
 var fontSizes = import_dev43.defineTokens.fontSizes({
-  xs: { value: "0.625rem", description: "10px" },
-  sm: { value: "0.75rem", description: "12px" },
-  md: { value: "0.875rem", description: "14px" },
-  lg: { value: "1rem", description: "16px" },
-  xl: { value: "1.25rem", description: "20px" },
-  "2xl": { value: "1.5rem", description: "24px" }
+  xs: { value: "0.625rem" },
+  sm: { value: "0.75rem" },
+  md: { value: "0.875rem" },
+  lg: { value: "1rem" },
+  xl: { value: "1.25rem" },
+  "2xl": { value: "1.5rem" }
 });
 var fontWeights = import_dev43.defineTokens.fontWeights({
   regular: { value: "400" },
@@ -3415,13 +3405,13 @@ var fontWeights = import_dev43.defineTokens.fontWeights({
   bold: { value: "800" }
 });
 var lineHeights = import_dev43.defineTokens.lineHeights({
-  xs: { value: 1.2, description: "12px/10px" },
-  sm: { value: 1.34, description: "16px/12px or 32px/24px" },
-  md: { value: 1.4, description: "28px/20px" },
-  lg: { value: 1.429, description: "20px/14px" },
-  xl: { value: 1.5, description: "24px/16px" },
-  "2xl": { value: 1.67, description: "20px/12px" },
-  "3xl": { value: 1.71, description: "24px/14px" }
+  xs: { value: 1.2 },
+  sm: { value: 1.34 },
+  md: { value: 1.4 },
+  lg: { value: 1.429 },
+  xl: { value: 1.5 },
+  "2xl": { value: 1.67 },
+  "3xl": { value: 1.71 }
 });
 var letterSpacings = import_dev43.defineTokens.letterSpacings({
   tighter: { value: "-0.05em" },

package/dist/index.mjs

@@ -2779,7 +2779,7 @@ import { defineSlotRecipe as defineSlotRecipe18 } from "@pandacss/dev";
 var broadcastSlotRecipe = defineSlotRecipe18({
   className: "broadcast",
   jsx: ["MpBroadcast", "mp-broadcast"],
-  slots: ["root", "container", "wrapper", "icon", "content", "textLink", "action", "close"],
+  slots: ["root", "container", "wrapper", "icon", "label", "textLink", "action", "close"],
   base: {
     root: {
       width: "full",
@@ -2822,19 +2822,19 @@ var broadcastSlotRecipe = defineSlotRecipe18({
       announcement: {
         container: { backgroundColor: "stone.400" },
         icon: { color: "white" },
-        content: { color: "white" },
+        label: { color: "white" },
         textLink: { color: "white" }
       },
       information: {
         container: { backgroundColor: "violet.400" },
         icon: { color: "white" },
-        content: { color: "white" },
+        label: { color: "white" },
         textLink: { color: "white" }
       },
       important: {
         container: { backgroundColor: "amber.100" },
         icon: { color: "dark" },
-        content: { color: "dark" },
+        label: { color: "dark" },
         textLink: { color: "dark" }
       }
     }
@@ -3077,30 +3077,27 @@ var borders = defineTokens.borders({
 import { defineTokens as defineTokens2 } from "@pandacss/dev";
 var colors = defineTokens2.colors({
   currentcolor: {
-    value: "currentcolor",
-    description: "Need to add this for Icon usage"
+    value: "currentcolor"
   },
-  dark: { value: "#232933", description: "Default or primary text color" },
+  dark: { value: "#232933" },
   white: {
-    value: "#FFFFFF",
-    description: "Background color in components such as Card, Modal, and Popover"
+    value: "#FFFFFF"
   },
-  background: { value: "#F1F5F9", description: "For use as background page" },
+  background: { value: "#F1F5F9" },
   overlay: {
-    value: "rgba(22, 26, 32, 0.8)",
-    description: "For use as overlay"
+    value: "rgba(22, 26, 32, 0.8)"
   },
   brand: {
-    capital: { value: "#2F5573", description: "Mekari Capital" },
-    esign: { value: "#00C853", description: "Mekari e-Sign" },
-    expense: { value: "#183883", description: "Mekari Expense" },
-    flex: { value: "#7C4DFF", description: "Mekari Flex" },
-    jurnal: { value: "#40C3FF", description: "Mekari Jurnal" },
-    klikpajak: { value: "#FF9100", description: "Mekari Klikpajak" },
-    mekari: { value: "#651FFF", description: "Mekari" },
-    qontak: { value: "#2979FF", description: "Mekari Qontak" },
-    talenta: { value: "#F22929", description: "Mekari Talenta" },
-    university: { value: "#448AFF", description: "Mekari University" }
+    capital: { value: "#2F5573" },
+    esign: { value: "#00C853" },
+    expense: { value: "#183883" },
+    flex: { value: "#7C4DFF" },
+    jurnal: { value: "#40C3FF" },
+    klikpajak: { value: "#FF9100" },
+    mekari: { value: "#651FFF" },
+    qontak: { value: "#2979FF" },
+    talenta: { value: "#F22929" },
+    university: { value: "#448AFF" }
   },
   whiteAlpha: {
     50: { value: "rgba(255, 255, 255, 0.04)" },
@@ -3128,21 +3125,17 @@ var colors = defineTokens2.colors({
   },
   gray: {
     25: {
-      value: "#F8F9FB",
-      description: "Background color in table header component"
+      value: "#F8F9FB"
     },
     50: {
-      value: "#EDF0F2",
-      description: "Disabled background color in components such as Input and Select backgrounds"
+      value: "#EDF0F2"
     },
-    100: { value: "#D0D6DD", description: "Default stroke color or divider" },
+    100: { value: "#D0D6DD" },
     400: {
-      value: "#8B95A5",
-      description: "Disabled and placeholder text color, icon or in components such as hover state Input, Select and stroke in Popover"
+      value: "#8B95A5"
     },
     600: {
-      value: "#626B79",
-      description: "Description text color and default color for outline icon"
+      value: "#626B79"
     }
   },
   blue: {
@@ -3248,11 +3241,11 @@ var opacity = defineTokens4.opacity({
 import { defineTokens as defineTokens5 } from "@pandacss/dev";
 var radii = defineTokens5.radii({
   none: { value: "0" },
-  xs: { value: "0.125rem", description: "2px" },
-  sm: { value: "0.25rem", description: "4px" },
-  md: { value: "0.375rem", description: "6px" },
-  lg: { value: "0.5rem", description: "8px" },
-  xl: { value: "0.75rem", description: "12px" },
+  xs: { value: "0.125rem" },
+  sm: { value: "0.25rem" },
+  md: { value: "0.375rem" },
+  lg: { value: "0.5rem" },
+  xl: { value: "0.75rem" },
   full: { value: "50%" }
 });
 
@@ -3300,30 +3293,29 @@ var shadows = defineTokens6.shadows({
 // src/tokens/sizes.ts
 import { defineTokens as defineTokens7 } from "@pandacss/dev";
 var sizes = defineTokens7.sizes({
-  0: { value: "0", description: "0px" },
-  0.25: { value: "0.0625rem", description: "1px" },
-  0.5: { value: "0.125rem", description: "2px" },
-  1: { value: "0.25rem", description: "4px" },
-  1.5: { value: "0.375rem", description: "6px" },
-  2: { value: "0.5rem", description: "8px" },
-  2.5: { value: "0.625rem", description: "10px" },
-  3: { value: "0.75rem", description: "12px" },
-  4: { value: "1rem", description: "16px" },
-  5: { value: "1.25rem", description: "20px" },
-  6: { value: "1.5rem", description: "24px" },
-  7: { value: "1.75rem", description: "28px" },
-  7.5: { value: "1.875rem", description: "30px" },
-  8: { value: "2rem", description: "32px" },
-  9: { value: "2.25rem", description: "36px" },
-  9.5: { value: "2.375rem", description: "38px" },
-  10: { value: "2.5rem", description: "40px" },
-  11: { value: "2.75rem", description: "44px" },
-  12: { value: "3rem", description: "48px" },
-  16: { value: "4rem", description: "64px" },
-  20: { value: "5rem", description: "80px" },
-  22: { value: "5.5rem", description: "96px" },
-  56: { value: "14rem", description: "224px" },
-  65: { value: "17.5rem", description: "280px" },
+  0: { value: "0" },
+  0.25: { value: "0.0625rem" },
+  0.5: { value: "0.125rem" },
+  1: { value: "0.25rem" },
+  2: { value: "0.5rem" },
+  2.5: { value: "0.625rem" },
+  3: { value: "0.75rem" },
+  4: { value: "1rem" },
+  5: { value: "1.25rem" },
+  6: { value: "1.5rem" },
+  7: { value: "1.75rem" },
+  7.5: { value: "1.875rem" },
+  8: { value: "2rem" },
+  9: { value: "2.25rem" },
+  9.5: { value: "2.375rem" },
+  10: { value: "2.5rem" },
+  11: { value: "2.75rem" },
+  12: { value: "3rem" },
+  16: { value: "4rem" },
+  20: { value: "5rem" },
+  22: { value: "5.5rem" },
+  56: { value: "14rem" },
+  65: { value: "17.5rem" },
   full: { value: "100%" },
   sm: { value: "24rem" }
 });
@@ -3331,25 +3323,23 @@ var sizes = defineTokens7.sizes({
 // src/tokens/spacing.ts
 import { defineTokens as defineTokens8 } from "@pandacss/dev";
 var spacing = defineTokens8.spacing({
-  0: { value: "0", description: "0px" },
-  0.25: { value: "0.0625rem", description: "1px" },
-  0.5: { value: "0.125rem", description: "2px" },
-  1: { value: "0.25rem", description: "4px" },
-  1.5: { value: "0.375rem", description: "6px" },
-  2: { value: "0.5rem", description: "8px" },
-  2.5: { value: "0.625rem", description: "10px" },
-  3: { value: "0.75rem", description: "12px" },
-  4: { value: "1rem", description: "16px" },
-  5: { value: "1.3rem", description: "20px" },
-  6: { value: "1.5rem", description: "24px" },
-  8: { value: "2rem", description: "32px" },
-  12: { value: "3rem", description: "48px" },
-  16: { value: "4rem", description: "64px" },
-  20: { value: "5rem", description: "80px" },
-  24: { value: "6rem", description: "96px" },
-  32: { value: "8rem", description: "128px" },
-  40: { value: "10rem", description: "160px" },
-  64: { value: "16rem", description: "256px" }
+  0: { value: "0" },
+  0.5: { value: "0.125rem" },
+  1: { value: "0.25rem" },
+  1.5: { value: "0.375rem" },
+  2: { value: "0.5rem" },
+  3: { value: "0.75rem" },
+  4: { value: "1rem" },
+  5: { value: "1.3rem" },
+  6: { value: "1.5rem" },
+  8: { value: "2rem" },
+  12: { value: "3rem" },
+  16: { value: "4rem" },
+  20: { value: "5rem" },
+  24: { value: "6rem" },
+  32: { value: "8rem" },
+  40: { value: "10rem" },
+  64: { value: "16rem" }
 });
 
 // src/tokens/z-index.ts
@@ -3376,12 +3366,12 @@ var fonts = defineTokens10.fonts({
   }
 });
 var fontSizes = defineTokens10.fontSizes({
-  xs: { value: "0.625rem", description: "10px" },
-  sm: { value: "0.75rem", description: "12px" },
-  md: { value: "0.875rem", description: "14px" },
-  lg: { value: "1rem", description: "16px" },
-  xl: { value: "1.25rem", description: "20px" },
-  "2xl": { value: "1.5rem", description: "24px" }
+  xs: { value: "0.625rem" },
+  sm: { value: "0.75rem" },
+  md: { value: "0.875rem" },
+  lg: { value: "1rem" },
+  xl: { value: "1.25rem" },
+  "2xl": { value: "1.5rem" }
 });
 var fontWeights = defineTokens10.fontWeights({
   regular: { value: "400" },
@@ -3389,13 +3379,13 @@ var fontWeights = defineTokens10.fontWeights({
   bold: { value: "800" }
 });
 var lineHeights = defineTokens10.lineHeights({
-  xs: { value: 1.2, description: "12px/10px" },
-  sm: { value: 1.34, description: "16px/12px or 32px/24px" },
-  md: { value: 1.4, description: "28px/20px" },
-  lg: { value: 1.429, description: "20px/14px" },
-  xl: { value: 1.5, description: "24px/16px" },
-  "2xl": { value: 1.67, description: "20px/12px" },
-  "3xl": { value: 1.71, description: "24px/14px" }
+  xs: { value: 1.2 },
+  sm: { value: 1.34 },
+  md: { value: 1.4 },
+  lg: { value: 1.429 },
+  xl: { value: 1.5 },
+  "2xl": { value: 1.67 },
+  "3xl": { value: 1.71 }
 });
 var letterSpacings = defineTokens10.letterSpacings({
   tighter: { value: "-0.05em" },

package/dist/tokens/colors.d.mts

@@ -1,64 +1,49 @@
 declare const colors: {
     currentcolor: {
         value: string;
-        description: string;
     };
     dark: {
         value: string;
-        description: string;
     };
     white: {
         value: string;
-        description: string;
     };
     background: {
         value: string;
-        description: string;
     };
     overlay: {
         value: string;
-        description: string;
     };
     brand: {
         capital: {
             value: string;
-            description: string;
         };
         esign: {
             value: string;
-            description: string;
         };
         expense: {
             value: string;
-            description: string;
         };
         flex: {
             value: string;
-            description: string;
         };
         jurnal: {
             value: string;
-            description: string;
         };
         klikpajak: {
             value: string;
-            description: string;
         };
         mekari: {
             value: string;
-            description: string;
         };
         qontak: {
             value: string;
-            description: string;
         };
         talenta: {
             value: string;
-            description: string;
         };
         university: {
             value: string;
-            description: string;
         };
     };
     whiteAlpha: {
@@ -128,23 +113,18 @@ declare const colors: {
     gray: {
         25: {
             value: string;
-            description: string;
         };
         50: {
             value: string;
-            description: string;
         };
         100: {
             value: string;
-            description: string;
         };
         400: {
             value: string;
-            description: string;
         };
         600: {
             value: string;
-            description: string;
         };
     };
     blue: {