npm - @conduction/theme - Versions diffs - 1.1.2 → 1.1.4 - Mend

@conduction/theme 1.1.2 → 1.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (207) hide show

package/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json CHANGED Viewed

@@ -33,6 +33,9 @@
         "46": {
           "value": "#767676"
         },
+        "50": {
+          "value": "#808080"
+        },
         "82": {
           "value": "#d1d1d1"
         },

package/municipalities/leiden-design-tokens/src/component/conduction/card-wrapper.tokens.json CHANGED Viewed

@@ -13,6 +13,10 @@
       "color": { "value": "{utrecht.document.color}" },
       "hover": {
         "background-color": {},
+        "color": {},
+        "border-color": {},
+        "border-style": {},
+        "border-width": {},
         "border-bottom-color": {},
         "border-bottom-style": {},
         "border-bottom-width": {}

package/municipalities/leiden-design-tokens/src/component/conduction/download-card.tokens.json CHANGED Viewed

@@ -13,7 +13,12 @@
       "border-style": { "value": "solid" },
       "border-color": { "value": "{leiden.color.grey.82}" },
       "border-radius": { "value": "0px" },
-      "icon-gap": { "value": "{leiden.size.xs}" },
+      "icon": {
+        "gap": {
+          "value": "{leiden.size.xs}"
+        },
+        "color": {}
+      },
       "padding-inline-end": { "value": "{leiden.size.md}" },
       "padding-inline-start": { "value": "{leiden.size.md}" },
       "padding-block-end": { "value": "{leiden.size.md}" },

package/municipalities/leiden-design-tokens/src/component/conduction/navigation.tokens.json CHANGED Viewed

@@ -27,6 +27,14 @@
             "color": { "value": "{leiden.color.black.9}" },
             "background-color": { "value": "{leiden.color.white.100}" },
             "box-shadow": {}
+          },
+          "current": {
+            "color": { "value": "{leiden.color.primary}" },
+            "background-color": { "value": "{leiden.color.white.100}" },
+            "box-shadow": {},
+            "mobile": {
+              "box-shadow": {}
+            }
           }
         },
         "item": {

package/municipalities/leiden-design-tokens/src/component/conduction/pagination.tokens.json CHANGED Viewed

@@ -22,14 +22,21 @@
         "border-width": {},
         "border-style": {},
         "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
         "border-radius": { "value": "0px" }
       },
       "navigation-button": {
         "color": { "value": "{leiden.color.lightblue.37}" },
         "background-color": { "value": "{leiden.color.white.100}" },
+        "border-width": {},
+        "border-style": {},
         "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
         "border-radius": {},
-        "border-width": {},
         "padding-inline-start": { "value": "{leiden.size.xs}" },
         "padding-inline-end": { "value": "{leiden.size.xs}" },
         "padding-block-start": { "value": "0px" },
@@ -40,6 +47,9 @@
           "border-width": {},
           "border-style": {},
           "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {},
           "border-radius": {}
         },
         "hover": {
@@ -48,6 +58,9 @@
           "border-width": {},
           "border-style": {},
           "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {},
           "border-radius": {}
         }
       },
@@ -58,7 +71,10 @@
         "text-decoration": { "value": "underline" },
         "border-width": {},
         "border-style": {},
-        "border-color": {}
+        "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {}
       },
       "page": {
         "hover": {
@@ -68,7 +84,10 @@
           "text-decoration-thickness": { "value": "1px" },
           "border-width": {},
           "border-style": {},
-          "border-color": {}
+          "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {}
         }
       }
     }

package/municipalities/leiden-design-tokens/src/component/utrecht/button.tokens.json CHANGED Viewed

@@ -29,9 +29,9 @@
         "size": {}
       },
       "disabled": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
+        "background-color": { "value": "{leiden.color.grey.82}" },
+        "border-color": { "value": "{leiden.color.grey.82}" },
+        "color": { "value": "{leiden.color.grey.50}" }
       },
       "focus": {
         "background-color": {},
@@ -62,9 +62,9 @@
           "color": {}
         },
         "disabled": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
+          "background-color": { "value": "{leiden.color.grey.82}" },
+          "border-color": { "value": "{leiden.color.grey.82}" },
+          "color": { "value": "{leiden.color.grey.50}" }
         },
         "hover": {
           "background-color": { "value": "{leiden.color.primary}" },
@@ -95,9 +95,9 @@
           "color": {}
         },
         "disabled": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
+          "background-color": { "value": "{leiden.color.grey.82}" },
+          "border-color": { "value": "{leiden.color.grey.82}" },
+          "color": { "value": "{leiden.color.grey.50}" }
         },
         "hover": {
           "background-color": { "value": "{leiden.color.white.100}" },
@@ -127,9 +127,9 @@
           "color": {}
         },
         "disabled": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
+          "background-color": { "value": "{leiden.color.grey.82}" },
+          "border-color": { "value": "{leiden.color.grey.82}" },
+          "color": { "value": "{leiden.color.grey.50}" }
         },
         "hover": {
           "background-color": {},

package/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json CHANGED Viewed

@@ -8,6 +8,16 @@
         "border-block-end-width": {},
         "font-family": {}
       },
+      "header-cell": {
+        "border-inline-end-width": {},
+        "border-inline-end-style": {},
+        "border-inline-end-color": {}
+      },
+      "cell": {
+        "border-inline-end-width": {},
+        "border-inline-end-style": {},
+        "border-inline-end-color": {}
+      },
       "row": {
         "hover": {
           "background-color": {},

package/municipalities/noaberkracht-design-tokens/dist/design-tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 18 Dec 2023 16:13:32 GMT
+ * Generated on Tue, 19 Dec 2023 15:56:15 GMT
  */
 .noaberkracht-theme {
@@ -93,8 +93,8 @@
   --utrecht-link-text-decoration: underline;
   --utrecht-textbox-font-size: 14px;
   --utrecht-textbox-border-radius: 9999px;
-  --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-margin-block-end: 0;
+  --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-header-text-transform: unset;
   --utrecht-table-border-collapse: collapse;
   --utrecht-radio-button-icon-size: 5px;
@@ -161,6 +161,7 @@
   --noaberkracht-color-lightgrey-96: #f5f5f5; /* Base/LightGrey */
   --noaberkracht-color-grey-97: #f7f7f7;
   --noaberkracht-color-grey-82: #d1d1d1;
+  --noaberkracht-color-grey-50: #808080;
   --noaberkracht-color-grey-46: #767676;
   --noaberkracht-color-grey-31: #4f4f4f;
   --noaberkracht-color-yellow-47: #f0b800; /* Base/Yellow from Huisstijlhandboek, base color of website is #f0af00 */
@@ -262,6 +263,10 @@
   --conduction-secondary-top-nav-current-color: var(--noaberkracht-color-white-100);
   --conduction-secondary-top-nav-hover-color: var(--noaberkracht-color-white-100);
   --conduction-secondary-top-nav-color: var(--noaberkracht-color-white-100);
+  --conduction-primary-top-nav-dropdown-current-mobile-box-shadow: inset 4px 0 var(--noaberkracht-color-yellow-47);
+  --conduction-primary-top-nav-dropdown-current-box-shadow: inset 0 -4px var(--noaberkracht-color-yellow-47);
+  --conduction-primary-top-nav-dropdown-current-background-color: var(--noaberkracht-color-blue-59);
+  --conduction-primary-top-nav-dropdown-current-color: var(--noaberkracht-color-white-100);
   --conduction-primary-top-nav-dropdown-hover-box-shadow: inset 0 -4px var(--noaberkracht-color-yellow-47);
   --conduction-primary-top-nav-dropdown-hover-background-color: var(--noaberkracht-color-blue-59);
   --conduction-primary-top-nav-dropdown-hover-color: var(--noaberkracht-color-white-100);
@@ -386,16 +391,16 @@
   --utrecht-textbox-focus-background-color: var(--noaberkracht-color-white-100);
   --utrecht-textbox-placeholder-color: var(--noaberkracht-color-blue-22);
   --utrecht-textbox-background-color: var(--noaberkracht-color-white-100);
-  --utrecht-table-cell-padding-inline-start: var(--noaberkracht-size-md);
-  --utrecht-table-cell-padding-inline-end: var(--noaberkracht-size-md);
-  --utrecht-table-cell-padding-block-start: var(--noaberkracht-size-md);
-  --utrecht-table-cell-padding-block-end: var(--noaberkracht-size-md);
-  --utrecht-table-header-cell-font-weight: var(--noaberkracht-typography-font-weight-bold);
   --utrecht-table-margin-block-start: var(--noaberkracht-size-md);
   --utrecht-table-border-width: var(--noaberkracht-size-4xs);
   --utrecht-table-border-color: var(--noaberkracht-color-lightgrey-96);
   --utrecht-table-row-border-block-end-width: var(--noaberkracht-size-4xs);
   --utrecht-table-row-border-block-end-color: var(--noaberkracht-color-lightgrey-96);
+  --utrecht-table-cell-padding-inline-start: var(--noaberkracht-size-md);
+  --utrecht-table-cell-padding-inline-end: var(--noaberkracht-size-md);
+  --utrecht-table-cell-padding-block-start: var(--noaberkracht-size-md);
+  --utrecht-table-cell-padding-block-end: var(--noaberkracht-size-md);
+  --utrecht-table-header-cell-font-weight: var(--noaberkracht-typography-font-weight-bold);
   --utrecht-table-header-font-weight: var(--noaberkracht-typography-font-weight-bold);
   --utrecht-table-background-color: var(--noaberkracht-color-white-100);
   --utrecht-radio-button-invalid-color: var(--noaberkracht-color-error);
@@ -479,9 +484,15 @@
   --utrecht-code-font-family: var(--noaberkracht-typography-monospace-font-family);
   --utrecht-code-color: var(--noaberkracht-color-black-0);
   --utrecht-code-background-color: var(--noaberkracht-color-lightgrey-96);
+  --utrecht-button-subtle-disabled-color: var(--noaberkracht-color-grey-50);
+  --utrecht-button-subtle-disabled-border-color: var(--noaberkracht-color-grey-82);
+  --utrecht-button-subtle-disabled-background-color: var(--noaberkracht-color-grey-82);
   --utrecht-button-secondary-action-hover-color: var(--noaberkracht-color-blue-22);
   --utrecht-button-secondary-action-hover-border-color: var(--noaberkracht-color-blue-22);
   --utrecht-button-secondary-action-hover-background-color: var(--noaberkracht-color-white-100);
+  --utrecht-button-secondary-action-disabled-color: var(--noaberkracht-color-grey-50);
+  --utrecht-button-secondary-action-disabled-border-color: var(--noaberkracht-color-grey-82);
+  --utrecht-button-secondary-action-disabled-background-color: var(--noaberkracht-color-grey-82);
   --utrecht-button-secondary-action-font-weight: var(--noaberkracht-typography-font-weight-normal);
   --utrecht-button-secondary-action-color: var(--noaberkracht-color-yellow-47);
   --utrecht-button-secondary-action-border-width: var(--noaberkracht-size-3xs);
@@ -490,6 +501,9 @@
   --utrecht-button-primary-action-hover-color: var(--noaberkracht-color-white-100);
   --utrecht-button-primary-action-hover-border-color: var(--noaberkracht-color-yellow-47);
   --utrecht-button-primary-action-hover-background-color: var(--noaberkracht-color-yellow-47);
+  --utrecht-button-primary-action-disabled-color: var(--noaberkracht-color-grey-50);
+  --utrecht-button-primary-action-disabled-border-color: var(--noaberkracht-color-grey-82);
+  --utrecht-button-primary-action-disabled-background-color: var(--noaberkracht-color-grey-82);
   --utrecht-button-primary-action-color: var(--noaberkracht-color-white-100);
   --utrecht-button-primary-action-border-width: var(--noaberkracht-size-3xs);
   --utrecht-button-primary-action-border-color: var(--noaberkracht-color-yellow-47);
@@ -497,6 +511,9 @@
   --utrecht-button-hover-color: var(--noaberkracht-color-white-100);
   --utrecht-button-hover-border-color: var(--noaberkracht-color-blue-22);
   --utrecht-button-hover-background-color: var(--noaberkracht-color-blue-22);
+  --utrecht-button-disabled-color: var(--noaberkracht-color-grey-50);
+  --utrecht-button-disabled-border-color: var(--noaberkracht-color-grey-82);
+  --utrecht-button-disabled-background-color: var(--noaberkracht-color-grey-82);
   --utrecht-button-icon-gap: var(--noaberkracht-size-xs);
   --utrecht-button-padding-inline-end: var(--noaberkracht-size-sm);
   --utrecht-button-padding-inline-start: var(--noaberkracht-size-sm);
@@ -589,10 +606,10 @@
   --utrecht-paragraph-color: var(--utrecht-document-color);
   --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
   --utrecht-ordered-list-font-size: var(--utrecht-document-font-size);
-  --utrecht-table-header-cell-color: var(--utrecht-document-color);
-  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
   --utrecht-table-font-size: var(--utrecht-document-font-size);
   --utrecht-table-font-family: var(--utrecht-document-font-family);
+  --utrecht-table-header-cell-color: var(--utrecht-document-color);
+  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
   --utrecht-table-header-color: var(--utrecht-document-color);
   --utrecht-breadcrumb-nav-font-family: var(--utrecht-document-font-family);
   --utrecht-badge-counter-font-size: var(--utrecht-document-font-size);

package/municipalities/noaberkracht-design-tokens/dist/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 18 Dec 2023 16:13:32 GMT
+ * Generated on Tue, 19 Dec 2023 15:56:15 GMT
  */
 export const noaberkrachtColorPrimary = "#4376fc";
@@ -29,6 +29,7 @@ export const noaberkrachtColorBlue3180t = "#012c9dcc"; // Blue with 80% transpar
 export const noaberkrachtColorYellow47 = "#f0b800"; // Base/Yellow from Huisstijlhandboek, base color of website is #f0af00
 export const noaberkrachtColorGrey31 = "#4f4f4f";
 export const noaberkrachtColorGrey46 = "#767676";
+export const noaberkrachtColorGrey50 = "#808080";
 export const noaberkrachtColorGrey82 = "#d1d1d1";
 export const noaberkrachtColorGrey97 = "#f7f7f7";
 export const noaberkrachtColorLightgrey96 = "#f5f5f5"; // Base/LightGrey
@@ -158,6 +159,9 @@ export const utrechtButtonPaddingBlockEnd = "4px";
 export const utrechtButtonPaddingInlineStart = "14px";
 export const utrechtButtonPaddingInlineEnd = "14px";
 export const utrechtButtonIconGap = "8px";
+export const utrechtButtonDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonDisabledColor = "#808080";
 export const utrechtButtonHoverBackgroundColor = "#003790";
 export const utrechtButtonHoverBorderColor = "#003790";
 export const utrechtButtonHoverColor = "#ffffff";
@@ -166,6 +170,9 @@ export const utrechtButtonPrimaryActionBorderColor = "#f0b800";
 export const utrechtButtonPrimaryActionBorderWidth = "2px";
 export const utrechtButtonPrimaryActionColor = "#ffffff";
 export const utrechtButtonPrimaryActionFontWeight = "inherit";
+export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonPrimaryActionDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonPrimaryActionDisabledColor = "#808080";
 export const utrechtButtonPrimaryActionHoverBackgroundColor = "#f0b800";
 export const utrechtButtonPrimaryActionHoverBorderColor = "#f0b800";
 export const utrechtButtonPrimaryActionHoverColor = "#ffffff";
@@ -174,9 +181,15 @@ export const utrechtButtonSecondaryActionBorderColor = "#f0b800";
 export const utrechtButtonSecondaryActionBorderWidth = "2px";
 export const utrechtButtonSecondaryActionColor = "#f0b800";
 export const utrechtButtonSecondaryActionFontWeight = "400";
+export const utrechtButtonSecondaryActionDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonSecondaryActionDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonSecondaryActionDisabledColor = "#808080";
 export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
 export const utrechtButtonSecondaryActionHoverBorderColor = "#003790";
 export const utrechtButtonSecondaryActionHoverColor = "#003790";
+export const utrechtButtonSubtleDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonSubtleDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonSubtleDisabledColor = "#808080";
 export const utrechtCodeBackgroundColor = "#f5f5f5";
 export const utrechtCodeColor = "#000000";
 export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
@@ -277,14 +290,6 @@ export const utrechtTableBackgroundColor = "#ffffff";
 export const utrechtTableHeaderFontWeight = "700";
 export const utrechtTableHeaderColor = "#003790";
 export const utrechtTableHeaderTextTransform = "unset";
-export const utrechtTableRowBorderBlockEndColor = "#f5f5f5";
-export const utrechtTableRowBorderBlockEndWidth = "1px";
-export const utrechtTableBorderColor = "#f5f5f5";
-export const utrechtTableBorderWidth = "1px";
-export const utrechtTableFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
-export const utrechtTableFontSize = "14px";
-export const utrechtTableMarginBlockEnd = 0;
-export const utrechtTableMarginBlockStart = "18px";
 export const utrechtTableHeaderCellFontSize = "14px";
 export const utrechtTableHeaderCellFontWeight = "700";
 export const utrechtTableHeaderCellColor = "#003790";
@@ -293,6 +298,14 @@ export const utrechtTableCellPaddingBlockEnd = "18px";
 export const utrechtTableCellPaddingBlockStart = "18px";
 export const utrechtTableCellPaddingInlineEnd = "18px";
 export const utrechtTableCellPaddingInlineStart = "18px";
+export const utrechtTableRowBorderBlockEndColor = "#f5f5f5";
+export const utrechtTableRowBorderBlockEndWidth = "1px";
+export const utrechtTableBorderColor = "#f5f5f5";
+export const utrechtTableBorderWidth = "1px";
+export const utrechtTableFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const utrechtTableFontSize = "14px";
+export const utrechtTableMarginBlockEnd = 0;
+export const utrechtTableMarginBlockStart = "18px";
 export const utrechtTextboxBackgroundColor = "#ffffff";
 export const utrechtTextboxPlaceholderColor = "#003790";
 export const utrechtTextboxFocusBackgroundColor = "#ffffff";
@@ -469,6 +482,10 @@ export const conductionPrimaryTopNavDropdownBorderColor = "#012c9d99";
 export const conductionPrimaryTopNavDropdownHoverColor = "#ffffff";
 export const conductionPrimaryTopNavDropdownHoverBackgroundColor = "#6780c4";
 export const conductionPrimaryTopNavDropdownHoverBoxShadow = "inset 0 -4px #f0b800";
+export const conductionPrimaryTopNavDropdownCurrentColor = "#ffffff";
+export const conductionPrimaryTopNavDropdownCurrentBackgroundColor = "#6780c4";
+export const conductionPrimaryTopNavDropdownCurrentBoxShadow = "inset 0 -4px #f0b800";
+export const conductionPrimaryTopNavDropdownCurrentMobileBoxShadow = "inset 4px 0 #f0b800";
 export const conductionPrimaryTopNavItemPadding = "18px";
 export const conductionPrimaryTopNavPaddingInlineEnd = "16px";
 export const conductionPrimaryTopNavPaddingInlineStart = "16px";