@qw-ui/tokens 0.3.0-next.40 → 0.3.0-next.43

package/dist/tokens.ts

@@ -264,6 +264,8 @@ export const lightTokens = {
   "--qw-ref-color-brown-800": "#542800",
   "--qw-ref-color-brown-900": "#200B00",
   "--qw-ref-color-brown-base": "#b45e06",
+  "--qw-ref-color-black-contrast-endpoint": "#000000",
+  "--qw-ref-size-spacing-0": "0px",
   "--qw-ref-size-spacing-1": "4px",
   "--qw-ref-size-spacing-2": "8px",
   "--qw-ref-size-spacing-3": "12px",
@@ -272,6 +274,15 @@ export const lightTokens = {
   "--qw-ref-size-spacing-6": "24px",
   "--qw-ref-size-spacing-7": "28px",
   "--qw-ref-size-spacing-8": "32px",
+  "--qw-ref-size-safe-area-inset-top": "env(safe-area-inset-top, 0px)",
+  "--qw-ref-size-safe-area-inset-right": "env(safe-area-inset-right, 0px)",
+  "--qw-ref-size-safe-area-inset-bottom": "env(safe-area-inset-bottom, 0px)",
+  "--qw-ref-size-safe-area-inset-left": "env(safe-area-inset-left, 0px)",
+  "--qw-ref-size-placeholder-text-height-base": "1em",
+  "--qw-ref-size-placeholder-media-height-base": "120px",
+  "--qw-ref-size-loading-logo-size-sm": "32px",
+  "--qw-ref-size-loading-logo-size-md": "48px",
+  "--qw-ref-size-loading-logo-size-lg": "60px",
   "--qw-ref-size-radius-sm": "4px",
   "--qw-ref-size-radius-md": "8px",
   "--qw-ref-size-radius-lg": "14px",
@@ -299,6 +310,7 @@ export const lightTokens = {
   "--qw-ref-size-avatar-diameter-lg": "58px",
   "--qw-ref-typography-line-height-tight": "1.25",
   "--qw-ref-typography-line-height-normal": "1.5",
+  "--qw-ref-typography-line-height-comfortable": "1.625",
   "--qw-ref-typography-line-height-relaxed": "1.75",
   "--qw-ref-size-opacity-disabled": "0.5",
   "--qw-ref-size-z-index-1": "10",
@@ -327,7 +339,11 @@ export const lightTokens = {
   "--qw-ref-motion-duration-fast": "100ms",
   "--qw-ref-motion-duration-base": "200ms",
   "--qw-ref-motion-duration-slow": "320ms",
+  "--qw-ref-motion-duration-shimmer": "2000ms",
+  "--qw-ref-motion-easing-linear": "linear",
+  "--qw-ref-motion-easing-symmetric": "ease-in-out",
   "--qw-ref-motion-easing-standard": "cubic-bezier(0.16, 1, 0.3, 1)",
+  "--qw-ref-effect-blur-sm": "2px",
   "--qw-ref-effect-shadow-sm": "0px 1px 2px 0px rgba(0, 0, 0, 0.08)",
   "--qw-ref-effect-shadow-md": "0px 4px 12px 0px rgba(0, 0, 0, 0.12)",
   "--qw-ref-effect-shadow-lg": "0px 8px 24px 0px rgba(0, 0, 0, 0.16)",
@@ -377,6 +393,23 @@ export const lightTokens = {
   "--qw-sem-size-avatar-diameter-sm": "40px",
   "--qw-sem-size-avatar-diameter-md": "50px",
   "--qw-sem-size-avatar-diameter-lg": "58px",
+  "--qw-sem-size-layout-gap-sm": "8px",
+  "--qw-sem-size-layout-gap-md": "16px",
+  "--qw-sem-size-layout-gap-lg": "24px",
+  "--qw-sem-size-safe-area-inset-top": "env(safe-area-inset-top, 0px)",
+  "--qw-sem-size-safe-area-inset-right": "env(safe-area-inset-right, 0px)",
+  "--qw-sem-size-safe-area-inset-bottom": "env(safe-area-inset-bottom, 0px)",
+  "--qw-sem-size-safe-area-inset-left": "env(safe-area-inset-left, 0px)",
+  "--qw-sem-size-safe-area-minimum-none": "0px",
+  "--qw-sem-size-safe-area-minimum-sm": "8px",
+  "--qw-sem-size-safe-area-minimum-md": "16px",
+  "--qw-sem-size-safe-area-minimum-lg": "24px",
+  "--qw-sem-size-loading-sm": "32px",
+  "--qw-sem-size-loading-md": "48px",
+  "--qw-sem-size-loading-lg": "60px",
+  "--qw-sem-size-skeleton-text-height": "1em",
+  "--qw-sem-size-skeleton-rect-height": "120px",
+  "--qw-sem-size-skeleton-circle-diameter": "40px",
   "--qw-sem-size-inset-sm": "8px",
   "--qw-sem-size-stack-sm": "8px",
   "--qw-sem-size-inset-md": "16px",
@@ -401,6 +434,11 @@ export const lightTokens = {
   "--qw-sem-typography-body-strong-font-weight": "500",
   "--qw-sem-typography-body-strong-line-height": "1.5",
   "--qw-sem-typography-body-strong-letter-spacing": "0px",
+  "--qw-sem-typography-product-title-font-family": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+  "--qw-sem-typography-product-title-font-size": "16px",
+  "--qw-sem-typography-product-title-font-weight": "600",
+  "--qw-sem-typography-product-title-line-height": "1.625",
+  "--qw-sem-typography-product-title-letter-spacing": "0px",
   "--qw-sem-typography-heading-sm-font-family": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
   "--qw-sem-typography-heading-sm-font-size": "16px",
   "--qw-sem-typography-heading-sm-font-weight": "600",
@@ -439,7 +477,12 @@ export const lightTokens = {
   "--qw-sem-motion-duration-fast": "100ms",
   "--qw-sem-motion-duration-base": "200ms",
   "--qw-sem-motion-duration-slow": "320ms",
+  "--qw-sem-motion-duration-shimmer": "2000ms",
+  "--qw-sem-motion-duration-spin": "2000ms",
   "--qw-sem-motion-easing-standard": "cubic-bezier(0.16, 1, 0.3, 1)",
+  "--qw-sem-motion-easing-symmetric": "ease-in-out",
+  "--qw-sem-motion-easing-linear": "linear",
+  "--qw-sem-effect-blur-media-control": "2px",
   "--qw-sem-color-surface-base": "#ffffff",
   "--qw-sem-color-surface-subtle": "#F6F6F6",
   "--qw-sem-color-surface-elevated": "#ffffff",
@@ -450,6 +493,7 @@ export const lightTokens = {
   "--qw-sem-color-surface-selected": "rgba(34, 34, 34, 0.05)",
   "--qw-sem-color-surface-inverse": "#353535",
   "--qw-sem-color-surface-canvas-subtle": "#F6F6F6",
+  "--qw-sem-color-content-danger": "#CF081E",
   "--qw-sem-color-content-primary": "#222222",
   "--qw-sem-color-content-secondary": "#666666",
   "--qw-sem-color-content-tertiary": "#999999",
@@ -460,9 +504,11 @@ export const lightTokens = {
   "--qw-sem-color-content-icon-subtle": "rgba(34, 34, 34, 0.05)",
   "--qw-sem-color-content-inverse": "#ffffff",
   "--qw-sem-color-content-on-solid": "#ffffff",
+  "--qw-sem-color-content-on-brand": "#ffffff",
   "--qw-sem-color-content-on-warning-subtle": "#453200",
   "--qw-sem-color-border-default": "#EEEEEE",
   "--qw-sem-color-border-strong": "#CCCCCC",
+  "--qw-sem-color-border-control": "#666666",
   "--qw-sem-color-border-focus": "#0011ff",
   "--qw-sem-color-border-subtle": "rgba(34, 34, 34, 0.05)",
   "--qw-sem-color-border-disabled": "rgba(34, 34, 34, 0.1)",
@@ -478,7 +524,7 @@ export const lightTokens = {
   "--qw-sem-color-action-inverse": "#ffffff",
   "--qw-sem-color-control-action-brand-subtle": "rgba(0, 17, 255, 0.1)",
   "--qw-sem-color-control-action-product-subtle": "rgba(13, 83, 255, 0.1)",
-  "--qw-sem-color-control-action-danger-default": "#FF5745",
+  "--qw-sem-color-control-action-danger-default": "#CF081E",
   "--qw-sem-color-control-action-danger-subtle": "rgba(255, 64, 64, 0.1)",
   "--qw-sem-color-control-action-neutral-subtle": "rgba(34, 34, 34, 0.05)",
   "--qw-sem-color-control-selection-brand": "rgba(0, 17, 255, 0.1)",
@@ -496,6 +542,7 @@ export const lightTokens = {
   "--qw-sem-color-overlay-guide": "rgba(13, 83, 255, 0.1)",
   "--qw-sem-color-overlay-media-subtle": "rgba(34, 34, 34, 0.4)",
   "--qw-sem-color-overlay-media-strong": "rgba(34, 34, 34, 0.5)",
+  "--qw-sem-color-overlay-control-on-media": "rgba(34, 34, 34, 0.5)",
   "--qw-sem-color-shadow": "rgba(34, 34, 34, 0.1)",
   "--qw-sem-effect-shadow-card-color": "rgba(34, 34, 34, 0.1)",
   "--qw-sem-effect-shadow-floating-color": "rgba(34, 34, 34, 0.1)",
@@ -769,6 +816,8 @@ export const darkTokens = {
   "--qw-ref-color-brown-800": "#542800",
   "--qw-ref-color-brown-900": "#200B00",
   "--qw-ref-color-brown-base": "#b45e06",
+  "--qw-ref-color-black-contrast-endpoint": "#000000",
+  "--qw-ref-size-spacing-0": "0px",
   "--qw-ref-size-spacing-1": "4px",
   "--qw-ref-size-spacing-2": "8px",
   "--qw-ref-size-spacing-3": "12px",
@@ -777,6 +826,15 @@ export const darkTokens = {
   "--qw-ref-size-spacing-6": "24px",
   "--qw-ref-size-spacing-7": "28px",
   "--qw-ref-size-spacing-8": "32px",
+  "--qw-ref-size-safe-area-inset-top": "env(safe-area-inset-top, 0px)",
+  "--qw-ref-size-safe-area-inset-right": "env(safe-area-inset-right, 0px)",
+  "--qw-ref-size-safe-area-inset-bottom": "env(safe-area-inset-bottom, 0px)",
+  "--qw-ref-size-safe-area-inset-left": "env(safe-area-inset-left, 0px)",
+  "--qw-ref-size-placeholder-text-height-base": "1em",
+  "--qw-ref-size-placeholder-media-height-base": "120px",
+  "--qw-ref-size-loading-logo-size-sm": "32px",
+  "--qw-ref-size-loading-logo-size-md": "48px",
+  "--qw-ref-size-loading-logo-size-lg": "60px",
   "--qw-ref-size-radius-sm": "4px",
   "--qw-ref-size-radius-md": "8px",
   "--qw-ref-size-radius-lg": "14px",
@@ -804,6 +862,7 @@ export const darkTokens = {
   "--qw-ref-size-avatar-diameter-lg": "58px",
   "--qw-ref-typography-line-height-tight": "1.25",
   "--qw-ref-typography-line-height-normal": "1.5",
+  "--qw-ref-typography-line-height-comfortable": "1.625",
   "--qw-ref-typography-line-height-relaxed": "1.75",
   "--qw-ref-size-opacity-disabled": "0.5",
   "--qw-ref-size-z-index-1": "10",
@@ -832,7 +891,11 @@ export const darkTokens = {
   "--qw-ref-motion-duration-fast": "100ms",
   "--qw-ref-motion-duration-base": "200ms",
   "--qw-ref-motion-duration-slow": "320ms",
+  "--qw-ref-motion-duration-shimmer": "2000ms",
+  "--qw-ref-motion-easing-linear": "linear",
+  "--qw-ref-motion-easing-symmetric": "ease-in-out",
   "--qw-ref-motion-easing-standard": "cubic-bezier(0.16, 1, 0.3, 1)",
+  "--qw-ref-effect-blur-sm": "2px",
   "--qw-ref-effect-shadow-sm": "0px 1px 2px 0px rgba(0, 0, 0, 0.08)",
   "--qw-ref-effect-shadow-md": "0px 4px 12px 0px rgba(0, 0, 0, 0.12)",
   "--qw-ref-effect-shadow-lg": "0px 8px 24px 0px rgba(0, 0, 0, 0.16)",
@@ -882,6 +945,23 @@ export const darkTokens = {
   "--qw-sem-size-avatar-diameter-sm": "40px",
   "--qw-sem-size-avatar-diameter-md": "50px",
   "--qw-sem-size-avatar-diameter-lg": "58px",
+  "--qw-sem-size-layout-gap-sm": "8px",
+  "--qw-sem-size-layout-gap-md": "16px",
+  "--qw-sem-size-layout-gap-lg": "24px",
+  "--qw-sem-size-safe-area-inset-top": "env(safe-area-inset-top, 0px)",
+  "--qw-sem-size-safe-area-inset-right": "env(safe-area-inset-right, 0px)",
+  "--qw-sem-size-safe-area-inset-bottom": "env(safe-area-inset-bottom, 0px)",
+  "--qw-sem-size-safe-area-inset-left": "env(safe-area-inset-left, 0px)",
+  "--qw-sem-size-safe-area-minimum-none": "0px",
+  "--qw-sem-size-safe-area-minimum-sm": "8px",
+  "--qw-sem-size-safe-area-minimum-md": "16px",
+  "--qw-sem-size-safe-area-minimum-lg": "24px",
+  "--qw-sem-size-loading-sm": "32px",
+  "--qw-sem-size-loading-md": "48px",
+  "--qw-sem-size-loading-lg": "60px",
+  "--qw-sem-size-skeleton-text-height": "1em",
+  "--qw-sem-size-skeleton-rect-height": "120px",
+  "--qw-sem-size-skeleton-circle-diameter": "40px",
   "--qw-sem-size-inset-sm": "8px",
   "--qw-sem-size-stack-sm": "8px",
   "--qw-sem-size-inset-md": "16px",
@@ -906,6 +986,11 @@ export const darkTokens = {
   "--qw-sem-typography-body-strong-font-weight": "500",
   "--qw-sem-typography-body-strong-line-height": "1.5",
   "--qw-sem-typography-body-strong-letter-spacing": "0px",
+  "--qw-sem-typography-product-title-font-family": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+  "--qw-sem-typography-product-title-font-size": "16px",
+  "--qw-sem-typography-product-title-font-weight": "600",
+  "--qw-sem-typography-product-title-line-height": "1.625",
+  "--qw-sem-typography-product-title-letter-spacing": "0px",
   "--qw-sem-typography-heading-sm-font-family": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
   "--qw-sem-typography-heading-sm-font-size": "16px",
   "--qw-sem-typography-heading-sm-font-weight": "600",
@@ -944,7 +1029,12 @@ export const darkTokens = {
   "--qw-sem-motion-duration-fast": "100ms",
   "--qw-sem-motion-duration-base": "200ms",
   "--qw-sem-motion-duration-slow": "320ms",
+  "--qw-sem-motion-duration-shimmer": "2000ms",
+  "--qw-sem-motion-duration-spin": "2000ms",
   "--qw-sem-motion-easing-standard": "cubic-bezier(0.16, 1, 0.3, 1)",
+  "--qw-sem-motion-easing-symmetric": "ease-in-out",
+  "--qw-sem-motion-easing-linear": "linear",
+  "--qw-sem-effect-blur-media-control": "2px",
   "--qw-sem-color-surface-base": "#222222",
   "--qw-sem-color-surface-subtle": "#202020",
   "--qw-sem-color-surface-elevated": "#2D2D2D",
@@ -955,6 +1045,7 @@ export const darkTokens = {
   "--qw-sem-color-surface-selected": "rgba(255, 255, 255, 0.1)",
   "--qw-sem-color-surface-inverse": "#353535",
   "--qw-sem-color-surface-canvas-subtle": "#121212",
+  "--qw-sem-color-content-danger": "#FFA097",
   "--qw-sem-color-content-primary": "#ffffff",
   "--qw-sem-color-content-secondary": "#999999",
   "--qw-sem-color-content-tertiary": "#666666",
@@ -965,9 +1056,11 @@ export const darkTokens = {
   "--qw-sem-color-content-icon-subtle": "rgba(255, 255, 255, 0.1)",
   "--qw-sem-color-content-inverse": "#222222",
   "--qw-sem-color-content-on-solid": "#ffffff",
+  "--qw-sem-color-content-on-brand": "#000000",
   "--qw-sem-color-content-on-warning-subtle": "#F4D38B",
   "--qw-sem-color-border-default": "#3A3A3A",
   "--qw-sem-color-border-strong": "#666666",
+  "--qw-sem-color-border-control": "#999999",
   "--qw-sem-color-border-focus": "#426EFF",
   "--qw-sem-color-border-subtle": "rgba(255, 255, 255, 0.05)",
   "--qw-sem-color-border-disabled": "rgba(255, 255, 255, 0.1)",
@@ -983,7 +1076,7 @@ export const darkTokens = {
   "--qw-sem-color-action-inverse": "#222222",
   "--qw-sem-color-control-action-brand-subtle": "rgba(0, 17, 255, 0.2)",
   "--qw-sem-color-control-action-product-subtle": "rgba(13, 83, 255, 0.2)",
-  "--qw-sem-color-control-action-danger-default": "#FF5745",
+  "--qw-sem-color-control-action-danger-default": "#CF081E",
   "--qw-sem-color-control-action-danger-subtle": "rgba(255, 64, 64, 0.2)",
   "--qw-sem-color-control-action-neutral-subtle": "rgba(255, 255, 255, 0.1)",
   "--qw-sem-color-control-selection-brand": "rgba(0, 17, 255, 0.2)",
@@ -1001,6 +1094,7 @@ export const darkTokens = {
   "--qw-sem-color-overlay-guide": "rgba(13, 83, 255, 0.2)",
   "--qw-sem-color-overlay-media-subtle": "rgba(34, 34, 34, 0.4)",
   "--qw-sem-color-overlay-media-strong": "rgba(34, 34, 34, 0.5)",
+  "--qw-sem-color-overlay-control-on-media": "rgba(255, 255, 255, 0.4)",
   "--qw-sem-color-shadow": "rgba(34, 34, 34, 0.5)",
   "--qw-sem-effect-shadow-card-color": "rgba(34, 34, 34, 0.5)",
   "--qw-sem-effect-shadow-floating-color": "rgba(34, 34, 34, 0.5)",
@@ -1011,11 +1105,11 @@ export const darkTokens = {
 } as const;
 export type TokenName = keyof typeof lightTokens;
 export type RefTokenPath = TokenName extends `--qw-ref-${infer P}` ? P : never;
-export const semColorSuffixes = ["surface-base","surface-subtle","surface-elevated","surface-header","surface-brand-subtle","surface-canvas","surface-sunken","surface-selected","surface-inverse","surface-canvas-subtle","content-primary","content-secondary","content-tertiary","content-placeholder","content-intro","content-disabled","content-link","content-icon-subtle","content-inverse","content-on-solid","content-on-warning-subtle","border-default","border-strong","border-focus","border-subtle","border-disabled","border-on-media","fill-subtle","fill-hover","fill-active","fill-disabled","fill-track","action-brand","action-product","action-selected","action-inverse","control-action-brand-subtle","control-action-product-subtle","control-action-danger-default","control-action-danger-subtle","control-action-neutral-subtle","control-selection-brand","control-selection-product","selection-text-background","status-success","status-warning","status-danger","status-info","status-success-subtle","status-warning-subtle","status-danger-subtle","status-info-subtle","overlay-scrim","overlay-guide","overlay-media-subtle","overlay-media-strong","shadow"] as const;
-export const semSizeSuffixes = ["radius-sm","radius-control","radius-card","radius-xl","radius-pill","radius-full","control-height-sm","control-height-md","control-height-lg","icon-size-sm","icon-size-md","icon-size-lg","action-control-height-2xs","action-control-height-xs","action-control-height-sm","action-control-height-md","action-control-height-lg","action-control-height-xl","action-control-padding-inline-2xs","action-control-padding-inline-xs","action-control-padding-inline-sm","action-control-padding-inline-md","action-control-padding-inline-lg","action-control-padding-inline-xl","action-control-icon-2xs","action-control-icon-xs","action-control-icon-sm","action-control-icon-md","action-control-icon-lg","action-control-icon-xl","action-control-gap-2xs","action-control-gap-xs","action-control-gap-sm","action-control-gap-md","action-control-gap-lg","action-control-gap-xl","border-width-default","border-width-strong","divider-width-thin","divider-width-default","focus-ring-width","focus-ring-offset","indicator-loading","avatar-diameter-sm","avatar-diameter-md","avatar-diameter-lg","inset-sm","stack-sm","inset-md","stack-md","inset-lg","stack-lg","opacity-disabled","z-index-dropdown","z-index-sticky","z-index-overlay","z-index-toast"] as const;
-export const semTypeSuffixes = ["font-family-text","font-family-number","font-family-code","body-font-family","body-font-size","body-font-weight","body-line-height","body-letter-spacing","body-strong-font-family","body-strong-font-size","body-strong-font-weight","body-strong-line-height","body-strong-letter-spacing","heading-sm-font-family","heading-sm-font-size","heading-sm-font-weight","heading-sm-line-height","heading-sm-letter-spacing","heading-md-font-family","heading-md-font-size","heading-md-font-weight","heading-md-line-height","heading-md-letter-spacing","heading-lg-font-family","heading-lg-font-size","heading-lg-font-weight","heading-lg-line-height","heading-lg-letter-spacing","caption-font-family","caption-font-size","caption-font-weight","caption-line-height","caption-letter-spacing","body-lg-font-family","body-lg-font-size","body-lg-font-weight","body-lg-line-height","body-lg-letter-spacing","label-sm-font-family","label-sm-font-size","label-sm-font-weight","label-sm-line-height","label-sm-letter-spacing","code-font-family","code-font-size","code-font-weight","code-line-height","code-letter-spacing"] as const;
-export const semMotionSuffixes = ["duration-fast","duration-base","duration-slow","easing-standard"] as const;
-export const semEffectSuffixes = ["shadow-card-color","shadow-floating-color","shadow-dialog-color","shadow-card","shadow-floating","shadow-dialog"] as const;
+export const semColorSuffixes = ["surface-base","surface-subtle","surface-elevated","surface-header","surface-brand-subtle","surface-canvas","surface-sunken","surface-selected","surface-inverse","surface-canvas-subtle","content-danger","content-primary","content-secondary","content-tertiary","content-placeholder","content-intro","content-disabled","content-link","content-icon-subtle","content-inverse","content-on-solid","content-on-brand","content-on-warning-subtle","border-default","border-strong","border-control","border-focus","border-subtle","border-disabled","border-on-media","fill-subtle","fill-hover","fill-active","fill-disabled","fill-track","action-brand","action-product","action-selected","action-inverse","control-action-brand-subtle","control-action-product-subtle","control-action-danger-default","control-action-danger-subtle","control-action-neutral-subtle","control-selection-brand","control-selection-product","selection-text-background","status-success","status-warning","status-danger","status-info","status-success-subtle","status-warning-subtle","status-danger-subtle","status-info-subtle","overlay-scrim","overlay-guide","overlay-media-subtle","overlay-media-strong","overlay-control-on-media","shadow"] as const;
+export const semSizeSuffixes = ["radius-sm","radius-control","radius-card","radius-xl","radius-pill","radius-full","control-height-sm","control-height-md","control-height-lg","icon-size-sm","icon-size-md","icon-size-lg","action-control-height-2xs","action-control-height-xs","action-control-height-sm","action-control-height-md","action-control-height-lg","action-control-height-xl","action-control-padding-inline-2xs","action-control-padding-inline-xs","action-control-padding-inline-sm","action-control-padding-inline-md","action-control-padding-inline-lg","action-control-padding-inline-xl","action-control-icon-2xs","action-control-icon-xs","action-control-icon-sm","action-control-icon-md","action-control-icon-lg","action-control-icon-xl","action-control-gap-2xs","action-control-gap-xs","action-control-gap-sm","action-control-gap-md","action-control-gap-lg","action-control-gap-xl","border-width-default","border-width-strong","divider-width-thin","divider-width-default","focus-ring-width","focus-ring-offset","indicator-loading","avatar-diameter-sm","avatar-diameter-md","avatar-diameter-lg","layout-gap-sm","layout-gap-md","layout-gap-lg","safe-area-inset-top","safe-area-inset-right","safe-area-inset-bottom","safe-area-inset-left","safe-area-minimum-none","safe-area-minimum-sm","safe-area-minimum-md","safe-area-minimum-lg","loading-sm","loading-md","loading-lg","skeleton-text-height","skeleton-rect-height","skeleton-circle-diameter","inset-sm","stack-sm","inset-md","stack-md","inset-lg","stack-lg","opacity-disabled","z-index-dropdown","z-index-sticky","z-index-overlay","z-index-toast"] as const;
+export const semTypeSuffixes = ["font-family-text","font-family-number","font-family-code","body-font-family","body-font-size","body-font-weight","body-line-height","body-letter-spacing","body-strong-font-family","body-strong-font-size","body-strong-font-weight","body-strong-line-height","body-strong-letter-spacing","product-title-font-family","product-title-font-size","product-title-font-weight","product-title-line-height","product-title-letter-spacing","heading-sm-font-family","heading-sm-font-size","heading-sm-font-weight","heading-sm-line-height","heading-sm-letter-spacing","heading-md-font-family","heading-md-font-size","heading-md-font-weight","heading-md-line-height","heading-md-letter-spacing","heading-lg-font-family","heading-lg-font-size","heading-lg-font-weight","heading-lg-line-height","heading-lg-letter-spacing","caption-font-family","caption-font-size","caption-font-weight","caption-line-height","caption-letter-spacing","body-lg-font-family","body-lg-font-size","body-lg-font-weight","body-lg-line-height","body-lg-letter-spacing","label-sm-font-family","label-sm-font-size","label-sm-font-weight","label-sm-line-height","label-sm-letter-spacing","code-font-family","code-font-size","code-font-weight","code-line-height","code-letter-spacing"] as const;
+export const semMotionSuffixes = ["duration-fast","duration-base","duration-slow","duration-shimmer","duration-spin","easing-standard","easing-symmetric","easing-linear"] as const;
+export const semEffectSuffixes = ["blur-media-control","shadow-card-color","shadow-floating-color","shadow-dialog-color","shadow-card","shadow-floating","shadow-dialog"] as const;
 export type SemColorSuffix = (typeof semColorSuffixes)[number];
 export type SemSizeSuffix = (typeof semSizeSuffixes)[number];
 export type SemTypeSuffix = (typeof semTypeSuffixes)[number];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qw-ui/tokens",
-  "version": "0.3.0-next.40",
+  "version": "0.3.0-next.43",
   "description": "QW token pipeline: Figma Color variables are the color source of truth; code validates snapshots and builds CSS / TS exits.",
   "license": "MIT",
   "author": "qw-ui contributors",
@@ -12,7 +12,7 @@
     "style-dictionary",
     "qw-ui"
   ],
-  "homepage": "http://gitlab.alibaba-inc.com/qianwen/qw-ui",
+  "homepage": "https://qw-ui.qianwen.com/",
   "repository": {
     "type": "git",
     "url": "git+http://gitlab.alibaba-inc.com/qianwen/qw-ui.git",
@@ -26,7 +26,8 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
     "./tokens.css": "./dist/tokens.css",
     "./tokens.live.css": "./dist/tokens.live.css",
@@ -43,24 +44,10 @@
     "culori": "^4.0.2",
     "zod": "^4.4.3"
   },
-  "devDependencies": {
-    "@microsoft/api-extractor": "^7.58.9",
-    "@size-limit/preset-small-lib": "^12.1.0",
-    "@types/culori": "^4.0.1",
-    "@vitest/coverage-v8": "^4.1.9",
-    "size-limit": "^12.1.0",
-    "style-dictionary": "^5.5.0",
-    "tsdown": "^0.22.4",
-    "tsx": "^4.22.4",
-    "typescript": "^6.0.3",
-    "vitest": "^4.1.9",
-    "@qw-ui/eslint-config": "0.0.1",
-    "@qw-ui/tsconfig": "0.0.1"
-  },
   "size-limit": [
     {
       "path": "dist/index.js",
-      "limit": "12 kB",
+      "limit": "12.35 kB",
       "ignore": [
         "culori",
         "zod"
@@ -71,15 +58,10 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "scripts": {
-    "build": "tsdown && tsgo -p tsconfig.build.json && tsx build-tokens.ts",
-    "gen:design": "tsx scripts/export-design-tokens.ts",
-    "validate:figma-color": "tsx scripts/validate-figma-color-tokens.ts",
-    "test": "vitest run",
-    "lint": "eslint .",
-    "typecheck": "tsgo --noEmit -p tsconfig.build.json",
-    "size": "size-limit",
-    "api": "api-extractor run --local",
-    "clean": "rm -rf dist .turbo etc/*.api.json temp"
-  }
+  "qwRelease": {
+    "source": "0e07146d78a8e3bb083edf3860cab253eff5958c",
+    "channel": "next"
+  },
+  "readme": "# @qw-ui/tokens\n\n设计 Token 与主题。Design tokens and theme utilities for qw-ui.\n\n## 安装\n\n当前开发版本使用 `next`：\n\n```bash\nnpm install @qw-ui/tokens@next\n```\n\n包发布于 [公共 npm](https://www.npmjs.com/package/@qw-ui/tokens)。如环境配置了其他镜像，可在安装命令后追加 `--registry=https://registry.npmjs.org/`。\n\n## 最小示例\n\n```ts\nimport '@qw-ui/tokens/tokens.css';\nimport { defaultSeed, derive } from '@qw-ui/tokens';\n\nconst theme = derive(defaultSeed);\nconsole.log(theme);\n```\n\n## 使用说明\n\n应用使用 `tokens.css` 提供默认变量；组件消费 `--qw-sem-*` 语义变量。可通过容器的 `data-qw-mode=\"dark\"` 使用暗色主题。`tokens.live.css`、`tailwind.css`、`tokens.json` 等公开资源按项目需求选择，具体入口以 package exports 为准。\n\n## 兼容性\n\nCSS 面向 Chrome 123 / iOS Safari 16.4。主题派生 API 可用于 Node 构建工具和浏览器。\n\n## 版本通道\n\n- `next`：main 更新并通过检查后自动发布，用于试用当前能力。\n- `latest`：负责人手动发布的正式版本。正式版可用后，使用 `npm install @qw-ui/tokens@latest`；正式版支持范围以该版本 README 为准。\n- 生产项目建议锁定明确版本。配套使用的 `@qw-ui/*` 包应选择同批版本；内部运行时依赖由包管理器安装。\n\n## 文档与许可证\n\n- [组件文档与接入指南](https://qw-ui.qianwen.com/)\n- [npm 版本列表](https://www.npmjs.com/package/@qw-ui/tokens?activeTab=versions)\n- MIT，详见包内 `LICENSE`。\n",
+  "readmeFilename": "README.md"
 }