@conduction/theme 1.0.57 → 1.0.58

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

@@ -69,6 +69,9 @@
         },
         "82": {
           "value": "#d1d1d1"
+        },
+        "97": {
+          "value": "#f7f7f7"
         }
       },
       "lightgrey": {

package/municipalities/noaberkracht-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": "{noaberkracht.color.grey.82}" },
+        "border-width": { "value": "{noaberkracht.size.4xs}" },
+        "background-color": { "value": "{noaberkracht.color.white.100}" },
+        "color": { "value": "{noaberkracht.color.grey.82}" }
+      }
+    }
+  }
+}

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

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

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Dec 2023 15:33:03 GMT
+ * Generated on Wed, 06 Dec 2023 17:07:02 GMT
  */
 
 .noordwijk-theme {
@@ -110,6 +110,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: 145px;
   --utrecht-page-footer-background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjggNTg2Ij4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTFhNjQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzExMWE2NCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxMTFhNjQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDZhM2IiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzAwNmEzYiIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDZhM2IiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmNiNTciLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmY2I1NyIgc3RvcC1vcGFjaXR5PSIuMiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmNiNTciIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZSIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1ODkyYzQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzU4OTJjNCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1ODkyYzQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxjbGlwUGF0aCBpZD0iYSI+CiAgICAgIDxwYXRoIGQ9Ik0wIDBoNDY4djU4NkgweiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBkYXRhLW5hbWU9Ikxpam5lbiBoZWFkZXIiPgogICAgPGcgZGF0YS1uYW1lPSJDb21wb25lbnQgNDQg4oCTIDU5Ij4KICAgICAgPHBhdGggZmlsbD0idXJsKCNiKSIgZD0ibTQ1Mi44LjItMTQwLjEgNTcxaDFsMTQwLTU3MVoiIGRhdGEtbmFtZT0iUGF0aCA1NzM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMCkiLz4KICAgICAgPHBhdGggZmlsbD0idXJsKCNjKSIgZD0iTTQyNi4yIDAgMTQ1LjggNTcxLjNoMUw0MjcuMy4xWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8cGF0aCBmaWxsPSJ1cmwoI2QpIiBkPSJNNDIxIDAgMTEzLjUgNTcxLjJoMS4xTDQyMi4xIDBaIiBkYXRhLW5hbWU9IlBhdGggNTczNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTApIi8+CiAgICAgIDxwYXRoIGZpbGw9InVybCgjZSkiIGQ9Ik00MDMgMCAwIDU3MS4yaDEuMkw0MDQuMiAwWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8dGV4dCBmaWxsPSIjMTExYTY0IiBkYXRhLW5hbWU9Ii0iIGZvbnQtZmFtaWx5PSJSb2JvdG8tUmVndWxhciwgUm9ib3RvIiBmb250LXNpemU9IjEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTQuMSAxNjcuNikiPjx0c3BhbiB4PSIwIiB5PSIwIj4tPC90c3Bhbj48L3RleHQ+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K");
   --utrecht-page-footer-link-hover-text-decoration-thickness: 1;
@@ -381,6 +384,34 @@
   --utrecht-table-header-font-weight: var(--noordwijk-typography-font-weight-normal);
   --utrecht-table-header-border-block-end-width: var(--noordwijk-size-4xs);
   --utrecht-table-background-color: var(--noordwijk-color-white-100);
+  --utrecht-radio-button-invalid-color: var(--noordwijk-color-error);
+  --utrecht-radio-button-invalid-background-color: var(--noordwijk-color-white-100);
+  --utrecht-radio-button-invalid-border-width: var(--noordwijk-size-4xs);
+  --utrecht-radio-button-invalid-border-color: var(--noordwijk-color-error);
+  --utrecht-radio-button-disabled-color: var(--noordwijk-color-grey-82);
+  --utrecht-radio-button-disabled-background-color: var(--noordwijk-color-grey-97);
+  --utrecht-radio-button-disabled-border-width: var(--noordwijk-size-4xs);
+  --utrecht-radio-button-disabled-border-color: var(--noordwijk-color-grey-82);
+  --utrecht-radio-button-focus-background-color: var(--noordwijk-color-white-100);
+  --utrecht-radio-button-focus-border-width: var(--noordwijk-size-4xs);
+  --utrecht-radio-button-hover-background-color: var(--noordwijk-color-white-100);
+  --utrecht-radio-button-hover-border-width: var(--noordwijk-size-4xs);
+  --utrecht-radio-button-hover-border-color: var(--noordwijk-color-grey-31);
+  --utrecht-radio-button-checked-focus-background-color: var(--noordwijk-color-white-100);
+  --utrecht-radio-button-checked-focus-border-width: var(--noordwijk-size-4xs);
+  --utrecht-radio-button-checked-hover-background-color: var(--noordwijk-color-white-100);
+  --utrecht-radio-button-checked-hover-border-width: var(--noordwijk-size-4xs);
+  --utrecht-radio-button-checked-active-background-color: var(--noordwijk-color-white-100);
+  --utrecht-radio-button-checked-active-border-width: var(--noordwijk-size-4xs);
+  --utrecht-radio-button-checked-background-color: var(--noordwijk-color-white-100);
+  --utrecht-radio-button-checked-border-width: var(--noordwijk-size-4xs);
+  --utrecht-radio-button-border-width: var(--noordwijk-size-4xs);
+  --utrecht-radio-button-border-color: var(--noordwijk-color-grey-46);
+  --utrecht-radio-button-background-color: var(--noordwijk-color-white-100);
+  --utrecht-radio-button-checked-disabled-color: var(--noordwijk-color-grey-82);
+  --utrecht-radio-button-checked-disabled-background-color: var(--noordwijk-color-white-100);
+  --utrecht-radio-button-checked-disabled-border-width: var(--noordwijk-size-4xs);
+  --utrecht-radio-button-checked-disabled-border-color: var(--noordwijk-color-grey-82);
   --utrecht-page-header-padding-block-end: var(--noordwijk-size-sm);
   --utrecht-page-header-padding-block-start: var(--noordwijk-size-sm);
   --utrecht-page-header-color: var(--noordwijk-color-blue-30);
@@ -553,6 +584,16 @@
   --utrecht-table-row-border-block-end-color: var(--noordwijk-color-primary);
   --utrecht-table-header-background-color: var(--noordwijk-color-primary);
   --utrecht-table-header-border-block-end-color: var(--noordwijk-color-primary);
+  --utrecht-radio-button-focus-color: var(--noordwijk-color-primary);
+  --utrecht-radio-button-focus-border-color: var(--noordwijk-color-primary);
+  --utrecht-radio-button-checked-focus-color: var(--noordwijk-color-primary);
+  --utrecht-radio-button-checked-focus-border-color: var(--noordwijk-color-primary);
+  --utrecht-radio-button-checked-hover-color: var(--noordwijk-color-primary-hover);
+  --utrecht-radio-button-checked-hover-border-color: var(--noordwijk-color-primary-hover);
+  --utrecht-radio-button-checked-active-color: var(--noordwijk-color-primary);
+  --utrecht-radio-button-checked-active-border-color: var(--noordwijk-color-primary);
+  --utrecht-radio-button-checked-color: var(--noordwijk-color-primary);
+  --utrecht-radio-button-checked-border-color: var(--noordwijk-color-primary);
   --utrecht-page-footer-heading-color: var(--noordwijk-color-primary);
   --utrecht-page-footer-icon-color: var(--noordwijk-color-primary);
   --utrecht-button-secondary-action-hover-color: var(--noordwijk-color-primary-hover);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Dec 2023 15:33:03 GMT
+ * Generated on Wed, 06 Dec 2023 17:07:02 GMT
  */
 
 export const noordwijkColorPrimary = "#2c2276";
@@ -240,6 +240,47 @@ export const utrechtPageHeaderBackgroundColor = "#ffffff";
 export const utrechtPageHeaderColor = "#2c2276";
 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 = "#757575";
+export const utrechtRadioButtonBorderWidth = "1px";
+export const utrechtRadioButtonIconSize = "5px";
+export const utrechtRadioButtonCheckedBorderColor = "#2c2276";
+export const utrechtRadioButtonCheckedBorderWidth = "1px";
+export const utrechtRadioButtonCheckedBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedColor = "#2c2276";
+export const utrechtRadioButtonCheckedActiveBorderColor = "#2c2276";
+export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
+export const utrechtRadioButtonCheckedActiveBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedActiveColor = "#2c2276";
+export const utrechtRadioButtonCheckedHoverBorderColor = "#16113b";
+export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
+export const utrechtRadioButtonCheckedHoverBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedHoverColor = "#16113b";
+export const utrechtRadioButtonCheckedFocusBorderColor = "#2c2276";
+export const utrechtRadioButtonCheckedFocusBorderWidth = "1px";
+export const utrechtRadioButtonCheckedFocusBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedFocusColor = "#2c2276";
+export const utrechtRadioButtonHoverBorderColor = "#4f4f4f";
+export const utrechtRadioButtonHoverBorderWidth = "1px";
+export const utrechtRadioButtonHoverBackgroundColor = "#ffffff";
+export const utrechtRadioButtonFocusBorderColor = "#2c2276";
+export const utrechtRadioButtonFocusBorderWidth = "1px";
+export const utrechtRadioButtonFocusBackgroundColor = "#ffffff";
+export const utrechtRadioButtonFocusColor = "#2c2276";
+export const utrechtRadioButtonDisabledBorderColor = "#d1d1d1";
+export const utrechtRadioButtonDisabledBorderWidth = "1px";
+export const utrechtRadioButtonDisabledBackgroundColor = "#f7f7f7";
+export const utrechtRadioButtonDisabledColor = "#d1d1d1";
+export const utrechtRadioButtonInvalidBorderColor = "#dc3545";
+export const utrechtRadioButtonInvalidBorderWidth = "1px";
+export const utrechtRadioButtonInvalidBackgroundColor = "#ffffff";
+export const utrechtRadioButtonInvalidColor = "#dc3545";
 export const utrechtTableBorderCollapse = "collapse";
 export const utrechtTableBackgroundColor = "#ffffff";
 export const utrechtTableHeaderBorderBlockEndColor = "#2c2276";