@salutejs-ds/sdds_sbcom 0.1.4 → 0.1.5

package/css/sdds_sbcom__light.css

@@ -2,6 +2,99 @@
 
 :root {
   --text-tertiary-hover: #171717FF;
+  --inverse-text-paragraph: #F6F2F07A;
+  --inverse-text-accent-minor: #B4AE7BFF;
+  --surface-solid-primary-hover: #F2F2F2FF;
+  --surface-solid-default-hover: #262626FF;
+  --surface-accent-minor-hover: #D7FD91FF;
+  --surface-transparent-primary: #15110F0A;
+  --on-dark-surface-solid-primary-brightness: #252525FF;
+  --on-dark-surface-transparent-card: #23232399;
+  --on-light-surface-solid-tertiary-hover: #D9D9D9FF;
+  --on-light-surface-solid-default-hover: #262626FF;
+  --on-light-surface-negative-active: #FF142CFF;
+  --inverse-surface-solid-default-active: #F5F5F5FF;
+  --inverse-surface-transparent-tertiary-active: #FFFFFF24;
+  --inverse-surface-positive-hover: #6FA706FF;
+  --outline-positive-hover: #79B706FF;
+  --inverse-surface-accent-minor-hover: #2A390EFF;
+  --on-light-outline-positive-hover: #79B706FF;
+  --on-dark-outline-transparent-primary-active: #FFFFFF12;
+  --on-light-outline-warning: #BE4E0CFF;
+  --text-secondary-hover: #171717FF;
+  --on-dark-outline-minor-brightness: #383838FF;
+  --background-secondary-brightness: #FFFFFFFF;
+  --persona-blue-text-accent-brightness: #EBE7E5FF;
+  --persona-green-text-accent-brightness: #EBE7E5FF;
+  --persona-indigo-text-accent-brightness: #EBE7E5FF;
+  --persona-ochre-text-accent-brightness: #EBE7E5FF;
+  --persona-olive-text-accent-brightness: #EBE7E5FF;
+  --on-dark-data-yellow-transparent-active: #F3A81280;
+  --on-dark-background-secondary-hover: #CCCCCCFF;
+  --persona-indigo-text-accent: #3B3AAE;
+  --on-dark-persona-pink-text-accent-brightness: #15110FFF;
+  --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
+  --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
+  --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
+  --on-light-persona-olive-text-accent-active: #E6E6E6FF;
+  --on-dark-persona-violet-text-accent-brightness: #15110FFF;
+  --on-dark-text-accent-minor-active: #629405FF;
+  --on-light-surface-accent-secondary-brightness: #688F61FF;
+  --surface-transparent-accent-minor-brightness: #527E4B3D;
+  --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
+  --inverse-outline-minor-brightness: #383838FF;
+  --inverse-persona-ochre-text-accent-brightness: #15110FFF;
+  --on-dark-surface-transparent-secondary: #FFFFFF29;
+  --outline-transparent-clear: #00000000;
+  --inverse-background-secondary-brightness: #000000FF;
+  --persona-sea-blue-text-accent-active: #E6E6E6FF;
+  --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
+  --on-dark-persona-ochre-text-accent: #E0AB69;
+  --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
+  --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
+  --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
+  --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
+  --on-dark-surface-accent-minor: #3E4C2FFF;
+  --inverse-surface-transparent-accent: #B4AE7B33;
+  --on-dark-outline-default-brightness: #3B3735FF;
+  --on-light-outline-warning-hover: #FD9253FF;
+  --inverse-surface-transparent-accent-minor-brightness: #B4AE7B47;
+  --on-light-surface-accent-primary-brightness: #527E4BFF;
+  --surface-accent-secondary-brightness: #688F61FF;
+  --on-dark-background-secondary-brightness: #0F0F0FFF;
+  --on-light-background-secondary-brightness: #F6F2F0FF;
+  --outline-default-brightness: #DDD9D7FF;
+  --outline-minor-brightness: #FFFFFFFF;
+  --outline-transparent-clear-brightness: #00000000;
+  --inverse-outline-default-brightness: #3B3735FF;
+  --inverse-persona-olive-text-accent-brightness: #15110FFF;
+  --inverse-persona-pink-text-accent-brightness: #15110FFF;
+  --inverse-persona-sea-blue-text-accent-brightness: #15110FFF;
+  --inverse-persona-violet-text-accent-brightness: #15110FFF;
+  --on-dark-persona-blue-text-accent-brightness: #15110FFF;
+  --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
+  --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
+  --on-dark-persona-olive-text-accent-brightness: #15110FFF;
+  --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
+  --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
+  --inverse-outline-minor-active: #E6E6E6FF;
+  --inverse-surface-accent-secondary-brightness: #B4AE7BFF;
+  --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
+  --surface-accent-primary-brightness: #527E4BFF;
+  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
+  --on-dark-persona-green-text-accent-brightness: #15110FFF;
+  --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
+  --on-light-outline-minor-brightness: #FFFFFFFF;
+  --persona-sea-blue-text-accent-brightness: #EBE7E5FF;
+  --persona-violet-text-accent-brightness: #EBE7E5FF;
+  --inverse-persona-blue-text-accent-brightness: #15110FFF;
+  --inverse-persona-green-text-accent-brightness: #15110FFF;
+  --inverse-persona-indigo-text-accent-brightness: #15110FFF;
+  --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
+  --on-dark-surface-accent-primary-brightness: #B4AE7BFF;
+  --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
+  --on-light-outline-default-brightness: #DDD9D7FF;
+  --persona-pink-text-accent-brightness: #EBE7E5FF;
   --text-tertiary-active: #17171756;
   --text-tertiary: #15110F3D;
   --text-paragraph-hover: #1717177A;
@@ -94,7 +187,6 @@
   --inverse-text-tertiary: #F6F2F03D;
   --inverse-text-paragraph-hover: #F5F5F57A;
   --inverse-text-paragraph-active: #F5F5F5A3;
-  --inverse-text-paragraph: #F6F2F07A;
   --inverse-text-accent-hover: #96E208FF;
   --on-light-text-accent-active: #3E5E03FF;
   --on-light-text-accent-minor-active: #70AA03FF;
@@ -111,8 +203,6 @@
   --inverse-text-info: #70B2F5FF;
   --inverse-text-accent: #B4AE7BFF;
   --inverse-text-positive: #79BB74FF;
-  --inverse-text-accent-minor: #B4AE7BFF;
-  --surface-solid-primary-hover: #F2F2F2FF;
   --surface-solid-primary-active: #F0F0F0FF;
   --surface-solid-primary: #FFFFFFFF;
   --surface-solid-primary-brightness: #F6F6F6FF;
@@ -126,7 +216,6 @@
   --surface-solid-card-active: #FFFFFFFF;
   --surface-solid-card: #FFFFFFFF;
   --surface-solid-card-brightness: #FFFFFFFF;
-  --surface-solid-default-hover: #262626FF;
   --surface-solid-default-active: #030303FF;
   --inverse-text-accent-minor-hover: #6EA013FF;
   --inverse-text-accent-minor-active: #2F4408FF;
@@ -143,7 +232,6 @@
   --surface-clear-hover: #00000000;
   --surface-clear-active: #00000000;
   --surface-clear: #00000000;
-  --surface-accent-minor-hover: #D7FD91FF;
   --surface-accent-minor-active: #BEFB4BFF;
   --surface-transparent-accent-hover: #108E252E;
   --surface-transparent-accent-active: #108E2533;
@@ -152,7 +240,6 @@
   --surface-warning-hover: #FB782DFF;
   --surface-transparent-primary-hover: #0808080A;
   --surface-transparent-primary-active: #0808080D;
-  --surface-transparent-primary: #15110F0A;
   --surface-transparent-secondary-active: #0808081A;
   --surface-transparent-secondary: #15110F14;
   --surface-transparent-accent: #527E4B1F;
@@ -160,7 +247,6 @@
   --surface-positive: #239322FF;
   --surface-accent-minor: #D2ECBAFF;
   --on-dark-surface-solid-primary: #232323FF;
-  --on-dark-surface-solid-primary-brightness: #252525FF;
   --on-dark-surface-solid-secondary-hover: #303030FF;
   --on-dark-surface-solid-secondary-active: #212121FF;
   --on-dark-surface-solid-secondary: #292929FF;
@@ -185,7 +271,6 @@
   --surface-info-hover: #209CEEFF;
   --surface-info-active: #0F81CCFF;
   --on-dark-surface-transparent-card-active: #FFFFFF0A;
-  --on-dark-surface-transparent-card: #23232399;
   --on-dark-surface-transparent-card-brightness: #FFFF1DFF;
   --on-dark-surface-accent-minor-hover: #2A390EFF;
   --on-dark-surface-accent-minor-active: #182108FF;
@@ -208,14 +293,12 @@
   --on-light-surface-solid-secondary-hover: #E8E8E8FF;
   --on-light-surface-solid-secondary-active: #E6E6E6FF;
   --on-light-surface-solid-secondary: #FFFFFFFF;
-  --on-light-surface-solid-tertiary-hover: #D9D9D9FF;
   --on-light-surface-solid-tertiary-active: #D4D4D4FF;
   --on-light-surface-solid-tertiary: #FFFFFFFF;
   --on-light-surface-solid-card-hover: #FFFFFFFF;
   --on-light-surface-solid-card-active: #FFFFFFFF;
   --on-light-surface-solid-card: #FFFFFFFF;
   --on-light-surface-solid-card-brightness: #FFFFFFFF;
-  --on-light-surface-solid-default-hover: #262626FF;
   --on-light-surface-solid-default-active: #030303FF;
   --on-light-surface-solid-default: #15110FFF;
   --on-light-surface-transparent-primary-hover: #0808080A;
@@ -241,7 +324,6 @@
   --on-light-surface-warning-active: #E65705FF;
   --on-light-surface-warning: #BE4E0CFF;
   --on-light-surface-negative-hover: #FF5263FF;
-  --on-light-surface-negative-active: #FF142CFF;
   --on-light-surface-negative: #E83439FF;
   --on-light-surface-info-hover: #209CEEFF;
   --on-light-surface-info-active: #0F81CCFF;
@@ -262,7 +344,6 @@
   --inverse-surface-solid-card: #232323FF;
   --inverse-surface-solid-card-brightness: #252525FF;
   --inverse-surface-solid-default-hover: #FFFFFFFF;
-  --inverse-surface-solid-default-active: #F5F5F5FF;
   --inverse-surface-solid-default: #FFFFFFFF;
   --inverse-surface-transparent-primary-hover: #FFFFFF1F;
   --inverse-surface-transparent-primary-active: #FFFFFF0A;
@@ -270,7 +351,6 @@
   --inverse-surface-transparent-secondary-active: #FFFFFF0F;
   --inverse-surface-transparent-secondary: #FFFFFF29;
   --inverse-surface-transparent-tertiary-hover: #FFFFFF52;
-  --inverse-surface-transparent-tertiary-active: #FFFFFF24;
   --inverse-surface-transparent-tertiary: #FFFFFF3D;
   --inverse-surface-transparent-deep-hover: #FFFFFFC2;
   --on-light-surface-info: #3776BCFF;
@@ -283,7 +363,6 @@
   --inverse-surface-accent-minor-active: #182108FF;
   --inverse-surface-transparent-accent-hover: #1A9E3252;
   --inverse-surface-transparent-accent-active: #1A9E3224;
-  --inverse-surface-positive-hover: #6FA706FF;
   --inverse-surface-positive-active: #5B8A05FF;
   --inverse-surface-warning-hover: #FB7223FF;
   --inverse-surface-warning-active: #F05B05FF;
@@ -314,7 +393,6 @@
   --outline-transparent-primary-hover: #08080852;
   --outline-transparent-primary-active: #08080838;
   --on-light-outline-positive: #239322FF;
-  --outline-positive-hover: #79B706FF;
   --outline-positive-active: #3E5E03FF;
   --outline-warning-hover: #FD9253FF;
   --outline-warning-active: #CA4B02FF;
@@ -325,7 +403,6 @@
   --outline-warning: #BE4E0CFF;
   --inverse-surface-transparent-primary: #FFFFFF14;
   --inverse-surface-accent: #B4AE7BFF;
-  --inverse-surface-accent-minor-hover: #2A390EFF;
   --background-primary: #EBE7E5FF;
   --on-dark-outline-positive-hover: #96E208FF;
   --on-dark-outline-positive-active: #629405FF;
@@ -343,11 +420,9 @@
   --inverse-outline-warning-active: #FF5D05FF;
   --on-light-outline-transparent-primary-hover: #08080852;
   --on-light-outline-transparent-primary-active: #08080838;
-  --on-light-outline-positive-hover: #79B706FF;
   --on-light-outline-positive-active: #3E5E03FF;
   --outline-text-info: #3776BCFF;
   --outline-transparent-primary: #15110F3D;
-  --on-dark-outline-transparent-primary-active: #FFFFFF12;
   --on-light-outline-text-info: #3776BCFF;
   --inverse-outline-transparent-primary-hover: #FFFFFF4D;
   --inverse-outline-transparent-primary-active: #FFFFFF12;
@@ -372,9 +447,7 @@
   --on-light-outline-negative-hover: #F87C89FF;
   --on-light-outline-warning-active: #CA4B02FF;
   --on-light-outline-text-info-hover: #47B0F5FF;
-  --on-light-outline-warning: #BE4E0CFF;
   --on-light-outline-negative: #E83439FF;
-  --on-dark-data-yellow-transparent-active: #F3A81280;
   --on-light-data-yellow: #F3A912;
   --on-light-data-yellow-hover: #F5B638FF;
   --on-light-data-yellow-active: #E49C0CFF;
@@ -402,9 +475,6 @@
   --on-dark-data-yellow-minor: #A16B00;
   --on-dark-data-yellow-minor-active: #996600FF;
   --on-dark-data-yellow-transparent-hover: #F3A812AD;
-  --on-dark-surface-transparent-secondary: #FFFFFF29;
-  --text-secondary-hover: #171717FF;
-  --on-dark-background-secondary-hover: #CCCCCCFF;
   --on-dark-background-primary: #15110FFF;
   --on-dark-background-primary-hover: #CCCCCCFF;
   --on-dark-background-primary-active: #E6E6E6FF;
@@ -422,7 +492,6 @@
   --outline-minor: #FFFFFFFF;
   --outline-minor-hover: #CCCCCCFF;
   --outline-minor-active: #E6E6E6FF;
-  --outline-transparent-clear: #00000000;
   --outline-transparent-clear-hover: #CCCCCCFF;
   --outline-transparent-clear-active: #E6E6E6FF;
   --inverse-outline-default: #3B3735FF;
@@ -439,107 +508,98 @@
   --on-dark-outline-default-hover: #CCCCCCFF;
   --inverse-background-secondary-hover: #CCCCCCFF;
   --on-dark-background-secondary: #000000FF;
-  --persona-blue-text-accent: #EBE7E5FF;
+  --persona-blue-text-accent: #3A6D96;
   --persona-blue-text-accent-hover: #CCCCCCFF;
   --persona-blue-text-accent-active: #E6E6E6FF;
-  --persona-green-text-accent: #EBE7E5FF;
+  --persona-green-text-accent: #3D7B45;
   --persona-green-text-accent-hover: #CCCCCCFF;
   --persona-green-text-accent-active: #E6E6E6FF;
-  --persona-indigo-text-accent: #EBE7E5FF;
   --persona-indigo-text-accent-hover: #CCCCCCFF;
   --persona-indigo-text-accent-active: #E6E6E6FF;
-  --persona-ochre-text-accent: #EBE7E5FF;
+  --persona-ochre-text-accent: #935B18;
   --persona-ochre-text-accent-hover: #CCCCCCFF;
   --persona-ochre-text-accent-active: #E6E6E6FF;
-  --persona-olive-text-accent: #EBE7E5FF;
+  --persona-olive-text-accent: #636A40;
   --persona-olive-text-accent-hover: #CCCCCCFF;
   --persona-olive-text-accent-active: #E6E6E6FF;
   --on-light-outline-default-active: #E6E6E6FF;
   --on-light-outline-minor: #FFFFFFFF;
   --on-light-outline-minor-hover: #CCCCCCFF;
-  --persona-sea-blue-text-accent: #EBE7E5FF;
+  --persona-sea-blue-text-accent: #348282;
   --persona-sea-blue-text-accent-hover: #CCCCCCFF;
-  --persona-sea-blue-text-accent-active: #E6E6E6FF;
-  --persona-violet-text-accent: #EBE7E5FF;
+  --persona-violet-text-accent: #75508C;
   --persona-violet-text-accent-hover: #CCCCCCFF;
   --persona-violet-text-accent-active: #E6E6E6FF;
-  --inverse-persona-blue-text-accent: #15110FFF;
+  --inverse-persona-blue-text-accent: #87BEE5;
   --inverse-persona-blue-text-accent-hover: #CCCCCCFF;
   --inverse-persona-blue-text-accent-active: #E6E6E6FF;
-  --inverse-persona-green-text-accent: #15110FFF;
+  --inverse-persona-green-text-accent: #8BCB94;
   --inverse-persona-green-text-accent-hover: #CCCCCCFF;
   --inverse-persona-green-text-accent-active: #E6E6E6FF;
-  --inverse-persona-indigo-text-accent: #15110FFF;
+  --inverse-persona-indigo-text-accent: #9291E5;
   --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
-  --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
-  --persona-pink-text-accent: #EBE7E5FF;
+  --persona-pink-text-accent: #904D55;
   --persona-pink-text-accent-hover: #CCCCCCFF;
   --persona-pink-text-accent-active: #E6E6E6FF;
-  --inverse-persona-olive-text-accent: #15110FFF;
+  --inverse-persona-olive-text-accent: #B3BA8D;
   --inverse-persona-olive-text-accent-active: #E6E6E6FF;
-  --inverse-persona-pink-text-accent: #15110FFF;
+  --inverse-persona-pink-text-accent: #DE9EA5;
   --inverse-persona-pink-text-accent-hover: #CCCCCCFF;
   --inverse-persona-pink-text-accent-active: #E6E6E6FF;
-  --inverse-persona-sea-blue-text-accent: #15110FFF;
+  --inverse-persona-sea-blue-text-accent: #7BC8C8;
   --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
   --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
-  --inverse-persona-violet-text-accent: #15110FFF;
+  --inverse-persona-violet-text-accent: #C6A0DC;
   --inverse-persona-violet-text-accent-hover: #CCCCCCFF;
   --inverse-persona-violet-text-accent-active: #E6E6E6FF;
-  --on-dark-persona-blue-text-accent: #15110FFF;
+  --on-dark-persona-blue-text-accent: #87BEE5;
   --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
   --on-dark-persona-blue-text-accent-active: #E6E6E6FF;
-  --inverse-persona-ochre-text-accent: #15110FFF;
+  --inverse-persona-ochre-text-accent: #E0AB69;
   --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
   --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
   --inverse-persona-ochre-text-accent-active: #E6E6E6FF;
-  --on-dark-persona-indigo-text-accent: #15110FFF;
+  --on-dark-persona-indigo-text-accent: #9291E5;
   --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
   --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
-  --on-dark-persona-ochre-text-accent: #15110FFF;
   --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
   --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
-  --on-dark-persona-olive-text-accent: #15110FFF;
+  --on-dark-persona-olive-text-accent: #B3BA8D;
   --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
   --on-dark-persona-olive-text-accent-active: #E6E6E6FF;
-  --on-dark-persona-pink-text-accent: #15110FFF;
+  --on-dark-persona-pink-text-accent: #DE9EA5;
   --on-dark-persona-pink-text-accent-active: #E6E6E6FF;
-  --on-dark-persona-sea-blue-text-accent: #15110FFF;
+  --on-dark-persona-sea-blue-text-accent: #7BC8C8;
   --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
   --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
-  --on-dark-persona-green-text-accent: #15110FFF;
+  --on-dark-persona-green-text-accent: #8BCB94;
   --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
   --on-dark-persona-green-text-accent-active: #E6E6E6FF;
   --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
   --on-light-persona-blue-text-accent-active: #E6E6E6FF;
-  --on-light-persona-green-text-accent: #EBE7E5FF;
+  --on-light-persona-green-text-accent: #3D7B45;
   --on-light-persona-green-text-accent-hover: #CCCCCCFF;
   --on-light-persona-green-text-accent-active: #E6E6E6FF;
-  --on-light-persona-indigo-text-accent: #EBE7E5FF;
-  --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
+  --on-light-persona-indigo-text-accent: #3B3AAE;
   --on-light-persona-indigo-text-accent-active: #E6E6E6FF;
-  --on-light-persona-ochre-text-accent: #EBE7E5FF;
-  --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
+  --on-light-persona-ochre-text-accent: #935B18;
   --on-light-persona-ochre-text-accent-active: #E6E6E6FF;
   --on-light-persona-olive-text-accent-hover: #CCCCCCFF;
-  --on-light-persona-olive-text-accent-active: #E6E6E6FF;
-  --on-dark-persona-violet-text-accent: #15110FFF;
+  --on-dark-persona-violet-text-accent: #C6A0DC;
   --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
-  --on-light-persona-blue-text-accent: #EBE7E5FF;
-  --on-light-persona-violet-text-accent: #EBE7E5FF;
+  --on-light-persona-blue-text-accent: #3A6D96;
+  --on-light-persona-violet-text-accent: #75508C;
   --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
   --on-light-persona-violet-text-accent-active: #E6E6E6FF;
   --surface-accent-primary: #527E4BFF;
   --surface-accent-primary-hover: #CCCCCCFF;
   --surface-accent-primary-active: #E6E6E6FF;
   --on-light-surface-accent-primary: #527E4BFF;
-  --on-dark-surface-accent-minor: #3E4C2FFF;
   --on-light-surface-transparent-tertiary-active: #08080833;
   --on-light-surface-accent-minor-hover: #D7FD91FF;
   --inverse-surface-solid-secondary-active: #212121FF;
   --inverse-surface-transparent-deep-active: #FFFFFF94;
   --inverse-surface-accent-minor: #3E4C2FFF;
-  --on-dark-text-accent-minor-active: #629405FF;
   --on-dark-background-secondary-active: #E6E6E6FF;
   --on-light-persona-pink-text-accent-hover: #CCCCCCFF;
   --on-light-data-yellow-minor-active: #FFCC66FF;
@@ -558,16 +618,14 @@
   --on-dark-surface-transparent-accent-minor-hover: #CCCCCCFF;
   --on-light-surface-accent-secondary-active: #E6E6E6FF;
   --on-light-surface-transparent-accent-minor-active: #E6E6E6FF;
-  --inverse-outline-minor-active: #E6E6E6FF;
-  --inverse-surface-transparent-accent: #B4AE7B33;
   --background-secondary-hover: #CCCCCCFF;
   --outline-negative: #E83439FF;
   --on-dark-text-tertiary: #F6F2F03D;
   --on-light-text-accent-hover: #79B706FF;
   --text-accent-minor-hover: #B6FB37FF;
-  --on-light-persona-olive-text-accent: #EBE7E5FF;
+  --on-light-persona-olive-text-accent: #636A40;
   --on-light-surface-transparent-accent-minor: #527E4B3D;
-  --on-light-persona-sea-blue-text-accent: #EBE7E5FF;
+  --on-light-persona-sea-blue-text-accent: #348282;
   --surface-accent-secondary: #688F61FF;
   --surface-transparent-accent-minor: #527E4B3D;
   --inverse-surface-accent-secondary: #B4AE7BFF;
@@ -581,7 +639,6 @@
   --data-yellow-transparent-hover: #F3A8129E;
   --on-dark-surface-negative: #F8A6A9FF;
   --inverse-surface-info: #9BCAF8FF;
-  --on-light-outline-warning-hover: #FD9253FF;
   --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
   --on-dark-text-accent-hover: #96E208FF;
   --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
@@ -594,9 +651,8 @@
   --on-dark-surface-accent-secondary-hover: #CCCCCCFF;
   --surface-transparent-accent-minor-hover: #CCCCCCFF;
   --inverse-surface-accent-secondary-hover: #CCCCCCFF;
-  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
   --inverse-background-secondary-active: #E6E6E6FF;
-  --on-light-persona-pink-text-accent: #EBE7E5FF;
+  --on-light-persona-pink-text-accent: #904D55;
   --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
   --surface-solid-default: #15110FFF;
   --surface-accent-secondary-hover: #CCCCCCFF;
@@ -622,6 +678,24 @@
 }
 
 :root {
+  --on-dark-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
+  --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
+  --surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
+  --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
+  --text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
+  --on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
+  --on-light-surface-accent-gradient-hover: #CCCCCCFF;
+  --persona-green-surface-accent-gradient-hover: #FFFFFFFF;
+  --on-dark-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
+  --on-light-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
+  --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
+  --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
+  --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
+  --outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
+  --overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
+  --on-dark-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
+  --inverse-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
+  --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
   --on-light-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
   --surface-accent-gradient: linear-gradient(45.00deg, rgb(82, 126, 75) 0%, rgb(156, 191, 128) 100%);
   --surface-skeleton-gradient: linear-gradient(270deg, rgba(8, 8, 8, 0.06) 0%, rgba(8, 8, 8, 0.05) 10%, rgba(8, 8, 8, 0.04) 20%, rgba(8, 8, 8, 0.03) 25%, rgba(8, 8, 8, 0.02) 30%, rgba(8, 8, 8, 0.01) 40%, rgba(8, 8, 8, 0) 50%, rgba(8, 8, 8, 0.01) 60%, rgba(8, 8, 8, 0.02) 70%, rgba(8, 8, 8, 0.03) 75%, rgba(8, 8, 8, 0.04) 80%, rgba(8, 8, 8, 0.05) 90%, rgba(8, 8, 8, 0.06) 100%);
@@ -638,7 +712,6 @@
   --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
   --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
   --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
-  --on-light-surface-accent-gradient-hover: #CCCCCCFF;
   --on-light-surface-accent-gradient-active: #E6E6E6FF;
   --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
   --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
@@ -666,7 +739,6 @@
   --persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
   --persona-blue-surface-accent-gradient-active: #FFFFFFFF;
   --persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
-  --persona-green-surface-accent-gradient-hover: #FFFFFFFF;
   --persona-green-surface-accent-gradient-active: #FFFFFFFF;
   --persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
   --persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
@@ -700,7 +772,6 @@
   --inverse-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
   --inverse-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
   --inverse-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
-  --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
   --inverse-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
   --inverse-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
   --inverse-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
@@ -856,6 +927,9 @@
   --plasma-typo-body-font-family: 'Roboto', sans-serif;
   --plasma-typo-header-font-family: 'Roboto', sans-serif;
   --plasma-typo-text-font-family: 'undefined', sans-serif;
+  --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);
+  --plasma-typo-body-xs-medium-letter-spacing: -0.02em;
+  --plasma-typo-body-xs-medium-font-style: normal;
   --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
   --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
   --plasma-typo-body-xxs-medium-font-style: normal;
@@ -892,9 +966,6 @@
   --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);
   --plasma-typo-body-xs-bold-letter-spacing: -0.02em;
   --plasma-typo-body-xs-bold-font-style: normal;
-  --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);
-  --plasma-typo-body-xs-medium-letter-spacing: -0.02em;
-  --plasma-typo-body-xs-medium-font-style: normal;
   --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);
   --plasma-typo-body-xs-letter-spacing: -0.02em;
   --plasma-typo-body-xs-font-style: normal;
@@ -914,6 +985,9 @@
 
 @media (max-width: 559px) {
   :root {
+    --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;
     --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;
@@ -950,9 +1024,6 @@
     --plasma-typo-body-xs-bold-font-size: 0.75rem;
     --plasma-typo-body-xs-bold-font-weight: 600;
     --plasma-typo-body-xs-bold-line-height: 0.875rem;
-    --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;
     --plasma-typo-body-xs-font-size: 0.75rem;
     --plasma-typo-body-xs-font-weight: 400;
     --plasma-typo-body-xs-line-height: 0.875rem;
@@ -973,12 +1044,15 @@
 
 @media (min-width: 560px) and (max-width: 959px) {
   :root {
-    --plasma-typo-dspl-s-medium-font-size: 2.125rem;
-    --plasma-typo-dspl-s-medium-font-weight: 500;
-    --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
     --plasma-typo-dspl-s-font-size: 2.125rem;
     --plasma-typo-dspl-s-font-weight: 400;
     --plasma-typo-dspl-s-line-height: 2.5625rem;
+    --plasma-typo-body-xs-bold-font-size: 0.75rem;
+    --plasma-typo-body-xs-bold-font-weight: 600;
+    --plasma-typo-body-xs-bold-line-height: 0.875rem;
+    --plasma-typo-dspl-s-medium-font-size: 2.125rem;
+    --plasma-typo-dspl-s-medium-font-weight: 500;
+    --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
     --plasma-typo-dspl-s-bold-font-size: 2.125rem;
     --plasma-typo-dspl-s-bold-font-weight: 600;
     --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
@@ -1003,9 +1077,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-xs-bold-font-size: 0.75rem;
-    --plasma-typo-body-xs-bold-font-weight: 600;
-    --plasma-typo-body-xs-bold-line-height: 0.875rem;
     --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;

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

@@ -1,4 +1,4 @@
-import './Button.config_1ufeha7.css';
+import './Button.config_1ccu9cu.css';
 var config = {
   defaults: {
     view: 'default',
@@ -7,14 +7,14 @@ var config = {
   },
   variations: {
     view: {
-      "default": "d1fnkof5",
-      accent: "a1129msw",
-      secondary: "sbaqjet",
-      clear: "cmxfxlw"
+      clear: "c1fnkof5",
+      secondary: "s1129msw",
+      accent: "abaqjet",
+      "default": "dmxfxlw"
     },
     size: {
-      l: "lleczrv",
-      xl: "xlekduy",
+      xl: "xleczrv",
+      l: "llekduy",
       m: "m1yfa47j"
     },
     shape: {

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            default: css`\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-solid-default);\n                ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonSpinnerColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n            `,\n            accent: css`\n                ${buttonTokens.buttonSpinnerColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-accent);\n                ${buttonTokens.buttonColor}: 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.buttonValueColor}: var(--on-dark-text-secondary);\n            `,\n            secondary: css`\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonSpinnerColor}: var(--text-primary);\n            `,\n            clear: css`\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                ${buttonTokens.buttonSpinnerColor}: var(--text-primary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-clear);\n                ${buttonTokens.buttonColor}: var(--text-primary);\n            `,\n        },\n        size: {\n            l: css`\n                ${buttonTokens.buttonRadius}: var(--border-radius-l);\n                ${buttonTokens.buttonPadding}: 1.5rem;\n                ${buttonTokens.buttonLeftContentMargin}: 0.5rem;\n                ${buttonTokens.buttonRightContentMargin}: 0.5rem;\n                ${buttonTokens.buttonValueMargin}: 0.125rem;\n                ${buttonTokens.buttonHeight}: 3.5rem;\n                ${buttonTokens.buttonWidth}: 12.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            `,\n            xl: css`\n                ${buttonTokens.buttonRadius}: var(--border-radius-l);\n                ${buttonTokens.buttonPadding}: 1.75rem;\n                ${buttonTokens.buttonLeftContentMargin}: 0.625rem;\n                ${buttonTokens.buttonRightContentMargin}: 0.625rem;\n                ${buttonTokens.buttonValueMargin}: 0.125rem;\n                ${buttonTokens.buttonHeight}: 4rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\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            `,\n            m: css`\n                ${buttonTokens.buttonRadius}: var(--border-radius-m);\n                ${buttonTokens.buttonPadding}: 1.25rem;\n                ${buttonTokens.buttonLeftContentMargin}: 0.375rem;\n                ${buttonTokens.buttonRightContentMargin}: 0.375rem;\n                ${buttonTokens.buttonValueMargin}: 0.125rem;\n                ${buttonTokens.buttonHeight}: 3rem;\n                ${buttonTokens.buttonWidth}: 11.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            `,\n        },\n        shape: {\n            rounded: css``,\n            pilled: css`\n                ${buttonTokens.buttonRadius}: var(--border-radius-circle);\n            `,\n        },\n    },\n    invariants: css`\n        ${buttonTokens.buttonDisabledOpacity}: 0.4;\n        ${buttonTokens.buttonFocusColor}: var(--text-accent);\n    `,\n};\n"],"names":["config","defaults","view","size","shape","variations","default","accent","secondary","clear","l","xl","m","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,SAAAA,EAQC,UAAA;AACDC,MAAAA,MAAM,EAQL,UAAA;AACDC,MAAAA,SAAS,EAQR,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KASR;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAeA,SAAA;AACDC,MAAAA,EAAE,EAeD,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAgBJ;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.buttonValueColor}: var(--text-secondary);\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.buttonSpinnerColor}: var(--text-primary);\n                ${buttonTokens.buttonColor}: var(--text-primary);\n            `,\n            secondary: css`\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n                ${buttonTokens.buttonSpinnerColor}: var(--text-primary);\n                ${buttonTokens.buttonColor}: var(--text-primary);\n            `,\n            accent: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-accent);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n                ${buttonTokens.buttonSpinnerColor}: var(--on-dark-text-primary);\n            `,\n            default: css`\n                ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-solid-default);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${buttonTokens.buttonSpinnerColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n            `,\n        },\n        size: {\n            xl: css`\n                ${buttonTokens.buttonRadius}: var(--border-radius-l);\n                ${buttonTokens.buttonValueMargin}: 0.125rem;\n                ${buttonTokens.buttonHeight}: 4rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n                ${buttonTokens.buttonPadding}: 1.75rem;\n                ${buttonTokens.buttonLeftContentMargin}: 0.625rem;\n                ${buttonTokens.buttonRightContentMargin}: 0.625rem;\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            `,\n            l: css`\n                ${buttonTokens.buttonRadius}: var(--border-radius-l);\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonHeight}: 3.5rem;\n                ${buttonTokens.buttonValueMargin}: 0.125rem;\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonPadding}: 1.5rem;\n                ${buttonTokens.buttonLeftContentMargin}: 0.5rem;\n                ${buttonTokens.buttonRightContentMargin}: 0.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            `,\n            m: css`\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.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonHeight}: 3rem;\n                ${buttonTokens.buttonRadius}: var(--border-radius-m);\n                ${buttonTokens.buttonValueMargin}: 0.125rem;\n                ${buttonTokens.buttonPadding}: 1.25rem;\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonLeftContentMargin}: 0.375rem;\n                ${buttonTokens.buttonRightContentMargin}: 0.375rem;\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.buttonDisabledOpacity}: 0.4;\n        ${buttonTokens.buttonFocusColor}: var(--text-accent);\n    `,\n};\n"],"names":["config","defaults","view","size","shape","variations","clear","secondary","accent","default","xl","l","m","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,SAAS,EAQR,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;MACDC,SAAO,EAAA,SAAA;KASV;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,EAAE,EAeD,SAAA;AACDC,MAAAA,CAAC,EAeA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAgBJ;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_1ccu9cu.css

@@ -0,0 +1,10 @@
+.c1fnkof5{--plasma-button-value-color:var(--text-secondary);--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-spinner-color:var(--text-primary);--plasma-button-color:var(--text-primary);}
+.s1129msw{--plasma-button-value-color:var(--text-secondary);--plasma-button-loading-background-color:var(--surface-transparent-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-spinner-color:var(--text-primary);--plasma-button-color:var(--text-primary);}
+.abaqjet{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-loading-background-color:var(--surface-accent);--plasma-button-value-color:var(--on-dark-text-secondary);--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-spinner-color:var(--on-dark-text-primary);}
+.dmxfxlw{--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-loading-background-color:var(--surface-solid-default);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-background-color-active:var(--surface-solid-default-active);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-spinner-color:var(--inverse-text-primary);--plasma-button-color:var(--inverse-text-primary);}
+.xleczrv{--plasma-button-radius:var(--border-radius-l);--plasma-button-value-margin:0.125rem;--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-spinner-size:1.5rem;--plasma-button-padding:1.75rem;--plasma-button-left-content-margin:0.625rem;--plasma-button-right-content-margin:0.625rem;--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);}
+.llekduy{--plasma-button-radius:var(--border-radius-l);--plasma-button-width:12.5rem;--plasma-button-height:3.5rem;--plasma-button-value-margin:0.125rem;--plasma-button-spinner-size:1.375rem;--plasma-button-padding:1.5rem;--plasma-button-left-content-margin:0.5rem;--plasma-button-right-content-margin:0.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);}
+.m1yfa47j{--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-width:11.25rem;--plasma-button-height:3rem;--plasma-button-radius:var(--border-radius-m);--plasma-button-value-margin:0.125rem;--plasma-button-padding:1.25rem;--plasma-button-spinner-size:1.375rem;--plasma-button-left-content-margin:0.375rem;--plasma-button-right-content-margin:0.375rem;}
+
+.p123wpoi{--plasma-button-radius:var(--border-radius-circle);}
+.i1w797f8{--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--text-accent);}