@salutejs/sdds-serv 0.355.0-next-sbcom.0 → 0.355.0

package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabs.config.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
 const config = {
     defaults: {
         view: 'divider',
@@ -17,15 +18,15 @@ const config = {
     variations: {
         view: {
             divider: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.arrowColor}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.arrowColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.arrowColorActive}: var(---text-secondary-active);
+                ${_styledcomponents.tabsTokens.arrowColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.tabsTokens.arrowColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.arrowColorActive}: ${_sdds_serv.textSecondaryActive};
                 ${_styledcomponents.tabsTokens.tabsBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.outlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_serv.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.tabsDividerWidth}: 0.0625rem;
                 ${_styledcomponents.tabsTokens.tabsDividerHeight}: 0.0625rem;
-                ${_styledcomponents.tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);
+                ${_styledcomponents.tabsTokens.tabsDividerColor}: ${_sdds_serv.surfaceTransparentTertiary};
                 ${_styledcomponents.tabsTokens.tabsDividerBorderRadius}: 0.0625rem;
             `
         },