@impulse-ui-native/theme 4.0.0 → 5.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/README.md +23 -0
- package/dist/hooks/index.d.mts +4 -0
- package/dist/hooks/use-colors.hook.d.mts +4 -0
- package/dist/hooks/use-components-tokens.hook.d.mts +4 -0
- package/dist/hooks/use-theme.hook.d.mts +4 -0
- package/dist/hooks/use-themed-styles.d.mts +4 -0
- package/dist/index.d.mts +16 -4
- package/dist/providers/index.d.mts +4 -0
- package/dist/providers/theme.provider.d.mts +4 -0
- package/dist/theme/create-accordion-tokens.d.mts +4 -0
- package/dist/theme/create-avatar-tokens.d.mts +4 -0
- package/dist/theme/create-avatar-tokens.js +1 -1
- package/dist/theme/create-avatar-tokens.js.map +1 -1
- package/dist/theme/create-badge-tokens.d.mts +5 -1
- package/dist/theme/create-badge-tokens.js +7 -6
- package/dist/theme/create-badge-tokens.js.map +1 -1
- package/dist/theme/create-button-tokens.d.mts +4 -0
- package/dist/theme/create-button-tokens.js +5 -6
- package/dist/theme/create-button-tokens.js.map +1 -1
- package/dist/theme/create-card-tokens.d.mts +4 -0
- package/dist/theme/create-carousel-tokens.d.mts +35 -0
- package/dist/theme/create-carousel-tokens.js +32 -0
- package/dist/theme/create-carousel-tokens.js.map +1 -0
- package/dist/theme/create-checkbox-tokens.d.mts +4 -0
- package/dist/theme/create-checkbox-tokens.js +9 -9
- package/dist/theme/create-checkbox-tokens.js.map +1 -1
- package/dist/theme/create-control-tokens.d.mts +4 -0
- package/dist/theme/create-control-tokens.js +6 -6
- package/dist/theme/create-control-tokens.js.map +1 -1
- package/dist/theme/create-data-state-tokens.d.mts +4 -0
- package/dist/theme/create-datetime-picker.d.mts +4 -0
- package/dist/theme/create-datetime-picker.js +1 -1
- package/dist/theme/create-datetime-picker.js.map +1 -1
- package/dist/theme/create-divider-tokens.d.mts +4 -0
- package/dist/theme/create-divider-tokens.js +64 -2
- package/dist/theme/create-divider-tokens.js.map +1 -1
- package/dist/theme/create-flyout-tokens.d.mts +4 -0
- package/dist/theme/create-flyout-tokens.js +31 -3
- package/dist/theme/create-flyout-tokens.js.map +1 -1
- package/dist/theme/create-icon-button-tokens.d.mts +4 -0
- package/dist/theme/create-icon-button-tokens.js +5 -6
- package/dist/theme/create-icon-button-tokens.js.map +1 -1
- package/dist/theme/create-list-tokens.d.mts +35 -0
- package/dist/theme/create-list-tokens.js +14 -0
- package/dist/theme/create-list-tokens.js.map +1 -0
- package/dist/theme/create-pagination-tokens.d.mts +35 -0
- package/dist/theme/create-pagination-tokens.js +57 -0
- package/dist/theme/create-pagination-tokens.js.map +1 -0
- package/dist/theme/create-progress-tokens.d.mts +4 -0
- package/dist/theme/create-progress-tokens.js +4 -4
- package/dist/theme/create-progress-tokens.js.map +1 -1
- package/dist/theme/create-radio-tokens.d.mts +4 -0
- package/dist/theme/create-radio-tokens.js +9 -9
- package/dist/theme/create-radio-tokens.js.map +1 -1
- package/dist/theme/create-segmented-control-tokens.d.mts +35 -0
- package/dist/theme/create-segmented-control-tokens.js +157 -0
- package/dist/theme/create-segmented-control-tokens.js.map +1 -0
- package/dist/theme/create-select-tokens.d.mts +4 -0
- package/dist/theme/create-skeleton-tokens.d.mts +4 -0
- package/dist/theme/create-skeleton-tokens.js +1 -1
- package/dist/theme/create-skeleton-tokens.js.map +1 -1
- package/dist/theme/create-slider-tokens.d.mts +4 -0
- package/dist/theme/create-slider-tokens.js +55 -62
- package/dist/theme/create-slider-tokens.js.map +1 -1
- package/dist/theme/create-spinner-tokens.d.mts +4 -0
- package/dist/theme/create-spinner-tokens.js +1 -1
- package/dist/theme/create-spinner-tokens.js.map +1 -1
- package/dist/theme/create-stepper-tokens.d.mts +4 -0
- package/dist/theme/create-switch-tokens.d.mts +4 -0
- package/dist/theme/create-switch-tokens.js +22 -22
- package/dist/theme/create-switch-tokens.js.map +1 -1
- package/dist/theme/create-tag-tokens.d.mts +4 -0
- package/dist/theme/create-tag-tokens.js +38 -38
- package/dist/theme/create-tag-tokens.js.map +1 -1
- package/dist/theme/create-textarea-tokens.d.mts +4 -0
- package/dist/theme/create-time-picker-tokens.d.mts +4 -0
- package/dist/theme/dark.theme.d.mts +4 -0
- package/dist/theme/dark.theme.js +2 -2
- package/dist/theme/dark.theme.js.map +1 -1
- package/dist/theme/index.d.mts +8 -1
- package/dist/theme/index.js +3 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/light.theme.d.mts +4 -0
- package/dist/theme/tokens.theme.d.mts +6 -1
- package/dist/theme/tokens.theme.js +95 -7
- package/dist/theme/tokens.theme.js.map +1 -1
- package/dist/types/carousel-tokens.types.d.mts +28 -0
- package/dist/types/carousel-tokens.types.js +1 -0
- package/dist/types/carousel-tokens.types.js.map +1 -0
- package/dist/types/divider-tokens.types.d.mts +20 -3
- package/dist/types/flyout-tokens.types.d.mts +22 -3
- package/dist/types/index.d.mts +7 -3
- package/dist/types/index.js +4 -0
- package/dist/types/index.js.map +1 -1
- package/dist/types/list-tokens.types.d.mts +15 -0
- package/dist/types/list-tokens.types.js +1 -0
- package/dist/types/list-tokens.types.js.map +1 -0
- package/dist/types/pagination-tokens.types.d.mts +30 -0
- package/dist/types/pagination-tokens.types.js +1 -0
- package/dist/types/pagination-tokens.types.js.map +1 -0
- package/dist/types/segmented-control-tokens.types.d.mts +49 -0
- package/dist/types/segmented-control-tokens.types.js +1 -0
- package/dist/types/segmented-control-tokens.types.js.map +1 -0
- package/dist/types/slider-tokens.types.d.mts +15 -6
- package/dist/types/theme-provider.types.d.mts +8 -0
- package/dist/utils/divider-tokens.utils.d.mts +5 -0
- package/dist/utils/divider-tokens.utils.js +10 -0
- package/dist/utils/divider-tokens.utils.js.map +1 -0
- package/dist/utils/flyout-tokens.utils.d.mts +5 -0
- package/dist/utils/flyout-tokens.utils.js +11 -0
- package/dist/utils/flyout-tokens.utils.js.map +1 -0
- package/dist/utils/index.d.mts +12 -3
- package/dist/utils/index.js +5 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/pagination-state.utils.d.mts +6 -0
- package/dist/utils/pagination-state.utils.js +9 -0
- package/dist/utils/pagination-state.utils.js.map +1 -0
- package/dist/utils/segmented-control-state.utils.d.mts +6 -0
- package/dist/utils/segmented-control-state.utils.js +20 -0
- package/dist/utils/segmented-control-state.utils.js.map +1 -0
- package/dist/utils/slider-tokens.utils.d.mts +6 -0
- package/dist/utils/slider-tokens.utils.js +15 -0
- package/dist/utils/slider-tokens.utils.js.map +1 -0
- package/dist/utils/style.utils.d.mts +4 -0
- package/package.json +4 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/segmented-control-state.utils.ts"],"sourcesContent":["import type {\n ResolvedSegmentedControlItemTokens,\n SegmentedControlItemTokenState,\n SegmentedControlTokens,\n} from \"../types\";\nimport { getSelectionStateTokens } from \"./selection-state.utils\";\n\nexport function getSegmentedControlItemTokens(\n tokens: SegmentedControlTokens,\n state: SegmentedControlItemTokenState,\n): ResolvedSegmentedControlItemTokens {\n const { disabled, layout, selected, size, variant } = state;\n const { layouts, ...sizeTokens } = tokens.sizes[size];\n const appearanceTokens = getSelectionStateTokens(\n tokens.variants[variant].states,\n { disabled, selected },\n );\n\n return {\n ...sizeTokens,\n ...layouts[layout],\n ...appearanceTokens,\n borderRadius: tokens.itemBorderRadius,\n borderWidth: tokens.itemBorderWidth,\n };\n}\n"],"mappings":"AAKA,SAAS,+BAA+B;AAEjC,SAAS,8BACd,QACA,OACoC;AACpC,QAAM,EAAE,UAAU,QAAQ,UAAU,MAAM,QAAQ,IAAI;AACtD,QAAM,EAAE,SAAS,GAAG,WAAW,IAAI,OAAO,MAAM,IAAI;AACpD,QAAM,mBAAmB;AAAA,IACvB,OAAO,SAAS,OAAO,EAAE;AAAA,IACzB,EAAE,UAAU,SAAS;AAAA,EACvB;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,QAAQ,MAAM;AAAA,IACjB,GAAG;AAAA,IACH,cAAc,OAAO;AAAA,IACrB,aAAa,OAAO;AAAA,EACtB;AACF;","names":[]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { SliderTokens, SliderTrackTokenState, ResolvedSliderTrackTokens } from '../types/slider-tokens.types.mjs';
|
|
2
|
+
import '../types/components.types.mjs';
|
|
3
|
+
|
|
4
|
+
declare function getSliderTrackTokens(tokens: SliderTokens, state: SliderTrackTokenState): ResolvedSliderTrackTokens;
|
|
5
|
+
|
|
6
|
+
export { getSliderTrackTokens };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { getControlStateTokens } from "./control-state.utils";
|
|
2
|
+
function getSliderTrackTokens(tokens, state) {
|
|
3
|
+
return {
|
|
4
|
+
...tokens.sizes[state.size],
|
|
5
|
+
...tokens.layouts[state.layout],
|
|
6
|
+
...getControlStateTokens(tokens.variants[state.variant], {
|
|
7
|
+
disabled: state.disabled
|
|
8
|
+
}),
|
|
9
|
+
trackBorderRadius: tokens.trackBorderRadius
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export {
|
|
13
|
+
getSliderTrackTokens
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=slider-tokens.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/slider-tokens.utils.ts"],"sourcesContent":["import type {\n ResolvedSliderTrackTokens,\n SliderTokens,\n SliderTrackTokenState,\n} from \"../types\";\nimport { getControlStateTokens } from \"./control-state.utils\";\n\nexport function getSliderTrackTokens(\n tokens: SliderTokens,\n state: SliderTrackTokenState,\n): ResolvedSliderTrackTokens {\n return {\n ...tokens.sizes[state.size],\n ...tokens.layouts[state.layout],\n ...getControlStateTokens(tokens.variants[state.variant], {\n disabled: state.disabled,\n }),\n trackBorderRadius: tokens.trackBorderRadius,\n };\n}\n"],"mappings":"AAKA,SAAS,6BAA6B;AAE/B,SAAS,qBACd,QACA,OAC2B;AAC3B,SAAO;AAAA,IACL,GAAG,OAAO,MAAM,MAAM,IAAI;AAAA,IAC1B,GAAG,OAAO,QAAQ,MAAM,MAAM;AAAA,IAC9B,GAAG,sBAAsB,OAAO,SAAS,MAAM,OAAO,GAAG;AAAA,MACvD,UAAU,MAAM;AAAA,IAClB,CAAC;AAAA,IACD,mBAAmB,OAAO;AAAA,EAC5B;AACF;","names":[]}
|
|
@@ -11,7 +11,9 @@ import '../types/typography.types.mjs';
|
|
|
11
11
|
import '../types/tokens.types.mjs';
|
|
12
12
|
import '../types/badge-tokens.types.mjs';
|
|
13
13
|
import '../types/components.types.mjs';
|
|
14
|
+
import '../types/carousel-tokens.types.mjs';
|
|
14
15
|
import '../types/checkbox-tokens.types.mjs';
|
|
16
|
+
import '../types/list-tokens.types.mjs';
|
|
15
17
|
import '../types/radio-tokens.types.mjs';
|
|
16
18
|
import '../types/accordion-tokens.types.mjs';
|
|
17
19
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -23,9 +25,11 @@ import '../types/datetime-picker-tokens.types.mjs';
|
|
|
23
25
|
import '../types/divider-tokens.types.mjs';
|
|
24
26
|
import '../types/flyout-tokens.types.mjs';
|
|
25
27
|
import '../types/icon-tokens.types.mjs';
|
|
28
|
+
import '../types/pagination-tokens.types.mjs';
|
|
26
29
|
import '../types/pressable-tokens.types.mjs';
|
|
27
30
|
import '../types/progress-tokens.types.mjs';
|
|
28
31
|
import '../types/spinner-tokens.types.mjs';
|
|
32
|
+
import '../types/segmented-control-tokens.types.mjs';
|
|
29
33
|
import '../types/select-tokens.types.mjs';
|
|
30
34
|
import '../types/skeleton-tokens.types.mjs';
|
|
31
35
|
import '../types/slider-tokens.types.mjs';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/theme",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.0.0",
|
|
4
4
|
"description": "Theme tokens, providers, and styling utilities for ImpulseUI Native.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
],
|
|
29
29
|
"sideEffects": false,
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@impulse-ui-native/core": "
|
|
31
|
+
"@impulse-ui-native/core": "5.0.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/react": "~19.2.14",
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
"react-native": "0.86.2",
|
|
39
39
|
"typescript": "~6.0.3",
|
|
40
40
|
"@impulse-ui-native/eslint-config": "1.0.0",
|
|
41
|
-
"@impulse-ui-native/
|
|
42
|
-
"@impulse-ui-native/
|
|
41
|
+
"@impulse-ui-native/tsconfig": "1.0.0",
|
|
42
|
+
"@impulse-ui-native/prettier-config": "1.0.0"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"react": ">=18",
|