@impulse-ui-native/theme 6.2.0 → 6.3.1
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 +1 -1
- 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-avatar-tokens.d.mts +1 -1
- package/dist/theme/create-badge-tokens.d.mts +1 -1
- package/dist/theme/create-button-tokens.d.mts +1 -1
- package/dist/theme/create-card-tokens.d.mts +1 -1
- package/dist/theme/create-carousel-tokens.d.mts +1 -1
- package/dist/theme/create-checkbox-tokens.d.mts +1 -1
- package/dist/theme/create-control-tokens.d.mts +1 -1
- package/dist/theme/create-data-state-tokens.d.mts +1 -1
- package/dist/theme/create-datetime-picker.d.mts +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 +2 -2
- 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-list-tokens.d.mts +1 -1
- package/dist/theme/create-pagination-tokens.d.mts +1 -1
- package/dist/theme/create-popover-tokens.d.mts +1 -1
- package/dist/theme/create-popover-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-segmented-control-tokens.d.mts +1 -1
- package/dist/theme/create-select-tokens.d.mts +1 -1
- package/dist/theme/create-skeleton-tokens.d.mts +1 -1
- package/dist/theme/create-slider-tokens.d.mts +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-tag-tokens.d.mts +1 -1
- package/dist/theme/create-textarea-tokens.d.mts +1 -1
- package/dist/theme/create-time-picker-tokens.d.mts +1 -1
- package/dist/theme/create-toast-tokens.d.mts +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/{theme-provider.types-CkELDe9W.d.mts → theme-provider.types-CF8cI9yU.d.mts} +1 -0
- package/dist/types/index.d.mts +1 -1
- package/dist/types/popover-tokens.types.d.mts +1 -1
- package/dist/types/theme-provider.types.d.mts +1 -1
- package/dist/types/toast-tokens.types.d.mts +1 -1
- package/dist/utils/index.d.mts +1 -1
- package/dist/utils/style.utils.d.mts +1 -1
- package/package.json +2 -2
package/dist/hooks/index.d.mts
CHANGED
|
@@ -7,7 +7,7 @@ export { useStyleProps } from './use-style-props.hook.mjs';
|
|
|
7
7
|
export { useTheme } from './use-theme.hook.mjs';
|
|
8
8
|
export { useThemedStyles } from './use-themed-styles.mjs';
|
|
9
9
|
import '../types/tokens.types.mjs';
|
|
10
|
-
import '../theme-provider.types-
|
|
10
|
+
import '../theme-provider.types-CF8cI9yU.mjs';
|
|
11
11
|
import '../types/badge-tokens.types.mjs';
|
|
12
12
|
import '../types/components.types.mjs';
|
|
13
13
|
import '../types/carousel-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { T as ThemeColors } from '../theme-provider.types-
|
|
1
|
+
import { T as ThemeColors } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
4
|
import '../types/carousel-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as ComponentsTokens } from '../theme-provider.types-
|
|
1
|
+
import { c as ComponentsTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
4
|
import '../types/carousel-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as AppTheme } from '../theme-provider.types-
|
|
1
|
+
import { A as AppTheme } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
4
|
import '../types/carousel-tokens.types.mjs';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StyleSheet } from 'react-native';
|
|
2
|
-
import { A as AppTheme } from '../theme-provider.types-
|
|
2
|
+
import { A as AppTheme } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
5
|
import '../types/carousel-tokens.types.mjs';
|
package/dist/index.d.mts
CHANGED
|
@@ -26,7 +26,7 @@ export { FlexProps } from './types/flex.types.mjs';
|
|
|
26
26
|
export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps } from './types/shadow.types.mjs';
|
|
27
27
|
export { SpacingProps } from './types/spacing.types.mjs';
|
|
28
28
|
export { StylePropKey, StyleProps } from './types/style.types.mjs';
|
|
29
|
-
export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PopoverTokens, d as PrimitiveThemeTokens, T as ThemeColors, e as ThemeContextData, f as ToastTokens, g as ToastTone } from './theme-provider.types-
|
|
29
|
+
export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PopoverTokens, d as PrimitiveThemeTokens, T as ThemeColors, e as ThemeContextData, f as ToastTokens, g as ToastTone } from './theme-provider.types-CF8cI9yU.mjs';
|
|
30
30
|
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 './types/tokens.types.mjs';
|
|
31
31
|
export { TypographyPresetKey, TypographyProps } from './types/typography.types.mjs';
|
|
32
32
|
export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
|
|
@@ -2,7 +2,7 @@ export { ThemeProvider, useThemeContext } from './theme.provider.mjs';
|
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import '@impulse-ui-native/core';
|
|
5
|
-
import '../theme-provider.types-
|
|
5
|
+
import '../theme-provider.types-CF8cI9yU.mjs';
|
|
6
6
|
import '../types/badge-tokens.types.mjs';
|
|
7
7
|
import '../types/components.types.mjs';
|
|
8
8
|
import '../types/carousel-tokens.types.mjs';
|
|
@@ -2,7 +2,7 @@ import * as react from 'react';
|
|
|
2
2
|
import { PropsWithChildren } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { DeepPartial } from '@impulse-ui-native/core';
|
|
5
|
-
import { a as ColorScheme, d as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-
|
|
5
|
+
import { a as ColorScheme, d as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
6
6
|
import '../types/badge-tokens.types.mjs';
|
|
7
7
|
import '../types/components.types.mjs';
|
|
8
8
|
import '../types/carousel-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { AccordionTokens } from '../types/accordion-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { AvatarTokens } from '../types/avatar-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { BadgeTokens } from '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/carousel-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { ButtonTokens } from '../types/buttons-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { CardTokens } from '../types/card-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { CarouselTokens } from '../types/carousel-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { CheckboxTokens } from '../types/checkbox-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from '../types/control-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { DataStateTokens } from '../types/data-state-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { DatetimePickerTokens } from '../types/datetime-picker-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { DividerTokens } from '../types/divider-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { FlyoutTokens } from '../types/flyout-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -4,7 +4,7 @@ function createFlyoutTokens(tokens) {
|
|
|
4
4
|
return {
|
|
5
5
|
zIndexBase: 100,
|
|
6
6
|
maxHeightRatio: 0.7,
|
|
7
|
-
overlayColor: tokens.colors.
|
|
7
|
+
overlayColor: tokens.colors.text.tertiary,
|
|
8
8
|
overlayVisibleOpacity: 0.4,
|
|
9
9
|
backgroundColor: tokens.colors.surface.secondary.value,
|
|
10
10
|
contentPaddingHorizontal: tokens.space.md,
|
|
@@ -17,7 +17,7 @@ function createFlyoutTokens(tokens) {
|
|
|
17
17
|
width: "25%",
|
|
18
18
|
height: 6,
|
|
19
19
|
borderRadius: tokens.radii.round,
|
|
20
|
-
backgroundColor: tokens.colors.
|
|
20
|
+
backgroundColor: tokens.colors.border.default.value
|
|
21
21
|
},
|
|
22
22
|
placements: {
|
|
23
23
|
top: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/create-flyout-tokens.ts"],"sourcesContent":["import { FlyoutTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens {\n const borderRadius = tokens.radii.xl;\n const handleContainerHeight = 32;\n\n return {\n zIndexBase: 100,\n\n maxHeightRatio: 0.7,\n\n overlayColor: tokens.colors.
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-flyout-tokens.ts"],"sourcesContent":["import { FlyoutTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens {\n const borderRadius = tokens.radii.xl;\n const handleContainerHeight = 32;\n\n return {\n zIndexBase: 100,\n\n maxHeightRatio: 0.7,\n\n overlayColor: tokens.colors.text.tertiary,\n overlayVisibleOpacity: 0.4,\n\n backgroundColor: tokens.colors.surface.secondary.value,\n contentPaddingHorizontal: tokens.space.md,\n\n hiddenOpacity: 0,\n\n title: {\n paddingVertical: tokens.space.msm,\n paddingHorizontal: tokens.space.md,\n },\n\n handle: {\n width: \"25%\",\n height: 6,\n borderRadius: tokens.radii.round,\n backgroundColor: tokens.colors.border.default.value,\n },\n\n placements: {\n top: {\n container: {\n top: 0,\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderBottomLeftRadius: borderRadius,\n borderBottomRightRadius: borderRadius,\n },\n handleContainer: {\n bottom: -handleContainerHeight,\n height: handleContainerHeight,\n },\n },\n bottom: {\n container: {\n bottom: 0,\n borderTopLeftRadius: borderRadius,\n borderTopRightRadius: borderRadius,\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n },\n handleContainer: {\n top: -handleContainerHeight,\n height: handleContainerHeight,\n },\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,eAAe,OAAO,MAAM;AAClC,QAAM,wBAAwB;AAE9B,SAAO;AAAA,IACL,YAAY;AAAA,IAEZ,gBAAgB;AAAA,IAEhB,cAAc,OAAO,OAAO,KAAK;AAAA,IACjC,uBAAuB;AAAA,IAEvB,iBAAiB,OAAO,OAAO,QAAQ,UAAU;AAAA,IACjD,0BAA0B,OAAO,MAAM;AAAA,IAEvC,eAAe;AAAA,IAEf,OAAO;AAAA,MACL,iBAAiB,OAAO,MAAM;AAAA,MAC9B,mBAAmB,OAAO,MAAM;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc,OAAO,MAAM;AAAA,MAC3B,iBAAiB,OAAO,OAAO,OAAO,QAAQ;AAAA,IAChD;AAAA,IAEA,YAAY;AAAA,MACV,KAAK;AAAA,QACH,WAAW;AAAA,UACT,KAAK;AAAA,UACL,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,QAAQ,CAAC;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,KAAK,CAAC;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { IconButtonTokens } from '../types/buttons-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { ListTokens } from '../types/list-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { PaginationTokens } from '../types/pagination-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens, P as PopoverTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens, P as PopoverTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
4
|
import '../types/carousel-tokens.types.mjs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/create-popover-tokens.ts"],"sourcesContent":["import type { PopoverTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createPopoverTokens(\n tokens: PrimitiveThemeTokens,\n): PopoverTokens {\n return {\n zIndexBase: 3000,\n gap: tokens.space.xs,\n edgeOffset: tokens.space.sm,\n arrowSize: 6,\n maxWidth: 320,\n actionMinSize: tokens.space.md,\n titleFontSize: tokens.fontSize.sm,\n titleLineHeight: tokens.lineHeight.sm,\n descriptionFontSize: tokens.fontSize.xsm,\n descriptionLineHeight: tokens.lineHeight.xsm,\n titleColor: tokens.colors.text.primary,\n descriptionColor: tokens.colors.text.secondary,\n surfaces: {\n elevated: {\n ...tokens.colors.surface.elevated,\n borderColor: tokens.colors.border.subtle.value,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.lg,\n paddingHorizontal: tokens.space.sm,\n paddingVertical: tokens.space.sm,\n },\n inverse: {\n ...tokens.colors.surface.inverse,\n borderColor: tokens.colors.surface.inverse.value,\n borderWidth: 0,\n borderRadius: tokens.radii.md,\n paddingHorizontal: tokens.space.mxs,\n paddingVertical: tokens.space.xs,\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,KAAK,OAAO,MAAM;AAAA,IAClB,YAAY,OAAO,MAAM;AAAA,IACzB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAe,OAAO,MAAM;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-popover-tokens.ts"],"sourcesContent":["import type { PopoverTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createPopoverTokens(\n tokens: PrimitiveThemeTokens,\n): PopoverTokens {\n return {\n zIndexBase: 3000,\n gap: tokens.space.xs,\n edgeOffset: tokens.space.sm,\n arrowSize: 6,\n maxWidth: 320,\n actionMinSize: tokens.space.md,\n\n titleFontSize: tokens.fontSize.sm,\n titleLineHeight: tokens.lineHeight.sm,\n descriptionFontSize: tokens.fontSize.xsm,\n descriptionLineHeight: tokens.lineHeight.xsm,\n titleColor: tokens.colors.text.primary,\n descriptionColor: tokens.colors.text.secondary,\n\n surfaces: {\n elevated: {\n ...tokens.colors.surface.elevated,\n borderColor: tokens.colors.border.subtle.value,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.lg,\n paddingHorizontal: tokens.space.sm,\n paddingVertical: tokens.space.sm,\n },\n\n inverse: {\n ...tokens.colors.surface.inverse,\n borderColor: tokens.colors.surface.inverse.value,\n borderWidth: 0,\n borderRadius: tokens.radii.md,\n paddingHorizontal: tokens.space.mxs,\n paddingVertical: tokens.space.xs,\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,KAAK,OAAO,MAAM;AAAA,IAClB,YAAY,OAAO,MAAM;AAAA,IACzB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAe,OAAO,MAAM;AAAA,IAE5B,eAAe,OAAO,SAAS;AAAA,IAC/B,iBAAiB,OAAO,WAAW;AAAA,IACnC,qBAAqB,OAAO,SAAS;AAAA,IACrC,uBAAuB,OAAO,WAAW;AAAA,IACzC,YAAY,OAAO,OAAO,KAAK;AAAA,IAC/B,kBAAkB,OAAO,OAAO,KAAK;AAAA,IAErC,UAAU;AAAA,MACR,UAAU;AAAA,QACR,GAAG,OAAO,OAAO,QAAQ;AAAA,QACzB,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,QACzC,aAAa,OAAO,WAAW;AAAA,QAC/B,cAAc,OAAO,MAAM;AAAA,QAC3B,mBAAmB,OAAO,MAAM;AAAA,QAChC,iBAAiB,OAAO,MAAM;AAAA,MAChC;AAAA,MAEA,SAAS;AAAA,QACP,GAAG,OAAO,OAAO,QAAQ;AAAA,QACzB,aAAa,OAAO,OAAO,QAAQ,QAAQ;AAAA,QAC3C,aAAa;AAAA,QACb,cAAc,OAAO,MAAM;AAAA,QAC3B,mBAAmB,OAAO,MAAM;AAAA,QAChC,iBAAiB,OAAO,MAAM;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { ProgressTokens } from '../types/progress-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { RadioTokens } from '../types/radio-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { SegmentedControlTokens } from '../types/segmented-control-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { SelectTokens } from '../types/select-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { SkeletonTokens } from '../types/skeleton-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { SliderTokens } from '../types/slider-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { SpinnerTokens } from '../types/spinner-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { StepperTokens } from '../types/stepper-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { SwitchTokens } from '../types/switch-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { TagTokens } from '../types/tag-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { TextareaTokens } from '../types/textarea-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import { TimePickerTokens } from '../types/time-picker-token.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens, f as ToastTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens, f as ToastTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
4
|
import '../types/carousel-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
4
|
import '../types/carousel-tokens.types.mjs';
|
package/dist/theme/index.d.mts
CHANGED
|
@@ -7,7 +7,7 @@ export { createSegmentedControlTokens } from './create-segmented-control-tokens.
|
|
|
7
7
|
export { createCarouselTokens } from './create-carousel-tokens.mjs';
|
|
8
8
|
export { createToastTokens } from './create-toast-tokens.mjs';
|
|
9
9
|
export { createPopoverTokens } from './create-popover-tokens.mjs';
|
|
10
|
-
import '../theme-provider.types-
|
|
10
|
+
import '../theme-provider.types-CF8cI9yU.mjs';
|
|
11
11
|
import '../types/badge-tokens.types.mjs';
|
|
12
12
|
import '../types/components.types.mjs';
|
|
13
13
|
import '../types/carousel-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as PrimitiveThemeTokens } from '../theme-provider.types-
|
|
1
|
+
import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
4
|
import '../types/carousel-tokens.types.mjs';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChartColorPalette } from '../types/chart.types.mjs';
|
|
2
2
|
import { BorderSize, FontFamily, FontWeightValue, FontWeightItalic, FontWeightNormal, FontSize, FontWeight, LetterSpacings, LineHeight, NeutralColor, Radii, Space } from '../types/tokens.types.mjs';
|
|
3
|
-
import { T as ThemeColors, d as PrimitiveThemeTokens, c as ComponentsTokens } from '../theme-provider.types-
|
|
3
|
+
import { T as ThemeColors, d as PrimitiveThemeTokens, c as ComponentsTokens } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
4
4
|
import '../types/badge-tokens.types.mjs';
|
|
5
5
|
import '../types/components.types.mjs';
|
|
6
6
|
import '../types/carousel-tokens.types.mjs';
|
package/dist/types/index.d.mts
CHANGED
|
@@ -7,7 +7,7 @@ export { FlexProps } from './flex.types.mjs';
|
|
|
7
7
|
export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps } from './shadow.types.mjs';
|
|
8
8
|
export { SpacingProps } from './spacing.types.mjs';
|
|
9
9
|
export { StylePropKey, StyleProps } from './style.types.mjs';
|
|
10
|
-
export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PopoverTokens, d as PrimitiveThemeTokens, T as ThemeColors, e as ThemeContextData, f as ToastTokens, g as ToastTone } from '../theme-provider.types-
|
|
10
|
+
export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PopoverTokens, d as PrimitiveThemeTokens, T as ThemeColors, e as ThemeContextData, f as ToastTokens, g as ToastTone } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
11
11
|
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';
|
|
12
12
|
export { TypographyPresetKey, TypographyProps } from './typography.types.mjs';
|
|
13
13
|
export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './buttons-tokens.types.mjs';
|
|
@@ -2,7 +2,7 @@ import './badge-tokens.types.mjs';
|
|
|
2
2
|
import './carousel-tokens.types.mjs';
|
|
3
3
|
import './checkbox-tokens.types.mjs';
|
|
4
4
|
import './list-tokens.types.mjs';
|
|
5
|
-
export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, d as PrimitiveThemeTokens, T as ThemeColors, e as ThemeContextData } from '../theme-provider.types-
|
|
5
|
+
export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, d as PrimitiveThemeTokens, T as ThemeColors, e as ThemeContextData } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
6
6
|
import './radio-tokens.types.mjs';
|
|
7
7
|
import './accordion-tokens.types.mjs';
|
|
8
8
|
import './avatar-tokens.types.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { f as ToastTokens, g as ToastTone } from '../theme-provider.types-
|
|
1
|
+
export { f as ToastTokens, g as ToastTone } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
2
2
|
import './badge-tokens.types.mjs';
|
|
3
3
|
import './components.types.mjs';
|
|
4
4
|
import './carousel-tokens.types.mjs';
|
package/dist/utils/index.d.mts
CHANGED
|
@@ -28,7 +28,7 @@ import '../types/flex.types.mjs';
|
|
|
28
28
|
import '../types/spacing.types.mjs';
|
|
29
29
|
import '../types/typography.types.mjs';
|
|
30
30
|
import '../types/tokens.types.mjs';
|
|
31
|
-
import '../theme-provider.types-
|
|
31
|
+
import '../theme-provider.types-CF8cI9yU.mjs';
|
|
32
32
|
import '../types/badge-tokens.types.mjs';
|
|
33
33
|
import '../types/carousel-tokens.types.mjs';
|
|
34
34
|
import '../types/checkbox-tokens.types.mjs';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ViewStyle } from 'react-native';
|
|
2
2
|
import { ShadowLevel, ShadowPosition } from '../types/shadow.types.mjs';
|
|
3
3
|
import { StyleProps } from '../types/style.types.mjs';
|
|
4
|
-
import { T as ThemeColors } from '../theme-provider.types-
|
|
4
|
+
import { T as ThemeColors } from '../theme-provider.types-CF8cI9yU.mjs';
|
|
5
5
|
import '../types/border.types.mjs';
|
|
6
6
|
import '../types/color.types.mjs';
|
|
7
7
|
import '../types/dimension.types.mjs';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/theme",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.3.1",
|
|
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": "6.
|
|
31
|
+
"@impulse-ui-native/core": "6.3.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/react": "~19.2.14",
|