microboard-ui-temp 0.9.2 → 0.9.3

package/dist/{chunk-ra6rxe11.css → chunk-p8sb1ebp.css}

@@ -448,41 +448,6 @@ input:-webkit-autofill:active {
   --focus-outline-color: #e3d9ff;
 }
 
-.secondary_XNHIwg {
-  --background-color: var(--background-button-secondary);
-  --background-hover-color: var(--background-button-secondary-hover);
-  --background-active-color: var(--background-button-secondary-hover);
-  --background-disabled-color: var(--background-button-secondary);
-  --content-color: var(--text-base-primary);
-  --content-hover-color: var(--text-base-primary);
-  --content-active-color: #924fe8;
-  --content-disabled-color: var(--text-disabled);
-  --focus-outline-color: #e3d9ff;
-}
-
-.tertiary_XNHIwg {
-  --background-color: var(--background-button-tertiary);
-  --background-hover-color: var(--background-button-tertiary-hover);
-  --background-active-color: var(--background-button-tertiary-hover);
-  --content-color: var(--text-base-primary);
-  --content-hover-color: var(--text-base-primary);
-  --content-active-color: var(--text-base-primary);
-  --content-disabled-color: var(--text-base-quaternary);
-  --focus-outline-color: #e3d9ff;
-}
-
-.black_XNHIwg {
-  --background-color: var(--background-button-primary);
-  --background-hover-color: var(--background-button-primary-hover);
-  --background-active-color: var(--background-button-primary-hover);
-  --background-disabled-color: var(--border-action-normal);
-  --content-color: var(--color-button-primary);
-  --content-hover-color: var(--color-button-primary);
-  --content-active-color: var(--color-button-primary);
-  --content-disabled-color: var(--text-base-quaternary);
-  --focus-outline-color: #e3d9ff;
-}
-
 .radiusXl_XNHIwg {
   --radius: 12px;
 }
@@ -600,6 +565,28 @@ input:-webkit-autofill:active {
   padding: 0 4px;
 }
 
+.secondary_XNHIwg {
+  background-color: var(--background-button-secondary);
+  color: var(--text-base-primary);
+}
+
+@media (hover: hover) {
+  .secondary_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-secondary-hover);
+    color: var(--text-base-primary);
+  }
+}
+
+.secondary_XNHIwg:active:not(:disabled) {
+  color: #924fe8;
+  outline: 2px solid #c8b2ff80;
+}
+
+.secondary_XNHIwg:disabled {
+  background-color: var(--background-button-secondary);
+  color: var(--text-disabled);
+}
+
 .primary_XNHIwg {
   border: 1px solid var(--background-button-primary);
   background-color: var(--background-button-primary);
@@ -628,6 +615,23 @@ input:-webkit-autofill:active {
   color: var(--color-button-primary);
 }
 
+.black_XNHIwg {
+  background-color: var(--background-button-primary);
+  color: var(--color-button-primary);
+}
+
+@media (hover: hover) {
+  .black_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-primary-hover);
+    color: var(--color-button-primary);
+  }
+}
+
+.black_XNHIwg:disabled {
+  background-color: var(--border-action-normal);
+  color: var(--text-base-quaternary);
+}
+
 .quaternary_XNHIwg, .quaternary_XNHIwg:disabled {
   color: var(--text-base-primary);
   background-color: var(--background-hover-subtle);
@@ -2031,7 +2035,7 @@ body {
 }
 
 .shareButton_jFMnzg {
-  color: #fff;
+  color: var(--color-button-primary);
   border-radius: 10px;
   width: auto;
   height: 32px;
@@ -7592,6 +7596,7 @@ td.currentTariff_0VfwRg {
   display: flex;
   cursor: pointer;
   border: 1px solid var(--border-action-normal);
+  color: var(--text-base-primary);
   background: none;
   border-radius: 10px;
   flex: 1 0;

package/dist/{chunk-sdy0vgy6.js → chunk-yrsgyj7d.js}

@@ -340871,9 +340871,6 @@ var import_react30 = __toESM(require_react(), 1);
 // src/shared/ui-lib/UiButton/UiButton.module.css
 var UiButton_module_default = {
   default: "default_XNHIwg",
-  secondary: "secondary_XNHIwg",
-  tertiary: "tertiary_XNHIwg",
-  black: "black_XNHIwg",
   radiusXl: "radiusXl_XNHIwg",
   radiusMd: "radiusMd_XNHIwg",
   radiusSm: "radiusSm_XNHIwg",
@@ -340890,9 +340887,12 @@ var UiButton_module_default = {
   active: "active_XNHIwg",
   disableBg: "disableBg_XNHIwg",
   hotkey: "hotkey_XNHIwg",
+  secondary: "secondary_XNHIwg",
   primary: "primary_XNHIwg",
   loading: "loading_XNHIwg",
+  black: "black_XNHIwg",
   quaternary: "quaternary_XNHIwg",
+  tertiary: "tertiary_XNHIwg",
   ghost: "ghost_XNHIwg",
   ghostFilled: "ghostFilled_XNHIwg",
   loader: "loader_XNHIwg"
@@ -447070,44 +447070,44 @@ var sprite_default = `<svg width="0" height="0" class="hidden">
   <symbol id="FrameCustom" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M19 5C19 4.44772 19.4477 4 20 4H22C22.5523 4 23 4.44772 23 5V7C23 7.55228 22.5523 8 22 8V16C22.5523 16 23 16.4477 23 17V19C23 19.5523 22.5523 20 22 20H20C19.4477 20 19 19.5523 19 19H5C5 19.5523 4.55228 20 4 20H2C1.44772 20 1 19.5523 1 19V17C1 16.4477 1.44772 16 2 16V8C1.44772 8 1 7.55228 1 7V5C1 4.44772 1.44772 4 2 4H4C4.55228 4 5 4.44772 5 5H19ZM4 8C4.55228 8 5 7.55228 5 7H19C19 7.55228 19.4477 8 20 8V16C19.4477 16 19 16.4477 19 17H5C5 16.4477 4.55228 16 4 16V8Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
   <symbol id="FrameA4" width="24" height="24" viewBox="0 0 24 24" fill="none"
     xmlns="http://www.w3.org/2000/svg">
     <path
       d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
 
   <symbol id="FrameLetter" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
       d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
   <symbol id="FrameFrame16x9" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="#14151A" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="currentColor" />
   </symbol>
   <symbol id="FrameFrame4x3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M5 6V18H19V6H5ZM4 4C3.44772 4 3 4.44772 3 5V19C3 19.5523 3.44772 20 4 20H20C20.5523 20 21 19.5523 21 19V5C21 4.44772 20.5523 4 20 4H4Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
   <symbol id="FrameFrame1x1" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M6 6V18H18V6H6ZM5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
 
   <symbol id="FrameFrame9x18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M8 3L8 21H16V3H8ZM6 22C6 22.5523 6.44772 23 7 23H17C17.5523 23 18 22.5523 18 22V2C18 1.44772 17.5523 1 17 1H7C6.44772 1 6 1.44772 6 2L6 22Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
 
   <symbol id="FrameFrame3x2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M5.74592 6.24191V17.7576H18.2516V6.24191H5.74592ZM4.71678 4.25C4.18284 4.25 3.75 4.68197 3.75 5.21483V18.7852C3.75 19.318 4.18284 19.75 4.71678 19.75H19.2832C19.8172 19.75 20.25 19.318 20.25 18.7852V5.21483C20.25 4.68197 19.8172 4.25 19.2832 4.25H4.71678Z"
-      fill="black" />
+      fill="currentColor" />
   </symbol>
 
 

package/dist/example.html

@@ -31,8 +31,8 @@
       rel="stylesheet"
     />
     
-  <link rel="stylesheet" crossorigin href="/chunk-ra6rxe11.css"><script src="/env.js"></script>
-<script type="module" crossorigin src="/chunk-sdy0vgy6.js"></script></head>
+  <link rel="stylesheet" crossorigin href="/chunk-p8sb1ebp.css"><script src="/env.js"></script>
+<script type="module" crossorigin src="/chunk-yrsgyj7d.js"></script></head>
 
   <body
     style="

package/dist/index.css

@@ -245,41 +245,6 @@
   --focus-outline-color: #e3d9ff;
 }
 
-.secondary_XNHIwg {
-  --background-color: var(--background-button-secondary);
-  --background-hover-color: var(--background-button-secondary-hover);
-  --background-active-color: var(--background-button-secondary-hover);
-  --background-disabled-color: var(--background-button-secondary);
-  --content-color: var(--text-base-primary);
-  --content-hover-color: var(--text-base-primary);
-  --content-active-color: #924fe8;
-  --content-disabled-color: var(--text-disabled);
-  --focus-outline-color: #e3d9ff;
-}
-
-.tertiary_XNHIwg {
-  --background-color: var(--background-button-tertiary);
-  --background-hover-color: var(--background-button-tertiary-hover);
-  --background-active-color: var(--background-button-tertiary-hover);
-  --content-color: var(--text-base-primary);
-  --content-hover-color: var(--text-base-primary);
-  --content-active-color: var(--text-base-primary);
-  --content-disabled-color: var(--text-base-quaternary);
-  --focus-outline-color: #e3d9ff;
-}
-
-.black_XNHIwg {
-  --background-color: var(--background-button-primary);
-  --background-hover-color: var(--background-button-primary-hover);
-  --background-active-color: var(--background-button-primary-hover);
-  --background-disabled-color: var(--border-action-normal);
-  --content-color: var(--color-button-primary);
-  --content-hover-color: var(--color-button-primary);
-  --content-active-color: var(--color-button-primary);
-  --content-disabled-color: var(--text-base-quaternary);
-  --focus-outline-color: #e3d9ff;
-}
-
 .radiusXl_XNHIwg {
   --radius: 12px;
 }
@@ -397,6 +362,28 @@
   padding: 0 4px;
 }
 
+.secondary_XNHIwg {
+  background-color: var(--background-button-secondary);
+  color: var(--text-base-primary);
+}
+
+@media (hover: hover) {
+  .secondary_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-secondary-hover);
+    color: var(--text-base-primary);
+  }
+}
+
+.secondary_XNHIwg:active:not(:disabled) {
+  color: #924fe8;
+  outline: 2px solid #c8b2ff80;
+}
+
+.secondary_XNHIwg:disabled {
+  background-color: var(--background-button-secondary);
+  color: var(--text-disabled);
+}
+
 .primary_XNHIwg {
   border: 1px solid var(--background-button-primary);
   background-color: var(--background-button-primary);
@@ -425,6 +412,23 @@
   color: var(--color-button-primary);
 }
 
+.black_XNHIwg {
+  background-color: var(--background-button-primary);
+  color: var(--color-button-primary);
+}
+
+@media (hover: hover) {
+  .black_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-primary-hover);
+    color: var(--color-button-primary);
+  }
+}
+
+.black_XNHIwg:disabled {
+  background-color: var(--border-action-normal);
+  color: var(--text-base-quaternary);
+}
+
 .quaternary_XNHIwg, .quaternary_XNHIwg:disabled {
   color: var(--text-base-primary);
   background-color: var(--background-hover-subtle);
@@ -1828,7 +1832,7 @@ body {
 }
 
 .shareButton_jFMnzg {
-  color: #fff;
+  color: var(--color-button-primary);
   border-radius: 10px;
   width: auto;
   height: 32px;
@@ -7389,6 +7393,7 @@ td.currentTariff_0VfwRg {
   display: flex;
   cursor: pointer;
   border: 1px solid var(--border-action-normal);
+  color: var(--text-base-primary);
   background: none;
   border-radius: 10px;
   flex: 1 0;

package/dist/index.html

@@ -31,8 +31,8 @@
       rel="stylesheet"
     />
     
-  <link rel="stylesheet" crossorigin href="/chunk-ra6rxe11.css"><script src="/env.js"></script>
-<script type="module" crossorigin src="/chunk-sdy0vgy6.js"></script></head>
+  <link rel="stylesheet" crossorigin href="/chunk-p8sb1ebp.css"><script src="/env.js"></script>
+<script type="module" crossorigin src="/chunk-yrsgyj7d.js"></script></head>
 
   <body
     style="

package/dist/index.js

@@ -340871,9 +340871,6 @@ var import_react30 = __toESM(require_react(), 1);
 // src/shared/ui-lib/UiButton/UiButton.module.css
 var UiButton_module_default = {
   default: "default_XNHIwg",
-  secondary: "secondary_XNHIwg",
-  tertiary: "tertiary_XNHIwg",
-  black: "black_XNHIwg",
   radiusXl: "radiusXl_XNHIwg",
   radiusMd: "radiusMd_XNHIwg",
   radiusSm: "radiusSm_XNHIwg",
@@ -340890,9 +340887,12 @@ var UiButton_module_default = {
   active: "active_XNHIwg",
   disableBg: "disableBg_XNHIwg",
   hotkey: "hotkey_XNHIwg",
+  secondary: "secondary_XNHIwg",
   primary: "primary_XNHIwg",
   loading: "loading_XNHIwg",
+  black: "black_XNHIwg",
   quaternary: "quaternary_XNHIwg",
+  tertiary: "tertiary_XNHIwg",
   ghost: "ghost_XNHIwg",
   ghostFilled: "ghostFilled_XNHIwg",
   loader: "loader_XNHIwg"
@@ -447070,44 +447070,44 @@ var sprite_default = `<svg width="0" height="0" class="hidden">
   <symbol id="FrameCustom" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M19 5C19 4.44772 19.4477 4 20 4H22C22.5523 4 23 4.44772 23 5V7C23 7.55228 22.5523 8 22 8V16C22.5523 16 23 16.4477 23 17V19C23 19.5523 22.5523 20 22 20H20C19.4477 20 19 19.5523 19 19H5C5 19.5523 4.55228 20 4 20H2C1.44772 20 1 19.5523 1 19V17C1 16.4477 1.44772 16 2 16V8C1.44772 8 1 7.55228 1 7V5C1 4.44772 1.44772 4 2 4H4C4.55228 4 5 4.44772 5 5H19ZM4 8C4.55228 8 5 7.55228 5 7H19C19 7.55228 19.4477 8 20 8V16C19.4477 16 19 16.4477 19 17H5C5 16.4477 4.55228 16 4 16V8Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
   <symbol id="FrameA4" width="24" height="24" viewBox="0 0 24 24" fill="none"
     xmlns="http://www.w3.org/2000/svg">
     <path
       d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
 
   <symbol id="FrameLetter" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
       d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
   <symbol id="FrameFrame16x9" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="#14151A" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="currentColor" />
   </symbol>
   <symbol id="FrameFrame4x3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M5 6V18H19V6H5ZM4 4C3.44772 4 3 4.44772 3 5V19C3 19.5523 3.44772 20 4 20H20C20.5523 20 21 19.5523 21 19V5C21 4.44772 20.5523 4 20 4H4Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
   <symbol id="FrameFrame1x1" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M6 6V18H18V6H6ZM5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
 
   <symbol id="FrameFrame9x18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M8 3L8 21H16V3H8ZM6 22C6 22.5523 6.44772 23 7 23H17C17.5523 23 18 22.5523 18 22V2C18 1.44772 17.5523 1 17 1H7C6.44772 1 6 1.44772 6 2L6 22Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
 
   <symbol id="FrameFrame3x2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M5.74592 6.24191V17.7576H18.2516V6.24191H5.74592ZM4.71678 4.25C4.18284 4.25 3.75 4.68197 3.75 5.21483V18.7852C3.75 19.318 4.18284 19.75 4.71678 19.75H19.2832C19.8172 19.75 20.25 19.318 20.25 18.7852V5.21483C20.25 4.68197 19.8172 4.25 19.2832 4.25H4.71678Z"
-      fill="black" />
+      fill="currentColor" />
   </symbol>
 
 

package/dist/spa.css

@@ -245,41 +245,6 @@
   --focus-outline-color: #e3d9ff;
 }
 
-.secondary_XNHIwg {
-  --background-color: var(--background-button-secondary);
-  --background-hover-color: var(--background-button-secondary-hover);
-  --background-active-color: var(--background-button-secondary-hover);
-  --background-disabled-color: var(--background-button-secondary);
-  --content-color: var(--text-base-primary);
-  --content-hover-color: var(--text-base-primary);
-  --content-active-color: #924fe8;
-  --content-disabled-color: var(--text-disabled);
-  --focus-outline-color: #e3d9ff;
-}
-
-.tertiary_XNHIwg {
-  --background-color: var(--background-button-tertiary);
-  --background-hover-color: var(--background-button-tertiary-hover);
-  --background-active-color: var(--background-button-tertiary-hover);
-  --content-color: var(--text-base-primary);
-  --content-hover-color: var(--text-base-primary);
-  --content-active-color: var(--text-base-primary);
-  --content-disabled-color: var(--text-base-quaternary);
-  --focus-outline-color: #e3d9ff;
-}
-
-.black_XNHIwg {
-  --background-color: var(--background-button-primary);
-  --background-hover-color: var(--background-button-primary-hover);
-  --background-active-color: var(--background-button-primary-hover);
-  --background-disabled-color: var(--border-action-normal);
-  --content-color: var(--color-button-primary);
-  --content-hover-color: var(--color-button-primary);
-  --content-active-color: var(--color-button-primary);
-  --content-disabled-color: var(--text-base-quaternary);
-  --focus-outline-color: #e3d9ff;
-}
-
 .radiusXl_XNHIwg {
   --radius: 12px;
 }
@@ -397,6 +362,28 @@
   padding: 0 4px;
 }
 
+.secondary_XNHIwg {
+  background-color: var(--background-button-secondary);
+  color: var(--text-base-primary);
+}
+
+@media (hover: hover) {
+  .secondary_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-secondary-hover);
+    color: var(--text-base-primary);
+  }
+}
+
+.secondary_XNHIwg:active:not(:disabled) {
+  color: #924fe8;
+  outline: 2px solid #c8b2ff80;
+}
+
+.secondary_XNHIwg:disabled {
+  background-color: var(--background-button-secondary);
+  color: var(--text-disabled);
+}
+
 .primary_XNHIwg {
   border: 1px solid var(--background-button-primary);
   background-color: var(--background-button-primary);
@@ -425,6 +412,23 @@
   color: var(--color-button-primary);
 }
 
+.black_XNHIwg {
+  background-color: var(--background-button-primary);
+  color: var(--color-button-primary);
+}
+
+@media (hover: hover) {
+  .black_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-primary-hover);
+    color: var(--color-button-primary);
+  }
+}
+
+.black_XNHIwg:disabled {
+  background-color: var(--border-action-normal);
+  color: var(--text-base-quaternary);
+}
+
 .quaternary_XNHIwg, .quaternary_XNHIwg:disabled {
   color: var(--text-base-primary);
   background-color: var(--background-hover-subtle);
@@ -1828,7 +1832,7 @@ body {
 }
 
 .shareButton_jFMnzg {
-  color: #fff;
+  color: var(--color-button-primary);
   border-radius: 10px;
   width: auto;
   height: 32px;
@@ -7389,6 +7393,7 @@ td.currentTariff_0VfwRg {
   display: flex;
   cursor: pointer;
   border: 1px solid var(--border-action-normal);
+  color: var(--text-base-primary);
   background: none;
   border-radius: 10px;
   flex: 1 0;

package/dist/spa.js

@@ -340871,9 +340871,6 @@ var import_react30 = __toESM(require_react(), 1);
 // src/shared/ui-lib/UiButton/UiButton.module.css
 var UiButton_module_default = {
   default: "default_XNHIwg",
-  secondary: "secondary_XNHIwg",
-  tertiary: "tertiary_XNHIwg",
-  black: "black_XNHIwg",
   radiusXl: "radiusXl_XNHIwg",
   radiusMd: "radiusMd_XNHIwg",
   radiusSm: "radiusSm_XNHIwg",
@@ -340890,9 +340887,12 @@ var UiButton_module_default = {
   active: "active_XNHIwg",
   disableBg: "disableBg_XNHIwg",
   hotkey: "hotkey_XNHIwg",
+  secondary: "secondary_XNHIwg",
   primary: "primary_XNHIwg",
   loading: "loading_XNHIwg",
+  black: "black_XNHIwg",
   quaternary: "quaternary_XNHIwg",
+  tertiary: "tertiary_XNHIwg",
   ghost: "ghost_XNHIwg",
   ghostFilled: "ghostFilled_XNHIwg",
   loader: "loader_XNHIwg"
@@ -447070,44 +447070,44 @@ var sprite_default = `<svg width="0" height="0" class="hidden">
   <symbol id="FrameCustom" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M19 5C19 4.44772 19.4477 4 20 4H22C22.5523 4 23 4.44772 23 5V7C23 7.55228 22.5523 8 22 8V16C22.5523 16 23 16.4477 23 17V19C23 19.5523 22.5523 20 22 20H20C19.4477 20 19 19.5523 19 19H5C5 19.5523 4.55228 20 4 20H2C1.44772 20 1 19.5523 1 19V17C1 16.4477 1.44772 16 2 16V8C1.44772 8 1 7.55228 1 7V5C1 4.44772 1.44772 4 2 4H4C4.55228 4 5 4.44772 5 5H19ZM4 8C4.55228 8 5 7.55228 5 7H19C19 7.55228 19.4477 8 20 8V16C19.4477 16 19 16.4477 19 17H5C5 16.4477 4.55228 16 4 16V8Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
   <symbol id="FrameA4" width="24" height="24" viewBox="0 0 24 24" fill="none"
     xmlns="http://www.w3.org/2000/svg">
     <path
       d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
 
   <symbol id="FrameLetter" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
       d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
   <symbol id="FrameFrame16x9" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="#14151A" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="currentColor" />
   </symbol>
   <symbol id="FrameFrame4x3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M5 6V18H19V6H5ZM4 4C3.44772 4 3 4.44772 3 5V19C3 19.5523 3.44772 20 4 20H20C20.5523 20 21 19.5523 21 19V5C21 4.44772 20.5523 4 20 4H4Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
   <symbol id="FrameFrame1x1" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M6 6V18H18V6H6ZM5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
 
   <symbol id="FrameFrame9x18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M8 3L8 21H16V3H8ZM6 22C6 22.5523 6.44772 23 7 23H17C17.5523 23 18 22.5523 18 22V2C18 1.44772 17.5523 1 17 1H7C6.44772 1 6 1.44772 6 2L6 22Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
 
   <symbol id="FrameFrame3x2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M5.74592 6.24191V17.7576H18.2516V6.24191H5.74592ZM4.71678 4.25C4.18284 4.25 3.75 4.68197 3.75 5.21483V18.7852C3.75 19.318 4.18284 19.75 4.71678 19.75H19.2832C19.8172 19.75 20.25 19.318 20.25 18.7852V5.21483C20.25 4.68197 19.8172 4.25 19.2832 4.25H4.71678Z"
-      fill="black" />
+      fill="currentColor" />
   </symbol>
 
 

package/dist/sprite.svg

@@ -408,44 +408,44 @@
   <symbol id="FrameCustom" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M19 5C19 4.44772 19.4477 4 20 4H22C22.5523 4 23 4.44772 23 5V7C23 7.55228 22.5523 8 22 8V16C22.5523 16 23 16.4477 23 17V19C23 19.5523 22.5523 20 22 20H20C19.4477 20 19 19.5523 19 19H5C5 19.5523 4.55228 20 4 20H2C1.44772 20 1 19.5523 1 19V17C1 16.4477 1.44772 16 2 16V8C1.44772 8 1 7.55228 1 7V5C1 4.44772 1.44772 4 2 4H4C4.55228 4 5 4.44772 5 5H19ZM4 8C4.55228 8 5 7.55228 5 7H19C19 7.55228 19.4477 8 20 8V16C19.4477 16 19 16.4477 19 17H5C5 16.4477 4.55228 16 4 16V8Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
   <symbol id="FrameA4" width="24" height="24" viewBox="0 0 24 24" fill="none"
     xmlns="http://www.w3.org/2000/svg">
     <path
       d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
 
   <symbol id="FrameLetter" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
       d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
   <symbol id="FrameFrame16x9" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="#14151A" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="currentColor" />
   </symbol>
   <symbol id="FrameFrame4x3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M5 6V18H19V6H5ZM4 4C3.44772 4 3 4.44772 3 5V19C3 19.5523 3.44772 20 4 20H20C20.5523 20 21 19.5523 21 19V5C21 4.44772 20.5523 4 20 4H4Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
   <symbol id="FrameFrame1x1" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M6 6V18H18V6H6ZM5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
 
   <symbol id="FrameFrame9x18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M8 3L8 21H16V3H8ZM6 22C6 22.5523 6.44772 23 7 23H17C17.5523 23 18 22.5523 18 22V2C18 1.44772 17.5523 1 17 1H7C6.44772 1 6 1.44772 6 2L6 22Z"
-      fill="#14151A" />
+      fill="currentColor" />
   </symbol>
 
   <symbol id="FrameFrame3x2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd"
       d="M5.74592 6.24191V17.7576H18.2516V6.24191H5.74592ZM4.71678 4.25C4.18284 4.25 3.75 4.68197 3.75 5.21483V18.7852C3.75 19.318 4.18284 19.75 4.71678 19.75H19.2832C19.8172 19.75 20.25 19.318 20.25 18.7852V5.21483C20.25 4.68197 19.8172 4.25 19.2832 4.25H4.71678Z"
-      fill="black" />
+      fill="currentColor" />
   </symbol>
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",