@kanso-labs/kanso-ui 0.35.0 → 0.37.0

package/dist/tokens/design.tokens.stylex.js

@@ -59,6 +59,14 @@ const colors = {
 	tertiaryFixedDim: "var(--x1or1uxx)",
 	__varGroupHash__: "x1qza42b"
 };
+const colorsLightTheme = {
+	x1qza42b: "x1hckqth x1qza42b",
+	$$css: true
+};
+const colorsDarkTheme = {
+	x1qza42b: "xkz2l6x x1qza42b",
+	$$css: true
+};
 const typography = {
 	bodyLargeFont: "var(--x1ygl7cg)",
 	bodyLargeLineHeight: "var(--xol8812)",
@@ -154,7 +162,40 @@ const spacing = {
 	xxxl: "var(--xqgx294)",
 	__varGroupHash__: "x1egpaah"
 };
+const radii = {
+	circle: "var(--x1s0h5j3)",
+	lg: "var(--xf3l8oo)",
+	md: "var(--x1m0y4ip)",
+	none: "var(--x1lckk6t)",
+	pill: "var(--x3hih16)",
+	sm: "var(--xslt97v)",
+	xl: "var(--x1w5u0jm)",
+	xs: "var(--x1qkrqlv)",
+	__varGroupHash__: "xhnz8s7"
+};
+const sizing = {
+	controlLg: "var(--x1hfhk6y)",
+	controlMd: "var(--x1imqybj)",
+	controlSm: "var(--x1ww3f7m)",
+	controlXl: "var(--x1eqeuls)",
+	controlXs: "var(--x67cwyw)",
+	controlXxl: "var(--xmcpupp)",
+	rowLg: "var(--xnychtd)",
+	rowMd: "var(--xz029kk)",
+	rowSm: "var(--x1m307d3)",
+	rowXs: "var(--x15xxfuy)",
+	__varGroupHash__: "xzhmma2"
+};
+const stateLayerOpacity = {
+	disabledContainer: "var(--x1cq03z9)",
+	disabledContent: "var(--xu361ij)",
+	dragged: "var(--x1uapny3)",
+	focus: "var(--x124j18r)",
+	hover: "var(--x8z5t6h)",
+	pressed: "var(--xhaltwz)",
+	__varGroupHash__: "x1dldgtb"
+};
 //#endregion
-export { colors, spacing, typography };
+export { colors, colorsDarkTheme, colorsLightTheme, radii, sizing, spacing, stateLayerOpacity, typography };
 
 //# sourceMappingURL=design.tokens.stylex.js.map

package/dist/tokens/design.tokens.stylex.js.map

@@ -1 +1 @@
-{"version":3,"file":"design.tokens.stylex.js","names":["stylex","DARK","colors","background","error","errorContainer","inverseOnSurface","inversePrimary","inverseSurface","negative","negativeContainer","onBackground","onError","onErrorContainer","onNegative","onNegativeContainer","onPositive","onPositiveContainer","onPrimary","onPrimaryContainer","onPrimaryFixed","onPrimaryFixedVariant","onSecondary","onSecondaryContainer","onSecondaryFixed","onSecondaryFixedVariant","onSurface","onSurfaceVariant","onTertiary","onTertiaryContainer","onTertiaryFixed","onTertiaryFixedVariant","outline","outlineVariant","positive","positiveContainer","primary","primaryContainer","primaryFixed","primaryFixedDim","scrim","secondary","secondaryContainer","secondaryFixed","secondaryFixedDim","shadow","surface","surfaceBright","surfaceContainer","surfaceContainerHigh","surfaceContainerHighest","surfaceContainerLow","surfaceContainerLowest","surfaceDim","surfaceTint","surfaceVariant","tertiary","tertiaryContainer","tertiaryFixed","tertiaryFixedDim","__varGroupHash__","colorsLightTheme","x1qza42b","$$css","colorsDarkTheme","typography","bodyLargeFont","bodyLargeLineHeight","bodyLargeSize","bodyLargeTracking","bodyLargeWeight","bodyMediumFont","bodyMediumLineHeight","bodyMediumSize","bodyMediumTracking","bodyMediumWeight","bodySmallFont","bodySmallLineHeight","bodySmallSize","bodySmallTracking","bodySmallWeight","displayLargeFont","displayLargeLineHeight","displayLargeSize","displayLargeTracking","displayLargeWeight","displayMediumFont","displayMediumLineHeight","displayMediumSize","displayMediumTracking","displayMediumWeight","displaySmallFont","displaySmallLineHeight","displaySmallSize","displaySmallTracking","displaySmallWeight","fontFamilyBrand","fontFamilyMono","fontFamilyPlain","headlineLargeFont","headlineLargeLineHeight","headlineLargeSize","headlineLargeTracking","headlineLargeWeight","headlineMediumFont","headlineMediumLineHeight","headlineMediumSize","headlineMediumTracking","headlineMediumWeight","headlineSmallFont","headlineSmallLineHeight","headlineSmallSize","headlineSmallTracking","headlineSmallWeight","labelLargeFont","labelLargeLineHeight","labelLargeSize","labelLargeTracking","labelLargeWeight","labelMediumFont","labelMediumLineHeight","labelMediumSize","labelMediumTracking","labelMediumWeight","labelSmallFont","labelSmallLineHeight","labelSmallSize","labelSmallTracking","labelSmallWeight","titleLargeFont","titleLargeLineHeight","titleLargeSize","titleLargeTracking","titleLargeWeight","titleMediumFont","titleMediumLineHeight","titleMediumSize","titleMediumTracking","titleMediumWeight","titleSmallFont","titleSmallLineHeight","titleSmallSize","titleSmallTracking","titleSmallWeight","weightBold","weightMedium","weightRegular","spacing","lg","md","sm","xl","xs","xxl","xxs","xxxl","radii","circle","none","pill","sizing","controlLg","controlMd","controlSm","controlXl","controlXs","controlXxl","rowLg","rowMd","rowSm","rowXs","shadows","elevation1","elevation2","elevation3","elevation4","elevation5","stateLayerOpacity","disabledContainer","disabledContent","dragged","focus","hover","pressed","motion","durationLong1","durationLong2","durationLong3","durationMedium1","durationMedium2","durationMedium3","durationShort1","durationShort2","durationShort3","easingEmphasized","easingEmphasizedAccelerate","easingEmphasizedDecelerate","easingSpringFast","easingSpringSlow","easingStandard","breakpoints","compact","expanded","extraLarge","large","medium","media","belowExpanded","belowExtraLarge","belowLarge","belowMedium"],"sources":["../../src/tokens/design.tokens.stylex.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from the sibling design.tokens.json.\n// Do not hand-edit — change design.tokens.json and run `npm run tokens:build`.\n// The .stylex.ts suffix is required by @stylexjs/babel-plugin for cross-file\n// variable resolution — see the comment at the top of build-tokens.mjs.\n\nimport * as stylex from '@stylexjs/stylex';\nconst DARK = '@media (prefers-color-scheme: dark)';\nconst colors = {\n  background: \"var(--xm52p6p)\",\n  error: \"var(--x12p1wyw)\",\n  errorContainer: \"var(--x7wk2f4)\",\n  inverseOnSurface: \"var(--x1balm44)\",\n  inversePrimary: \"var(--x1v1ejj2)\",\n  inverseSurface: \"var(--x1614qkl)\",\n  negative: \"var(--x1m9zerx)\",\n  negativeContainer: \"var(--x1sa9icp)\",\n  onBackground: \"var(--xwr0q4)\",\n  onError: \"var(--xwloagh)\",\n  onErrorContainer: \"var(--xqsbqtq)\",\n  onNegative: \"var(--x1ey4ils)\",\n  onNegativeContainer: \"var(--x1snvm1r)\",\n  onPositive: \"var(--xyvlj6c)\",\n  onPositiveContainer: \"var(--xn09qcj)\",\n  onPrimary: \"var(--x1f7qwsz)\",\n  onPrimaryContainer: \"var(--x1p425jc)\",\n  onPrimaryFixed: \"var(--x7fing4)\",\n  onPrimaryFixedVariant: \"var(--x9qmz6i)\",\n  onSecondary: \"var(--xkltk4j)\",\n  onSecondaryContainer: \"var(--x1bo8p7i)\",\n  onSecondaryFixed: \"var(--xs1em01)\",\n  onSecondaryFixedVariant: \"var(--xpj09jl)\",\n  onSurface: \"var(--xn0syi6)\",\n  onSurfaceVariant: \"var(--x28n2pw)\",\n  onTertiary: \"var(--x7tegcs)\",\n  onTertiaryContainer: \"var(--x1pzkjol)\",\n  onTertiaryFixed: \"var(--xl08771)\",\n  onTertiaryFixedVariant: \"var(--x1b7jmlf)\",\n  outline: \"var(--x1ridy1o)\",\n  outlineVariant: \"var(--x7dbk6n)\",\n  positive: \"var(--xiob6mg)\",\n  positiveContainer: \"var(--x1xvl3py)\",\n  primary: \"var(--x1cjupv7)\",\n  primaryContainer: \"var(--x17f4f9w)\",\n  primaryFixed: \"var(--x1irt4fq)\",\n  primaryFixedDim: \"var(--x1ver3t)\",\n  scrim: \"var(--x1khq28e)\",\n  secondary: \"var(--x189y34t)\",\n  secondaryContainer: \"var(--xliov21)\",\n  secondaryFixed: \"var(--xmiml2p)\",\n  secondaryFixedDim: \"var(--x1lc0aek)\",\n  shadow: \"var(--xj3yx3l)\",\n  surface: \"var(--x1dzgr7y)\",\n  surfaceBright: \"var(--x1ghurj8)\",\n  surfaceContainer: \"var(--x3cqee7)\",\n  surfaceContainerHigh: \"var(--x1xbp8h6)\",\n  surfaceContainerHighest: \"var(--x13o0mym)\",\n  surfaceContainerLow: \"var(--xi1exwt)\",\n  surfaceContainerLowest: \"var(--x1b34qje)\",\n  surfaceDim: \"var(--xo1km0t)\",\n  surfaceTint: \"var(--x1jo8snc)\",\n  surfaceVariant: \"var(--x17proku)\",\n  tertiary: \"var(--x1bb0p1w)\",\n  tertiaryContainer: \"var(--x1p33ujy)\",\n  tertiaryFixed: \"var(--x9erpvp)\",\n  tertiaryFixedDim: \"var(--x1or1uxx)\",\n  __varGroupHash__: \"x1qza42b\"\n};\nexport { colors };\nconst colorsLightTheme = {\n  x1qza42b: \"xxs7l4q x1qza42b\",\n  $$css: true\n};\nexport { colorsLightTheme };\nconst colorsDarkTheme = {\n  x1qza42b: \"x1let8bq x1qza42b\",\n  $$css: true\n};\nexport { colorsDarkTheme };\nconst typography = {\n  bodyLargeFont: \"var(--x1ygl7cg)\",\n  bodyLargeLineHeight: \"var(--xol8812)\",\n  bodyLargeSize: \"var(--xjulk4j)\",\n  bodyLargeTracking: \"var(--x10nh56i)\",\n  bodyLargeWeight: \"var(--x16erikp)\",\n  bodyMediumFont: \"var(--x1q0k4yu)\",\n  bodyMediumLineHeight: \"var(--x1j54qr5)\",\n  bodyMediumSize: \"var(--x1gawvsv)\",\n  bodyMediumTracking: \"var(--x1wq3zjd)\",\n  bodyMediumWeight: \"var(--x1ayguju)\",\n  bodySmallFont: \"var(--x15dz6tq)\",\n  bodySmallLineHeight: \"var(--x1lrg4gv)\",\n  bodySmallSize: \"var(--x18q7aov)\",\n  bodySmallTracking: \"var(--xw822is)\",\n  bodySmallWeight: \"var(--x1ok1j4r)\",\n  displayLargeFont: \"var(--x134eq0n)\",\n  displayLargeLineHeight: \"var(--xhofdxx)\",\n  displayLargeSize: \"var(--x17lio9c)\",\n  displayLargeTracking: \"var(--x1gxj0qs)\",\n  displayLargeWeight: \"var(--xe5fuv)\",\n  displayMediumFont: \"var(--xyhb918)\",\n  displayMediumLineHeight: \"var(--xb6v12a)\",\n  displayMediumSize: \"var(--xtenqmo)\",\n  displayMediumTracking: \"var(--x116sb5h)\",\n  displayMediumWeight: \"var(--xoezdz5)\",\n  displaySmallFont: \"var(--xdjewjw)\",\n  displaySmallLineHeight: \"var(--x1pjhsc4)\",\n  displaySmallSize: \"var(--xa0mhat)\",\n  displaySmallTracking: \"var(--x1p2yclr)\",\n  displaySmallWeight: \"var(--xhws6hb)\",\n  fontFamilyBrand: \"var(--x1dvys7s)\",\n  fontFamilyMono: \"var(--xawtrnj)\",\n  fontFamilyPlain: \"var(--xa58n4l)\",\n  headlineLargeFont: \"var(--xof041q)\",\n  headlineLargeLineHeight: \"var(--xurq05k)\",\n  headlineLargeSize: \"var(--xb8fm24)\",\n  headlineLargeTracking: \"var(--xl627c)\",\n  headlineLargeWeight: \"var(--xvbu8tx)\",\n  headlineMediumFont: \"var(--xsd729e)\",\n  headlineMediumLineHeight: \"var(--x1tcnfxo)\",\n  headlineMediumSize: \"var(--xt0lczk)\",\n  headlineMediumTracking: \"var(--xpyu5e0)\",\n  headlineMediumWeight: \"var(--x9gskfq)\",\n  headlineSmallFont: \"var(--x1jqfzdj)\",\n  headlineSmallLineHeight: \"var(--xkj6wu1)\",\n  headlineSmallSize: \"var(--x1oc1922)\",\n  headlineSmallTracking: \"var(--x1te0yyg)\",\n  headlineSmallWeight: \"var(--x1lrnn0r)\",\n  labelLargeFont: \"var(--xnff2fy)\",\n  labelLargeLineHeight: \"var(--x9imlvm)\",\n  labelLargeSize: \"var(--xl3tx9q)\",\n  labelLargeTracking: \"var(--x14fmv7u)\",\n  labelLargeWeight: \"var(--xwguucb)\",\n  labelMediumFont: \"var(--xbejnr)\",\n  labelMediumLineHeight: \"var(--xqehqp9)\",\n  labelMediumSize: \"var(--x48e3yn)\",\n  labelMediumTracking: \"var(--xe8jatf)\",\n  labelMediumWeight: \"var(--x1a51kfj)\",\n  labelSmallFont: \"var(--xm0ylhd)\",\n  labelSmallLineHeight: \"var(--xt3caw9)\",\n  labelSmallSize: \"var(--x5h3z1j)\",\n  labelSmallTracking: \"var(--x2j42vm)\",\n  labelSmallWeight: \"var(--xj1uwei)\",\n  titleLargeFont: \"var(--xr826oj)\",\n  titleLargeLineHeight: \"var(--xuc6kgf)\",\n  titleLargeSize: \"var(--xs4cscp)\",\n  titleLargeTracking: \"var(--xt8l743)\",\n  titleLargeWeight: \"var(--x1i0wwws)\",\n  titleMediumFont: \"var(--x1bjiv9x)\",\n  titleMediumLineHeight: \"var(--x3j91oh)\",\n  titleMediumSize: \"var(--x1yypmzp)\",\n  titleMediumTracking: \"var(--x1b77t50)\",\n  titleMediumWeight: \"var(--x3ehn1q)\",\n  titleSmallFont: \"var(--x1kgqo6c)\",\n  titleSmallLineHeight: \"var(--x1l4af85)\",\n  titleSmallSize: \"var(--x1hrxtmi)\",\n  titleSmallTracking: \"var(--xn7tcr9)\",\n  titleSmallWeight: \"var(--xj437rg)\",\n  weightBold: \"var(--xlvbdhw)\",\n  weightMedium: \"var(--x1vg17ag)\",\n  weightRegular: \"var(--xgz8ay1)\",\n  __varGroupHash__: \"x1q1jnkv\"\n};\nexport { typography };\nconst spacing = {\n  lg: \"var(--x3km7fe)\",\n  md: \"var(--x6borv4)\",\n  sm: \"var(--xod9tvo)\",\n  xl: \"var(--x196ey9q)\",\n  xs: \"var(--xbmbo34)\",\n  xxl: \"var(--xi3mssk)\",\n  xxs: \"var(--x1ug6acx)\",\n  xxxl: \"var(--xqgx294)\",\n  __varGroupHash__: \"x1egpaah\"\n};\nexport { spacing };\nconst radii = {\n  circle: \"var(--x1s0h5j3)\",\n  lg: \"var(--xf3l8oo)\",\n  md: \"var(--x1m0y4ip)\",\n  none: \"var(--x1lckk6t)\",\n  pill: \"var(--x3hih16)\",\n  sm: \"var(--xslt97v)\",\n  xl: \"var(--x1w5u0jm)\",\n  xs: \"var(--x1qkrqlv)\",\n  __varGroupHash__: \"xhnz8s7\"\n};\nexport { radii };\nconst sizing = {\n  controlLg: \"var(--x1hfhk6y)\",\n  controlMd: \"var(--x1imqybj)\",\n  controlSm: \"var(--x1ww3f7m)\",\n  controlXl: \"var(--x1eqeuls)\",\n  controlXs: \"var(--x67cwyw)\",\n  controlXxl: \"var(--xmcpupp)\",\n  rowLg: \"var(--xnychtd)\",\n  rowMd: \"var(--xz029kk)\",\n  rowSm: \"var(--x1m307d3)\",\n  rowXs: \"var(--x15xxfuy)\",\n  __varGroupHash__: \"xzhmma2\"\n};\nexport { sizing };\nconst shadows = {\n  elevation1: \"var(--xt04dnm)\",\n  elevation2: \"var(--x14ermby)\",\n  elevation3: \"var(--x1tlgjf0)\",\n  elevation4: \"var(--x1vx95kd)\",\n  elevation5: \"var(--x4ackbv)\",\n  __varGroupHash__: \"x1j0lhbx\"\n};\nexport { shadows };\nconst stateLayerOpacity = {\n  disabledContainer: \"var(--x1cq03z9)\",\n  disabledContent: \"var(--xu361ij)\",\n  dragged: \"var(--x1uapny3)\",\n  focus: \"var(--x124j18r)\",\n  hover: \"var(--x8z5t6h)\",\n  pressed: \"var(--xhaltwz)\",\n  __varGroupHash__: \"x1dldgtb\"\n};\nexport { stateLayerOpacity };\nconst motion = {\n  durationLong1: \"var(--x1f45rvw)\",\n  durationLong2: \"var(--x13xtsm0)\",\n  durationLong3: \"var(--xyz43tr)\",\n  durationMedium1: \"var(--x1neymab)\",\n  durationMedium2: \"var(--x1v2b4mt)\",\n  durationMedium3: \"var(--x1vta88b)\",\n  durationShort1: \"var(--x1xkwyvg)\",\n  durationShort2: \"var(--x12wc0xg)\",\n  durationShort3: \"var(--xaryv6b)\",\n  easingEmphasized: \"var(--x1naowyp)\",\n  easingEmphasizedAccelerate: \"var(--xm20gsr)\",\n  easingEmphasizedDecelerate: \"var(--xtxwhk6)\",\n  easingSpringFast: \"var(--x1m2kglw)\",\n  easingSpringSlow: \"var(--xhdhzmf)\",\n  easingStandard: \"var(--x77wm8g)\",\n  __varGroupHash__: \"x1dv3b2k\"\n};\nexport { motion };\nconst breakpoints = {\n  compact: \"0px\",\n  expanded: \"840px\",\n  extraLarge: \"1600px\",\n  large: \"1200px\",\n  medium: \"600px\"\n};\nexport { breakpoints };\nconst media = {\n  belowExpanded: \"@media (width < 840px)\",\n  belowExtraLarge: \"@media (width < 1600px)\",\n  belowLarge: \"@media (width < 1200px)\",\n  belowMedium: \"@media (width < 600px)\",\n  expanded: \"@media (width >= 840px)\",\n  extraLarge: \"@media (width >= 1600px)\",\n  large: \"@media (width >= 1200px)\",\n  medium: \"@media (width >= 600px)\"\n};\nexport { media };"],"mappings":"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"}
+{"version":3,"file":"design.tokens.stylex.js","names":["stylex","DARK","colors","background","error","errorContainer","inverseOnSurface","inversePrimary","inverseSurface","negative","negativeContainer","onBackground","onError","onErrorContainer","onNegative","onNegativeContainer","onPositive","onPositiveContainer","onPrimary","onPrimaryContainer","onPrimaryFixed","onPrimaryFixedVariant","onSecondary","onSecondaryContainer","onSecondaryFixed","onSecondaryFixedVariant","onSurface","onSurfaceVariant","onTertiary","onTertiaryContainer","onTertiaryFixed","onTertiaryFixedVariant","outline","outlineVariant","positive","positiveContainer","primary","primaryContainer","primaryFixed","primaryFixedDim","scrim","secondary","secondaryContainer","secondaryFixed","secondaryFixedDim","shadow","surface","surfaceBright","surfaceContainer","surfaceContainerHigh","surfaceContainerHighest","surfaceContainerLow","surfaceContainerLowest","surfaceDim","surfaceTint","surfaceVariant","tertiary","tertiaryContainer","tertiaryFixed","tertiaryFixedDim","__varGroupHash__","colorsLightTheme","x1qza42b","$$css","colorsDarkTheme","typography","bodyLargeFont","bodyLargeLineHeight","bodyLargeSize","bodyLargeTracking","bodyLargeWeight","bodyMediumFont","bodyMediumLineHeight","bodyMediumSize","bodyMediumTracking","bodyMediumWeight","bodySmallFont","bodySmallLineHeight","bodySmallSize","bodySmallTracking","bodySmallWeight","displayLargeFont","displayLargeLineHeight","displayLargeSize","displayLargeTracking","displayLargeWeight","displayMediumFont","displayMediumLineHeight","displayMediumSize","displayMediumTracking","displayMediumWeight","displaySmallFont","displaySmallLineHeight","displaySmallSize","displaySmallTracking","displaySmallWeight","fontFamilyBrand","fontFamilyMono","fontFamilyPlain","headlineLargeFont","headlineLargeLineHeight","headlineLargeSize","headlineLargeTracking","headlineLargeWeight","headlineMediumFont","headlineMediumLineHeight","headlineMediumSize","headlineMediumTracking","headlineMediumWeight","headlineSmallFont","headlineSmallLineHeight","headlineSmallSize","headlineSmallTracking","headlineSmallWeight","labelLargeFont","labelLargeLineHeight","labelLargeSize","labelLargeTracking","labelLargeWeight","labelMediumFont","labelMediumLineHeight","labelMediumSize","labelMediumTracking","labelMediumWeight","labelSmallFont","labelSmallLineHeight","labelSmallSize","labelSmallTracking","labelSmallWeight","titleLargeFont","titleLargeLineHeight","titleLargeSize","titleLargeTracking","titleLargeWeight","titleMediumFont","titleMediumLineHeight","titleMediumSize","titleMediumTracking","titleMediumWeight","titleSmallFont","titleSmallLineHeight","titleSmallSize","titleSmallTracking","titleSmallWeight","weightBold","weightMedium","weightRegular","spacing","lg","md","sm","xl","xs","xxl","xxs","xxxl","radii","circle","none","pill","sizing","controlLg","controlMd","controlSm","controlXl","controlXs","controlXxl","rowLg","rowMd","rowSm","rowXs","shadows","elevation1","elevation2","elevation3","elevation4","elevation5","stateLayerOpacity","disabledContainer","disabledContent","dragged","focus","hover","pressed","motion","durationLong1","durationLong2","durationLong3","durationMedium1","durationMedium2","durationMedium3","durationShort1","durationShort2","durationShort3","easingEmphasized","easingEmphasizedAccelerate","easingEmphasizedDecelerate","easingSpringFast","easingSpringSlow","easingStandard","breakpoints","compact","expanded","extraLarge","large","medium","media","belowExpanded","belowExtraLarge","belowLarge","belowMedium"],"sources":["../../src/tokens/design.tokens.stylex.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from the sibling design.tokens.json.\n// Do not hand-edit — change design.tokens.json and run `npm run tokens:build`.\n// The .stylex.ts suffix is required by @stylexjs/babel-plugin for cross-file\n// variable resolution — see the comment at the top of build-tokens.mjs.\n\nimport * as stylex from '@stylexjs/stylex';\nconst DARK = '@media (prefers-color-scheme: dark)';\nconst colors = {\n  background: \"var(--xm52p6p)\",\n  error: \"var(--x12p1wyw)\",\n  errorContainer: \"var(--x7wk2f4)\",\n  inverseOnSurface: \"var(--x1balm44)\",\n  inversePrimary: \"var(--x1v1ejj2)\",\n  inverseSurface: \"var(--x1614qkl)\",\n  negative: \"var(--x1m9zerx)\",\n  negativeContainer: \"var(--x1sa9icp)\",\n  onBackground: \"var(--xwr0q4)\",\n  onError: \"var(--xwloagh)\",\n  onErrorContainer: \"var(--xqsbqtq)\",\n  onNegative: \"var(--x1ey4ils)\",\n  onNegativeContainer: \"var(--x1snvm1r)\",\n  onPositive: \"var(--xyvlj6c)\",\n  onPositiveContainer: \"var(--xn09qcj)\",\n  onPrimary: \"var(--x1f7qwsz)\",\n  onPrimaryContainer: \"var(--x1p425jc)\",\n  onPrimaryFixed: \"var(--x7fing4)\",\n  onPrimaryFixedVariant: \"var(--x9qmz6i)\",\n  onSecondary: \"var(--xkltk4j)\",\n  onSecondaryContainer: \"var(--x1bo8p7i)\",\n  onSecondaryFixed: \"var(--xs1em01)\",\n  onSecondaryFixedVariant: \"var(--xpj09jl)\",\n  onSurface: \"var(--xn0syi6)\",\n  onSurfaceVariant: \"var(--x28n2pw)\",\n  onTertiary: \"var(--x7tegcs)\",\n  onTertiaryContainer: \"var(--x1pzkjol)\",\n  onTertiaryFixed: \"var(--xl08771)\",\n  onTertiaryFixedVariant: \"var(--x1b7jmlf)\",\n  outline: \"var(--x1ridy1o)\",\n  outlineVariant: \"var(--x7dbk6n)\",\n  positive: \"var(--xiob6mg)\",\n  positiveContainer: \"var(--x1xvl3py)\",\n  primary: \"var(--x1cjupv7)\",\n  primaryContainer: \"var(--x17f4f9w)\",\n  primaryFixed: \"var(--x1irt4fq)\",\n  primaryFixedDim: \"var(--x1ver3t)\",\n  scrim: \"var(--x1khq28e)\",\n  secondary: \"var(--x189y34t)\",\n  secondaryContainer: \"var(--xliov21)\",\n  secondaryFixed: \"var(--xmiml2p)\",\n  secondaryFixedDim: \"var(--x1lc0aek)\",\n  shadow: \"var(--xj3yx3l)\",\n  surface: \"var(--x1dzgr7y)\",\n  surfaceBright: \"var(--x1ghurj8)\",\n  surfaceContainer: \"var(--x3cqee7)\",\n  surfaceContainerHigh: \"var(--x1xbp8h6)\",\n  surfaceContainerHighest: \"var(--x13o0mym)\",\n  surfaceContainerLow: \"var(--xi1exwt)\",\n  surfaceContainerLowest: \"var(--x1b34qje)\",\n  surfaceDim: \"var(--xo1km0t)\",\n  surfaceTint: \"var(--x1jo8snc)\",\n  surfaceVariant: \"var(--x17proku)\",\n  tertiary: \"var(--x1bb0p1w)\",\n  tertiaryContainer: \"var(--x1p33ujy)\",\n  tertiaryFixed: \"var(--x9erpvp)\",\n  tertiaryFixedDim: \"var(--x1or1uxx)\",\n  __varGroupHash__: \"x1qza42b\"\n};\nexport { colors };\nconst colorsLightTheme = {\n  x1qza42b: \"x1hckqth x1qza42b\",\n  $$css: true\n};\nexport { colorsLightTheme };\nconst colorsDarkTheme = {\n  x1qza42b: \"xkz2l6x x1qza42b\",\n  $$css: true\n};\nexport { colorsDarkTheme };\nconst typography = {\n  bodyLargeFont: \"var(--x1ygl7cg)\",\n  bodyLargeLineHeight: \"var(--xol8812)\",\n  bodyLargeSize: \"var(--xjulk4j)\",\n  bodyLargeTracking: \"var(--x10nh56i)\",\n  bodyLargeWeight: \"var(--x16erikp)\",\n  bodyMediumFont: \"var(--x1q0k4yu)\",\n  bodyMediumLineHeight: \"var(--x1j54qr5)\",\n  bodyMediumSize: \"var(--x1gawvsv)\",\n  bodyMediumTracking: \"var(--x1wq3zjd)\",\n  bodyMediumWeight: \"var(--x1ayguju)\",\n  bodySmallFont: \"var(--x15dz6tq)\",\n  bodySmallLineHeight: \"var(--x1lrg4gv)\",\n  bodySmallSize: \"var(--x18q7aov)\",\n  bodySmallTracking: \"var(--xw822is)\",\n  bodySmallWeight: \"var(--x1ok1j4r)\",\n  displayLargeFont: \"var(--x134eq0n)\",\n  displayLargeLineHeight: \"var(--xhofdxx)\",\n  displayLargeSize: \"var(--x17lio9c)\",\n  displayLargeTracking: \"var(--x1gxj0qs)\",\n  displayLargeWeight: \"var(--xe5fuv)\",\n  displayMediumFont: \"var(--xyhb918)\",\n  displayMediumLineHeight: \"var(--xb6v12a)\",\n  displayMediumSize: \"var(--xtenqmo)\",\n  displayMediumTracking: \"var(--x116sb5h)\",\n  displayMediumWeight: \"var(--xoezdz5)\",\n  displaySmallFont: \"var(--xdjewjw)\",\n  displaySmallLineHeight: \"var(--x1pjhsc4)\",\n  displaySmallSize: \"var(--xa0mhat)\",\n  displaySmallTracking: \"var(--x1p2yclr)\",\n  displaySmallWeight: \"var(--xhws6hb)\",\n  fontFamilyBrand: \"var(--x1dvys7s)\",\n  fontFamilyMono: \"var(--xawtrnj)\",\n  fontFamilyPlain: \"var(--xa58n4l)\",\n  headlineLargeFont: \"var(--xof041q)\",\n  headlineLargeLineHeight: \"var(--xurq05k)\",\n  headlineLargeSize: \"var(--xb8fm24)\",\n  headlineLargeTracking: \"var(--xl627c)\",\n  headlineLargeWeight: \"var(--xvbu8tx)\",\n  headlineMediumFont: \"var(--xsd729e)\",\n  headlineMediumLineHeight: \"var(--x1tcnfxo)\",\n  headlineMediumSize: \"var(--xt0lczk)\",\n  headlineMediumTracking: \"var(--xpyu5e0)\",\n  headlineMediumWeight: \"var(--x9gskfq)\",\n  headlineSmallFont: \"var(--x1jqfzdj)\",\n  headlineSmallLineHeight: \"var(--xkj6wu1)\",\n  headlineSmallSize: \"var(--x1oc1922)\",\n  headlineSmallTracking: \"var(--x1te0yyg)\",\n  headlineSmallWeight: \"var(--x1lrnn0r)\",\n  labelLargeFont: \"var(--xnff2fy)\",\n  labelLargeLineHeight: \"var(--x9imlvm)\",\n  labelLargeSize: \"var(--xl3tx9q)\",\n  labelLargeTracking: \"var(--x14fmv7u)\",\n  labelLargeWeight: \"var(--xwguucb)\",\n  labelMediumFont: \"var(--xbejnr)\",\n  labelMediumLineHeight: \"var(--xqehqp9)\",\n  labelMediumSize: \"var(--x48e3yn)\",\n  labelMediumTracking: \"var(--xe8jatf)\",\n  labelMediumWeight: \"var(--x1a51kfj)\",\n  labelSmallFont: \"var(--xm0ylhd)\",\n  labelSmallLineHeight: \"var(--xt3caw9)\",\n  labelSmallSize: \"var(--x5h3z1j)\",\n  labelSmallTracking: \"var(--x2j42vm)\",\n  labelSmallWeight: \"var(--xj1uwei)\",\n  titleLargeFont: \"var(--xr826oj)\",\n  titleLargeLineHeight: \"var(--xuc6kgf)\",\n  titleLargeSize: \"var(--xs4cscp)\",\n  titleLargeTracking: \"var(--xt8l743)\",\n  titleLargeWeight: \"var(--x1i0wwws)\",\n  titleMediumFont: \"var(--x1bjiv9x)\",\n  titleMediumLineHeight: \"var(--x3j91oh)\",\n  titleMediumSize: \"var(--x1yypmzp)\",\n  titleMediumTracking: \"var(--x1b77t50)\",\n  titleMediumWeight: \"var(--x3ehn1q)\",\n  titleSmallFont: \"var(--x1kgqo6c)\",\n  titleSmallLineHeight: \"var(--x1l4af85)\",\n  titleSmallSize: \"var(--x1hrxtmi)\",\n  titleSmallTracking: \"var(--xn7tcr9)\",\n  titleSmallWeight: \"var(--xj437rg)\",\n  weightBold: \"var(--xlvbdhw)\",\n  weightMedium: \"var(--x1vg17ag)\",\n  weightRegular: \"var(--xgz8ay1)\",\n  __varGroupHash__: \"x1q1jnkv\"\n};\nexport { typography };\nconst spacing = {\n  lg: \"var(--x3km7fe)\",\n  md: \"var(--x6borv4)\",\n  sm: \"var(--xod9tvo)\",\n  xl: \"var(--x196ey9q)\",\n  xs: \"var(--xbmbo34)\",\n  xxl: \"var(--xi3mssk)\",\n  xxs: \"var(--x1ug6acx)\",\n  xxxl: \"var(--xqgx294)\",\n  __varGroupHash__: \"x1egpaah\"\n};\nexport { spacing };\nconst radii = {\n  circle: \"var(--x1s0h5j3)\",\n  lg: \"var(--xf3l8oo)\",\n  md: \"var(--x1m0y4ip)\",\n  none: \"var(--x1lckk6t)\",\n  pill: \"var(--x3hih16)\",\n  sm: \"var(--xslt97v)\",\n  xl: \"var(--x1w5u0jm)\",\n  xs: \"var(--x1qkrqlv)\",\n  __varGroupHash__: \"xhnz8s7\"\n};\nexport { radii };\nconst sizing = {\n  controlLg: \"var(--x1hfhk6y)\",\n  controlMd: \"var(--x1imqybj)\",\n  controlSm: \"var(--x1ww3f7m)\",\n  controlXl: \"var(--x1eqeuls)\",\n  controlXs: \"var(--x67cwyw)\",\n  controlXxl: \"var(--xmcpupp)\",\n  rowLg: \"var(--xnychtd)\",\n  rowMd: \"var(--xz029kk)\",\n  rowSm: \"var(--x1m307d3)\",\n  rowXs: \"var(--x15xxfuy)\",\n  __varGroupHash__: \"xzhmma2\"\n};\nexport { sizing };\nconst shadows = {\n  elevation1: \"var(--xt04dnm)\",\n  elevation2: \"var(--x14ermby)\",\n  elevation3: \"var(--x1tlgjf0)\",\n  elevation4: \"var(--x1vx95kd)\",\n  elevation5: \"var(--x4ackbv)\",\n  __varGroupHash__: \"x1j0lhbx\"\n};\nexport { shadows };\nconst stateLayerOpacity = {\n  disabledContainer: \"var(--x1cq03z9)\",\n  disabledContent: \"var(--xu361ij)\",\n  dragged: \"var(--x1uapny3)\",\n  focus: \"var(--x124j18r)\",\n  hover: \"var(--x8z5t6h)\",\n  pressed: \"var(--xhaltwz)\",\n  __varGroupHash__: \"x1dldgtb\"\n};\nexport { stateLayerOpacity };\nconst motion = {\n  durationLong1: \"var(--x1f45rvw)\",\n  durationLong2: \"var(--x13xtsm0)\",\n  durationLong3: \"var(--xyz43tr)\",\n  durationMedium1: \"var(--x1neymab)\",\n  durationMedium2: \"var(--x1v2b4mt)\",\n  durationMedium3: \"var(--x1vta88b)\",\n  durationShort1: \"var(--x1xkwyvg)\",\n  durationShort2: \"var(--x12wc0xg)\",\n  durationShort3: \"var(--xaryv6b)\",\n  easingEmphasized: \"var(--x1naowyp)\",\n  easingEmphasizedAccelerate: \"var(--xm20gsr)\",\n  easingEmphasizedDecelerate: \"var(--xtxwhk6)\",\n  easingSpringFast: \"var(--x1m2kglw)\",\n  easingSpringSlow: \"var(--xhdhzmf)\",\n  easingStandard: \"var(--x77wm8g)\",\n  __varGroupHash__: \"x1dv3b2k\"\n};\nexport { motion };\nconst breakpoints = {\n  compact: \"0px\",\n  expanded: \"840px\",\n  extraLarge: \"1600px\",\n  large: \"1200px\",\n  medium: \"600px\"\n};\nexport { breakpoints };\nconst media = {\n  belowExpanded: \"@media (width < 840px)\",\n  belowExtraLarge: \"@media (width < 1600px)\",\n  belowLarge: \"@media (width < 1200px)\",\n  belowMedium: \"@media (width < 600px)\",\n  expanded: \"@media (width >= 840px)\",\n  extraLarge: \"@media (width >= 1600px)\",\n  large: \"@media (width >= 1200px)\",\n  medium: \"@media (width >= 600px)\"\n};\nexport { media };"],"mappings":"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"}

package/dist/tokens.css

@@ -120,45 +120,90 @@
   --kui-state-layer-opacity-focus: 0.1;
   --kui-state-layer-opacity-hover: 0.08;
   --kui-state-layer-opacity-pressed: 0.1;
-  --kui-typography-body-large-font:
-    'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    sans-serif;
+  --kui-typography-body-large-font: var(
+    --kui-typography-font-family-plain,
+    'Roboto Flex',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    sans-serif
+  );
   --kui-typography-body-large-line-height: 24px;
   --kui-typography-body-large-size: 16px;
   --kui-typography-body-large-tracking: 0.5px;
-  --kui-typography-body-large-weight: 400;
-  --kui-typography-body-medium-font:
-    'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    sans-serif;
+  --kui-typography-body-large-weight: var(--kui-typography-weight-regular, 400);
+  --kui-typography-body-medium-font: var(
+    --kui-typography-font-family-plain,
+    'Roboto Flex',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    sans-serif
+  );
   --kui-typography-body-medium-line-height: 20px;
   --kui-typography-body-medium-size: 14px;
   --kui-typography-body-medium-tracking: 0.25px;
-  --kui-typography-body-medium-weight: 400;
-  --kui-typography-body-small-font:
-    'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    sans-serif;
+  --kui-typography-body-medium-weight: var(
+    --kui-typography-weight-regular,
+    400
+  );
+  --kui-typography-body-small-font: var(
+    --kui-typography-font-family-plain,
+    'Roboto Flex',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    sans-serif
+  );
   --kui-typography-body-small-line-height: 16px;
   --kui-typography-body-small-size: 12px;
   --kui-typography-body-small-tracking: 0.4px;
-  --kui-typography-body-small-weight: 400;
-  --kui-typography-display-large-font:
-    'Roboto Serif', 'Iowan Old Style', Georgia, serif;
+  --kui-typography-body-small-weight: var(--kui-typography-weight-regular, 400);
+  --kui-typography-display-large-font: var(
+    --kui-typography-font-family-brand,
+    'Roboto Serif',
+    'Iowan Old Style',
+    Georgia,
+    serif
+  );
   --kui-typography-display-large-line-height: 64px;
   --kui-typography-display-large-size: 57px;
   --kui-typography-display-large-tracking: -0.25px;
-  --kui-typography-display-large-weight: 400;
-  --kui-typography-display-medium-font:
-    'Roboto Serif', 'Iowan Old Style', Georgia, serif;
+  --kui-typography-display-large-weight: var(
+    --kui-typography-weight-regular,
+    400
+  );
+  --kui-typography-display-medium-font: var(
+    --kui-typography-font-family-brand,
+    'Roboto Serif',
+    'Iowan Old Style',
+    Georgia,
+    serif
+  );
   --kui-typography-display-medium-line-height: 52px;
   --kui-typography-display-medium-size: 45px;
   --kui-typography-display-medium-tracking: 0px;
-  --kui-typography-display-medium-weight: 400;
-  --kui-typography-display-small-font:
-    'Roboto Serif', 'Iowan Old Style', Georgia, serif;
+  --kui-typography-display-medium-weight: var(
+    --kui-typography-weight-regular,
+    400
+  );
+  --kui-typography-display-small-font: var(
+    --kui-typography-font-family-brand,
+    'Roboto Serif',
+    'Iowan Old Style',
+    Georgia,
+    serif
+  );
   --kui-typography-display-small-line-height: 44px;
   --kui-typography-display-small-size: 36px;
   --kui-typography-display-small-tracking: 0px;
-  --kui-typography-display-small-weight: 400;
+  --kui-typography-display-small-weight: var(
+    --kui-typography-weight-regular,
+    400
+  );
   --kui-typography-font-family-brand:
     'Roboto Serif', 'Iowan Old Style', Georgia, serif;
   --kui-typography-font-family-mono:
@@ -166,65 +211,133 @@
   --kui-typography-font-family-plain:
     'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
     sans-serif;
-  --kui-typography-headline-large-font:
-    'Roboto Serif', 'Iowan Old Style', Georgia, serif;
+  --kui-typography-headline-large-font: var(
+    --kui-typography-font-family-brand,
+    'Roboto Serif',
+    'Iowan Old Style',
+    Georgia,
+    serif
+  );
   --kui-typography-headline-large-line-height: 40px;
   --kui-typography-headline-large-size: 32px;
   --kui-typography-headline-large-tracking: 0px;
-  --kui-typography-headline-large-weight: 400;
-  --kui-typography-headline-medium-font:
-    'Roboto Serif', 'Iowan Old Style', Georgia, serif;
+  --kui-typography-headline-large-weight: var(
+    --kui-typography-weight-regular,
+    400
+  );
+  --kui-typography-headline-medium-font: var(
+    --kui-typography-font-family-brand,
+    'Roboto Serif',
+    'Iowan Old Style',
+    Georgia,
+    serif
+  );
   --kui-typography-headline-medium-line-height: 36px;
   --kui-typography-headline-medium-size: 28px;
   --kui-typography-headline-medium-tracking: 0px;
-  --kui-typography-headline-medium-weight: 400;
-  --kui-typography-headline-small-font:
-    'Roboto Serif', 'Iowan Old Style', Georgia, serif;
+  --kui-typography-headline-medium-weight: var(
+    --kui-typography-weight-regular,
+    400
+  );
+  --kui-typography-headline-small-font: var(
+    --kui-typography-font-family-brand,
+    'Roboto Serif',
+    'Iowan Old Style',
+    Georgia,
+    serif
+  );
   --kui-typography-headline-small-line-height: 32px;
   --kui-typography-headline-small-size: 24px;
   --kui-typography-headline-small-tracking: 0px;
-  --kui-typography-headline-small-weight: 400;
-  --kui-typography-label-large-font:
-    'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    sans-serif;
+  --kui-typography-headline-small-weight: var(
+    --kui-typography-weight-regular,
+    400
+  );
+  --kui-typography-label-large-font: var(
+    --kui-typography-font-family-plain,
+    'Roboto Flex',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    sans-serif
+  );
   --kui-typography-label-large-line-height: 20px;
   --kui-typography-label-large-size: 14px;
   --kui-typography-label-large-tracking: 0.1px;
-  --kui-typography-label-large-weight: 500;
-  --kui-typography-label-medium-font:
-    'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    sans-serif;
+  --kui-typography-label-large-weight: var(--kui-typography-weight-medium, 500);
+  --kui-typography-label-medium-font: var(
+    --kui-typography-font-family-plain,
+    'Roboto Flex',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    sans-serif
+  );
   --kui-typography-label-medium-line-height: 16px;
   --kui-typography-label-medium-size: 12px;
   --kui-typography-label-medium-tracking: 0.5px;
-  --kui-typography-label-medium-weight: 500;
-  --kui-typography-label-small-font:
-    'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    sans-serif;
+  --kui-typography-label-medium-weight: var(
+    --kui-typography-weight-medium,
+    500
+  );
+  --kui-typography-label-small-font: var(
+    --kui-typography-font-family-plain,
+    'Roboto Flex',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    sans-serif
+  );
   --kui-typography-label-small-line-height: 16px;
   --kui-typography-label-small-size: 11px;
   --kui-typography-label-small-tracking: 0.5px;
-  --kui-typography-label-small-weight: 500;
-  --kui-typography-title-large-font:
-    'Roboto Serif', 'Iowan Old Style', Georgia, serif;
+  --kui-typography-label-small-weight: var(--kui-typography-weight-medium, 500);
+  --kui-typography-title-large-font: var(
+    --kui-typography-font-family-brand,
+    'Roboto Serif',
+    'Iowan Old Style',
+    Georgia,
+    serif
+  );
   --kui-typography-title-large-line-height: 28px;
   --kui-typography-title-large-size: 22px;
   --kui-typography-title-large-tracking: 0px;
-  --kui-typography-title-large-weight: 400;
-  --kui-typography-title-medium-font:
-    'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    sans-serif;
+  --kui-typography-title-large-weight: var(
+    --kui-typography-weight-regular,
+    400
+  );
+  --kui-typography-title-medium-font: var(
+    --kui-typography-font-family-plain,
+    'Roboto Flex',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    sans-serif
+  );
   --kui-typography-title-medium-line-height: 24px;
   --kui-typography-title-medium-size: 16px;
   --kui-typography-title-medium-tracking: 0.15px;
-  --kui-typography-title-medium-weight: 500;
-  --kui-typography-title-small-font:
-    'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    sans-serif;
+  --kui-typography-title-medium-weight: var(
+    --kui-typography-weight-medium,
+    500
+  );
+  --kui-typography-title-small-font: var(
+    --kui-typography-font-family-plain,
+    'Roboto Flex',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    sans-serif
+  );
   --kui-typography-title-small-line-height: 20px;
   --kui-typography-title-small-size: 14px;
   --kui-typography-title-small-tracking: 0.1px;
-  --kui-typography-title-small-weight: 500;
+  --kui-typography-title-small-weight: var(--kui-typography-weight-medium, 500);
   --kui-typography-weight-bold: 700;
   --kui-typography-weight-medium: 500;
   --kui-typography-weight-regular: 400;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanso-labs/kanso-ui",
-  "version": "0.35.0",
+  "version": "0.37.0",
   "description": "A React component library built on React Aria Components primitives and styled with StyleX, with design tokens sourced from a single W3C DTCG file and compiled via Style Dictionary",
   "keywords": [
     "react",
@@ -53,6 +53,7 @@
     "url": "git+https://github.com/kanso-labs/kanso-ui.git"
   },
   "scripts": {
+    "api:update": "node scripts/api-report.mjs --local",
     "build": "tsc -b && tsdown",
     "build-storybook": "storybook build",
     "chromatic": "npx chromatic",
@@ -62,7 +63,7 @@
     "format": "oxfmt",
     "format:check": "oxfmt --check",
     "lint": "oxlint --type-aware . && eslint . && npm run format:check",
-    "package:check": "publint && attw --pack --profile esm-only && node scripts/check-package.mjs",
+    "package:check": "publint && attw --pack --profile esm-only && node scripts/check-package.mjs && node scripts/api-report.mjs",
     "prepare": "husky && playwright install --with-deps chromium",
     "storybook": "storybook dev -p ${PORT:-6006}",
     "test": "vitest run",
@@ -71,6 +72,7 @@
   },
   "dependencies": {
     "@internationalized/date": "3.12.4",
+    "@internationalized/string": "3.2.10",
     "react-aria-components": "1.21.1"
   },
   "devDependencies": {
@@ -81,20 +83,22 @@
     "@commitlint/cli": "21.2.3",
     "@commitlint/config-conventional": "21.2.3",
     "@eslint/js": "10.0.1",
-    "@kanso-labs/unplugin-style-dictionary": "0.10.17",
+    "@kanso-labs/unplugin-style-dictionary": "0.10.18",
+    "@microsoft/api-extractor": "7.59.4",
     "@rolldown/plugin-babel": "0.2.4",
     "@storybook/addon-a11y": "10.6.1",
     "@storybook/addon-docs": "10.6.1",
     "@storybook/addon-vitest": "10.6.1",
     "@storybook/builder-vite": "10.6.1",
     "@storybook/react-vite": "10.6.1",
+    "@stylexjs/stylex": "0.19.1",
     "@stylexjs/unplugin": "0.19.1",
     "@testing-library/dom": "10.4.2",
     "@testing-library/jest-dom": "7.0.1",
     "@testing-library/react": "16.3.3",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
-    "@vitejs/plugin-react": "6.1.1",
+    "@vitejs/plugin-react": "6.1.2",
     "@vitest/browser-playwright": "4.1.11",
     "@vitest/coverage-v8": "4.1.11",
     "babel-plugin-react-compiler": "1.0.0",
@@ -121,7 +125,7 @@
     "tsdown": "0.23.0",
     "typescript": "6.0.3",
     "typescript-eslint": "8.71.1",
-    "vite": "8.3.2",
+    "vite": "8.3.3",
     "vitest": "4.1.11"
   },
   "peerDependencies": {