@impulse-ui-native/theme 8.2.0 → 9.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/constants/style.constants.js +0 -1
- package/dist/constants/style.constants.js.map +1 -1
- package/dist/hooks/index.d.mts +2 -1
- package/dist/hooks/use-colors.hook.d.mts +2 -1
- package/dist/hooks/use-components-tokens.hook.d.mts +2 -1
- package/dist/hooks/use-theme.hook.d.mts +2 -1
- package/dist/hooks/use-themed-styles.d.mts +2 -1
- package/dist/index.d.mts +3 -1
- package/dist/providers/index.d.mts +2 -1
- package/dist/providers/theme.provider.d.mts +2 -1
- package/dist/theme/create-accordion-tokens.d.mts +2 -1
- package/dist/theme/create-avatar-tokens.d.mts +2 -1
- package/dist/theme/create-badge-tokens.d.mts +2 -1
- package/dist/theme/create-button-tokens.d.mts +2 -1
- package/dist/theme/create-card-tokens.d.mts +2 -1
- package/dist/theme/create-carousel-tokens.d.mts +2 -1
- package/dist/theme/create-charts-tokens.d.mts +2 -1
- package/dist/theme/create-checkbox-tokens.d.mts +2 -1
- package/dist/theme/create-color-picker-tokens.d.mts +43 -0
- package/dist/theme/create-color-picker-tokens.js +76 -0
- package/dist/theme/create-color-picker-tokens.js.map +1 -0
- package/dist/theme/create-control-tokens.d.mts +2 -1
- package/dist/theme/create-data-state-tokens.d.mts +2 -1
- package/dist/theme/create-datetime-picker.d.mts +2 -1
- package/dist/theme/create-divider-tokens.d.mts +2 -1
- package/dist/theme/create-flyout-tokens.d.mts +2 -1
- package/dist/theme/create-icon-button-tokens.d.mts +2 -1
- package/dist/theme/create-list-tokens.d.mts +2 -1
- package/dist/theme/create-modal-tokens.d.mts +2 -1
- package/dist/theme/create-pagination-tokens.d.mts +2 -1
- package/dist/theme/create-popover-tokens.d.mts +2 -1
- package/dist/theme/create-progress-tokens.d.mts +2 -1
- package/dist/theme/create-radio-tokens.d.mts +2 -1
- package/dist/theme/create-segmented-control-tokens.d.mts +2 -1
- package/dist/theme/create-select-tokens.d.mts +2 -1
- package/dist/theme/create-select-tokens.js +1 -0
- package/dist/theme/create-select-tokens.js.map +1 -1
- package/dist/theme/create-skeleton-tokens.d.mts +2 -1
- package/dist/theme/create-slider-tokens.d.mts +2 -1
- package/dist/theme/create-slider-tokens.js +1 -0
- package/dist/theme/create-slider-tokens.js.map +1 -1
- package/dist/theme/create-spinner-tokens.d.mts +2 -1
- package/dist/theme/create-stepper-tokens.d.mts +2 -1
- package/dist/theme/create-switch-tokens.d.mts +2 -1
- package/dist/theme/create-tabs-tokens.d.mts +2 -1
- package/dist/theme/create-tag-tokens.d.mts +2 -1
- package/dist/theme/create-textarea-tokens.d.mts +2 -1
- package/dist/theme/create-time-picker-tokens.d.mts +2 -1
- package/dist/theme/create-toast-tokens.d.mts +2 -1
- package/dist/theme/dark.theme.d.mts +2 -1
- package/dist/theme/index.d.mts +3 -1
- package/dist/theme/index.js +1 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/light.theme.d.mts +2 -1
- package/dist/theme/tokens.theme.d.mts +2 -1
- package/dist/theme/tokens.theme.js +2 -0
- package/dist/theme/tokens.theme.js.map +1 -1
- package/dist/{theme-provider.types-CLjz9-IY.d.mts → theme-provider.types-CIh3wHN_.d.mts} +2 -0
- package/dist/types/color-picker-tokens.types.d.mts +50 -0
- package/dist/types/color-picker-tokens.types.js +1 -0
- package/dist/types/color-picker-tokens.types.js.map +1 -0
- package/dist/types/index.d.mts +2 -1
- package/dist/types/index.js +1 -0
- package/dist/types/index.js.map +1 -1
- package/dist/types/select-tokens.types.d.mts +1 -0
- package/dist/types/slider-tokens.types.d.mts +1 -0
- package/dist/types/theme-provider.types.d.mts +2 -1
- package/dist/types/toast-tokens.types.d.mts +2 -1
- package/dist/types/typography.types.d.mts +0 -1
- package/dist/utils/index.d.mts +2 -1
- package/dist/utils/style.utils.d.mts +2 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/create-select-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, SelectTokens } from \"../types\";\n\nexport function createSelectTokens(tokens: PrimitiveThemeTokens): SelectTokens {\n return {\n flyoutHeight: 300,\n multiValueGap: tokens.space.xxs,\n multiValueMarginHorizontal: tokens.space.xxs,\n\n option: {\n padding: tokens.space.sm,\n states: {\n default: {\n iconColor: tokens.colors.primary.value,\n iconOpacity: 0,\n },\n selected: {\n iconColor: tokens.colors.primary.value,\n iconOpacity: 1,\n },\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,cAAc;AAAA,IACd,eAAe,OAAO,MAAM;AAAA,IAC5B,4BAA4B,OAAO,MAAM;AAAA,IAEzC,QAAQ;AAAA,MACN,SAAS,OAAO,MAAM;AAAA,MACtB,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,WAAW,OAAO,OAAO,QAAQ;AAAA,UACjC,aAAa;AAAA,QACf;AAAA,QACA,UAAU;AAAA,UACR,WAAW,OAAO,OAAO,QAAQ;AAAA,UACjC,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-select-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, SelectTokens } from \"../types\";\n\nexport function createSelectTokens(tokens: PrimitiveThemeTokens): SelectTokens {\n return {\n flyoutHeight: 300,\n multiValueGap: tokens.space.xxs,\n multiValueMarginHorizontal: tokens.space.xxs,\n\n option: {\n height: 56,\n padding: tokens.space.sm,\n states: {\n default: {\n iconColor: tokens.colors.primary.value,\n iconOpacity: 0,\n },\n selected: {\n iconColor: tokens.colors.primary.value,\n iconOpacity: 1,\n },\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,cAAc;AAAA,IACd,eAAe,OAAO,MAAM;AAAA,IAC5B,4BAA4B,OAAO,MAAM;AAAA,IAEzC,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,SAAS,OAAO,MAAM;AAAA,MACtB,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,WAAW,OAAO,OAAO,QAAQ;AAAA,UACjC,aAAa;AAAA,QACf;AAAA,QACA,UAAU;AAAA,UACR,WAAW,OAAO,OAAO,QAAQ;AAAA,UACjC,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { P as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import { SkeletonTokens } from '../types/skeleton-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -6,6 +6,7 @@ import '../types/carousel-tokens.types.mjs';
|
|
|
6
6
|
import '../types/charts-tokens.types.mjs';
|
|
7
7
|
import '../types/chart.types.mjs';
|
|
8
8
|
import '../types/checkbox-tokens.types.mjs';
|
|
9
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
9
10
|
import '../types/list-tokens.types.mjs';
|
|
10
11
|
import '../types/modal-tokens.types.mjs';
|
|
11
12
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { P as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import { SliderTokens } from '../types/slider-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -6,6 +6,7 @@ import '../types/carousel-tokens.types.mjs';
|
|
|
6
6
|
import '../types/charts-tokens.types.mjs';
|
|
7
7
|
import '../types/chart.types.mjs';
|
|
8
8
|
import '../types/checkbox-tokens.types.mjs';
|
|
9
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
9
10
|
import '../types/list-tokens.types.mjs';
|
|
10
11
|
import '../types/modal-tokens.types.mjs';
|
|
11
12
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -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 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 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,4 +1,4 @@
|
|
|
1
|
-
import { P as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import { SpinnerTokens } from '../types/spinner-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -6,6 +6,7 @@ import '../types/carousel-tokens.types.mjs';
|
|
|
6
6
|
import '../types/charts-tokens.types.mjs';
|
|
7
7
|
import '../types/chart.types.mjs';
|
|
8
8
|
import '../types/checkbox-tokens.types.mjs';
|
|
9
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
9
10
|
import '../types/list-tokens.types.mjs';
|
|
10
11
|
import '../types/modal-tokens.types.mjs';
|
|
11
12
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { P as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import { StepperTokens } from '../types/stepper-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -6,6 +6,7 @@ import '../types/carousel-tokens.types.mjs';
|
|
|
6
6
|
import '../types/charts-tokens.types.mjs';
|
|
7
7
|
import '../types/chart.types.mjs';
|
|
8
8
|
import '../types/checkbox-tokens.types.mjs';
|
|
9
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
9
10
|
import '../types/list-tokens.types.mjs';
|
|
10
11
|
import '../types/modal-tokens.types.mjs';
|
|
11
12
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { P as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import { SwitchTokens } from '../types/switch-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -6,6 +6,7 @@ import '../types/carousel-tokens.types.mjs';
|
|
|
6
6
|
import '../types/charts-tokens.types.mjs';
|
|
7
7
|
import '../types/chart.types.mjs';
|
|
8
8
|
import '../types/checkbox-tokens.types.mjs';
|
|
9
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
9
10
|
import '../types/list-tokens.types.mjs';
|
|
10
11
|
import '../types/modal-tokens.types.mjs';
|
|
11
12
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { P as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import { TabsTokens } from '../types/tabs-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -6,6 +6,7 @@ import '../types/carousel-tokens.types.mjs';
|
|
|
6
6
|
import '../types/charts-tokens.types.mjs';
|
|
7
7
|
import '../types/chart.types.mjs';
|
|
8
8
|
import '../types/checkbox-tokens.types.mjs';
|
|
9
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
9
10
|
import '../types/list-tokens.types.mjs';
|
|
10
11
|
import '../types/modal-tokens.types.mjs';
|
|
11
12
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { P as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import { TagTokens } from '../types/tag-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -6,6 +6,7 @@ import '../types/carousel-tokens.types.mjs';
|
|
|
6
6
|
import '../types/charts-tokens.types.mjs';
|
|
7
7
|
import '../types/chart.types.mjs';
|
|
8
8
|
import '../types/checkbox-tokens.types.mjs';
|
|
9
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
9
10
|
import '../types/list-tokens.types.mjs';
|
|
10
11
|
import '../types/modal-tokens.types.mjs';
|
|
11
12
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { P as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import { TextareaTokens } from '../types/textarea-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -6,6 +6,7 @@ import '../types/carousel-tokens.types.mjs';
|
|
|
6
6
|
import '../types/charts-tokens.types.mjs';
|
|
7
7
|
import '../types/chart.types.mjs';
|
|
8
8
|
import '../types/checkbox-tokens.types.mjs';
|
|
9
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
9
10
|
import '../types/list-tokens.types.mjs';
|
|
10
11
|
import '../types/modal-tokens.types.mjs';
|
|
11
12
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { P as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import { TimePickerTokens } from '../types/time-picker-token.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -6,6 +6,7 @@ import '../types/carousel-tokens.types.mjs';
|
|
|
6
6
|
import '../types/charts-tokens.types.mjs';
|
|
7
7
|
import '../types/chart.types.mjs';
|
|
8
8
|
import '../types/checkbox-tokens.types.mjs';
|
|
9
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
9
10
|
import '../types/list-tokens.types.mjs';
|
|
10
11
|
import '../types/modal-tokens.types.mjs';
|
|
11
12
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { P as PrimitiveThemeTokens, e as ToastTokens } from '../theme-provider.types-
|
|
1
|
+
import { P as PrimitiveThemeTokens, e as ToastTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
4
|
import '../types/carousel-tokens.types.mjs';
|
|
5
5
|
import '../types/charts-tokens.types.mjs';
|
|
6
6
|
import '../types/chart.types.mjs';
|
|
7
7
|
import '../types/checkbox-tokens.types.mjs';
|
|
8
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
8
9
|
import '../types/list-tokens.types.mjs';
|
|
9
10
|
import '../types/modal-tokens.types.mjs';
|
|
10
11
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { P as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
4
|
import '../types/carousel-tokens.types.mjs';
|
|
5
5
|
import '../types/charts-tokens.types.mjs';
|
|
6
6
|
import '../types/chart.types.mjs';
|
|
7
7
|
import '../types/checkbox-tokens.types.mjs';
|
|
8
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
8
9
|
import '../types/list-tokens.types.mjs';
|
|
9
10
|
import '../types/modal-tokens.types.mjs';
|
|
10
11
|
import '../types/popover-tokens.types.mjs';
|
package/dist/theme/index.d.mts
CHANGED
|
@@ -10,14 +10,16 @@ export { createCarouselTokens } from './create-carousel-tokens.mjs';
|
|
|
10
10
|
export { createToastTokens } from './create-toast-tokens.mjs';
|
|
11
11
|
export { createPopoverTokens } from './create-popover-tokens.mjs';
|
|
12
12
|
export { createModalTokens } from './create-modal-tokens.mjs';
|
|
13
|
+
export { createColorPickerTokens } from './create-color-picker-tokens.mjs';
|
|
13
14
|
export { ChartColorTokens } from './chart-color-tokens.mjs';
|
|
14
|
-
import '../theme-provider.types-
|
|
15
|
+
import '../theme-provider.types-CIh3wHN_.mjs';
|
|
15
16
|
import '../types/badge-tokens.types.mjs';
|
|
16
17
|
import '../types/components.types.mjs';
|
|
17
18
|
import '../types/carousel-tokens.types.mjs';
|
|
18
19
|
import '../types/charts-tokens.types.mjs';
|
|
19
20
|
import '../types/chart.types.mjs';
|
|
20
21
|
import '../types/checkbox-tokens.types.mjs';
|
|
22
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
21
23
|
import '../types/list-tokens.types.mjs';
|
|
22
24
|
import '../types/modal-tokens.types.mjs';
|
|
23
25
|
import '../types/popover-tokens.types.mjs';
|
package/dist/theme/index.js
CHANGED
package/dist/theme/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["export { DarkTheme } from \"./dark.theme\";\nexport { LightTheme } from \"./light.theme\";\nexport * from \"./tokens.theme\";\nexport * from \"./create-charts-tokens\";\nexport * from \"./create-pagination-tokens\";\nexport * from \"./create-slider-tokens\";\nexport * from \"./create-segmented-control-tokens\";\nexport * from \"./create-tabs-tokens\";\nexport * from \"./create-carousel-tokens\";\n\nexport * from \"./create-toast-tokens\";\nexport * from \"./create-popover-tokens\";\nexport * from \"./create-modal-tokens\";\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["export { DarkTheme } from \"./dark.theme\";\nexport { LightTheme } from \"./light.theme\";\nexport * from \"./tokens.theme\";\nexport * from \"./create-charts-tokens\";\nexport * from \"./create-pagination-tokens\";\nexport * from \"./create-slider-tokens\";\nexport * from \"./create-segmented-control-tokens\";\nexport * from \"./create-tabs-tokens\";\nexport * from \"./create-carousel-tokens\";\n\nexport * from \"./create-toast-tokens\";\nexport * from \"./create-popover-tokens\";\nexport * from \"./create-modal-tokens\";\n\nexport * from \"./create-color-picker-tokens\";\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;","names":[]}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { P as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
4
|
import '../types/carousel-tokens.types.mjs';
|
|
5
5
|
import '../types/charts-tokens.types.mjs';
|
|
6
6
|
import '../types/chart.types.mjs';
|
|
7
7
|
import '../types/checkbox-tokens.types.mjs';
|
|
8
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
8
9
|
import '../types/list-tokens.types.mjs';
|
|
9
10
|
import '../types/modal-tokens.types.mjs';
|
|
10
11
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BorderSize, FontFamily, FontWeightValue, FontWeightItalic, FontWeightNormal, FontSize, FontWeight, LetterSpacings, LineHeight, NeutralColor, Radii, Space } from '../types/tokens.types.mjs';
|
|
2
|
-
import { T as ThemeColors, P as PrimitiveThemeTokens, c as ComponentsTokens } from '../theme-provider.types-
|
|
2
|
+
import { T as ThemeColors, P as PrimitiveThemeTokens, c as ComponentsTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
3
3
|
export { ChartColorTokens } from './chart-color-tokens.mjs';
|
|
4
4
|
import '../types/badge-tokens.types.mjs';
|
|
5
5
|
import '../types/components.types.mjs';
|
|
@@ -7,6 +7,7 @@ import '../types/carousel-tokens.types.mjs';
|
|
|
7
7
|
import '../types/charts-tokens.types.mjs';
|
|
8
8
|
import '../types/chart.types.mjs';
|
|
9
9
|
import '../types/checkbox-tokens.types.mjs';
|
|
10
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
10
11
|
import '../types/list-tokens.types.mjs';
|
|
11
12
|
import '../types/modal-tokens.types.mjs';
|
|
12
13
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -6,6 +6,7 @@ import { createCardTokens } from "./create-card-tokens";
|
|
|
6
6
|
import { createCarouselTokens } from "./create-carousel-tokens";
|
|
7
7
|
import { createChartsTokens } from "./create-charts-tokens";
|
|
8
8
|
import { createCheckboxTokens } from "./create-checkbox-tokens";
|
|
9
|
+
import { createColorPickerTokens } from "./create-color-picker-tokens";
|
|
9
10
|
import {
|
|
10
11
|
createControlAddonTokens,
|
|
11
12
|
createControlContainerTokens,
|
|
@@ -321,6 +322,7 @@ const DarkColors = {
|
|
|
321
322
|
};
|
|
322
323
|
function createComponentsTokens(tokens) {
|
|
323
324
|
return {
|
|
325
|
+
colorPicker: createColorPickerTokens(tokens),
|
|
324
326
|
charts: createChartsTokens(tokens),
|
|
325
327
|
modal: createModalTokens(tokens),
|
|
326
328
|
toast: createToastTokens(tokens),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import type {\n BorderSize,\n ComponentsTokens,\n FontFamily,\n FontSize,\n FontWeight,\n FontWeightItalic,\n FontWeightNormal,\n FontWeightValue,\n LetterSpacings,\n LineHeight,\n NeutralColor,\n PrimitiveThemeTokens,\n Radii,\n Space,\n ThemeColors,\n} from \"../types\";\nimport { createAccordionTokens } from \"./create-accordion-tokens\";\nimport { createAvatarTokens } from \"./create-avatar-tokens\";\nimport { createBadgeTokens } from \"./create-badge-tokens\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport { createCardTokens } from \"./create-card-tokens\";\nimport { createCarouselTokens } from \"./create-carousel-tokens\";\nimport { createChartsTokens } from \"./create-charts-tokens\";\nimport { createCheckboxTokens } from \"./create-checkbox-tokens\";\nimport {\n createControlAddonTokens,\n createControlContainerTokens,\n createControlErrorTokens,\n createControlInputTokens,\n createControlLabelTokens,\n} from \"./create-control-tokens\";\nimport { createDataStateTokens } from \"./create-data-state-tokens\";\nimport { createDatetimePickerTokens } from \"./create-datetime-picker\";\nimport { createDividerTokens } from \"./create-divider-tokens\";\nimport { createFlyoutTokens } from \"./create-flyout-tokens\";\nimport { createIconButtonTokens } from \"./create-icon-button-tokens\";\nimport { createIconTokens } from \"./create-icon-tokens\";\nimport { createListTokens } from \"./create-list-tokens\";\nimport { createModalTokens } from \"./create-modal-tokens\";\nimport { createPaginationTokens } from \"./create-pagination-tokens\";\nimport { createPopoverTokens } from \"./create-popover-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createProgressTokens } from \"./create-progress-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSegmentedControlTokens } from \"./create-segmented-control-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createSliderTokens } from \"./create-slider-tokens\";\nimport { createSpinnerTokens } from \"./create-spinner-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createSwitchTokens } from \"./create-switch-tokens\";\nimport { createTabsTokens } from \"./create-tabs-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTextareaTokens } from \"./create-textarea-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\nimport { createToastTokens } from \"./create-toast-tokens\";\n\nexport const CodeFontFamilyToken = \"monospace\";\n\nexport { ChartColorTokens } from \"./chart-color-tokens\";\n\nexport const SpaceTokens: Space = {\n none: 0,\n xxs: 4,\n xs: 8,\n mxs: 12,\n sm: 16,\n msm: 24,\n md: 32,\n lg: 48,\n xl: 64,\n xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n sm: 1,\n md: 2,\n lg: 3,\n xl: 5,\n xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n sm: 4,\n md: 8,\n lg: 16,\n xl: 32,\n xxl: 64,\n xxxl: 128,\n round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n xxs: 8,\n xs: 12,\n xsm: 14,\n sm: 16,\n md: 18,\n lg: 20,\n xl: 24,\n xxl: 28,\n xxxl: 32,\n huge: 36,\n massive: 40,\n giant: 48,\n colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n xxs: 12,\n xs: 16,\n xsm: 20,\n sm: 24,\n md: 26,\n lg: 28,\n xl: 32,\n xxl: 36,\n xxxl: 40,\n huge: 44,\n massive: 48,\n giant: 56,\n colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n tightest: -1,\n tighter: -0.5,\n tight: -0.25,\n normal: 0,\n wide: 0.25,\n wider: 0.5,\n widest: 0.75,\n ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n thin: 100,\n extraLight: 200,\n light: 300,\n regular: 400,\n medium: 500,\n semiBold: 600,\n bold: 700,\n extraBold: 800,\n black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n FontWeightValue,\n FontWeightNormal\n> = {\n 100: \"Montserrat_100Thin\",\n 200: \"Montserrat_200ExtraLight\",\n 300: \"Montserrat_300Light\",\n 400: \"Montserrat_400Regular\",\n 500: \"Montserrat_500Medium\",\n 600: \"Montserrat_600SemiBold\",\n 700: \"Montserrat_700Bold\",\n 800: \"Montserrat_800ExtraBold\",\n 900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n FontWeightValue,\n FontWeightItalic\n> = {\n 100: \"Montserrat_100Thin_Italic\",\n 200: \"Montserrat_200ExtraLight_Italic\",\n 300: \"Montserrat_300Light_Italic\",\n 400: \"Montserrat_400Regular_Italic\",\n 500: \"Montserrat_500Medium_Italic\",\n 600: \"Montserrat_600SemiBold_Italic\",\n 700: \"Montserrat_700Bold_Italic\",\n 800: \"Montserrat_800ExtraBold_Italic\",\n 900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n normal: FontFamilyWeightsNormalTokens,\n italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n \"0\": \"#ffffff\",\n \"1\": \"#f8f9fa\",\n \"2\": \"#f1f3f5\",\n \"3\": \"#e9ecef\",\n \"4\": \"#dee2e6\",\n \"5\": \"#ced4da\",\n \"6\": \"#adb5bd\",\n \"7\": \"#868e96\",\n \"8\": \"#495057\",\n \"9\": \"#343a40\",\n \"10\": \"#212529\",\n \"11\": \"#16191d\",\n \"12\": \"#0d0f12\",\n \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n primary: {\n value: \"#F55D6B\",\n contrast: NeutralColorTokens[\"0\"],\n },\n\n accent: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n secondary: {\n value: \"#FEE7E9\",\n contrast: \"#c92a3b\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n primary: {\n value: NeutralColorTokens[\"2\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n secondary: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n elevated: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n inverse: {\n value: NeutralColorTokens[\"13\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"11\"],\n secondary: NeutralColorTokens[\"10\"],\n tertiary: NeutralColorTokens[\"9\"],\n inverse: NeutralColorTokens[\"0\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"3\"],\n contrast: NeutralColorTokens[\"9\"],\n },\n default: {\n value: NeutralColorTokens[\"4\"],\n contrast: NeutralColorTokens[\"10\"],\n },\n strong: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n focus: {\n value: \"#c92a3b\",\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#c92a2a\",\n contrast: \"#fff5f5\",\n },\n warning: {\n value: \"#a65300\",\n contrast: \"#fff4e6\",\n },\n success: {\n value: \"#526b00\",\n contrast: \"#f4fce3\",\n },\n info: {\n value: \"#1864ab\",\n contrast: \"#e7f5ff\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.45)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport const DarkColors: ThemeColors = {\n primary: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n accent: {\n value: \"#f55d6b\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n secondary: {\n value: \"#3b2027\",\n contrast: \"#FA9EA7\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n primary: {\n value: NeutralColorTokens[\"11\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n secondary: {\n value: NeutralColorTokens[\"10\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n elevated: {\n value: NeutralColorTokens[\"9\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n inverse: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"0\"],\n secondary: NeutralColorTokens[\"2\"],\n tertiary: NeutralColorTokens[\"6\"],\n inverse: NeutralColorTokens[\"11\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"7\"],\n contrast: NeutralColorTokens[\"6\"],\n },\n default: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"2\"],\n },\n strong: {\n value: NeutralColorTokens[\"5\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n focus: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#ff8787\",\n contrast: \"#3b1515\",\n },\n warning: {\n value: \"#ffc078\",\n contrast: \"#3b250f\",\n },\n success: {\n value: \"#c0eb75\",\n contrast: \"#26320f\",\n },\n info: {\n value: \"#74c0fc\",\n contrast: \"#102a43\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.65)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n return {\n charts: createChartsTokens(tokens),\n modal: createModalTokens(tokens),\n toast: createToastTokens(tokens),\n popover: createPopoverTokens(tokens),\n carousel: createCarouselTokens(tokens),\n accordion: createAccordionTokens(tokens),\n avatar: createAvatarTokens(tokens),\n badge: createBadgeTokens(tokens),\n button: createButtonTokens(tokens),\n card: createCardTokens(tokens),\n list: createListTokens(tokens),\n checkbox: createCheckboxTokens(tokens),\n iconButton: createIconButtonTokens(tokens),\n icon: createIconTokens(),\n pagination: createPaginationTokens(tokens),\n pressable: createPressableTokens(),\n progress: createProgressTokens(tokens),\n radio: createRadioTokens(tokens),\n tag: createTagTokens(tokens),\n controlAddon: createControlAddonTokens(tokens),\n controlContainer: createControlContainerTokens(tokens),\n controlError: createControlErrorTokens(tokens),\n controlInput: createControlInputTokens(tokens),\n controlLabel: createControlLabelTokens(tokens),\n select: createSelectTokens(tokens),\n segmentedControl: createSegmentedControlTokens(tokens),\n tabs: createTabsTokens(tokens),\n datetimePicker: createDatetimePickerTokens(tokens),\n divider: createDividerTokens(tokens),\n timePicker: createTimePickerTokens(tokens),\n flyout: createFlyoutTokens(tokens),\n skeleton: createSkeletonTokens(tokens),\n slider: createSliderTokens(tokens),\n spinner: createSpinnerTokens(tokens),\n stepper: createStepperTokens(tokens),\n switch: createSwitchTokens(tokens),\n textarea: createTextareaTokens(tokens),\n dataState: createDataStateTokens(tokens),\n };\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import type {\n BorderSize,\n ComponentsTokens,\n FontFamily,\n FontSize,\n FontWeight,\n FontWeightItalic,\n FontWeightNormal,\n FontWeightValue,\n LetterSpacings,\n LineHeight,\n NeutralColor,\n PrimitiveThemeTokens,\n Radii,\n Space,\n ThemeColors,\n} from \"../types\";\nimport { createAccordionTokens } from \"./create-accordion-tokens\";\nimport { createAvatarTokens } from \"./create-avatar-tokens\";\nimport { createBadgeTokens } from \"./create-badge-tokens\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport { createCardTokens } from \"./create-card-tokens\";\nimport { createCarouselTokens } from \"./create-carousel-tokens\";\nimport { createChartsTokens } from \"./create-charts-tokens\";\nimport { createCheckboxTokens } from \"./create-checkbox-tokens\";\nimport { createColorPickerTokens } from \"./create-color-picker-tokens\";\nimport {\n createControlAddonTokens,\n createControlContainerTokens,\n createControlErrorTokens,\n createControlInputTokens,\n createControlLabelTokens,\n} from \"./create-control-tokens\";\nimport { createDataStateTokens } from \"./create-data-state-tokens\";\nimport { createDatetimePickerTokens } from \"./create-datetime-picker\";\nimport { createDividerTokens } from \"./create-divider-tokens\";\nimport { createFlyoutTokens } from \"./create-flyout-tokens\";\nimport { createIconButtonTokens } from \"./create-icon-button-tokens\";\nimport { createIconTokens } from \"./create-icon-tokens\";\nimport { createListTokens } from \"./create-list-tokens\";\nimport { createModalTokens } from \"./create-modal-tokens\";\nimport { createPaginationTokens } from \"./create-pagination-tokens\";\nimport { createPopoverTokens } from \"./create-popover-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createProgressTokens } from \"./create-progress-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSegmentedControlTokens } from \"./create-segmented-control-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createSliderTokens } from \"./create-slider-tokens\";\nimport { createSpinnerTokens } from \"./create-spinner-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createSwitchTokens } from \"./create-switch-tokens\";\nimport { createTabsTokens } from \"./create-tabs-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTextareaTokens } from \"./create-textarea-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\nimport { createToastTokens } from \"./create-toast-tokens\";\n\nexport const CodeFontFamilyToken = \"monospace\";\n\nexport { ChartColorTokens } from \"./chart-color-tokens\";\n\nexport const SpaceTokens: Space = {\n none: 0,\n xxs: 4,\n xs: 8,\n mxs: 12,\n sm: 16,\n msm: 24,\n md: 32,\n lg: 48,\n xl: 64,\n xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n sm: 1,\n md: 2,\n lg: 3,\n xl: 5,\n xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n sm: 4,\n md: 8,\n lg: 16,\n xl: 32,\n xxl: 64,\n xxxl: 128,\n round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n xxs: 8,\n xs: 12,\n xsm: 14,\n sm: 16,\n md: 18,\n lg: 20,\n xl: 24,\n xxl: 28,\n xxxl: 32,\n huge: 36,\n massive: 40,\n giant: 48,\n colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n xxs: 12,\n xs: 16,\n xsm: 20,\n sm: 24,\n md: 26,\n lg: 28,\n xl: 32,\n xxl: 36,\n xxxl: 40,\n huge: 44,\n massive: 48,\n giant: 56,\n colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n tightest: -1,\n tighter: -0.5,\n tight: -0.25,\n normal: 0,\n wide: 0.25,\n wider: 0.5,\n widest: 0.75,\n ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n thin: 100,\n extraLight: 200,\n light: 300,\n regular: 400,\n medium: 500,\n semiBold: 600,\n bold: 700,\n extraBold: 800,\n black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n FontWeightValue,\n FontWeightNormal\n> = {\n 100: \"Montserrat_100Thin\",\n 200: \"Montserrat_200ExtraLight\",\n 300: \"Montserrat_300Light\",\n 400: \"Montserrat_400Regular\",\n 500: \"Montserrat_500Medium\",\n 600: \"Montserrat_600SemiBold\",\n 700: \"Montserrat_700Bold\",\n 800: \"Montserrat_800ExtraBold\",\n 900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n FontWeightValue,\n FontWeightItalic\n> = {\n 100: \"Montserrat_100Thin_Italic\",\n 200: \"Montserrat_200ExtraLight_Italic\",\n 300: \"Montserrat_300Light_Italic\",\n 400: \"Montserrat_400Regular_Italic\",\n 500: \"Montserrat_500Medium_Italic\",\n 600: \"Montserrat_600SemiBold_Italic\",\n 700: \"Montserrat_700Bold_Italic\",\n 800: \"Montserrat_800ExtraBold_Italic\",\n 900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n normal: FontFamilyWeightsNormalTokens,\n italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n \"0\": \"#ffffff\",\n \"1\": \"#f8f9fa\",\n \"2\": \"#f1f3f5\",\n \"3\": \"#e9ecef\",\n \"4\": \"#dee2e6\",\n \"5\": \"#ced4da\",\n \"6\": \"#adb5bd\",\n \"7\": \"#868e96\",\n \"8\": \"#495057\",\n \"9\": \"#343a40\",\n \"10\": \"#212529\",\n \"11\": \"#16191d\",\n \"12\": \"#0d0f12\",\n \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n primary: {\n value: \"#F55D6B\",\n contrast: NeutralColorTokens[\"0\"],\n },\n\n accent: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n secondary: {\n value: \"#FEE7E9\",\n contrast: \"#c92a3b\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n primary: {\n value: NeutralColorTokens[\"2\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n secondary: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n elevated: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n inverse: {\n value: NeutralColorTokens[\"13\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"11\"],\n secondary: NeutralColorTokens[\"10\"],\n tertiary: NeutralColorTokens[\"9\"],\n inverse: NeutralColorTokens[\"0\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"3\"],\n contrast: NeutralColorTokens[\"9\"],\n },\n default: {\n value: NeutralColorTokens[\"4\"],\n contrast: NeutralColorTokens[\"10\"],\n },\n strong: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n focus: {\n value: \"#c92a3b\",\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#c92a2a\",\n contrast: \"#fff5f5\",\n },\n warning: {\n value: \"#a65300\",\n contrast: \"#fff4e6\",\n },\n success: {\n value: \"#526b00\",\n contrast: \"#f4fce3\",\n },\n info: {\n value: \"#1864ab\",\n contrast: \"#e7f5ff\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.45)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport const DarkColors: ThemeColors = {\n primary: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n accent: {\n value: \"#f55d6b\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n secondary: {\n value: \"#3b2027\",\n contrast: \"#FA9EA7\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n primary: {\n value: NeutralColorTokens[\"11\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n secondary: {\n value: NeutralColorTokens[\"10\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n elevated: {\n value: NeutralColorTokens[\"9\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n inverse: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"0\"],\n secondary: NeutralColorTokens[\"2\"],\n tertiary: NeutralColorTokens[\"6\"],\n inverse: NeutralColorTokens[\"11\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"7\"],\n contrast: NeutralColorTokens[\"6\"],\n },\n default: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"2\"],\n },\n strong: {\n value: NeutralColorTokens[\"5\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n focus: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#ff8787\",\n contrast: \"#3b1515\",\n },\n warning: {\n value: \"#ffc078\",\n contrast: \"#3b250f\",\n },\n success: {\n value: \"#c0eb75\",\n contrast: \"#26320f\",\n },\n info: {\n value: \"#74c0fc\",\n contrast: \"#102a43\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.65)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n return {\n colorPicker: createColorPickerTokens(tokens),\n charts: createChartsTokens(tokens),\n modal: createModalTokens(tokens),\n toast: createToastTokens(tokens),\n popover: createPopoverTokens(tokens),\n carousel: createCarouselTokens(tokens),\n accordion: createAccordionTokens(tokens),\n avatar: createAvatarTokens(tokens),\n badge: createBadgeTokens(tokens),\n button: createButtonTokens(tokens),\n card: createCardTokens(tokens),\n list: createListTokens(tokens),\n checkbox: createCheckboxTokens(tokens),\n iconButton: createIconButtonTokens(tokens),\n icon: createIconTokens(),\n pagination: createPaginationTokens(tokens),\n pressable: createPressableTokens(),\n progress: createProgressTokens(tokens),\n radio: createRadioTokens(tokens),\n tag: createTagTokens(tokens),\n controlAddon: createControlAddonTokens(tokens),\n controlContainer: createControlContainerTokens(tokens),\n controlError: createControlErrorTokens(tokens),\n controlInput: createControlInputTokens(tokens),\n controlLabel: createControlLabelTokens(tokens),\n select: createSelectTokens(tokens),\n segmentedControl: createSegmentedControlTokens(tokens),\n tabs: createTabsTokens(tokens),\n datetimePicker: createDatetimePickerTokens(tokens),\n divider: createDividerTokens(tokens),\n timePicker: createTimePickerTokens(tokens),\n flyout: createFlyoutTokens(tokens),\n skeleton: createSkeletonTokens(tokens),\n slider: createSliderTokens(tokens),\n spinner: createSpinnerTokens(tokens),\n stepper: createStepperTokens(tokens),\n switch: createSwitchTokens(tokens),\n textarea: createTextareaTokens(tokens),\n dataState: createDataStateTokens(tokens),\n };\n}\n"],"mappings":"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","names":[]}
|
|
@@ -2,6 +2,7 @@ import { BadgeTokens } from './types/badge-tokens.types.mjs';
|
|
|
2
2
|
import { CarouselTokens } from './types/carousel-tokens.types.mjs';
|
|
3
3
|
import { ChartsTokens } from './types/charts-tokens.types.mjs';
|
|
4
4
|
import { CheckboxTokens } from './types/checkbox-tokens.types.mjs';
|
|
5
|
+
import { ColorPickerTokens } from './types/color-picker-tokens.types.mjs';
|
|
5
6
|
import { ListTokens } from './types/list-tokens.types.mjs';
|
|
6
7
|
import { ModalTokens } from './types/modal-tokens.types.mjs';
|
|
7
8
|
import { PopoverTokens } from './types/popover-tokens.types.mjs';
|
|
@@ -115,6 +116,7 @@ interface ComponentsThemes {
|
|
|
115
116
|
(theme: PrimitiveThemeTokens): ComponentsTokens;
|
|
116
117
|
}
|
|
117
118
|
interface ComponentsTokens {
|
|
119
|
+
colorPicker: ColorPickerTokens;
|
|
118
120
|
charts: ChartsTokens;
|
|
119
121
|
modal: ModalTokens;
|
|
120
122
|
popover: PopoverTokens;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ComponentSize } from './components.types.mjs';
|
|
2
|
+
|
|
3
|
+
interface ColorPickerPreset {
|
|
4
|
+
label: string;
|
|
5
|
+
color: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
interface ColorPickerTokens {
|
|
9
|
+
gap: number;
|
|
10
|
+
rowGap: number;
|
|
11
|
+
sliderLabelGap: number;
|
|
12
|
+
presetsLabelGap: number;
|
|
13
|
+
presetsGap: number;
|
|
14
|
+
presetLabelGap: number;
|
|
15
|
+
alphaFieldFlex: number;
|
|
16
|
+
padding: number;
|
|
17
|
+
borderRadius: number;
|
|
18
|
+
spectrumBorderRadius: number;
|
|
19
|
+
previewBorderRadius: number;
|
|
20
|
+
swatchBorderRadius: number;
|
|
21
|
+
swatchRingPadding: number;
|
|
22
|
+
swatchRingBorderWidth: number;
|
|
23
|
+
borderWidth: number;
|
|
24
|
+
borderColor: string;
|
|
25
|
+
backgroundColor: string;
|
|
26
|
+
labelColor: string;
|
|
27
|
+
selectedBorderColor: string;
|
|
28
|
+
indicatorColor: string;
|
|
29
|
+
indicatorBorderRadius: number;
|
|
30
|
+
indicatorBorderWidth: number;
|
|
31
|
+
indicatorShadowOffsetX: number;
|
|
32
|
+
indicatorShadowOffsetY: number;
|
|
33
|
+
indicatorShadowBlurRadius: number;
|
|
34
|
+
indicatorShadowColor: string;
|
|
35
|
+
checkerLightColor: string;
|
|
36
|
+
checkerDarkColor: string;
|
|
37
|
+
checkerSize: number;
|
|
38
|
+
disabledOpacity: number;
|
|
39
|
+
presets: readonly ColorPickerPreset[];
|
|
40
|
+
sizes: Record<ComponentSize, {
|
|
41
|
+
spectrumHeight: number;
|
|
42
|
+
indicatorSize: number;
|
|
43
|
+
previewSize: number;
|
|
44
|
+
swatchSize: number;
|
|
45
|
+
swatchCheckSize: number;
|
|
46
|
+
swatchTargetSize: number;
|
|
47
|
+
}>;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export type { ColorPickerPreset, ColorPickerTokens };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=color-picker-tokens.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
package/dist/types/index.d.mts
CHANGED
|
@@ -8,7 +8,7 @@ export { FlexProps } from './flex.types.mjs';
|
|
|
8
8
|
export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps, ShadowScaleTokens } from './shadow.types.mjs';
|
|
9
9
|
export { SpacingProps } from './spacing.types.mjs';
|
|
10
10
|
export { StylePropKey, StyleProps } from './style.types.mjs';
|
|
11
|
-
export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData, e as ToastTokens, f as ToastTone } from '../theme-provider.types-
|
|
11
|
+
export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData, e as ToastTokens, f as ToastTone } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
12
12
|
export { BorderSize, BorderSizeKey, FontFamily, FontSize, FontWeight, FontWeightItalic, FontWeightKeys, FontWeightNormal, FontWeightValue, LetterSpacingKey, LetterSpacings, LineHeight, NeutralColor, NeutralColorKey, Radii, RadiiBlob, RadiiConditional, RadiiDrawn, RadiusBlobKey, RadiusConditionalKey, RadiusDrawnKey, RadiusKey, Space, SpaceSizesKey, TypographyKey } from './tokens.types.mjs';
|
|
13
13
|
export { TypographyPresetKey, TypographyProps } from './typography.types.mjs';
|
|
14
14
|
export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './buttons-tokens.types.mjs';
|
|
@@ -42,4 +42,5 @@ export { ListTokens } from './list-tokens.types.mjs';
|
|
|
42
42
|
export { CarouselCounterAppearanceTokens, CarouselIndicatorAppearanceTokens, CarouselTokens } from './carousel-tokens.types.mjs';
|
|
43
43
|
export { PopoverTokens } from './popover-tokens.types.mjs';
|
|
44
44
|
export { ModalTokens } from './modal-tokens.types.mjs';
|
|
45
|
+
export { ColorPickerPreset, ColorPickerTokens } from './color-picker-tokens.types.mjs';
|
|
45
46
|
import 'react-native';
|
package/dist/types/index.js
CHANGED
package/dist/types/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./border.types\";\nexport * from \"./color.types\";\nexport * from \"./chart.types\";\nexport * from \"./charts-tokens.types\";\nexport * from \"./components.types\";\nexport * from \"./dimension.types\";\nexport * from \"./flex.types\";\nexport * from \"./shadow.types\";\nexport * from \"./spacing.types\";\nexport * from \"./style.types\";\nexport * from \"./theme-provider.types\";\nexport * from \"./tokens.types\";\nexport * from \"./typography.types\";\nexport * from \"./buttons-tokens.types\";\nexport * from \"./accordion-tokens.types\";\nexport * from \"./avatar-tokens.types\";\nexport * from \"./badge-tokens.types\";\nexport * from \"./card-tokens.types\";\nexport * from \"./checkbox-tokens.types\";\nexport * from \"./tag-tokens.types\";\nexport * from \"./control-tokens.types\";\nexport * from \"./select-tokens.types\";\nexport * from \"./datetime-picker-tokens.types\";\nexport * from \"./divider-tokens.types\";\nexport * from \"./time-picker-token.types\";\nexport * from \"./flyout-tokens.types\";\nexport * from \"./icon-tokens.types\";\nexport * from \"./pressable-tokens.types\";\nexport * from \"./pagination-tokens.types\";\nexport * from \"./progress-tokens.types\";\nexport * from \"./radio-tokens.types\";\nexport * from \"./segmented-control-tokens.types\";\nexport * from \"./tabs-tokens.types\";\nexport * from \"./skeleton-tokens.types\";\nexport * from \"./slider-tokens.types\";\nexport * from \"./spinner-tokens.types\";\nexport * from \"./stepper-tokens.types\";\nexport * from \"./switch-tokens.types\";\nexport * from \"./textarea-tokens.types\";\nexport * from \"./data-state-tokens.types\";\n\nexport * from \"./list-tokens.types\";\nexport * from \"./carousel-tokens.types\";\n\nexport * from \"./toast-tokens.types\";\nexport * from \"./popover-tokens.types\";\nexport * from \"./modal-tokens.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./border.types\";\nexport * from \"./color.types\";\nexport * from \"./chart.types\";\nexport * from \"./charts-tokens.types\";\nexport * from \"./components.types\";\nexport * from \"./dimension.types\";\nexport * from \"./flex.types\";\nexport * from \"./shadow.types\";\nexport * from \"./spacing.types\";\nexport * from \"./style.types\";\nexport * from \"./theme-provider.types\";\nexport * from \"./tokens.types\";\nexport * from \"./typography.types\";\nexport * from \"./buttons-tokens.types\";\nexport * from \"./accordion-tokens.types\";\nexport * from \"./avatar-tokens.types\";\nexport * from \"./badge-tokens.types\";\nexport * from \"./card-tokens.types\";\nexport * from \"./checkbox-tokens.types\";\nexport * from \"./tag-tokens.types\";\nexport * from \"./control-tokens.types\";\nexport * from \"./select-tokens.types\";\nexport * from \"./datetime-picker-tokens.types\";\nexport * from \"./divider-tokens.types\";\nexport * from \"./time-picker-token.types\";\nexport * from \"./flyout-tokens.types\";\nexport * from \"./icon-tokens.types\";\nexport * from \"./pressable-tokens.types\";\nexport * from \"./pagination-tokens.types\";\nexport * from \"./progress-tokens.types\";\nexport * from \"./radio-tokens.types\";\nexport * from \"./segmented-control-tokens.types\";\nexport * from \"./tabs-tokens.types\";\nexport * from \"./skeleton-tokens.types\";\nexport * from \"./slider-tokens.types\";\nexport * from \"./spinner-tokens.types\";\nexport * from \"./stepper-tokens.types\";\nexport * from \"./switch-tokens.types\";\nexport * from \"./textarea-tokens.types\";\nexport * from \"./data-state-tokens.types\";\n\nexport * from \"./list-tokens.types\";\nexport * from \"./carousel-tokens.types\";\n\nexport * from \"./toast-tokens.types\";\nexport * from \"./popover-tokens.types\";\nexport * from \"./modal-tokens.types\";\n\nexport * from \"./color-picker-tokens.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;","names":[]}
|
|
@@ -27,6 +27,7 @@ interface SliderAppearanceTokens {
|
|
|
27
27
|
}
|
|
28
28
|
type SliderVariantTokens = Record<SelectionVariant, VisualStateTokens<ControlVisualState, SliderAppearanceTokens>>;
|
|
29
29
|
interface SliderTokens {
|
|
30
|
+
interactionMinHeight: number;
|
|
30
31
|
trackBorderRadius: number;
|
|
31
32
|
thumbBorderRadius: number;
|
|
32
33
|
valueBubbleBorderRadius: number;
|
|
@@ -2,13 +2,14 @@ import './badge-tokens.types.mjs';
|
|
|
2
2
|
import './carousel-tokens.types.mjs';
|
|
3
3
|
import './charts-tokens.types.mjs';
|
|
4
4
|
import './checkbox-tokens.types.mjs';
|
|
5
|
+
import './color-picker-tokens.types.mjs';
|
|
5
6
|
import './list-tokens.types.mjs';
|
|
6
7
|
import './modal-tokens.types.mjs';
|
|
7
8
|
import './popover-tokens.types.mjs';
|
|
8
9
|
import './radio-tokens.types.mjs';
|
|
9
10
|
import './shadow.types.mjs';
|
|
10
11
|
import './tabs-tokens.types.mjs';
|
|
11
|
-
export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData } from '../theme-provider.types-
|
|
12
|
+
export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
12
13
|
import './accordion-tokens.types.mjs';
|
|
13
14
|
import './avatar-tokens.types.mjs';
|
|
14
15
|
import './buttons-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { e as ToastTokens, f as ToastTone } from '../theme-provider.types-
|
|
1
|
+
export { e as ToastTokens, f as ToastTone } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
2
|
import './tokens.types.mjs';
|
|
3
3
|
import './badge-tokens.types.mjs';
|
|
4
4
|
import './components.types.mjs';
|
|
@@ -6,6 +6,7 @@ import './carousel-tokens.types.mjs';
|
|
|
6
6
|
import './charts-tokens.types.mjs';
|
|
7
7
|
import './chart.types.mjs';
|
|
8
8
|
import './checkbox-tokens.types.mjs';
|
|
9
|
+
import './color-picker-tokens.types.mjs';
|
|
9
10
|
import './list-tokens.types.mjs';
|
|
10
11
|
import './modal-tokens.types.mjs';
|
|
11
12
|
import './popover-tokens.types.mjs';
|
|
@@ -16,7 +16,6 @@ interface TypographyProps {
|
|
|
16
16
|
textTransform?: TextStyle["textTransform"];
|
|
17
17
|
includeFontPadding?: TextStyle["includeFontPadding"];
|
|
18
18
|
textAlignVertical?: TextStyle["textAlignVertical"];
|
|
19
|
-
writingDirection?: TextStyle["writingDirection"];
|
|
20
19
|
}
|
|
21
20
|
type TypographyPresetKey = "Master" | "DisplayLarge" | "DisplayMedium" | "DisplaySmall" | "Title1" | "Title2" | "Title3" | "Title4" | "Title5" | "Title6" | "Subtitle1" | "Subtitle2" | "BodyLarge" | "Body" | "BodySmall" | "Caption" | "Label" | "Overline" | "Helper" | "Code" | "Quote" | "Eyebrow";
|
|
22
21
|
|