@alfalab/core-components 48.11.0 → 48.12.0-beta.0

package/typography/text/component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
-var colors_module = require('../colors.module-d719d7a7.js');
+var colors_module = require('../colors.module-8b955f16.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/component.js

@@ -6,7 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
 var title_utils = require('./utils.js');
-var colors_module = require('../colors.module-d719d7a7.js');
+var colors_module = require('../colors.module-8b955f16.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('./component.js');
-var common_module = require('../common.module-f17c2083.js');
+var common_module = require('../common.module-de21204e.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title-mobile/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-f17c2083.js');
+var common_module = require('../common.module-de21204e.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/underlay/Component.d.ts

@@ -14,9 +14,9 @@ declare const Underlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
     borderRadius?: import("./types").UnderlayBorderRadius | import("./types").CornersRadiusType | undefined;
     backgroundColor?: string | undefined;
     borderSize?: import("./types").BorderSizeType | undefined;
-    borderColor?: import("./index-064acd29").BorderColorType | undefined;
+    borderColor?: import("./index-464d40a4").BorderColorType | undefined;
     overflow?: boolean | undefined;
-    shadow?: import("./index-064acd29").ShadowType | undefined;
+    shadow?: import("./index-464d40a4").ShadowType | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     contentProps?: import("./types").ContentPropsType | undefined;

package/underlay/cssm/Component.d.ts

@@ -14,9 +14,9 @@ declare const Underlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
     borderRadius?: import("./types").UnderlayBorderRadius | import("./types").CornersRadiusType | undefined;
     backgroundColor?: string | undefined;
     borderSize?: import("./types").BorderSizeType | undefined;
-    borderColor?: import("./index-064acd29").BorderColorType | undefined;
+    borderColor?: import("./index-464d40a4").BorderColorType | undefined;
     overflow?: boolean | undefined;
-    shadow?: import("./index-064acd29").ShadowType | undefined;
+    shadow?: import("./index-464d40a4").ShadowType | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     contentProps?: import("./types").ContentPropsType | undefined;

package/underlay/cssm/index-464d40a4.d.ts

@@ -0,0 +1,23 @@
+type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
+type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
+type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+type TypographyType = 'accent-caps' | 'accent-component-primary' | 'accent-component-secondary' | 'accent-primary-large' | 'accent-primary-medium' | 'accent-primary-small' | 'accent-secondary-large' | 'accent-secondary-medium' | 'accent-secondary-small' | 'action-caps' | 'action-component-primary' | 'action-component-secondary' | 'action-primary-large' | 'action-primary-medium' | 'action-primary-small' | 'action-secondary-large' | 'action-secondary-medium' | 'action-secondary-small' | 'headline-mobile-large' | 'headline-mobile-medium' | 'headline-mobile-small' | 'headline-mobile-xlarge' | 'headline-mobile-xsmall' | 'headline-system-mobile-large' | 'headline-system-mobile-medium' | 'headline-system-mobile-small' | 'headline-system-mobile-xlarge' | 'headline-system-mobile-xsmall' | 'headline-system-large' | 'headline-system-medium' | 'headline-system-small' | 'headline-system-xlarge' | 'headline-system-xsmall' | 'headline-large' | 'headline-medium' | 'headline-small' | 'headline-xlarge' | 'headline-xsmall' | 'key-large' | 'key-medium' | 'key-small' | 'key-xlarge' | 'key-xsmall' | 'paragraph-caps' | 'paragraph-component-primary' | 'paragraph-component-secondary' | 'paragraph-primary-large' | 'paragraph-primary-medium' | 'paragraph-primary-small' | 'paragraph-secondary-large' | 'paragraph-secondary-medium' | 'paragraph-secondary-small' | 'promo-mobile-large' | 'promo-mobile-medium' | 'promo-mobile-small' | 'promo-mobile-xlarge' | 'promo-mobile-xsmall' | 'promo-system-mobile-large' | 'promo-system-mobile-medium' | 'promo-system-mobile-small' | 'promo-system-mobile-xlarge' | 'promo-system-mobile-xsmall' | 'promo-system-large' | 'promo-system-medium' | 'promo-system-small' | 'promo-system-xlarge' | 'promo-system-xsmall' | 'promo-large' | 'promo-medium' | 'promo-small' | 'promo-xlarge' | 'promo-xsmall' | 'accent-component' | 'action-component' | 'paragraph-component';
+type Country = {
+    name: string;
+    regions?: string[];
+    iso2: string;
+    countryCode: string;
+    dialCode: string;
+    format?: string;
+    priority: number;
+    mainCode?: boolean;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType, TypographyType, Country };

package/underlay/cssm/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { BorderColorType, GapType, ShadowType } from "./index-064acd29";
+import { BorderColorType, GapType, ShadowType } from "./index-464d40a4";
 type UnderlayPaddingSize = Exclude<GapType, '7xl' | '8xl'>;
 type UnderlayBorderRadius = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
 type BorderSizeType = 1 | 2 | 4;

package/underlay/cssm/utils/getClasses.d.ts

@@ -1,4 +1,4 @@
-import { BorderColorType, ShadowType } from "../index-064acd29";
+import { BorderColorType, ShadowType } from "../index-464d40a4";
 import { BorderSizeType } from "../types";
 declare const isBackgroundToken: (token: string | undefined) => boolean | "" | undefined;
 declare const getClasses: (backgroundColor: string | undefined, borderColor: BorderColorType | undefined, borderSize: BorderSizeType | undefined, shadow: ShadowType | undefined) => {

package/underlay/esm/Component.d.ts

@@ -14,9 +14,9 @@ declare const Underlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
     borderRadius?: import("./types").UnderlayBorderRadius | import("./types").CornersRadiusType | undefined;
     backgroundColor?: string | undefined;
     borderSize?: import("./types").BorderSizeType | undefined;
-    borderColor?: import("./index-064acd29").BorderColorType | undefined;
+    borderColor?: import("./index-464d40a4").BorderColorType | undefined;
     overflow?: boolean | undefined;
-    shadow?: import("./index-064acd29").ShadowType | undefined;
+    shadow?: import("./index-464d40a4").ShadowType | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     contentProps?: import("./types").ContentPropsType | undefined;

package/underlay/esm/index-464d40a4.d.ts

@@ -0,0 +1,23 @@
+type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
+type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
+type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+type TypographyType = 'accent-caps' | 'accent-component-primary' | 'accent-component-secondary' | 'accent-primary-large' | 'accent-primary-medium' | 'accent-primary-small' | 'accent-secondary-large' | 'accent-secondary-medium' | 'accent-secondary-small' | 'action-caps' | 'action-component-primary' | 'action-component-secondary' | 'action-primary-large' | 'action-primary-medium' | 'action-primary-small' | 'action-secondary-large' | 'action-secondary-medium' | 'action-secondary-small' | 'headline-mobile-large' | 'headline-mobile-medium' | 'headline-mobile-small' | 'headline-mobile-xlarge' | 'headline-mobile-xsmall' | 'headline-system-mobile-large' | 'headline-system-mobile-medium' | 'headline-system-mobile-small' | 'headline-system-mobile-xlarge' | 'headline-system-mobile-xsmall' | 'headline-system-large' | 'headline-system-medium' | 'headline-system-small' | 'headline-system-xlarge' | 'headline-system-xsmall' | 'headline-large' | 'headline-medium' | 'headline-small' | 'headline-xlarge' | 'headline-xsmall' | 'key-large' | 'key-medium' | 'key-small' | 'key-xlarge' | 'key-xsmall' | 'paragraph-caps' | 'paragraph-component-primary' | 'paragraph-component-secondary' | 'paragraph-primary-large' | 'paragraph-primary-medium' | 'paragraph-primary-small' | 'paragraph-secondary-large' | 'paragraph-secondary-medium' | 'paragraph-secondary-small' | 'promo-mobile-large' | 'promo-mobile-medium' | 'promo-mobile-small' | 'promo-mobile-xlarge' | 'promo-mobile-xsmall' | 'promo-system-mobile-large' | 'promo-system-mobile-medium' | 'promo-system-mobile-small' | 'promo-system-mobile-xlarge' | 'promo-system-mobile-xsmall' | 'promo-system-large' | 'promo-system-medium' | 'promo-system-small' | 'promo-system-xlarge' | 'promo-system-xsmall' | 'promo-large' | 'promo-medium' | 'promo-small' | 'promo-xlarge' | 'promo-xsmall' | 'accent-component' | 'action-component' | 'paragraph-component';
+type Country = {
+    name: string;
+    regions?: string[];
+    iso2: string;
+    countryCode: string;
+    dialCode: string;
+    format?: string;
+    priority: number;
+    mainCode?: boolean;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType, TypographyType, Country };

package/underlay/esm/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { BorderColorType, GapType, ShadowType } from "./index-064acd29";
+import { BorderColorType, GapType, ShadowType } from "./index-464d40a4";
 type UnderlayPaddingSize = Exclude<GapType, '7xl' | '8xl'>;
 type UnderlayBorderRadius = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
 type BorderSizeType = 1 | 2 | 4;

package/underlay/esm/utils/getClasses.d.ts

@@ -1,4 +1,4 @@
-import { BorderColorType, ShadowType } from "../index-064acd29";
+import { BorderColorType, ShadowType } from "../index-464d40a4";
 import { BorderSizeType } from "../types";
 declare const isBackgroundToken: (token: string | undefined) => boolean | "" | undefined;
 declare const getClasses: (backgroundColor: string | undefined, borderColor: BorderColorType | undefined, borderSize: BorderSizeType | undefined, shadow: ShadowType | undefined) => {

package/underlay/index-464d40a4.d.ts

@@ -0,0 +1,23 @@
+type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
+type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
+type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+type TypographyType = 'accent-caps' | 'accent-component-primary' | 'accent-component-secondary' | 'accent-primary-large' | 'accent-primary-medium' | 'accent-primary-small' | 'accent-secondary-large' | 'accent-secondary-medium' | 'accent-secondary-small' | 'action-caps' | 'action-component-primary' | 'action-component-secondary' | 'action-primary-large' | 'action-primary-medium' | 'action-primary-small' | 'action-secondary-large' | 'action-secondary-medium' | 'action-secondary-small' | 'headline-mobile-large' | 'headline-mobile-medium' | 'headline-mobile-small' | 'headline-mobile-xlarge' | 'headline-mobile-xsmall' | 'headline-system-mobile-large' | 'headline-system-mobile-medium' | 'headline-system-mobile-small' | 'headline-system-mobile-xlarge' | 'headline-system-mobile-xsmall' | 'headline-system-large' | 'headline-system-medium' | 'headline-system-small' | 'headline-system-xlarge' | 'headline-system-xsmall' | 'headline-large' | 'headline-medium' | 'headline-small' | 'headline-xlarge' | 'headline-xsmall' | 'key-large' | 'key-medium' | 'key-small' | 'key-xlarge' | 'key-xsmall' | 'paragraph-caps' | 'paragraph-component-primary' | 'paragraph-component-secondary' | 'paragraph-primary-large' | 'paragraph-primary-medium' | 'paragraph-primary-small' | 'paragraph-secondary-large' | 'paragraph-secondary-medium' | 'paragraph-secondary-small' | 'promo-mobile-large' | 'promo-mobile-medium' | 'promo-mobile-small' | 'promo-mobile-xlarge' | 'promo-mobile-xsmall' | 'promo-system-mobile-large' | 'promo-system-mobile-medium' | 'promo-system-mobile-small' | 'promo-system-mobile-xlarge' | 'promo-system-mobile-xsmall' | 'promo-system-large' | 'promo-system-medium' | 'promo-system-small' | 'promo-system-xlarge' | 'promo-system-xsmall' | 'promo-large' | 'promo-medium' | 'promo-small' | 'promo-xlarge' | 'promo-xsmall' | 'accent-component' | 'action-component' | 'paragraph-component';
+type Country = {
+    name: string;
+    regions?: string[];
+    iso2: string;
+    countryCode: string;
+    dialCode: string;
+    format?: string;
+    priority: number;
+    mainCode?: boolean;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType, TypographyType, Country };

package/underlay/modern/Component.d.ts

@@ -14,9 +14,9 @@ declare const Underlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
     borderRadius?: import("./types").UnderlayBorderRadius | import("./types").CornersRadiusType | undefined;
     backgroundColor?: string | undefined;
     borderSize?: import("./types").BorderSizeType | undefined;
-    borderColor?: import("./index-064acd29").BorderColorType | undefined;
+    borderColor?: import("./index-464d40a4").BorderColorType | undefined;
     overflow?: boolean | undefined;
-    shadow?: import("./index-064acd29").ShadowType | undefined;
+    shadow?: import("./index-464d40a4").ShadowType | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     contentProps?: import("./types").ContentPropsType | undefined;

package/underlay/modern/index-464d40a4.d.ts

@@ -0,0 +1,23 @@
+type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
+type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
+type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+type TypographyType = 'accent-caps' | 'accent-component-primary' | 'accent-component-secondary' | 'accent-primary-large' | 'accent-primary-medium' | 'accent-primary-small' | 'accent-secondary-large' | 'accent-secondary-medium' | 'accent-secondary-small' | 'action-caps' | 'action-component-primary' | 'action-component-secondary' | 'action-primary-large' | 'action-primary-medium' | 'action-primary-small' | 'action-secondary-large' | 'action-secondary-medium' | 'action-secondary-small' | 'headline-mobile-large' | 'headline-mobile-medium' | 'headline-mobile-small' | 'headline-mobile-xlarge' | 'headline-mobile-xsmall' | 'headline-system-mobile-large' | 'headline-system-mobile-medium' | 'headline-system-mobile-small' | 'headline-system-mobile-xlarge' | 'headline-system-mobile-xsmall' | 'headline-system-large' | 'headline-system-medium' | 'headline-system-small' | 'headline-system-xlarge' | 'headline-system-xsmall' | 'headline-large' | 'headline-medium' | 'headline-small' | 'headline-xlarge' | 'headline-xsmall' | 'key-large' | 'key-medium' | 'key-small' | 'key-xlarge' | 'key-xsmall' | 'paragraph-caps' | 'paragraph-component-primary' | 'paragraph-component-secondary' | 'paragraph-primary-large' | 'paragraph-primary-medium' | 'paragraph-primary-small' | 'paragraph-secondary-large' | 'paragraph-secondary-medium' | 'paragraph-secondary-small' | 'promo-mobile-large' | 'promo-mobile-medium' | 'promo-mobile-small' | 'promo-mobile-xlarge' | 'promo-mobile-xsmall' | 'promo-system-mobile-large' | 'promo-system-mobile-medium' | 'promo-system-mobile-small' | 'promo-system-mobile-xlarge' | 'promo-system-mobile-xsmall' | 'promo-system-large' | 'promo-system-medium' | 'promo-system-small' | 'promo-system-xlarge' | 'promo-system-xsmall' | 'promo-large' | 'promo-medium' | 'promo-small' | 'promo-xlarge' | 'promo-xsmall' | 'accent-component' | 'action-component' | 'paragraph-component';
+type Country = {
+    name: string;
+    regions?: string[];
+    iso2: string;
+    countryCode: string;
+    dialCode: string;
+    format?: string;
+    priority: number;
+    mainCode?: boolean;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType, TypographyType, Country };

package/underlay/modern/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { BorderColorType, GapType, ShadowType } from "./index-064acd29";
+import { BorderColorType, GapType, ShadowType } from "./index-464d40a4";
 type UnderlayPaddingSize = Exclude<GapType, '7xl' | '8xl'>;
 type UnderlayBorderRadius = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
 type BorderSizeType = 1 | 2 | 4;

package/underlay/modern/utils/getClasses.d.ts

@@ -1,4 +1,4 @@
-import { BorderColorType, ShadowType } from "../index-064acd29";
+import { BorderColorType, ShadowType } from "../index-464d40a4";
 import { BorderSizeType } from "../types";
 declare const isBackgroundToken: (token: string | undefined) => boolean | "" | undefined;
 declare const getClasses: (backgroundColor: string | undefined, borderColor: BorderColorType | undefined, borderSize: BorderSizeType | undefined, shadow: ShadowType | undefined) => {

package/underlay/moderncssm/Component.d.ts

@@ -14,9 +14,9 @@ declare const Underlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
     borderRadius?: import("./types").UnderlayBorderRadius | import("./types").CornersRadiusType | undefined;
     backgroundColor?: string | undefined;
     borderSize?: import("./types").BorderSizeType | undefined;
-    borderColor?: import("./index-064acd29").BorderColorType | undefined;
+    borderColor?: import("./index-464d40a4").BorderColorType | undefined;
     overflow?: boolean | undefined;
-    shadow?: import("./index-064acd29").ShadowType | undefined;
+    shadow?: import("./index-464d40a4").ShadowType | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     contentProps?: import("./types").ContentPropsType | undefined;

package/underlay/moderncssm/index-464d40a4.d.ts

@@ -0,0 +1,23 @@
+type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
+type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
+type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+type TypographyType = 'accent-caps' | 'accent-component-primary' | 'accent-component-secondary' | 'accent-primary-large' | 'accent-primary-medium' | 'accent-primary-small' | 'accent-secondary-large' | 'accent-secondary-medium' | 'accent-secondary-small' | 'action-caps' | 'action-component-primary' | 'action-component-secondary' | 'action-primary-large' | 'action-primary-medium' | 'action-primary-small' | 'action-secondary-large' | 'action-secondary-medium' | 'action-secondary-small' | 'headline-mobile-large' | 'headline-mobile-medium' | 'headline-mobile-small' | 'headline-mobile-xlarge' | 'headline-mobile-xsmall' | 'headline-system-mobile-large' | 'headline-system-mobile-medium' | 'headline-system-mobile-small' | 'headline-system-mobile-xlarge' | 'headline-system-mobile-xsmall' | 'headline-system-large' | 'headline-system-medium' | 'headline-system-small' | 'headline-system-xlarge' | 'headline-system-xsmall' | 'headline-large' | 'headline-medium' | 'headline-small' | 'headline-xlarge' | 'headline-xsmall' | 'key-large' | 'key-medium' | 'key-small' | 'key-xlarge' | 'key-xsmall' | 'paragraph-caps' | 'paragraph-component-primary' | 'paragraph-component-secondary' | 'paragraph-primary-large' | 'paragraph-primary-medium' | 'paragraph-primary-small' | 'paragraph-secondary-large' | 'paragraph-secondary-medium' | 'paragraph-secondary-small' | 'promo-mobile-large' | 'promo-mobile-medium' | 'promo-mobile-small' | 'promo-mobile-xlarge' | 'promo-mobile-xsmall' | 'promo-system-mobile-large' | 'promo-system-mobile-medium' | 'promo-system-mobile-small' | 'promo-system-mobile-xlarge' | 'promo-system-mobile-xsmall' | 'promo-system-large' | 'promo-system-medium' | 'promo-system-small' | 'promo-system-xlarge' | 'promo-system-xsmall' | 'promo-large' | 'promo-medium' | 'promo-small' | 'promo-xlarge' | 'promo-xsmall' | 'accent-component' | 'action-component' | 'paragraph-component';
+type Country = {
+    name: string;
+    regions?: string[];
+    iso2: string;
+    countryCode: string;
+    dialCode: string;
+    format?: string;
+    priority: number;
+    mainCode?: boolean;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType, TypographyType, Country };

package/underlay/moderncssm/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { BorderColorType, GapType, ShadowType } from "./index-064acd29";
+import { BorderColorType, GapType, ShadowType } from "./index-464d40a4";
 type UnderlayPaddingSize = Exclude<GapType, '7xl' | '8xl'>;
 type UnderlayBorderRadius = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
 type BorderSizeType = 1 | 2 | 4;

package/underlay/moderncssm/utils/getClasses.d.ts

@@ -1,4 +1,4 @@
-import { BorderColorType, ShadowType } from "../index-064acd29";
+import { BorderColorType, ShadowType } from "../index-464d40a4";
 import { BorderSizeType } from "../types";
 declare const isBackgroundToken: (token: string | undefined) => boolean | "" | undefined;
 declare const getClasses: (backgroundColor: string | undefined, borderColor: BorderColorType | undefined, borderSize: BorderSizeType | undefined, shadow: ShadowType | undefined) => {

package/underlay/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { BorderColorType, GapType, ShadowType } from "./index-064acd29";
+import { BorderColorType, GapType, ShadowType } from "./index-464d40a4";
 type UnderlayPaddingSize = Exclude<GapType, '7xl' | '8xl'>;
 type UnderlayBorderRadius = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
 type BorderSizeType = 1 | 2 | 4;

package/underlay/utils/getClasses.d.ts

@@ -1,4 +1,4 @@
-import { BorderColorType, ShadowType } from "../index-064acd29";
+import { BorderColorType, ShadowType } from "../index-464d40a4";
 import { BorderSizeType } from "../types";
 declare const isBackgroundToken: (token: string | undefined) => boolean | "" | undefined;
 declare const getClasses: (backgroundColor: string | undefined, borderColor: BorderColorType | undefined, borderSize: BorderSizeType | undefined, shadow: ShadowType | undefined) => {

package/gallery/esm/hooks-c438ee1a.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { MouseEventHandler, SyntheticEvent } from 'react';
-declare const useHandleImageViewer: () => {
-    handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
-    handleLoadError: (index: number) => void;
-    handleWrapperClick: MouseEventHandler<Element>;
-    isMobile: boolean;
-    leftArrowRef: import("react").RefObject<HTMLDivElement>;
-    rightArrowRef: import("react").RefObject<HTMLDivElement>;
-};
-export { useHandleImageViewer };

package/gallery/esm/hooks-c438ee1a.js

@@ -1,45 +0,0 @@
-import { useContext, useRef, useCallback, useEffect } from 'react';
-import elementClosest from 'element-closest';
-import { GalleryContext } from './context.js';
-
-var styles = {"component":"gallery__component_qvwfw","swiper":"gallery__swiper_qvwfw","mobile":"gallery__mobile_qvwfw","mobileVideo":"gallery__mobileVideo_qvwfw","singleSlideContainer":"gallery__singleSlideContainer_qvwfw","hidden":"gallery__hidden_qvwfw","slide":"gallery__slide_qvwfw","slideLoading":"gallery__slideLoading_qvwfw","spinner":"gallery__spinner_qvwfw","image":"gallery__image_qvwfw","smallImage":"gallery__smallImage_qvwfw","verticalImageFit":"gallery__verticalImageFit_qvwfw","horizontalImageFit":"gallery__horizontalImageFit_qvwfw","arrow":"gallery__arrow_qvwfw","focused":"gallery__focused_qvwfw","placeholder":"gallery__placeholder_qvwfw","brokenImgWrapper":"gallery__brokenImgWrapper_qvwfw","brokenImgIcon":"gallery__brokenImgIcon_qvwfw","fullScreenImage":"gallery__fullScreenImage_qvwfw","fullScreenVideo":"gallery__fullScreenVideo_qvwfw"};
-require('./components/image-viewer/index.css');
-
-var useHandleImageViewer = function () {
-    var _a = useContext(GalleryContext), view = _a.view, onClose = _a.onClose, setImageMeta = _a.setImageMeta;
-    var leftArrowRef = useRef(null);
-    var rightArrowRef = useRef(null);
-    var isMobile = view === 'mobile';
-    var handleLoad = function (event, index) {
-        var target = event.currentTarget;
-        var naturalWidth = target.naturalWidth, naturalHeight = target.naturalHeight;
-        setImageMeta({ width: naturalWidth, height: naturalHeight }, index);
-    };
-    var handleLoadError = function (index) {
-        setImageMeta({ width: 0, height: 0, broken: true }, index);
-    };
-    var handleWrapperClick = useCallback(function (event) {
-        var _a, _b;
-        var eventTarget = event.target;
-        var isArrow = ((_a = leftArrowRef.current) === null || _a === void 0 ? void 0 : _a.contains(eventTarget)) ||
-            ((_b = rightArrowRef.current) === null || _b === void 0 ? void 0 : _b.contains(eventTarget));
-        var isPlaceholder = Boolean(eventTarget.closest(".".concat(styles.placeholder)));
-        var isImg = eventTarget.tagName === 'IMG';
-        if (!isImg && !isPlaceholder && !isArrow && !isMobile) {
-            onClose();
-        }
-    }, [isMobile, onClose]);
-    useEffect(function () {
-        elementClosest(window);
-    }, []);
-    return {
-        handleLoad: handleLoad,
-        handleLoadError: handleLoadError,
-        handleWrapperClick: handleWrapperClick,
-        isMobile: isMobile,
-        leftArrowRef: leftArrowRef,
-        rightArrowRef: rightArrowRef,
-    };
-};
-
-export { styles as s, useHandleImageViewer as u };

package/gallery/hooks-a35c1388.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { MouseEventHandler, SyntheticEvent } from 'react';
-declare const useHandleImageViewer: () => {
-    handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
-    handleLoadError: (index: number) => void;
-    handleWrapperClick: MouseEventHandler<Element>;
-    isMobile: boolean;
-    leftArrowRef: import("react").RefObject<HTMLDivElement>;
-    rightArrowRef: import("react").RefObject<HTMLDivElement>;
-};
-export { useHandleImageViewer };

package/gallery/hooks-a35c1388.js

@@ -1,50 +0,0 @@
-var React = require('react');
-var elementClosest = require('element-closest');
-var context = require('./context.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
-
-var styles = {"component":"gallery__component_qvwfw","swiper":"gallery__swiper_qvwfw","mobile":"gallery__mobile_qvwfw","mobileVideo":"gallery__mobileVideo_qvwfw","singleSlideContainer":"gallery__singleSlideContainer_qvwfw","hidden":"gallery__hidden_qvwfw","slide":"gallery__slide_qvwfw","slideLoading":"gallery__slideLoading_qvwfw","spinner":"gallery__spinner_qvwfw","image":"gallery__image_qvwfw","smallImage":"gallery__smallImage_qvwfw","verticalImageFit":"gallery__verticalImageFit_qvwfw","horizontalImageFit":"gallery__horizontalImageFit_qvwfw","arrow":"gallery__arrow_qvwfw","focused":"gallery__focused_qvwfw","placeholder":"gallery__placeholder_qvwfw","brokenImgWrapper":"gallery__brokenImgWrapper_qvwfw","brokenImgIcon":"gallery__brokenImgIcon_qvwfw","fullScreenImage":"gallery__fullScreenImage_qvwfw","fullScreenVideo":"gallery__fullScreenVideo_qvwfw"};
-require('./components/image-viewer/index.css');
-
-var useHandleImageViewer = function () {
-    var _a = React.useContext(context.GalleryContext), view = _a.view, onClose = _a.onClose, setImageMeta = _a.setImageMeta;
-    var leftArrowRef = React.useRef(null);
-    var rightArrowRef = React.useRef(null);
-    var isMobile = view === 'mobile';
-    var handleLoad = function (event, index) {
-        var target = event.currentTarget;
-        var naturalWidth = target.naturalWidth, naturalHeight = target.naturalHeight;
-        setImageMeta({ width: naturalWidth, height: naturalHeight }, index);
-    };
-    var handleLoadError = function (index) {
-        setImageMeta({ width: 0, height: 0, broken: true }, index);
-    };
-    var handleWrapperClick = React.useCallback(function (event) {
-        var _a, _b;
-        var eventTarget = event.target;
-        var isArrow = ((_a = leftArrowRef.current) === null || _a === void 0 ? void 0 : _a.contains(eventTarget)) ||
-            ((_b = rightArrowRef.current) === null || _b === void 0 ? void 0 : _b.contains(eventTarget));
-        var isPlaceholder = Boolean(eventTarget.closest(".".concat(styles.placeholder)));
-        var isImg = eventTarget.tagName === 'IMG';
-        if (!isImg && !isPlaceholder && !isArrow && !isMobile) {
-            onClose();
-        }
-    }, [isMobile, onClose]);
-    React.useEffect(function () {
-        elementClosest__default.default(window);
-    }, []);
-    return {
-        handleLoad: handleLoad,
-        handleLoadError: handleLoadError,
-        handleWrapperClick: handleWrapperClick,
-        isMobile: isMobile,
-        leftArrowRef: leftArrowRef,
-        rightArrowRef: rightArrowRef,
-    };
-};
-
-exports.styles = styles;
-exports.useHandleImageViewer = useHandleImageViewer;

package/gallery/modern/hooks-a03bb3f0.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { MouseEventHandler, SyntheticEvent } from 'react';
-declare const useHandleImageViewer: () => {
-    handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
-    handleLoadError: (index: number) => void;
-    handleWrapperClick: MouseEventHandler<Element>;
-    isMobile: boolean;
-    leftArrowRef: import("react").RefObject<HTMLDivElement>;
-    rightArrowRef: import("react").RefObject<HTMLDivElement>;
-};
-export { useHandleImageViewer };

package/gallery/modern/hooks-a03bb3f0.js

@@ -1,44 +0,0 @@
-import { useContext, useRef, useCallback, useEffect } from 'react';
-import elementClosest from 'element-closest';
-import { GalleryContext } from './context.js';
-
-const styles = {"component":"gallery__component_qvwfw","swiper":"gallery__swiper_qvwfw","mobile":"gallery__mobile_qvwfw","mobileVideo":"gallery__mobileVideo_qvwfw","singleSlideContainer":"gallery__singleSlideContainer_qvwfw","hidden":"gallery__hidden_qvwfw","slide":"gallery__slide_qvwfw","slideLoading":"gallery__slideLoading_qvwfw","spinner":"gallery__spinner_qvwfw","image":"gallery__image_qvwfw","smallImage":"gallery__smallImage_qvwfw","verticalImageFit":"gallery__verticalImageFit_qvwfw","horizontalImageFit":"gallery__horizontalImageFit_qvwfw","arrow":"gallery__arrow_qvwfw","focused":"gallery__focused_qvwfw","placeholder":"gallery__placeholder_qvwfw","brokenImgWrapper":"gallery__brokenImgWrapper_qvwfw","brokenImgIcon":"gallery__brokenImgIcon_qvwfw","fullScreenImage":"gallery__fullScreenImage_qvwfw","fullScreenVideo":"gallery__fullScreenVideo_qvwfw"};
-require('./components/image-viewer/index.css');
-
-const useHandleImageViewer = () => {
-    const { view, onClose, setImageMeta } = useContext(GalleryContext);
-    const leftArrowRef = useRef(null);
-    const rightArrowRef = useRef(null);
-    const isMobile = view === 'mobile';
-    const handleLoad = (event, index) => {
-        const target = event.currentTarget;
-        const { naturalWidth, naturalHeight } = target;
-        setImageMeta({ width: naturalWidth, height: naturalHeight }, index);
-    };
-    const handleLoadError = (index) => {
-        setImageMeta({ width: 0, height: 0, broken: true }, index);
-    };
-    const handleWrapperClick = useCallback((event) => {
-        const eventTarget = event.target;
-        const isArrow = leftArrowRef.current?.contains(eventTarget) ||
-            rightArrowRef.current?.contains(eventTarget);
-        const isPlaceholder = Boolean(eventTarget.closest(`.${styles.placeholder}`));
-        const isImg = eventTarget.tagName === 'IMG';
-        if (!isImg && !isPlaceholder && !isArrow && !isMobile) {
-            onClose();
-        }
-    }, [isMobile, onClose]);
-    useEffect(() => {
-        elementClosest(window);
-    }, []);
-    return {
-        handleLoad,
-        handleLoadError,
-        handleWrapperClick,
-        isMobile,
-        leftArrowRef,
-        rightArrowRef,
-    };
-};
-
-export { styles as s, useHandleImageViewer as u };