@mekari/pixel3-styled-system 0.0.1-alpha.0 → 0.0.2

package/recipes/input-tag-slot-recipe.mjs

@@ -0,0 +1,70 @@
+import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const inputTagSlotRecipeDefaultVariants = {}
+const inputTagSlotRecipeCompoundVariants = []
+
+const inputTagSlotRecipeSlotNames = [
+  [
+    "root",
+    "input-tag__root"
+  ],
+  [
+    "trigger",
+    "input-tag__trigger"
+  ],
+  [
+    "input",
+    "input-tag__input"
+  ],
+  [
+    "content",
+    "input-tag__content"
+  ],
+  [
+    "resetButton",
+    "input-tag__resetButton"
+  ],
+  [
+    "dropdownButton",
+    "input-tag__dropdownButton"
+  ],
+  [
+    "addButton",
+    "input-tag__addButton"
+  ],
+  [
+    "loading",
+    "input-tag__loading"
+  ],
+  [
+    "empty",
+    "input-tag__empty"
+  ],
+  [
+    "suggestionWrapper",
+    "input-tag__suggestionWrapper"
+  ],
+  [
+    "suggestionLoading",
+    "input-tag__suggestionLoading"
+  ]
+]
+const inputTagSlotRecipeSlotFns = /* @__PURE__ */ inputTagSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputTagSlotRecipeDefaultVariants, getSlotCompoundVariant(inputTagSlotRecipeCompoundVariants, slotName))])
+
+const inputTagSlotRecipeFn = (props = {}) => {
+  return Object.fromEntries(inputTagSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+}
+
+const inputTagSlotRecipeVariantKeys = []
+
+export const inputTagSlotRecipe = /* @__PURE__ */ Object.assign(inputTagSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'inputTagSlotRecipe',
+  raw: (props) => props,
+  variantKeys: inputTagSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, inputTagSlotRecipeVariantKeys)
+  },
+})

package/recipes/modal-slot-recipe.d.ts

@@ -0,0 +1,27 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface ModalSlotRecipeVariant {
+  full: boolean
+}
+
+type ModalSlotRecipeVariantMap = {
+  [key in keyof ModalSlotRecipeVariant]: Array<ModalSlotRecipeVariant[key]>
+}
+
+export type ModalSlotRecipeVariantProps = {
+  [key in keyof ModalSlotRecipeVariant]?: ConditionalValue<ModalSlotRecipeVariant[key]> | undefined
+}
+
+export interface ModalSlotRecipeRecipe {
+  __type: ModalSlotRecipeVariantProps
+  (props?: ModalSlotRecipeVariantProps): Pretty<Record<"root" | "rootChild" | "body" | "contentRoot" | "contentChild" | "header" | "footer" | "body" | "overlay" | "closeButton", string>>
+  raw: (props?: ModalSlotRecipeVariantProps) => ModalSlotRecipeVariantProps
+  variantMap: ModalSlotRecipeVariantMap
+  variantKeys: Array<keyof ModalSlotRecipeVariant>
+  splitVariantProps<Props extends ModalSlotRecipeVariantProps>(props: Props): [ModalSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof ModalSlotRecipeVariantProps>>]
+}
+
+/** The styles for the Modal component */
+export declare const modalSlotRecipe: ModalSlotRecipeRecipe

package/recipes/modal-slot-recipe.mjs

@@ -0,0 +1,75 @@
+import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const modalSlotRecipeDefaultVariants = {
+  "full": false
+}
+const modalSlotRecipeCompoundVariants = []
+
+const modalSlotRecipeSlotNames = [
+  [
+    "root",
+    "modal__root"
+  ],
+  [
+    "rootChild",
+    "modal__rootChild"
+  ],
+  [
+    "body",
+    "modal__body"
+  ],
+  [
+    "contentRoot",
+    "modal__contentRoot"
+  ],
+  [
+    "contentChild",
+    "modal__contentChild"
+  ],
+  [
+    "header",
+    "modal__header"
+  ],
+  [
+    "footer",
+    "modal__footer"
+  ],
+  [
+    "body",
+    "modal__body"
+  ],
+  [
+    "overlay",
+    "modal__overlay"
+  ],
+  [
+    "closeButton",
+    "modal__closeButton"
+  ]
+]
+const modalSlotRecipeSlotFns = /* @__PURE__ */ modalSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, modalSlotRecipeDefaultVariants, getSlotCompoundVariant(modalSlotRecipeCompoundVariants, slotName))])
+
+const modalSlotRecipeFn = (props = {}) => {
+  return Object.fromEntries(modalSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+}
+
+const modalSlotRecipeVariantKeys = [
+  "full"
+]
+
+export const modalSlotRecipe = /* @__PURE__ */ Object.assign(modalSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'modalSlotRecipe',
+  raw: (props) => props,
+  variantKeys: modalSlotRecipeVariantKeys,
+  variantMap: {
+  "full": [
+    "true",
+    "false"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, modalSlotRecipeVariantKeys)
+  },
+})

package/recipes/tag-slot-recipe.mjs

@@ -6,11 +6,19 @@ const tagSlotRecipeDefaultVariants = {
   "variant": "gray"
 }
 const tagSlotRecipeCompoundVariants = [
+  {
+    "variant": "gray",
+    "css": {
+      "close": {
+        "background": "linear-gradient(270deg, #EDF0F2 75%, rgba(237, 240, 242, 0) 111.54%)"
+      }
+    }
+  },
   {
     "variant": "red",
     "css": {
       "close": {
-        "background": "linear-gradient(270deg, #FDECEE 75%, rgba(237, 240, 242, 0) 111.54%)!"
+        "background": "linear-gradient(270deg, #FDECEE 75%, rgba(237, 240, 242, 0) 111.54%)"
       }
     }
   },

package/recipes/upload-list-slot-recipe.d.ts

@@ -0,0 +1,27 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface UploadListSlotRecipeVariant {
+  
+}
+
+type UploadListSlotRecipeVariantMap = {
+  [key in keyof UploadListSlotRecipeVariant]: Array<UploadListSlotRecipeVariant[key]>
+}
+
+export type UploadListSlotRecipeVariantProps = {
+  [key in keyof UploadListSlotRecipeVariant]?: ConditionalValue<UploadListSlotRecipeVariant[key]> | undefined
+}
+
+export interface UploadListSlotRecipeRecipe {
+  __type: UploadListSlotRecipeVariantProps
+  (props?: UploadListSlotRecipeVariantProps): Pretty<Record<"root" | "titleWrapper" | "actionWrapper", string>>
+  raw: (props?: UploadListSlotRecipeVariantProps) => UploadListSlotRecipeVariantProps
+  variantMap: UploadListSlotRecipeVariantMap
+  variantKeys: Array<keyof UploadListSlotRecipeVariant>
+  splitVariantProps<Props extends UploadListSlotRecipeVariantProps>(props: Props): [UploadListSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof UploadListSlotRecipeVariantProps>>]
+}
+
+
+export declare const uploadListSlotRecipe: UploadListSlotRecipeRecipe

package/recipes/upload-list-slot-recipe.mjs

@@ -0,0 +1,38 @@
+import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const uploadListSlotRecipeDefaultVariants = {}
+const uploadListSlotRecipeCompoundVariants = []
+
+const uploadListSlotRecipeSlotNames = [
+  [
+    "root",
+    "upload-list__root"
+  ],
+  [
+    "titleWrapper",
+    "upload-list__titleWrapper"
+  ],
+  [
+    "actionWrapper",
+    "upload-list__actionWrapper"
+  ]
+]
+const uploadListSlotRecipeSlotFns = /* @__PURE__ */ uploadListSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, uploadListSlotRecipeDefaultVariants, getSlotCompoundVariant(uploadListSlotRecipeCompoundVariants, slotName))])
+
+const uploadListSlotRecipeFn = (props = {}) => {
+  return Object.fromEntries(uploadListSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+}
+
+const uploadListSlotRecipeVariantKeys = []
+
+export const uploadListSlotRecipe = /* @__PURE__ */ Object.assign(uploadListSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'uploadListSlotRecipe',
+  raw: (props) => props,
+  variantKeys: uploadListSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, uploadListSlotRecipeVariantKeys)
+  },
+})

package/recipes/upload-slot-recipe.d.ts

@@ -0,0 +1,27 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface UploadSlotRecipeVariant {
+  
+}
+
+type UploadSlotRecipeVariantMap = {
+  [key in keyof UploadSlotRecipeVariant]: Array<UploadSlotRecipeVariant[key]>
+}
+
+export type UploadSlotRecipeVariantProps = {
+  [key in keyof UploadSlotRecipeVariant]?: ConditionalValue<UploadSlotRecipeVariant[key]> | undefined
+}
+
+export interface UploadSlotRecipeRecipe {
+  __type: UploadSlotRecipeVariantProps
+  (props?: UploadSlotRecipeVariantProps): Pretty<Record<"root" | "resetButton", string>>
+  raw: (props?: UploadSlotRecipeVariantProps) => UploadSlotRecipeVariantProps
+  variantMap: UploadSlotRecipeVariantMap
+  variantKeys: Array<keyof UploadSlotRecipeVariant>
+  splitVariantProps<Props extends UploadSlotRecipeVariantProps>(props: Props): [UploadSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof UploadSlotRecipeVariantProps>>]
+}
+
+
+export declare const uploadSlotRecipe: UploadSlotRecipeRecipe

package/recipes/upload-slot-recipe.mjs

@@ -0,0 +1,34 @@
+import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const uploadSlotRecipeDefaultVariants = {}
+const uploadSlotRecipeCompoundVariants = []
+
+const uploadSlotRecipeSlotNames = [
+  [
+    "root",
+    "upload__root"
+  ],
+  [
+    "resetButton",
+    "upload__resetButton"
+  ]
+]
+const uploadSlotRecipeSlotFns = /* @__PURE__ */ uploadSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, uploadSlotRecipeDefaultVariants, getSlotCompoundVariant(uploadSlotRecipeCompoundVariants, slotName))])
+
+const uploadSlotRecipeFn = (props = {}) => {
+  return Object.fromEntries(uploadSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+}
+
+const uploadSlotRecipeVariantKeys = []
+
+export const uploadSlotRecipe = /* @__PURE__ */ Object.assign(uploadSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'uploadSlotRecipe',
+  raw: (props) => props,
+  variantKeys: uploadSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, uploadSlotRecipeVariantKeys)
+  },
+})

package/tokens/index.css

@@ -134,6 +134,7 @@
   --mp-sizes-16: 4rem;
   --mp-sizes-20: 5rem;
   --mp-sizes-22: 5.5rem;
+  --mp-sizes-56: 14rem;
   --mp-sizes-65: 17.5rem;
   --mp-sizes-0\.25: 0.0625rem;
   --mp-sizes-0\.5: 0.125rem;
@@ -141,6 +142,22 @@
   --mp-sizes-7\.5: 1.875rem;
   --mp-sizes-9\.5: 2.375rem;
   --mp-sizes-full: 100%;
+  --mp-sizes-3xs: 14rem;
+  --mp-sizes-2xs: 16rem;
+  --mp-sizes-xs: 20rem;
+  --mp-sizes-2xl: 42rem;
+  --mp-sizes-3xl: 48rem;
+  --mp-sizes-4xl: 56rem;
+  --mp-sizes-5xl: 64rem;
+  --mp-sizes-6xl: 72rem;
+  --mp-sizes-sm: 24rem;
+  --mp-sizes-md: 28rem;
+  --mp-sizes-lg: 32rem;
+  --mp-sizes-xl: 36rem;
+  --mp-sizes-containers-sm: 640px;
+  --mp-sizes-containers-md: 768px;
+  --mp-sizes-containers-lg: 1024px;
+  --mp-sizes-containers-xl: 1280px;
   --mp-sizes-breakpoint-sm: 22.5em;
   --mp-sizes-breakpoint-md: 48em;
   --mp-sizes-breakpoint-lg: 64em;

package/tokens/index.mjs

@@ -75,6 +75,86 @@ const tokens = {
     "value": "#448AFF",
     "variable": "var(--mp-colors-brand-university)"
   },
+  "colors.whiteAlpha.50": {
+    "value": "rgba(255, 255, 255, 0.04)",
+    "variable": "var(--mp-colors-white-alpha-50)"
+  },
+  "colors.whiteAlpha.100": {
+    "value": "rgba(255, 255, 255, 0.06)",
+    "variable": "var(--mp-colors-white-alpha-100)"
+  },
+  "colors.whiteAlpha.200": {
+    "value": "rgba(255, 255, 255, 0.08)",
+    "variable": "var(--mp-colors-white-alpha-200)"
+  },
+  "colors.whiteAlpha.300": {
+    "value": "rgba(255, 255, 255, 0.16)",
+    "variable": "var(--mp-colors-white-alpha-300)"
+  },
+  "colors.whiteAlpha.400": {
+    "value": "rgba(255, 255, 255, 0.24)",
+    "variable": "var(--mp-colors-white-alpha-400)"
+  },
+  "colors.whiteAlpha.500": {
+    "value": "rgba(255, 255, 255, 0.36)",
+    "variable": "var(--mp-colors-white-alpha-500)"
+  },
+  "colors.whiteAlpha.600": {
+    "value": "rgba(255, 255, 255, 0.48)",
+    "variable": "var(--mp-colors-white-alpha-600)"
+  },
+  "colors.whiteAlpha.700": {
+    "value": "rgba(255, 255, 255, 0.64)",
+    "variable": "var(--mp-colors-white-alpha-700)"
+  },
+  "colors.whiteAlpha.800": {
+    "value": "rgba(255, 255, 255, 0.80)",
+    "variable": "var(--mp-colors-white-alpha-800)"
+  },
+  "colors.whiteAlpha.900": {
+    "value": "rgba(255, 255, 255, 0.92)",
+    "variable": "var(--mp-colors-white-alpha-900)"
+  },
+  "colors.blackAplpha.50": {
+    "value": "rgba(0, 0, 0, 0.04)",
+    "variable": "var(--mp-colors-black-aplpha-50)"
+  },
+  "colors.blackAplpha.100": {
+    "value": "rgba(0, 0, 0, 0.06)",
+    "variable": "var(--mp-colors-black-aplpha-100)"
+  },
+  "colors.blackAplpha.200": {
+    "value": "rgba(0, 0, 0, 0.08)",
+    "variable": "var(--mp-colors-black-aplpha-200)"
+  },
+  "colors.blackAplpha.300": {
+    "value": "rgba(0, 0, 0, 0.16)",
+    "variable": "var(--mp-colors-black-aplpha-300)"
+  },
+  "colors.blackAplpha.400": {
+    "value": "rgba(0, 0, 0, 0.24)",
+    "variable": "var(--mp-colors-black-aplpha-400)"
+  },
+  "colors.blackAplpha.500": {
+    "value": "rgba(0, 0, 0, 0.36)",
+    "variable": "var(--mp-colors-black-aplpha-500)"
+  },
+  "colors.blackAplpha.600": {
+    "value": "rgba(0, 0, 0, 0.48)",
+    "variable": "var(--mp-colors-black-aplpha-600)"
+  },
+  "colors.blackAplpha.700": {
+    "value": "rgba(0, 0, 0, 0.64)",
+    "variable": "var(--mp-colors-black-aplpha-700)"
+  },
+  "colors.blackAplpha.800": {
+    "value": "rgba(0, 0, 0, 0.80)",
+    "variable": "var(--mp-colors-black-aplpha-800)"
+  },
+  "colors.blackAplpha.900": {
+    "value": "rgba(0, 0, 0, 0.92)",
+    "variable": "var(--mp-colors-black-aplpha-900)"
+  },
   "colors.gray.25": {
     "value": "#F8F9FB",
     "variable": "var(--mp-colors-gray-25)"
@@ -535,6 +615,10 @@ const tokens = {
     "value": "5.5rem",
     "variable": "var(--mp-sizes-22)"
   },
+  "sizes.56": {
+    "value": "14rem",
+    "variable": "var(--mp-sizes-56)"
+  },
   "sizes.65": {
     "value": "17.5rem",
     "variable": "var(--mp-sizes-65)"
@@ -563,6 +647,10 @@ const tokens = {
     "value": "100%",
     "variable": "var(--mp-sizes-full)"
   },
+  "sizes.sm": {
+    "value": "24rem",
+    "variable": "var(--mp-sizes-sm)"
+  },
   "sizes.breakpoint-sm": {
     "value": "22.5em",
     "variable": "var(--mp-sizes-breakpoint-sm)"
@@ -807,10 +895,6 @@ const tokens = {
     "value": "var(--mp-colors-color-palette-university)",
     "variable": "var(--mp-colors-color-palette-university)"
   },
-  "colors.colorPalette.25": {
-    "value": "var(--mp-colors-color-palette-25)",
-    "variable": "var(--mp-colors-color-palette-25)"
-  },
   "colors.colorPalette.50": {
     "value": "var(--mp-colors-color-palette-50)",
     "variable": "var(--mp-colors-color-palette-50)"
@@ -819,21 +903,41 @@ const tokens = {
     "value": "var(--mp-colors-color-palette-100)",
     "variable": "var(--mp-colors-color-palette-100)"
   },
+  "colors.colorPalette.200": {
+    "value": "var(--mp-colors-color-palette-200)",
+    "variable": "var(--mp-colors-color-palette-200)"
+  },
+  "colors.colorPalette.300": {
+    "value": "var(--mp-colors-color-palette-300)",
+    "variable": "var(--mp-colors-color-palette-300)"
+  },
   "colors.colorPalette.400": {
     "value": "var(--mp-colors-color-palette-400)",
     "variable": "var(--mp-colors-color-palette-400)"
   },
-  "colors.colorPalette.600": {
-    "value": "var(--mp-colors-color-palette-600)",
-    "variable": "var(--mp-colors-color-palette-600)"
-  },
   "colors.colorPalette.500": {
     "value": "var(--mp-colors-color-palette-500)",
     "variable": "var(--mp-colors-color-palette-500)"
   },
+  "colors.colorPalette.600": {
+    "value": "var(--mp-colors-color-palette-600)",
+    "variable": "var(--mp-colors-color-palette-600)"
+  },
   "colors.colorPalette.700": {
     "value": "var(--mp-colors-color-palette-700)",
     "variable": "var(--mp-colors-color-palette-700)"
+  },
+  "colors.colorPalette.800": {
+    "value": "var(--mp-colors-color-palette-800)",
+    "variable": "var(--mp-colors-color-palette-800)"
+  },
+  "colors.colorPalette.900": {
+    "value": "var(--mp-colors-color-palette-900)",
+    "variable": "var(--mp-colors-color-palette-900)"
+  },
+  "colors.colorPalette.25": {
+    "value": "var(--mp-colors-color-palette-25)",
+    "variable": "var(--mp-colors-color-palette-25)"
   }
 }
 

package/tokens/tokens.d.ts

@@ -1,11 +1,11 @@
 /* eslint-disable */
-export type Token = "borders.none" | "borders.sm" | "borders.md" | "borders.lg" | "colors.currentcolor" | "colors.dark" | "colors.white" | "colors.background" | "colors.overlay" | "colors.brand.capital" | "colors.brand.esign" | "colors.brand.expense" | "colors.brand.flex" | "colors.brand.jurnal" | "colors.brand.klikpajak" | "colors.brand.mekari" | "colors.brand.qontak" | "colors.brand.talenta" | "colors.brand.university" | "colors.gray.25" | "colors.gray.50" | "colors.gray.100" | "colors.gray.400" | "colors.gray.600" | "colors.blue.50" | "colors.blue.100" | "colors.blue.400" | "colors.blue.500" | "colors.blue.700" | "colors.red.50" | "colors.red.400" | "colors.red.500" | "colors.red.700" | "colors.green.50" | "colors.green.400" | "colors.green.500" | "colors.green.700" | "colors.orange.50" | "colors.orange.400" | "colors.orange.500" | "colors.orange.700" | "colors.sky.100" | "colors.sky.400" | "colors.teal.100" | "colors.teal.400" | "colors.violet.100" | "colors.violet.400" | "colors.amber.100" | "colors.amber.400" | "colors.rose.100" | "colors.rose.400" | "colors.stone.100" | "colors.stone.400" | "colors.lime.100" | "colors.lime.400" | "colors.pink.100" | "colors.pink.400" | "colors.apricot.100" | "colors.apricot.400" | "colors.aqua.100" | "colors.aqua.400" | "colors.leaf.100" | "colors.leaf.400" | "colors.fuchsia.100" | "colors.fuchsia.400" | "colors.ice.50" | "colors.ice.100" | "colors.ash.100" | "durations.slow" | "durations.normal" | "durations.fast" | "fonts.body" | "fonts.mono" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontWeights.regular" | "fontWeights.semiBold" | "fontWeights.bold" | "lineHeights.xs" | "lineHeights.sm" | "lineHeights.md" | "lineHeights.lg" | "lineHeights.xl" | "lineHeights.2xl" | "lineHeights.3xl" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "opacity.0" | "opacity.40" | "opacity.60" | "opacity.100" | "radii.none" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.full" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "shadows.focus" | "shadows.xl" | "shadows.2xl" | "shadows.outline" | "shadows.outline-tab" | "shadows.outer" | "shadows.inner" | "shadows.none" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.16" | "sizes.20" | "sizes.22" | "sizes.65" | "sizes.0.25" | "sizes.0.5" | "sizes.2.5" | "sizes.7.5" | "sizes.9.5" | "sizes.full" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.8" | "spacing.12" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.32" | "spacing.40" | "spacing.64" | "spacing.0.5" | "spacing.1.5" | "zIndex.hide" | "zIndex.base" | "zIndex.docked" | "zIndex.sticky" | "zIndex.overlay" | "zIndex.modal" | "zIndex.popover" | "zIndex.tooltip" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "spacing.-0" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-8" | "spacing.-12" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-32" | "spacing.-40" | "spacing.-64" | "spacing.-0.5" | "spacing.-1.5" | "colors.colorPalette" | "colors.colorPalette.capital" | "colors.colorPalette.esign" | "colors.colorPalette.expense" | "colors.colorPalette.flex" | "colors.colorPalette.jurnal" | "colors.colorPalette.klikpajak" | "colors.colorPalette.mekari" | "colors.colorPalette.qontak" | "colors.colorPalette.talenta" | "colors.colorPalette.university" | "colors.colorPalette.25" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.400" | "colors.colorPalette.600" | "colors.colorPalette.500" | "colors.colorPalette.700"
+export type Token = "borders.none" | "borders.sm" | "borders.md" | "borders.lg" | "colors.currentcolor" | "colors.dark" | "colors.white" | "colors.background" | "colors.overlay" | "colors.brand.capital" | "colors.brand.esign" | "colors.brand.expense" | "colors.brand.flex" | "colors.brand.jurnal" | "colors.brand.klikpajak" | "colors.brand.mekari" | "colors.brand.qontak" | "colors.brand.talenta" | "colors.brand.university" | "colors.whiteAlpha.50" | "colors.whiteAlpha.100" | "colors.whiteAlpha.200" | "colors.whiteAlpha.300" | "colors.whiteAlpha.400" | "colors.whiteAlpha.500" | "colors.whiteAlpha.600" | "colors.whiteAlpha.700" | "colors.whiteAlpha.800" | "colors.whiteAlpha.900" | "colors.blackAplpha.50" | "colors.blackAplpha.100" | "colors.blackAplpha.200" | "colors.blackAplpha.300" | "colors.blackAplpha.400" | "colors.blackAplpha.500" | "colors.blackAplpha.600" | "colors.blackAplpha.700" | "colors.blackAplpha.800" | "colors.blackAplpha.900" | "colors.gray.25" | "colors.gray.50" | "colors.gray.100" | "colors.gray.400" | "colors.gray.600" | "colors.blue.50" | "colors.blue.100" | "colors.blue.400" | "colors.blue.500" | "colors.blue.700" | "colors.red.50" | "colors.red.400" | "colors.red.500" | "colors.red.700" | "colors.green.50" | "colors.green.400" | "colors.green.500" | "colors.green.700" | "colors.orange.50" | "colors.orange.400" | "colors.orange.500" | "colors.orange.700" | "colors.sky.100" | "colors.sky.400" | "colors.teal.100" | "colors.teal.400" | "colors.violet.100" | "colors.violet.400" | "colors.amber.100" | "colors.amber.400" | "colors.rose.100" | "colors.rose.400" | "colors.stone.100" | "colors.stone.400" | "colors.lime.100" | "colors.lime.400" | "colors.pink.100" | "colors.pink.400" | "colors.apricot.100" | "colors.apricot.400" | "colors.aqua.100" | "colors.aqua.400" | "colors.leaf.100" | "colors.leaf.400" | "colors.fuchsia.100" | "colors.fuchsia.400" | "colors.ice.50" | "colors.ice.100" | "colors.ash.100" | "durations.slow" | "durations.normal" | "durations.fast" | "fonts.body" | "fonts.mono" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontWeights.regular" | "fontWeights.semiBold" | "fontWeights.bold" | "lineHeights.xs" | "lineHeights.sm" | "lineHeights.md" | "lineHeights.lg" | "lineHeights.xl" | "lineHeights.2xl" | "lineHeights.3xl" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "opacity.0" | "opacity.40" | "opacity.60" | "opacity.100" | "radii.none" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.full" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "shadows.focus" | "shadows.xl" | "shadows.2xl" | "shadows.outline" | "shadows.outline-tab" | "shadows.outer" | "shadows.inner" | "shadows.none" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.16" | "sizes.20" | "sizes.22" | "sizes.56" | "sizes.65" | "sizes.0.25" | "sizes.0.5" | "sizes.2.5" | "sizes.7.5" | "sizes.9.5" | "sizes.full" | "sizes.sm" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.8" | "spacing.12" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.32" | "spacing.40" | "spacing.64" | "spacing.0.5" | "spacing.1.5" | "zIndex.hide" | "zIndex.base" | "zIndex.docked" | "zIndex.sticky" | "zIndex.overlay" | "zIndex.modal" | "zIndex.popover" | "zIndex.tooltip" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "spacing.-0" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-8" | "spacing.-12" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-32" | "spacing.-40" | "spacing.-64" | "spacing.-0.5" | "spacing.-1.5" | "colors.colorPalette" | "colors.colorPalette.capital" | "colors.colorPalette.esign" | "colors.colorPalette.expense" | "colors.colorPalette.flex" | "colors.colorPalette.jurnal" | "colors.colorPalette.klikpajak" | "colors.colorPalette.mekari" | "colors.colorPalette.qontak" | "colors.colorPalette.talenta" | "colors.colorPalette.university" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.25"
 
-export type ColorPalette = "currentcolor" | "dark" | "white" | "background" | "overlay" | "brand" | "gray" | "blue" | "red" | "green" | "orange" | "sky" | "teal" | "violet" | "amber" | "rose" | "stone" | "lime" | "pink" | "apricot" | "aqua" | "leaf" | "fuchsia" | "ice" | "ash"
+export type ColorPalette = "currentcolor" | "dark" | "white" | "background" | "overlay" | "brand" | "whiteAlpha" | "blackAplpha" | "gray" | "blue" | "red" | "green" | "orange" | "sky" | "teal" | "violet" | "amber" | "rose" | "stone" | "lime" | "pink" | "apricot" | "aqua" | "leaf" | "fuchsia" | "ice" | "ash"
 
 export type BorderToken = "none" | "sm" | "md" | "lg"
 
-export type ColorToken = "currentcolor" | "dark" | "white" | "background" | "overlay" | "brand.capital" | "brand.esign" | "brand.expense" | "brand.flex" | "brand.jurnal" | "brand.klikpajak" | "brand.mekari" | "brand.qontak" | "brand.talenta" | "brand.university" | "gray.25" | "gray.50" | "gray.100" | "gray.400" | "gray.600" | "blue.50" | "blue.100" | "blue.400" | "blue.500" | "blue.700" | "red.50" | "red.400" | "red.500" | "red.700" | "green.50" | "green.400" | "green.500" | "green.700" | "orange.50" | "orange.400" | "orange.500" | "orange.700" | "sky.100" | "sky.400" | "teal.100" | "teal.400" | "violet.100" | "violet.400" | "amber.100" | "amber.400" | "rose.100" | "rose.400" | "stone.100" | "stone.400" | "lime.100" | "lime.400" | "pink.100" | "pink.400" | "apricot.100" | "apricot.400" | "aqua.100" | "aqua.400" | "leaf.100" | "leaf.400" | "fuchsia.100" | "fuchsia.400" | "ice.50" | "ice.100" | "ash.100" | "colorPalette" | "colorPalette.capital" | "colorPalette.esign" | "colorPalette.expense" | "colorPalette.flex" | "colorPalette.jurnal" | "colorPalette.klikpajak" | "colorPalette.mekari" | "colorPalette.qontak" | "colorPalette.talenta" | "colorPalette.university" | "colorPalette.25" | "colorPalette.50" | "colorPalette.100" | "colorPalette.400" | "colorPalette.600" | "colorPalette.500" | "colorPalette.700"
+export type ColorToken = "currentcolor" | "dark" | "white" | "background" | "overlay" | "brand.capital" | "brand.esign" | "brand.expense" | "brand.flex" | "brand.jurnal" | "brand.klikpajak" | "brand.mekari" | "brand.qontak" | "brand.talenta" | "brand.university" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "blackAplpha.50" | "blackAplpha.100" | "blackAplpha.200" | "blackAplpha.300" | "blackAplpha.400" | "blackAplpha.500" | "blackAplpha.600" | "blackAplpha.700" | "blackAplpha.800" | "blackAplpha.900" | "gray.25" | "gray.50" | "gray.100" | "gray.400" | "gray.600" | "blue.50" | "blue.100" | "blue.400" | "blue.500" | "blue.700" | "red.50" | "red.400" | "red.500" | "red.700" | "green.50" | "green.400" | "green.500" | "green.700" | "orange.50" | "orange.400" | "orange.500" | "orange.700" | "sky.100" | "sky.400" | "teal.100" | "teal.400" | "violet.100" | "violet.400" | "amber.100" | "amber.400" | "rose.100" | "rose.400" | "stone.100" | "stone.400" | "lime.100" | "lime.400" | "pink.100" | "pink.400" | "apricot.100" | "apricot.400" | "aqua.100" | "aqua.400" | "leaf.100" | "leaf.400" | "fuchsia.100" | "fuchsia.400" | "ice.50" | "ice.100" | "ash.100" | "colorPalette" | "colorPalette.capital" | "colorPalette.esign" | "colorPalette.expense" | "colorPalette.flex" | "colorPalette.jurnal" | "colorPalette.klikpajak" | "colorPalette.mekari" | "colorPalette.qontak" | "colorPalette.talenta" | "colorPalette.university" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.25"
 
 export type DurationToken = "slow" | "normal" | "fast"
 
@@ -25,7 +25,7 @@ export type RadiusToken = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full"
 
 export type ShadowToken = "xs" | "sm" | "md" | "lg" | "focus" | "xl" | "2xl" | "outline" | "outline-tab" | "outer" | "inner" | "none"
 
-export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "16" | "20" | "22" | "65" | "0.25" | "0.5" | "2.5" | "7.5" | "9.5" | "full" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl"
+export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "16" | "20" | "22" | "56" | "65" | "0.25" | "0.5" | "2.5" | "7.5" | "9.5" | "full" | "sm" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl"
 
 export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "20" | "24" | "32" | "40" | "64" | "0.5" | "1.5" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-12" | "-16" | "-20" | "-24" | "-32" | "-40" | "-64" | "-0.5" | "-1.5"
 

package/types/conditions.d.ts

@@ -182,7 +182,7 @@ export interface Conditions {
 	"_hidden": string
 	/** `&:is([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])` */
 	"_collapsed": string
-	/** `&[data-button-icon=true]` */
+	/** `&[data-has-icon=true]` */
 	"_hasIcon": string
 	/** `&[data-highlight=true], [data-highlight]` */
 	"_highlight": string