@impulse-ui-native/theme 2.7.0 → 2.9.0

package/dist/hooks/index.d.mts

@@ -8,16 +8,23 @@ export { useTheme } from './use-theme.hook.mjs';
 export { useThemedStyles } from './use-themed-styles.mjs';
 import '../types/tokens.types.mjs';
 import '../types/theme-provider.types.mjs';
-import '../types/checkbox-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/hooks/use-colors.hook.d.mts

@@ -1,14 +1,21 @@
 import { ThemeColors } from '../types/theme-provider.types.mjs';
-import '../types/checkbox-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/hooks/use-components-tokens.hook.d.mts

@@ -1,14 +1,21 @@
 import { ComponentsTokens } from '../types/theme-provider.types.mjs';
-import '../types/checkbox-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/hooks/use-theme.hook.d.mts

@@ -1,14 +1,21 @@
 import { AppTheme } from '../types/theme-provider.types.mjs';
-import '../types/checkbox-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/hooks/use-themed-styles.d.mts

@@ -1,15 +1,22 @@
 import { StyleSheet } from 'react-native';
 import { AppTheme } from '../types/theme-provider.types.mjs';
-import '../types/checkbox-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/index.d.mts

@@ -24,17 +24,24 @@ export { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, E
 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';
 export { TypographyPresetKey, TypographyProps } from './types/typography.types.mjs';
 export { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
+export { AccordionTokens } from './types/accordion-tokens.types.mjs';
+export { AvatarSizeTokens, AvatarStatus, AvatarTokens, AvatarVariantTokens } from './types/avatar-tokens.types.mjs';
+export { BadgeColorTokens, BadgeSizeTokens, BadgeTokens, BadgeTone, BadgeVariantTokens } from './types/badge-tokens.types.mjs';
+export { CardSectionTokens, CardTokens } from './types/card-tokens.types.mjs';
 export { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './types/checkbox-tokens.types.mjs';
 export { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './types/tag-tokens.types.mjs';
 export { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './types/control-tokes.types.mjs';
 export { SelectOptionTokens, SelectTokens } from './types/select-tokens.types.mjs';
 export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './types/datetime-picker-tokens.types.mjs';
+export { DividerTokens, DividerTone } from './types/divider-tokens.types.mjs';
 export { TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './types/time-picker-token.types.mjs';
 export { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens } from './types/flyout-tokens.types.mjs';
 export { IconTokens } from './types/icon-tokens.types.mjs';
 export { PressableTokens } from './types/pressable-tokens.types.mjs';
+export { ProgressColorTokens, ProgressSizeTokens, ProgressTokens, ProgressTone, ProgressVariant } from './types/progress-tokens.types.mjs';
 export { RadioSizeTokens, RadioTokens, RadioVariantTokens } from './types/radio-tokens.types.mjs';
 export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './types/skeleton-tokens.types.mjs';
+export { SpinnerTokens, SpinnerTone } from './types/spinner-tokens.types.mjs';
 export { StepperNavigationTokens, StepperTokens } from './types/stepper-tokens.types.mjs';
 export { SwitchSizeTokens, SwitchTokens, SwitchVariantTokens } from './types/switch-tokens.types.mjs';
 export { TextareaSizeTokens, TextareaTokens } from './types/textarea-tokens.types.mjs';

package/dist/providers/index.d.mts

@@ -3,16 +3,23 @@ import 'react';
 import 'react/jsx-runtime';
 import '@impulse-ui-native/core';
 import '../types/theme-provider.types.mjs';
-import '../types/checkbox-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/providers/theme.provider.d.mts

@@ -3,16 +3,23 @@ import { PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DeepPartial } from '@impulse-ui-native/core';
 import { ColorScheme, PrimitiveThemeTokens, ComponentsTokens, AppTheme } from '../types/theme-provider.types.mjs';
-import '../types/checkbox-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/theme/create-accordion-tokens.d.mts

@@ -0,0 +1,30 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { AccordionTokens } from '../types/accordion-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/switch-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createAccordionTokens(tokens: PrimitiveThemeTokens): AccordionTokens;
+
+export { createAccordionTokens };

package/dist/theme/create-accordion-tokens.js

@@ -0,0 +1,32 @@
+function createAccordionTokens(tokens) {
+  return {
+    animationDuration: 220,
+    backgroundColor: tokens.colors.surface.elevated.value,
+    borderColor: tokens.colors.border.subtle.value,
+    borderRadius: tokens.radii.lg,
+    borderWidth: tokens.borderSize.sm,
+    content: {
+      paddingBottom: tokens.space.sm,
+      paddingHorizontal: tokens.space.sm
+    },
+    disabledColor: tokens.colors.text.disabled,
+    disabledOpacity: 0.5,
+    dividerColor: tokens.colors.border.subtle.value,
+    dividerWidth: tokens.borderSize.sm,
+    focusBackgroundColor: tokens.colors.surface.secondary.value,
+    iconColor: tokens.colors.text.secondary,
+    iconSize: 18,
+    pressedOpacity: 0.72,
+    titleColor: tokens.colors.text.primary,
+    trigger: {
+      gap: tokens.space.xs,
+      minHeight: 48,
+      paddingHorizontal: tokens.space.sm,
+      paddingVertical: tokens.space.xs
+    }
+  };
+}
+export {
+  createAccordionTokens
+};
+//# sourceMappingURL=create-accordion-tokens.js.map

package/dist/theme/create-accordion-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-accordion-tokens.ts"],"sourcesContent":["import type { AccordionTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createAccordionTokens(\n  tokens: PrimitiveThemeTokens,\n): AccordionTokens {\n  return {\n    animationDuration: 220,\n    backgroundColor: tokens.colors.surface.elevated.value,\n    borderColor: tokens.colors.border.subtle.value,\n    borderRadius: tokens.radii.lg,\n    borderWidth: tokens.borderSize.sm,\n    content: {\n      paddingBottom: tokens.space.sm,\n      paddingHorizontal: tokens.space.sm,\n    },\n    disabledColor: tokens.colors.text.disabled,\n    disabledOpacity: 0.5,\n    dividerColor: tokens.colors.border.subtle.value,\n    dividerWidth: tokens.borderSize.sm,\n    focusBackgroundColor: tokens.colors.surface.secondary.value,\n    iconColor: tokens.colors.text.secondary,\n    iconSize: 18,\n    pressedOpacity: 0.72,\n    titleColor: tokens.colors.text.primary,\n    trigger: {\n      gap: tokens.space.xs,\n      minHeight: 48,\n      paddingHorizontal: tokens.space.sm,\n      paddingVertical: tokens.space.xs,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,sBACd,QACiB;AACjB,SAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAChD,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,IACzC,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,SAAS;AAAA,MACP,eAAe,OAAO,MAAM;AAAA,MAC5B,mBAAmB,OAAO,MAAM;AAAA,IAClC;AAAA,IACA,eAAe,OAAO,OAAO,KAAK;AAAA,IAClC,iBAAiB;AAAA,IACjB,cAAc,OAAO,OAAO,OAAO,OAAO;AAAA,IAC1C,cAAc,OAAO,WAAW;AAAA,IAChC,sBAAsB,OAAO,OAAO,QAAQ,UAAU;AAAA,IACtD,WAAW,OAAO,OAAO,KAAK;AAAA,IAC9B,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,YAAY,OAAO,OAAO,KAAK;AAAA,IAC/B,SAAS;AAAA,MACP,KAAK,OAAO,MAAM;AAAA,MAClB,WAAW;AAAA,MACX,mBAAmB,OAAO,MAAM;AAAA,MAChC,iBAAiB,OAAO,MAAM;AAAA,IAChC;AAAA,EACF;AACF;","names":[]}

package/dist/theme/create-avatar-tokens.d.mts

@@ -0,0 +1,30 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { AvatarTokens } from '../types/avatar-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/switch-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createAvatarTokens(tokens: PrimitiveThemeTokens): AvatarTokens;
+
+export { createAvatarTokens };

package/dist/theme/create-avatar-tokens.js

@@ -0,0 +1,68 @@
+function createAvatarTokens(tokens) {
+  const primary = tokens.colors.primary.value;
+  const primaryContrast = tokens.colors.primary.contrast;
+  const secondary = tokens.colors.secondary.value;
+  const secondaryContrast = tokens.colors.secondary.contrast;
+  return {
+    borderWidth: tokens.borderSize.sm,
+    fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],
+    sizes: {
+      small: {
+        fontSize: tokens.fontSize.xs,
+        size: 32,
+        statusBorderWidth: tokens.borderSize.sm,
+        statusSize: 8
+      },
+      medium: {
+        fontSize: tokens.fontSize.xsm,
+        size: 40,
+        statusBorderWidth: tokens.borderSize.md,
+        statusSize: 10
+      },
+      large: {
+        fontSize: tokens.fontSize.sm,
+        size: 48,
+        statusBorderWidth: tokens.borderSize.md,
+        statusSize: 12
+      }
+    },
+    statusBorderColor: tokens.colors.surface.elevated.value,
+    statusColors: {
+      online: tokens.colors.feedback.success.value,
+      offline: tokens.colors.neutral["6"],
+      away: tokens.colors.feedback.warning.value,
+      busy: tokens.colors.feedback.error.value
+    },
+    variants: {
+      filled: {
+        backgroundColor: primary,
+        borderColor: primary,
+        color: primaryContrast
+      },
+      outlined: {
+        backgroundColor: "transparent",
+        borderColor: primary,
+        color: primary
+      },
+      soft: {
+        backgroundColor: secondary,
+        borderColor: secondary,
+        color: secondaryContrast
+      },
+      ghost: {
+        backgroundColor: "transparent",
+        borderColor: "transparent",
+        color: primary
+      },
+      plain: {
+        backgroundColor: "transparent",
+        borderColor: "transparent",
+        color: primary
+      }
+    }
+  };
+}
+export {
+  createAvatarTokens
+};
+//# sourceMappingURL=create-avatar-tokens.js.map

package/dist/theme/create-avatar-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-avatar-tokens.ts"],"sourcesContent":["import type { AvatarTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createAvatarTokens(tokens: PrimitiveThemeTokens): AvatarTokens {\n  const primary = tokens.colors.primary.value;\n  const primaryContrast = tokens.colors.primary.contrast;\n  const secondary = tokens.colors.secondary.value;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n\n  return {\n    borderWidth: tokens.borderSize.sm,\n    fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],\n    sizes: {\n      small: {\n        fontSize: tokens.fontSize.xs,\n        size: 32,\n        statusBorderWidth: tokens.borderSize.sm,\n        statusSize: 8,\n      },\n      medium: {\n        fontSize: tokens.fontSize.xsm,\n        size: 40,\n        statusBorderWidth: tokens.borderSize.md,\n        statusSize: 10,\n      },\n      large: {\n        fontSize: tokens.fontSize.sm,\n        size: 48,\n        statusBorderWidth: tokens.borderSize.md,\n        statusSize: 12,\n      },\n    },\n    statusBorderColor: tokens.colors.surface.elevated.value,\n    statusColors: {\n      online: tokens.colors.feedback.success.value,\n      offline: tokens.colors.neutral[\"6\"],\n      away: tokens.colors.feedback.warning.value,\n      busy: tokens.colors.feedback.error.value,\n    },\n    variants: {\n      filled: {\n        backgroundColor: primary,\n        borderColor: primary,\n        color: primaryContrast,\n      },\n      outlined: {\n        backgroundColor: \"transparent\",\n        borderColor: primary,\n        color: primary,\n      },\n      soft: {\n        backgroundColor: secondary,\n        borderColor: secondary,\n        color: secondaryContrast,\n      },\n      ghost: {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n        color: primary,\n      },\n      plain: {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n        color: primary,\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAC9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,YAAY,OAAO,WAAW,OAAO,OAAO,WAAW,QAAQ;AAAA,IAC/D,OAAO;AAAA,MACL,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,MAAM;AAAA,QACN,mBAAmB,OAAO,WAAW;AAAA,QACrC,YAAY;AAAA,MACd;AAAA,MACA,QAAQ;AAAA,QACN,UAAU,OAAO,SAAS;AAAA,QAC1B,MAAM;AAAA,QACN,mBAAmB,OAAO,WAAW;AAAA,QACrC,YAAY;AAAA,MACd;AAAA,MACA,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,MAAM;AAAA,QACN,mBAAmB,OAAO,WAAW;AAAA,QACrC,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,mBAAmB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAClD,cAAc;AAAA,MACZ,QAAQ,OAAO,OAAO,SAAS,QAAQ;AAAA,MACvC,SAAS,OAAO,OAAO,QAAQ,GAAG;AAAA,MAClC,MAAM,OAAO,OAAO,SAAS,QAAQ;AAAA,MACrC,MAAM,OAAO,OAAO,SAAS,MAAM;AAAA,IACrC;AAAA,IACA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/theme/create-badge-tokens.d.mts

@@ -0,0 +1,30 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { BadgeTokens } from '../types/badge-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/switch-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createBadgeTokens(tokens: PrimitiveThemeTokens): BadgeTokens;
+
+export { createBadgeTokens };

package/dist/theme/create-badge-tokens.js

@@ -0,0 +1,101 @@
+function createBadgeTokens(tokens) {
+  const createVariants = (value, contrast, softBackgroundColor = contrast, softColor = value) => ({
+    filled: {
+      backgroundColor: value,
+      borderColor: value,
+      color: contrast
+    },
+    outlined: {
+      backgroundColor: "transparent",
+      borderColor: value,
+      color: value
+    },
+    soft: {
+      backgroundColor: softBackgroundColor,
+      borderColor: softBackgroundColor,
+      color: softColor
+    },
+    ghost: {
+      backgroundColor: "transparent",
+      borderColor: "transparent",
+      color: value
+    },
+    plain: {
+      backgroundColor: "transparent",
+      borderColor: "transparent",
+      color: value
+    }
+  });
+  return {
+    addonHitSlop: tokens.space.xs,
+    borderRadius: tokens.radii.round,
+    borderWidth: tokens.borderSize.sm,
+    fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],
+    gap: tokens.space.xxs,
+    sizes: {
+      small: {
+        fontSize: tokens.fontSize.xxs,
+        height: 20,
+        iconSize: 12,
+        lineHeight: tokens.lineHeight.xxs,
+        minWidth: 20,
+        paddingHorizontal: tokens.space.xxs
+      },
+      medium: {
+        fontSize: tokens.fontSize.xs,
+        height: 24,
+        iconSize: 14,
+        lineHeight: tokens.lineHeight.xs,
+        minWidth: 24,
+        paddingHorizontal: tokens.space.xs
+      },
+      large: {
+        fontSize: tokens.fontSize.xsm,
+        height: 28,
+        iconSize: 16,
+        lineHeight: tokens.lineHeight.xsm,
+        minWidth: 28,
+        paddingHorizontal: tokens.space.mxs
+      }
+    },
+    colors: {
+      primary: createVariants(
+        tokens.colors.primary.value,
+        tokens.colors.primary.contrast,
+        tokens.colors.secondary.value
+      ),
+      secondary: createVariants(
+        tokens.colors.secondary.value,
+        tokens.colors.secondary.contrast,
+        tokens.colors.secondary.value,
+        tokens.colors.secondary.contrast
+      ),
+      neutral: createVariants(
+        tokens.colors.neutral["8"],
+        tokens.colors.white,
+        tokens.colors.neutral["2"],
+        tokens.colors.text.primary
+      ),
+      error: createVariants(
+        tokens.colors.feedback.error.value,
+        tokens.colors.feedback.error.contrast
+      ),
+      warning: createVariants(
+        tokens.colors.feedback.warning.value,
+        tokens.colors.feedback.warning.contrast
+      ),
+      success: createVariants(
+        tokens.colors.feedback.success.value,
+        tokens.colors.feedback.success.contrast
+      ),
+      info: createVariants(
+        tokens.colors.feedback.info.value,
+        tokens.colors.feedback.info.contrast
+      )
+    }
+  };
+}
+export {
+  createBadgeTokens
+};
+//# sourceMappingURL=create-badge-tokens.js.map

package/dist/theme/create-badge-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-badge-tokens.ts"],"sourcesContent":["import type { BadgeTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createBadgeTokens(tokens: PrimitiveThemeTokens): BadgeTokens {\n  const createVariants = (\n    value: string,\n    contrast: string,\n    softBackgroundColor = contrast,\n    softColor = value,\n  ) => ({\n    filled: {\n      backgroundColor: value,\n      borderColor: value,\n      color: contrast,\n    },\n    outlined: {\n      backgroundColor: \"transparent\",\n      borderColor: value,\n      color: value,\n    },\n    soft: {\n      backgroundColor: softBackgroundColor,\n      borderColor: softBackgroundColor,\n      color: softColor,\n    },\n    ghost: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n      color: value,\n    },\n    plain: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n      color: value,\n    },\n  });\n\n  return {\n    addonHitSlop: tokens.space.xs,\n    borderRadius: tokens.radii.round,\n    borderWidth: tokens.borderSize.sm,\n    fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],\n    gap: tokens.space.xxs,\n    sizes: {\n      small: {\n        fontSize: tokens.fontSize.xxs,\n        height: 20,\n        iconSize: 12,\n        lineHeight: tokens.lineHeight.xxs,\n        minWidth: 20,\n        paddingHorizontal: tokens.space.xxs,\n      },\n      medium: {\n        fontSize: tokens.fontSize.xs,\n        height: 24,\n        iconSize: 14,\n        lineHeight: tokens.lineHeight.xs,\n        minWidth: 24,\n        paddingHorizontal: tokens.space.xs,\n      },\n      large: {\n        fontSize: tokens.fontSize.xsm,\n        height: 28,\n        iconSize: 16,\n        lineHeight: tokens.lineHeight.xsm,\n        minWidth: 28,\n        paddingHorizontal: tokens.space.mxs,\n      },\n    },\n    colors: {\n      primary: createVariants(\n        tokens.colors.primary.value,\n        tokens.colors.primary.contrast,\n        tokens.colors.secondary.value,\n      ),\n      secondary: createVariants(\n        tokens.colors.secondary.value,\n        tokens.colors.secondary.contrast,\n        tokens.colors.secondary.value,\n        tokens.colors.secondary.contrast,\n      ),\n      neutral: createVariants(\n        tokens.colors.neutral[\"8\"],\n        tokens.colors.white,\n        tokens.colors.neutral[\"2\"],\n        tokens.colors.text.primary,\n      ),\n      error: createVariants(\n        tokens.colors.feedback.error.value,\n        tokens.colors.feedback.error.contrast,\n      ),\n      warning: createVariants(\n        tokens.colors.feedback.warning.value,\n        tokens.colors.feedback.warning.contrast,\n      ),\n      success: createVariants(\n        tokens.colors.feedback.success.value,\n        tokens.colors.feedback.success.contrast,\n      ),\n      info: createVariants(\n        tokens.colors.feedback.info.value,\n        tokens.colors.feedback.info.contrast,\n      ),\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,kBAAkB,QAA2C;AAC3E,QAAM,iBAAiB,CACrB,OACA,UACA,sBAAsB,UACtB,YAAY,WACR;AAAA,IACJ,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,UAAU;AAAA,MACR,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AAAA,IACL,cAAc,OAAO,MAAM;AAAA,IAC3B,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,YAAY,OAAO,WAAW,OAAO,OAAO,WAAW,QAAQ;AAAA,IAC/D,KAAK,OAAO,MAAM;AAAA,IAClB,OAAO;AAAA,MACL,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,QAAQ;AAAA,QACN,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY,OAAO,WAAW;AAAA,QAC9B,UAAU;AAAA,QACV,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MACA,WAAW;AAAA,QACT,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ,GAAG;AAAA,QACzB,OAAO,OAAO;AAAA,QACd,OAAO,OAAO,QAAQ,GAAG;AAAA,QACzB,OAAO,OAAO,KAAK;AAAA,MACrB;AAAA,MACA,OAAO;AAAA,QACL,OAAO,OAAO,SAAS,MAAM;AAAA,QAC7B,OAAO,OAAO,SAAS,MAAM;AAAA,MAC/B;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MACA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MACA,MAAM;AAAA,QACJ,OAAO,OAAO,SAAS,KAAK;AAAA,QAC5B,OAAO,OAAO,SAAS,KAAK;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/theme/create-button-tokens.d.mts

@@ -1,14 +1,21 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { ButtonTokens } from '../types/buttons-tokens.types.mjs';
-import '../types/checkbox-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/theme/create-card-tokens.d.mts

@@ -0,0 +1,30 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { CardTokens } from '../types/card-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/switch-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createCardTokens(tokens: PrimitiveThemeTokens): CardTokens;
+
+export { createCardTokens };

package/dist/theme/create-card-tokens.js

@@ -0,0 +1,25 @@
+function createCardTokens(tokens) {
+  return {
+    backgroundColor: tokens.colors.surface.elevated.value,
+    borderColor: tokens.colors.border.subtle.value,
+    borderRadius: tokens.radii.lg,
+    borderWidth: tokens.borderSize.sm,
+    header: {
+      gap: tokens.space.xxs,
+      padding: tokens.space.sm
+    },
+    content: {
+      gap: tokens.space.xs,
+      padding: tokens.space.sm
+    },
+    footer: {
+      gap: tokens.space.xs,
+      padding: tokens.space.sm
+    },
+    mediaBackgroundColor: tokens.colors.surface.secondary.value
+  };
+}
+export {
+  createCardTokens
+};
+//# sourceMappingURL=create-card-tokens.js.map

package/dist/theme/create-card-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-card-tokens.ts"],"sourcesContent":["import type { CardTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createCardTokens(tokens: PrimitiveThemeTokens): CardTokens {\n  return {\n    backgroundColor: tokens.colors.surface.elevated.value,\n    borderColor: tokens.colors.border.subtle.value,\n    borderRadius: tokens.radii.lg,\n    borderWidth: tokens.borderSize.sm,\n    header: {\n      gap: tokens.space.xxs,\n      padding: tokens.space.sm,\n    },\n    content: {\n      gap: tokens.space.xs,\n      padding: tokens.space.sm,\n    },\n    footer: {\n      gap: tokens.space.xs,\n      padding: tokens.space.sm,\n    },\n    mediaBackgroundColor: tokens.colors.surface.secondary.value,\n  };\n}\n"],"mappings":"AAEO,SAAS,iBAAiB,QAA0C;AACzE,SAAO;AAAA,IACL,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAChD,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,IACzC,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,MAClB,SAAS,OAAO,MAAM;AAAA,IACxB;AAAA,IACA,SAAS;AAAA,MACP,KAAK,OAAO,MAAM;AAAA,MAClB,SAAS,OAAO,MAAM;AAAA,IACxB;AAAA,IACA,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,MAClB,SAAS,OAAO,MAAM;AAAA,IACxB;AAAA,IACA,sBAAsB,OAAO,OAAO,QAAQ,UAAU;AAAA,EACxD;AACF;","names":[]}

package/dist/theme/create-checkbox-tokens.d.mts

@@ -1,14 +1,21 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { CheckboxTokens } from '../types/checkbox-tokens.types.mjs';
-import '../types/radio-tokens.types.mjs';
+import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';