@impulse-ui-native/theme 8.3.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-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/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/constants/style.constants.ts"],"sourcesContent":["import { ShadowIntensity, ShadowLevel, StyleProps } from \"../types\";\n\nconst StylePropsRecord: Record<keyof StyleProps, number> = {\n margin: 0,\n marginTop: 0,\n marginBottom: 0,\n marginLeft: 0,\n marginRight: 0,\n marginHorizontal: 0,\n marginVertical: 0,\n padding: 0,\n paddingTop: 0,\n paddingBottom: 0,\n paddingLeft: 0,\n paddingRight: 0,\n paddingHorizontal: 0,\n paddingVertical: 0,\n color: 0,\n backgroundColor: 0,\n opacity: 0,\n shadow: 0,\n shadowPosition: 0,\n shadowColor: 0,\n shadowOpacity: 0,\n shadowRadius: 0,\n shadowOffset: 0,\n elevation: 0,\n borderRadius: 0,\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n borderWidth: 0,\n borderTopWidth: 0,\n borderRightWidth: 0,\n borderBottomWidth: 0,\n borderLeftWidth: 0,\n borderColor: 0,\n borderTopColor: 0,\n borderRightColor: 0,\n borderBottomColor: 0,\n borderLeftColor: 0,\n borderStyle: 0,\n fontSize: 0,\n fontFamily: 0,\n fontWeight: 0,\n fontStyle: 0,\n fontVariant: 0,\n letterSpacing: 0,\n lineHeight: 0,\n textAlign: 0,\n textDecorationLine: 0,\n textDecorationStyle: 0,\n textDecorationColor: 0,\n textTransform: 0,\n includeFontPadding: 0,\n textAlignVertical: 0,\n
|
|
1
|
+
{"version":3,"sources":["../../src/constants/style.constants.ts"],"sourcesContent":["import { ShadowIntensity, ShadowLevel, StyleProps } from \"../types\";\n\nconst StylePropsRecord: Record<keyof StyleProps, number> = {\n margin: 0,\n marginTop: 0,\n marginBottom: 0,\n marginLeft: 0,\n marginRight: 0,\n marginHorizontal: 0,\n marginVertical: 0,\n padding: 0,\n paddingTop: 0,\n paddingBottom: 0,\n paddingLeft: 0,\n paddingRight: 0,\n paddingHorizontal: 0,\n paddingVertical: 0,\n color: 0,\n backgroundColor: 0,\n opacity: 0,\n shadow: 0,\n shadowPosition: 0,\n shadowColor: 0,\n shadowOpacity: 0,\n shadowRadius: 0,\n shadowOffset: 0,\n elevation: 0,\n borderRadius: 0,\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n borderWidth: 0,\n borderTopWidth: 0,\n borderRightWidth: 0,\n borderBottomWidth: 0,\n borderLeftWidth: 0,\n borderColor: 0,\n borderTopColor: 0,\n borderRightColor: 0,\n borderBottomColor: 0,\n borderLeftColor: 0,\n borderStyle: 0,\n fontSize: 0,\n fontFamily: 0,\n fontWeight: 0,\n fontStyle: 0,\n fontVariant: 0,\n letterSpacing: 0,\n lineHeight: 0,\n textAlign: 0,\n textDecorationLine: 0,\n textDecorationStyle: 0,\n textDecorationColor: 0,\n textTransform: 0,\n includeFontPadding: 0,\n textAlignVertical: 0,\n flex: 0,\n flexGrow: 0,\n flexShrink: 0,\n flexBasis: 0,\n flexDirection: 0,\n flexWrap: 0,\n justifyContent: 0,\n alignItems: 0,\n alignSelf: 0,\n alignContent: 0,\n gap: 0,\n rowGap: 0,\n columnGap: 0,\n position: 0,\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n zIndex: 0,\n width: 0,\n height: 0,\n minWidth: 0,\n maxWidth: 0,\n minHeight: 0,\n maxHeight: 0,\n aspectRatio: 0,\n overflow: 0,\n} as const;\n\nexport const StylePropsSet = new Set<keyof StyleProps>(\n Object.keys(StylePropsRecord) as (keyof StyleProps)[],\n);\n\nexport const ShadowScale: Record<ShadowLevel, ShadowIntensity> = {\n none: { radius: 0, opacity: 0, elevation: 0 },\n xs: { radius: 2, opacity: 0.08, elevation: 1 },\n sm: { radius: 4, opacity: 0.1, elevation: 2 },\n md: { radius: 8, opacity: 0.15, elevation: 4 },\n lg: { radius: 16, opacity: 0.18, elevation: 8 },\n xl: { radius: 24, opacity: 0.22, elevation: 12 },\n};\n"],"mappings":"AAEA,MAAM,mBAAqD;AAAA,EACzD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,cAAc;AAAA,EACd,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AACZ;AAEO,MAAM,gBAAgB,IAAI;AAAA,EAC/B,OAAO,KAAK,gBAAgB;AAC9B;AAEO,MAAM,cAAoD;AAAA,EAC/D,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,GAAG,SAAS,KAAK,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,GAAG;AACjD;","names":[]}
|
package/dist/hooks/index.d.mts
CHANGED
|
@@ -7,13 +7,14 @@ export { useStyleProps } from './use-style-props.hook.mjs';
|
|
|
7
7
|
export { useTheme } from './use-theme.hook.mjs';
|
|
8
8
|
export { useThemedStyles } from './use-themed-styles.mjs';
|
|
9
9
|
import '../types/tokens.types.mjs';
|
|
10
|
-
import '../theme-provider.types-
|
|
10
|
+
import '../theme-provider.types-CIh3wHN_.mjs';
|
|
11
11
|
import '../types/badge-tokens.types.mjs';
|
|
12
12
|
import '../types/components.types.mjs';
|
|
13
13
|
import '../types/carousel-tokens.types.mjs';
|
|
14
14
|
import '../types/charts-tokens.types.mjs';
|
|
15
15
|
import '../types/chart.types.mjs';
|
|
16
16
|
import '../types/checkbox-tokens.types.mjs';
|
|
17
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
17
18
|
import '../types/list-tokens.types.mjs';
|
|
18
19
|
import '../types/modal-tokens.types.mjs';
|
|
19
20
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { T as ThemeColors } from '../theme-provider.types-
|
|
1
|
+
import { T as ThemeColors } 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 { c as ComponentsTokens } from '../theme-provider.types-
|
|
1
|
+
import { c as ComponentsTokens } 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 { A as AppTheme } from '../theme-provider.types-
|
|
1
|
+
import { A as AppTheme } 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,11 +1,12 @@
|
|
|
1
1
|
import { StyleSheet } from 'react-native';
|
|
2
|
-
import { A as AppTheme } from '../theme-provider.types-
|
|
2
|
+
import { A as AppTheme } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
5
|
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';
|
package/dist/index.d.mts
CHANGED
|
@@ -20,6 +20,7 @@ export { createCarouselTokens } from './theme/create-carousel-tokens.mjs';
|
|
|
20
20
|
export { createToastTokens } from './theme/create-toast-tokens.mjs';
|
|
21
21
|
export { createPopoverTokens } from './theme/create-popover-tokens.mjs';
|
|
22
22
|
export { createModalTokens } from './theme/create-modal-tokens.mjs';
|
|
23
|
+
export { createColorPickerTokens } from './theme/create-color-picker-tokens.mjs';
|
|
23
24
|
export { BorderProps } from './types/border.types.mjs';
|
|
24
25
|
export { ColorProps } from './types/color.types.mjs';
|
|
25
26
|
export { ChartColorPalette } from './types/chart.types.mjs';
|
|
@@ -30,7 +31,7 @@ export { FlexProps } from './types/flex.types.mjs';
|
|
|
30
31
|
export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps, ShadowScaleTokens } from './types/shadow.types.mjs';
|
|
31
32
|
export { SpacingProps } from './types/spacing.types.mjs';
|
|
32
33
|
export { StylePropKey, StyleProps } from './types/style.types.mjs';
|
|
33
|
-
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-
|
|
34
|
+
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';
|
|
34
35
|
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 './types/tokens.types.mjs';
|
|
35
36
|
export { TypographyPresetKey, TypographyProps } from './types/typography.types.mjs';
|
|
36
37
|
export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
|
|
@@ -64,6 +65,7 @@ export { ListTokens } from './types/list-tokens.types.mjs';
|
|
|
64
65
|
export { CarouselCounterAppearanceTokens, CarouselIndicatorAppearanceTokens, CarouselTokens } from './types/carousel-tokens.types.mjs';
|
|
65
66
|
export { PopoverTokens } from './types/popover-tokens.types.mjs';
|
|
66
67
|
export { ModalTokens } from './types/modal-tokens.types.mjs';
|
|
68
|
+
export { ColorPickerPreset, ColorPickerTokens } from './types/color-picker-tokens.types.mjs';
|
|
67
69
|
export { getActionStateTokens } from './utils/action-state.utils.mjs';
|
|
68
70
|
export { getAvailabilityStateTokens } from './utils/availability-state.utils.mjs';
|
|
69
71
|
export { getControlStateTokens } from './utils/control-state.utils.mjs';
|
|
@@ -2,13 +2,14 @@ export { ThemeProvider, useThemeContext } from './theme.provider.mjs';
|
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import '@impulse-ui-native/core';
|
|
5
|
-
import '../theme-provider.types-
|
|
5
|
+
import '../theme-provider.types-CIh3wHN_.mjs';
|
|
6
6
|
import '../types/badge-tokens.types.mjs';
|
|
7
7
|
import '../types/components.types.mjs';
|
|
8
8
|
import '../types/carousel-tokens.types.mjs';
|
|
9
9
|
import '../types/charts-tokens.types.mjs';
|
|
10
10
|
import '../types/chart.types.mjs';
|
|
11
11
|
import '../types/checkbox-tokens.types.mjs';
|
|
12
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
12
13
|
import '../types/list-tokens.types.mjs';
|
|
13
14
|
import '../types/modal-tokens.types.mjs';
|
|
14
15
|
import '../types/popover-tokens.types.mjs';
|
|
@@ -2,13 +2,14 @@ import * as react from 'react';
|
|
|
2
2
|
import { PropsWithChildren } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { DeepPartial } from '@impulse-ui-native/core';
|
|
5
|
-
import { a as ColorScheme, P as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-
|
|
5
|
+
import { a as ColorScheme, P as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
6
6
|
import '../types/badge-tokens.types.mjs';
|
|
7
7
|
import '../types/components.types.mjs';
|
|
8
8
|
import '../types/carousel-tokens.types.mjs';
|
|
9
9
|
import '../types/charts-tokens.types.mjs';
|
|
10
10
|
import '../types/chart.types.mjs';
|
|
11
11
|
import '../types/checkbox-tokens.types.mjs';
|
|
12
|
+
import '../types/color-picker-tokens.types.mjs';
|
|
12
13
|
import '../types/list-tokens.types.mjs';
|
|
13
14
|
import '../types/modal-tokens.types.mjs';
|
|
14
15
|
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 { AccordionTokens } from '../types/accordion-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 { AvatarTokens } from '../types/avatar-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,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 { BadgeTokens } from '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/carousel-tokens.types.mjs';
|
|
4
4
|
import '../types/components.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,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 { ButtonTokens } from '../types/buttons-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 { CardTokens } from '../types/card-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,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 { CarouselTokens } from '../types/carousel-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.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
1
|
import { ChartsTokens } from '../types/charts-tokens.types.mjs';
|
|
2
|
-
import { P as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
2
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
3
3
|
import '../types/chart.types.mjs';
|
|
4
4
|
import '../types/badge-tokens.types.mjs';
|
|
5
5
|
import '../types/components.types.mjs';
|
|
6
6
|
import '../types/carousel-tokens.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 { CheckboxTokens } from '../types/checkbox-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
5
|
import '../types/carousel-tokens.types.mjs';
|
|
6
6
|
import '../types/charts-tokens.types.mjs';
|
|
7
7
|
import '../types/chart.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';
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
|
|
2
|
+
import { ColorPickerTokens } from '../types/color-picker-tokens.types.mjs';
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
|
+
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/carousel-tokens.types.mjs';
|
|
6
|
+
import '../types/charts-tokens.types.mjs';
|
|
7
|
+
import '../types/chart.types.mjs';
|
|
8
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
9
|
+
import '../types/list-tokens.types.mjs';
|
|
10
|
+
import '../types/modal-tokens.types.mjs';
|
|
11
|
+
import '../types/popover-tokens.types.mjs';
|
|
12
|
+
import '../types/radio-tokens.types.mjs';
|
|
13
|
+
import '../types/shadow.types.mjs';
|
|
14
|
+
import 'react-native';
|
|
15
|
+
import '../types/tabs-tokens.types.mjs';
|
|
16
|
+
import '../types/accordion-tokens.types.mjs';
|
|
17
|
+
import '../types/avatar-tokens.types.mjs';
|
|
18
|
+
import '../types/buttons-tokens.types.mjs';
|
|
19
|
+
import '../types/card-tokens.types.mjs';
|
|
20
|
+
import '../types/control-tokens.types.mjs';
|
|
21
|
+
import '../types/data-state-tokens.types.mjs';
|
|
22
|
+
import '../types/datetime-picker-tokens.types.mjs';
|
|
23
|
+
import '../types/divider-tokens.types.mjs';
|
|
24
|
+
import '../types/flyout-tokens.types.mjs';
|
|
25
|
+
import '../types/icon-tokens.types.mjs';
|
|
26
|
+
import '../types/pagination-tokens.types.mjs';
|
|
27
|
+
import '../types/pressable-tokens.types.mjs';
|
|
28
|
+
import '../types/progress-tokens.types.mjs';
|
|
29
|
+
import '../types/spinner-tokens.types.mjs';
|
|
30
|
+
import '../types/segmented-control-tokens.types.mjs';
|
|
31
|
+
import '../types/select-tokens.types.mjs';
|
|
32
|
+
import '../types/skeleton-tokens.types.mjs';
|
|
33
|
+
import '../types/slider-tokens.types.mjs';
|
|
34
|
+
import '../types/stepper-tokens.types.mjs';
|
|
35
|
+
import '../types/switch-tokens.types.mjs';
|
|
36
|
+
import '../types/tag-tokens.types.mjs';
|
|
37
|
+
import '../types/textarea-tokens.types.mjs';
|
|
38
|
+
import '../types/time-picker-token.types.mjs';
|
|
39
|
+
import '../types/tokens.types.mjs';
|
|
40
|
+
|
|
41
|
+
declare function createColorPickerTokens(tokens: PrimitiveThemeTokens): ColorPickerTokens;
|
|
42
|
+
|
|
43
|
+
export { createColorPickerTokens };
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
function createColorPickerTokens(tokens) {
|
|
2
|
+
const { colors, space, radii, borderSize } = tokens;
|
|
3
|
+
return {
|
|
4
|
+
gap: space.sm,
|
|
5
|
+
rowGap: space.sm,
|
|
6
|
+
sliderLabelGap: space.xxs,
|
|
7
|
+
presetsLabelGap: space.xs,
|
|
8
|
+
presetsGap: space.xs,
|
|
9
|
+
presetLabelGap: space.xxs,
|
|
10
|
+
alphaFieldFlex: 0.6,
|
|
11
|
+
padding: space.sm,
|
|
12
|
+
borderRadius: radii.lg,
|
|
13
|
+
spectrumBorderRadius: radii.md,
|
|
14
|
+
previewBorderRadius: radii.md,
|
|
15
|
+
swatchBorderRadius: radii.round,
|
|
16
|
+
swatchRingPadding: space.xxs,
|
|
17
|
+
swatchRingBorderWidth: borderSize.md,
|
|
18
|
+
borderWidth: borderSize.sm,
|
|
19
|
+
borderColor: colors.border.default.value,
|
|
20
|
+
backgroundColor: colors.surface.elevated.value,
|
|
21
|
+
labelColor: colors.text.primary,
|
|
22
|
+
selectedBorderColor: colors.border.focus.value,
|
|
23
|
+
indicatorColor: colors.white,
|
|
24
|
+
indicatorBorderRadius: radii.round,
|
|
25
|
+
indicatorBorderWidth: borderSize.md,
|
|
26
|
+
indicatorShadowOffsetX: 0,
|
|
27
|
+
indicatorShadowOffsetY: 1,
|
|
28
|
+
indicatorShadowBlurRadius: space.xxs,
|
|
29
|
+
indicatorShadowColor: colors.black,
|
|
30
|
+
checkerLightColor: colors.neutral["0"],
|
|
31
|
+
checkerDarkColor: colors.neutral["4"],
|
|
32
|
+
checkerSize: space.xs,
|
|
33
|
+
disabledOpacity: 0.5,
|
|
34
|
+
presets: [
|
|
35
|
+
{ label: "Primary", color: colors.primary.value },
|
|
36
|
+
{ label: "Accent", color: colors.accent.value },
|
|
37
|
+
{ label: "Secondary", color: colors.secondary.value },
|
|
38
|
+
{ label: "Error", color: colors.feedback.error.value },
|
|
39
|
+
{ label: "Warning", color: colors.feedback.warning.value },
|
|
40
|
+
{ label: "Success", color: colors.feedback.success.value },
|
|
41
|
+
{ label: "Info", color: colors.feedback.info.value },
|
|
42
|
+
{ label: "White", color: colors.white },
|
|
43
|
+
{ label: "Black", color: colors.black }
|
|
44
|
+
],
|
|
45
|
+
sizes: {
|
|
46
|
+
small: {
|
|
47
|
+
spectrumHeight: 144,
|
|
48
|
+
indicatorSize: 20,
|
|
49
|
+
previewSize: 32,
|
|
50
|
+
swatchSize: 24,
|
|
51
|
+
swatchCheckSize: 12,
|
|
52
|
+
swatchTargetSize: 44
|
|
53
|
+
},
|
|
54
|
+
medium: {
|
|
55
|
+
spectrumHeight: 192,
|
|
56
|
+
indicatorSize: 24,
|
|
57
|
+
previewSize: 40,
|
|
58
|
+
swatchSize: 32,
|
|
59
|
+
swatchCheckSize: 16,
|
|
60
|
+
swatchTargetSize: 44
|
|
61
|
+
},
|
|
62
|
+
large: {
|
|
63
|
+
spectrumHeight: 240,
|
|
64
|
+
indicatorSize: 28,
|
|
65
|
+
previewSize: 48,
|
|
66
|
+
swatchSize: 40,
|
|
67
|
+
swatchCheckSize: 20,
|
|
68
|
+
swatchTargetSize: 48
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
export {
|
|
74
|
+
createColorPickerTokens
|
|
75
|
+
};
|
|
76
|
+
//# sourceMappingURL=create-color-picker-tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-color-picker-tokens.ts"],"sourcesContent":["import type { ColorPickerTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createColorPickerTokens(\n tokens: PrimitiveThemeTokens,\n): ColorPickerTokens {\n const { colors, space, radii, borderSize } = tokens;\n\n return {\n gap: space.sm,\n rowGap: space.sm,\n sliderLabelGap: space.xxs,\n presetsLabelGap: space.xs,\n presetsGap: space.xs,\n presetLabelGap: space.xxs,\n alphaFieldFlex: 0.6,\n padding: space.sm,\n borderRadius: radii.lg,\n spectrumBorderRadius: radii.md,\n previewBorderRadius: radii.md,\n swatchBorderRadius: radii.round,\n swatchRingPadding: space.xxs,\n swatchRingBorderWidth: borderSize.md,\n borderWidth: borderSize.sm,\n borderColor: colors.border.default.value,\n backgroundColor: colors.surface.elevated.value,\n labelColor: colors.text.primary,\n selectedBorderColor: colors.border.focus.value,\n indicatorColor: colors.white,\n indicatorBorderRadius: radii.round,\n indicatorBorderWidth: borderSize.md,\n indicatorShadowOffsetX: 0,\n indicatorShadowOffsetY: 1,\n indicatorShadowBlurRadius: space.xxs,\n indicatorShadowColor: colors.black,\n checkerLightColor: colors.neutral[\"0\"],\n checkerDarkColor: colors.neutral[\"4\"],\n checkerSize: space.xs,\n disabledOpacity: 0.5,\n presets: [\n { label: \"Primary\", color: colors.primary.value },\n { label: \"Accent\", color: colors.accent.value },\n { label: \"Secondary\", color: colors.secondary.value },\n { label: \"Error\", color: colors.feedback.error.value },\n { label: \"Warning\", color: colors.feedback.warning.value },\n { label: \"Success\", color: colors.feedback.success.value },\n { label: \"Info\", color: colors.feedback.info.value },\n { label: \"White\", color: colors.white },\n { label: \"Black\", color: colors.black },\n ],\n sizes: {\n small: {\n spectrumHeight: 144,\n indicatorSize: 20,\n previewSize: 32,\n swatchSize: 24,\n swatchCheckSize: 12,\n swatchTargetSize: 44,\n },\n medium: {\n spectrumHeight: 192,\n indicatorSize: 24,\n previewSize: 40,\n swatchSize: 32,\n swatchCheckSize: 16,\n swatchTargetSize: 44,\n },\n large: {\n spectrumHeight: 240,\n indicatorSize: 28,\n previewSize: 48,\n swatchSize: 40,\n swatchCheckSize: 20,\n swatchTargetSize: 48,\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,wBACd,QACmB;AACnB,QAAM,EAAE,QAAQ,OAAO,OAAO,WAAW,IAAI;AAE7C,SAAO;AAAA,IACL,KAAK,MAAM;AAAA,IACX,QAAQ,MAAM;AAAA,IACd,gBAAgB,MAAM;AAAA,IACtB,iBAAiB,MAAM;AAAA,IACvB,YAAY,MAAM;AAAA,IAClB,gBAAgB,MAAM;AAAA,IACtB,gBAAgB;AAAA,IAChB,SAAS,MAAM;AAAA,IACf,cAAc,MAAM;AAAA,IACpB,sBAAsB,MAAM;AAAA,IAC5B,qBAAqB,MAAM;AAAA,IAC3B,oBAAoB,MAAM;AAAA,IAC1B,mBAAmB,MAAM;AAAA,IACzB,uBAAuB,WAAW;AAAA,IAClC,aAAa,WAAW;AAAA,IACxB,aAAa,OAAO,OAAO,QAAQ;AAAA,IACnC,iBAAiB,OAAO,QAAQ,SAAS;AAAA,IACzC,YAAY,OAAO,KAAK;AAAA,IACxB,qBAAqB,OAAO,OAAO,MAAM;AAAA,IACzC,gBAAgB,OAAO;AAAA,IACvB,uBAAuB,MAAM;AAAA,IAC7B,sBAAsB,WAAW;AAAA,IACjC,wBAAwB;AAAA,IACxB,wBAAwB;AAAA,IACxB,2BAA2B,MAAM;AAAA,IACjC,sBAAsB,OAAO;AAAA,IAC7B,mBAAmB,OAAO,QAAQ,GAAG;AAAA,IACrC,kBAAkB,OAAO,QAAQ,GAAG;AAAA,IACpC,aAAa,MAAM;AAAA,IACnB,iBAAiB;AAAA,IACjB,SAAS;AAAA,MACP,EAAE,OAAO,WAAW,OAAO,OAAO,QAAQ,MAAM;AAAA,MAChD,EAAE,OAAO,UAAU,OAAO,OAAO,OAAO,MAAM;AAAA,MAC9C,EAAE,OAAO,aAAa,OAAO,OAAO,UAAU,MAAM;AAAA,MACpD,EAAE,OAAO,SAAS,OAAO,OAAO,SAAS,MAAM,MAAM;AAAA,MACrD,EAAE,OAAO,WAAW,OAAO,OAAO,SAAS,QAAQ,MAAM;AAAA,MACzD,EAAE,OAAO,WAAW,OAAO,OAAO,SAAS,QAAQ,MAAM;AAAA,MACzD,EAAE,OAAO,QAAQ,OAAO,OAAO,SAAS,KAAK,MAAM;AAAA,MACnD,EAAE,OAAO,SAAS,OAAO,OAAO,MAAM;AAAA,MACtC,EAAE,OAAO,SAAS,OAAO,OAAO,MAAM;AAAA,IACxC;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,QACL,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,MACpB;AAAA,MACA,QAAQ;AAAA,QACN,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,MACpB;AAAA,MACA,OAAO;AAAA,QACL,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,MACpB;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 { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from '../types/control-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 { DataStateTokens } from '../types/data-state-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 { DatetimePickerTokens } from '../types/datetime-picker-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 { DividerTokens } from '../types/divider-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 { FlyoutTokens } from '../types/flyout-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 { IconButtonTokens } from '../types/buttons-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 { ListTokens } from '../types/list-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/modal-tokens.types.mjs';
|
|
10
11
|
import '../types/popover-tokens.types.mjs';
|
|
11
12
|
import '../types/radio-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 { ModalTokens } from '../types/modal-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/popover-tokens.types.mjs';
|
|
11
12
|
import '../types/radio-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 { PaginationTokens } from '../types/pagination-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 { PopoverTokens } from '../types/popover-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/radio-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 { ProgressTokens } from '../types/progress-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 { RadioTokens } from '../types/radio-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 { SegmentedControlTokens } from '../types/segmented-control-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 { SelectTokens } from '../types/select-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';
|