@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.
Files changed (62) hide show
  1. package/dist/constants/index.d.mts +1 -1
  2. package/dist/constants/style.constants.d.mts +3 -3
  3. package/dist/constants/style.constants.js +3 -3
  4. package/dist/constants/style.constants.js.map +1 -1
  5. package/dist/hooks/index.d.mts +3 -1
  6. package/dist/hooks/use-colors.hook.d.mts +3 -1
  7. package/dist/hooks/use-components-tokens.hook.d.mts +3 -1
  8. package/dist/hooks/use-theme.hook.d.mts +3 -1
  9. package/dist/hooks/use-themed-styles.d.mts +3 -1
  10. package/dist/index.d.mts +4 -1
  11. package/dist/providers/index.d.mts +3 -1
  12. package/dist/providers/theme.provider.d.mts +3 -1
  13. package/dist/theme/create-accordion-tokens.d.mts +3 -1
  14. package/dist/theme/create-avatar-tokens.d.mts +3 -1
  15. package/dist/theme/create-badge-tokens.d.mts +31 -0
  16. package/dist/theme/create-badge-tokens.js +101 -0
  17. package/dist/theme/create-badge-tokens.js.map +1 -0
  18. package/dist/theme/create-button-tokens.d.mts +3 -1
  19. package/dist/theme/create-card-tokens.d.mts +3 -1
  20. package/dist/theme/create-checkbox-tokens.d.mts +3 -1
  21. package/dist/theme/create-control-tokens.d.mts +3 -1
  22. package/dist/theme/create-data-state-tokens.d.mts +3 -1
  23. package/dist/theme/create-datetime-picker.d.mts +3 -1
  24. package/dist/theme/create-divider-tokens.d.mts +3 -1
  25. package/dist/theme/create-flyout-tokens.d.mts +3 -1
  26. package/dist/theme/create-icon-button-tokens.d.mts +3 -1
  27. package/dist/theme/create-progress-tokens.d.mts +3 -1
  28. package/dist/theme/create-radio-tokens.d.mts +3 -1
  29. package/dist/theme/create-select-tokens.d.mts +3 -1
  30. package/dist/theme/create-skeleton-tokens.d.mts +3 -1
  31. package/dist/theme/create-slider-tokens.d.mts +31 -0
  32. package/dist/theme/create-slider-tokens.js +79 -0
  33. package/dist/theme/create-slider-tokens.js.map +1 -0
  34. package/dist/theme/create-spinner-tokens.d.mts +3 -1
  35. package/dist/theme/create-stepper-tokens.d.mts +3 -1
  36. package/dist/theme/create-switch-tokens.d.mts +3 -1
  37. package/dist/theme/create-tag-tokens.d.mts +3 -1
  38. package/dist/theme/create-textarea-tokens.d.mts +3 -1
  39. package/dist/theme/create-time-picker-tokens.d.mts +3 -1
  40. package/dist/theme/dark.theme.d.mts +3 -1
  41. package/dist/theme/index.d.mts +4 -1
  42. package/dist/theme/index.js +1 -0
  43. package/dist/theme/index.js.map +1 -1
  44. package/dist/theme/light.theme.d.mts +3 -1
  45. package/dist/theme/tokens.theme.d.mts +3 -1
  46. package/dist/theme/tokens.theme.js +4 -0
  47. package/dist/theme/tokens.theme.js.map +1 -1
  48. package/dist/types/badge-tokens.types.d.mts +28 -0
  49. package/dist/types/badge-tokens.types.js +1 -0
  50. package/dist/types/badge-tokens.types.js.map +1 -0
  51. package/dist/types/index.d.mts +2 -0
  52. package/dist/types/index.js +2 -0
  53. package/dist/types/index.js.map +1 -1
  54. package/dist/types/slider-tokens.types.d.mts +44 -0
  55. package/dist/types/slider-tokens.types.js +1 -0
  56. package/dist/types/slider-tokens.types.js.map +1 -0
  57. package/dist/types/theme-provider.types.d.mts +4 -0
  58. package/dist/utils/index.d.mts +3 -1
  59. package/dist/utils/style.utils.d.mts +3 -1
  60. package/dist/utils/style.utils.js +2 -2
  61. package/dist/utils/style.utils.js.map +1 -1
  62. package/package.json +3 -3
@@ -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/checkbox-tokens.types.mjs';
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/checkbox-tokens.types.mjs';
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 { shadowScale, StylePropsSet } from "../constants";
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 = shadowScale[level];
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\";\r\n\r\nimport { shadowScale, StylePropsSet } from \"../constants\";\r\nimport {\r\n ShadowLevel,\r\n ShadowPosition,\r\n StylePropKey,\r\n StyleProps,\r\n ThemeColors,\r\n} from \"../types\";\r\n\r\nconst isStylePropKey = (k: string): k is StylePropKey =>\r\n StylePropsSet.has(k as StylePropKey);\r\n\r\nexport const extractStyleProps = <Props extends object>(\r\n props: Props,\r\n): StyleProps => {\r\n const style: StyleProps = {};\r\n\r\n for (const k in props) {\r\n if (isStylePropKey(k) && props[k] !== undefined) {\r\n style[k] = props[k] as any;\r\n }\r\n }\r\n\r\n return style;\r\n};\r\n\r\nexport const createStyleKey = <Props extends object>(props: Props) => {\r\n let key = \"\";\r\n\r\n for (const k in props) {\r\n if (isStylePropKey(k)) {\r\n key += String(props[k as keyof Props]);\r\n }\r\n }\r\n\r\n return key;\r\n};\r\n\r\nexport const getShadowStyle = (\r\n level: ShadowLevel = \"none\",\r\n position: ShadowPosition = \"bottom\",\r\n colors: ThemeColors,\r\n): ViewStyle => {\r\n const token = shadowScale[level];\r\n\r\n if (level === \"none\") return {};\r\n\r\n if (Platform.OS === \"android\") {\r\n return {\r\n elevation: token.elevation,\r\n };\r\n }\r\n\r\n let offsetY = 0;\r\n\r\n if (position === \"bottom\") offsetY = token.radius / 2;\r\n if (position === \"top\") offsetY = -token.radius / 2;\r\n if (position === \"around\") offsetY = 0;\r\n\r\n return {\r\n shadowColor: colors.black,\r\n shadowOpacity: token.opacity,\r\n shadowRadius: token.radius,\r\n shadowOffset: {\r\n width: 0,\r\n height: offsetY,\r\n },\r\n };\r\n};\r\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":[]}
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": "2.8.0",
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": "2.8.0"
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": {