@impulse-ui-native/theme 8.0.0 → 8.2.0

package/dist/types/toast-tokens.types.d.mts

@@ -1,12 +1,18 @@
-export { e as ToastTokens, f as ToastTone } from '../theme-provider.types-CPFMVXUS.mjs';
+export { e as ToastTokens, f as ToastTone } from '../theme-provider.types-CLjz9-IY.mjs';
+import './tokens.types.mjs';
 import './badge-tokens.types.mjs';
 import './components.types.mjs';
 import './carousel-tokens.types.mjs';
+import './charts-tokens.types.mjs';
+import './chart.types.mjs';
 import './checkbox-tokens.types.mjs';
 import './list-tokens.types.mjs';
 import './modal-tokens.types.mjs';
 import './popover-tokens.types.mjs';
 import './radio-tokens.types.mjs';
+import './shadow.types.mjs';
+import 'react-native';
+import './tabs-tokens.types.mjs';
 import './accordion-tokens.types.mjs';
 import './avatar-tokens.types.mjs';
 import './buttons-tokens.types.mjs';
@@ -30,4 +36,3 @@ import './switch-tokens.types.mjs';
 import './tag-tokens.types.mjs';
 import './textarea-tokens.types.mjs';
 import './time-picker-token.types.mjs';
-import './tokens.types.mjs';

package/dist/utils/index.d.mts

@@ -11,6 +11,7 @@ export { getSelectionStateTokens } from './selection-state.utils.mjs';
 export { getSegmentedControlItemTokens } from './segmented-control-state.utils.mjs';
 export { getSliderTrackTokens } from './slider-tokens.utils.mjs';
 export { createStyleKey, extractStyleProps, getShadowStyle } from './style.utils.mjs';
+export { getTabsItemTokens } from './tabs-state.utils.mjs';
 import '../types/components.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
@@ -28,14 +29,17 @@ import '../types/flex.types.mjs';
 import '../types/spacing.types.mjs';
 import '../types/typography.types.mjs';
 import '../types/tokens.types.mjs';
-import '../theme-provider.types-CPFMVXUS.mjs';
+import '../theme-provider.types-CLjz9-IY.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

package/dist/utils/index.js

@@ -11,4 +11,5 @@ export * from "./selection-state.utils";
 export * from "./segmented-control-state.utils";
 export * from "./slider-tokens.utils";
 export * from "./style.utils";
+export * from "./tabs-state.utils";
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +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":[]}
+{"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\";\nexport * from \"./tabs-state.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;AACd,cAAc;","names":[]}

package/dist/utils/style.utils.d.mts

@@ -1,7 +1,7 @@
 import { ViewStyle } from 'react-native';
-import { ShadowLevel, ShadowPosition } from '../types/shadow.types.mjs';
+import { ShadowLevel, ShadowPosition, ShadowScaleTokens } from '../types/shadow.types.mjs';
 import { StyleProps } from '../types/style.types.mjs';
-import { T as ThemeColors } from '../theme-provider.types-CPFMVXUS.mjs';
+import { T as ThemeColors } from '../theme-provider.types-CLjz9-IY.mjs';
 import '../types/border.types.mjs';
 import '../types/color.types.mjs';
 import '../types/dimension.types.mjs';
@@ -12,11 +12,14 @@ import '../types/tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
@@ -43,6 +46,6 @@ import '../types/time-picker-token.types.mjs';
 
 declare const extractStyleProps: <Props extends object>(props: Props) => StyleProps;
 declare const createStyleKey: <Props extends object>(props: Props) => string;
-declare const getShadowStyle: (level: ShadowLevel | undefined, position: ShadowPosition | undefined, colors: ThemeColors) => ViewStyle;
+declare const getShadowStyle: (level: ShadowLevel | undefined, position: ShadowPosition | undefined, colors: ThemeColors, shadows?: ShadowScaleTokens) => ViewStyle;
 
 export { createStyleKey, extractStyleProps, getShadowStyle };

package/dist/utils/style.utils.js

@@ -19,8 +19,8 @@ const createStyleKey = (props) => {
   }
   return key;
 };
-const getShadowStyle = (level = "none", position = "bottom", colors) => {
-  const token = ShadowScale[level];
+const getShadowStyle = (level = "none", position = "bottom", colors, shadows = ShadowScale) => {
+  const token = shadows[level];
   if (level === "none") {
     return {};
   }

package/dist/utils/style.utils.js.map

@@ -1 +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\") {\n    return {};\n  }\n\n  if (Platform.OS === \"android\") {\n    return {\n      elevation: token.elevation,\n    };\n  }\n\n  let offsetY = 0;\n\n  if (position === \"bottom\") {\n    offsetY = token.radius / 2;\n  }\n\n  if (position === \"top\") {\n    offsetY = -token.radius / 2;\n  }\n\n  if (position === \"around\") {\n    offsetY = 0;\n  }\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,QAAQ;AACpB,WAAO,CAAC;AAAA,EACV;AAEA,MAAI,SAAS,OAAO,WAAW;AAC7B,WAAO;AAAA,MACL,WAAW,MAAM;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,UAAU;AAEd,MAAI,aAAa,UAAU;AACzB,cAAU,MAAM,SAAS;AAAA,EAC3B;AAEA,MAAI,aAAa,OAAO;AACtB,cAAU,CAAC,MAAM,SAAS;AAAA,EAC5B;AAEA,MAAI,aAAa,UAAU;AACzB,cAAU;AAAA,EACZ;AAEA,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":[]}
+{"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  ShadowScaleTokens,\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  shadows: ShadowScaleTokens = ShadowScale,\n): ViewStyle => {\n  const token = shadows[level];\n\n  if (level === \"none\") {\n    return {};\n  }\n\n  if (Platform.OS === \"android\") {\n    return {\n      elevation: token.elevation,\n    };\n  }\n\n  let offsetY = 0;\n\n  if (position === \"bottom\") {\n    offsetY = token.radius / 2;\n  }\n\n  if (position === \"top\") {\n    offsetY = -token.radius / 2;\n  }\n\n  if (position === \"around\") {\n    offsetY = 0;\n  }\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;AAU3C,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,QACA,UAA6B,gBACf;AACd,QAAM,QAAQ,QAAQ,KAAK;AAE3B,MAAI,UAAU,QAAQ;AACpB,WAAO,CAAC;AAAA,EACV;AAEA,MAAI,SAAS,OAAO,WAAW;AAC7B,WAAO;AAAA,MACL,WAAW,MAAM;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,UAAU;AAEd,MAAI,aAAa,UAAU;AACzB,cAAU,MAAM,SAAS;AAAA,EAC3B;AAEA,MAAI,aAAa,OAAO;AACtB,cAAU,CAAC,MAAM,SAAS;AAAA,EAC5B;AAEA,MAAI,aAAa,UAAU;AACzB,cAAU;AAAA,EACZ;AAEA,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/dist/utils/tabs-state.utils.d.mts

@@ -0,0 +1,6 @@
+import { TabsTokens, TabsItemTokenState, ResolvedTabsItemTokens } from '../types/tabs-tokens.types.mjs';
+import '../types/components.types.mjs';
+
+declare function getTabsItemTokens(tokens: TabsTokens, state: TabsItemTokenState): ResolvedTabsItemTokens;
+
+export { getTabsItemTokens };

package/dist/utils/tabs-state.utils.js

@@ -0,0 +1,12 @@
+import { getSelectionStateTokens } from "./selection-state.utils";
+function getTabsItemTokens(tokens, state) {
+  return {
+    ...tokens.sizes[state.size],
+    ...getSelectionStateTokens(tokens.states, state),
+    indicatorHeight: tokens.indicatorHeight
+  };
+}
+export {
+  getTabsItemTokens
+};
+//# sourceMappingURL=tabs-state.utils.js.map

package/dist/utils/tabs-state.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/tabs-state.utils.ts"],"sourcesContent":["import type {\n  ResolvedTabsItemTokens,\n  TabsItemTokenState,\n  TabsTokens,\n} from \"../types\";\nimport { getSelectionStateTokens } from \"./selection-state.utils\";\n\nexport function getTabsItemTokens(\n  tokens: TabsTokens,\n  state: TabsItemTokenState,\n): ResolvedTabsItemTokens {\n  return {\n    ...tokens.sizes[state.size],\n    ...getSelectionStateTokens(tokens.states, state),\n    indicatorHeight: tokens.indicatorHeight,\n  };\n}\n"],"mappings":"AAKA,SAAS,+BAA+B;AAEjC,SAAS,kBACd,QACA,OACwB;AACxB,SAAO;AAAA,IACL,GAAG,OAAO,MAAM,MAAM,IAAI;AAAA,IAC1B,GAAG,wBAAwB,OAAO,QAAQ,KAAK;AAAA,IAC/C,iBAAiB,OAAO;AAAA,EAC1B;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/theme",
-  "version": "8.0.0",
+  "version": "8.2.0",
   "description": "Theme tokens, providers, and styling utilities for ImpulseUI Native.",
   "keywords": [
     "react-native",
@@ -28,7 +28,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/core": "8.0.0"
+    "@impulse-ui-native/core": "8.2.0"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
@@ -37,9 +37,9 @@
     "react": "19.2.3",
     "react-native": "0.86.2",
     "typescript": "~6.0.3",
-    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/eslint-config": "1.0.0",
     "@impulse-ui-native/tsconfig": "1.0.0",
-    "@impulse-ui-native/eslint-config": "1.0.0"
+    "@impulse-ui-native/prettier-config": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",