@conduction/theme 1.0.42 → 1.0.43

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/textbox.tokens.json

@@ -0,0 +1,47 @@
+{
+  "utrecht": {
+    "textbox": {
+      "background-color": {},
+      "border-bottom-width": {},
+      "border-color": { "value": "{rotterdam.color.gray.tint-08}" },
+      "border-radius": {},
+      "border-width": { "value": "1px" },
+      "color": { "value": "{rotterdam.color.gray.tint-11}" },
+      "font-family": { "value": "{rotterdam.typography.sans-serif.font-family}" },
+      "font-size": { "value": "{rotterdam.typography.scale.md.font-size}" },
+      "min-inline-size": {},
+      "max-inline-size": {},
+      "line-height": { "value": "24px" },
+      "padding-block-end": { "value": "12px" },
+      "padding-block-start": { "value": "10px" },
+      "padding-inline-end": { "value": "16px" },
+      "padding-inline-start": { "value": "16px" },
+      "placeholder": {
+        "color": { "value": "{rotterdam.color.gray.tint-09}" }
+      },
+      "disabled": {
+        "background-color": { "value": "{rotterdam.color.base.gray}" },
+        "border-color": {},
+        "color": {}
+      },
+      "focus": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "background-color": {},
+        "border-color": {},
+        "border-bottom-width": { "value": "2px" },
+        "border-bottom-color": { "value": "{rotterdam.color.red.tint-01}" },
+        "border-width": {},
+        "color": {}
+      },
+      "read-only": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      }
+    }
+  }
+}

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/config.json

@@ -0,0 +1,34 @@
+{
+  "fullName": "Gemeente Rotterdam",
+  "name": "Rotterdam",
+  "prefix": "rotterdam",
+  "npm": "@nl-design-system-unstable/rotterdam-design-tokens",
+  "stories": [
+    "react-utrecht-button-link--default",
+    "react-utrecht-link-button--default",
+    "react-utrecht-button--default",
+    "react-utrecht-button--hover",
+    "react-utrecht-button--primary-action-button",
+    "react-utrecht-button--secondary-action-button",
+    "react-utrecht-button--subtle-button",
+    "react-utrecht-button--disabled",
+    "react-utrecht-document--default",
+    "react-utrecht-form-field-description",
+    "react-utrecht-form-field-description--invalid",
+    "react-utrecht-form-field-description--valid",
+    "react-utrecht-form-fieldset--default",
+    "react-utrecht-link--default",
+    "react-utrecht-link--hover",
+    "react-utrecht-page-footer--default",
+    "react-utrecht-paragraph--default",
+    "react-utrecht-heading-1--default",
+    "react-utrecht-heading-2--default",
+    "react-utrecht-heading-3--default",
+    "react-utrecht-textbox--default",
+    "react-utrecht-textbox--placeholder",
+    "react-utrecht-textbox--disabled",
+    "react-utrecht-textarea--default",
+    "react-utrecht-textarea--placeholder",
+    "react-utrecht-textarea--disabled"
+  ]
+}

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/custom.scss

@@ -0,0 +1,14 @@
+/**
+ * @license SEE LICENSE.md
+ * Copyright (c) 2021 NL Design System Community
+ * All rights reserved
+ */
+
+@import "./responsive";
+
+.utrecht-form-fieldset__legend {
+  border-block-end-color: var(--rotterdam-form-fieldset-legend-border-block-end-color);
+  border-block-end-style: solid;
+  border-block-end-width: var(--rotterdam-form-fieldset-legend-border-block-end-width, 0);
+  padding-block-end: var(--rotterdam-form-fieldset-legend-padding-block-end, 0);
+}

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/font/download.sh

@@ -0,0 +1,18 @@
+#!/bin/sh
+
+curl -o ArialforRotterdam.eot https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.eot
+curl -o ArialforRotterdam.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.woff
+curl -o ArialforRotterdam.ttf https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.ttf
+curl -o ArialforRotterdam.svg https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.svg
+curl -o ArialforRotterdam-Bold.eot https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.eot
+curl -o ArialforRotterdam-Bold.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.woff
+curl -o ArialforRotterdam-Bold.ttf https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.ttf
+curl -o ArialforRotterdam-Bold.svg https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.svg
+curl -o Bolder-Bold.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Bold.woff2
+curl -o Bolder-Bold.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Bold.woff
+curl -o Bolder-Light.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Light.woff2
+curl -o Bolder-Light.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Light.woff
+curl -o Bolder-RegularItalic.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-RegularItalic.woff2
+curl -o Bolder-RegularItalic.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-RegularItalic.woff
+curl -o Bolder-Regular.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Regular.woff2
+curl -o Bolder-Regular.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Regular.woff

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/font.scss

@@ -0,0 +1,47 @@
+@font-face {
+  font-family: "ArialforRotterdam";
+  src: url("./font/ArialforRotterdam.eot?#iefix") format("embedded-opentype"),
+    url("./font/ArialforRotterdam.woff") format("woff"), url("./font/ArialforRotterdam.ttf") format("truetype"),
+    url("https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/fonts/ArialforRotterdam.svg#ArialforRotterdam")
+      format("svg");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "ArialforRotterdam";
+  src: url("./font/ArialforRotterdam-Bold.eot?#iefix") format("embedded-opentype"),
+    url("./font/ArialforRotterdam-Bold.woff") format("woff"),
+    url("./font/ArialforRotterdam-Bold.ttf") format("truetype"),
+    url("./font/ArialforRotterdam-Bold.svg#ArialforRotterdam-Bold") format("svg");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Bolder";
+  src: url("./font/Bolder-Bold.woff2") format("woff2"), url("./font/Bolder-Bold.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Bolder";
+  src: url("./font/Bolder-Light.woff2") format("woff2"), url("./font/Bolder-Light.woff") format("woff");
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Bolder";
+  src: url("./font/Bolder-RegularItalic.woff2") format("woff2"), url("./font/Bolder-RegularItalic.woff") format("woff");
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Bolder";
+  src: url("./font/Bolder-Regular.woff2") format("woff2"), url("./font/Bolder-Regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+}

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/index.scss

@@ -0,0 +1,17 @@
+/**
+ * @license SEE LICENSE.md
+ * Copyright (c) 2021 NL Design System Community
+ * All rights reserved
+ */
+
+@import "./design-tokens.css";
+@import "./responsive";
+
+/* @import "./font"; */
+
+.rotterdam-theme {
+  .utrecht-button--subtle {
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
+  }
+}

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/style-dictionary.config.js

@@ -0,0 +1,6 @@
+const config = require('./src/config.json');
+const { createConfig } = require('../../style-dictionary-config');
+
+module.exports = createConfig({
+  selector: `.${config.prefix}-theme`,
+});

package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json

@@ -90,6 +90,9 @@
         "0": {
           "value": "#000000",
           "comment": "Base/Black"
+        },
+        "15": {
+          "value": "#212529"
         }
       }
     }

package/municipalities/noordwijk-design-tokens/src/component/conduction/navigation.tokens.json

@@ -0,0 +1,66 @@
+{
+  "conduction": {
+    "primary": {
+      "top-nav": {
+        "color": { "value": "{noordwijk.color.blue.30}" },
+        "background-color": { "value": "{noordwijk.color.white.100}" },
+        "hover": {
+          "color": { "value": "{noordwijk.color.blue.30}" },
+          "background-color": { "value": "{noordwijk.color.white.100}" },
+          "box-shadow": { "value": "inset 0 -4px {noordwijk.color.light-blue.58}" }
+        },
+        "current": {
+          "color": { "value": "{noordwijk.color.blue.30}" },
+          "background-color": { "value": "unset" },
+          "box-shadow": { "value": "inset 0 -4px {noordwijk.color.light-blue.58}" },
+          "mobile": {
+            "box-shadow": { "value": "inset 4px 0 {noordwijk.color.light-blue.58}" }
+          }
+        },
+        "dropdown": {
+          "color": { "value": "{noordwijk.color.black.15}" },
+          "background-color": { "value": "{noordwijk.color.white.100}" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "hover": {
+            "color": { "value": "{noordwijk.color.black.15}" },
+            "background-color": { "value": "{noordwijk.color.light-blue.96}" },
+            "box-shadow": { "value": "none" }
+          }
+        },
+        "item": {
+          "padding": { "value": "18px" }
+        },
+        "padding-inline-end": { "value": "16px" },
+        "padding-inline-start": { "value": "16px" },
+        "padding-block-end": { "value": "16px" },
+        "padding-block-start": { "value": "16px" }
+      }
+    },
+    "secondary": {
+      "top-nav": {
+        "color": { "value": "{noordwijk.color.blue.30}" },
+        "background-color": { "value": "transparent" },
+        "hover": {
+          "color": { "value": "{noordwijk.color.black.15}" },
+          "background-color": { "value": "transparent" }
+        },
+        "current": {
+          "color": { "value": "{noordwijk.color.blue.30}" },
+          "background-color": { "value": "unset" },
+          "box-shadow": { "value": "inset 0 -4px {noordwijk.color.primary}" }
+        },
+        "font-size": { "value": "{noordwijk.font-size.md}" },
+        "font-weight": { "value": "400" },
+        "item": {
+          "padding": { "value": "18px" }
+        },
+        "padding-inline-end": { "value": "16px" },
+        "padding-inline-start": { "value": "16px" },
+        "padding-block-end": { "value": "16px" },
+        "padding-block-start": { "value": "16px" }
+      }
+    }
+  }
+}

package/municipalities/noordwijk-design-tokens/src/component/utrecht/breadcrumb.tokens.json

@@ -1,6 +1,6 @@
 {
   "utrecht": {
-    "breadcrumb": {
+    "breadcrumb-nav": {
       "block-size": {},
       "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" },
       "font-size": { "value": "{noordwijk.font-size.sm}" },
@@ -24,9 +24,9 @@
         }
       },
       "separator": {
+        "color": { "value": "{noordwijk.color.white.100}" },
         "inline-size": {},
         "icon": {
-          "color": { "value": "{noordwijk.color.white.100}" },
           "size": { "value": "{noordwijk.font-size.sm}" }
         }
       }

package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json

@@ -1,6 +1,6 @@
 {
   "utrecht": {
-    "breadcrumb": {
+    "breadcrumb-nav": {
       "background-color": { "value": "{noordwijk.color.light-blue.46}" },
       "padding-inline-start": { "value": "0" },
       "padding-inline-end": { "value": "0" },

package/municipalities/open-webconcept-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Oct 2023 13:22:28 GMT
+ * Generated on Wed, 04 Oct 2023 14:27:54 GMT
  */
 
 .open-webconcept-theme {
@@ -33,14 +33,14 @@
   --conduction-secondary-top-nav-padding-inline-end: 16px;
   --conduction-secondary-top-nav-item-padding: 18px;
   --conduction-secondary-top-nav-font-weight: 400;
-  --conduction-secondary-top-nav-background-color-active: unset;
+  --conduction-secondary-top-nav-current-background-color: unset;
   --conduction-secondary-top-nav-background-color: transparent;
   --conduction-primary-top-nav-padding-block-start: 16px;
   --conduction-primary-top-nav-padding-block-end: 16px;
   --conduction-primary-top-nav-padding-inline-start: 16px;
   --conduction-primary-top-nav-padding-inline-end: 16px;
   --conduction-primary-top-nav-item-padding: 18px;
-  --conduction-primary-top-nav-background-color-active: unset;
+  --conduction-primary-top-nav-current-background-color: unset;
   --conduction-card-wrapper-border-radius: usnet;
   --conduction-card-wrapper-border-style: solid;
   --utrecht-separator-margin-block-start: 0px;
@@ -76,10 +76,11 @@
   --utrecht-button-font-weight: inherit;
   --utrecht-button-font-size: inherit;
   --utrecht-button-border-radius: 3px;
-  --utrecht-breadcrumb-padding-block-end: 12px;
-  --utrecht-breadcrumb-padding-block-start: 12px;
-  --utrecht-breadcrumb-padding-inline-end: 0;
-  --utrecht-breadcrumb-padding-inline-start: 0;
+  --utrecht-breadcrumb-nav-padding-block-end: 12px;
+  --utrecht-breadcrumb-nav-padding-block-start: 12px;
+  --utrecht-breadcrumb-nav-padding-inline-end: 0;
+  --utrecht-breadcrumb-nav-padding-inline-start: 0;
+  --utrecht-breadcrumb-nav-border-radius: 999px;
   --utrecht-badge-counter-text-decoration: none;
   --utrecht-badge-counter-border-radius: 50%;
   --utrecht-action-submit-cursor: pointer;
@@ -197,11 +198,16 @@
   --conduction-pagination-item-color: var(--open-webconcept-color-black-0);
   --conduction-pagination-item-gap: var(--open-webconcept-size-2xs);
   --conduction-secondary-top-nav-font-size: var(--open-webconcept-font-size-md);
-  --conduction-secondary-top-nav-background-color-hover: var(--open-webconcept-color-grey-93);
+  --conduction-secondary-top-nav-current-box-shadow: inset 0 -4px var(--open-webconcept-color-primary);
+  --conduction-secondary-top-nav-current-color: var(--open-webconcept-color-black-27);
+  --conduction-secondary-top-nav-hover-background-color: var(--open-webconcept-color-grey-93);
+  --conduction-secondary-top-nav-hover-color: var(--open-webconcept-color-black-27);
   --conduction-secondary-top-nav-color: var(--open-webconcept-color-black-27);
-  --conduction-primary-top-nav-dropdown-border-radius: var(--open-webconcept-size-md);
-  --conduction-primary-top-nav-box-shadow-active: inset 0 -4px var(--open-webconcept-color-primary);
-  --conduction-primary-top-nav-background-color-hover: var(--open-webconcept-color-grey-93);
+  --conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 var(--open-webconcept-color-primary);
+  --conduction-primary-top-nav-current-box-shadow: inset 0 -4px var(--open-webconcept-color-primary);
+  --conduction-primary-top-nav-current-color: var(--open-webconcept-color-black-27);
+  --conduction-primary-top-nav-hover-background-color: var(--open-webconcept-color-grey-93);
+  --conduction-primary-top-nav-hover-color: var(--open-webconcept-color-black-27);
   --conduction-primary-top-nav-background-color: var(--open-webconcept-color-white-100);
   --conduction-primary-top-nav-color: var(--open-webconcept-color-black-27);
   --conduction-card-wrapper-padding-block-start: var(--open-webconcept-size-md);
@@ -350,13 +356,13 @@
   --utrecht-button-border-width: var(--open-webconcept-size-3xs);
   --utrecht-button-border-color: var(--open-webconcept-color-primary);
   --utrecht-button-background-color: var(--open-webconcept-color-primary);
-  --utrecht-breadcrumb-background-color: var(--open-webconcept-color-black-20);
-  --utrecht-breadcrumb-separator-icon-size: var(--open-webconcept-font-size-sm);
-  --utrecht-breadcrumb-separator-icon-color: var(--open-webconcept-color-grey-46);
-  --utrecht-breadcrumb-link-hover-color: var(--open-webconcept-color-grey-93);
-  --utrecht-breadcrumb-link-disabled-color: var(--open-webconcept-color-white-100-70t);
-  --utrecht-breadcrumb-link-current-color: var(--open-webconcept-color-white-100-70t);
-  --utrecht-breadcrumb-link-color: var(--open-webconcept-color-grey-73);
+  --utrecht-breadcrumb-nav-background-color: var(--open-webconcept-color-black-20);
+  --utrecht-breadcrumb-nav-separator-icon-size: var(--open-webconcept-font-size-sm);
+  --utrecht-breadcrumb-nav-separator-color: var(--open-webconcept-color-grey-46);
+  --utrecht-breadcrumb-nav-link-hover-color: var(--open-webconcept-color-grey-93);
+  --utrecht-breadcrumb-nav-link-disabled-color: var(--open-webconcept-color-white-100-70t);
+  --utrecht-breadcrumb-nav-link-current-color: var(--open-webconcept-color-white-100-70t);
+  --utrecht-breadcrumb-nav-link-color: var(--open-webconcept-color-grey-73);
   --utrecht-blockquote-content-font-size: var(--open-webconcept-font-size-md);
   --utrecht-blockquote-content-color: var(--open-webconcept-color-black-0);
   --utrecht-blockquote-margin-inline-end: var(--open-webconcept-size-xl);
@@ -436,7 +442,7 @@
   --utrecht-button-secondary-action-hover-border-color: var(--open-webconcept-color-primary-hover);
   --utrecht-button-hover-border-color: var(--open-webconcept-color-primary-hover);
   --utrecht-button-hover-background-color: var(--open-webconcept-color-primary-hover);
-  --utrecht-breadcrumb-font-family: var(--utrecht-document-font-family);
+  --utrecht-breadcrumb-nav-font-family: var(--utrecht-document-font-family);
   --utrecht-badge-counter-font-family: var(--utrecht-document-font-family);
   --utrecht-badge-counter-font-size: var(--utrecht-document-font-size);
 }

package/municipalities/open-webconcept-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Oct 2023 13:22:28 GMT
+ * Generated on Wed, 04 Oct 2023 14:27:54 GMT
  */
 
 export const openWebconceptColorPrimary = "#1abc9c";
@@ -125,18 +125,19 @@ export const utrechtBlockquoteMarginInlineStart = "32px";
 export const utrechtBlockquoteMarginInlineEnd = "32px";
 export const utrechtBlockquoteContentColor = "#000000";
 export const utrechtBlockquoteContentFontSize = "14px";
-export const utrechtBreadcrumbFontFamily = "\"Open Sans\", Monospace, Arial, sans-serif";
-export const utrechtBreadcrumbLinkColor = "#bbbbbb";
-export const utrechtBreadcrumbLinkCurrentColor = "#ffffffb3";
-export const utrechtBreadcrumbLinkDisabledColor = "#ffffffb3";
-export const utrechtBreadcrumbLinkHoverColor = "#eeeeee";
-export const utrechtBreadcrumbSeparatorIconColor = "#6c757d";
-export const utrechtBreadcrumbSeparatorIconSize = "12px";
-export const utrechtBreadcrumbBackgroundColor = "#333333";
-export const utrechtBreadcrumbPaddingInlineStart = "0";
-export const utrechtBreadcrumbPaddingInlineEnd = "0";
-export const utrechtBreadcrumbPaddingBlockStart = "12px";
-export const utrechtBreadcrumbPaddingBlockEnd = "12px";
+export const utrechtBreadcrumbNavFontFamily = "\"Open Sans\", Monospace, Arial, sans-serif";
+export const utrechtBreadcrumbNavLinkColor = "#bbbbbb";
+export const utrechtBreadcrumbNavLinkCurrentColor = "#ffffffb3";
+export const utrechtBreadcrumbNavLinkDisabledColor = "#ffffffb3";
+export const utrechtBreadcrumbNavLinkHoverColor = "#eeeeee";
+export const utrechtBreadcrumbNavSeparatorColor = "#6c757d";
+export const utrechtBreadcrumbNavSeparatorIconSize = "12px";
+export const utrechtBreadcrumbNavBackgroundColor = "#333333";
+export const utrechtBreadcrumbNavBorderRadius = "999px";
+export const utrechtBreadcrumbNavPaddingInlineStart = "0";
+export const utrechtBreadcrumbNavPaddingInlineEnd = "0";
+export const utrechtBreadcrumbNavPaddingBlockStart = "12px";
+export const utrechtBreadcrumbNavPaddingBlockEnd = "12px";
 export const utrechtButtonBackgroundColor = "#1abc9c";
 export const utrechtButtonBorderColor = "#1abc9c";
 export const utrechtButtonBorderRadius = "3px";
@@ -336,10 +337,12 @@ export const conductionCardWrapperPaddingBlockEnd = "18px";
 export const conductionCardWrapperPaddingBlockStart = "18px";
 export const conductionPrimaryTopNavColor = "#444444";
 export const conductionPrimaryTopNavBackgroundColor = "#ffffff";
-export const conductionPrimaryTopNavBackgroundColorHover = "#eeeeee";
-export const conductionPrimaryTopNavBackgroundColorActive = "unset";
-export const conductionPrimaryTopNavBoxShadowActive = "inset 0 -4px #1abc9c";
-export const conductionPrimaryTopNavDropdownBorderRadius = "18px";
+export const conductionPrimaryTopNavHoverColor = "#444444";
+export const conductionPrimaryTopNavHoverBackgroundColor = "#eeeeee";
+export const conductionPrimaryTopNavCurrentColor = "#444444";
+export const conductionPrimaryTopNavCurrentBackgroundColor = "unset";
+export const conductionPrimaryTopNavCurrentBoxShadow = "inset 0 -4px #1abc9c";
+export const conductionPrimaryTopNavCurrentMobileBoxShadow = "inset 4px 0 #1abc9c";
 export const conductionPrimaryTopNavItemPadding = "18px";
 export const conductionPrimaryTopNavPaddingInlineEnd = "16px";
 export const conductionPrimaryTopNavPaddingInlineStart = "16px";
@@ -347,8 +350,11 @@ export const conductionPrimaryTopNavPaddingBlockEnd = "16px";
 export const conductionPrimaryTopNavPaddingBlockStart = "16px";
 export const conductionSecondaryTopNavColor = "#444444";
 export const conductionSecondaryTopNavBackgroundColor = "transparent";
-export const conductionSecondaryTopNavBackgroundColorHover = "#eeeeee";
-export const conductionSecondaryTopNavBackgroundColorActive = "unset";
+export const conductionSecondaryTopNavHoverColor = "#444444";
+export const conductionSecondaryTopNavHoverBackgroundColor = "#eeeeee";
+export const conductionSecondaryTopNavCurrentColor = "#444444";
+export const conductionSecondaryTopNavCurrentBackgroundColor = "unset";
+export const conductionSecondaryTopNavCurrentBoxShadow = "inset 0 -4px #1abc9c";
 export const conductionSecondaryTopNavFontSize = "14px";
 export const conductionSecondaryTopNavFontWeight = "400";
 export const conductionSecondaryTopNavItemPadding = "18px";