@conduction/theme 1.0.56 → 1.0.58

package/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json

@@ -86,11 +86,15 @@
         "90": {
           "value": "#e5e5e5"
         },
+
         "93": {
           "value": "#eeeeee"
         },
         "96": {
           "value": "#f5f5f5"
+        },
+        "97": {
+          "value": "#f7f7f7"
         }
       }
     }

package/municipalities/open-webconcept-design-tokens/src/component/conduction/logo.tokens.json

@@ -14,6 +14,13 @@
         "background-image": {
           "value": "url('https://openwebconcept.nl/wp-content/themes/openwebconcept/assets/src/images/logo@2x.png')"
         }
+      },
+      "navbar": {
+        "inline-size": { "value": "116px" },
+        "block-size": { "value": "45px" },
+        "background-image": {
+          "value": "url('https://openwebconcept.nl/wp-content/themes/openwebconcept/assets/src/images/logo@2x.png')"
+        }
       }
     }
   }

package/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json

@@ -0,0 +1,14 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{open-webconcept.color.grey.82}" },
+        "border-width": { "value": "{open-webconcept.size.4xs}" },
+        "background-color": { "value": "{open-webconcept.color.white.100}" },
+        "color": { "value": "{open-webconcept.color.grey.82}" }
+      }
+    }
+  }
+}

package/municipalities/open-webconcept-design-tokens/src/component/utrecht/radio-button.tokens.json

@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{open-webconcept.color.white.100}" },
+      "border-color": { "value": "{open-webconcept.color.grey.46}" },
+      "border-width": { "value": "{open-webconcept.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{open-webconcept.color.primary}" },
+        "border-width": { "value": "{open-webconcept.size.4xs}" },
+        "background-color": { "value": "{open-webconcept.color.white.100}" },
+        "color": { "value": "{open-webconcept.color.primary}" },
+        "active": {
+          "border-color": { "value": "{open-webconcept.color.primary}" },
+          "border-width": { "value": "{open-webconcept.size.4xs}" },
+          "background-color": { "value": "{open-webconcept.color.white.100}" },
+          "color": { "value": "{open-webconcept.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{open-webconcept.color.primary-hover}" },
+          "border-width": { "value": "{open-webconcept.size.4xs}" },
+          "background-color": { "value": "{open-webconcept.color.white.100}" },
+          "color": { "value": "{open-webconcept.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{open-webconcept.color.primary}" },
+          "border-width": { "value": "{open-webconcept.size.4xs}" },
+          "background-color": { "value": "{open-webconcept.color.white.100}" },
+          "color": { "value": "{open-webconcept.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{open-webconcept.color.grey.31}" },
+        "border-width": { "value": "{open-webconcept.size.4xs}" },
+        "background-color": { "value": "{open-webconcept.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{open-webconcept.color.primary}" },
+        "border-width": { "value": "{open-webconcept.size.4xs}" },
+        "background-color": { "value": "{open-webconcept.color.white.100}" },
+        "color": { "value": "{open-webconcept.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{open-webconcept.color.grey.82}" },
+        "border-width": { "value": "{open-webconcept.size.4xs}" },
+        "background-color": { "value": "{open-webconcept.color.grey.97}" },
+        "color": { "value": "{open-webconcept.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{open-webconcept.color.error}" },
+        "border-width": { "value": "{open-webconcept.size.4xs}" },
+        "background-color": { "value": "{open-webconcept.color.white.100}" },
+        "color": { "value": "{open-webconcept.color.error}" }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 14:11:26 GMT
+ * Generated on Wed, 06 Dec 2023 17:07:18 GMT
  */
 
 .rotterdam-theme {
@@ -36,6 +36,46 @@
   --utrecht-table-header-border-block-end-color: var(--rotterdam-color-gray-tint-11);
   --utrecht-table-background-color: var(--rotterdam-color-base-white);
   --utrecht-table-border-collapse: collapse;
+  --utrecht-radio-button-invalid-color: #FE1818;
+  --utrecht-radio-button-invalid-background-color: var(--rotterdam-color-base-white);
+  --utrecht-radio-button-invalid-border-width: 1px;
+  --utrecht-radio-button-invalid-border-color: #FE1818;
+  --utrecht-radio-button-disabled-color: var(--rotterdam-color-gray-tint-08);
+  --utrecht-radio-button-disabled-background-color: var(--rotterdam-color-gray-tint-01);
+  --utrecht-radio-button-disabled-border-width: 1px;
+  --utrecht-radio-button-disabled-border-color: var(--rotterdam-color-gray-tint-08);
+  --utrecht-radio-button-focus-color: var(--rotterdam-color-base-green);
+  --utrecht-radio-button-focus-background-color: var(--rotterdam-color-base-white);
+  --utrecht-radio-button-focus-border-width: 5px;
+  --utrecht-radio-button-focus-border-color: var(--rotterdam-color-base-green);
+  --utrecht-radio-button-hover-background-color: var(--rotterdam-color-base-white);
+  --utrecht-radio-button-hover-border-width: 2px;
+  --utrecht-radio-button-hover-border-color: var(--rotterdam-color-base-green);
+  --utrecht-radio-button-checked-focus-color: var(--rotterdam-color-base-white);
+  --utrecht-radio-button-checked-focus-background-color: var(--rotterdam-color-base-white);
+  --utrecht-radio-button-checked-focus-border-width: 1px;
+  --utrecht-radio-button-checked-focus-border-color: var(--rotterdam-color-base-green);
+  --utrecht-radio-button-checked-hover-color: var(--rotterdam-color-base-white);
+  --utrecht-radio-button-checked-hover-background-color: var(--rotterdam-color-base-white);
+  --utrecht-radio-button-checked-hover-border-width: 5px;
+  --utrecht-radio-button-checked-hover-border-color: var(--rotterdam-color-base-black);
+  --utrecht-radio-button-checked-active-color: var(--rotterdam-color-base-white);
+  --utrecht-radio-button-checked-active-background-color: var(--rotterdam-color-base-white);
+  --utrecht-radio-button-checked-active-border-width: 1px;
+  --utrecht-radio-button-checked-active-border-color: var(--rotterdam-color-base-green);
+  --utrecht-radio-button-checked-color: var(--rotterdam-color-base-white);
+  --utrecht-radio-button-checked-background-color: var(--rotterdam-color-base-white);
+  --utrecht-radio-button-checked-border-width: 5px;
+  --utrecht-radio-button-checked-border-color: var(--rotterdam-color-base-green);
+  --utrecht-radio-button-border-width: 1px;
+  --utrecht-radio-button-border-color: var(--rotterdam-color-gray-tint-08);
+  --utrecht-radio-button-background-color: var(--rotterdam-color-base-white);
+  --utrecht-radio-button-checked-disabled-color: var(--rotterdam-color-gray-tint-08);
+  --utrecht-radio-button-checked-disabled-background-color: var(--rotterdam-color-gray-tint-08);
+  --utrecht-radio-button-checked-disabled-border-width: 1px;
+  --utrecht-radio-button-checked-disabled-border-color: var(--rotterdam-color-gray-tint-08);
+  --utrecht-radio-button-min-inline-size: 16px;
+  --utrecht-radio-button-min-block-size: 16px;
   --utrecht-page-header-padding-block-end: 14px;
   --utrecht-page-header-padding-block-start: 14px;
   --utrecht-page-header-color: var(--rotterdam-color-gray-tint-11);
@@ -248,6 +288,9 @@
   --conduction-primary-top-nav-hover-color: var(--rotterdam-color-green-tint-01);
   --conduction-primary-top-nav-background-color: var(--rotterdam-color-base-white);
   --conduction-primary-top-nav-color: var(--rotterdam-color-gray-tint-11);
+  --conduction-logo-navbar-background-image: url('https://www.rotterdam.nl/images/logo-base.svg');
+  --conduction-logo-navbar-block-size: 46px;
+  --conduction-logo-navbar-inline-size: 175px;
   --conduction-logo-footer-background-image: url('https://www.rotterdam.nl/images/logo-base-white.svg');
   --conduction-logo-footer-block-size: 48px;
   --conduction-logo-footer-inline-size: 240px;

package/municipalities/rotterdam-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 14:11:26 GMT
+ * Generated on Wed, 06 Dec 2023 17:07:18 GMT
  */
 
 export const conductionCardHeaderColor = "var(--utrecht-document-color)";
@@ -81,6 +81,9 @@ export const conductionLogoHeaderBackgroundImage = "url('https://www.rotterdam.n
 export const conductionLogoFooterInlineSize = "240px";
 export const conductionLogoFooterBlockSize = "48px";
 export const conductionLogoFooterBackgroundImage = "url('https://www.rotterdam.nl/images/logo-base-white.svg')";
+export const conductionLogoNavbarInlineSize = "175px";
+export const conductionLogoNavbarBlockSize = "46px";
+export const conductionLogoNavbarBackgroundImage = "url('https://www.rotterdam.nl/images/logo-base.svg')";
 export const conductionPrimaryTopNavColor = "var(--rotterdam-color-gray-tint-11)";
 export const conductionPrimaryTopNavBackgroundColor = "var(--rotterdam-color-base-white)";
 export const conductionPrimaryTopNavHoverColor = "var(--rotterdam-color-green-tint-01)";
@@ -293,6 +296,46 @@ export const utrechtPageHeaderBackgroundColor = "var(--rotterdam-color-base-whit
 export const utrechtPageHeaderColor = "var(--rotterdam-color-gray-tint-11)";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
 export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtRadioButtonMinBlockSize = "16px";
+export const utrechtRadioButtonMinInlineSize = "16px";
+export const utrechtRadioButtonCheckedDisabledBorderColor = "var(--rotterdam-color-gray-tint-08)";
+export const utrechtRadioButtonCheckedDisabledBorderWidth = "1px";
+export const utrechtRadioButtonCheckedDisabledBackgroundColor = "var(--rotterdam-color-gray-tint-08)";
+export const utrechtRadioButtonCheckedDisabledColor = "var(--rotterdam-color-gray-tint-08)";
+export const utrechtRadioButtonBackgroundColor = "var(--rotterdam-color-base-white)";
+export const utrechtRadioButtonBorderColor = "var(--rotterdam-color-gray-tint-08)";
+export const utrechtRadioButtonBorderWidth = "1px";
+export const utrechtRadioButtonCheckedBorderColor = "var(--rotterdam-color-base-green)";
+export const utrechtRadioButtonCheckedBorderWidth = "5px";
+export const utrechtRadioButtonCheckedBackgroundColor = "var(--rotterdam-color-base-white)";
+export const utrechtRadioButtonCheckedColor = "var(--rotterdam-color-base-white)";
+export const utrechtRadioButtonCheckedActiveBorderColor = "var(--rotterdam-color-base-green)";
+export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
+export const utrechtRadioButtonCheckedActiveBackgroundColor = "var(--rotterdam-color-base-white)";
+export const utrechtRadioButtonCheckedActiveColor = "var(--rotterdam-color-base-white)";
+export const utrechtRadioButtonCheckedHoverBorderColor = "var(--rotterdam-color-base-black)";
+export const utrechtRadioButtonCheckedHoverBorderWidth = "5px";
+export const utrechtRadioButtonCheckedHoverBackgroundColor = "var(--rotterdam-color-base-white)";
+export const utrechtRadioButtonCheckedHoverColor = "var(--rotterdam-color-base-white)";
+export const utrechtRadioButtonCheckedFocusBorderColor = "var(--rotterdam-color-base-green)";
+export const utrechtRadioButtonCheckedFocusBorderWidth = "1px";
+export const utrechtRadioButtonCheckedFocusBackgroundColor = "var(--rotterdam-color-base-white)";
+export const utrechtRadioButtonCheckedFocusColor = "var(--rotterdam-color-base-white)";
+export const utrechtRadioButtonHoverBorderColor = "var(--rotterdam-color-base-green)";
+export const utrechtRadioButtonHoverBorderWidth = "2px";
+export const utrechtRadioButtonHoverBackgroundColor = "var(--rotterdam-color-base-white)";
+export const utrechtRadioButtonFocusBorderColor = "var(--rotterdam-color-base-green)";
+export const utrechtRadioButtonFocusBorderWidth = "5px";
+export const utrechtRadioButtonFocusBackgroundColor = "var(--rotterdam-color-base-white)";
+export const utrechtRadioButtonFocusColor = "var(--rotterdam-color-base-green)";
+export const utrechtRadioButtonDisabledBorderColor = "var(--rotterdam-color-gray-tint-08)";
+export const utrechtRadioButtonDisabledBorderWidth = "1px";
+export const utrechtRadioButtonDisabledBackgroundColor = "var(--rotterdam-color-gray-tint-01)";
+export const utrechtRadioButtonDisabledColor = "var(--rotterdam-color-gray-tint-08)";
+export const utrechtRadioButtonInvalidBorderColor = "#FE1818";
+export const utrechtRadioButtonInvalidBorderWidth = "1px";
+export const utrechtRadioButtonInvalidBackgroundColor = "var(--rotterdam-color-base-white)";
+export const utrechtRadioButtonInvalidColor = "#FE1818";
 export const utrechtTableBorderCollapse = "collapse";
 export const utrechtTableBackgroundColor = "var(--rotterdam-color-base-white)";
 export const utrechtTableHeaderBorderBlockEndColor = "var(--rotterdam-color-gray-tint-11)";