@impulse-ui-native/theme 11.4.0 → 14.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +2 -2
- package/dist/theme/create-avatar-tokens.js +54 -13
- package/dist/theme/create-avatar-tokens.js.map +1 -1
- package/dist/theme/create-button-tokens.js +206 -56
- package/dist/theme/create-button-tokens.js.map +1 -1
- package/dist/theme/create-checkbox-tokens.js +198 -55
- package/dist/theme/create-checkbox-tokens.js.map +1 -1
- package/dist/theme/create-control-tokens.js +522 -86
- package/dist/theme/create-control-tokens.js.map +1 -1
- package/dist/theme/create-icon-button-tokens.js +206 -56
- package/dist/theme/create-icon-button-tokens.js.map +1 -1
- package/dist/theme/create-radio-tokens.js +198 -55
- package/dist/theme/create-radio-tokens.js.map +1 -1
- package/dist/theme/create-segmented-control-tokens.js +219 -64
- package/dist/theme/create-segmented-control-tokens.js.map +1 -1
- package/dist/theme/create-slider-tokens.js +391 -121
- package/dist/theme/create-slider-tokens.js.map +1 -1
- package/dist/theme/create-switch-tokens.js +165 -46
- package/dist/theme/create-switch-tokens.js.map +1 -1
- package/dist/theme/create-tag-tokens.js +38 -0
- package/dist/theme/create-tag-tokens.js.map +1 -1
- package/dist/types/avatar-tokens.types.d.mts +2 -2
- package/dist/types/buttons-tokens.types.d.mts +3 -3
- package/dist/types/checkbox-tokens.types.d.mts +2 -2
- package/dist/types/components.types.d.mts +5 -2
- package/dist/types/control-tokens.types.d.mts +4 -4
- package/dist/types/index.d.mts +2 -2
- package/dist/types/radio-tokens.types.d.mts +2 -2
- package/dist/types/segmented-control-tokens.types.d.mts +3 -2
- package/dist/types/slider-tokens.types.d.mts +3 -2
- package/dist/types/switch-tokens.types.d.mts +2 -2
- package/dist/types/tag-tokens.types.d.mts +4 -4
- package/dist/utils/segmented-control-state.utils.js +2 -2
- package/dist/utils/segmented-control-state.utils.js.map +1 -1
- package/dist/utils/slider-tokens.utils.js +1 -1
- package/dist/utils/slider-tokens.utils.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/create-slider-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SliderTokens } from \"../types\";\n\nexport function createSliderTokens(tokens: PrimitiveThemeTokens): SliderTokens {\n return {\n interactionMinHeight: 44,\n trackBorderRadius: tokens.radii.round,\n thumbBorderRadius: tokens.radii.round,\n valueBubbleBorderRadius: tokens.radii.md,\n valueBubbleBorderWidth: tokens.borderSize.sm,\n valueBubblePaddingHorizontal: tokens.space.xs,\n valueBubblePaddingVertical: tokens.space.xxs,\n valueBubbleGap: tokens.space.xxs,\n labelGap: tokens.space.xxs,\n markLabelWidth: tokens.space.lg,\n thumbHighlightSize: tokens.space.xxs,\n valueBubbleMinWidth: 40,\n layouts: {\n default: {\n reservedVerticalSpace: 0,\n },\n valueBubble: {\n reservedVerticalSpace: 28 + tokens.space.xxs,\n },\n },\n sizes: {\n small: {\n trackHeight: 4,\n thumbSize: 16,\n markSize: 6,\n },\n medium: {\n trackHeight: 6,\n thumbSize: 20,\n markSize: 6,\n },\n large: {\n trackHeight: 8,\n thumbSize: 24,\n markSize: 8,\n },\n },\n variants: {\n filled: {\n default: {\n activeMarkColor: tokens.colors.primary.contrast,\n activeTrackColor: tokens.colors.primary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.primary.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.primary.contrast,\n valueBubbleBackgroundColor: tokens.colors.primary.value,\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.contrast,\n },\n focused: {\n activeMarkColor: tokens.colors.primary.contrast,\n activeTrackColor: tokens.colors.primary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.primary.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.primary.contrast,\n valueBubbleBackgroundColor: tokens.colors.primary.value,\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.contrast,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n activeMarkColor: tokens.colors.primary.contrast,\n activeTrackColor: tokens.colors.primary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.surface.elevated.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: \"transparent\",\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.value,\n },\n focused: {\n activeMarkColor: tokens.colors.primary.contrast,\n activeTrackColor: tokens.colors.primary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.surface.elevated.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: \"transparent\",\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.value,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n activeMarkColor: tokens.colors.secondary.contrast,\n activeTrackColor: tokens.colors.secondary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.secondary.contrast,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.accent.value,\n thumbBorderColor: tokens.colors.accent.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.accent.contrast,\n valueBubbleBackgroundColor: tokens.colors.secondary.value,\n valueBubbleBorderColor: tokens.colors.secondary.value,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n focused: {\n activeMarkColor: tokens.colors.secondary.contrast,\n activeTrackColor: tokens.colors.secondary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.secondary.contrast,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.accent.value,\n thumbBorderColor: tokens.colors.accent.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.accent.contrast,\n valueBubbleBackgroundColor: tokens.colors.secondary.value,\n valueBubbleBorderColor: tokens.colors.secondary.value,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-slider-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SliderTokens } from \"../types\";\n\nexport function createSliderTokens(tokens: PrimitiveThemeTokens): SliderTokens {\n return {\n interactionMinHeight: 44,\n trackBorderRadius: tokens.radii.round,\n thumbBorderRadius: tokens.radii.round,\n valueBubbleBorderRadius: tokens.radii.md,\n valueBubbleBorderWidth: tokens.borderSize.sm,\n valueBubblePaddingHorizontal: tokens.space.xs,\n valueBubblePaddingVertical: tokens.space.xxs,\n valueBubbleGap: tokens.space.xxs,\n labelGap: tokens.space.xxs,\n markLabelWidth: tokens.space.lg,\n thumbHighlightSize: tokens.space.xxs,\n valueBubbleMinWidth: 40,\n layouts: {\n default: {\n reservedVerticalSpace: 0,\n },\n valueBubble: {\n reservedVerticalSpace: 28 + tokens.space.xxs,\n },\n },\n sizes: {\n small: {\n trackHeight: 4,\n thumbSize: 16,\n markSize: 6,\n },\n medium: {\n trackHeight: 6,\n thumbSize: 20,\n markSize: 6,\n },\n large: {\n trackHeight: 8,\n thumbSize: 24,\n markSize: 8,\n },\n },\n colors: {\n neutral: {\n filled: {\n default: {\n activeMarkColor: tokens.colors.text.inverse,\n activeTrackColor: tokens.colors.text.secondary,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.secondary,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.text.secondary,\n thumbBorderColor: tokens.colors.text.secondary,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.text.inverse,\n valueBubbleBackgroundColor: tokens.colors.text.secondary,\n valueBubbleBorderColor: tokens.colors.text.secondary,\n valueBubbleColor: tokens.colors.text.inverse,\n },\n focused: {\n activeMarkColor: tokens.colors.text.inverse,\n activeTrackColor: tokens.colors.text.secondary,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.secondary,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.text.secondary,\n thumbBorderColor: tokens.colors.text.secondary,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.text.inverse,\n valueBubbleBackgroundColor: tokens.colors.text.secondary,\n valueBubbleBorderColor: tokens.colors.text.secondary,\n valueBubbleColor: tokens.colors.text.inverse,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n activeMarkColor: tokens.colors.text.inverse,\n activeTrackColor: tokens.colors.text.secondary,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.secondary,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.surface.elevated.value,\n thumbBorderColor: tokens.colors.text.secondary,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: \"transparent\",\n valueBubbleBorderColor: tokens.colors.text.secondary,\n valueBubbleColor: tokens.colors.text.secondary,\n },\n focused: {\n activeMarkColor: tokens.colors.text.inverse,\n activeTrackColor: tokens.colors.text.secondary,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.secondary,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.surface.elevated.value,\n thumbBorderColor: tokens.colors.text.secondary,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: \"transparent\",\n valueBubbleBorderColor: tokens.colors.text.secondary,\n valueBubbleColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n activeMarkColor: tokens.colors.text.primary,\n activeTrackColor: tokens.colors.surface.subtle.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.primary,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.text.secondary,\n thumbBorderColor: tokens.colors.text.secondary,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.text.inverse,\n valueBubbleBackgroundColor: tokens.colors.surface.subtle.value,\n valueBubbleBorderColor: tokens.colors.surface.subtle.value,\n valueBubbleColor: tokens.colors.text.primary,\n },\n focused: {\n activeMarkColor: tokens.colors.text.primary,\n activeTrackColor: tokens.colors.surface.subtle.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.primary,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.text.secondary,\n thumbBorderColor: tokens.colors.text.secondary,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.text.inverse,\n valueBubbleBackgroundColor: tokens.colors.surface.subtle.value,\n valueBubbleBorderColor: tokens.colors.surface.subtle.value,\n valueBubbleColor: tokens.colors.text.primary,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n },\n primary: {\n filled: {\n default: {\n activeMarkColor: tokens.colors.primary.contrast,\n activeTrackColor: tokens.colors.primary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.primary.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.primary.contrast,\n valueBubbleBackgroundColor: tokens.colors.primary.value,\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.contrast,\n },\n focused: {\n activeMarkColor: tokens.colors.primary.contrast,\n activeTrackColor: tokens.colors.primary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.primary.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.primary.contrast,\n valueBubbleBackgroundColor: tokens.colors.primary.value,\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.contrast,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n activeMarkColor: tokens.colors.primary.contrast,\n activeTrackColor: tokens.colors.primary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.surface.elevated.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: \"transparent\",\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.value,\n },\n focused: {\n activeMarkColor: tokens.colors.primary.contrast,\n activeTrackColor: tokens.colors.primary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.surface.elevated.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: \"transparent\",\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.value,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n activeMarkColor: tokens.colors.secondary.contrast,\n activeTrackColor: tokens.colors.secondary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.secondary.contrast,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.accent.value,\n thumbBorderColor: tokens.colors.accent.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.accent.contrast,\n valueBubbleBackgroundColor: tokens.colors.secondary.value,\n valueBubbleBorderColor: tokens.colors.secondary.value,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n focused: {\n activeMarkColor: tokens.colors.secondary.contrast,\n activeTrackColor: tokens.colors.secondary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.secondary.contrast,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.accent.value,\n thumbBorderColor: tokens.colors.accent.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.accent.contrast,\n valueBubbleBackgroundColor: tokens.colors.secondary.value,\n valueBubbleBorderColor: tokens.colors.secondary.value,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n },\n secondary: {\n filled: {\n default: {\n activeMarkColor: tokens.colors.secondary.contrast,\n activeTrackColor: tokens.colors.secondary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.secondary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.secondary.value,\n thumbBorderColor: tokens.colors.secondary.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.secondary.contrast,\n valueBubbleBackgroundColor: tokens.colors.secondary.value,\n valueBubbleBorderColor: tokens.colors.secondary.value,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n focused: {\n activeMarkColor: tokens.colors.secondary.contrast,\n activeTrackColor: tokens.colors.secondary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.secondary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.secondary.value,\n thumbBorderColor: tokens.colors.secondary.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.secondary.contrast,\n valueBubbleBackgroundColor: tokens.colors.secondary.value,\n valueBubbleBorderColor: tokens.colors.secondary.value,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n activeMarkColor: tokens.colors.secondary.contrast,\n activeTrackColor: tokens.colors.secondary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.secondary.contrast,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.surface.elevated.value,\n thumbBorderColor: tokens.colors.secondary.contrast,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: \"transparent\",\n valueBubbleBorderColor: tokens.colors.secondary.contrast,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n focused: {\n activeMarkColor: tokens.colors.secondary.contrast,\n activeTrackColor: tokens.colors.secondary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.secondary.contrast,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.surface.elevated.value,\n thumbBorderColor: tokens.colors.secondary.contrast,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: \"transparent\",\n valueBubbleBorderColor: tokens.colors.secondary.contrast,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n activeMarkColor: tokens.colors.secondary.contrast,\n activeTrackColor: tokens.colors.subtle.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.secondary.contrast,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.secondary.contrast,\n thumbBorderColor: tokens.colors.secondary.contrast,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.secondary.value,\n valueBubbleBackgroundColor: tokens.colors.subtle.value,\n valueBubbleBorderColor: tokens.colors.subtle.value,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n focused: {\n activeMarkColor: tokens.colors.secondary.contrast,\n activeTrackColor: tokens.colors.subtle.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.secondary.contrast,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.secondary.contrast,\n thumbBorderColor: tokens.colors.secondary.contrast,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.secondary.value,\n valueBubbleBackgroundColor: tokens.colors.subtle.value,\n valueBubbleBorderColor: tokens.colors.subtle.value,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
|
|
@@ -3,6 +3,11 @@ function createSwitchTokens(tokens) {
|
|
|
3
3
|
const primaryContrast = tokens.colors.primary.contrast;
|
|
4
4
|
const secondary = tokens.colors.secondary.value;
|
|
5
5
|
const secondaryContrast = tokens.colors.secondary.contrast;
|
|
6
|
+
const neutral = tokens.colors.text.secondary;
|
|
7
|
+
const neutralContrast = tokens.colors.text.inverse;
|
|
8
|
+
const neutralSoft = tokens.colors.surface.subtle.value;
|
|
9
|
+
const neutralSoftContrast = tokens.colors.text.primary;
|
|
10
|
+
const subtle = tokens.colors.subtle.value;
|
|
6
11
|
return {
|
|
7
12
|
animationDuration: 180,
|
|
8
13
|
borderWidth: tokens.borderSize.sm,
|
|
@@ -35,59 +40,173 @@ function createSwitchTokens(tokens) {
|
|
|
35
40
|
hitSlop: 8
|
|
36
41
|
}
|
|
37
42
|
},
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
colors: {
|
|
44
|
+
neutral: {
|
|
45
|
+
filled: {
|
|
46
|
+
default: {
|
|
47
|
+
activeBackgroundColor: neutral,
|
|
48
|
+
activeBorderColor: neutral,
|
|
49
|
+
activeThumbColor: neutralContrast,
|
|
50
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
51
|
+
inactiveBorderColor: tokens.colors.border.strong.value,
|
|
52
|
+
inactiveThumbColor: tokens.colors.text.secondary
|
|
53
|
+
},
|
|
54
|
+
disabled: {
|
|
55
|
+
activeBackgroundColor: tokens.colors.surface.subtle.value,
|
|
56
|
+
activeBorderColor: tokens.colors.border.default.value,
|
|
57
|
+
activeThumbColor: tokens.colors.text.disabled,
|
|
58
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
59
|
+
inactiveBorderColor: tokens.colors.border.default.value,
|
|
60
|
+
inactiveThumbColor: tokens.colors.text.disabled
|
|
61
|
+
}
|
|
47
62
|
},
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
63
|
+
outlined: {
|
|
64
|
+
default: {
|
|
65
|
+
activeBackgroundColor: "transparent",
|
|
66
|
+
activeBorderColor: neutral,
|
|
67
|
+
activeThumbColor: neutral,
|
|
68
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
69
|
+
inactiveBorderColor: tokens.colors.border.strong.value,
|
|
70
|
+
inactiveThumbColor: tokens.colors.text.secondary
|
|
71
|
+
},
|
|
72
|
+
disabled: {
|
|
73
|
+
activeBackgroundColor: tokens.colors.surface.subtle.value,
|
|
74
|
+
activeBorderColor: tokens.colors.border.default.value,
|
|
75
|
+
activeThumbColor: tokens.colors.text.disabled,
|
|
76
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
77
|
+
inactiveBorderColor: tokens.colors.border.default.value,
|
|
78
|
+
inactiveThumbColor: tokens.colors.text.disabled
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
soft: {
|
|
82
|
+
default: {
|
|
83
|
+
activeBackgroundColor: neutralSoft,
|
|
84
|
+
activeBorderColor: neutralSoft,
|
|
85
|
+
activeThumbColor: neutralSoftContrast,
|
|
86
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
87
|
+
inactiveBorderColor: tokens.colors.border.strong.value,
|
|
88
|
+
inactiveThumbColor: tokens.colors.text.secondary
|
|
89
|
+
},
|
|
90
|
+
disabled: {
|
|
91
|
+
activeBackgroundColor: tokens.colors.surface.subtle.value,
|
|
92
|
+
activeBorderColor: tokens.colors.border.default.value,
|
|
93
|
+
activeThumbColor: tokens.colors.text.disabled,
|
|
94
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
95
|
+
inactiveBorderColor: tokens.colors.border.default.value,
|
|
96
|
+
inactiveThumbColor: tokens.colors.text.disabled
|
|
97
|
+
}
|
|
55
98
|
}
|
|
56
99
|
},
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
100
|
+
primary: {
|
|
101
|
+
filled: {
|
|
102
|
+
default: {
|
|
103
|
+
activeBackgroundColor: primary,
|
|
104
|
+
activeBorderColor: primary,
|
|
105
|
+
activeThumbColor: primaryContrast,
|
|
106
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
107
|
+
inactiveBorderColor: tokens.colors.border.strong.value,
|
|
108
|
+
inactiveThumbColor: tokens.colors.text.secondary
|
|
109
|
+
},
|
|
110
|
+
disabled: {
|
|
111
|
+
activeBackgroundColor: tokens.colors.surface.subtle.value,
|
|
112
|
+
activeBorderColor: tokens.colors.border.default.value,
|
|
113
|
+
activeThumbColor: tokens.colors.text.disabled,
|
|
114
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
115
|
+
inactiveBorderColor: tokens.colors.border.default.value,
|
|
116
|
+
inactiveThumbColor: tokens.colors.text.disabled
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
outlined: {
|
|
120
|
+
default: {
|
|
121
|
+
activeBackgroundColor: "transparent",
|
|
122
|
+
activeBorderColor: primary,
|
|
123
|
+
activeThumbColor: primary,
|
|
124
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
125
|
+
inactiveBorderColor: tokens.colors.border.strong.value,
|
|
126
|
+
inactiveThumbColor: tokens.colors.text.secondary
|
|
127
|
+
},
|
|
128
|
+
disabled: {
|
|
129
|
+
activeBackgroundColor: tokens.colors.surface.subtle.value,
|
|
130
|
+
activeBorderColor: tokens.colors.border.default.value,
|
|
131
|
+
activeThumbColor: tokens.colors.text.disabled,
|
|
132
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
133
|
+
inactiveBorderColor: tokens.colors.border.default.value,
|
|
134
|
+
inactiveThumbColor: tokens.colors.text.disabled
|
|
135
|
+
}
|
|
65
136
|
},
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
137
|
+
soft: {
|
|
138
|
+
default: {
|
|
139
|
+
activeBackgroundColor: secondary,
|
|
140
|
+
activeBorderColor: secondary,
|
|
141
|
+
activeThumbColor: secondaryContrast,
|
|
142
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
143
|
+
inactiveBorderColor: tokens.colors.border.strong.value,
|
|
144
|
+
inactiveThumbColor: tokens.colors.text.secondary
|
|
145
|
+
},
|
|
146
|
+
disabled: {
|
|
147
|
+
activeBackgroundColor: tokens.colors.surface.subtle.value,
|
|
148
|
+
activeBorderColor: tokens.colors.border.default.value,
|
|
149
|
+
activeThumbColor: tokens.colors.text.disabled,
|
|
150
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
151
|
+
inactiveBorderColor: tokens.colors.border.default.value,
|
|
152
|
+
inactiveThumbColor: tokens.colors.text.disabled
|
|
153
|
+
}
|
|
73
154
|
}
|
|
74
155
|
},
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
156
|
+
secondary: {
|
|
157
|
+
filled: {
|
|
158
|
+
default: {
|
|
159
|
+
activeBackgroundColor: secondary,
|
|
160
|
+
activeBorderColor: secondary,
|
|
161
|
+
activeThumbColor: secondaryContrast,
|
|
162
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
163
|
+
inactiveBorderColor: tokens.colors.border.strong.value,
|
|
164
|
+
inactiveThumbColor: tokens.colors.text.secondary
|
|
165
|
+
},
|
|
166
|
+
disabled: {
|
|
167
|
+
activeBackgroundColor: tokens.colors.surface.subtle.value,
|
|
168
|
+
activeBorderColor: tokens.colors.border.default.value,
|
|
169
|
+
activeThumbColor: tokens.colors.text.disabled,
|
|
170
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
171
|
+
inactiveBorderColor: tokens.colors.border.default.value,
|
|
172
|
+
inactiveThumbColor: tokens.colors.text.disabled
|
|
173
|
+
}
|
|
174
|
+
},
|
|
175
|
+
outlined: {
|
|
176
|
+
default: {
|
|
177
|
+
activeBackgroundColor: "transparent",
|
|
178
|
+
activeBorderColor: secondaryContrast,
|
|
179
|
+
activeThumbColor: secondaryContrast,
|
|
180
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
181
|
+
inactiveBorderColor: tokens.colors.border.strong.value,
|
|
182
|
+
inactiveThumbColor: tokens.colors.text.secondary
|
|
183
|
+
},
|
|
184
|
+
disabled: {
|
|
185
|
+
activeBackgroundColor: tokens.colors.surface.subtle.value,
|
|
186
|
+
activeBorderColor: tokens.colors.border.default.value,
|
|
187
|
+
activeThumbColor: tokens.colors.text.disabled,
|
|
188
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
189
|
+
inactiveBorderColor: tokens.colors.border.default.value,
|
|
190
|
+
inactiveThumbColor: tokens.colors.text.disabled
|
|
191
|
+
}
|
|
83
192
|
},
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
193
|
+
soft: {
|
|
194
|
+
default: {
|
|
195
|
+
activeBackgroundColor: subtle,
|
|
196
|
+
activeBorderColor: subtle,
|
|
197
|
+
activeThumbColor: secondaryContrast,
|
|
198
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
199
|
+
inactiveBorderColor: tokens.colors.border.strong.value,
|
|
200
|
+
inactiveThumbColor: tokens.colors.text.secondary
|
|
201
|
+
},
|
|
202
|
+
disabled: {
|
|
203
|
+
activeBackgroundColor: tokens.colors.surface.subtle.value,
|
|
204
|
+
activeBorderColor: tokens.colors.border.default.value,
|
|
205
|
+
activeThumbColor: tokens.colors.text.disabled,
|
|
206
|
+
inactiveBackgroundColor: tokens.colors.surface.subtle.value,
|
|
207
|
+
inactiveBorderColor: tokens.colors.border.default.value,
|
|
208
|
+
inactiveThumbColor: tokens.colors.text.disabled
|
|
209
|
+
}
|
|
91
210
|
}
|
|
92
211
|
}
|
|
93
212
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/create-switch-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SwitchTokens } from \"../types\";\n\nexport function createSwitchTokens(tokens: PrimitiveThemeTokens): SwitchTokens {\n const primary = tokens.colors.primary.value;\n const primaryContrast = tokens.colors.primary.contrast;\n const secondary = tokens.colors.secondary.value;\n const secondaryContrast = tokens.colors.secondary.contrast;\n\n return {\n animationDuration: 180,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n thumbBorderRadius: tokens.radii.round,\n loadingIndicatorColor: tokens.colors.text.primary,\n\n sizes: {\n small: {\n width: 36,\n height: 20,\n thumbSize: 16,\n trackPadding: 1,\n loadingIndicatorScale: 0.5,\n hitSlop: 12,\n },\n medium: {\n width: 44,\n height: 24,\n thumbSize: 20,\n trackPadding: 1,\n loadingIndicatorScale: 0.6,\n hitSlop: 10,\n },\n large: {\n width: 52,\n height: 28,\n thumbSize: 24,\n trackPadding: 1,\n loadingIndicatorScale: 0.7,\n hitSlop: 8,\n },\n },\n\n variants: {\n filled: {\n default: {\n activeBackgroundColor: primary,\n activeBorderColor: primary,\n activeThumbColor: primaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.subtle.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n activeBackgroundColor: \"transparent\",\n activeBorderColor: primary,\n activeThumbColor: primary,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.subtle.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n activeBackgroundColor: secondary,\n activeBorderColor: secondary,\n activeThumbColor: secondaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.subtle.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-switch-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SwitchTokens } from \"../types\";\n\nexport function createSwitchTokens(tokens: PrimitiveThemeTokens): SwitchTokens {\n const primary = tokens.colors.primary.value;\n const primaryContrast = tokens.colors.primary.contrast;\n const secondary = tokens.colors.secondary.value;\n const secondaryContrast = tokens.colors.secondary.contrast;\n\n const neutral = tokens.colors.text.secondary;\n const neutralContrast = tokens.colors.text.inverse;\n const neutralSoft = tokens.colors.surface.subtle.value;\n const neutralSoftContrast = tokens.colors.text.primary;\n const subtle = tokens.colors.subtle.value;\n\n return {\n animationDuration: 180,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n thumbBorderRadius: tokens.radii.round,\n loadingIndicatorColor: tokens.colors.text.primary,\n\n sizes: {\n small: {\n width: 36,\n height: 20,\n thumbSize: 16,\n trackPadding: 1,\n loadingIndicatorScale: 0.5,\n hitSlop: 12,\n },\n medium: {\n width: 44,\n height: 24,\n thumbSize: 20,\n trackPadding: 1,\n loadingIndicatorScale: 0.6,\n hitSlop: 10,\n },\n large: {\n width: 52,\n height: 28,\n thumbSize: 24,\n trackPadding: 1,\n loadingIndicatorScale: 0.7,\n hitSlop: 8,\n },\n },\n\n colors: {\n neutral: {\n filled: {\n default: {\n activeBackgroundColor: neutral,\n activeBorderColor: neutral,\n activeThumbColor: neutralContrast,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.subtle.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n activeBackgroundColor: \"transparent\",\n activeBorderColor: neutral,\n activeThumbColor: neutral,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.subtle.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n activeBackgroundColor: neutralSoft,\n activeBorderColor: neutralSoft,\n activeThumbColor: neutralSoftContrast,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.subtle.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n },\n primary: {\n filled: {\n default: {\n activeBackgroundColor: primary,\n activeBorderColor: primary,\n activeThumbColor: primaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.subtle.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n activeBackgroundColor: \"transparent\",\n activeBorderColor: primary,\n activeThumbColor: primary,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.subtle.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n activeBackgroundColor: secondary,\n activeBorderColor: secondary,\n activeThumbColor: secondaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.subtle.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n },\n secondary: {\n filled: {\n default: {\n activeBackgroundColor: secondary,\n activeBorderColor: secondary,\n activeThumbColor: secondaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.subtle.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n activeBackgroundColor: \"transparent\",\n activeBorderColor: secondaryContrast,\n activeThumbColor: secondaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.subtle.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n activeBackgroundColor: subtle,\n activeBorderColor: subtle,\n activeThumbColor: secondaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.subtle.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.subtle.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
|
|
@@ -26,6 +26,44 @@ function createTagTokens(tokens) {
|
|
|
26
26
|
}
|
|
27
27
|
},
|
|
28
28
|
colors: {
|
|
29
|
+
neutral: {
|
|
30
|
+
filled: {
|
|
31
|
+
default: {
|
|
32
|
+
backgroundColor: tokens.colors.text.secondary,
|
|
33
|
+
borderColor: tokens.colors.text.secondary,
|
|
34
|
+
color: tokens.colors.text.inverse
|
|
35
|
+
},
|
|
36
|
+
disabled: {
|
|
37
|
+
backgroundColor: tokens.colors.surface.subtle.value,
|
|
38
|
+
borderColor: tokens.colors.border.strong.value,
|
|
39
|
+
color: tokens.colors.text.disabled
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
outlined: {
|
|
43
|
+
default: {
|
|
44
|
+
backgroundColor: "transparent",
|
|
45
|
+
borderColor: tokens.colors.text.secondary,
|
|
46
|
+
color: tokens.colors.text.secondary
|
|
47
|
+
},
|
|
48
|
+
disabled: {
|
|
49
|
+
backgroundColor: "transparent",
|
|
50
|
+
borderColor: tokens.colors.border.strong.value,
|
|
51
|
+
color: tokens.colors.text.disabled
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
soft: {
|
|
55
|
+
default: {
|
|
56
|
+
backgroundColor: tokens.colors.surface.subtle.value,
|
|
57
|
+
borderColor: tokens.colors.surface.subtle.value,
|
|
58
|
+
color: tokens.colors.text.primary
|
|
59
|
+
},
|
|
60
|
+
disabled: {
|
|
61
|
+
backgroundColor: tokens.colors.surface.subtle.value,
|
|
62
|
+
borderColor: tokens.colors.border.subtle.value,
|
|
63
|
+
color: tokens.colors.text.disabled
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
},
|
|
29
67
|
primary: {
|
|
30
68
|
filled: {
|
|
31
69
|
default: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/create-tag-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TagTokens } from \"../types\";\n\nexport function createTagTokens(tokens: PrimitiveThemeTokens): TagTokens {\n return {\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n gap: tokens.space.xxs,\n closeHitSlop: 10,\n iconMarginLeft: tokens.borderSize.md,\n\n sizes: {\n small: {\n height: 24,\n paddingHorizontal: tokens.space.xs,\n minWidth: tokens.space.xl,\n fontSize: tokens.fontSize.xs,\n },\n\n medium: {\n height: 28,\n paddingHorizontal: tokens.space.xs,\n minWidth: tokens.space.xxl,\n fontSize: tokens.fontSize.xsm,\n },\n\n large: {\n height: 32,\n paddingHorizontal: tokens.space.mxs,\n minWidth: tokens.space.xxl,\n fontSize: tokens.fontSize.xsm,\n },\n },\n\n colors: {\n primary: {\n filled: {\n default: {\n backgroundColor: tokens.colors.primary.value,\n borderColor: tokens.colors.primary.value,\n color: tokens.colors.primary.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.primary.value,\n color: tokens.colors.primary.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.secondary.value,\n borderColor: tokens.colors.secondary.value,\n color: tokens.colors.secondary.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n secondary: {\n filled: {\n default: {\n backgroundColor: tokens.colors.secondary.value,\n borderColor: tokens.colors.secondary.value,\n color: tokens.colors.secondary.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.secondary.contrast,\n color: tokens.colors.secondary.contrast,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.secondary.value,\n borderColor: tokens.colors.secondary.value,\n color: tokens.colors.secondary.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n error: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.error.value,\n borderColor: tokens.colors.feedback.error.value,\n color: tokens.colors.feedback.error.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.error.value,\n color: tokens.colors.feedback.error.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.error.contrast,\n borderColor: tokens.colors.feedback.error.contrast,\n color: tokens.colors.feedback.error.value,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n warning: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.warning.value,\n borderColor: tokens.colors.feedback.warning.value,\n color: tokens.colors.feedback.warning.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.warning.value,\n color: tokens.colors.feedback.warning.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.warning.contrast,\n borderColor: tokens.colors.feedback.warning.contrast,\n color: tokens.colors.feedback.warning.value,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n success: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.success.value,\n borderColor: tokens.colors.feedback.success.value,\n color: tokens.colors.feedback.success.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.success.value,\n color: tokens.colors.feedback.success.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.success.contrast,\n borderColor: tokens.colors.feedback.success.contrast,\n color: tokens.colors.feedback.success.value,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n info: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.info.value,\n borderColor: tokens.colors.feedback.info.value,\n color: tokens.colors.feedback.info.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.info.value,\n color: tokens.colors.feedback.info.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.info.contrast,\n borderColor: tokens.colors.feedback.info.contrast,\n color: tokens.colors.feedback.info.value,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-tag-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TagTokens } from \"../types\";\n\nexport function createTagTokens(tokens: PrimitiveThemeTokens): TagTokens {\n return {\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n gap: tokens.space.xxs,\n closeHitSlop: 10,\n iconMarginLeft: tokens.borderSize.md,\n\n sizes: {\n small: {\n height: 24,\n paddingHorizontal: tokens.space.xs,\n minWidth: tokens.space.xl,\n fontSize: tokens.fontSize.xs,\n },\n\n medium: {\n height: 28,\n paddingHorizontal: tokens.space.xs,\n minWidth: tokens.space.xxl,\n fontSize: tokens.fontSize.xsm,\n },\n\n large: {\n height: 32,\n paddingHorizontal: tokens.space.mxs,\n minWidth: tokens.space.xxl,\n fontSize: tokens.fontSize.xsm,\n },\n },\n\n colors: {\n neutral: {\n filled: {\n default: {\n backgroundColor: tokens.colors.text.secondary,\n borderColor: tokens.colors.text.secondary,\n color: tokens.colors.text.inverse,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.text.secondary,\n color: tokens.colors.text.secondary,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.surface.subtle.value,\n color: tokens.colors.text.primary,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n primary: {\n filled: {\n default: {\n backgroundColor: tokens.colors.primary.value,\n borderColor: tokens.colors.primary.value,\n color: tokens.colors.primary.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.primary.value,\n color: tokens.colors.primary.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.secondary.value,\n borderColor: tokens.colors.secondary.value,\n color: tokens.colors.secondary.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n secondary: {\n filled: {\n default: {\n backgroundColor: tokens.colors.secondary.value,\n borderColor: tokens.colors.secondary.value,\n color: tokens.colors.secondary.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.secondary.contrast,\n color: tokens.colors.secondary.contrast,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.secondary.value,\n borderColor: tokens.colors.secondary.value,\n color: tokens.colors.secondary.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n error: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.error.value,\n borderColor: tokens.colors.feedback.error.value,\n color: tokens.colors.feedback.error.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.error.value,\n color: tokens.colors.feedback.error.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.error.contrast,\n borderColor: tokens.colors.feedback.error.contrast,\n color: tokens.colors.feedback.error.value,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n warning: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.warning.value,\n borderColor: tokens.colors.feedback.warning.value,\n color: tokens.colors.feedback.warning.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.warning.value,\n color: tokens.colors.feedback.warning.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.warning.contrast,\n borderColor: tokens.colors.feedback.warning.contrast,\n color: tokens.colors.feedback.warning.value,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n success: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.success.value,\n borderColor: tokens.colors.feedback.success.value,\n color: tokens.colors.feedback.success.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.success.value,\n color: tokens.colors.feedback.success.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.success.contrast,\n borderColor: tokens.colors.feedback.success.contrast,\n color: tokens.colors.feedback.success.value,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n info: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.info.value,\n borderColor: tokens.colors.feedback.info.value,\n color: tokens.colors.feedback.info.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.info.value,\n color: tokens.colors.feedback.info.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.info.contrast,\n borderColor: tokens.colors.feedback.info.contrast,\n color: tokens.colors.feedback.info.value,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentSize, DisplayVariant } from './components.types.mjs';
|
|
1
|
+
import { ComponentSize, ComponentTone, DisplayVariant } from './components.types.mjs';
|
|
2
2
|
|
|
3
3
|
type AvatarStatus = "online" | "offline" | "away" | "busy";
|
|
4
4
|
interface AvatarSizeTokens {
|
|
@@ -18,7 +18,7 @@ interface AvatarTokens {
|
|
|
18
18
|
sizes: Record<ComponentSize, AvatarSizeTokens>;
|
|
19
19
|
statusBorderColor: string;
|
|
20
20
|
statusColors: Record<AvatarStatus, string>;
|
|
21
|
-
|
|
21
|
+
colors: Record<ComponentTone, Record<DisplayVariant, AvatarVariantTokens>>;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
export type { AvatarSizeTokens, AvatarStatus, AvatarTokens, AvatarVariantTokens };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentSize, ActionVariant, VisualStateTokens, ActionVisualState } from './components.types.mjs';
|
|
1
|
+
import { ComponentSize, ButtonTone, ActionVariant, VisualStateTokens, ActionVisualState } from './components.types.mjs';
|
|
2
2
|
|
|
3
3
|
type ButtonSizeTokens = Record<ComponentSize, {
|
|
4
4
|
height: number;
|
|
@@ -21,13 +21,13 @@ interface ButtonTokens {
|
|
|
21
21
|
borderWidth: number;
|
|
22
22
|
borderRadius: number;
|
|
23
23
|
sizes: ButtonSizeTokens;
|
|
24
|
-
|
|
24
|
+
colors: Record<ButtonTone, ButtonVariantTokens>;
|
|
25
25
|
}
|
|
26
26
|
interface IconButtonTokens {
|
|
27
27
|
borderWidth: number;
|
|
28
28
|
borderRadius: number;
|
|
29
29
|
sizes: IconButtonSizeTokens;
|
|
30
|
-
|
|
30
|
+
colors: Record<ButtonTone, IconButtonVariantTokens>;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
export type { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentSize, SelectionVariant, VisualStateTokens, SelectionVisualState } from './components.types.mjs';
|
|
1
|
+
import { ComponentSize, ComponentTone, SelectionVariant, VisualStateTokens, SelectionVisualState } from './components.types.mjs';
|
|
2
2
|
|
|
3
3
|
type CheckboxSizeTokens = Record<ComponentSize, {
|
|
4
4
|
size: number;
|
|
@@ -15,7 +15,7 @@ interface CheckboxTokens {
|
|
|
15
15
|
borderWidth: number;
|
|
16
16
|
borderRadius: number;
|
|
17
17
|
sizes: CheckboxSizeTokens;
|
|
18
|
-
|
|
18
|
+
colors: Record<ComponentTone, CheckboxVariantTokens>;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
export type { CheckboxAppearanceTokens, CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens };
|
|
@@ -28,11 +28,14 @@ type SelectionItemVisualState = "default" | "selected";
|
|
|
28
28
|
interface SelectionItemState {
|
|
29
29
|
selected: boolean;
|
|
30
30
|
}
|
|
31
|
+
type ComponentTone = "neutral" | "primary" | "secondary";
|
|
32
|
+
type ButtonTone = ComponentTone;
|
|
31
33
|
type ActionVariant = "filled" | "outlined" | "soft" | "ghost";
|
|
32
34
|
type DisplayVariant = "filled" | "outlined" | "soft";
|
|
33
|
-
type FieldVariant = "filled" | "outlined";
|
|
35
|
+
type FieldVariant = "filled" | "outlined" | "soft";
|
|
36
|
+
type FieldTone = ComponentTone;
|
|
34
37
|
type SelectionVariant = "filled" | "outlined" | "soft";
|
|
35
38
|
/** @deprecated Use the variant type for the relevant component family. */
|
|
36
39
|
type ComponentVariant = ActionVariant;
|
|
37
40
|
|
|
38
|
-
export type { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens };
|
|
41
|
+
export type { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ButtonTone, ComponentSize, ComponentTone, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldTone, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FieldVariant, VisualStateTokens, FieldVisualState, ComponentSize } from './components.types.mjs';
|
|
1
|
+
import { FieldTone, FieldVariant, VisualStateTokens, FieldVisualState, ComponentSize } from './components.types.mjs';
|
|
2
2
|
|
|
3
3
|
interface ControlAddonAppearanceTokens {
|
|
4
4
|
iconColor: string;
|
|
@@ -7,7 +7,7 @@ type ControlAddonVariantTokens = Record<FieldVariant, VisualStateTokens<FieldVis
|
|
|
7
7
|
interface ControlAddonTokens {
|
|
8
8
|
marginHorizontal: number;
|
|
9
9
|
hitSlop: number;
|
|
10
|
-
|
|
10
|
+
colors: Record<FieldTone, ControlAddonVariantTokens>;
|
|
11
11
|
}
|
|
12
12
|
type ControlContainerSizeTokens = Record<ComponentSize, {
|
|
13
13
|
height: number;
|
|
@@ -23,7 +23,7 @@ interface ControlContainerTokens {
|
|
|
23
23
|
borderWidth: number;
|
|
24
24
|
borderRadius: number;
|
|
25
25
|
sizes: ControlContainerSizeTokens;
|
|
26
|
-
|
|
26
|
+
colors: Record<FieldTone, ControlContainerVariantTokens>;
|
|
27
27
|
}
|
|
28
28
|
interface ControlErrorTokens {
|
|
29
29
|
marginTop: number;
|
|
@@ -43,7 +43,7 @@ interface ControlInputTokens {
|
|
|
43
43
|
fontFamily: string;
|
|
44
44
|
paddingHorizontal: number;
|
|
45
45
|
sizes: ControlInputSizeTokens;
|
|
46
|
-
|
|
46
|
+
colors: Record<FieldTone, ControlInputVariantTokens>;
|
|
47
47
|
}
|
|
48
48
|
interface ControlLabelAppearanceTokens {
|
|
49
49
|
color: string;
|