@alma-oss/spirit-web-react 4.0.0 → 4.1.0

package/types/avatar.d.ts

@@ -1,12 +1,11 @@
 import { type ElementType } from 'react';
-import { type ChildrenProps, type SizeExtendedDictionaryType, type StyleProps, type TransferProps } from './shared';
+import { type ChildrenProps, type SizeExtendedDictionaryType, type SpiritPolymorphicComponentPropWithRef, type StyleProps } from './shared';
 export type AvatarSize<S> = SizeExtendedDictionaryType<S> | S;
-export interface AriaAvatarElementTypeProps<E extends ElementType = 'div'> {
-    elementType?: E;
+export interface AvatarBaseProps extends ChildrenProps, StyleProps {
 }
-export interface AvatarProps extends ChildrenProps, StyleProps, TransferProps {
-}
-export interface SpiritAvatarProps<E extends ElementType = 'div', S = void> extends AriaAvatarElementTypeProps<E>, AvatarProps {
+export interface AvatarStyleProps<S = void> extends AvatarBaseProps {
     isSquare?: boolean;
     size?: AvatarSize<S>;
 }
+export type AvatarProps<S = void> = AvatarStyleProps<S>;
+export type SpiritAvatarProps<E extends ElementType = 'div', S = void> = SpiritPolymorphicComponentPropWithRef<E, AvatarProps<S>>;

package/types/box.d.ts

@@ -1,5 +1,5 @@
 import { type ElementType, type JSXElementConstructor } from 'react';
-import { type BackgroundAccentColorsType, type BackgroundColorsDictionaryType, type BackgroundEmotionColorsType, type BackgroundGradientsDictionaryType, type BackgroundNeutralColorsType, type BorderAccentColorsType, type BorderColorsDictionaryType, type BorderEmotionColorsType, type BorderRadiiTokenType, type BorderStylesDictionaryType, type BorderWidthsDictionaryType, type ChildrenProps, type SingleOrResponsive, type SpaceToken, type SpiritPolymorphicElementPropsWithRef, type StyleProps, type TextColorProps } from './shared';
+import { type BackgroundAccentColorsType, type BackgroundColorsDictionaryType, type BackgroundEmotionColorsType, type BackgroundGradientsDictionaryType, type BackgroundNeutralColorsType, type BorderAccentColorsType, type BorderColorsDictionaryType, type BorderEmotionColorsType, type BorderRadiiTokenType, type BorderStylesDictionaryType, type BorderWidthsDictionaryType, type ChildrenProps, type SingleOrResponsive, type SpaceToken, type SpiritPolymorphicElementPropsWithoutRef, type StyleProps, type TextColorProps } from './shared';
 export type BoxBackgroundColorsType = BackgroundColorsDictionaryType | BackgroundAccentColorsType | BackgroundEmotionColorsType | BackgroundNeutralColorsType;
 export interface BoxBaseProps extends ChildrenProps, TextColorProps, StyleProps {
     backgroundColor?: BoxBackgroundColorsType;
@@ -19,4 +19,4 @@ export interface BoxBaseProps extends ChildrenProps, TextColorProps, StyleProps
 export type BoxProps<E extends ElementType> = {
     elementType?: E | JSXElementConstructor<unknown>;
 } & BoxBaseProps;
-export type SpiritBoxProps<E extends ElementType = 'div'> = BoxProps<E> & SpiritPolymorphicElementPropsWithRef<E, BoxProps<E>>;
+export type SpiritBoxProps<E extends ElementType = 'div'> = BoxProps<E> & SpiritPolymorphicElementPropsWithoutRef<E, BoxProps<E>>;

package/types/heading.d.ts

@@ -1,14 +1,10 @@
 import { type ElementType, type JSXElementConstructor } from 'react';
-import type { ChildrenProps, EmphasisDictionaryType, EmphasisProps, SizeExtendedDictionaryType, SizeProps, StyleProps, TextAccentColorsType, TextAlignmentType, TextColorNamesType, TextColorProps, TextEmotionColorsType, TextHyphensType, TextWordBreakType, TransferProps } from './shared';
-export type HeadingColorsType<C = undefined> = TextColorNamesType<C> | TextAccentColorsType<C> | TextEmotionColorsType<C>;
+import type { ChildrenProps, EmphasisDictionaryType, EmphasisProps, SizeExtendedDictionaryType, SizeProps, StyleProps, TextColorProps, TextColorsType, TransferProps, TypographyBaseProps } from './shared';
+export type HeadingColorsType<C = undefined> = TextColorsType<C>;
 export interface HeadingElementTypeProps<T extends ElementType> {
     elementType: T | JSXElementConstructor<unknown>;
 }
-export interface HeadingProps<T extends ElementType> extends HeadingElementTypeProps<T>, ChildrenProps, StyleProps, TransferProps {
-    isTextBalanced?: boolean;
-    textAlignment?: TextAlignmentType;
-    textHyphens?: TextHyphensType;
-    textWordBreak?: TextWordBreakType;
+export interface HeadingProps<T extends ElementType> extends HeadingElementTypeProps<T>, ChildrenProps, StyleProps, TransferProps, TypographyBaseProps {
 }
 export interface SpiritHeadingProps<T extends ElementType, S = void, E = void, C = void> extends HeadingProps<T>, SizeProps<SizeExtendedDictionaryType<S>>, EmphasisProps<EmphasisDictionaryType<E>>, TextColorProps<HeadingColorsType<C>> {
 }

package/types/shared/element.d.ts

@@ -1,10 +1,27 @@
-import { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type DetailedHTMLProps, type ElementType, type HTMLAttributes, type HTMLProps } from 'react';
+import { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type DetailedHTMLProps, type ElementType, type HTMLAttributes, type HTMLProps, type PropsWithChildren } from 'react';
 import { type OverloadStyleProps } from './style';
+type ElementTypeProp<E extends ElementType> = {
+    elementType?: E;
+};
+type DistributiveOmit<T, U> = T extends unknown ? Pick<T, Exclude<keyof T, U>> : never;
+type DefaultElementOf<E extends ElementType> = E extends {
+    spiritDefaultElement: infer D;
+} ? D extends ElementType ? D : E : E;
+type PropsOf<T extends ElementType> = T extends {
+    spiritDefaultElement: infer D;
+    spiritDefaultProps: infer P;
+} ? D extends ElementType ? P extends ComponentPropsWithRef<ElementType> ? P & ComponentPropsWithRef<D> : ComponentPropsWithRef<D> & ComponentPropsWithRef<T> : ComponentPropsWithRef<T> : T extends {
+    spiritDefaultElement: infer D;
+} ? D extends ElementType ? ComponentPropsWithRef<D> & ComponentPropsWithRef<T> : ComponentPropsWithRef<T> : ComponentPropsWithRef<T>;
+export type SpiritPolymorphicComponentProp<E extends ElementType, P> = PropsWithChildren<ElementTypeProp<E> & P & DistributiveOmit<PropsOf<E>, keyof P | keyof ElementTypeProp<E> | 'ref'>>;
+export type SpiritPolymorphicComponentPropWithRef<E extends ElementType, P> = SpiritPolymorphicComponentProp<E, P> & {
+    ref?: PolymorphicRef<E>;
+};
 export type SpiritDetailedHTMLProps<E> = DetailedHTMLProps<HTMLAttributes<E>, E>;
 export type SpiritCombinedHTMLProps<E> = DetailedHTMLProps<HTMLAttributes<E>, E> & HTMLProps<E>;
 export type SpiritPolymorphicElementPropsWithRef<E extends ElementType, P> = Omit<ComponentPropsWithRef<E>, keyof P>;
 export type SpiritPolymorphicElementPropsWithoutRef<E extends ElementType, P> = Omit<ComponentPropsWithoutRef<E>, keyof P>;
-export type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>['ref'];
+export type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<DefaultElementOf<C>>['ref'];
 export type SpiritElementBaseProps = SpiritDetailedHTMLProps<HTMLElement>;
 export type SpiritAnchorElementBaseProps = SpiritCombinedHTMLProps<HTMLButtonElement>;
 export type SpiritButtonElementBaseProps = SpiritCombinedHTMLProps<HTMLButtonElement>;
@@ -33,3 +50,4 @@ export type SpiritInputElementPropsWithRef = Omit<SpiritInputElementProps & Comp
 export type SpiritSelectElementPropsWithRef = Omit<SpiritSelectElementProps & ComponentPropsWithRef<'select'>, 'id' | 'label'>;
 export type SpiritTextAreaElementPropsWithRef = Omit<SpiritTextAreaElementProps & ComponentPropsWithRef<'textarea'>, 'id' | 'label'>;
 export type SpiritFieldGroupElementPropsWithRef = Omit<SpiritFieldGroupElementProps & ComponentPropsWithRef<'fieldset'>, 'id'>;
+export {};

package/types/shared/index.d.ts

@@ -18,6 +18,7 @@ export * from './responsive';
 export * from './rest';
 export * from './sizes';
 export * from './style';
+export * from './text';
 export * from './tokens';
 export interface ChildrenProps {
     children?: ReactNode | string;

package/types/shared/index.js

@@ -17,6 +17,7 @@ export * from "./responsive.js";
 export * from "./rest.js";
 export * from "./sizes.js";
 export * from "./style.js";
+export * from "./text.js";
 export * from "./tokens.js";
 export var SpiritBreakpoints;
 (function (SpiritBreakpoints) {

package/types/shared/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/shared/index.ts"],"names":[],"mappings":"AAEA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AAgBzB,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,wCAAmB,CAAA;AACrB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/shared/index.ts"],"names":[],"mappings":"AAEA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AAgBzB,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,wCAAmB,CAAA;AACrB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B"}

package/types/shared/shared.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"shared.cjs","sources":["style.js","tokens.js","index.js"],"sourcesContent":["export const STYLE_SPACING_AUTO = 'auto';\n//# sourceMappingURL=style.js.map","export const BREAKPOINT_MOBILE = 'mobile';\n//# sourceMappingURL=tokens.js.map","export * from \"./adornments.js\";\nexport * from \"./buttons.js\";\nexport * from \"./colors.js\";\nexport * from \"./columns.js\";\nexport * from \"./dialogs.js\";\nexport * from \"./dictionaries.js\";\nexport * from \"./directions.js\";\nexport * from \"./dragAndDrop.js\";\nexport * from \"./element.js\";\nexport * from \"./events.js\";\nexport * from \"./inputs.js\";\nexport * from \"./item.js\";\nexport * from \"./positions.js\";\nexport * from \"./radii.js\";\nexport * from \"./refs.js\";\nexport * from \"./responsive.js\";\nexport * from \"./rest.js\";\nexport * from \"./sizes.js\";\nexport * from \"./style.js\";\nexport * from \"./tokens.js\";\nexport var SpiritBreakpoints;\n(function (SpiritBreakpoints) {\n    SpiritBreakpoints[\"TABLET\"] = \"tablet\";\n    SpiritBreakpoints[\"DESKTOP\"] = \"desktop\";\n})(SpiritBreakpoints || (SpiritBreakpoints = {}));\n//# sourceMappingURL=index.js.map"],"names":["SpiritBreakpoints"],"mappings":";;AAAY,MAAC,kBAAkB,GAAG;;ACAtB,MAAC,iBAAiB,GAAG;;ACoBtBA;AACX,CAAC,UAAU,iBAAiB,EAAE;AAC9B,IAAI,iBAAiB,CAAC,QAAQ,CAAC,GAAG,QAAQ;AAC1C,IAAI,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS;AAC5C,CAAC,EAAEA,yBAAiB,KAAKA,yBAAiB,GAAG,EAAE,CAAC,CAAC;;;;;"}
+{"version":3,"file":"shared.cjs","sources":["style.js","tokens.js","index.js"],"sourcesContent":["export const STYLE_SPACING_AUTO = 'auto';\n//# sourceMappingURL=style.js.map","export const BREAKPOINT_MOBILE = 'mobile';\n//# sourceMappingURL=tokens.js.map","export * from \"./adornments.js\";\nexport * from \"./buttons.js\";\nexport * from \"./colors.js\";\nexport * from \"./columns.js\";\nexport * from \"./dialogs.js\";\nexport * from \"./dictionaries.js\";\nexport * from \"./directions.js\";\nexport * from \"./dragAndDrop.js\";\nexport * from \"./element.js\";\nexport * from \"./events.js\";\nexport * from \"./inputs.js\";\nexport * from \"./item.js\";\nexport * from \"./positions.js\";\nexport * from \"./radii.js\";\nexport * from \"./refs.js\";\nexport * from \"./responsive.js\";\nexport * from \"./rest.js\";\nexport * from \"./sizes.js\";\nexport * from \"./style.js\";\nexport * from \"./text.js\";\nexport * from \"./tokens.js\";\nexport var SpiritBreakpoints;\n(function (SpiritBreakpoints) {\n    SpiritBreakpoints[\"TABLET\"] = \"tablet\";\n    SpiritBreakpoints[\"DESKTOP\"] = \"desktop\";\n})(SpiritBreakpoints || (SpiritBreakpoints = {}));\n//# sourceMappingURL=index.js.map"],"names":["SpiritBreakpoints"],"mappings":";;AAAY,MAAC,kBAAkB,GAAG;;ACAtB,MAAC,iBAAiB,GAAG;;ACqBtBA;AACX,CAAC,UAAU,iBAAiB,EAAE;AAC9B,IAAI,iBAAiB,CAAC,QAAQ,CAAC,GAAG,QAAQ;AAC1C,IAAI,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS;AAC5C,CAAC,EAAEA,yBAAiB,KAAKA,yBAAiB,GAAG,EAAE,CAAC,CAAC;;;;;"}

package/types/shared/text.d.ts

@@ -1,5 +1,14 @@
 import { type TextHyphens, type TextWordBreaks } from '../../constants';
+import { type TextAccentColorsType, type TextColorNamesType, type TextEmotionColorsType } from './colors';
+import { type TextAlignmentType, type TextHyphensType, type TextWordBreakType } from './style';
 export type TextHyphensDictionaryKeys = keyof typeof TextHyphens;
 export type TextHyphensDictionaryType = (typeof TextHyphens)[TextHyphensDictionaryKeys];
 export type TextWordBreakDictionaryKeys = keyof typeof TextWordBreaks;
 export type TextWordBreakDictionaryType = (typeof TextWordBreaks)[TextWordBreakDictionaryKeys];
+export type TextColorsType<C = undefined> = TextColorNamesType<C> | TextAccentColorsType<C> | TextEmotionColorsType<C>;
+export interface TypographyBaseProps {
+    isTextBalanced?: boolean;
+    textAlignment?: TextAlignmentType;
+    textHyphens?: TextHyphensType;
+    textWordBreak?: TextWordBreakType;
+}

package/types/text.d.ts

@@ -1,14 +1,9 @@
 import { type ElementType } from 'react';
-import type { ChildrenProps, EmphasisDictionaryType, EmphasisProps, SizeExtendedDictionaryType, SizeProps, StyleProps, TextAccentColorsType, TextAlignmentType, TextColorNamesType, TextColorProps, TextEmotionColorsType, TextHyphensType, TextWordBreakType, TransferProps } from './shared';
-export type TextColorsType<C = undefined> = TextColorNamesType<C> | TextAccentColorsType<C> | TextEmotionColorsType<C>;
+import type { ChildrenProps, EmphasisDictionaryType, EmphasisProps, SizeExtendedDictionaryType, SizeProps, StyleProps, TextColorProps, TextColorsType, TransferProps, TypographyBaseProps } from './shared';
 export interface TextElementTypeProps<T extends ElementType = 'p'> {
     elementType?: T;
 }
-export interface TextProps<T extends ElementType = 'p'> extends TextElementTypeProps<T>, ChildrenProps, StyleProps, TransferProps {
-    isTextBalanced?: boolean;
-    textAlignment?: TextAlignmentType;
-    textHyphens?: TextHyphensType;
-    textWordBreak?: TextWordBreakType;
+export interface TextProps<T extends ElementType = 'p'> extends TextElementTypeProps<T>, ChildrenProps, StyleProps, TransferProps, TypographyBaseProps {
 }
 export interface SpiritTextProps<T extends ElementType = 'p', S = void, E = void, C = void> extends TextProps<T>, SizeProps<SizeExtendedDictionaryType<S>>, EmphasisProps<EmphasisDictionaryType<E>>, TextColorProps<TextColorsType<C>> {
 }

package/types/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../constants/dictionaries.js","../constants/direction.js","card.js","dropdown.js","link.js","shared/style.js","shared/tokens.js","shared/index.js","tooltip.js","truncate.js"],"sourcesContent":["var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { componentColors, containers, emotionColors, textColors } from '@alma-oss/spirit-design-tokens';\nfunction createUppercaseKeyDictionary(obj) {\n    return Object.fromEntries(Object.keys(obj).map((key) => [key.toUpperCase(), key]));\n}\nexport const AlignmentX = {\n    LEFT: 'left',\n    CENTER: 'center',\n    RIGHT: 'right',\n};\nexport const AlignmentXExtended = Object.assign({ SPACE_BETWEEN: 'space-between', STRETCH: 'stretch' }, AlignmentX);\nexport const AlignmentY = {\n    TOP: 'top',\n    CENTER: 'center',\n    BOTTOM: 'bottom',\n};\nexport const AlignmentYExtended = Object.assign({ BASELINE: 'baseline', STRETCH: 'stretch' }, AlignmentY);\nexport const TextAlignments = {\n    LEFT: 'left',\n    CENTER: 'center',\n    RIGHT: 'right',\n};\nexport const BorderColors = {\n    BASIC: 'basic',\n};\nexport const BorderRadii = {\n    0: '0',\n    100: '100',\n    200: '200',\n    300: '300',\n    400: '400',\n    500: '500',\n    FULL: 'full',\n};\nexport const BorderStyles = {\n    SOLID: 'solid',\n    DOTTED: 'dotted',\n    DASHED: 'dashed',\n};\nexport const BorderWidths = {\n    0: '0',\n    100: '100',\n    200: '200',\n};\nexport const BackgroundColors = {\n    PRIMARY: 'primary',\n    SECONDARY: 'secondary',\n    TERTIARY: 'tertiary',\n};\nexport const ComponentButtonColors = createUppercaseKeyDictionary(componentColors.button);\nexport const EmotionColors = createUppercaseKeyDictionary(emotionColors);\nexport const LinkColors = {\n    PRIMARY: 'primary',\n    SECONDARY: 'secondary',\n    TERTIARY: 'tertiary',\n};\nexport const TextColors = createUppercaseKeyDictionary(textColors);\nexport const Intensity = {\n    BASIC: 'basic',\n    SUBTLE: 'subtle',\n};\nexport const Emphasis = {\n    REGULAR: 'regular',\n    SEMIBOLD: 'semibold',\n    BOLD: 'bold',\n    ITALIC: 'italic',\n};\nexport const BackgroundGradients = {\n    PRIMARY: 'primary',\n    SECONDARY: 'secondary',\n};\nexport const Placements = {\n    TOP: 'top',\n    TOP_START: 'top-start',\n    TOP_END: 'top-end',\n    BOTTOM: 'bottom',\n    BOTTOM_START: 'bottom-start',\n    BOTTOM_END: 'bottom-end',\n    LEFT: 'left',\n    LEFT_START: 'left-start',\n    LEFT_END: 'left-end',\n    RIGHT: 'right',\n    RIGHT_START: 'right-start',\n    RIGHT_END: 'right-end',\n};\nexport const Sizes = {\n    SMALL: 'small',\n    MEDIUM: 'medium',\n    LARGE: 'large',\n};\nexport const SizesExtended = Object.assign(Object.assign({ XSMALL: 'xsmall' }, Sizes), { XLARGE: 'xlarge' });\nconst _a = createUppercaseKeyDictionary(containers), { MAXWIDTH, PADDING } = _a, ContainerTokenSizes = __rest(_a, [\"MAXWIDTH\", \"PADDING\"]);\nexport { ContainerTokenSizes };\nexport const ValidationStates = {\n    SUCCESS: 'success',\n    WARNING: 'warning',\n    DANGER: 'danger',\n};\nexport const FillVariants = {\n    FILL: 'fill',\n    OUTLINE: 'outline',\n};\nexport const ShapeVariants = {\n    BOX: 'box',\n    PILL: 'pill',\n};\n//# sourceMappingURL=dictionaries.js.map","export const Direction = {\n    HORIZONTAL: 'horizontal',\n    VERTICAL: 'vertical',\n};\nexport const DirectionExtended = Object.assign(Object.assign({}, Direction), { HORIZONTAL_REVERSED: 'horizontal-reversed' });\nexport var DirectionAxis;\n(function (DirectionAxis) {\n    DirectionAxis[\"X\"] = \"x\";\n    DirectionAxis[\"Y\"] = \"y\";\n})(DirectionAxis || (DirectionAxis = {}));\nexport const isDirectionHorizontal = (direction) => direction === Direction.HORIZONTAL;\n//# sourceMappingURL=direction.js.map","import { Sizes } from \"../constants/index.js\";\nexport const CardSizes = Object.assign(Object.assign({}, Sizes), { AUTO: 'auto' });\n//# sourceMappingURL=card.js.map","export const DropdownFullWidthModes = {\n    OFF: 'off',\n    MOBILE_ONLY: 'mobile-only',\n    ALL: 'all',\n};\n//# sourceMappingURL=dropdown.js.map","export const UNDERLINED_OPTIONS = {\n    ALWAYS: 'always',\n    HOVER: 'hover',\n    NEVER: 'never',\n};\n//# sourceMappingURL=link.js.map","export const STYLE_SPACING_AUTO = 'auto';\n//# sourceMappingURL=style.js.map","export const BREAKPOINT_MOBILE = 'mobile';\n//# sourceMappingURL=tokens.js.map","export * from \"./adornments.js\";\nexport * from \"./buttons.js\";\nexport * from \"./colors.js\";\nexport * from \"./columns.js\";\nexport * from \"./dialogs.js\";\nexport * from \"./dictionaries.js\";\nexport * from \"./directions.js\";\nexport * from \"./dragAndDrop.js\";\nexport * from \"./element.js\";\nexport * from \"./events.js\";\nexport * from \"./inputs.js\";\nexport * from \"./item.js\";\nexport * from \"./positions.js\";\nexport * from \"./radii.js\";\nexport * from \"./refs.js\";\nexport * from \"./responsive.js\";\nexport * from \"./rest.js\";\nexport * from \"./sizes.js\";\nexport * from \"./style.js\";\nexport * from \"./tokens.js\";\nexport var SpiritBreakpoints;\n(function (SpiritBreakpoints) {\n    SpiritBreakpoints[\"TABLET\"] = \"tablet\";\n    SpiritBreakpoints[\"DESKTOP\"] = \"desktop\";\n})(SpiritBreakpoints || (SpiritBreakpoints = {}));\n//# sourceMappingURL=index.js.map","export const TOOLTIP_TRIGGER = {\n    CLICK: 'click',\n    HOVER: 'hover',\n    FOCUS: 'focus',\n    MANUAL: 'manual',\n    OUTSIDE_PRESS: 'outside-press',\n    ESCAPE_KEY: 'escape-key',\n};\n//# sourceMappingURL=tooltip.js.map","export const TruncateModes = {\n    LINES: 'lines',\n    WORDS: 'words',\n    CHARACTERS: 'characters',\n};\n//# sourceMappingURL=truncate.js.map"],"names":["this","componentColors","emotionColors","textColors","containers","SpiritBreakpoints"],"mappings":"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"}
+{"version":3,"file":"types.cjs","sources":["../constants/dictionaries.js","../constants/direction.js","card.js","dropdown.js","link.js","shared/style.js","shared/tokens.js","shared/index.js","tooltip.js","truncate.js"],"sourcesContent":["var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { componentColors, containers, emotionColors, textColors } from '@alma-oss/spirit-design-tokens';\nfunction createUppercaseKeyDictionary(obj) {\n    return Object.fromEntries(Object.keys(obj).map((key) => [key.toUpperCase(), key]));\n}\nexport const AlignmentX = {\n    LEFT: 'left',\n    CENTER: 'center',\n    RIGHT: 'right',\n};\nexport const AlignmentXExtended = Object.assign({ SPACE_BETWEEN: 'space-between', STRETCH: 'stretch' }, AlignmentX);\nexport const AlignmentY = {\n    TOP: 'top',\n    CENTER: 'center',\n    BOTTOM: 'bottom',\n};\nexport const AlignmentYExtended = Object.assign({ BASELINE: 'baseline', STRETCH: 'stretch' }, AlignmentY);\nexport const TextAlignments = {\n    LEFT: 'left',\n    CENTER: 'center',\n    RIGHT: 'right',\n};\nexport const BorderColors = {\n    BASIC: 'basic',\n};\nexport const BorderRadii = {\n    0: '0',\n    100: '100',\n    200: '200',\n    300: '300',\n    400: '400',\n    500: '500',\n    FULL: 'full',\n};\nexport const BorderStyles = {\n    SOLID: 'solid',\n    DOTTED: 'dotted',\n    DASHED: 'dashed',\n};\nexport const BorderWidths = {\n    0: '0',\n    100: '100',\n    200: '200',\n};\nexport const BackgroundColors = {\n    PRIMARY: 'primary',\n    SECONDARY: 'secondary',\n    TERTIARY: 'tertiary',\n};\nexport const ComponentButtonColors = createUppercaseKeyDictionary(componentColors.button);\nexport const EmotionColors = createUppercaseKeyDictionary(emotionColors);\nexport const LinkColors = {\n    PRIMARY: 'primary',\n    SECONDARY: 'secondary',\n    TERTIARY: 'tertiary',\n};\nexport const TextColors = createUppercaseKeyDictionary(textColors);\nexport const Intensity = {\n    BASIC: 'basic',\n    SUBTLE: 'subtle',\n};\nexport const Emphasis = {\n    REGULAR: 'regular',\n    SEMIBOLD: 'semibold',\n    BOLD: 'bold',\n    ITALIC: 'italic',\n};\nexport const BackgroundGradients = {\n    PRIMARY: 'primary',\n    SECONDARY: 'secondary',\n};\nexport const Placements = {\n    TOP: 'top',\n    TOP_START: 'top-start',\n    TOP_END: 'top-end',\n    BOTTOM: 'bottom',\n    BOTTOM_START: 'bottom-start',\n    BOTTOM_END: 'bottom-end',\n    LEFT: 'left',\n    LEFT_START: 'left-start',\n    LEFT_END: 'left-end',\n    RIGHT: 'right',\n    RIGHT_START: 'right-start',\n    RIGHT_END: 'right-end',\n};\nexport const Sizes = {\n    SMALL: 'small',\n    MEDIUM: 'medium',\n    LARGE: 'large',\n};\nexport const SizesExtended = Object.assign(Object.assign({ XSMALL: 'xsmall' }, Sizes), { XLARGE: 'xlarge' });\nconst _a = createUppercaseKeyDictionary(containers), { MAXWIDTH, PADDING } = _a, ContainerTokenSizes = __rest(_a, [\"MAXWIDTH\", \"PADDING\"]);\nexport { ContainerTokenSizes };\nexport const ValidationStates = {\n    SUCCESS: 'success',\n    WARNING: 'warning',\n    DANGER: 'danger',\n};\nexport const FillVariants = {\n    FILL: 'fill',\n    OUTLINE: 'outline',\n};\nexport const ShapeVariants = {\n    BOX: 'box',\n    PILL: 'pill',\n};\n//# sourceMappingURL=dictionaries.js.map","export const Direction = {\n    HORIZONTAL: 'horizontal',\n    VERTICAL: 'vertical',\n};\nexport const DirectionExtended = Object.assign(Object.assign({}, Direction), { HORIZONTAL_REVERSED: 'horizontal-reversed' });\nexport var DirectionAxis;\n(function (DirectionAxis) {\n    DirectionAxis[\"X\"] = \"x\";\n    DirectionAxis[\"Y\"] = \"y\";\n})(DirectionAxis || (DirectionAxis = {}));\nexport const isDirectionHorizontal = (direction) => direction === Direction.HORIZONTAL;\n//# sourceMappingURL=direction.js.map","import { Sizes } from \"../constants/index.js\";\nexport const CardSizes = Object.assign(Object.assign({}, Sizes), { AUTO: 'auto' });\n//# sourceMappingURL=card.js.map","export const DropdownFullWidthModes = {\n    OFF: 'off',\n    MOBILE_ONLY: 'mobile-only',\n    ALL: 'all',\n};\n//# sourceMappingURL=dropdown.js.map","export const UNDERLINED_OPTIONS = {\n    ALWAYS: 'always',\n    HOVER: 'hover',\n    NEVER: 'never',\n};\n//# sourceMappingURL=link.js.map","export const STYLE_SPACING_AUTO = 'auto';\n//# sourceMappingURL=style.js.map","export const BREAKPOINT_MOBILE = 'mobile';\n//# sourceMappingURL=tokens.js.map","export * from \"./adornments.js\";\nexport * from \"./buttons.js\";\nexport * from \"./colors.js\";\nexport * from \"./columns.js\";\nexport * from \"./dialogs.js\";\nexport * from \"./dictionaries.js\";\nexport * from \"./directions.js\";\nexport * from \"./dragAndDrop.js\";\nexport * from \"./element.js\";\nexport * from \"./events.js\";\nexport * from \"./inputs.js\";\nexport * from \"./item.js\";\nexport * from \"./positions.js\";\nexport * from \"./radii.js\";\nexport * from \"./refs.js\";\nexport * from \"./responsive.js\";\nexport * from \"./rest.js\";\nexport * from \"./sizes.js\";\nexport * from \"./style.js\";\nexport * from \"./text.js\";\nexport * from \"./tokens.js\";\nexport var SpiritBreakpoints;\n(function (SpiritBreakpoints) {\n    SpiritBreakpoints[\"TABLET\"] = \"tablet\";\n    SpiritBreakpoints[\"DESKTOP\"] = \"desktop\";\n})(SpiritBreakpoints || (SpiritBreakpoints = {}));\n//# sourceMappingURL=index.js.map","export const TOOLTIP_TRIGGER = {\n    CLICK: 'click',\n    HOVER: 'hover',\n    FOCUS: 'focus',\n    MANUAL: 'manual',\n    OUTSIDE_PRESS: 'outside-press',\n    ESCAPE_KEY: 'escape-key',\n};\n//# sourceMappingURL=tooltip.js.map","export const TruncateModes = {\n    LINES: 'lines',\n    WORDS: 'words',\n    CHARACTERS: 'characters',\n};\n//# sourceMappingURL=truncate.js.map"],"names":["this","componentColors","emotionColors","textColors","containers","SpiritBreakpoints"],"mappings":"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"}