@conduction/theme 1.0.56 → 1.0.58

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

@@ -4,12 +4,23 @@
       "header": {
         "inline-size": { "value": "220px" },
         "block-size": { "value": "44px" },
-        "background-image": { "value": "url('https://www.rotterdam.nl/images/logo-base.svg')" }
+        "background-image": {
+          "value": "url('https://www.rotterdam.nl/images/logo-base.svg')"
+        }
       },
       "footer": {
         "inline-size": { "value": "240px" },
         "block-size": { "value": "48px" },
-        "background-image": { "value": "url('https://www.rotterdam.nl/images/logo-base-white.svg')" }
+        "background-image": {
+          "value": "url('https://www.rotterdam.nl/images/logo-base-white.svg')"
+        }
+      },
+      "navbar": {
+        "inline-size": { "value": "175px" },
+        "block-size": { "value": "46px" },
+        "background-image": {
+          "value": "url('https://www.rotterdam.nl/images/logo-base.svg')"
+        }
       }
     }
   }

package/municipalities/rotterdam-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": "var(--rotterdam-color-gray-tint-08)" },
+        "border-width": { "value": "1px" },
+        "background-color": { "value": "var(--rotterdam-color-gray-tint-08)" },
+        "color": { "value": "var(--rotterdam-color-gray-tint-08)" }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "var(--rotterdam-color-base-white)" },
+      "border-color": { "value": "var(--rotterdam-color-gray-tint-08)" },
+      "border-width": { "value": "1px" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": {}
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "var(--rotterdam-color-base-green)" },
+        "border-width": { "value": "5px" },
+        "background-color": { "value": "var(--rotterdam-color-base-white)" },
+        "color": { "value": "var(--rotterdam-color-base-white)" },
+        "active": {
+          "border-color": { "value": "var(--rotterdam-color-base-green)" },
+          "border-width": { "value": "1px" },
+          "background-color": { "value": "var(--rotterdam-color-base-white)" },
+          "color": { "value": "var(--rotterdam-color-base-white)" }
+        },
+        "hover": {
+          "border-color": { "value": "var(--rotterdam-color-base-black)" },
+          "border-width": { "value": "5px" },
+          "background-color": { "value": "var(--rotterdam-color-base-white)" },
+          "color": { "value": "var(--rotterdam-color-base-white)" }
+        },
+        "focus": {
+          "border-color": { "value": "var(--rotterdam-color-base-green)" },
+          "border-width": { "value": "1px" },
+          "background-color": { "value": "var(--rotterdam-color-base-white)" },
+          "color": { "value": "var(--rotterdam-color-base-white)" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "var(--rotterdam-color-base-green)" },
+        "border-width": { "value": "2px" },
+        "background-color": { "value": "var(--rotterdam-color-base-white)" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "var(--rotterdam-color-base-green)" },
+        "border-width": { "value": "5px" },
+        "background-color": { "value": "var(--rotterdam-color-base-white)" },
+        "color": { "value": "var(--rotterdam-color-base-green)" }
+      },
+      "disabled": {
+        "border-color": { "value": "var(--rotterdam-color-gray-tint-08)" },
+        "border-width": { "value": "1px" },
+        "background-color": { "value": "var(--rotterdam-color-gray-tint-01)" },
+        "color": { "value": "var(--rotterdam-color-gray-tint-08)" }
+      },
+      "invalid": {
+        "border-color": { "value": "#FE1818" },
+        "border-width": { "value": "1px" },
+        "background-color": { "value": "var(--rotterdam-color-base-white)" },
+        "color": { "value": "#FE1818" }
+      }
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 14:10:47 GMT
+ * Generated on Wed, 06 Dec 2023 17:06:43 GMT
  */
 
 .tubbergen-theme {
@@ -68,6 +68,9 @@
   --conduction-primary-top-nav-padding-inline-end: 16px;
   --conduction-primary-top-nav-item-padding: 18px;
   --conduction-primary-top-nav-current-background-color: unset;
+  --conduction-logo-navbar-background-image: url('https://www.tubbergen.nl/sites/all/themes/tubbergen/logo.svg');
+  --conduction-logo-navbar-block-size: 50px;
+  --conduction-logo-navbar-inline-size: 150px;
   --conduction-logo-footer-background-image: ;
   --conduction-logo-footer-block-size: ;
   --conduction-logo-footer-inline-size: ;
@@ -121,6 +124,9 @@
   --utrecht-table-margin-block-end: 0;
   --utrecht-table-header-text-transform: unset;
   --utrecht-table-border-collapse: collapse;
+  --utrecht-radio-button-icon-size: 5px;
+  --utrecht-radio-button-min-inline-size: 16px;
+  --utrecht-radio-button-min-block-size: 16px;
   --utrecht-page-header-logo-max-width: 150px;
   --utrecht-page-footer-background-image: url(https://www.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg);
   --utrecht-page-footer-background-color: unset;
@@ -181,6 +187,7 @@
   --tubbergen-font-size-4xs: 5px;
   --tubbergen-color-lightgrey-96: #f5f5f5;
   --tubbergen-color-lightgrey-89: #e4e4e4; /* Base/LightGrey */
+  --tubbergen-color-grey-97: #f7f7f7;
   --tubbergen-color-grey-82: #d1d1d1;
   --tubbergen-color-grey-72: #AEB6C2;
   --tubbergen-color-grey-64: #9aa1ab; /* Base/Grey */
@@ -386,6 +393,34 @@
   --utrecht-table-header-border-block-end-width: var(--tubbergen-size-4xs);
   --utrecht-table-header-border-block-end-color: var(--tubbergen-color-blue-94);
   --utrecht-table-background-color: var(--tubbergen-color-white-100);
+  --utrecht-radio-button-invalid-color: var(--tubbergen-color-error);
+  --utrecht-radio-button-invalid-background-color: var(--tubbergen-color-white-100);
+  --utrecht-radio-button-invalid-border-width: var(--tubbergen-size-4xs);
+  --utrecht-radio-button-invalid-border-color: var(--tubbergen-color-error);
+  --utrecht-radio-button-disabled-color: var(--tubbergen-color-grey-82);
+  --utrecht-radio-button-disabled-background-color: var(--tubbergen-color-grey-97);
+  --utrecht-radio-button-disabled-border-width: var(--tubbergen-size-4xs);
+  --utrecht-radio-button-disabled-border-color: var(--tubbergen-color-grey-82);
+  --utrecht-radio-button-focus-background-color: var(--tubbergen-color-white-100);
+  --utrecht-radio-button-focus-border-width: var(--tubbergen-size-4xs);
+  --utrecht-radio-button-hover-background-color: var(--tubbergen-color-white-100);
+  --utrecht-radio-button-hover-border-width: var(--tubbergen-size-4xs);
+  --utrecht-radio-button-hover-border-color: var(--tubbergen-color-grey-31);
+  --utrecht-radio-button-checked-focus-background-color: var(--tubbergen-color-white-100);
+  --utrecht-radio-button-checked-focus-border-width: var(--tubbergen-size-4xs);
+  --utrecht-radio-button-checked-hover-background-color: var(--tubbergen-color-white-100);
+  --utrecht-radio-button-checked-hover-border-width: var(--tubbergen-size-4xs);
+  --utrecht-radio-button-checked-active-background-color: var(--tubbergen-color-white-100);
+  --utrecht-radio-button-checked-active-border-width: var(--tubbergen-size-4xs);
+  --utrecht-radio-button-checked-background-color: var(--tubbergen-color-white-100);
+  --utrecht-radio-button-checked-border-width: var(--tubbergen-size-4xs);
+  --utrecht-radio-button-border-width: var(--tubbergen-size-4xs);
+  --utrecht-radio-button-border-color: var(--tubbergen-color-grey-46);
+  --utrecht-radio-button-background-color: var(--tubbergen-color-white-100);
+  --utrecht-radio-button-checked-disabled-color: var(--tubbergen-color-grey-82);
+  --utrecht-radio-button-checked-disabled-background-color: var(--tubbergen-color-white-100);
+  --utrecht-radio-button-checked-disabled-border-width: var(--tubbergen-size-4xs);
+  --utrecht-radio-button-checked-disabled-border-color: var(--tubbergen-color-grey-82);
   --utrecht-page-header-padding-block-end: var(--tubbergen-size-sm);
   --utrecht-page-header-padding-block-start: var(--tubbergen-size-sm);
   --utrecht-page-header-color: var(--tubbergen-color-black-20);
@@ -568,6 +603,16 @@
   --utrecht-table-font-size: var(--utrecht-document-font-size);
   --utrecht-table-font-family: var(--utrecht-document-font-family);
   --utrecht-table-header-color: var(--utrecht-document-color);
+  --utrecht-radio-button-focus-color: var(--tubbergen-color-primary);
+  --utrecht-radio-button-focus-border-color: var(--tubbergen-color-primary);
+  --utrecht-radio-button-checked-focus-color: var(--tubbergen-color-primary);
+  --utrecht-radio-button-checked-focus-border-color: var(--tubbergen-color-primary);
+  --utrecht-radio-button-checked-hover-color: var(--tubbergen-color-primary-hover);
+  --utrecht-radio-button-checked-hover-border-color: var(--tubbergen-color-primary-hover);
+  --utrecht-radio-button-checked-active-color: var(--tubbergen-color-primary);
+  --utrecht-radio-button-checked-active-border-color: var(--tubbergen-color-primary);
+  --utrecht-radio-button-checked-color: var(--tubbergen-color-primary);
+  --utrecht-radio-button-checked-border-color: var(--tubbergen-color-primary);
   --utrecht-code-block-color: var(--utrecht-document-color);
   --utrecht-code-color: var(--utrecht-document-color);
   --utrecht-button-secondary-action-focus-color: var(--tubbergen-color-primary-hover);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 14:10:47 GMT
+ * Generated on Wed, 06 Dec 2023 17:06:43 GMT
  */
 
 export const tubbergenColorPrimary = "#0b612d";
@@ -42,6 +42,7 @@ export const tubbergenColorGrey46 = "#767676";
 export const tubbergenColorGrey64 = "#9aa1ab"; // Base/Grey
 export const tubbergenColorGrey72 = "#AEB6C2";
 export const tubbergenColorGrey82 = "#d1d1d1";
+export const tubbergenColorGrey97 = "#f7f7f7";
 export const tubbergenColorLightgrey89 = "#e4e4e4"; // Base/LightGrey
 export const tubbergenColorLightgrey96 = "#f5f5f5";
 export const tubbergenFontSize4xs = "5px";
@@ -255,6 +256,47 @@ export const utrechtPageHeaderBackgroundColor = "#ffffff";
 export const utrechtPageHeaderColor = "#333333";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
 export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtRadioButtonMinBlockSize = "16px";
+export const utrechtRadioButtonMinInlineSize = "16px";
+export const utrechtRadioButtonCheckedDisabledBorderColor = "#d1d1d1";
+export const utrechtRadioButtonCheckedDisabledBorderWidth = "1px";
+export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedDisabledColor = "#d1d1d1";
+export const utrechtRadioButtonBackgroundColor = "#ffffff";
+export const utrechtRadioButtonBorderColor = "#767676";
+export const utrechtRadioButtonBorderWidth = "1px";
+export const utrechtRadioButtonIconSize = "5px";
+export const utrechtRadioButtonCheckedBorderColor = "#0b612d";
+export const utrechtRadioButtonCheckedBorderWidth = "1px";
+export const utrechtRadioButtonCheckedBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedColor = "#0b612d";
+export const utrechtRadioButtonCheckedActiveBorderColor = "#0b612d";
+export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
+export const utrechtRadioButtonCheckedActiveBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedActiveColor = "#0b612d";
+export const utrechtRadioButtonCheckedHoverBorderColor = "#063318";
+export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
+export const utrechtRadioButtonCheckedHoverBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedHoverColor = "#063318";
+export const utrechtRadioButtonCheckedFocusBorderColor = "#0b612d";
+export const utrechtRadioButtonCheckedFocusBorderWidth = "1px";
+export const utrechtRadioButtonCheckedFocusBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedFocusColor = "#0b612d";
+export const utrechtRadioButtonHoverBorderColor = "#4f4f4f";
+export const utrechtRadioButtonHoverBorderWidth = "1px";
+export const utrechtRadioButtonHoverBackgroundColor = "#ffffff";
+export const utrechtRadioButtonFocusBorderColor = "#0b612d";
+export const utrechtRadioButtonFocusBorderWidth = "1px";
+export const utrechtRadioButtonFocusBackgroundColor = "#ffffff";
+export const utrechtRadioButtonFocusColor = "#0b612d";
+export const utrechtRadioButtonDisabledBorderColor = "#d1d1d1";
+export const utrechtRadioButtonDisabledBorderWidth = "1px";
+export const utrechtRadioButtonDisabledBackgroundColor = "#f7f7f7";
+export const utrechtRadioButtonDisabledColor = "#d1d1d1";
+export const utrechtRadioButtonInvalidBorderColor = "#d62410";
+export const utrechtRadioButtonInvalidBorderWidth = "1px";
+export const utrechtRadioButtonInvalidBackgroundColor = "#ffffff";
+export const utrechtRadioButtonInvalidColor = "#d62410";
 export const utrechtTableBorderCollapse = "collapse";
 export const utrechtTableBackgroundColor = "#ffffff";
 export const utrechtTableHeaderBorderBlockEndColor = "#edeff2";
@@ -438,6 +480,9 @@ export const conductionLogoHeaderBackgroundImage = "url('https://www.tubbergen.n
 export const conductionLogoFooterInlineSize = "";
 export const conductionLogoFooterBlockSize = "";
 export const conductionLogoFooterBackgroundImage = "";
+export const conductionLogoNavbarInlineSize = "150px";
+export const conductionLogoNavbarBlockSize = "50px";
+export const conductionLogoNavbarBackgroundImage = "url('https://www.tubbergen.nl/sites/all/themes/tubbergen/logo.svg')";
 export const conductionPrimaryTopNavColor = "#333333";
 export const conductionPrimaryTopNavBackgroundColor = "#ffffff";
 export const conductionPrimaryTopNavHoverColor = "#0b612d";