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

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @mekari/pixel3-styled-system
 
+## 0.0.1
+
+### Patch Changes
+
+- 39f8a90: Initial Release
+- e8966ae: - Bump `pandacss` to `0.22.1`
+- 1437a85: - Generate styled system
+
 ## 0.0.1-alpha.0
 
 ### Patch Changes

package/helpers.mjs

@@ -15,7 +15,7 @@ function filterBaseConditions(c) {
 }
 
 // src/css-important.ts
-var importantRegex = /!(important)?$/;
+var importantRegex = /!(important)?/;
 function isImportant(value) {
   return typeof value === "string" ? importantRegex.test(value) : false;
 }
@@ -89,6 +89,8 @@ function walkObject(target, predicate, options = {}) {
   return inner(target);
 }
 function mapObject(obj, fn) {
+  if (Array.isArray(obj))
+    return obj.map((value) => fn(value));
   if (!isObject(obj))
     return fn(obj);
   return walkObject(obj, (value) => fn(value));
@@ -112,7 +114,7 @@ function normalizeShorthand(styles, context) {
     }
   });
 }
-function normalizeStyleObject(styles, context) {
+function normalizeStyleObject(styles, context, shorthand = true) {
   const { utility, conditions } = context;
   const { hasShorthand, resolveShorthand } = utility;
   return walkObject(
@@ -122,9 +124,7 @@ function normalizeStyleObject(styles, context) {
     },
     {
       stop: (value) => Array.isArray(value),
-      getKey: (prop) => {
-        return hasShorthand ? resolveShorthand(prop) : prop;
-      }
+      getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0
     }
   );
 }

package/jsx/factory.mjs

@@ -35,14 +35,14 @@ function styledFn(Dynamic, configOrCva = {}, options = {}) {
         const [_htmlProps, _forwardedProps, variantProps, styleProps, _elementProps] = splittedProps.value
         const { css: cssStyles, ...propStyles } = styleProps
         const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps);
-        return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), combinedProps.value.className)
+        return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), combinedProps.value.className, combinedProps.value.class)
       })
 
       const cvaClass = computed(() => {
         const [_htmlProps, _forwardedProps, variantProps, styleProps, _elementProps] = splittedProps.value
         const { css: cssStyles, ...propStyles } = styleProps
         const cvaStyles = __cvaFn__.raw(variantProps)
-        return cx(css(cvaStyles, propStyles, cssStyles), combinedProps.value.className)
+        return cx(css(cvaStyles, propStyles, cssStyles), combinedProps.value.className, combinedProps.value.class)
       })
 
       const classes = configOrCva.__recipe__ ? recipeClass : cvaClass

package/jsx/index.d.ts

@@ -1,8 +1,6 @@
 /* eslint-disable */
 export * from './factory';
-
 export * from './is-valid-prop';
-
 export * from './box';
 export * from './flex';
 export * from './stack';
@@ -23,5 +21,4 @@ export * from './divider';
 export * from './float';
 export * from './bleed';
 export * from './visually-hidden';
-
 export type { HTMLStyledProps, StyledComponent } from '../types/jsx';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-styled-system",
   "description": "This package is auto-generated by Panda CSS",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.1",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/recipes/divider-recipe.d.ts

@@ -0,0 +1,27 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface DividerRecipeVariant {
+  orientation: "horizontal" | "vertical"
+}
+
+type DividerRecipeVariantMap = {
+  [key in keyof DividerRecipeVariant]: Array<DividerRecipeVariant[key]>
+}
+
+export type DividerRecipeVariantProps = {
+  [key in keyof DividerRecipeVariant]?: ConditionalValue<DividerRecipeVariant[key]> | undefined
+}
+
+export interface DividerRecipeRecipe {
+  __type: DividerRecipeVariantProps
+  (props?: DividerRecipeVariantProps): string
+  raw: (props?: DividerRecipeVariantProps) => DividerRecipeVariantProps
+  variantMap: DividerRecipeVariantMap
+  variantKeys: Array<keyof DividerRecipeVariant>
+  splitVariantProps<Props extends DividerRecipeVariantProps>(props: Props): [DividerRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DividerRecipeVariantProps>>]
+}
+
+
+export declare const dividerRecipe: DividerRecipeRecipe

package/recipes/divider-recipe.mjs

@@ -0,0 +1,29 @@
+import { splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const dividerRecipeFn = /* @__PURE__ */ createRecipe('divider', {
+  "orientation": "horizontal"
+}, [])
+
+const dividerRecipeVariantMap = {
+  "orientation": [
+    "horizontal",
+    "vertical"
+  ]
+}
+
+const dividerRecipeVariantKeys = Object.keys(dividerRecipeVariantMap)
+
+export const dividerRecipe = /* @__PURE__ */ Object.assign(dividerRecipeFn, {
+  __recipe__: true,
+  __name__: 'dividerRecipe',
+  raw: (props) => props,
+  variantKeys: dividerRecipeVariantKeys,
+  variantMap: dividerRecipeVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, dividerRecipeVariantKeys)
+  },
+})

package/recipes/form-control-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 FormControlSlotRecipeVariant {
+  
+}
+
+type FormControlSlotRecipeVariantMap = {
+  [key in keyof FormControlSlotRecipeVariant]: Array<FormControlSlotRecipeVariant[key]>
+}
+
+export type FormControlSlotRecipeVariantProps = {
+  [key in keyof FormControlSlotRecipeVariant]?: ConditionalValue<FormControlSlotRecipeVariant[key]> | undefined
+}
+
+export interface FormControlSlotRecipeRecipe {
+  __type: FormControlSlotRecipeVariantProps
+  (props?: FormControlSlotRecipeVariantProps): Pretty<Record<"root" | "label" | "required" | "helpText" | "errorMessage", string>>
+  raw: (props?: FormControlSlotRecipeVariantProps) => FormControlSlotRecipeVariantProps
+  variantMap: FormControlSlotRecipeVariantMap
+  variantKeys: Array<keyof FormControlSlotRecipeVariant>
+  splitVariantProps<Props extends FormControlSlotRecipeVariantProps>(props: Props): [FormControlSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof FormControlSlotRecipeVariantProps>>]
+}
+
+
+export declare const formControlSlotRecipe: FormControlSlotRecipeRecipe

package/recipes/form-control-slot-recipe.mjs

@@ -0,0 +1,46 @@
+import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const formControlSlotRecipeDefaultVariants = {}
+const formControlSlotRecipeCompoundVariants = []
+
+const formControlSlotRecipeSlotNames = [
+  [
+    "root",
+    "form-control__root"
+  ],
+  [
+    "label",
+    "form-control__label"
+  ],
+  [
+    "required",
+    "form-control__required"
+  ],
+  [
+    "helpText",
+    "form-control__helpText"
+  ],
+  [
+    "errorMessage",
+    "form-control__errorMessage"
+  ]
+]
+const formControlSlotRecipeSlotFns = /* @__PURE__ */ formControlSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, formControlSlotRecipeDefaultVariants, getSlotCompoundVariant(formControlSlotRecipeCompoundVariants, slotName))])
+
+const formControlSlotRecipeFn = (props = {}) => {
+  return Object.fromEntries(formControlSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+}
+
+const formControlSlotRecipeVariantKeys = []
+
+export const formControlSlotRecipe = /* @__PURE__ */ Object.assign(formControlSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'formControlSlotRecipe',
+  raw: (props) => props,
+  variantKeys: formControlSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, formControlSlotRecipeVariantKeys)
+  },
+})

package/recipes/index.d.ts

@@ -15,6 +15,7 @@ export * from './tab-recipe';
 export * from './selected-border-recipe';
 export * from './table-recipe';
 export * from './table-container-recipe';
+export * from './divider-recipe';
 export * from './accordion';
 export * from './checkbox-slot-recipe';
 export * from './radio-slot-recipe';
@@ -27,4 +28,6 @@ export * from './input-group-slot-recipe';
 export * from './input-addon-slot-recipe';
 export * from './avatar-slot-recipe';
 export * from './avatar-group-slot-recipe';
-export * from './select-slot-recipe';
+export * from './select-slot-recipe';
+export * from './form-control-slot-recipe';
+export * from './input-tag-slot-recipe';

package/recipes/index.mjs

@@ -14,6 +14,7 @@ export * from './tab-recipe.mjs';
 export * from './selected-border-recipe.mjs';
 export * from './table-recipe.mjs';
 export * from './table-container-recipe.mjs';
+export * from './divider-recipe.mjs';
 export * from './accordion.mjs';
 export * from './checkbox-slot-recipe.mjs';
 export * from './radio-slot-recipe.mjs';
@@ -26,4 +27,6 @@ export * from './input-group-slot-recipe.mjs';
 export * from './input-addon-slot-recipe.mjs';
 export * from './avatar-slot-recipe.mjs';
 export * from './avatar-group-slot-recipe.mjs';
-export * from './select-slot-recipe.mjs';
+export * from './select-slot-recipe.mjs';
+export * from './form-control-slot-recipe.mjs';
+export * from './input-tag-slot-recipe.mjs';

package/recipes/input-tag-recipe.d.ts

@@ -0,0 +1,27 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface InputTagRecipeVariant {
+  
+}
+
+type InputTagRecipeVariantMap = {
+  [key in keyof InputTagRecipeVariant]: Array<InputTagRecipeVariant[key]>
+}
+
+export type InputTagRecipeVariantProps = {
+  [key in keyof InputTagRecipeVariant]?: ConditionalValue<InputTagRecipeVariant[key]>
+}
+
+export interface InputTagRecipeRecipe {
+  __type: InputTagRecipeVariantProps
+  (props?: InputTagRecipeVariantProps): Pretty<Record<"root" | "trigger" | "content", string>>
+  raw: (props?: InputTagRecipeVariantProps) => InputTagRecipeVariantProps
+  variantMap: InputTagRecipeVariantMap
+  variantKeys: Array<keyof InputTagRecipeVariant>
+  splitVariantProps<Props extends InputTagRecipeVariantProps>(props: Props): [InputTagRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof InputTagRecipeVariantProps>>]
+}
+
+
+export declare const inputTagRecipe: InputTagRecipeRecipe

package/recipes/input-tag-recipe.mjs

@@ -0,0 +1,38 @@
+import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const inputTagRecipeDefaultVariants = {}
+const inputTagRecipeCompoundVariants = []
+
+const inputTagRecipeSlotNames = [
+  [
+    "root",
+    "input-tag__root"
+  ],
+  [
+    "trigger",
+    "input-tag__trigger"
+  ],
+  [
+    "content",
+    "input-tag__content"
+  ]
+]
+const inputTagRecipeSlotFns = /* @__PURE__ */ inputTagRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputTagRecipeDefaultVariants, getSlotCompoundVariant(inputTagRecipeCompoundVariants, slotName))])
+
+const inputTagRecipeFn = (props = {}) => {
+  return Object.fromEntries(inputTagRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+}
+
+const inputTagRecipeVariantKeys = []
+
+export const inputTagRecipe = /* @__PURE__ */ Object.assign(inputTagRecipeFn, {
+  __recipe__: false,
+  __name__: 'inputTagRecipe',
+  raw: (props) => props,
+  variantKeys: inputTagRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, inputTagRecipeVariantKeys)
+  },
+})

package/recipes/input-tag-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 InputTagSlotRecipeVariant {
+  
+}
+
+type InputTagSlotRecipeVariantMap = {
+  [key in keyof InputTagSlotRecipeVariant]: Array<InputTagSlotRecipeVariant[key]>
+}
+
+export type InputTagSlotRecipeVariantProps = {
+  [key in keyof InputTagSlotRecipeVariant]?: ConditionalValue<InputTagSlotRecipeVariant[key]> | undefined
+}
+
+export interface InputTagSlotRecipeRecipe {
+  __type: InputTagSlotRecipeVariantProps
+  (props?: InputTagSlotRecipeVariantProps): Pretty<Record<"root" | "trigger" | "input" | "content" | "resetButton" | "dropdownButton" | "addButton" | "loading" | "empty" | "suggestionWrapper" | "suggestionLoading", string>>
+  raw: (props?: InputTagSlotRecipeVariantProps) => InputTagSlotRecipeVariantProps
+  variantMap: InputTagSlotRecipeVariantMap
+  variantKeys: Array<keyof InputTagSlotRecipeVariant>
+  splitVariantProps<Props extends InputTagSlotRecipeVariantProps>(props: Props): [InputTagSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof InputTagSlotRecipeVariantProps>>]
+}
+
+
+export declare const inputTagSlotRecipe: InputTagSlotRecipeRecipe

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/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;

package/tokens/index.mjs

@@ -535,6 +535,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)"

package/tokens/tokens.d.ts

@@ -1,5 +1,5 @@
 /* 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.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.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 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"
 
@@ -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" | "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