@impulse-ui-native/theme 8.3.0 → 9.1.1

package/dist/types/color-picker-tokens.types.d.mts

@@ -0,0 +1,50 @@
+import { ComponentSize } from './components.types.mjs';
+
+interface ColorPickerPreset {
+    label: string;
+    color: string;
+    disabled?: boolean;
+}
+interface ColorPickerTokens {
+    gap: number;
+    rowGap: number;
+    sliderLabelGap: number;
+    presetsLabelGap: number;
+    presetsGap: number;
+    presetLabelGap: number;
+    alphaFieldFlex: number;
+    padding: number;
+    borderRadius: number;
+    spectrumBorderRadius: number;
+    previewBorderRadius: number;
+    swatchBorderRadius: number;
+    swatchRingPadding: number;
+    swatchRingBorderWidth: number;
+    borderWidth: number;
+    borderColor: string;
+    backgroundColor: string;
+    labelColor: string;
+    selectedBorderColor: string;
+    indicatorColor: string;
+    indicatorBorderRadius: number;
+    indicatorBorderWidth: number;
+    indicatorShadowOffsetX: number;
+    indicatorShadowOffsetY: number;
+    indicatorShadowBlurRadius: number;
+    indicatorShadowColor: string;
+    checkerLightColor: string;
+    checkerDarkColor: string;
+    checkerSize: number;
+    disabledOpacity: number;
+    presets: readonly ColorPickerPreset[];
+    sizes: Record<ComponentSize, {
+        spectrumHeight: number;
+        indicatorSize: number;
+        previewSize: number;
+        swatchSize: number;
+        swatchCheckSize: number;
+        swatchTargetSize: number;
+    }>;
+}
+
+export type { ColorPickerPreset, ColorPickerTokens };

package/dist/types/color-picker-tokens.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=color-picker-tokens.types.js.map

package/dist/types/color-picker-tokens.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/index.d.mts

@@ -1,14 +1,14 @@
 export { BorderProps } from './border.types.mjs';
 export { ColorProps } from './color.types.mjs';
 export { ChartColorPalette } from './chart.types.mjs';
-export { ChartsTokens } from './charts-tokens.types.mjs';
+export { ChartsLabelTokens, ChartsTokens } from './charts-tokens.types.mjs';
 export { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens } from './components.types.mjs';
 export { DimensionProps } from './dimension.types.mjs';
 export { FlexProps } from './flex.types.mjs';
 export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps, ShadowScaleTokens } from './shadow.types.mjs';
 export { SpacingProps } from './spacing.types.mjs';
 export { StylePropKey, StyleProps } from './style.types.mjs';
-export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData, e as ToastTokens, f as ToastTone } from '../theme-provider.types-CLjz9-IY.mjs';
+export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData, e as ToastTokens, f as ToastTone } from '../theme-provider.types-CIh3wHN_.mjs';
 export { BorderSize, BorderSizeKey, FontFamily, FontSize, FontWeight, FontWeightItalic, FontWeightKeys, FontWeightNormal, FontWeightValue, LetterSpacingKey, LetterSpacings, LineHeight, NeutralColor, NeutralColorKey, Radii, RadiiBlob, RadiiConditional, RadiiDrawn, RadiusBlobKey, RadiusConditionalKey, RadiusDrawnKey, RadiusKey, Space, SpaceSizesKey, TypographyKey } from './tokens.types.mjs';
 export { TypographyPresetKey, TypographyProps } from './typography.types.mjs';
 export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './buttons-tokens.types.mjs';
@@ -42,4 +42,5 @@ export { ListTokens } from './list-tokens.types.mjs';
 export { CarouselCounterAppearanceTokens, CarouselIndicatorAppearanceTokens, CarouselTokens } from './carousel-tokens.types.mjs';
 export { PopoverTokens } from './popover-tokens.types.mjs';
 export { ModalTokens } from './modal-tokens.types.mjs';
+export { ColorPickerPreset, ColorPickerTokens } from './color-picker-tokens.types.mjs';
 import 'react-native';

package/dist/types/index.js

@@ -43,4 +43,5 @@ export * from "./carousel-tokens.types";
 export * from "./toast-tokens.types";
 export * from "./popover-tokens.types";
 export * from "./modal-tokens.types";
+export * from "./color-picker-tokens.types";
 //# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./border.types\";\nexport * from \"./color.types\";\nexport * from \"./chart.types\";\nexport * from \"./charts-tokens.types\";\nexport * from \"./components.types\";\nexport * from \"./dimension.types\";\nexport * from \"./flex.types\";\nexport * from \"./shadow.types\";\nexport * from \"./spacing.types\";\nexport * from \"./style.types\";\nexport * from \"./theme-provider.types\";\nexport * from \"./tokens.types\";\nexport * from \"./typography.types\";\nexport * from \"./buttons-tokens.types\";\nexport * from \"./accordion-tokens.types\";\nexport * from \"./avatar-tokens.types\";\nexport * from \"./badge-tokens.types\";\nexport * from \"./card-tokens.types\";\nexport * from \"./checkbox-tokens.types\";\nexport * from \"./tag-tokens.types\";\nexport * from \"./control-tokens.types\";\nexport * from \"./select-tokens.types\";\nexport * from \"./datetime-picker-tokens.types\";\nexport * from \"./divider-tokens.types\";\nexport * from \"./time-picker-token.types\";\nexport * from \"./flyout-tokens.types\";\nexport * from \"./icon-tokens.types\";\nexport * from \"./pressable-tokens.types\";\nexport * from \"./pagination-tokens.types\";\nexport * from \"./progress-tokens.types\";\nexport * from \"./radio-tokens.types\";\nexport * from \"./segmented-control-tokens.types\";\nexport * from \"./tabs-tokens.types\";\nexport * from \"./skeleton-tokens.types\";\nexport * from \"./slider-tokens.types\";\nexport * from \"./spinner-tokens.types\";\nexport * from \"./stepper-tokens.types\";\nexport * from \"./switch-tokens.types\";\nexport * from \"./textarea-tokens.types\";\nexport * from \"./data-state-tokens.types\";\n\nexport * from \"./list-tokens.types\";\nexport * from \"./carousel-tokens.types\";\n\nexport * from \"./toast-tokens.types\";\nexport * from \"./popover-tokens.types\";\nexport * from \"./modal-tokens.types\";\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;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;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;AAEd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./border.types\";\nexport * from \"./color.types\";\nexport * from \"./chart.types\";\nexport * from \"./charts-tokens.types\";\nexport * from \"./components.types\";\nexport * from \"./dimension.types\";\nexport * from \"./flex.types\";\nexport * from \"./shadow.types\";\nexport * from \"./spacing.types\";\nexport * from \"./style.types\";\nexport * from \"./theme-provider.types\";\nexport * from \"./tokens.types\";\nexport * from \"./typography.types\";\nexport * from \"./buttons-tokens.types\";\nexport * from \"./accordion-tokens.types\";\nexport * from \"./avatar-tokens.types\";\nexport * from \"./badge-tokens.types\";\nexport * from \"./card-tokens.types\";\nexport * from \"./checkbox-tokens.types\";\nexport * from \"./tag-tokens.types\";\nexport * from \"./control-tokens.types\";\nexport * from \"./select-tokens.types\";\nexport * from \"./datetime-picker-tokens.types\";\nexport * from \"./divider-tokens.types\";\nexport * from \"./time-picker-token.types\";\nexport * from \"./flyout-tokens.types\";\nexport * from \"./icon-tokens.types\";\nexport * from \"./pressable-tokens.types\";\nexport * from \"./pagination-tokens.types\";\nexport * from \"./progress-tokens.types\";\nexport * from \"./radio-tokens.types\";\nexport * from \"./segmented-control-tokens.types\";\nexport * from \"./tabs-tokens.types\";\nexport * from \"./skeleton-tokens.types\";\nexport * from \"./slider-tokens.types\";\nexport * from \"./spinner-tokens.types\";\nexport * from \"./stepper-tokens.types\";\nexport * from \"./switch-tokens.types\";\nexport * from \"./textarea-tokens.types\";\nexport * from \"./data-state-tokens.types\";\n\nexport * from \"./list-tokens.types\";\nexport * from \"./carousel-tokens.types\";\n\nexport * from \"./toast-tokens.types\";\nexport * from \"./popover-tokens.types\";\nexport * from \"./modal-tokens.types\";\n\nexport * from \"./color-picker-tokens.types\";\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;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;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;AAEd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;","names":[]}

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

@@ -27,6 +27,7 @@ interface SliderAppearanceTokens {
 }
 type SliderVariantTokens = Record<SelectionVariant, VisualStateTokens<ControlVisualState, SliderAppearanceTokens>>;
 interface SliderTokens {
+    interactionMinHeight: number;
     trackBorderRadius: number;
     thumbBorderRadius: number;
     valueBubbleBorderRadius: number;

package/dist/types/theme-provider.types.d.mts

@@ -2,13 +2,14 @@ import './badge-tokens.types.mjs';
 import './carousel-tokens.types.mjs';
 import './charts-tokens.types.mjs';
 import './checkbox-tokens.types.mjs';
+import './color-picker-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 './tabs-tokens.types.mjs';
-export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData } from '../theme-provider.types-CLjz9-IY.mjs';
+export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData } from '../theme-provider.types-CIh3wHN_.mjs';
 import './accordion-tokens.types.mjs';
 import './avatar-tokens.types.mjs';
 import './buttons-tokens.types.mjs';
@@ -34,5 +35,5 @@ import './textarea-tokens.types.mjs';
 import './time-picker-token.types.mjs';
 import './tokens.types.mjs';
 import './components.types.mjs';
-import './chart.types.mjs';
 import 'react-native';
+import './chart.types.mjs';

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

@@ -1,17 +1,18 @@
-export { e as ToastTokens, f as ToastTone } from '../theme-provider.types-CLjz9-IY.mjs';
+export { e as ToastTokens, f as ToastTone } from '../theme-provider.types-CIh3wHN_.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 'react-native';
 import './chart.types.mjs';
 import './checkbox-tokens.types.mjs';
+import './color-picker-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';

package/dist/types/typography.types.d.mts

@@ -16,7 +16,6 @@ interface TypographyProps {
     textTransform?: TextStyle["textTransform"];
     includeFontPadding?: TextStyle["includeFontPadding"];
     textAlignVertical?: TextStyle["textAlignVertical"];
-    writingDirection?: TextStyle["writingDirection"];
 }
 type TypographyPresetKey = "Master" | "DisplayLarge" | "DisplayMedium" | "DisplaySmall" | "Title1" | "Title2" | "Title3" | "Title4" | "Title5" | "Title6" | "Subtitle1" | "Subtitle2" | "BodyLarge" | "Body" | "BodySmall" | "Caption" | "Label" | "Overline" | "Helper" | "Code" | "Quote" | "Eyebrow";
 

package/dist/utils/index.d.mts

@@ -29,12 +29,13 @@ import '../types/flex.types.mjs';
 import '../types/spacing.types.mjs';
 import '../types/typography.types.mjs';
 import '../types/tokens.types.mjs';
-import '../theme-provider.types-CLjz9-IY.mjs';
+import '../theme-provider.types-CIh3wHN_.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/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';

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

@@ -1,7 +1,7 @@
 import { ViewStyle } from 'react-native';
 import { ShadowLevel, ShadowPosition, ShadowScaleTokens } from '../types/shadow.types.mjs';
 import { StyleProps } from '../types/style.types.mjs';
-import { T as ThemeColors } from '../theme-provider.types-CLjz9-IY.mjs';
+import { T as ThemeColors } from '../theme-provider.types-CIh3wHN_.mjs';
 import '../types/border.types.mjs';
 import '../types/color.types.mjs';
 import '../types/dimension.types.mjs';
@@ -15,6 +15,7 @@ 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/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/theme",
-  "version": "8.3.0",
+  "version": "9.1.1",
   "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.3.0"
+    "@impulse-ui-native/core": "9.1.1"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
@@ -38,8 +38,8 @@
     "react-native": "0.86.2",
     "typescript": "~6.0.3",
     "@impulse-ui-native/eslint-config": "1.0.0",
-    "@impulse-ui-native/tsconfig": "1.0.0",
-    "@impulse-ui-native/prettier-config": "1.0.0"
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",