@impulse-ui-native/theme 3.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 +5 -1
- package/dist/hooks/use-colors.hook.d.mts +5 -1
- package/dist/hooks/use-components-tokens.hook.d.mts +5 -1
- package/dist/hooks/use-theme.hook.d.mts +5 -1
- package/dist/hooks/use-themed-styles.d.mts +5 -1
- package/dist/index.d.mts +35 -16
- package/dist/providers/index.d.mts +5 -1
- package/dist/providers/theme.provider.d.mts +5 -1
- package/dist/theme/create-accordion-tokens.d.mts +5 -1
- package/dist/theme/create-accordion-tokens.js +24 -7
- package/dist/theme/create-accordion-tokens.js.map +1 -1
- package/dist/theme/create-avatar-tokens.d.mts +5 -1
- package/dist/theme/create-avatar-tokens.js +1 -11
- package/dist/theme/create-avatar-tokens.js.map +1 -1
- package/dist/theme/create-badge-tokens.d.mts +6 -2
- package/dist/theme/create-badge-tokens.js +7 -16
- package/dist/theme/create-badge-tokens.js.map +1 -1
- package/dist/theme/create-button-tokens.d.mts +5 -1
- package/dist/theme/create-button-tokens.js +60 -33
- package/dist/theme/create-button-tokens.js.map +1 -1
- package/dist/theme/create-card-tokens.d.mts +5 -1
- 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 +5 -1
- package/dist/theme/create-checkbox-tokens.js +60 -24
- package/dist/theme/create-checkbox-tokens.js.map +1 -1
- package/dist/theme/create-control-tokens.d.mts +5 -1
- package/dist/theme/create-control-tokens.js +86 -97
- package/dist/theme/create-control-tokens.js.map +1 -1
- package/dist/theme/create-data-state-tokens.d.mts +5 -1
- package/dist/theme/create-data-state-tokens.js.map +1 -1
- package/dist/theme/create-datetime-picker.d.mts +5 -1
- package/dist/theme/create-datetime-picker.js +18 -6
- package/dist/theme/create-datetime-picker.js.map +1 -1
- package/dist/theme/create-divider-tokens.d.mts +5 -1
- 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 +5 -1
- 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 +5 -1
- package/dist/theme/create-icon-button-tokens.js +60 -33
- 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 +5 -1
- 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 +5 -1
- package/dist/theme/create-radio-tokens.js +60 -24
- 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 +5 -1
- package/dist/theme/create-select-tokens.js +10 -3
- package/dist/theme/create-select-tokens.js.map +1 -1
- package/dist/theme/create-skeleton-tokens.d.mts +5 -1
- 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 +5 -1
- package/dist/theme/create-slider-tokens.js +137 -41
- package/dist/theme/create-slider-tokens.js.map +1 -1
- package/dist/theme/create-spinner-tokens.d.mts +5 -1
- 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 +5 -1
- package/dist/theme/create-switch-tokens.d.mts +5 -1
- package/dist/theme/create-switch-tokens.js +49 -26
- package/dist/theme/create-switch-tokens.js.map +1 -1
- package/dist/theme/create-tag-tokens.d.mts +5 -1
- package/dist/theme/create-tag-tokens.js +228 -68
- package/dist/theme/create-tag-tokens.js.map +1 -1
- package/dist/theme/create-textarea-tokens.d.mts +5 -1
- package/dist/theme/create-textarea-tokens.js +6 -3
- package/dist/theme/create-textarea-tokens.js.map +1 -1
- package/dist/theme/create-time-picker-tokens.d.mts +5 -1
- package/dist/theme/create-time-picker-tokens.js +10 -4
- package/dist/theme/create-time-picker-tokens.js.map +1 -1
- package/dist/theme/dark.theme.d.mts +5 -1
- package/dist/theme/dark.theme.js +2 -2
- package/dist/theme/dark.theme.js.map +1 -1
- package/dist/theme/index.d.mts +9 -2
- package/dist/theme/index.js +3 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/light.theme.d.mts +5 -1
- package/dist/theme/tokens.theme.d.mts +7 -2
- package/dist/theme/tokens.theme.js +95 -7
- package/dist/theme/tokens.theme.js.map +1 -1
- package/dist/types/accordion-tokens.types.d.mts +11 -7
- package/dist/types/avatar-tokens.types.d.mts +2 -2
- package/dist/types/badge-tokens.types.d.mts +2 -2
- package/dist/types/buttons-tokens.types.d.mts +6 -15
- package/dist/types/carousel-tokens.types.d.mts +28 -0
- package/dist/types/carousel-tokens.types.js +1 -0
- package/dist/types/checkbox-tokens.types.d.mts +5 -9
- package/dist/types/components.types.d.mts +36 -2
- package/dist/types/control-tokens.types.d.mts +57 -0
- package/dist/types/control-tokens.types.js +1 -0
- package/dist/types/control-tokens.types.js.map +1 -0
- package/dist/types/datetime-picker-tokens.types.d.mts +14 -7
- 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 +19 -15
- package/dist/types/index.js +5 -1
- 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/radio-tokens.types.d.mts +5 -9
- 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/select-tokens.types.d.mts +8 -4
- package/dist/types/slider-tokens.types.d.mts +25 -17
- package/dist/types/switch-tokens.types.d.mts +11 -13
- package/dist/types/tag-tokens.types.d.mts +5 -7
- package/dist/types/textarea-tokens.types.d.mts +6 -5
- package/dist/types/theme-provider.types.d.mts +9 -1
- package/dist/types/time-picker-token.types.d.mts +8 -5
- package/dist/utils/action-state.utils.d.mts +5 -0
- package/dist/utils/action-state.utils.js +9 -0
- package/dist/utils/action-state.utils.js.map +1 -0
- package/dist/utils/availability-state.utils.d.mts +5 -0
- package/dist/utils/availability-state.utils.js +8 -0
- package/dist/utils/availability-state.utils.js.map +1 -0
- package/dist/utils/control-state.utils.d.mts +5 -0
- package/dist/utils/control-state.utils.js +9 -0
- package/dist/utils/control-state.utils.js.map +1 -0
- package/dist/utils/datetime-picker-state.utils.d.mts +6 -0
- package/dist/utils/datetime-picker-state.utils.js +10 -0
- package/dist/utils/datetime-picker-state.utils.js.map +1 -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/field-state.utils.d.mts +5 -0
- package/dist/utils/field-state.utils.js +9 -0
- package/dist/utils/field-state.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 +22 -6
- package/dist/utils/index.js +12 -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/selection-item-state.utils.d.mts +5 -0
- package/dist/utils/selection-item-state.utils.js +8 -0
- package/dist/utils/selection-item-state.utils.js.map +1 -0
- package/dist/utils/selection-state.utils.d.mts +5 -0
- package/dist/utils/selection-state.utils.js +11 -0
- package/dist/utils/selection-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 +5 -1
- package/package.json +4 -4
- package/dist/types/control-tokes.types.d.mts +0 -62
- package/dist/types/control-tokes.types.js +0 -1
- /package/dist/types/{control-tokes.types.js.map → carousel-tokens.types.js.map} +0 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
function getDatetimePickerDayStateTokens(tokens, state) {
|
|
2
|
+
const { currentMonth = false, inRange = false, selected = false } = state;
|
|
3
|
+
if (selected) return tokens.selected;
|
|
4
|
+
if (inRange) return tokens.range;
|
|
5
|
+
return currentMonth ? tokens.default : tokens.outsideMonth;
|
|
6
|
+
}
|
|
7
|
+
export {
|
|
8
|
+
getDatetimePickerDayStateTokens
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=datetime-picker-state.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/datetime-picker-state.utils.ts"],"sourcesContent":["import type {\n DatetimePickerDayAppearanceTokens,\n DatetimePickerDayState,\n DatetimePickerDayTokens,\n} from \"../types\";\n\nexport function getDatetimePickerDayStateTokens(\n tokens: DatetimePickerDayTokens[\"states\"],\n state: DatetimePickerDayState,\n): DatetimePickerDayAppearanceTokens {\n const { currentMonth = false, inRange = false, selected = false } = state;\n\n if (selected) return tokens.selected;\n if (inRange) return tokens.range;\n return currentMonth ? tokens.default : tokens.outsideMonth;\n}\n"],"mappings":"AAMO,SAAS,gCACd,QACA,OACmC;AACnC,QAAM,EAAE,eAAe,OAAO,UAAU,OAAO,WAAW,MAAM,IAAI;AAEpE,MAAI,SAAU,QAAO,OAAO;AAC5B,MAAI,QAAS,QAAO,OAAO;AAC3B,SAAO,eAAe,OAAO,UAAU,OAAO;AAChD;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/divider-tokens.utils.ts"],"sourcesContent":["import type {\n DividerTokens,\n DividerTokenState,\n ResolvedDividerTokens,\n} from \"../types\";\n\nexport function getDividerTokens(\n tokens: DividerTokens,\n state: DividerTokenState,\n): ResolvedDividerTokens {\n return {\n ...tokens.layouts[state.orientation][state.inset],\n backgroundColor: tokens.colors[state.tone],\n };\n}\n"],"mappings":"AAMO,SAAS,iBACd,QACA,OACuB;AACvB,SAAO;AAAA,IACL,GAAG,OAAO,QAAQ,MAAM,WAAW,EAAE,MAAM,KAAK;AAAA,IAChD,iBAAiB,OAAO,OAAO,MAAM,IAAI;AAAA,EAC3C;AACF;","names":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
function getFieldStateTokens(tokens, state) {
|
|
2
|
+
const { disabled = false, error = false } = state;
|
|
3
|
+
if (disabled) return error ? tokens.disabledError : tokens.disabled;
|
|
4
|
+
return error ? tokens.error : tokens.default;
|
|
5
|
+
}
|
|
6
|
+
export {
|
|
7
|
+
getFieldStateTokens
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=field-state.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/field-state.utils.ts"],"sourcesContent":["import type { FieldState, FieldVisualState, VisualStateTokens } from \"../types\";\n\nexport function getFieldStateTokens<Tokens>(\n tokens: VisualStateTokens<FieldVisualState, Tokens>,\n state: FieldState,\n): Tokens {\n const { disabled = false, error = false } = state;\n\n if (disabled) return error ? tokens.disabledError : tokens.disabled;\n return error ? tokens.error : tokens.default;\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,OAAO,QAAQ,MAAM,IAAI;AAE5C,MAAI,SAAU,QAAO,QAAQ,OAAO,gBAAgB,OAAO;AAC3D,SAAO,QAAQ,OAAO,QAAQ,OAAO;AACvC;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/flyout-tokens.utils.ts"],"sourcesContent":["import type {\n FlyoutTokens,\n FlyoutTokenState,\n ResolvedFlyoutTokens,\n} from \"../types\";\n\nexport function getFlyoutTokens(\n tokens: FlyoutTokens,\n state: FlyoutTokenState,\n): ResolvedFlyoutTokens {\n const { placements, ...sharedTokens } = tokens;\n\n return {\n ...sharedTokens,\n ...placements[state.placement],\n };\n}\n"],"mappings":"AAMO,SAAS,gBACd,QACA,OACsB;AACtB,QAAM,EAAE,YAAY,GAAG,aAAa,IAAI;AAExC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,WAAW,MAAM,SAAS;AAAA,EAC/B;AACF;","names":[]}
|
package/dist/utils/index.d.mts
CHANGED
|
@@ -1,4 +1,23 @@
|
|
|
1
|
+
export { getActionStateTokens } from './action-state.utils.mjs';
|
|
2
|
+
export { getAvailabilityStateTokens } from './availability-state.utils.mjs';
|
|
3
|
+
export { getControlStateTokens } from './control-state.utils.mjs';
|
|
4
|
+
export { getDatetimePickerDayStateTokens } from './datetime-picker-state.utils.mjs';
|
|
5
|
+
export { getDividerTokens } from './divider-tokens.utils.mjs';
|
|
6
|
+
export { getFieldStateTokens } from './field-state.utils.mjs';
|
|
7
|
+
export { getFlyoutTokens } from './flyout-tokens.utils.mjs';
|
|
8
|
+
export { getPaginationStateTokens } from './pagination-state.utils.mjs';
|
|
9
|
+
export { getSelectionItemStateTokens } from './selection-item-state.utils.mjs';
|
|
10
|
+
export { getSelectionStateTokens } from './selection-state.utils.mjs';
|
|
11
|
+
export { getSegmentedControlItemTokens } from './segmented-control-state.utils.mjs';
|
|
12
|
+
export { getSliderTrackTokens } from './slider-tokens.utils.mjs';
|
|
1
13
|
export { createStyleKey, extractStyleProps, getShadowStyle } from './style.utils.mjs';
|
|
14
|
+
import '../types/components.types.mjs';
|
|
15
|
+
import '../types/datetime-picker-tokens.types.mjs';
|
|
16
|
+
import '../types/divider-tokens.types.mjs';
|
|
17
|
+
import '../types/flyout-tokens.types.mjs';
|
|
18
|
+
import '../types/pagination-tokens.types.mjs';
|
|
19
|
+
import '../types/segmented-control-tokens.types.mjs';
|
|
20
|
+
import '../types/slider-tokens.types.mjs';
|
|
2
21
|
import 'react-native';
|
|
3
22
|
import '../types/shadow.types.mjs';
|
|
4
23
|
import '../types/style.types.mjs';
|
|
@@ -11,25 +30,22 @@ import '../types/typography.types.mjs';
|
|
|
11
30
|
import '../types/tokens.types.mjs';
|
|
12
31
|
import '../types/theme-provider.types.mjs';
|
|
13
32
|
import '../types/badge-tokens.types.mjs';
|
|
14
|
-
import '../types/
|
|
33
|
+
import '../types/carousel-tokens.types.mjs';
|
|
15
34
|
import '../types/checkbox-tokens.types.mjs';
|
|
35
|
+
import '../types/list-tokens.types.mjs';
|
|
16
36
|
import '../types/radio-tokens.types.mjs';
|
|
17
37
|
import '../types/accordion-tokens.types.mjs';
|
|
18
38
|
import '../types/avatar-tokens.types.mjs';
|
|
19
39
|
import '../types/buttons-tokens.types.mjs';
|
|
20
40
|
import '../types/card-tokens.types.mjs';
|
|
21
|
-
import '../types/control-
|
|
41
|
+
import '../types/control-tokens.types.mjs';
|
|
22
42
|
import '../types/data-state-tokens.types.mjs';
|
|
23
|
-
import '../types/datetime-picker-tokens.types.mjs';
|
|
24
|
-
import '../types/divider-tokens.types.mjs';
|
|
25
|
-
import '../types/flyout-tokens.types.mjs';
|
|
26
43
|
import '../types/icon-tokens.types.mjs';
|
|
27
44
|
import '../types/pressable-tokens.types.mjs';
|
|
28
45
|
import '../types/progress-tokens.types.mjs';
|
|
29
46
|
import '../types/spinner-tokens.types.mjs';
|
|
30
47
|
import '../types/select-tokens.types.mjs';
|
|
31
48
|
import '../types/skeleton-tokens.types.mjs';
|
|
32
|
-
import '../types/slider-tokens.types.mjs';
|
|
33
49
|
import '../types/stepper-tokens.types.mjs';
|
|
34
50
|
import '../types/switch-tokens.types.mjs';
|
|
35
51
|
import '../types/tag-tokens.types.mjs';
|
package/dist/utils/index.js
CHANGED
|
@@ -1,2 +1,14 @@
|
|
|
1
|
+
export * from "./action-state.utils";
|
|
2
|
+
export * from "./availability-state.utils";
|
|
3
|
+
export * from "./control-state.utils";
|
|
4
|
+
export * from "./datetime-picker-state.utils";
|
|
5
|
+
export * from "./divider-tokens.utils";
|
|
6
|
+
export * from "./field-state.utils";
|
|
7
|
+
export * from "./flyout-tokens.utils";
|
|
8
|
+
export * from "./pagination-state.utils";
|
|
9
|
+
export * from "./selection-item-state.utils";
|
|
10
|
+
export * from "./selection-state.utils";
|
|
11
|
+
export * from "./segmented-control-state.utils";
|
|
12
|
+
export * from "./slider-tokens.utils";
|
|
1
13
|
export * from "./style.utils";
|
|
2
14
|
//# sourceMappingURL=index.js.map
|
package/dist/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./style.utils\";\
|
|
1
|
+
{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./action-state.utils\";\nexport * from \"./availability-state.utils\";\nexport * from \"./control-state.utils\";\nexport * from \"./datetime-picker-state.utils\";\nexport * from \"./divider-tokens.utils\";\nexport * from \"./field-state.utils\";\nexport * from \"./flyout-tokens.utils\";\nexport * from \"./pagination-state.utils\";\nexport * from \"./selection-item-state.utils\";\nexport * from \"./selection-state.utils\";\nexport * from \"./segmented-control-state.utils\";\nexport * from \"./slider-tokens.utils\";\nexport * from \"./style.utils\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { VisualStateTokens } from '../types/components.types.mjs';
|
|
2
|
+
import { PaginationVisualState, PaginationState } from '../types/pagination-tokens.types.mjs';
|
|
3
|
+
|
|
4
|
+
declare function getPaginationStateTokens<Tokens>(tokens: VisualStateTokens<PaginationVisualState, Tokens>, state: PaginationState): Tokens;
|
|
5
|
+
|
|
6
|
+
export { getPaginationStateTokens };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
function getPaginationStateTokens(tokens, state) {
|
|
2
|
+
const { current, disabled = false } = state;
|
|
3
|
+
if (disabled) return tokens.disabled;
|
|
4
|
+
return current ? tokens.current : tokens.default;
|
|
5
|
+
}
|
|
6
|
+
export {
|
|
7
|
+
getPaginationStateTokens
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=pagination-state.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/pagination-state.utils.ts"],"sourcesContent":["import type {\n PaginationState,\n PaginationVisualState,\n VisualStateTokens,\n} from \"../types\";\n\nexport function getPaginationStateTokens<Tokens>(\n tokens: VisualStateTokens<PaginationVisualState, Tokens>,\n state: PaginationState,\n): Tokens {\n const { current, disabled = false } = state;\n\n if (disabled) return tokens.disabled;\n return current ? tokens.current : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,yBACd,QACA,OACQ;AACR,QAAM,EAAE,SAAS,WAAW,MAAM,IAAI;AAEtC,MAAI,SAAU,QAAO,OAAO;AAC5B,SAAO,UAAU,OAAO,UAAU,OAAO;AAC3C;","names":[]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { SegmentedControlTokens, SegmentedControlItemTokenState, ResolvedSegmentedControlItemTokens } from '../types/segmented-control-tokens.types.mjs';
|
|
2
|
+
import '../types/components.types.mjs';
|
|
3
|
+
|
|
4
|
+
declare function getSegmentedControlItemTokens(tokens: SegmentedControlTokens, state: SegmentedControlItemTokenState): ResolvedSegmentedControlItemTokens;
|
|
5
|
+
|
|
6
|
+
export { getSegmentedControlItemTokens };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { getSelectionStateTokens } from "./selection-state.utils";
|
|
2
|
+
function getSegmentedControlItemTokens(tokens, state) {
|
|
3
|
+
const { disabled, layout, selected, size, variant } = state;
|
|
4
|
+
const { layouts, ...sizeTokens } = tokens.sizes[size];
|
|
5
|
+
const appearanceTokens = getSelectionStateTokens(
|
|
6
|
+
tokens.variants[variant].states,
|
|
7
|
+
{ disabled, selected }
|
|
8
|
+
);
|
|
9
|
+
return {
|
|
10
|
+
...sizeTokens,
|
|
11
|
+
...layouts[layout],
|
|
12
|
+
...appearanceTokens,
|
|
13
|
+
borderRadius: tokens.itemBorderRadius,
|
|
14
|
+
borderWidth: tokens.itemBorderWidth
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
export {
|
|
18
|
+
getSegmentedControlItemTokens
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=segmented-control-state.utils.js.map
|
|
@@ -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,5 @@
|
|
|
1
|
+
import { VisualStateTokens, SelectionItemVisualState, SelectionItemState } from '../types/components.types.mjs';
|
|
2
|
+
|
|
3
|
+
declare function getSelectionItemStateTokens<Tokens>(tokens: VisualStateTokens<SelectionItemVisualState, Tokens>, state: SelectionItemState): Tokens;
|
|
4
|
+
|
|
5
|
+
export { getSelectionItemStateTokens };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/selection-item-state.utils.ts"],"sourcesContent":["import type {\n SelectionItemState,\n SelectionItemVisualState,\n VisualStateTokens,\n} from \"../types\";\n\nexport function getSelectionItemStateTokens<Tokens>(\n tokens: VisualStateTokens<SelectionItemVisualState, Tokens>,\n state: SelectionItemState,\n): Tokens {\n const { selected } = state;\n\n return selected ? tokens.selected : tokens.default;\n}\n"],"mappings":"AAMO,SAAS,4BACd,QACA,OACQ;AACR,QAAM,EAAE,SAAS,IAAI;AAErB,SAAO,WAAW,OAAO,WAAW,OAAO;AAC7C;","names":[]}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { VisualStateTokens, SelectionVisualState, SelectionState } from '../types/components.types.mjs';
|
|
2
|
+
|
|
3
|
+
declare function getSelectionStateTokens<Tokens>(tokens: VisualStateTokens<SelectionVisualState, Tokens>, state: SelectionState): Tokens;
|
|
4
|
+
|
|
5
|
+
export { getSelectionStateTokens };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
function getSelectionStateTokens(tokens, state) {
|
|
2
|
+
const { disabled = false, selected } = state;
|
|
3
|
+
if (disabled) {
|
|
4
|
+
return selected ? tokens.disabledSelected : tokens.disabledUnselected;
|
|
5
|
+
}
|
|
6
|
+
return selected ? tokens.selected : tokens.unselected;
|
|
7
|
+
}
|
|
8
|
+
export {
|
|
9
|
+
getSelectionStateTokens
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=selection-state.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/selection-state.utils.ts"],"sourcesContent":["import type {\n SelectionState,\n SelectionVisualState,\n VisualStateTokens,\n} from \"../types\";\n\nexport function getSelectionStateTokens<Tokens>(\n tokens: VisualStateTokens<SelectionVisualState, Tokens>,\n state: SelectionState,\n): Tokens {\n const { disabled = false, selected } = state;\n\n if (disabled) {\n return selected ? tokens.disabledSelected : tokens.disabledUnselected;\n }\n\n return selected ? tokens.selected : tokens.unselected;\n}\n"],"mappings":"AAMO,SAAS,wBACd,QACA,OACQ;AACR,QAAM,EAAE,WAAW,OAAO,SAAS,IAAI;AAEvC,MAAI,UAAU;AACZ,WAAO,WAAW,OAAO,mBAAmB,OAAO;AAAA,EACrD;AAEA,SAAO,WAAW,OAAO,WAAW,OAAO;AAC7C;","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,21 +11,25 @@ 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';
|
|
18
20
|
import '../types/buttons-tokens.types.mjs';
|
|
19
21
|
import '../types/card-tokens.types.mjs';
|
|
20
|
-
import '../types/control-
|
|
22
|
+
import '../types/control-tokens.types.mjs';
|
|
21
23
|
import '../types/data-state-tokens.types.mjs';
|
|
22
24
|
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",
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { ComponentVariant, ComponentSize } from './components.types.mjs';
|
|
2
|
-
|
|
3
|
-
type ControlAddonVariantTokens = Record<ComponentVariant, {
|
|
4
|
-
iconColor: string;
|
|
5
|
-
errorIconColor: string;
|
|
6
|
-
disabledIconColor: string;
|
|
7
|
-
}>;
|
|
8
|
-
interface ControlAddonTokens {
|
|
9
|
-
marginHorizontal: number;
|
|
10
|
-
hitSlop: number;
|
|
11
|
-
variants: ControlAddonVariantTokens;
|
|
12
|
-
}
|
|
13
|
-
type ControlContainerSizeTokens = Record<ComponentSize, {
|
|
14
|
-
height: number;
|
|
15
|
-
paddingHorizontal: number;
|
|
16
|
-
}>;
|
|
17
|
-
type ControlContainerVariantTokens = Record<ComponentVariant, {
|
|
18
|
-
backgroundColor: string;
|
|
19
|
-
borderColor: string;
|
|
20
|
-
errorBorderColor: string;
|
|
21
|
-
disabledBackgroundColor: string;
|
|
22
|
-
disabledBorderColor: string;
|
|
23
|
-
}>;
|
|
24
|
-
interface ControlContainerTokens {
|
|
25
|
-
borderWidth: number;
|
|
26
|
-
borderRadius: number;
|
|
27
|
-
disabledOpacity: number;
|
|
28
|
-
sizes: ControlContainerSizeTokens;
|
|
29
|
-
variants: ControlContainerVariantTokens;
|
|
30
|
-
}
|
|
31
|
-
interface ControlErrorTokens {
|
|
32
|
-
marginTop: number;
|
|
33
|
-
color: string;
|
|
34
|
-
fontSize: number;
|
|
35
|
-
}
|
|
36
|
-
type ControlInputSizeTokens = Record<ComponentSize, {
|
|
37
|
-
fontSize: number;
|
|
38
|
-
}>;
|
|
39
|
-
type ControlInputVariantTokens = Record<ComponentVariant, {
|
|
40
|
-
color: string;
|
|
41
|
-
placeholderColor: string;
|
|
42
|
-
disabledColor: string;
|
|
43
|
-
disabledPlaceholderColor: string;
|
|
44
|
-
errorColor: string;
|
|
45
|
-
errorPlaceholderColor: string;
|
|
46
|
-
}>;
|
|
47
|
-
interface ControlInputTokens {
|
|
48
|
-
flex: number;
|
|
49
|
-
fontFamily: string;
|
|
50
|
-
paddingHorizontal: number;
|
|
51
|
-
sizes: ControlInputSizeTokens;
|
|
52
|
-
variants: ControlInputVariantTokens;
|
|
53
|
-
}
|
|
54
|
-
interface ControlLabelTokens {
|
|
55
|
-
marginBottom: number;
|
|
56
|
-
fontSize: number;
|
|
57
|
-
color: string;
|
|
58
|
-
disabledColor: string;
|
|
59
|
-
errorColor: string;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
export type { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=control-tokes.types.js.map
|
|
File without changes
|