microboard-ui-temp 0.9.6 → 0.9.8

package/dist/{chunk-ne64pvg3.css → chunk-dr0g41aw.css}

@@ -2851,8 +2851,8 @@ a.link_jFMnzg {
 /* src/features/UserPlan/PlanCard.module.css */
 .card_s5OnKw {
   background-color: var(--bg-color);
+  border: 1px solid var(--border-action-normal);
   display: flex;
-  border: 1px solid #0a0f2914;
   border-radius: 24px;
   flex-direction: column;
   align-items: stretch;
@@ -2864,7 +2864,7 @@ a.link_jFMnzg {
 }
 
 .basic_s5OnKw {
-  --bg-color: #fff;
+  --bg-color: var(--background-surface-default);
 }
 
 .plus_s5OnKw {
@@ -2887,13 +2887,13 @@ a.link_jFMnzg {
 }
 
 .price_s5OnKw {
-  color: #14151a;
+  color: var(--text-base-primary);
   font-size: 36px;
   font-weight: 500;
 }
 
 .models_s5OnKw {
-  color: #0f132499;
+  color: var(--text-base-secondary);
   font-size: 16px;
 }
 
@@ -2908,7 +2908,7 @@ a.link_jFMnzg {
 }
 
 .feature_s5OnKw {
-  color: #14151a;
+  color: var(--text-base-primary);
   position: relative;
   display: flex;
   align-items:  center;
@@ -2934,9 +2934,9 @@ a.link_jFMnzg {
 }
 
 .unlimited_s5OnKw {
+  background-color: var(--background-surface-default);
   display: flex;
-  color: #14151a;
-  background-color: #fff;
+  color: var(--text-base-primary);
   border-radius: 360px;
   align-items:  center;
   gap: 4px;
@@ -2958,7 +2958,7 @@ a.link_jFMnzg {
 }
 
 .priceValue_s5OnKw {
-  color: #14151a;
+  color: var(--text-base-primary);
 }
 
 .priceWrapper2_s5OnKw {
@@ -2996,7 +2996,7 @@ a.link_jFMnzg {
 }
 
 .tooltipIcon_s5OnKw {
-  color: #0f132499;
+  color: var(--text-base-secondary);
 }
 
 .tooltip_s5OnKw {
@@ -3260,7 +3260,7 @@ a.link_jFMnzg {
 
 .downgradeConfirmation_eT4yLw {
   display: flex;
-  color: #14151a;
+  color: var(--text-base-primary);
   text-align: left;
   flex-direction: column;
   align-items:  flex-start;
@@ -3306,12 +3306,12 @@ a.link_jFMnzg {
 
 .card_SckGZA {
   cursor: pointer;
-  color: #14151a;
+  color: var(--text-base-primary);
+  background: var(--background-surface-default);
+  border: 1px solid var(--border-action-normal);
   box-sizing: border-box;
   display: flex;
   isolation: isolate;
-  background: #fff;
-  border: 1px solid #dee0e3;
   border-radius: 16px;
   flex-direction: column;
   justify-content: space-between;
@@ -3384,7 +3384,7 @@ a.link_jFMnzg {
 }
 
 .description_SckGZA {
-  color: #0f132499;
+  color: var(--text-base-secondary);
   font-family: Manrope, sans-serif;
   font-size: 16px;
   font-weight: 400;
@@ -3430,8 +3430,8 @@ a.link_jFMnzg {
 .coin_SckGZA {
   box-sizing: border-box;
   display: flex;
-  background: #fff;
-  border: 1px solid #dee0e3;
+  background: var(--background-surface-default);
+  border: 1px solid var(--border-action-normal);
   border-radius: 10px;
   flex-direction: column;
   flex: none;
@@ -5603,12 +5603,12 @@ a.link_jFMnzg {
 
 .cardsScroll_tVQJew::-webkit-scrollbar-thumb {
   display: block;
-  background-color: #dee1e8;
+  background-color: var(--scrollbar-thumb);
   border-radius: 2px;
 }
 
 .back_tVQJew {
-  color: #14151a;
+  color: var(--text-base-primary);
   flex: 1;
   align-self:  flex-start;
   width: auto;
@@ -5618,7 +5618,7 @@ a.link_jFMnzg {
 }
 
 .plansBtn_tVQJew {
-  color: #0f132499;
+  color: var(--text-base-secondary);
   display: flex;
   cursor: pointer;
   align-self:  flex-start;
@@ -5670,7 +5670,7 @@ a.link_jFMnzg {
 
 .downgradeConfirmation_tVQJew {
   display: flex;
-  color: #14151a;
+  color: var(--text-base-primary);
   text-align: left;
   flex-direction: column;
   align-items:  flex-start;
@@ -5687,7 +5687,7 @@ a.link_jFMnzg {
 }
 
 .badge_tVQJew {
-  background-color: #0a0f290a;
+  background-color: var(--background-hover-subtle);
   border-radius: 8px;
   padding: 2px 6px;
   transition: all .3s;
@@ -5712,7 +5712,7 @@ a.link_jFMnzg {
 }
 
 .row_0VfwRg {
-  border-bottom: 1px solid #e9eaec;
+  border-bottom: 1px solid var(--border-action-normal);
 }
 
 .limit_0VfwRg {
@@ -5729,7 +5729,7 @@ a.link_jFMnzg {
 
 .table_0VfwRg th {
   text-align: left;
-  border-right: 1px solid #e9eaec;
+  border-right: 1px solid var(--border-action-normal);
   font-weight: 400;
 }
 
@@ -5738,7 +5738,7 @@ a.link_jFMnzg {
 }
 
 .header_0VfwRg {
-  background-color: #f7f7f8;
+  background-color: var(--background-button-tertiary);
 }
 
 td.currentTariff_0VfwRg {
@@ -5756,18 +5756,18 @@ td.currentTariff_0VfwRg {
 }
 
 .modelName_0VfwRg {
-  color: #14151a;
+  color: var(--text-base-primary);
   font-weight: 500;
 }
 
 .modelDescription_0VfwRg {
-  color: #0f132499;
+  color: var(--text-base-secondary);
   font-size: 12px;
   font-weight: 400;
 }
 
 .modelDisabled_0VfwRg {
-  color: #0a0f2940;
+  color: var(--text-base-quaternary);
 }
 
 .modelDisabled_0VfwRg.currentTariff_0VfwRg {
@@ -5775,7 +5775,7 @@ td.currentTariff_0VfwRg {
 }
 
 .modelLimitReached_0VfwRg {
-  color: #0d112666;
+  color: var(--text-base-secondary);
 }
 
 .limits_0VfwRg {
@@ -5832,7 +5832,7 @@ td.currentTariff_0VfwRg {
 
 /* src/features/UserPlan/UserPlanUsage.module.css */
 .planUsage_kgooGA {
-  color: #0f132499;
+  color: var(--text-base-secondary);
   text-align: left;
   width: 100%;
   font-size: 16px;
@@ -5843,7 +5843,7 @@ td.currentTariff_0VfwRg {
 }
 
 .basicPlan_kgooGA {
-  color: #14151a;
+  color: var(--text-base-primary);
 }
 
 .plusPlan_kgooGA {
@@ -5863,7 +5863,7 @@ td.currentTariff_0VfwRg {
 }
 
 .paymentActions_kgooGA {
-  color: #0f132499;
+  color: var(--text-base-secondary);
   text-align: center;
   display: flex;
   justify-content: center;
@@ -5880,7 +5880,7 @@ td.currentTariff_0VfwRg {
 
 .link_kgooGA {
   position: relative;
-  color: #0f132499;
+  color: var(--text-base-secondary);
   text-decoration: none;
   font-family: Manrope, Arial;
   font-size: 16px;
@@ -5893,7 +5893,7 @@ td.currentTariff_0VfwRg {
 .link_kgooGA:after {
   content: "";
   position: absolute;
-  background-color: #0a0f2914;
+  background-color: var(--background-hover-subtle-strong);
   width: 100%;
   height: 2px;
   bottom: -3px;
@@ -5926,7 +5926,7 @@ td.currentTariff_0VfwRg {
 }
 
 .cancel_kgooGA {
-  color: #0f132499;
+  color: var(--text-base-secondary);
   cursor: pointer;
   text-decoration: underline;
   font-size: 16px;
@@ -10281,7 +10281,7 @@ input.rename_i3VZwA {
 
 .wrapper_jjcYzw {
   display: flex;
-  color: #14151a;
+  color: var(--text-base-primary);
   touch-action: auto;
   -webkit-overflow-scrolling: touch;
   gap: 16px;
@@ -10291,7 +10291,7 @@ input.rename_i3VZwA {
 }
 
 .sidebar_jjcYzw {
-  border-right: 1px solid #e9eaec;
+  border-right: 1px solid var(--border-action-normal);
   width: 280px;
   padding: 16px 0;
 }
@@ -10369,7 +10369,7 @@ input.rename_i3VZwA {
 }
 
 .noTemplatesText_jjcYzw {
-  color: #0f132499;
+  color: var(--text-base-secondary);
   letter-spacing: -.014em;
   margin-top: 12px;
   font-family: Manrope;
@@ -10403,14 +10403,14 @@ input.rename_i3VZwA {
   }
 
   .burgerMenuContainer_jjcYzw > button:hover {
-    background-color: #0a0f290a;
+    background-color: var(--background-hover-subtle);
   }
 
   .burgerMenu_jjcYzw {
     display: none;
     position: absolute;
     z-index: 5;
-    border: 1px solid #e9eaec;
+    border: 1px solid var(--border-action-normal);
     border-radius: 10px;
     min-width: 200px;
     padding: 0 8px 12px 16px;
@@ -10419,7 +10419,7 @@ input.rename_i3VZwA {
 
   .activeBurgerMenu_jjcYzw {
     display: block;
-    background-color: #fff;
+    background-color: var(--background-surface-default);
   }
 }
 
@@ -10449,7 +10449,7 @@ input.rename_i3VZwA {
 
 .scrollContainer_sz3AqQ::-webkit-scrollbar-thumb {
   display: block;
-  background-color: #dee1e8;
+  background-color: var(--scrollbar-thumb);
   border-radius: 4px;
 }
 
@@ -10462,7 +10462,7 @@ input.rename_i3VZwA {
 .backBtn_sz3AqQ {
   display: flex;
   letter-spacing: -.005em;
-  color: #0f132499;
+  color: var(--text-base-secondary);
   cursor: pointer;
   align-items:  center;
   gap: 4px;
@@ -10475,7 +10475,7 @@ input.rename_i3VZwA {
 
 .mainSection_sz3AqQ {
   display: flex;
-  border: 1px solid #e9eaec;
+  border: 1px solid var(--border-action-normal);
   border-radius: 16px;
   flex-wrap: nowrap;
   justify-content: center;
@@ -10507,7 +10507,7 @@ input.rename_i3VZwA {
 }
 
 .description_sz3AqQ {
-  color: #0f132499;
+  color: var(--text-base-secondary);
   letter-spacing: -.01em;
   word-break: break-word;
   display: inline-block;
@@ -10531,7 +10531,7 @@ input.rename_i3VZwA {
 
 .description_sz3AqQ::-webkit-scrollbar-thumb {
   display: block;
-  background-color: #dee1e8;
+  background-color: var(--scrollbar-thumb);
   border-radius: 4px;
 }
 
@@ -10610,7 +10610,7 @@ input.rename_i3VZwA {
 
 .templatesGrid_2qNmAA::-webkit-scrollbar-thumb {
   display: block;
-  background-color: #dee1e8;
+  background-color: var(--scrollbar-thumb);
   border-radius: 4px;
 }
 
@@ -10632,10 +10632,10 @@ input.rename_i3VZwA {
 /* src/features/Templates/SelectTemplateModal/TemplateItemsGrid/TemplateItem/templateItem.module.css */
 .card_DKl9Ew {
   display: flex;
-  color: #14151a;
+  border: 1px solid var(--border-action-normal);
+  color: var(--text-base-primary);
   touch-action: auto;
   -webkit-tap-highlight-color: transparent;
-  border: 1px solid #e9eaec;
   border-radius: 16px;
   flex-flow: column wrap;
   gap: 16px;
@@ -10706,7 +10706,7 @@ input.rename_i3VZwA {
 }
 
 .categoryName_BAXXOA {
-  color: #0f132499;
+  color: var(--text-base-secondary);
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
@@ -10735,7 +10735,7 @@ input.rename_i3VZwA {
 }
 
 .categoryItem_BAXXOA:hover, .activeCategoryItem_BAXXOA {
-  background-color: #0a0f290a;
+  background-color: var(--background-hover-subtle);
 }
 
 @media (max-width: 768px) {
@@ -10749,12 +10749,12 @@ input.rename_i3VZwA {
   position: relative;
   display: inline-block;
   text-align: left;
-  color: #0f132499;
+  color: var(--text-base-secondary);
 }
 
 .dropdownButton_GA2Vsw {
   display: flex;
-  color: #0f132499;
+  color: var(--text-base-secondary);
   letter-spacing: -.005em;
   background: none;
   border: none;
@@ -10771,14 +10771,14 @@ input.rename_i3VZwA {
 }
 
 .dropdownButton_GA2Vsw:hover {
-  background-color: #0a0f290a;
+  background-color: var(--background-hover-subtle);
 }
 
 .dropdownMenu_GA2Vsw {
   position: absolute;
+  background-color: var(--background-surface-default);
   z-index: 1;
-  background-color: #fff;
-  border: 1px solid #dee0e3;
+  border: 1px solid var(--border-action-normal);
   border-radius: 8px;
   width: 180px;
   padding: 4px;
@@ -10799,7 +10799,7 @@ input.rename_i3VZwA {
 }
 
 .dropdownItemActive_GA2Vsw, .dropdownItem_GA2Vsw:hover {
-  background-color: #0a0f290a;
+  background-color: var(--background-hover-subtle);
 }
 
 /* src/features/ToolsPanel/Buttons/EventList/EventList.module.css */