@salutejs-ds/sdds_sbcom 0.1.17 → 0.1.18

package/css/sdds_sbcom__light.css

@@ -1,51 +1,12 @@
 /* Generated by robots, do not change this manually! */
 
 :root {
-  --on-light-outline-primary-hover: #ADA39FFF;
-  --inverse-outline-default-active: #292929FF;
-  --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;
-  --inverse-personas-violet-text-accent-active: #D982E8FF;
-  --on-light-outline-default-hover: #CCCCCCFF;
-  --on-dark-outline-default-active: #292929FF;
   --on-dark-outline-default-hover: #666666FF;
-  --personas-green-text-accent-hover: #8CDECAFF;
-  --personas-sea-blue-text-accent-hover: #000000FF;
-  --inverse-surface-accent-secondary-hover: #70CDB7FF;
-  --surface-transparent-navi-active: #FFFFFFAD;
-  --on-light-surface-transparent-accent-minor-active: #0BA88852;
-  --on-light-personas-green-text-accent-active: #04AF87FF;
-  --outline-default-active: #6B6B6BFF;
-  --on-dark-outline-primary-active: #2B2827FF;
-  --personas-olive-text-accent-active: #179315FF;
-  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
-  --on-light-personas-violet-text-accent-active: #81288FFF;
-  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
-  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
-  --on-light-personas-pink-text-accent-hover: #E47777FF;
   --surface-accent-secondary-hover: #50C3A8FF;
-  --personas-indigo-text-accent-hover: #000000FF;
-  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
-  --on-light-outline-primary: #DDD9D7;
-  --inverse-outline-default: #383838;
-  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
-  --on-light-personas-indigo-text-accent-hover: #000000FF;
-  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
-  --personas-ochre-text-accent-active: #AA4A0EFF;
-  --inverse-background-hardline: #FFFFFF;
-  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
-  --surface-transparent-navi: #FFFFFF99;
-  --personas-violet-text-accent-active: #D679E6FF;
-  --personas-blue-text-accent-hover: #1477E1FF;
-  --outline-default: #383838;
-  --text-primary-brightness-active: #171717C4;
   --surface-transparent-card-brightness-hover: #FFFFFFFF;
-  --surface-solid-card-brightness-hover: #FFFFFFFF;
   --surface-transparent-card-brightness-active: #FFFFFFFF;
-  --surface-solid-card-brightness-active: #FFFFFFFF;
-  --surface-solid-primary-brightness-hover: #FFFFFFFF;
   --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
   --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
-  --on-dark-surface-solid-card-brightness-active: #212121FF;
   --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
   --on-dark-surface-solid-card-brightness-hover: #303030FF;
   --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
@@ -69,14 +30,13 @@
   --on-dark-surface-accent-minor-active: #043F34FF;
   --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
   --on-light-outline-positive-active: #20801EFF;
-  --outline-primary: #3B3735;
+  --outline-primary: #DDD9D7;
   --inverse-surface-solid-tertiary: #474747;
   --inverse-personas-green-text-accent: #038768;
   --surface-accent-secondary: #41BDA1;
   --surface-accent-minor: #D0F2E9;
   --on-dark-surface-accent-secondary: #61C8B0;
   --on-dark-personas-indigo-text-accent: #BD91F5;
-  --light-background-secondary: #F6F2F0;
   --on-dark-surface-solid-tertiary-active: #424242FF;
   --on-light-surface-accent-minor: #D0F2E9;
   --on-light-personas-ochre-text-accent: #D15A11;
@@ -94,7 +54,6 @@
   --personas-ochre-text-accent: #D15A11;
   --on-light-surface-transparent-navi: #FFFFFF99;
   --inverse-personas-blue-text-accent-active: #5DA3EFFF;
-  --light-background-hardline: #FFFFFF;
   --on-light-text-warning-active: #6F2D06FF;
   --inverse-personas-olive-text-accent-hover: #A6D4A5FF;
   --on-light-surface-transparent-navi-active: #FFFFFFAD;
@@ -119,7 +78,7 @@
   --personas-ochre-text-accent-hover: #ED6C1DFF;
   --inverse-personas-pink-text-accent-active: #D83B3BFF;
   --on-light-surface-transparent-navi-hover: #FFFFFFA8;
-  --outline-primary-active: #706966FF;
+  --outline-primary-active: #C4BEBAFF;
   --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
   --on-light-personas-green-text-accent: #038768;
   --inverse-surface-accent-secondary-active: #59C5ACFF;
@@ -134,10 +93,9 @@
   --on-light-personas-green-text-accent-hover: #04D7A6FF;
   --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
   --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
-  --outline-primary-hover: #B6B1AFFF;
+  --outline-primary-hover: #ADA39FFF;
   --surface-transparent-accent-minor-active: #0BA88852;
   --surface-transparent-navi-hover: #FFFFFFA8;
-  --outline-default-hover: #B3B3B3FF;
   --inverse-outline-default-hover: #666666FF;
   --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
   --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
@@ -170,13 +128,11 @@
   --personas-violet-text-accent-hover: #EBBEF3FF;
   --inverse-personas-blue-text-accent: #79B3F2;
   --inverse-personas-olive-text-accent-active: #7DC07CFF;
-  --inverse-personas-sea-blue-text-accent: #00898D;
   --inverse-surface-solid-card-brightness-hover: #303030FF;
   --inverse-surface-transparent-accent-minor: #0BA6863D;
   --on-dark-surface-solid-primary-brightness-hover: #303030FF;
   --on-dark-surface-transparent-navi: #23232399;
   --inverse-text-primary-brightness-hover: #FAFAFA93;
-  --dark-background-hardline: #000000;
   --background-hardline: #FFFFFF;
   --inverse-outline-primary: #3B3735;
   --on-dark-outline-default: #383838;
@@ -202,14 +158,12 @@
   --surface-transparent-accent-minor-hover: #0BA8884D;
   --inverse-surface-transparent-navi-active: #2424248A;
   --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
-  --inverse-outline-primary-active: #2B2827FF;
   --on-light-personas-indigo-text-accent: #7133BE;
   --on-dark-surface-solid-primary-brightness-active: #212121FF;
   --on-dark-surface-transparent-accent-minor-active: #0BA88838;
   --on-light-surface-accent-secondary-active: #3CAF94FF;
   --inverse-personas-green-text-accent-hover: #04C396FF;
   --on-light-personas-indigo-text-accent-active: #5B2999FF;
-  --outline-transparent-white: #FFFFFF66;
   --outline-transparent-white-active: #FFFFFFA3;
   --outline-transparent-white-hover: #FFFFFF3D;
   --inverse-outline-deep: #777675;
@@ -255,8 +209,6 @@
   --outline-deep-hover: #CAC9C9FF;
   --on-light-outline-transparent-white-active: #FFFFFFA3;
   --on-light-outline-transparent-white-hover: #FFFFFF3D;
-  --outline-deep: #A1A09F;
-  --inverse-outline-transparent-white-active: #FFFFFF49;
   --text-positive-active: #185E17FF;
   --text-positive-hover: #29A027FF;
   --text-primary-active: #15110FCA;
@@ -285,7 +237,6 @@
   --text-tertiary: #15110F3D;
   --text-accent: #0A8E73;
   --text-accent-active: #076955FF;
-  --text-accent-hover: #0DB593FF;
   --on-dark-text-accent-minor-active: #60C7AF93;
   --on-dark-text-info-active: #53A3F3FF;
   --on-dark-text-info: #70B2F5;
@@ -296,10 +247,7 @@
   --on-dark-text-tertiary: #F6F2F03D;
   --on-dark-text-secondary-hover: #F5F1EFFF;
   --on-dark-text-primary: #FFFFFFFC;
-  --on-dark-text-accent: #61C8B0;
   --on-dark-text-accent-hover: #77CFBBFF;
-  --on-dark-text-accent-active: #4ABFA4FF;
-  --on-dark-text-paragraph-active: #F5F1EF93;
   --on-dark-text-positive: #50A84C;
   --on-dark-text-paragraph-hover: #F5F1EFFF;
   --on-dark-text-negative-active: #F3626AFF;
@@ -342,7 +290,6 @@
   --on-light-text-accent-hover: #0DB593FF;
   --on-light-text-negative-active: #AF181DFF;
   --on-light-text-negative-hover: #E3353BFF;
-  --inverse-text-accent: #61C8B0;
   --inverse-text-secondary-hover: #F5F1EFFF;
   --inverse-text-secondary: #F6F2F0A3;
   --inverse-text-secondary-active: #F5F1EFC4;
@@ -366,8 +313,6 @@
   --inverse-text-accent-hover: #77CFBBFF;
   --inverse-text-accent-minor: #61C8B07A;
   --inverse-text-negative: #F57E83;
-  --surface-solid-primary-brightness: #FFFFFFFF;
-  --surface-solid-primary-active: #FFFFFFFF;
   --inverse-text-positive-active: #469442FF;
   --inverse-text-positive-hover: #62B65DFF;
   --inverse-text-negative-active: #F3626AFF;
@@ -386,7 +331,6 @@
   --inverse-text-warning-active: #C45D21FF;
   --inverse-text-positive: #50A84C;
   --surface-solid-primary-hover: #FFFFFFFF;
-  --surface-accent: #0BA686;
   --surface-accent-hover: #0CBB98FF;
   --surface-accent-active: #099579FF;
   --surface-transparent-primary-active: #15110F0F;
@@ -399,7 +343,6 @@
   --surface-solid-card-active: #FFFFFFFF;
   --surface-solid-card-hover: #FFFFFFFF;
   --surface-solid-card-brightness: #FFFFFFFF;
-  --surface-accent-minor-hover: #C7F0E5FF;
   --surface-clear-active: #15110F00;
   --surface-clear: #15110F00;
   --surface-solid-card: #FFFFFF;
@@ -408,7 +351,6 @@
   --surface-transparent-card-hover: #FFFFFFC2;
   --surface-transparent-card-brightness: #FFFFFFFF;
   --surface-solid-default-active: #090706FF;
-  --surface-solid-default: #15110F;
   --surface-solid-default-hover: #271F1CFF;
   --surface-transparent-accent-active: #0BA88833;
   --surface-transparent-card: #FFFFFFB3;
@@ -418,7 +360,6 @@
   --surface-transparent-accent: #0BA6861F;
   --surface-transparent-secondary-hover: #15110F1A;
   --surface-transparent-tertiary-active: #15110F33;
-  --surface-accent-minor-active: #BFEDE1FF;
   --surface-transparent-tertiary-hover: #15110F2E;
   --surface-positive-active: #20801EFF;
   --surface-positive-hover: #28A126FF;
@@ -431,7 +372,6 @@
   --surface-warning-active: #AD460BFF;
   --surface-info-active: #326CAEFF;
   --surface-negative: #E83439;
-  --surface-info: #3776BC;
   --surface-transparent-negative-active: #E9353B3D;
   --surface-transparent-negative-hover: #E9353B38;
   --surface-transparent-negative: #E8343929;
@@ -474,7 +414,6 @@
   --on-dark-surface-transparent-card-active: #383838A8;
   --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
   --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
-  --on-dark-surface-accent-minor: #04473B;
   --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
   --on-dark-surface-positive-active: #9FCF9BFF;
   --on-dark-surface-positive-hover: #B3D9B0FF;
@@ -515,7 +454,6 @@
   --on-light-surface-transparent-deep: #A1A09FA3;
   --on-light-surface-transparent-primary: #15110F0A;
   --on-light-surface-transparent-deep-active: #A2A1A0B8;
-  --on-light-surface-transparent-deep-hover: #A2A1A0B3;
   --on-light-surface-solid-card-active: #FFFFFFFF;
   --on-light-surface-solid-card-hover: #FFFFFFFF;
   --on-light-surface-solid-card-brightness: #FFFFFFFF;
@@ -531,9 +469,7 @@
   --on-light-surface-transparent-tertiary: #15110F1F;
   --on-light-surface-transparent-card-brightness: #FFFFFFFF;
   --on-light-surface-transparent-card: #FFFFFFB3;
-  --on-light-surface-transparent-secondary-hover: #15110F1A;
   --on-light-surface-transparent-tertiary-active: #15110F33;
-  --on-light-surface-clear: #FFFFFF00;
   --on-light-surface-transparent-tertiary-hover: #15110F2E;
   --on-light-surface-info: #3776BC;
   --on-light-surface-positive-active: #20801EFF;
@@ -555,16 +491,13 @@
   --on-light-surface-read-only-active: #FAFAFA08;
   --on-light-surface-transparent-negative: #E8343929;
   --inverse-surface-solid-secondary: #292929;
-  --inverse-surface-solid-secondary-active: #242424FF;
   --inverse-surface-solid-secondary-hover: #333333FF;
   --on-light-surface-read-only-hover: #FAFAFA05;
   --on-light-surface-read-only: #F9F9F903;
   --inverse-surface-solid-primary-brightness: #262626FF;
-  --inverse-surface-solid-primary: #232323;
   --inverse-surface-solid-primary-active: #1F1F1FFF;
   --inverse-surface-solid-primary-hover: #2E2E2EFF;
   --inverse-surface-transparent-tertiary-hover: #FFFFFF5C;
-  --inverse-surface-accent: #0BA686;
   --inverse-surface-clear-active: #FFFFFF00;
   --inverse-surface-clear: #FFFFFF00;
   --inverse-surface-transparent-primary-active: #FFFFFF0F;
@@ -580,7 +513,6 @@
   --inverse-surface-solid-card: #232323;
   --inverse-surface-transparent-card-brightness: #FAFAFA0F;
   --inverse-surface-transparent-card-hover: #383838D6;
-  --inverse-surface-solid-default: #F6F2F0;
   --inverse-surface-solid-default-active: #F2ECE9FF;
   --inverse-surface-solid-tertiary-active: #424242FF;
   --inverse-surface-transparent-card-active: #383838A8;
@@ -594,8 +526,6 @@
   --inverse-surface-clear-hover: #FFFFFF00;
   --inverse-surface-warning-active: #F8A977FF;
   --inverse-surface-warning-hover: #F9BB94FF;
-  --inverse-surface-accent-active: #0A9E81FF;
-  --inverse-surface-accent-minor-active: #043F34FF;
   --inverse-surface-accent-hover: #0CBB98FF;
   --inverse-surface-positive-active: #9FCF9BFF;
   --inverse-surface-positive-hover: #B3D9B0FF;
@@ -621,28 +551,25 @@
   --inverse-surface-read-only-hover: #FAFAFA0F;
   --inverse-surface-read-only: #F9F9F905;
   --dark-background-tertiary: #141413;
-  --dark-background-primary: #141413;
   --background-primary: #EBE7E5;
   --on-dark-overlay-soft: #0000001F;
-  --on-dark-overlay-hard: #00000029;
+  --on-dark-overlay-hard: #00000066;
   --outline-transparent-primary-active: #15110F62;
   --outline-transparent-primary: #15110F3D;
   --outline-transparent-primary-hover: #15110F25;
-  --overlay-hard: #00000052;
+  --overlay-hard: #000000CC;
   --overlay-soft: #0000003D;
-  --on-light-overlay-hard: #00000052;
+  --on-light-overlay-hard: #000000CC;
   --inverse-overlay-soft: #0000001F;
   --on-light-overlay-soft: #0000003D;
-  --inverse-overlay-hard: #00000029;
+  --inverse-overlay-hard: #00000066;
   --outline-clear: #FFFFFF00;
   --inverse-background-tertiary: #141413;
   --inverse-background-secondary: #0F0F0F;
   --light-background-tertiary: #FFFFFF;
-  --inverse-background-primary: #141413;
   --outline-positive: #239322;
   --outline-negative: #E83439;
   --outline-accent-hover: #0ED8AFFF;
-  --outline-accent: #0BA686;
   --outline-accent-active: #088169FF;
   --outline-positive-active: #20801EFF;
   --outline-positive-hover: #32CA2FFF;
@@ -667,7 +594,6 @@
   --on-dark-outline-positive: #A6D2A2;
   --on-dark-outline-negative-hover: #F25A5FFF;
   --on-dark-outline-accent-hover: #0EE1B7FF;
-  --on-dark-outline-accent-active: #099579FF;
   --on-dark-outline-clear: #FFFFFF00;
   --on-dark-outline-info-hover: #E7F2FDFF;
   --on-dark-outline-info-active: #7EBAF6FF;
@@ -685,7 +611,6 @@
   --on-light-outline-transparent-primary-hover: #15110F25;
   --on-light-outline-accent-hover: #0ED8AFFF;
   --on-light-outline-positive: #239322;
-  --on-light-outline-accent: #0BA686;
   --on-light-outline-accent-active: #088169FF;
   --on-light-outline-clear-active: #FFFFFF00;
   --on-light-outline-negative-active: #DC181FFF;
@@ -697,14 +622,12 @@
   --on-light-outline-info: #3776BC;
   --on-light-outline-info-active: #3067A6FF;
   --inverse-outline-accent-active: #099579FF;
-  --inverse-outline-accent: #0BA686;
   --inverse-outline-clear: #FFFFFF00;
   --inverse-outline-clear-active: #FFFFFF00;
   --inverse-outline-clear-hover: #FFFFFF00;
   --inverse-outline-transparent-primary-hover: #FFFFFF4D;
   --inverse-outline-transparent-primary: #FFFFFF1F;
   --inverse-outline-transparent-primary-active: #FFFFFF12;
-  --inverse-outline-accent-hover: #0EE1B7FF;
   --inverse-outline-positive: #A6D2A2;
   --inverse-outline-negative: #F8A6A9;
   --inverse-outline-info-hover: #E7F2FDFF;
@@ -721,12 +644,92 @@
   --on-dark-surface-solid-default: #F6F2F0;
   --on-light-surface-accent-minor-active: #BFEDE1FF;
   --text-primary-hover: #15110F97;
+  --dark-background-primary: #141413;
+  --inverse-background-hardline: #FFFFFF;
+  --inverse-background-primary: #141413;
+  --light-background-hardline: #FFFFFF;
+  --light-background-secondary: #F6F2F0;
+  --outline-accent: #0BA686;
+  --outline-deep: #A1A09F;
+  --outline-default: #ffffff;
+  --outline-default-active: #E6E6E6FF;
+  --outline-default-hover: #CCCCCCFF;
+  --outline-transparent-white: #FFFFFF66;
+  --inverse-outline-accent: #0BA686;
+  --inverse-outline-accent-hover: #0EE1B7FF;
+  --inverse-outline-default: #383838;
+  --inverse-outline-default-active: #292929FF;
+  --on-light-outline-default-hover: #CCCCCCFF;
+  --on-light-outline-primary-hover: #ADA39FFF;
+  --personas-blue-text-accent-hover: #1477E1FF;
+  --personas-green-text-accent-hover: #8CDECAFF;
+  --personas-indigo-text-accent-hover: #000000FF;
+  --personas-sea-blue-text-accent-hover: #000000FF;
+  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
+  --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;
+  --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;
+  --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;
+  --on-light-personas-indigo-text-accent-hover: #000000FF;
+  --on-light-personas-pink-text-accent-hover: #E47777FF;
+  --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;
+  --surface-accent-minor-hover: #C7F0E5FF;
+  --inverse-surface-accent-secondary-hover: #70CDB7FF;
+  --on-dark-surface-accent-secondary-hover: #70CDB7FF;
+  --on-light-surface-transparent-deep-hover: #A2A1A0B3;
+  --on-light-surface-transparent-secondary-hover: #15110F1A;
+  --text-accent-hover: #0DB593FF;
+  --inverse-outline-primary-active: #2B2827FF;
+  --inverse-outline-transparent-white-active: #FFFFFF49;
+  --on-dark-outline-accent-active: #099579FF;
+  --on-dark-outline-default-active: #292929FF;
+  --on-dark-outline-primary-active: #2B2827FF;
+  --personas-ochre-text-accent-active: #AA4A0EFF;
+  --personas-olive-text-accent-active: #179315FF;
+  --personas-violet-text-accent-active: #D679E6FF;
+  --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;
+  --inverse-personas-violet-text-accent-active: #D982E8FF;
+  --on-light-personas-green-text-accent-active: #04AF87FF;
+  --on-light-personas-ochre-text-accent-active: #AA4A0EFF;
+  --on-light-personas-violet-text-accent-active: #81288FFF;
+  --surface-accent-minor-active: #BFEDE1FF;
+  --surface-solid-primary-active: #FFFFFFFF;
+  --surface-solid-primary-brightness-hover: #FFFFFFFF;
+  --surface-transparent-navi-active: #FFFFFFAD;
+  --inverse-surface-accent-active: #0A9E81FF;
+  --inverse-surface-accent-minor-active: #043F34FF;
+  --inverse-surface-solid-secondary-active: #242424FF;
+  --on-light-surface-transparent-accent-minor-active: #0BA88852;
+  --on-dark-text-accent-active: #4ABFA4FF;
+  --on-light-outline-accent: #0BA686;
+  --on-light-outline-primary: #DDD9D7;
+  --inverse-personas-sea-blue-text-accent: #00898D;
+  --surface-accent: #0BA686;
+  --surface-info: #3776BC;
+  --surface-solid-card-brightness-active: #FFFFFFFF;
+  --surface-solid-default: #15110F;
+  --surface-transparent-navi: #FFFFFF99;
+  --inverse-surface-accent: #0BA686;
+  --inverse-surface-solid-primary: #232323;
+  --on-dark-surface-accent-minor: #04473B;
+  --on-light-surface-clear: #FFFFFF00;
+  --text-primary-brightness-active: #171717C4;
+  --inverse-text-accent: #61C8B0;
+  --on-dark-text-accent: #61C8B0;
+  --dark-background-hardline: #000000;
+  --surface-solid-card-brightness-hover: #FFFFFFFF;
+  --surface-solid-primary-brightness: #FFFFFFFF;
+  --inverse-surface-solid-default: #F6F2F0;
+  --on-dark-surface-solid-card-brightness-active: #212121FF;
+  --on-dark-text-paragraph-active: #F5F1EF93;
+  --overlay-medium: #00000052;
+  --inverse-overlay-medium: #00000029;
+  --on-dark-overlay-medium: #00000029;
+  --on-light-overlay-medium: #00000052;
   color: var(--text-primary);
   background-color: var(--background-primary);
 }
 
 :root {
-  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
   --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
   --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
   --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
@@ -745,12 +748,12 @@
   --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
   --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
   --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
-  --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
+  --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
   --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
   --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
   --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
-  --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
-  --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
+  --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100%);
+  --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100%);
   --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
   --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
   --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
@@ -787,9 +790,10 @@
   --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
   --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
   --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
-  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
   --inverse-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
   --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
+  --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
+  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
 }
 
 :root {
@@ -937,6 +941,12 @@
   --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);
   --plasma-typo-body-xxs-medium-letter-spacing: normal;
   --plasma-typo-body-xxs-medium-font-style: normal;
+  --plasma-typo-xxl-medium-font-family: var(--plasma-typo-display-font-family);
+  --plasma-typo-xxl-medium-letter-spacing: normal;
+  --plasma-typo-xxl-medium-font-style: normal;
+  --plasma-typo-xl-medium-font-family: var(--plasma-typo-display-font-family);
+  --plasma-typo-xl-medium-letter-spacing: normal;
+  --plasma-typo-xl-medium-font-style: normal;
 }
 
 @media (max-width: 559px) {
@@ -1031,6 +1041,12 @@
     --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
     --plasma-typo-body-xxs-medium-font-weight: 500;
     --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
+    --plasma-typo-xxl-medium-font-size: 4.5rem;
+    --plasma-typo-xxl-medium-font-weight: 500;
+    --plasma-typo-xxl-medium-line-height: 5.625rem;
+    --plasma-typo-xl-medium-font-size: 2.5rem;
+    --plasma-typo-xl-medium-font-weight: 500;
+    --plasma-typo-xl-medium-line-height: 3.125rem;
   }
 }
 
@@ -1096,9 +1112,6 @@
     --plasma-typo-body-s-font-size: 0.8125rem;
     --plasma-typo-body-s-font-weight: 400;
     --plasma-typo-body-s-line-height: 0.9375rem;
-    --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
-    --plasma-typo-body-xxs-bold-font-weight: 700;
-    --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
     --plasma-typo-body-xs-medium-font-size: 0.75rem;
     --plasma-typo-body-xs-medium-font-weight: 500;
     --plasma-typo-body-xs-medium-line-height: 0.875rem;
@@ -1114,9 +1127,6 @@
     --plasma-typo-body-l-font-size: 0.9375rem;
     --plasma-typo-body-l-font-weight: 400;
     --plasma-typo-body-l-line-height: 1.25rem;
-    --plasma-typo-body-l-bold-font-size: 0.9375rem;
-    --plasma-typo-body-l-bold-font-weight: 700;
-    --plasma-typo-body-l-bold-line-height: 1.25rem;
     --plasma-typo-body-l-medium-font-size: 0.9375rem;
     --plasma-typo-body-l-medium-font-weight: 500;
     --plasma-typo-body-l-medium-line-height: 1.25rem;
@@ -1126,6 +1136,18 @@
     --plasma-typo-body-m-bold-font-size: 0.875rem;
     --plasma-typo-body-m-bold-font-weight: 700;
     --plasma-typo-body-m-bold-line-height: 1.125rem;
+    --plasma-typo-body-l-bold-font-size: 0.9375rem;
+    --plasma-typo-body-l-bold-font-weight: 700;
+    --plasma-typo-body-l-bold-line-height: 1.25rem;
+    --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
+    --plasma-typo-body-xxs-bold-font-weight: 700;
+    --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
+    --plasma-typo-xxl-medium-font-size: 4.5rem;
+    --plasma-typo-xxl-medium-font-weight: 500;
+    --plasma-typo-xxl-medium-line-height: 5.625rem;
+    --plasma-typo-xl-medium-font-size: 2.5rem;
+    --plasma-typo-xl-medium-font-weight: 500;
+    --plasma-typo-xl-medium-line-height: 3.125rem;
   }
 }
 
@@ -1164,9 +1186,6 @@
     --plasma-typo-h3-font-size: 1.25rem;
     --plasma-typo-h3-font-weight: 400;
     --plasma-typo-h3-line-height: 1.4375rem;
-    --plasma-typo-body-l-bold-font-size: 0.9375rem;
-    --plasma-typo-body-l-bold-font-weight: 700;
-    --plasma-typo-body-l-bold-line-height: 1.25rem;
     --plasma-typo-h4-bold-font-size: 1rem;
     --plasma-typo-h4-bold-font-weight: 700;
     --plasma-typo-h4-bold-line-height: 1.25rem;
@@ -1200,9 +1219,6 @@
     --plasma-typo-h1-bold-font-size: 1.75rem;
     --plasma-typo-h1-bold-font-weight: 700;
     --plasma-typo-h1-bold-line-height: 2.25rem;
-    --plasma-typo-body-s-medium-font-size: 0.8125rem;
-    --plasma-typo-body-s-medium-font-weight: 500;
-    --plasma-typo-body-s-medium-line-height: 0.9375rem;
     --plasma-typo-body-xs-bold-font-size: 0.75rem;
     --plasma-typo-body-xs-bold-font-weight: 700;
     --plasma-typo-body-xs-bold-line-height: 0.875rem;
@@ -1221,5 +1237,17 @@
     --plasma-typo-body-xxs-font-size: 0.6875rem;
     --plasma-typo-body-xxs-font-weight: 400;
     --plasma-typo-body-xxs-line-height: 0.8125rem;
+    --plasma-typo-body-l-bold-font-size: 0.9375rem;
+    --plasma-typo-body-l-bold-font-weight: 700;
+    --plasma-typo-body-l-bold-line-height: 1.25rem;
+    --plasma-typo-body-s-medium-font-size: 0.8125rem;
+    --plasma-typo-body-s-medium-font-weight: 500;
+    --plasma-typo-body-s-medium-line-height: 0.9375rem;
+    --plasma-typo-xxl-medium-font-size: 4.5rem;
+    --plasma-typo-xxl-medium-font-weight: 500;
+    --plasma-typo-xxl-medium-line-height: 5.625rem;
+    --plasma-typo-xl-medium-font-size: 2.5rem;
+    --plasma-typo-xl-medium-font-weight: 500;
+    --plasma-typo-xl-medium-line-height: 3.125rem;
   }
 }

package/es/components/Button/Button.config.js

@@ -1,4 +1,4 @@
-import './Button.config_reu1rb.css';
+import './Button.config_jg0a4v.css';
 var config = {
   defaults: {
     view: 'default',

package/es/components/Button/Button.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.config.js","sources":["../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        shape: 'rounded',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-clear);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonSpinnerColor}: var(--text-primary);\n            `,\n            default: css`\n                ${buttonTokens.buttonSpinnerColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-solid-default);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n            `,\n            accent: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-accent);\n                ${buttonTokens.buttonSpinnerColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n            `,\n            secondary: css`\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonSpinnerColor}: var(--text-primary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n            `,\n        },\n        size: {\n            l: css`\n                ${buttonTokens.buttonRadius}: var(--border-radius-l);\n                ${buttonTokens.buttonPadding}: 1.5rem;\n                ${buttonTokens.buttonHeight}: 3.5rem;\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-bold-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-bold-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-bold-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-bold-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-bold-line-height);\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonLeftContentMargin}: 0.5rem;\n                ${buttonTokens.buttonRightContentMargin}: 0.5rem;\n                ${buttonTokens.buttonValueMargin}: 0.125rem;\n            `,\n            m: css`\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonValueMargin}: 0.125rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonRadius}: var(--border-radius-m);\n                ${buttonTokens.buttonLeftContentMargin}: 0.375rem;\n                ${buttonTokens.buttonRightContentMargin}: 0.375rem;\n                ${buttonTokens.buttonPadding}: 1.25rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-bold-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-bold-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-bold-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-bold-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-bold-line-height);\n                ${buttonTokens.buttonHeight}: 3rem;\n            `,\n            xl: css`\n                ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n                ${buttonTokens.buttonValueMargin}: 0.125rem;\n                ${buttonTokens.buttonPadding}: 1.75rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-bold-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-bold-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-bold-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-bold-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-bold-line-height);\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonLeftContentMargin}: 0.625rem;\n                ${buttonTokens.buttonRightContentMargin}: 0.625rem;\n                ${buttonTokens.buttonRadius}: var(--border-radius-l);\n                ${buttonTokens.buttonHeight}: 4rem;\n            `,\n        },\n        shape: {\n            rounded: css``,\n            pilled: css`\n                ${buttonTokens.buttonRadius}: var(--border-radius-circle);\n            `,\n        },\n    },\n    invariants: css`\n        ${buttonTokens.buttonFocusColor}: var(--text-accent);\n        ${buttonTokens.buttonDisabledOpacity}: 0.4;\n    `,\n};\n"],"names":["config","defaults","view","size","shape","variations","clear","default","accent","secondary","l","m","xl","rounded","pilled","invariants"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,KAAK,EAAE,SAAA;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,SAAAA,EAQC,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;AACDC,MAAAA,SAAS,EAAA,SAAA;KASZ;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAeA,SAAA;AACDC,MAAAA,CAAC,EAeA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAgBL;AACDR,IAAAA,KAAK,EAAE;AACHS,MAAAA,OAAO,EAAO,SAAA;AACdC,MAAAA,MAAM,EAAA,UAAA;AAGV,KAAA;GACH;AACDC,EAAAA,UAAU,EAAA,UAAA;AAId;;;;"}
+{"version":3,"file":"Button.config.js","sources":["../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        shape: 'rounded',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-clear);\n                ${buttonTokens.buttonSpinnerColor}: var(--text-primary);\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n            `,\n            default: css`\n                ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-solid-default);\n                ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${buttonTokens.buttonSpinnerColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n            `,\n            accent: css`\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-accent);\n                ${buttonTokens.buttonSpinnerColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n            `,\n            secondary: css`\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonSpinnerColor}: var(--text-primary);\n            `,\n        },\n        size: {\n            l: css`\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-bold-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-bold-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-bold-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-bold-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-bold-line-height);\n                ${buttonTokens.buttonLeftContentMargin}: 0.5rem;\n                ${buttonTokens.buttonRightContentMargin}: 0.5rem;\n                ${buttonTokens.buttonValueMargin}: 0.125rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonPadding}: 1.5rem;\n                ${buttonTokens.buttonHeight}: 3.5rem;\n                ${buttonTokens.buttonRadius}: var(--border-radius-l);\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n            `,\n            m: css`\n                ${buttonTokens.buttonValueMargin}: 0.125rem;\n                ${buttonTokens.buttonPadding}: 1.25rem;\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-bold-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-bold-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-bold-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-bold-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-bold-line-height);\n                ${buttonTokens.buttonRadius}: var(--border-radius-m);\n                ${buttonTokens.buttonHeight}: 3rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonLeftContentMargin}: 0.375rem;\n                ${buttonTokens.buttonRightContentMargin}: 0.375rem;\n            `,\n            xl: css`\n                ${buttonTokens.buttonPadding}: 1.75rem;\n                ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-bold-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-bold-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-bold-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-bold-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-bold-line-height);\n                ${buttonTokens.buttonRadius}: var(--border-radius-l);\n                ${buttonTokens.buttonLeftContentMargin}: 0.625rem;\n                ${buttonTokens.buttonRightContentMargin}: 0.625rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonHeight}: 4rem;\n                ${buttonTokens.buttonValueMargin}: 0.125rem;\n            `,\n        },\n        shape: {\n            rounded: css``,\n            pilled: css`\n                ${buttonTokens.buttonRadius}: var(--border-radius-circle);\n            `,\n        },\n    },\n    invariants: css`\n        ${buttonTokens.buttonFocusColor}: var(--text-accent);\n        ${buttonTokens.buttonDisabledOpacity}: 0.4;\n    `,\n};\n"],"names":["config","defaults","view","size","shape","variations","clear","default","accent","secondary","l","m","xl","rounded","pilled","invariants"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,KAAK,EAAE,SAAA;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,SAAAA,EAQC,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;AACDC,MAAAA,SAAS,EAAA,SAAA;KASZ;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAeA,SAAA;AACDC,MAAAA,CAAC,EAeA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAgBL;AACDR,IAAAA,KAAK,EAAE;AACHS,MAAAA,OAAO,EAAO,SAAA;AACdC,MAAAA,MAAM,EAAA,UAAA;AAGV,KAAA;GACH;AACDC,EAAAA,UAAU,EAAA,UAAA;AAId;;;;"}

package/es/components/Button/Button.config_jg0a4v.css

@@ -0,0 +1,10 @@
+.c1fnkof5{--plasma-button-loading-background-color:var(--surface-clear);--plasma-button-spinner-color:var(--text-primary);--plasma-button-color:var(--text-primary);--plasma-button-background-color:var(--surface-clear);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-value-color:var(--text-secondary);}
+.d1129msw{--plasma-button-color:var(--inverse-text-primary);--plasma-button-loading-background-color:var(--surface-solid-default);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-spinner-color:var(--inverse-text-primary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-background-color-active:var(--surface-solid-default-active);}
+.abaqjet{--plasma-button-loading-background-color:var(--surface-accent);--plasma-button-spinner-color:var(--on-dark-text-primary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-active:var(--surface-accent-active);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);}
+.smxfxlw{--plasma-button-color:var(--text-primary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-loading-background-color:var(--surface-transparent-secondary);--plasma-button-value-color:var(--text-secondary);--plasma-button-spinner-color:var(--text-primary);}
+.lleczrv{--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);--plasma-button-left-content-margin:0.5rem;--plasma-button-right-content-margin:0.5rem;--plasma-button-value-margin:0.125rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-height:3.5rem;--plasma-button-radius:var(--border-radius-l);--plasma-button-spinner-size:1.375rem;}
+.mlekduy{--plasma-button-value-margin:0.125rem;--plasma-button-padding:1.25rem;--plasma-button-spinner-size:1.375rem;--plasma-button-font-family:var(--plasma-typo-body-m-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-bold-line-height);--plasma-button-radius:var(--border-radius-m);--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-left-content-margin:0.375rem;--plasma-button-right-content-margin:0.375rem;}
+.x1yfa47j{--plasma-button-padding:1.75rem;--plasma-button-spinner-size:1.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);--plasma-button-radius:var(--border-radius-l);--plasma-button-left-content-margin:0.625rem;--plasma-button-right-content-margin:0.625rem;--plasma-button-width:12.5rem;--plasma-button-height:4rem;--plasma-button-value-margin:0.125rem;}
+
+.p123wpoi{--plasma-button-radius:var(--border-radius-circle);}
+.i1w797f8{--plasma-button-focus-color:var(--text-accent);--plasma-button-disabled-opacity:0.4;}

package/es/components/Button/Button.css

@@ -1,10 +1,10 @@
-.Button_config_reu1rb_c1fnkof5__86e5babd{--plasma-button-loading-background-color:var(--surface-clear);--plasma-button-background-color:var(--surface-clear);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-spinner-color:var(--text-primary);}
-.Button_config_reu1rb_d1129msw__86e5babd{--plasma-button-spinner-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-color:var(--inverse-text-primary);--plasma-button-loading-background-color:var(--surface-solid-default);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-background-color-active:var(--surface-solid-default-active);}
-.Button_config_reu1rb_abaqjet__86e5babd{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-loading-background-color:var(--surface-accent);--plasma-button-spinner-color:var(--on-dark-text-primary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);--plasma-button-value-color:var(--on-dark-text-secondary);}
-.Button_config_reu1rb_smxfxlw__86e5babd{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-spinner-color:var(--text-primary);--plasma-button-loading-background-color:var(--surface-transparent-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);}
-.Button_config_reu1rb_lleczrv__86e5babd{--plasma-button-radius:var(--border-radius-l);--plasma-button-padding:1.5rem;--plasma-button-height:3.5rem;--plasma-button-spinner-size:1.375rem;--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);--plasma-button-width:12.5rem;--plasma-button-left-content-margin:0.5rem;--plasma-button-right-content-margin:0.5rem;--plasma-button-value-margin:0.125rem;}
-.Button_config_reu1rb_mlekduy__86e5babd{--plasma-button-spinner-size:1.375rem;--plasma-button-value-margin:0.125rem;--plasma-button-width:11.25rem;--plasma-button-radius:var(--border-radius-m);--plasma-button-left-content-margin:0.375rem;--plasma-button-right-content-margin:0.375rem;--plasma-button-padding:1.25rem;--plasma-button-font-family:var(--plasma-typo-body-m-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-bold-line-height);--plasma-button-height:3rem;}
-.Button_config_reu1rb_x1yfa47j__86e5babd{--plasma-button-spinner-size:1.5rem;--plasma-button-value-margin:0.125rem;--plasma-button-padding:1.75rem;--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);--plasma-button-width:12.5rem;--plasma-button-left-content-margin:0.625rem;--plasma-button-right-content-margin:0.625rem;--plasma-button-radius:var(--border-radius-l);--plasma-button-height:4rem;}
+.Button_config_jg0a4v_c1fnkof5__d5b0f33a{--plasma-button-loading-background-color:var(--surface-clear);--plasma-button-spinner-color:var(--text-primary);--plasma-button-color:var(--text-primary);--plasma-button-background-color:var(--surface-clear);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-value-color:var(--text-secondary);}
+.Button_config_jg0a4v_d1129msw__d5b0f33a{--plasma-button-color:var(--inverse-text-primary);--plasma-button-loading-background-color:var(--surface-solid-default);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-spinner-color:var(--inverse-text-primary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-background-color-active:var(--surface-solid-default-active);}
+.Button_config_jg0a4v_abaqjet__d5b0f33a{--plasma-button-loading-background-color:var(--surface-accent);--plasma-button-spinner-color:var(--on-dark-text-primary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-active:var(--surface-accent-active);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);}
+.Button_config_jg0a4v_smxfxlw__d5b0f33a{--plasma-button-color:var(--text-primary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-loading-background-color:var(--surface-transparent-secondary);--plasma-button-value-color:var(--text-secondary);--plasma-button-spinner-color:var(--text-primary);}
+.Button_config_jg0a4v_lleczrv__d5b0f33a{--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);--plasma-button-left-content-margin:0.5rem;--plasma-button-right-content-margin:0.5rem;--plasma-button-value-margin:0.125rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-height:3.5rem;--plasma-button-radius:var(--border-radius-l);--plasma-button-spinner-size:1.375rem;}
+.Button_config_jg0a4v_mlekduy__d5b0f33a{--plasma-button-value-margin:0.125rem;--plasma-button-padding:1.25rem;--plasma-button-spinner-size:1.375rem;--plasma-button-font-family:var(--plasma-typo-body-m-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-bold-line-height);--plasma-button-radius:var(--border-radius-m);--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-left-content-margin:0.375rem;--plasma-button-right-content-margin:0.375rem;}
+.Button_config_jg0a4v_x1yfa47j__d5b0f33a{--plasma-button-padding:1.75rem;--plasma-button-spinner-size:1.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);--plasma-button-radius:var(--border-radius-l);--plasma-button-left-content-margin:0.625rem;--plasma-button-right-content-margin:0.625rem;--plasma-button-width:12.5rem;--plasma-button-height:4rem;--plasma-button-value-margin:0.125rem;}
 
-.Button_config_reu1rb_p123wpoi__86e5babd{--plasma-button-radius:var(--border-radius-circle);}
-.Button_config_reu1rb_i1w797f8__86e5babd{--plasma-button-focus-color:var(--text-accent);--plasma-button-disabled-opacity:0.4;}
+.Button_config_jg0a4v_p123wpoi__d5b0f33a{--plasma-button-radius:var(--border-radius-circle);}
+.Button_config_jg0a4v_i1w797f8__d5b0f33a{--plasma-button-focus-color:var(--text-accent);--plasma-button-disabled-opacity:0.4;}

package/es/components/Checkbox/Checkbox.config.js

@@ -1,4 +1,4 @@
-import './Checkbox.config_1e3g1x5.css';
+import './Checkbox.config_1kv48tw.css';
 var config = {
   defaults: {
     view: 'accent',