@impulse-ui-native/theme 3.0.0 → 4.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/hooks/index.d.mts +1 -1
- package/dist/hooks/use-colors.hook.d.mts +1 -1
- package/dist/hooks/use-components-tokens.hook.d.mts +1 -1
- package/dist/hooks/use-theme.hook.d.mts +1 -1
- package/dist/hooks/use-themed-styles.d.mts +1 -1
- package/dist/index.d.mts +20 -13
- package/dist/providers/index.d.mts +1 -1
- package/dist/providers/theme.provider.d.mts +1 -1
- package/dist/theme/create-accordion-tokens.d.mts +1 -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 +1 -1
- package/dist/theme/create-avatar-tokens.js +0 -10
- package/dist/theme/create-avatar-tokens.js.map +1 -1
- package/dist/theme/create-badge-tokens.d.mts +1 -1
- package/dist/theme/create-badge-tokens.js +0 -10
- package/dist/theme/create-badge-tokens.js.map +1 -1
- package/dist/theme/create-button-tokens.d.mts +1 -1
- package/dist/theme/create-button-tokens.js +60 -32
- package/dist/theme/create-button-tokens.js.map +1 -1
- package/dist/theme/create-card-tokens.d.mts +1 -1
- package/dist/theme/create-checkbox-tokens.d.mts +1 -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 +1 -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 +1 -1
- package/dist/theme/create-data-state-tokens.js.map +1 -1
- package/dist/theme/create-datetime-picker.d.mts +1 -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 +1 -1
- package/dist/theme/create-flyout-tokens.d.mts +1 -1
- package/dist/theme/create-flyout-tokens.js.map +1 -1
- package/dist/theme/create-icon-button-tokens.d.mts +1 -1
- package/dist/theme/create-icon-button-tokens.js +60 -32
- package/dist/theme/create-icon-button-tokens.js.map +1 -1
- package/dist/theme/create-progress-tokens.d.mts +1 -1
- package/dist/theme/create-radio-tokens.d.mts +1 -1
- package/dist/theme/create-radio-tokens.js +60 -24
- package/dist/theme/create-radio-tokens.js.map +1 -1
- package/dist/theme/create-select-tokens.d.mts +1 -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 +1 -1
- package/dist/theme/create-skeleton-tokens.js.map +1 -1
- package/dist/theme/create-slider-tokens.d.mts +1 -1
- package/dist/theme/create-slider-tokens.js +135 -32
- package/dist/theme/create-slider-tokens.js.map +1 -1
- package/dist/theme/create-spinner-tokens.d.mts +1 -1
- package/dist/theme/create-stepper-tokens.d.mts +1 -1
- package/dist/theme/create-switch-tokens.d.mts +1 -1
- package/dist/theme/create-switch-tokens.js +48 -25
- package/dist/theme/create-switch-tokens.js.map +1 -1
- package/dist/theme/create-tag-tokens.d.mts +1 -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 +1 -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 +1 -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 +1 -1
- package/dist/theme/index.d.mts +1 -1
- package/dist/theme/light.theme.d.mts +1 -1
- package/dist/theme/tokens.theme.d.mts +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/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/datetime-picker-tokens.types.d.mts +14 -7
- package/dist/types/index.d.mts +13 -13
- package/dist/types/index.js +1 -1
- package/dist/types/index.js.map +1 -1
- package/dist/types/radio-tokens.types.d.mts +5 -9
- package/dist/types/select-tokens.types.d.mts +8 -4
- package/dist/types/slider-tokens.types.d.mts +12 -13
- 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 +1 -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/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/index.d.mts +10 -3
- package/dist/utils/index.js +7 -0
- package/dist/utils/index.js.map +1 -1
- 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/style.utils.d.mts +1 -1
- package/package.json +2 -2
- 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 → control-tokens.types.js.map} +0 -0
|
@@ -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":[]}
|
|
@@ -17,7 +17,7 @@ import '../types/accordion-tokens.types.mjs';
|
|
|
17
17
|
import '../types/avatar-tokens.types.mjs';
|
|
18
18
|
import '../types/buttons-tokens.types.mjs';
|
|
19
19
|
import '../types/card-tokens.types.mjs';
|
|
20
|
-
import '../types/control-
|
|
20
|
+
import '../types/control-tokens.types.mjs';
|
|
21
21
|
import '../types/data-state-tokens.types.mjs';
|
|
22
22
|
import '../types/datetime-picker-tokens.types.mjs';
|
|
23
23
|
import '../types/divider-tokens.types.mjs';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/theme",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.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": "4.0.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/react": "~19.2.14",
|
|
@@ -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
|