@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
package/dist/utils/index.d.mts
CHANGED
|
@@ -10,8 +10,9 @@ import '../types/spacing.types.mjs';
|
|
|
10
10
|
import '../types/typography.types.mjs';
|
|
11
11
|
import '../types/tokens.types.mjs';
|
|
12
12
|
import '../types/theme-provider.types.mjs';
|
|
13
|
-
import '../types/
|
|
13
|
+
import '../types/badge-tokens.types.mjs';
|
|
14
14
|
import '../types/components.types.mjs';
|
|
15
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
15
16
|
import '../types/radio-tokens.types.mjs';
|
|
16
17
|
import '../types/accordion-tokens.types.mjs';
|
|
17
18
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -28,6 +29,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
28
29
|
import '../types/spinner-tokens.types.mjs';
|
|
29
30
|
import '../types/select-tokens.types.mjs';
|
|
30
31
|
import '../types/skeleton-tokens.types.mjs';
|
|
32
|
+
import '../types/slider-tokens.types.mjs';
|
|
31
33
|
import '../types/stepper-tokens.types.mjs';
|
|
32
34
|
import '../types/switch-tokens.types.mjs';
|
|
33
35
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -9,8 +9,9 @@ import '../types/flex.types.mjs';
|
|
|
9
9
|
import '../types/spacing.types.mjs';
|
|
10
10
|
import '../types/typography.types.mjs';
|
|
11
11
|
import '../types/tokens.types.mjs';
|
|
12
|
-
import '../types/
|
|
12
|
+
import '../types/badge-tokens.types.mjs';
|
|
13
13
|
import '../types/components.types.mjs';
|
|
14
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
14
15
|
import '../types/radio-tokens.types.mjs';
|
|
15
16
|
import '../types/accordion-tokens.types.mjs';
|
|
16
17
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -27,6 +28,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
27
28
|
import '../types/spinner-tokens.types.mjs';
|
|
28
29
|
import '../types/select-tokens.types.mjs';
|
|
29
30
|
import '../types/skeleton-tokens.types.mjs';
|
|
31
|
+
import '../types/slider-tokens.types.mjs';
|
|
30
32
|
import '../types/stepper-tokens.types.mjs';
|
|
31
33
|
import '../types/switch-tokens.types.mjs';
|
|
32
34
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Platform } from "react-native";
|
|
2
|
-
import {
|
|
2
|
+
import { ShadowScale, StylePropsSet } from "../constants";
|
|
3
3
|
const isStylePropKey = (k) => StylePropsSet.has(k);
|
|
4
4
|
const extractStyleProps = (props) => {
|
|
5
5
|
const style = {};
|
|
@@ -20,7 +20,7 @@ const createStyleKey = (props) => {
|
|
|
20
20
|
return key;
|
|
21
21
|
};
|
|
22
22
|
const getShadowStyle = (level = "none", position = "bottom", colors) => {
|
|
23
|
-
const token =
|
|
23
|
+
const token = ShadowScale[level];
|
|
24
24
|
if (level === "none") return {};
|
|
25
25
|
if (Platform.OS === "android") {
|
|
26
26
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/style.utils.ts"],"sourcesContent":["import { Platform, ViewStyle } from \"react-native\";\
|
|
1
|
+
{"version":3,"sources":["../../src/utils/style.utils.ts"],"sourcesContent":["import { Platform, ViewStyle } from \"react-native\";\n\nimport { ShadowScale, StylePropsSet } from \"../constants\";\nimport {\n ShadowLevel,\n ShadowPosition,\n StylePropKey,\n StyleProps,\n ThemeColors,\n} from \"../types\";\n\nconst isStylePropKey = (k: string): k is StylePropKey =>\n StylePropsSet.has(k as StylePropKey);\n\nexport const extractStyleProps = <Props extends object>(\n props: Props,\n): StyleProps => {\n const style: StyleProps = {};\n\n for (const k in props) {\n if (isStylePropKey(k) && props[k] !== undefined) {\n style[k] = props[k] as any;\n }\n }\n\n return style;\n};\n\nexport const createStyleKey = <Props extends object>(props: Props) => {\n let key = \"\";\n\n for (const k in props) {\n if (isStylePropKey(k)) {\n key += String(props[k as keyof Props]);\n }\n }\n\n return key;\n};\n\nexport const getShadowStyle = (\n level: ShadowLevel = \"none\",\n position: ShadowPosition = \"bottom\",\n colors: ThemeColors,\n): ViewStyle => {\n const token = ShadowScale[level];\n\n if (level === \"none\") return {};\n\n if (Platform.OS === \"android\") {\n return {\n elevation: token.elevation,\n };\n }\n\n let offsetY = 0;\n\n if (position === \"bottom\") offsetY = token.radius / 2;\n if (position === \"top\") offsetY = -token.radius / 2;\n if (position === \"around\") offsetY = 0;\n\n return {\n shadowColor: colors.black,\n shadowOpacity: token.opacity,\n shadowRadius: token.radius,\n shadowOffset: {\n width: 0,\n height: offsetY,\n },\n };\n};\n"],"mappings":"AAAA,SAAS,gBAA2B;AAEpC,SAAS,aAAa,qBAAqB;AAS3C,MAAM,iBAAiB,CAAC,MACtB,cAAc,IAAI,CAAiB;AAE9B,MAAM,oBAAoB,CAC/B,UACe;AACf,QAAM,QAAoB,CAAC;AAE3B,aAAW,KAAK,OAAO;AACrB,QAAI,eAAe,CAAC,KAAK,MAAM,CAAC,MAAM,QAAW;AAC/C,YAAM,CAAC,IAAI,MAAM,CAAC;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAAuB,UAAiB;AACpE,MAAI,MAAM;AAEV,aAAW,KAAK,OAAO;AACrB,QAAI,eAAe,CAAC,GAAG;AACrB,aAAO,OAAO,MAAM,CAAgB,CAAC;AAAA,IACvC;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAC5B,QAAqB,QACrB,WAA2B,UAC3B,WACc;AACd,QAAM,QAAQ,YAAY,KAAK;AAE/B,MAAI,UAAU,OAAQ,QAAO,CAAC;AAE9B,MAAI,SAAS,OAAO,WAAW;AAC7B,WAAO;AAAA,MACL,WAAW,MAAM;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,UAAU;AAEd,MAAI,aAAa,SAAU,WAAU,MAAM,SAAS;AACpD,MAAI,aAAa,MAAO,WAAU,CAAC,MAAM,SAAS;AAClD,MAAI,aAAa,SAAU,WAAU;AAErC,SAAO;AAAA,IACL,aAAa,OAAO;AAAA,IACpB,eAAe,MAAM;AAAA,IACrB,cAAc,MAAM;AAAA,IACpB,cAAc;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AACF;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/theme",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.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": "3.0.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/react": "~19.2.14",
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"react": "19.2.3",
|
|
38
38
|
"react-native": "0.86.2",
|
|
39
39
|
"typescript": "~6.0.3",
|
|
40
|
-
"@impulse-ui-native/prettier-config": "1.0.0",
|
|
41
40
|
"@impulse-ui-native/eslint-config": "1.0.0",
|
|
41
|
+
"@impulse-ui-native/prettier-config": "1.0.0",
|
|
42
42
|
"@impulse-ui-native/tsconfig": "1.0.0"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|