@alfalab/core-components 48.29.0 → 48.30.0

package/tabs/modern/index.module-6050a4cf.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_1xiti","fullWidthScroll":"tabs__fullWidthScroll_1xiti","container":"tabs__container_1xiti","title":"tabs__title_1xiti","desktop":"tabs__desktop_1xiti","transparentView":"tabs__transparentView_1xiti","xxs":"tabs__xxs_1xiti","skeleton":"tabs__skeleton_1xiti","xs":"tabs__xs_1xiti","s":"tabs__s_1xiti","m":"tabs__m_1xiti","l":"tabs__l_1xiti","xl":"tabs__xl_1xiti"};
+require('./components/secondary-tablist/index.css');
+
+export { commonStyles as c };

package/tabs/modern/index.module-c027a06a.js

@@ -0,0 +1,4 @@
+const styles = {"component":"tabs__component_1qwix","desktop":"tabs__desktop_1qwix","paragraph-primary-large":"tabs__paragraph-primary-large_1qwix","title":"tabs__title_1qwix","paragraph-primary-medium":"tabs__paragraph-primary-medium_1qwix","paragraph-primary-small":"tabs__paragraph-primary-small_1qwix","action-primary-large":"tabs__action-primary-large_1qwix","action-primary-medium":"tabs__action-primary-medium_1qwix","action-primary-small":"tabs__action-primary-small_1qwix","accent-primary-large":"tabs__accent-primary-large_1qwix","accent-primary-medium":"tabs__accent-primary-medium_1qwix","accent-primary-small":"tabs__accent-primary-small_1qwix","pickerWrapper":"tabs__pickerWrapper_1qwix","option":"tabs__option_1qwix","scrollControls":"tabs__scrollControls_1qwix","headline-system-xlarge":"tabs__headline-system-xlarge_1qwix","headline-system-large":"tabs__headline-system-large_1qwix","headline-system-medium":"tabs__headline-system-medium_1qwix","headline-system-small":"tabs__headline-system-small_1qwix","headline-system-xsmall":"tabs__headline-system-xsmall_1qwix","headline-xlarge":"tabs__headline-xlarge_1qwix","headline-large":"tabs__headline-large_1qwix","headline-medium":"tabs__headline-medium_1qwix","headline-small":"tabs__headline-small_1qwix","headline-xsmall":"tabs__headline-xsmall_1qwix","fullWidthScroll":"tabs__fullWidthScroll_1qwix","container":"tabs__container_1qwix","focused":"tabs__focused_1qwix","collapsed":"tabs__collapsed_1qwix","selected":"tabs__selected_1qwix","disabled":"tabs__disabled_1qwix","line":"tabs__line_1qwix","s":"tabs__s_1qwix","xs":"tabs__xs_1qwix","xxs":"tabs__xxs_1qwix","m":"tabs__m_1qwix","l":"tabs__l_1qwix","xl":"tabs__xl_1qwix","rightAddons":"tabs__rightAddons_1qwix","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_1qwix"};
+require('./components/primary-tablist/index.css');
+
+export { styles as s };

package/tabs/modern/mobile/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-73eb45a1.js';
+import '../index.module-c027a06a.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-74d79d0c.js';
+import '../index.module-6050a4cf.js';
 import '../components/tabs/Component.js';

package/tabs/moderncssm/components/primary-tablist/index.module.css

@@ -51,6 +51,8 @@
     /* size l */
 
     /* size xl */
+
+    /* default transparent gaps */
 }
 .component {
     position: relative;

package/tabs/moderncssm/components/primary-tablist/mobile.module.css

@@ -30,6 +30,8 @@
     /* size l */
 
     /* size xl */
+
+    /* default transparent gaps */
 }
 .title {
     composes: title from 'index.module.css';

package/tabs/moderncssm/components/scroll-controls/index.module.css

@@ -25,6 +25,8 @@
     /* size l */
 
     /* size xl */
+
+    /* default transparent gaps */
 }
 .component {
     position: relative;

package/tabs/moderncssm/components/scrollable-container/index.module.css

@@ -24,6 +24,8 @@
     /* size l */
 
     /* size xl */
+
+    /* default transparent gaps */
 }
 .scrollableContainerWrapper {
     display: flex;

package/tabs/moderncssm/components/secondary-tablist/Component.desktop.d.ts

@@ -2,5 +2,5 @@
 import React from 'react';
 import { SecondaryTabListProps } from "../../typings";
 type SecondaryTabListDesktopProps = Omit<SecondaryTabListProps, 'tagSize' | 'breakpoint'>;
-declare const SecondaryTabListDesktop: ({ size, ...restProps }: SecondaryTabListDesktopProps) => React.JSX.Element;
+declare const SecondaryTabListDesktop: ({ className, size, tagView, ...restProps }: SecondaryTabListDesktopProps) => React.JSX.Element;
 export { SecondaryTabListDesktopProps, SecondaryTabListDesktop };

package/tabs/moderncssm/components/secondary-tablist/Component.desktop.js

@@ -1,8 +1,8 @@
 import React from 'react';
+import cn from 'classnames';
 import { TagDesktop } from '../../../../tag/moderncssm/desktop';
 import { SecondaryTabList } from './Component.js';
-import commonStyles from './index.module.css';
-import 'classnames';
+import styles from './index.module.css';
 import '../../../../skeleton/moderncssm';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';
@@ -18,6 +18,8 @@ import '../scroll-controls/utils.js';
 import '../scroll-controls/index.module.css';
 import '../scrollable-container/index.module.css';
 
-const SecondaryTabListDesktop = ({ size = 's', ...restProps }) => (React.createElement(SecondaryTabList, { ...restProps, TagComponent: TagDesktop, size: size, styles: commonStyles, tagSize: size, platform: 'desktop' }));
+const SecondaryTabListDesktop = ({ className, size = 's', tagView, ...restProps }) => (React.createElement(SecondaryTabList, { ...restProps, TagComponent: TagDesktop, size: size, styles: styles, className: cn(className, styles.desktop, {
+        [styles.transparentView]: tagView === 'transparent',
+    }), tagSize: size, tagView: tagView, platform: 'desktop' }));
 
 export { SecondaryTabListDesktop };

package/tabs/moderncssm/components/secondary-tablist/Component.mobile.d.ts

@@ -2,5 +2,5 @@
 import React from 'react';
 import { SecondaryTabListProps } from "../../typings";
 type SecondaryTabListMobileProps = Omit<SecondaryTabListProps, 'tagSize'>;
-declare const SecondaryTabListMobile: ({ className, size, ...restProps }: SecondaryTabListMobileProps) => React.JSX.Element;
+declare const SecondaryTabListMobile: ({ className, size, tagView, ...restProps }: SecondaryTabListMobileProps) => React.JSX.Element;
 export { SecondaryTabListMobileProps, SecondaryTabListMobile };

package/tabs/moderncssm/components/secondary-tablist/Component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/moderncssm/mobile';
 import { SecondaryTabList } from './Component.js';
-import commonStyles from './index.module.css';
+import styles$1 from './index.module.css';
 import mobileStyles from './mobile.module.css';
 import '../../../../skeleton/moderncssm';
 import '../../hooks/use-tabs.js';
@@ -20,9 +20,11 @@ import '../scroll-controls/index.module.css';
 import '../scrollable-container/index.module.css';
 
 const styles = {
-    ...commonStyles,
+    ...styles$1,
     ...mobileStyles,
 };
-const SecondaryTabListMobile = ({ className, size, ...restProps }) => (React.createElement(SecondaryTabList, { ...restProps, TagComponent: TagMobile, styles: styles, className: cn(className, styles.mobile), tagSize: size, platform: 'mobile' }));
+const SecondaryTabListMobile = ({ className, size, tagView, ...restProps }) => (React.createElement(SecondaryTabList, { ...restProps, TagComponent: TagMobile, styles: styles, className: cn(className, styles.mobile, {
+        [styles.transparentView]: tagView === 'transparent',
+    }), tagSize: size, tagView: tagView, platform: 'mobile' }));
 
 export { SecondaryTabListMobile };

package/tabs/moderncssm/components/secondary-tablist/Component.responsive.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { useIsDesktop } from '../../../../mq/moderncssm';
 import { SecondaryTabListDesktop } from './Component.desktop.js';
 import { SecondaryTabListMobile } from './Component.mobile.js';
+import 'classnames';
 import '../../../../tag/moderncssm/desktop';
 import './Component.js';
-import 'classnames';
 import '../../../../skeleton/moderncssm';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

package/tabs/moderncssm/components/secondary-tablist/index.module.css

@@ -30,6 +30,9 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-16);
+
+    /* default transparent gaps */
+    --secondary-tablist-transparent-gaps: var(--gap-0);
 }
 .component {
     position: relative;
@@ -48,6 +51,11 @@
 .title {
     white-space: nowrap;
 }
+.desktop.desktop.transparentView.transparentView {
+        .title.title {
+            margin-left: var(--secondary-tablist-transparent-gaps);
+        }
+    }
 /* sizes */
 .xxs .title + .title,
     .xxs .skeleton + .skeleton {

package/tabs/moderncssm/components/secondary-tablist/mobile.module.css

@@ -26,6 +26,9 @@
     /* size l */
 
     /* size xl */
+
+    /* default transparent gaps */
+    --secondary-tablist-transparent-gaps: var(--gap-0);
 }
 
 .title {
@@ -36,3 +39,7 @@
     .mobile .skeleton + .skeleton {
         margin-left: var(--secondary-tablist-mobile-gaps);
     }
+
+.mobile.transparentView.transparentView .title {
+        margin-left: var(--secondary-tablist-transparent-gaps);
+    }

package/tabs/moderncssm/components/title/Component.js

@@ -5,10 +5,9 @@ import { Skeleton } from '../../../../skeleton/moderncssm';
 
 const Title = forwardRef(({ id, toggleClassName, title, styles = {}, rightAddons = null, hidden = false, selected = false, disabled = false, collapsed = false, focused = false, isOption = false, showSkeleton = false, skeletonProps, onResize, dataTestId, ...restProps }, ref) => {
     const buttonRef = useRef(null);
-    const titleClassName = {
-        [styles.content]: true,
+    const titleClassName = cn(styles.content, {
         [styles.focused]: focused,
-    };
+    });
     useEffect(() => {
         const resizeObserver = new ResizeObserver(() => {
             if (onResize) {
@@ -31,7 +30,7 @@ const Title = forwardRef(({ id, toggleClassName, title, styles = {}, rightAddons
             [styles.collapsed]: collapsed && !isOption,
             [styles.option]: isOption,
         }, toggleClassName) },
-        showSkeleton ? (React.createElement(Skeleton, { ...skeletonProps, className: cn(titleClassName, skeletonProps?.className), visible: true }, title)) : (React.createElement("span", { className: cn(titleClassName) }, title)),
+        showSkeleton ? (React.createElement(Skeleton, { ...skeletonProps, className: cn(titleClassName, skeletonProps?.className), visible: true }, title)) : (React.createElement("span", { className: titleClassName }, title)),
         rightAddons && (React.createElement("span", { className: cn(styles.rightAddons, {
                 [styles.rightAddonsMarginZero]: !title,
             }) }, rightAddons))));

package/tabs/moderncssm/vars.css

@@ -25,4 +25,6 @@
     /* size l */
 
     /* size xl */
+
+    /* default transparent gaps */
 }

package/tag/components/base-tag/Component.js

@@ -12,13 +12,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"component":"tag__component_1um4r","outlined":"tag__outlined_1um4r","transparent":"tag__transparent_1um4r","filled":"tag__filled_1um4r","checked":"tag__checked_1um4r"};
+var defaultColors = {"component":"tag__component_kx97g","outlined":"tag__outlined_kx97g","transparent":"tag__transparent_kx97g","filled":"tag__filled_kx97g","checked":"tag__checked_kx97g"};
 require('./default.css');
 
-var commonStyles = {"component":"tag__component_12n8o","focused":"tag__focused_12n8o","addons":"tag__addons_12n8o","size-48":"tag__size-48_12n8o","size-56":"tag__size-56_12n8o","size-64":"tag__size-64_12n8o","size-72":"tag__size-72_12n8o","size-32":"tag__size-32_12n8o","size-40":"tag__size-40_12n8o","withRightAddons":"tag__withRightAddons_12n8o","withLeftAddons":"tag__withLeftAddons_12n8o","rounded":"tag__rounded_12n8o","allowBackdropBlur":"tag__allowBackdropBlur_12n8o","outlined":"tag__outlined_12n8o","checked":"tag__checked_12n8o","filled":"tag__filled_12n8o"};
+var commonStyles = {"component":"tag__component_l6lg9","focused":"tag__focused_l6lg9","addons":"tag__addons_l6lg9","size-48":"tag__size-48_l6lg9","size-56":"tag__size-56_l6lg9","size-64":"tag__size-64_l6lg9","size-72":"tag__size-72_l6lg9","size-32":"tag__size-32_l6lg9","size-40":"tag__size-40_l6lg9","withRightAddons":"tag__withRightAddons_l6lg9","withLeftAddons":"tag__withLeftAddons_l6lg9","rounded":"tag__rounded_l6lg9","allowBackdropBlur":"tag__allowBackdropBlur_l6lg9","outlined":"tag__outlined_l6lg9","checked":"tag__checked_l6lg9","filled":"tag__filled_l6lg9"};
 require('./index.css');
 
-var invertedColors = {"component":"tag__component_1cag8","outlined":"tag__outlined_1cag8","transparent":"tag__transparent_1cag8","filled":"tag__filled_1cag8","checked":"tag__checked_1cag8"};
+var invertedColors = {"component":"tag__component_2lko0","outlined":"tag__outlined_2lko0","transparent":"tag__transparent_2lko0","filled":"tag__filled_2lko0","checked":"tag__checked_2lko0"};
 require('./inverted.css');
 
 var colorCommonStyles = {

package/tag/components/base-tag/default.css

@@ -1,4 +1,4 @@
-/* hash: z2edg */
+/* hash: mh0j8 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary: #212124;
@@ -89,54 +89,54 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1um4r.tag__outlined_1um4r {
+} .tag__component_kx97g.tag__outlined_kx97g {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .tag__component_1um4r.tag__outlined_1um4r:disabled {
+    } .tag__component_kx97g.tag__outlined_kx97g:disabled {
             border-color: var(--tag-border-color-disabled);
             color: var(--tag-text-color-disabled);
             background-color: var(--tag-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_1um4r.tag__outlined_1um4r:hover:not(:disabled) {
+            .tag__component_kx97g.tag__outlined_kx97g:hover:not(:disabled) {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .tag__component_1um4r.tag__outlined_1um4r:active:not(:disabled) {
+        } .tag__component_kx97g.tag__outlined_kx97g:active:not(:disabled) {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .tag__component_1um4r.tag__transparent_1um4r {
+        } .tag__component_kx97g.tag__transparent_kx97g {
         color: var(--tag-text-color);
         border-color: var(--tag-transparent-border-color);
         background-color: var(--tag-transparent-background-color)
-    } .tag__component_1um4r.tag__transparent_1um4r:disabled {
+    } .tag__component_kx97g.tag__transparent_kx97g:disabled {
             color: var(--tag-text-color-disabled);
             background-color: var(--tag-transparent-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_1um4r.tag__transparent_1um4r:hover:not(:disabled) {
+            .tag__component_kx97g.tag__transparent_kx97g:hover:not(:disabled) {
                 background-color: var(--tag-transparent-background-color-hover);
             }
-        } .tag__component_1um4r.tag__transparent_1um4r:active:not(:disabled) {
+        } .tag__component_kx97g.tag__transparent_kx97g:active:not(:disabled) {
             background-color: var(--tag-transparent-background-color-active);
-        } .tag__component_1um4r.tag__filled_1um4r {
+        } .tag__component_kx97g.tag__filled_kx97g {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .tag__component_1um4r.tag__filled_1um4r:disabled {
+    } .tag__component_kx97g.tag__filled_kx97g:disabled {
             color: var(--tag-text-color-disabled);
-        } .tag__component_1um4r.tag__checked_1um4r {
+        } .tag__component_kx97g.tag__checked_kx97g {
         color: var(--tag-text-color-checked);
         border-color: var(--tag-border-color-checked);
         background-color: var(--tag-background-color-checked)
-    } .tag__component_1um4r.tag__checked_1um4r:disabled {
+    } .tag__component_kx97g.tag__checked_kx97g:disabled {
             border-color: var(--tag-border-color-checked-disabled);
             color: var(--tag-text-color-checked-disabled);
             background-color: var(--tag-background-color-checked-disabled);
         } @media (hover: hover) {
-            .tag__component_1um4r.tag__checked_1um4r:hover:not(:disabled) {
+            .tag__component_kx97g.tag__checked_kx97g:hover:not(:disabled) {
                 background-color: var(--tag-background-color-checked-hover);
                 border-color: var(--tag-background-color-checked-hover);
             }
-        } .tag__component_1um4r.tag__checked_1um4r:active:not(:disabled) {
+        } .tag__component_kx97g.tag__checked_kx97g:active:not(:disabled) {
             background-color: var(--tag-background-color-checked-active);
             border-color: var(--tag-background-color-checked-active);
         }

package/tag/components/base-tag/index.css

@@ -1,4 +1,4 @@
-/* hash: xixmp */
+/* hash: 62xhd */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-status-info: #2288fa; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -85,7 +85,7 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_12n8o {
+} .tag__component_l6lg9 {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -103,107 +103,107 @@
     cursor: pointer;
     outline: none;
     white-space: nowrap
-} .tag__component_12n8o:disabled {
+} .tag__component_l6lg9:disabled {
         cursor: var(--disabled-cursor);
-    } .tag__focused_12n8o {
+    } .tag__focused_l6lg9 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tag__addons_12n8o {
+} .tag__addons_l6lg9 {
     display: flex;
     flex-shrink: 0;
     align-items: center
-} .tag__addons_12n8o:first-child {
+} .tag__addons_l6lg9:first-child {
         margin-right: 6px;
-    } .tag__addons_12n8o:last-child {
+    } .tag__addons_l6lg9:last-child {
         margin-left: 6px;
-    } .tag__addons_12n8o:only-child {
+    } .tag__addons_l6lg9:only-child {
         margin: var(--gap-0);
-    } .tag__size-48_12n8o .tag__addons_12n8o:first-child, .tag__size-56_12n8o .tag__addons_12n8o:first-child {
+    } .tag__size-48_l6lg9 .tag__addons_l6lg9:first-child, .tag__size-56_l6lg9 .tag__addons_l6lg9:first-child {
         margin-right: var(--gap-8);
-    } .tag__size-48_12n8o .tag__addons_12n8o:last-child, .tag__size-56_12n8o .tag__addons_12n8o:last-child {
+    } .tag__size-48_l6lg9 .tag__addons_l6lg9:last-child, .tag__size-56_l6lg9 .tag__addons_l6lg9:last-child {
         margin-left: var(--gap-8);
-    } .tag__size-64_12n8o .tag__addons_12n8o:first-child, .tag__size-72_12n8o .tag__addons_12n8o:first-child {
+    } .tag__size-64_l6lg9 .tag__addons_l6lg9:first-child, .tag__size-72_l6lg9 .tag__addons_l6lg9:first-child {
         margin-right: var(--gap-12);
-    } .tag__size-64_12n8o .tag__addons_12n8o:last-child, .tag__size-72_12n8o .tag__addons_12n8o:last-child {
+    } .tag__size-64_l6lg9 .tag__addons_l6lg9:last-child, .tag__size-72_l6lg9 .tag__addons_l6lg9:last-child {
         margin-left: var(--gap-12);
-    } .tag__size-32_12n8o {
+    } .tag__size-32_l6lg9 {
     min-width: 52px;
     min-height: var(--size-xxs-height);
     padding: var(--gap-0) var(--gap-12);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-40_12n8o {
+} .tag__size-40_l6lg9 {
     min-width: 64px;
     min-height: var(--size-xs-height);
     padding: var(--gap-0) var(--gap-16);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-48_12n8o {
+} .tag__size-48_l6lg9 {
     min-width: 72px;
     min-height: var(--size-s-height);
     padding: var(--gap-0) var(--gap-20);
     font-size: 16px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-56_12n8o {
+} .tag__size-56_l6lg9 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     min-width: 88px;
     min-height: var(--size-m-height);
     padding: var(--gap-0) var(--gap-24);
-} .tag__size-64_12n8o {
+} .tag__size-64_l6lg9 {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 112px;
     min-height: var(--size-l-height);
     padding: var(--gap-0) 28px;
-} .tag__size-72_12n8o {
+} .tag__size-72_l6lg9 {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 112px;
     min-height: var(--size-xl-height);
     padding: var(--gap-0) var(--gap-32);
-} .tag__withRightAddons_12n8o.tag__size-32_12n8o {
+} .tag__withRightAddons_l6lg9.tag__size-32_l6lg9 {
         padding-right: var(--gap-8);
-    } .tag__withRightAddons_12n8o.tag__size-40_12n8o {
+    } .tag__withRightAddons_l6lg9.tag__size-40_l6lg9 {
         padding-right: var(--gap-12);
-    } .tag__withRightAddons_12n8o.tag__size-48_12n8o {
+    } .tag__withRightAddons_l6lg9.tag__size-48_l6lg9 {
         padding-right: var(--gap-16);
-    } .tag__withRightAddons_12n8o.tag__size-56_12n8o {
+    } .tag__withRightAddons_l6lg9.tag__size-56_l6lg9 {
         padding-right: var(--gap-20);
-    } .tag__withRightAddons_12n8o.tag__size-64_12n8o {
+    } .tag__withRightAddons_l6lg9.tag__size-64_l6lg9 {
         padding-right: var(--gap-24);
-    } .tag__withRightAddons_12n8o.tag__size-72_12n8o {
+    } .tag__withRightAddons_l6lg9.tag__size-72_l6lg9 {
         padding-right: 28px;
-    } .tag__withLeftAddons_12n8o.tag__size-32_12n8o {
+    } .tag__withLeftAddons_l6lg9.tag__size-32_l6lg9 {
         padding-left: var(--gap-8);
-    } .tag__withLeftAddons_12n8o.tag__size-40_12n8o {
+    } .tag__withLeftAddons_l6lg9.tag__size-40_l6lg9 {
         padding-left: var(--gap-12);
-    } .tag__withLeftAddons_12n8o.tag__size-48_12n8o {
+    } .tag__withLeftAddons_l6lg9.tag__size-48_l6lg9 {
         padding-left: var(--gap-16);
-    } .tag__withLeftAddons_12n8o.tag__size-56_12n8o {
+    } .tag__withLeftAddons_l6lg9.tag__size-56_l6lg9 {
         padding-left: var(--gap-20);
-    } .tag__withLeftAddons_12n8o.tag__size-64_12n8o {
+    } .tag__withLeftAddons_l6lg9.tag__size-64_l6lg9 {
         padding-left: var(--gap-24);
-    } .tag__withLeftAddons_12n8o.tag__size-72_12n8o {
+    } .tag__withLeftAddons_l6lg9.tag__size-72_l6lg9 {
         padding-left: 28px;
-    } .tag__rounded_12n8o.tag__size-32_12n8o {
+    } .tag__rounded_l6lg9.tag__size-32_l6lg9 {
         border-radius: var(--tag-rounded-xxs-border-radius);
-    } .tag__rounded_12n8o.tag__size-40_12n8o {
+    } .tag__rounded_l6lg9.tag__size-40_l6lg9 {
         border-radius: var(--tag-rounded-xs-border-radius);
-    } .tag__rounded_12n8o.tag__size-48_12n8o {
+    } .tag__rounded_l6lg9.tag__size-48_l6lg9 {
         border-radius: var(--tag-rounded-s-border-radius);
-    } .tag__rounded_12n8o.tag__size-56_12n8o,
-    .tag__rounded_12n8o.tag__size-64_12n8o,
-    .tag__rounded_12n8o.tag__size-72_12n8o {
+    } .tag__rounded_l6lg9.tag__size-56_l6lg9,
+    .tag__rounded_l6lg9.tag__size-64_l6lg9,
+    .tag__rounded_l6lg9.tag__size-72_l6lg9 {
         border-radius: var(--tag-border-radius);
-    } .tag__allowBackdropBlur_12n8o.tag__outlined_12n8o.tag__checked_12n8o[disabled],
-    .tag__allowBackdropBlur_12n8o.tag__filled_12n8o {
+    } .tag__allowBackdropBlur_l6lg9.tag__outlined_l6lg9.tag__checked_l6lg9[disabled],
+    .tag__allowBackdropBlur_l6lg9.tag__filled_l6lg9 {
         -webkit-backdrop-filter: blur(80px);
                 backdrop-filter: blur(80px);
     }

package/tag/components/base-tag/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1ua2b */
+/* hash: 6u8w6 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary-inverted: #f2f3f5;
@@ -96,54 +96,54 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1cag8.tag__outlined_1cag8 {
+} .tag__component_2lko0.tag__outlined_2lko0 {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .tag__component_1cag8.tag__outlined_1cag8:disabled {
+    } .tag__component_2lko0.tag__outlined_2lko0:disabled {
             border-color: var(--tag-inverted-border-color-disabled);
             color: var(--tag-inverted-text-color-disabled);
             background-color: var(--tag-inverted-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_1cag8.tag__outlined_1cag8:hover:not(:disabled) {
+            .tag__component_2lko0.tag__outlined_2lko0:hover:not(:disabled) {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .tag__component_1cag8.tag__outlined_1cag8:active:not(:disabled) {
+        } .tag__component_2lko0.tag__outlined_2lko0:active:not(:disabled) {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .tag__component_1cag8.tag__transparent_1cag8 {
+        } .tag__component_2lko0.tag__transparent_2lko0 {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-transparent-border-color);
         background-color: var(--tag-inverted-transparent-background-color)
-    } .tag__component_1cag8.tag__transparent_1cag8:disabled {
+    } .tag__component_2lko0.tag__transparent_2lko0:disabled {
             color: var(--tag-inverted-text-color-disabled);
             background-color: var(--tag-inverted-transparent-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_1cag8.tag__transparent_1cag8:hover:not(:disabled) {
+            .tag__component_2lko0.tag__transparent_2lko0:hover:not(:disabled) {
                 background-color: var(--tag-inverted-transparent-background-color-hover);
             }
-        } .tag__component_1cag8.tag__transparent_1cag8:active:not(:disabled) {
+        } .tag__component_2lko0.tag__transparent_2lko0:active:not(:disabled) {
             background-color: var(--tag-inverted-transparent-background-color-active);
-        } .tag__component_1cag8.tag__filled_1cag8 {
+        } .tag__component_2lko0.tag__filled_2lko0 {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .tag__component_1cag8.tag__filled_1cag8:disabled {
+    } .tag__component_2lko0.tag__filled_2lko0:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .tag__component_1cag8.tag__checked_1cag8 {
+        } .tag__component_2lko0.tag__checked_2lko0 {
         color: var(--tag-inverted-text-color-checked);
         border-color: var(--tag-inverted-border-color-checked);
         background-color: var(--tag-inverted-background-color-checked)
-    } .tag__component_1cag8.tag__checked_1cag8:disabled {
+    } .tag__component_2lko0.tag__checked_2lko0:disabled {
             border-color: var(--tag-inverted-border-color-checked-disabled);
             color: var(--tag-inverted-text-color-checked-disabled);
             background-color: var(--tag-inverted-background-color-checked-disabled);
         } @media (hover: hover) {
-            .tag__component_1cag8.tag__checked_1cag8:hover:not(:disabled) {
+            .tag__component_2lko0.tag__checked_2lko0:hover:not(:disabled) {
                 background-color: var(--tag-inverted-background-color-checked-hover);
                 border-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .tag__component_1cag8.tag__checked_1cag8:active:not(:disabled) {
+        } .tag__component_2lko0.tag__checked_2lko0:active:not(:disabled) {
             background-color: var(--tag-inverted-background-color-checked-active);
             border-color: var(--tag-inverted-background-color-checked-active);
         }

package/tag/desktop/Component.desktop.js

@@ -8,13 +8,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"filled":"tag__filled_rkmfg"};
+var defaultColors = {"filled":"tag__filled_a3z7i"};
 require('./default.desktop.css');
 
-var styles = {"rectangular":"tag__rectangular_1ofos","size-32":"tag__size-32_1ofos","size-40":"tag__size-40_1ofos","size-48":"tag__size-48_1ofos","size-56":"tag__size-56_1ofos","size-64":"tag__size-64_1ofos","size-72":"tag__size-72_1ofos"};
+var styles = {"rectangular":"tag__rectangular_6v7yb","size-32":"tag__size-32_6v7yb","size-40":"tag__size-40_6v7yb","size-48":"tag__size-48_6v7yb","size-56":"tag__size-56_6v7yb","size-64":"tag__size-64_6v7yb","size-72":"tag__size-72_6v7yb"};
 require('./desktop.css');
 
-var invertedColors = {"filled":"tag__filled_1qx0f"};
+var invertedColors = {"filled":"tag__filled_19gd7"};
 require('./inverted.desktop.css');
 
 var colorStyles = {