@alfalab/core-components 48.29.0-beta.0 → 48.29.0

package/themes/modern/compiled/mobile-dark-bluetint.js

@@ -1,5 +1,26 @@
 // THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-const mobileDarkBluetint = `.divider__component_xzwm9 {
+const mobileDarkBluetint = `.card-image__cardImage_1gs74 {
+    background: #e7e8ea;
+} .card-image__loaded_1gs74 {
+    background: transparent
+}.backdrop__backdrop_1039g {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_1039g,
+.backdrop__enter_1039g {
+    background-color: transparent;
+} .backdrop__appearActive_1039g,
+.backdrop__enterActive_1039g,
+.backdrop__appearDone_1039g,
+.backdrop__enterDone_1039g {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_1039g {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_1039g,
+.backdrop__exitDone_1039g {
+    background-color: transparent;
+} .backdrop__transparent_1039g.backdrop__transparent_1039g {
+    background-color: transparent;
+}.divider__component_xzwm9 {
     border-bottom: 1px solid #353539;
 }.badge__component_lycng.badge__background-accent_lycng {
         background-color: #f83a2a;
@@ -61,27 +82,6 @@ const mobileDarkBluetint = `.divider__component_xzwm9 {
         background-color: rgba(255, 255, 255, 0.94);
     } .badge__dot_lycng.badge__outlineCount_lycng {
     border: 1px solid rgba(3, 3, 6, 0.88);
-}.card-image__cardImage_1gs74 {
-    background: #e7e8ea;
-} .card-image__loaded_1gs74 {
-    background: transparent
-}.backdrop__backdrop_1039g {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_1039g,
-.backdrop__enter_1039g {
-    background-color: transparent;
-} .backdrop__appearActive_1039g,
-.backdrop__enterActive_1039g,
-.backdrop__appearDone_1039g,
-.backdrop__enterDone_1039g {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_1039g {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_1039g,
-.backdrop__exitDone_1039g {
-    background-color: transparent;
-} .backdrop__transparent_1039g.backdrop__transparent_1039g {
-    background-color: transparent;
 }.dropzone__component_120j4 {
     border: 1px dashed rgba(255, 255, 255, 0.94);
 } .dropzone__component_120j4:not(.dropzone__disabled_120j4):hover {
@@ -1140,15 +1140,7 @@ const mobileDarkBluetint = `.divider__component_xzwm9 {
     color: rgba(3, 3, 6, 0.88);
 } .radio__hint_60par {
     color: rgba(4, 4, 19, 0.55);
-}.spinner__component_1i73d {
-    color: rgba(255, 255, 255, 0.94);
-}
-@keyframes spinner__spin_animation_7erhw {
-}
-.spinner__component_1bn0p {
-    color: rgba(3, 3, 6, 0.88);
 }
-
 .steps__option_wfskf {
     color: rgba(255, 255, 255, 0.94);
     background: rgba(222, 222, 238, 0.13)
@@ -1185,6 +1177,14 @@ const mobileDarkBluetint = `.divider__component_xzwm9 {
     color: rgba(255, 255, 255, 0.94);
     background-color: rgba(255, 255, 255, 0.94);
 }
+.spinner__component_1i73d {
+    color: rgba(255, 255, 255, 0.94);
+}
+@keyframes spinner__spin_animation_7erhw {
+}
+.spinner__component_1bn0p {
+    color: rgba(3, 3, 6, 0.88);
+}
 .page-indicator__element_6kuk6 {
     background: rgba(222, 222, 238, 0.13)
 } .page-indicator__element_6kuk6.page-indicator__active_6kuk6 {
@@ -1360,7 +1360,54 @@ const mobileDarkBluetint = `.divider__component_xzwm9 {
 } .popover__arrow_1vjzx:after {
     background-color: #1c1c1e;
     border: 1px solid transparent;
-}.tag__filled_rkmfg {
+}.typography__tertiary_59u56 {
+    color: rgba(233, 233, 250, 0.37);
+} .typography__disabled_59u56 {
+    color: rgba(231, 231, 248, 0.18);
+} .typography__accent_59u56 {
+    color: #f83a2a;
+} .typography__primary_59u56 {
+    color: rgba(255, 255, 255, 0.94);
+} .typography__attention_59u56 {
+    color: #fa9313;
+} .typography__positive_59u56 {
+    color: #0cc44d;
+} .typography__secondary_59u56 {
+    color: rgba(238, 238, 251, 0.55);
+} .typography__tertiary-inverted_59u56 {
+    color: rgba(5, 8, 29, 0.38);
+} .typography__primary-inverted_59u56 {
+    color: rgba(3, 3, 6, 0.88);
+} .typography__secondary-inverted_59u56 {
+    color: rgba(4, 4, 19, 0.55);
+} .typography__link_59u56 {
+    color: #4a9dfc;
+} .typography__negative_59u56 {
+    color: #ff4837;
+} .typography__static-primary-light_59u56 {
+    color: #fff;
+} .typography__static-secondary-light_59u56 {
+    color: rgba(238, 238, 251, 0.55);
+} .typography__static-tertiary-light_59u56 {
+    color: rgba(233, 233, 250, 0.37);
+} .typography__static-primary-dark_59u56 {
+    color: #0e0e0e;
+} .typography__static-secondary-dark_59u56 {
+    color: rgba(4, 4, 19, 0.55);
+} .typography__static-tertiary-dark_59u56 {
+    color: rgba(5, 8, 29, 0.38);
+} .typography__static-accent_59u56 {
+    color: #ef3124;
+} .typography__static-positive_59u56 {
+    color: #0d9336;
+}
+
+
+
+
+
+
+.tag__filled_rkmfg {
     background-color: rgba(222, 222, 238, 0.13)
 } .tag__filled_rkmfg:disabled {
         background-color: rgba(214, 214, 229, 0.07);
@@ -1384,29 +1431,6 @@ const mobileDarkBluetint = `.divider__component_xzwm9 {
     } .tag__filled_1qx0f:active:not(:disabled) {
         background-color: rgba(5, 11, 44, 0.18);
     }
-.tag__filled_bvmtc {
-    background-color: rgba(214, 214, 229, 0.07)
-} .tag__filled_bvmtc:disabled {
-        background-color: rgba(214, 214, 229, 0.07);
-    } @media (hover: hover) {
-        .tag__filled_bvmtc:hover:not(:disabled) {
-            background-color: rgba(214, 214, 229, 0.07);
-        }
-    } .tag__filled_bvmtc:active:not(:disabled) {
-        background-color: rgba(222, 222, 238, 0.13);
-    }
-.tag__filled_nkxy2 {
-    background-color: rgba(38, 55, 88, 0.06)
-} .tag__filled_nkxy2:disabled {
-        background-color: rgba(38, 55, 88, 0.06);
-    } @media (hover: hover) {
-        .tag__filled_nkxy2:hover:not(:disabled) {
-            background-color: rgba(38, 55, 88, 0.06);
-        }
-    } .tag__filled_nkxy2:active:not(:disabled) {
-        background-color: rgba(5, 12, 41, 0.14);
-    }
-
 .tag__component_1um4r.tag__outlined_1um4r {
         color: rgba(255, 255, 255, 0.94);
         border-color: rgba(228, 228, 251, 0.28);
@@ -1511,53 +1535,29 @@ const mobileDarkBluetint = `.divider__component_xzwm9 {
         } .tag__component_1cag8.tag__checked_1cag8:active:not(:disabled) {
             background-color: #353539;
             border-color: #353539;
-        }.typography__tertiary_59u56 {
-    color: rgba(233, 233, 250, 0.37);
-} .typography__disabled_59u56 {
-    color: rgba(231, 231, 248, 0.18);
-} .typography__accent_59u56 {
-    color: #f83a2a;
-} .typography__primary_59u56 {
-    color: rgba(255, 255, 255, 0.94);
-} .typography__attention_59u56 {
-    color: #fa9313;
-} .typography__positive_59u56 {
-    color: #0cc44d;
-} .typography__secondary_59u56 {
-    color: rgba(238, 238, 251, 0.55);
-} .typography__tertiary-inverted_59u56 {
-    color: rgba(5, 8, 29, 0.38);
-} .typography__primary-inverted_59u56 {
-    color: rgba(3, 3, 6, 0.88);
-} .typography__secondary-inverted_59u56 {
-    color: rgba(4, 4, 19, 0.55);
-} .typography__link_59u56 {
-    color: #4a9dfc;
-} .typography__negative_59u56 {
-    color: #ff4837;
-} .typography__static-primary-light_59u56 {
-    color: #fff;
-} .typography__static-secondary-light_59u56 {
-    color: rgba(238, 238, 251, 0.55);
-} .typography__static-tertiary-light_59u56 {
-    color: rgba(233, 233, 250, 0.37);
-} .typography__static-primary-dark_59u56 {
-    color: #0e0e0e;
-} .typography__static-secondary-dark_59u56 {
-    color: rgba(4, 4, 19, 0.55);
-} .typography__static-tertiary-dark_59u56 {
-    color: rgba(5, 8, 29, 0.38);
-} .typography__static-accent_59u56 {
-    color: #ef3124;
-} .typography__static-positive_59u56 {
-    color: #0d9336;
-}
-
-
-
-
-
-
+        }
+.tag__filled_bvmtc {
+    background-color: rgba(214, 214, 229, 0.07)
+} .tag__filled_bvmtc:disabled {
+        background-color: rgba(214, 214, 229, 0.07);
+    } @media (hover: hover) {
+        .tag__filled_bvmtc:hover:not(:disabled) {
+            background-color: rgba(214, 214, 229, 0.07);
+        }
+    } .tag__filled_bvmtc:active:not(:disabled) {
+        background-color: rgba(222, 222, 238, 0.13);
+    }
+.tag__filled_nkxy2 {
+    background-color: rgba(38, 55, 88, 0.06)
+} .tag__filled_nkxy2:disabled {
+        background-color: rgba(38, 55, 88, 0.06);
+    } @media (hover: hover) {
+        .tag__filled_nkxy2:hover:not(:disabled) {
+            background-color: rgba(38, 55, 88, 0.06);
+        }
+    } .tag__filled_nkxy2:active:not(:disabled) {
+        background-color: rgba(5, 12, 41, 0.14);
+    }
 .sortable-list__primary_1endr {
     background: #262629;
 } .sortable-list__secondary_1endr {
@@ -1808,28 +1808,7 @@ const mobileDarkBluetint = `.divider__component_xzwm9 {
 } .drawer__backdropExitActive_1ckuw,
 .drawer__backdropExitDone_1ckuw {
     background-color: transparent;
-}.pagination__component_olpka {
-    color: rgba(255, 255, 255, 0.94);
-}
-.pagination__dots_fphlc {
-    color: rgba(238, 238, 251, 0.55);
-}
-
-button.pagination__tag_1ofcz.pagination__tag_1ofcz {
-    color: rgba(238, 238, 251, 0.55)
-} button.pagination__tag_1ofcz.pagination__tag_1ofcz:hover:not(:disabled) {
-        background-color: rgba(214, 214, 229, 0.07);
-        color: rgba(255, 255, 255, 0.94);
-    } button.pagination__tag_1ofcz.pagination__tag_1ofcz:active:not(:disabled) {
-        background-color: rgba(225, 225, 248, 0.09);
-    } button.pagination__tag_1ofcz.pagination__tag_1ofcz.pagination__checked_1ofcz {
-        background-color: #f2f3f5;
-        color: rgba(3, 3, 6, 0.88);
-    } button.pagination__tag_1ofcz.pagination__tag_1ofcz.pagination__checked_1ofcz:hover:not(:disabled) {
-        color: rgba(3, 3, 6, 0.88);
-    } button.pagination__tag_1ofcz.pagination__tag_1ofcz.pagination__checked_1ofcz:active:not(:disabled) {
-        color: rgba(255, 255, 255, 0.94);
-    }.button__primary_jglzm {
+}.button__primary_jglzm {
     color: rgba(3, 3, 6, 0.88);
     background-color: #f2f3f5
 } @media (hover: hover) {
@@ -2313,7 +2292,28 @@ button.pagination__tag_1ofcz.pagination__tag_1ofcz {
             color: rgba(3, 3, 6, 0.88);
         } .button__component_1e45q[disabled].button__ghost_1e45q.button__loading_1e45q {
             color: rgba(3, 3, 6, 0.88);
-        }.circular-progress-bar__component_1y0rd.circular-progress-bar__bg-positive_1y0rd {
+        }.pagination__component_olpka {
+    color: rgba(255, 255, 255, 0.94);
+}
+.pagination__dots_fphlc {
+    color: rgba(238, 238, 251, 0.55);
+}
+
+button.pagination__tag_1ofcz.pagination__tag_1ofcz {
+    color: rgba(238, 238, 251, 0.55)
+} button.pagination__tag_1ofcz.pagination__tag_1ofcz:hover:not(:disabled) {
+        background-color: rgba(214, 214, 229, 0.07);
+        color: rgba(255, 255, 255, 0.94);
+    } button.pagination__tag_1ofcz.pagination__tag_1ofcz:active:not(:disabled) {
+        background-color: rgba(225, 225, 248, 0.09);
+    } button.pagination__tag_1ofcz.pagination__tag_1ofcz.pagination__checked_1ofcz {
+        background-color: #f2f3f5;
+        color: rgba(3, 3, 6, 0.88);
+    } button.pagination__tag_1ofcz.pagination__tag_1ofcz.pagination__checked_1ofcz:hover:not(:disabled) {
+        color: rgba(3, 3, 6, 0.88);
+    } button.pagination__tag_1ofcz.pagination__tag_1ofcz.pagination__checked_1ofcz:active:not(:disabled) {
+        color: rgba(255, 255, 255, 0.94);
+    }.circular-progress-bar__component_1y0rd.circular-progress-bar__bg-positive_1y0rd {
         background: #17d055;
     } .circular-progress-bar__component_1y0rd.circular-progress-bar__bg-negative_1y0rd {
         background: #ff4837;
@@ -2785,7 +2785,6 @@ button.pagination__tag_1ofcz.pagination__tag_1ofcz {
 } .navigation-bar__subtitle_w2agi {
     color: rgba(238, 238, 251, 0.55);
 }
-
 .navigation-bar__iconWrapper_c9qty {
     background: rgba(214, 214, 229, 0.07)
 } .navigation-bar__iconWrapper_c9qty.navigation-bar__back_c9qty {
@@ -2796,7 +2795,8 @@ button.pagination__tag_1ofcz.pagination__tag_1ofcz {
             fill: rgba(239, 240, 252, 0.65);
         } .navigation-bar__floating_c9qty:active path {
             fill: rgba(243, 245, 254, 0.75);
-        }.pass-code-v1__message_9hthb {
+        }
+.pass-code-v1__message_9hthb {
     color: rgba(255, 255, 255, 0.94);
 } .pass-code-v1__error_9hthb {
     color: #ff4837;
@@ -3831,6 +3831,9 @@ button.pagination__tag_1ofcz.pagination__tag_1ofcz {
 }.intl-phone-input__emptyCountryIcon_xtqma {
     color: #898991;
 }
+.intl-phone-input__flagPlaceholder_4a79x {
+    background-color: rgba(222, 222, 238, 0.13);
+}
 .intl-phone-input__dialCode_1jpg8 {
     color: rgba(238, 238, 251, 0.55);
 }
@@ -3839,9 +3842,6 @@ button.pagination__tag_1ofcz.pagination__tag_1ofcz {
 } .intl-phone-input__focusVisible_1rqb6 {
     outline: 2px solid #3193fc;
 }
-.intl-phone-input__flagPlaceholder_4a79x {
-    background-color: rgba(222, 222, 238, 0.13);
-}
 .international-phone-input__dialCode_qc1lu {
     color: rgba(238, 238, 251, 0.55);
 } .international-phone-input__emptyCountryIcon_qc1lu {

package/typography/cssm/text/alfasans-index.module.css

@@ -50,7 +50,9 @@
                 letter-spacing: -0.36px;
                 font-family: var(--font-family-alfasans)
             } .text.primary-large.bold {
+                    letter-spacing: 0.38px;
                 } .text.primary-large.medium {
+                    letter-spacing: 0.17px;
                 } .text.primary-medium {
                 /* prettier-ignore */
                 font-size: 16px;
@@ -59,7 +61,9 @@
                 letter-spacing: -0.24px;
                 font-family: var(--font-family-alfasans)
             } .text.primary-medium.bold {
+                    letter-spacing: 0.43px;
                 } .text.primary-medium.medium {
+                    letter-spacing: 0.17px;
                 } .text.primary-small {
                 /* prettier-ignore */
                 font-size: 14px;
@@ -68,7 +72,9 @@
                 letter-spacing: -0.08px;
                 font-family: var(--font-family-alfasans)
             } .text.primary-small.bold {
+                    letter-spacing: 0.47px;
                 } .text.primary-small.medium {
+                    letter-spacing: 0.27px;
                 } .text.component-primary {
             font-size: 16px;
             line-height: 20px;
@@ -76,7 +82,9 @@
             letter-spacing: -0.24px;
             font-family: var(--font-family-alfasans)
         } .text.component-primary.bold {
+                letter-spacing: 0.43px;
             } .text.component-primary.medium {
+                letter-spacing: 0.17px;
             } .text.secondary-large {
                 /* prettier-ignore */
                 font-size: 13px;
@@ -85,7 +93,9 @@
                 letter-spacing: 0;
                 font-family: var(--font-family-alfasans)
             } .text.secondary-large.bold {
+                    letter-spacing: 0.54px;
                 } .text.secondary-large.medium {
+                    letter-spacing: 0.33px;
                 } .text.secondary-medium {
                 /* prettier-ignore */
                 font-size: 12px;
@@ -94,7 +104,9 @@
                 letter-spacing: 0.06px;
                 font-family: var(--font-family-alfasans)
             } .text.secondary-medium.bold {
+                    letter-spacing: 0.57px;
                 } .text.secondary-medium.medium {
+                    letter-spacing: 0.38px;
                 } .text.secondary-small {
                 /* prettier-ignore */
                 font-size: 11px;
@@ -103,7 +115,9 @@
                 letter-spacing: 0.15px;
                 font-family: var(--font-family-alfasans)
             } .text.secondary-small.bold {
+                    letter-spacing: 0.54px;
                 } .text.secondary-small.medium {
+                    letter-spacing: 0.41px;
                 } .text.component-secondary {
             font-size: 14px;
             line-height: 18px;
@@ -111,7 +125,9 @@
             letter-spacing: -0.08px;
             font-family: var(--font-family-alfasans)
         } .text.component-secondary.bold {
+                letter-spacing: 0.47px;
             } .text.component-secondary.medium {
+                letter-spacing: 0.27px;
             } .text.bold {
             font-weight: 700;
         } .text.medium {

package/typography/cssm/title/alfasans-index.module.css

@@ -29,7 +29,6 @@
         letter-spacing: 0.1px;
         font-family: var(--font-family-alfasans)
     } .alfasans-xlarge.systemCompat {
-            line-height: 52px;
         } .alfasans-large {
         font-size: 40px;
         line-height: 48px;
@@ -44,9 +43,6 @@
         letter-spacing: 0.3px;
         font-family: var(--font-family-alfasans)
     } .alfasans-medium.systemCompat {
-            font-size: 30px;
-            line-height: 36px;
-            letter-spacing: 0.1px;
         } .alfasans-small {
         font-size: 24px;
         line-height: 32px;
@@ -54,9 +50,6 @@
         letter-spacing: 0.39px;
         font-family: var(--font-family-alfasans)
     } .alfasans-small.systemCompat {
-            font-size: 22px;
-            line-height: 26px;
-            letter-spacing: 0.2px;
         } .alfasans-xsmall {
         font-size: 20px;
         line-height: 24px;
@@ -64,7 +57,4 @@
         letter-spacing: 0.33px;
         font-family: var(--font-family-alfasans)
     } .alfasans-xsmall.systemCompat {
-            font-size: 18px;
-            line-height: 22px;
-            letter-spacing: 0.38px;
         }

package/typography/esm/component.js

@@ -7,11 +7,11 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../skeleton/esm';
-import './colors.module-6480b19c.js';
+import './colors.module-3402e6f2.js';
 import './title/component.js';
 import '../../shared/esm';
 import './title/utils.js';
-import './common.module-c196f644.js';
+import './common.module-fc79c24d.js';
 import '../../mq/esm';
 
 var Typography = {

package/typography/esm/index.js

@@ -9,9 +9,9 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../skeleton/esm';
-import './colors.module-6480b19c.js';
+import './colors.module-3402e6f2.js';
 import './title/component.js';
 import '../../shared/esm';
 import './title/utils.js';
-import './common.module-c196f644.js';
+import './common.module-fc79c24d.js';
 import '../../mq/esm';

package/typography/esm/text/component.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../../../skeleton/esm';
-import { c as colors } from '../colors.module-6480b19c.js';
+import { c as colors } from '../colors.module-3402e6f2.js';
 
 var alfasansStyles = {"text":"typography__text_b0v7j","component":"typography__component_b0v7j","caps":"typography__caps_b0v7j","tagline":"typography__tagline_b0v7j","primary-large":"typography__primary-large_b0v7j","bold":"typography__bold_b0v7j","medium":"typography__medium_b0v7j","primary-medium":"typography__primary-medium_b0v7j","primary-small":"typography__primary-small_b0v7j","component-primary":"typography__component-primary_b0v7j","secondary-large":"typography__secondary-large_b0v7j","secondary-medium":"typography__secondary-medium_b0v7j","secondary-small":"typography__secondary-small_b0v7j","component-secondary":"typography__component-secondary_b0v7j"};
 require('./alfasans-index.css');

package/typography/esm/text/index.js

@@ -4,4 +4,4 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../skeleton/esm';
-import '../colors.module-6480b19c.js';
+import '../colors.module-3402e6f2.js';

package/typography/esm/title/component.d.ts

@@ -80,7 +80,7 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
     /**
      * Цвет текста
      */
-    color?: "link" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
     /**
      * Толщина шрифта
      */

package/typography/esm/title/component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { isObject } from '../../../shared/esm';
 import { useSkeleton } from '../../../skeleton/esm';
 import { getDefaultWeight } from './utils.js';
-import { c as colors } from '../colors.module-6480b19c.js';
+import { c as colors } from '../colors.module-3402e6f2.js';
 
 var TitleBase = forwardRef(function (_a, ref) {
     var _b;

package/typography/esm/title/index.d.ts

@@ -4,7 +4,7 @@ import { TitleProps } from "./component";
 declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
-    color?: "link" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
     weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
     font?: "alfasans" | "styrene" | "system" | {
         font: "alfasans";

package/typography/esm/title/index.js

@@ -1,13 +1,13 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-c196f644.js';
+import { c as commonStyles } from '../common.module-fc79c24d.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../shared/esm';
 import '../../../skeleton/esm';
 import './utils.js';
-import '../colors.module-6480b19c.js';
+import '../colors.module-3402e6f2.js';
 
 var alfasansStyles = {"alfasans-xlarge":"typography__alfasans-xlarge_1vi7i","systemCompat":"typography__systemCompat_1vi7i","alfasans-large":"typography__alfasans-large_1vi7i","alfasans-medium":"typography__alfasans-medium_1vi7i","alfasans-small":"typography__alfasans-small_1vi7i","alfasans-xsmall":"typography__alfasans-xsmall_1vi7i"};
 require('./alfasans-index.css');

package/typography/esm/title-mobile/component.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
-    color?: "link" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
     weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
     font?: "alfasans" | "styrene" | "system" | {
         font: "alfasans";

package/typography/esm/title-mobile/component.js

@@ -1,13 +1,13 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-c196f644.js';
+import { c as commonStyles } from '../common.module-fc79c24d.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../shared/esm';
 import '../../../skeleton/esm';
 import '../title/utils.js';
-import '../colors.module-6480b19c.js';
+import '../colors.module-3402e6f2.js';
 
 var alfasansStyles = {"alfasans-xlarge":"typography__alfasans-xlarge_hq21q","systemCompat":"typography__systemCompat_hq21q","alfasans-large":"typography__alfasans-large_hq21q","alfasans-medium":"typography__alfasans-medium_hq21q","alfasans-small":"typography__alfasans-small_hq21q","alfasans-xsmall":"typography__alfasans-xsmall_hq21q"};
 require('./alfasans-index.css');

package/typography/esm/title-mobile/index.js

@@ -7,5 +7,5 @@ import 'classnames';
 import '../../../shared/esm';
 import '../../../skeleton/esm';
 import '../title/utils.js';
-import '../colors.module-6480b19c.js';
-import '../common.module-c196f644.js';
+import '../colors.module-3402e6f2.js';
+import '../common.module-fc79c24d.js';

package/typography/esm/title-responsive/component.d.ts

@@ -15,7 +15,7 @@ type TitleResponsiveProps = TitleProps & {
 declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
-    color?: "link" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
     weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
     font?: "alfasans" | "styrene" | "system" | {
         font: "alfasans";

package/typography/esm/title-responsive/component.js

@@ -9,8 +9,8 @@ import 'classnames';
 import '../../../shared/esm';
 import '../../../skeleton/esm';
 import '../title/utils.js';
-import '../colors.module-6480b19c.js';
-import '../common.module-c196f644.js';
+import '../colors.module-3402e6f2.js';
+import '../common.module-fc79c24d.js';
 
 var TitleResponsive = forwardRef(function (_a, ref) {
     var breakpoint = _a.breakpoint, client = _a.client, restProps = __rest(_a, ["breakpoint", "client"]);

package/typography/esm/title-responsive/index.js

@@ -9,6 +9,6 @@ import 'classnames';
 import '../../../shared/esm';
 import '../../../skeleton/esm';
 import '../title/utils.js';
-import '../colors.module-6480b19c.js';
-import '../common.module-c196f644.js';
+import '../colors.module-3402e6f2.js';
+import '../common.module-fc79c24d.js';
 import '../title-mobile/component.js';

package/typography/modern/component.js

@@ -6,11 +6,11 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../skeleton/modern';
-import './colors.module-65f75aa0.js';
+import './colors.module-12f10f6b.js';
 import './title/component.js';
 import '../../shared/modern';
 import './title/utils.js';
-import './common.module-6d356124.js';
+import './common.module-729dbbfd.js';
 import '../../mq/modern';
 
 const Typography = {

package/typography/modern/index.js

@@ -8,9 +8,9 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../skeleton/modern';
-import './colors.module-65f75aa0.js';
+import './colors.module-12f10f6b.js';
 import './title/component.js';
 import '../../shared/modern';
 import './title/utils.js';
-import './common.module-6d356124.js';
+import './common.module-729dbbfd.js';
 import '../../mq/modern';