@impulse-ui-native/theme 2.8.0 → 3.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/index.d.mts +1 -1
- package/dist/constants/style.constants.d.mts +3 -3
- package/dist/constants/style.constants.js +3 -3
- package/dist/constants/style.constants.js.map +1 -1
- package/dist/hooks/index.d.mts +3 -1
- package/dist/hooks/use-colors.hook.d.mts +3 -1
- package/dist/hooks/use-components-tokens.hook.d.mts +3 -1
- package/dist/hooks/use-theme.hook.d.mts +3 -1
- package/dist/hooks/use-themed-styles.d.mts +3 -1
- package/dist/index.d.mts +4 -1
- package/dist/providers/index.d.mts +3 -1
- package/dist/providers/theme.provider.d.mts +3 -1
- package/dist/theme/create-accordion-tokens.d.mts +3 -1
- package/dist/theme/create-avatar-tokens.d.mts +3 -1
- package/dist/theme/create-badge-tokens.d.mts +31 -0
- package/dist/theme/create-badge-tokens.js +101 -0
- package/dist/theme/create-badge-tokens.js.map +1 -0
- package/dist/theme/create-button-tokens.d.mts +3 -1
- package/dist/theme/create-card-tokens.d.mts +3 -1
- package/dist/theme/create-checkbox-tokens.d.mts +3 -1
- package/dist/theme/create-control-tokens.d.mts +3 -1
- package/dist/theme/create-data-state-tokens.d.mts +3 -1
- package/dist/theme/create-datetime-picker.d.mts +3 -1
- package/dist/theme/create-divider-tokens.d.mts +3 -1
- package/dist/theme/create-flyout-tokens.d.mts +3 -1
- package/dist/theme/create-icon-button-tokens.d.mts +3 -1
- package/dist/theme/create-progress-tokens.d.mts +3 -1
- package/dist/theme/create-radio-tokens.d.mts +3 -1
- package/dist/theme/create-select-tokens.d.mts +3 -1
- package/dist/theme/create-skeleton-tokens.d.mts +3 -1
- package/dist/theme/create-slider-tokens.d.mts +31 -0
- package/dist/theme/create-slider-tokens.js +79 -0
- package/dist/theme/create-slider-tokens.js.map +1 -0
- package/dist/theme/create-spinner-tokens.d.mts +3 -1
- package/dist/theme/create-stepper-tokens.d.mts +3 -1
- package/dist/theme/create-switch-tokens.d.mts +3 -1
- package/dist/theme/create-tag-tokens.d.mts +3 -1
- package/dist/theme/create-textarea-tokens.d.mts +3 -1
- package/dist/theme/create-time-picker-tokens.d.mts +3 -1
- package/dist/theme/dark.theme.d.mts +3 -1
- package/dist/theme/index.d.mts +4 -1
- package/dist/theme/index.js +1 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/light.theme.d.mts +3 -1
- package/dist/theme/tokens.theme.d.mts +3 -1
- package/dist/theme/tokens.theme.js +4 -0
- package/dist/theme/tokens.theme.js.map +1 -1
- package/dist/types/badge-tokens.types.d.mts +28 -0
- package/dist/types/badge-tokens.types.js +1 -0
- package/dist/types/badge-tokens.types.js.map +1 -0
- package/dist/types/index.d.mts +2 -0
- package/dist/types/index.js +2 -0
- package/dist/types/index.js.map +1 -1
- package/dist/types/slider-tokens.types.d.mts +44 -0
- package/dist/types/slider-tokens.types.js +1 -0
- package/dist/types/slider-tokens.types.js.map +1 -0
- package/dist/types/theme-provider.types.d.mts +4 -0
- package/dist/utils/index.d.mts +3 -1
- package/dist/utils/style.utils.d.mts +3 -1
- package/dist/utils/style.utils.js +2 -2
- package/dist/utils/style.utils.js.map +1 -1
- package/package.json +3 -3
|
@@ -2,13 +2,13 @@ import { BorderProps } from '../types/border.types.mjs';
|
|
|
2
2
|
import { ColorProps } from '../types/color.types.mjs';
|
|
3
3
|
import { DimensionProps } from '../types/dimension.types.mjs';
|
|
4
4
|
import { FlexProps } from '../types/flex.types.mjs';
|
|
5
|
-
import {
|
|
5
|
+
import { ShadowLevel, ShadowIntensity, ShadowProps } from '../types/shadow.types.mjs';
|
|
6
6
|
import { SpacingProps } from '../types/spacing.types.mjs';
|
|
7
7
|
import { TypographyProps } from '../types/typography.types.mjs';
|
|
8
8
|
import 'react-native';
|
|
9
9
|
import '../types/tokens.types.mjs';
|
|
10
10
|
|
|
11
11
|
declare const StylePropsSet: Set<keyof SpacingProps | keyof ColorProps | keyof ShadowProps | keyof BorderProps | keyof TypographyProps | keyof FlexProps | keyof DimensionProps>;
|
|
12
|
-
declare const
|
|
12
|
+
declare const ShadowScale: Record<ShadowLevel, ShadowIntensity>;
|
|
13
13
|
|
|
14
|
-
export {
|
|
14
|
+
export { ShadowScale, StylePropsSet };
|
|
@@ -85,7 +85,7 @@ const StylePropsRecord = {
|
|
|
85
85
|
const StylePropsSet = new Set(
|
|
86
86
|
Object.keys(StylePropsRecord)
|
|
87
87
|
);
|
|
88
|
-
const
|
|
88
|
+
const ShadowScale = {
|
|
89
89
|
none: { radius: 0, opacity: 0, elevation: 0 },
|
|
90
90
|
xs: { radius: 2, opacity: 0.08, elevation: 1 },
|
|
91
91
|
sm: { radius: 4, opacity: 0.1, elevation: 2 },
|
|
@@ -94,7 +94,7 @@ const shadowScale = {
|
|
|
94
94
|
xl: { radius: 24, opacity: 0.22, elevation: 12 }
|
|
95
95
|
};
|
|
96
96
|
export {
|
|
97
|
-
|
|
98
|
-
|
|
97
|
+
ShadowScale,
|
|
98
|
+
StylePropsSet
|
|
99
99
|
};
|
|
100
100
|
//# sourceMappingURL=style.constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/constants/style.constants.ts"],"sourcesContent":["import { ShadowIntensity, ShadowLevel, StyleProps } from \"../types\";\
|
|
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 writingDirection: 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,kBAAkB;AAAA,EAClB,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
|
@@ -8,8 +8,9 @@ export { useTheme } from './use-theme.hook.mjs';
|
|
|
8
8
|
export { useThemedStyles } from './use-themed-styles.mjs';
|
|
9
9
|
import '../types/tokens.types.mjs';
|
|
10
10
|
import '../types/theme-provider.types.mjs';
|
|
11
|
-
import '../types/
|
|
11
|
+
import '../types/badge-tokens.types.mjs';
|
|
12
12
|
import '../types/components.types.mjs';
|
|
13
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
13
14
|
import '../types/radio-tokens.types.mjs';
|
|
14
15
|
import '../types/accordion-tokens.types.mjs';
|
|
15
16
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -26,6 +27,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
26
27
|
import '../types/spinner-tokens.types.mjs';
|
|
27
28
|
import '../types/select-tokens.types.mjs';
|
|
28
29
|
import '../types/skeleton-tokens.types.mjs';
|
|
30
|
+
import '../types/slider-tokens.types.mjs';
|
|
29
31
|
import '../types/stepper-tokens.types.mjs';
|
|
30
32
|
import '../types/switch-tokens.types.mjs';
|
|
31
33
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ThemeColors } from '../types/theme-provider.types.mjs';
|
|
2
|
-
import '../types/
|
|
2
|
+
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
4
5
|
import '../types/radio-tokens.types.mjs';
|
|
5
6
|
import '../types/accordion-tokens.types.mjs';
|
|
6
7
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ComponentsTokens } from '../types/theme-provider.types.mjs';
|
|
2
|
-
import '../types/
|
|
2
|
+
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
4
5
|
import '../types/radio-tokens.types.mjs';
|
|
5
6
|
import '../types/accordion-tokens.types.mjs';
|
|
6
7
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { AppTheme } from '../types/theme-provider.types.mjs';
|
|
2
|
-
import '../types/
|
|
2
|
+
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
4
5
|
import '../types/radio-tokens.types.mjs';
|
|
5
6
|
import '../types/accordion-tokens.types.mjs';
|
|
6
7
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { StyleSheet } from 'react-native';
|
|
2
2
|
import { AppTheme } from '../types/theme-provider.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/radio-tokens.types.mjs';
|
|
6
7
|
import '../types/accordion-tokens.types.mjs';
|
|
7
8
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -18,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
18
19
|
import '../types/spinner-tokens.types.mjs';
|
|
19
20
|
import '../types/select-tokens.types.mjs';
|
|
20
21
|
import '../types/skeleton-tokens.types.mjs';
|
|
22
|
+
import '../types/slider-tokens.types.mjs';
|
|
21
23
|
import '../types/stepper-tokens.types.mjs';
|
|
22
24
|
import '../types/switch-tokens.types.mjs';
|
|
23
25
|
import '../types/tag-tokens.types.mjs';
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { ShadowScale, StylePropsSet } from './constants/style.constants.mjs';
|
|
2
2
|
export { useBorder } from './hooks/use-border.hook.mjs';
|
|
3
3
|
export { useColors } from './hooks/use-colors.hook.mjs';
|
|
4
4
|
export { useComponentsTokens } from './hooks/use-components-tokens.hook.mjs';
|
|
@@ -11,6 +11,7 @@ export { ThemeProvider, useThemeContext } from './providers/theme.provider.mjs';
|
|
|
11
11
|
export { DarkTheme } from './theme/dark.theme.mjs';
|
|
12
12
|
export { LightTheme } from './theme/light.theme.mjs';
|
|
13
13
|
export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './theme/tokens.theme.mjs';
|
|
14
|
+
export { createSliderTokens } from './theme/create-slider-tokens.mjs';
|
|
14
15
|
export { BorderProps } from './types/border.types.mjs';
|
|
15
16
|
export { ColorProps } from './types/color.types.mjs';
|
|
16
17
|
export { ChartColorPalette } from './types/chart.types.mjs';
|
|
@@ -26,6 +27,7 @@ export { TypographyPresetKey, TypographyProps } from './types/typography.types.m
|
|
|
26
27
|
export { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
|
|
27
28
|
export { AccordionTokens } from './types/accordion-tokens.types.mjs';
|
|
28
29
|
export { AvatarSizeTokens, AvatarStatus, AvatarTokens, AvatarVariantTokens } from './types/avatar-tokens.types.mjs';
|
|
30
|
+
export { BadgeColorTokens, BadgeSizeTokens, BadgeTokens, BadgeTone, BadgeVariantTokens } from './types/badge-tokens.types.mjs';
|
|
29
31
|
export { CardSectionTokens, CardTokens } from './types/card-tokens.types.mjs';
|
|
30
32
|
export { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './types/checkbox-tokens.types.mjs';
|
|
31
33
|
export { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './types/tag-tokens.types.mjs';
|
|
@@ -40,6 +42,7 @@ export { PressableTokens } from './types/pressable-tokens.types.mjs';
|
|
|
40
42
|
export { ProgressColorTokens, ProgressSizeTokens, ProgressTokens, ProgressTone, ProgressVariant } from './types/progress-tokens.types.mjs';
|
|
41
43
|
export { RadioSizeTokens, RadioTokens, RadioVariantTokens } from './types/radio-tokens.types.mjs';
|
|
42
44
|
export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './types/skeleton-tokens.types.mjs';
|
|
45
|
+
export { SliderSizeTokens, SliderTokens, SliderVariant, SliderVariantTokens } from './types/slider-tokens.types.mjs';
|
|
43
46
|
export { SpinnerTokens, SpinnerTone } from './types/spinner-tokens.types.mjs';
|
|
44
47
|
export { StepperNavigationTokens, StepperTokens } from './types/stepper-tokens.types.mjs';
|
|
45
48
|
export { SwitchSizeTokens, SwitchTokens, SwitchVariantTokens } from './types/switch-tokens.types.mjs';
|
|
@@ -3,8 +3,9 @@ import 'react';
|
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import '@impulse-ui-native/core';
|
|
5
5
|
import '../types/theme-provider.types.mjs';
|
|
6
|
-
import '../types/
|
|
6
|
+
import '../types/badge-tokens.types.mjs';
|
|
7
7
|
import '../types/components.types.mjs';
|
|
8
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
8
9
|
import '../types/radio-tokens.types.mjs';
|
|
9
10
|
import '../types/accordion-tokens.types.mjs';
|
|
10
11
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -21,6 +22,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
21
22
|
import '../types/spinner-tokens.types.mjs';
|
|
22
23
|
import '../types/select-tokens.types.mjs';
|
|
23
24
|
import '../types/skeleton-tokens.types.mjs';
|
|
25
|
+
import '../types/slider-tokens.types.mjs';
|
|
24
26
|
import '../types/stepper-tokens.types.mjs';
|
|
25
27
|
import '../types/switch-tokens.types.mjs';
|
|
26
28
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -3,8 +3,9 @@ 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
5
|
import { ColorScheme, PrimitiveThemeTokens, ComponentsTokens, AppTheme } from '../types/theme-provider.types.mjs';
|
|
6
|
-
import '../types/
|
|
6
|
+
import '../types/badge-tokens.types.mjs';
|
|
7
7
|
import '../types/components.types.mjs';
|
|
8
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
8
9
|
import '../types/radio-tokens.types.mjs';
|
|
9
10
|
import '../types/accordion-tokens.types.mjs';
|
|
10
11
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -21,6 +22,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
21
22
|
import '../types/spinner-tokens.types.mjs';
|
|
22
23
|
import '../types/select-tokens.types.mjs';
|
|
23
24
|
import '../types/skeleton-tokens.types.mjs';
|
|
25
|
+
import '../types/slider-tokens.types.mjs';
|
|
24
26
|
import '../types/stepper-tokens.types.mjs';
|
|
25
27
|
import '../types/switch-tokens.types.mjs';
|
|
26
28
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { AccordionTokens } from '../types/accordion-tokens.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/radio-tokens.types.mjs';
|
|
6
7
|
import '../types/avatar-tokens.types.mjs';
|
|
7
8
|
import '../types/buttons-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { AvatarTokens } from '../types/avatar-tokens.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/radio-tokens.types.mjs';
|
|
6
7
|
import '../types/accordion-tokens.types.mjs';
|
|
7
8
|
import '../types/buttons-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
|
+
import { BadgeTokens } from '../types/badge-tokens.types.mjs';
|
|
3
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
4
|
+
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/radio-tokens.types.mjs';
|
|
6
|
+
import '../types/accordion-tokens.types.mjs';
|
|
7
|
+
import '../types/avatar-tokens.types.mjs';
|
|
8
|
+
import '../types/buttons-tokens.types.mjs';
|
|
9
|
+
import '../types/card-tokens.types.mjs';
|
|
10
|
+
import '../types/control-tokes.types.mjs';
|
|
11
|
+
import '../types/data-state-tokens.types.mjs';
|
|
12
|
+
import '../types/datetime-picker-tokens.types.mjs';
|
|
13
|
+
import '../types/divider-tokens.types.mjs';
|
|
14
|
+
import '../types/flyout-tokens.types.mjs';
|
|
15
|
+
import '../types/icon-tokens.types.mjs';
|
|
16
|
+
import '../types/pressable-tokens.types.mjs';
|
|
17
|
+
import '../types/progress-tokens.types.mjs';
|
|
18
|
+
import '../types/spinner-tokens.types.mjs';
|
|
19
|
+
import '../types/select-tokens.types.mjs';
|
|
20
|
+
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
22
|
+
import '../types/stepper-tokens.types.mjs';
|
|
23
|
+
import '../types/switch-tokens.types.mjs';
|
|
24
|
+
import '../types/tag-tokens.types.mjs';
|
|
25
|
+
import '../types/textarea-tokens.types.mjs';
|
|
26
|
+
import '../types/time-picker-token.types.mjs';
|
|
27
|
+
import '../types/tokens.types.mjs';
|
|
28
|
+
|
|
29
|
+
declare function createBadgeTokens(tokens: PrimitiveThemeTokens): BadgeTokens;
|
|
30
|
+
|
|
31
|
+
export { createBadgeTokens };
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
function createBadgeTokens(tokens) {
|
|
2
|
+
const createVariants = (value, contrast, softBackgroundColor = contrast, softColor = value) => ({
|
|
3
|
+
filled: {
|
|
4
|
+
backgroundColor: value,
|
|
5
|
+
borderColor: value,
|
|
6
|
+
color: contrast
|
|
7
|
+
},
|
|
8
|
+
outlined: {
|
|
9
|
+
backgroundColor: "transparent",
|
|
10
|
+
borderColor: value,
|
|
11
|
+
color: value
|
|
12
|
+
},
|
|
13
|
+
soft: {
|
|
14
|
+
backgroundColor: softBackgroundColor,
|
|
15
|
+
borderColor: softBackgroundColor,
|
|
16
|
+
color: softColor
|
|
17
|
+
},
|
|
18
|
+
ghost: {
|
|
19
|
+
backgroundColor: "transparent",
|
|
20
|
+
borderColor: "transparent",
|
|
21
|
+
color: value
|
|
22
|
+
},
|
|
23
|
+
plain: {
|
|
24
|
+
backgroundColor: "transparent",
|
|
25
|
+
borderColor: "transparent",
|
|
26
|
+
color: value
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
return {
|
|
30
|
+
addonHitSlop: tokens.space.xs,
|
|
31
|
+
borderRadius: tokens.radii.round,
|
|
32
|
+
borderWidth: tokens.borderSize.sm,
|
|
33
|
+
fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],
|
|
34
|
+
gap: tokens.space.xxs,
|
|
35
|
+
sizes: {
|
|
36
|
+
small: {
|
|
37
|
+
fontSize: tokens.fontSize.xxs,
|
|
38
|
+
height: 20,
|
|
39
|
+
iconSize: 12,
|
|
40
|
+
lineHeight: tokens.lineHeight.xxs,
|
|
41
|
+
minWidth: 20,
|
|
42
|
+
paddingHorizontal: tokens.space.xxs
|
|
43
|
+
},
|
|
44
|
+
medium: {
|
|
45
|
+
fontSize: tokens.fontSize.xs,
|
|
46
|
+
height: 24,
|
|
47
|
+
iconSize: 14,
|
|
48
|
+
lineHeight: tokens.lineHeight.xs,
|
|
49
|
+
minWidth: 24,
|
|
50
|
+
paddingHorizontal: tokens.space.xs
|
|
51
|
+
},
|
|
52
|
+
large: {
|
|
53
|
+
fontSize: tokens.fontSize.xsm,
|
|
54
|
+
height: 28,
|
|
55
|
+
iconSize: 16,
|
|
56
|
+
lineHeight: tokens.lineHeight.xsm,
|
|
57
|
+
minWidth: 28,
|
|
58
|
+
paddingHorizontal: tokens.space.mxs
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
colors: {
|
|
62
|
+
primary: createVariants(
|
|
63
|
+
tokens.colors.primary.value,
|
|
64
|
+
tokens.colors.primary.contrast,
|
|
65
|
+
tokens.colors.secondary.value
|
|
66
|
+
),
|
|
67
|
+
secondary: createVariants(
|
|
68
|
+
tokens.colors.secondary.value,
|
|
69
|
+
tokens.colors.secondary.contrast,
|
|
70
|
+
tokens.colors.secondary.value,
|
|
71
|
+
tokens.colors.secondary.contrast
|
|
72
|
+
),
|
|
73
|
+
neutral: createVariants(
|
|
74
|
+
tokens.colors.neutral["8"],
|
|
75
|
+
tokens.colors.white,
|
|
76
|
+
tokens.colors.neutral["2"],
|
|
77
|
+
tokens.colors.text.primary
|
|
78
|
+
),
|
|
79
|
+
error: createVariants(
|
|
80
|
+
tokens.colors.feedback.error.value,
|
|
81
|
+
tokens.colors.feedback.error.contrast
|
|
82
|
+
),
|
|
83
|
+
warning: createVariants(
|
|
84
|
+
tokens.colors.feedback.warning.value,
|
|
85
|
+
tokens.colors.feedback.warning.contrast
|
|
86
|
+
),
|
|
87
|
+
success: createVariants(
|
|
88
|
+
tokens.colors.feedback.success.value,
|
|
89
|
+
tokens.colors.feedback.success.contrast
|
|
90
|
+
),
|
|
91
|
+
info: createVariants(
|
|
92
|
+
tokens.colors.feedback.info.value,
|
|
93
|
+
tokens.colors.feedback.info.contrast
|
|
94
|
+
)
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
export {
|
|
99
|
+
createBadgeTokens
|
|
100
|
+
};
|
|
101
|
+
//# sourceMappingURL=create-badge-tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-badge-tokens.ts"],"sourcesContent":["import type { BadgeTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createBadgeTokens(tokens: PrimitiveThemeTokens): BadgeTokens {\n const createVariants = (\n value: string,\n contrast: string,\n softBackgroundColor = contrast,\n softColor = value,\n ) => ({\n filled: {\n backgroundColor: value,\n borderColor: value,\n color: contrast,\n },\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: value,\n color: value,\n },\n soft: {\n backgroundColor: softBackgroundColor,\n borderColor: softBackgroundColor,\n color: softColor,\n },\n ghost: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: value,\n },\n plain: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: value,\n },\n });\n\n return {\n addonHitSlop: tokens.space.xs,\n borderRadius: tokens.radii.round,\n borderWidth: tokens.borderSize.sm,\n fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],\n gap: tokens.space.xxs,\n sizes: {\n small: {\n fontSize: tokens.fontSize.xxs,\n height: 20,\n iconSize: 12,\n lineHeight: tokens.lineHeight.xxs,\n minWidth: 20,\n paddingHorizontal: tokens.space.xxs,\n },\n medium: {\n fontSize: tokens.fontSize.xs,\n height: 24,\n iconSize: 14,\n lineHeight: tokens.lineHeight.xs,\n minWidth: 24,\n paddingHorizontal: tokens.space.xs,\n },\n large: {\n fontSize: tokens.fontSize.xsm,\n height: 28,\n iconSize: 16,\n lineHeight: tokens.lineHeight.xsm,\n minWidth: 28,\n paddingHorizontal: tokens.space.mxs,\n },\n },\n colors: {\n primary: createVariants(\n tokens.colors.primary.value,\n tokens.colors.primary.contrast,\n tokens.colors.secondary.value,\n ),\n secondary: createVariants(\n tokens.colors.secondary.value,\n tokens.colors.secondary.contrast,\n tokens.colors.secondary.value,\n tokens.colors.secondary.contrast,\n ),\n neutral: createVariants(\n tokens.colors.neutral[\"8\"],\n tokens.colors.white,\n tokens.colors.neutral[\"2\"],\n tokens.colors.text.primary,\n ),\n error: createVariants(\n tokens.colors.feedback.error.value,\n tokens.colors.feedback.error.contrast,\n ),\n warning: createVariants(\n tokens.colors.feedback.warning.value,\n tokens.colors.feedback.warning.contrast,\n ),\n success: createVariants(\n tokens.colors.feedback.success.value,\n tokens.colors.feedback.success.contrast,\n ),\n info: createVariants(\n tokens.colors.feedback.info.value,\n tokens.colors.feedback.info.contrast,\n ),\n },\n };\n}\n"],"mappings":"AAEO,SAAS,kBAAkB,QAA2C;AAC3E,QAAM,iBAAiB,CACrB,OACA,UACA,sBAAsB,UACtB,YAAY,WACR;AAAA,IACJ,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,UAAU;AAAA,MACR,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AAAA,IACL,cAAc,OAAO,MAAM;AAAA,IAC3B,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,YAAY,OAAO,WAAW,OAAO,OAAO,WAAW,QAAQ;AAAA,IAC/D,KAAK,OAAO,MAAM;AAAA,IAClB,OAAO;AAAA,MACL,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,QAAQ;AAAA,QACN,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MACA,WAAW;AAAA,QACT,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ,GAAG;AAAA,QACzB,OAAO,OAAO;AAAA,QACd,OAAO,OAAO,QAAQ,GAAG;AAAA,QACzB,OAAO,OAAO,KAAK;AAAA,MACrB;AAAA,MACA,OAAO;AAAA,QACL,OAAO,OAAO,SAAS,MAAM;AAAA,QAC7B,OAAO,OAAO,SAAS,MAAM;AAAA,MAC/B;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MACA,MAAM;AAAA,QACJ,OAAO,OAAO,SAAS,KAAK;AAAA,QAC5B,OAAO,OAAO,SAAS,KAAK;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { ButtonTokens } from '../types/buttons-tokens.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/radio-tokens.types.mjs';
|
|
6
7
|
import '../types/accordion-tokens.types.mjs';
|
|
7
8
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { CardTokens } from '../types/card-tokens.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/radio-tokens.types.mjs';
|
|
6
7
|
import '../types/accordion-tokens.types.mjs';
|
|
7
8
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { CheckboxTokens } from '../types/checkbox-tokens.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/radio-tokens.types.mjs';
|
|
5
6
|
import '../types/accordion-tokens.types.mjs';
|
|
6
7
|
import '../types/avatar-tokens.types.mjs';
|
|
7
8
|
import '../types/buttons-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from '../types/control-tokes.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/radio-tokens.types.mjs';
|
|
6
7
|
import '../types/accordion-tokens.types.mjs';
|
|
7
8
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { DataStateTokens } from '../types/data-state-tokens.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/radio-tokens.types.mjs';
|
|
6
7
|
import '../types/accordion-tokens.types.mjs';
|
|
7
8
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { DatetimePickerTokens } from '../types/datetime-picker-tokens.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/radio-tokens.types.mjs';
|
|
6
7
|
import '../types/accordion-tokens.types.mjs';
|
|
7
8
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { DividerTokens } from '../types/divider-tokens.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/radio-tokens.types.mjs';
|
|
6
7
|
import '../types/accordion-tokens.types.mjs';
|
|
7
8
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { FlyoutTokens } from '../types/flyout-tokens.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/radio-tokens.types.mjs';
|
|
6
7
|
import '../types/accordion-tokens.types.mjs';
|
|
7
8
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { IconButtonTokens } from '../types/buttons-tokens.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/radio-tokens.types.mjs';
|
|
6
7
|
import '../types/accordion-tokens.types.mjs';
|
|
7
8
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { ProgressTokens } from '../types/progress-tokens.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/radio-tokens.types.mjs';
|
|
6
7
|
import '../types/accordion-tokens.types.mjs';
|
|
7
8
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -16,6 +17,7 @@ import '../types/icon-tokens.types.mjs';
|
|
|
16
17
|
import '../types/pressable-tokens.types.mjs';
|
|
17
18
|
import '../types/select-tokens.types.mjs';
|
|
18
19
|
import '../types/skeleton-tokens.types.mjs';
|
|
20
|
+
import '../types/slider-tokens.types.mjs';
|
|
19
21
|
import '../types/spinner-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
|
|
2
2
|
import { RadioTokens } from '../types/radio-tokens.types.mjs';
|
|
3
|
-
import '../types/
|
|
3
|
+
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
5
6
|
import '../types/accordion-tokens.types.mjs';
|
|
6
7
|
import '../types/avatar-tokens.types.mjs';
|
|
7
8
|
import '../types/buttons-tokens.types.mjs';
|
|
@@ -17,6 +18,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
17
18
|
import '../types/spinner-tokens.types.mjs';
|
|
18
19
|
import '../types/select-tokens.types.mjs';
|
|
19
20
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
|
+
import '../types/slider-tokens.types.mjs';
|
|
20
22
|
import '../types/stepper-tokens.types.mjs';
|
|
21
23
|
import '../types/switch-tokens.types.mjs';
|
|
22
24
|
import '../types/tag-tokens.types.mjs';
|