@conduction/theme 1.0.35 → 1.0.38

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

@@ -0,0 +1,31 @@
+{
+  "utrecht": {
+    "textbox": {
+      "border-bottom-width": {},
+      "border-color": { "value": "{noordwijk.color.grey.55}" },
+      "border-radius": {},
+      "border-width": { "value": "{noordwijk.size.4xs}" },
+      "color": { "value": "{noordwijk.color.grey.29}" },
+      "font-family": { "value": "{noordwijk.typography.roboto.font-family}" },
+      "font-size": { "value": "15px" },
+      "min-inline-height": {},
+      "max-inline-size": {},
+      "padding-block-end": { "value": "{noordwijk.size.xs}" },
+      "padding-block-start": { "value": "{noordwijk.size.xs}" },
+      "padding-inline-end": { "value": "{noordwijk.size.sm}" },
+      "padding-inline-start": { "value": "{noordwijk.size.sm}" },
+      "disabled": {
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "border-color": {},
+        "border-width": {}
+      },
+      "read-only": {
+        "border-color": {},
+        "color": {}
+      }
+    }
+  }
+}

package/municipalities/noordwijk-design-tokens/src/config.json

@@ -3,5 +3,45 @@
   "name": "Noordwijk",
   "prefix": "noordwijk",
   "npm": "@nl-design-system-unstable/noordwijk-design-tokens",
-  "stories": ["react-utrecht-link--default"]
-}
+  "stories": [
+    "react-utrecht-alert--default",
+    "react-utrecht-alert--warning",
+    "react-utrecht-alert--error",
+    "react-utrecht-alert--ok",
+    "react-utrecht-badge-counter--default",
+    "react-utrecht-button--default",
+    "react-utrecht-button--hover",
+    "react-utrecht-button--primary-action-button",
+    "react-utrecht-button--secondary-action-button",
+    "react-utrecht-code--default",
+    "react-utrecht-code-block--default",
+    "react-utrecht-heading-1--default",
+    "react-utrecht-heading-2--default",
+    "react-utrecht-heading-3--default",
+    "react-utrecht-heading-4--default",
+    "react-utrecht-alert--default",
+    "react-utrecht-link--default",
+    "react-utrecht-link--hover",
+    "react-utrecht-link--focus",
+    "react-utrecht-ordered-list--default",
+    "react-utrecht-unordered-list--default",
+    "react-utrecht-page-header--default",
+    "react-utrecht-page-footer--default",
+    "react-utrecht-paragraph--default",
+    "react-utrecht-surface--default",
+    "react-utrecht-table--default",
+    "react-utrecht-textbox--default",
+    "react-conduction-card-header--default",
+    "react-conduction-card-header--hover",
+    "react-conduction-card-wrapper--default",
+    "react-conduction-card-wrapper--hover",
+    "react-conduction-pagination--default",
+    "react-conduction-input-select--default",
+    "react-conduction-input-select--list-option",
+    "react-conduction-input-select--placeholder",
+    "react-conduction-tabs--default",
+    "react-conduction-tabs--selected",
+    "react-conduction-tabs--hover",
+    "react-conduction-tabs--list",
+    "react-conduction-tabs--panel"
+  ]}

package/municipalities/noordwijk-design-tokens/src/font.js

@@ -0,0 +1,8 @@
+import '@fontsource/roboto/300.css';
+import '@fontsource/roboto/300-italic.css';
+import '@fontsource/roboto/400.css';
+import '@fontsource/roboto/400-italic.css';
+import '@fontsource/roboto/700.css';
+import '@fontsource/roboto/700-italic.css';
+import '@fontsource/roboto-slab/300.css';
+import '@fontsource/roboto-slab/500.css';

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 31 Aug 2023 09:13:40 GMT
+ * Generated on Tue, 19 Sep 2023 14:31:41 GMT
  */
 
 .rotterdam-theme {
@@ -44,6 +44,14 @@
   --utrecht-page-footer-logo-max-height: 48px;
   --utrecht-icon-gap: 8px;
   --utrecht-button-icon-gap: 8px;
+  --utrecht-badge-counter-padding-inline: 5px;
+  --utrecht-badge-counter-padding-block: 5px;
+  --utrecht-badge-counter-text-decoration: none;
+  --utrecht-badge-counter-font-family: var(--utrecht-document-font-family);
+  --utrecht-badge-counter-font-size: var(--utrecht-document-font-size);
+  --utrecht-badge-counter-color: var(--rotterdam-color-base-white);
+  --utrecht-badge-counter-border-radius: 50%;
+  --utrecht-badge-counter-background-color: var(--rotterdam-color-base-black);
   --utrecht-code-font-size: inherit;
   --utrecht-code-color: var(--rotterdam-color-gray-tint-11);
   --utrecht-code-background-color: var(--rotterdam-color-gray-tint-01);
@@ -72,6 +80,47 @@
   --utrecht-alert-border-width: 1px;
   --utrecht-alert-border-color: #b4dbf1;
   --utrecht-alert-background-color: #e8f4fb;
+  --conduction-tabs-scroll-button-hover-color: var(--rotterdam-color-green-tint-01);
+  --conduction-tabs-scroll-button-hover-background-color: var(--rotterdam-color-base-white);
+  --conduction-tabs-scroll-button-color: var(--utrecht-document-color);
+  --conduction-tabs-scroll-button-background-color: var(--rotterdam-color-base-white);
+  --conduction-tabs-tab-panel-padding-inline-end: 24px;
+  --conduction-tabs-tab-panel-padding-inline-start: 24px;
+  --conduction-tabs-tab-panel-padding-block-end: 24px;
+  --conduction-tabs-tab-panel-padding-block-start: 24px;
+  --conduction-tabs-tab-list-border-bottom-color: var(--rotterdam-color-gray-tint-01);
+  --conduction-tabs-tab-list-border-bottom-style: solid;
+  --conduction-tabs-tab-list-border-bottom-width: 0.3rem;
+  --conduction-tabs-tab-list-margin-block-end: 0px;
+  --conduction-tabs-tab-list-padding-inline-start: 0px;
+  --conduction-tabs-tab-hover-color: var(--rotterdam-color-green-tint-01);
+  --conduction-tabs-tab-hover-background-color: transparent;
+  --conduction-tabs-tab-selected-font-weight: var(--rotterdam-typography-weight-scale-bold-font-weight);
+  --conduction-tabs-tab-selected-border-bottom-color: var(--rotterdam-color-green-tint-01);
+  --conduction-tabs-tab-selected-border-bottom-style: solid;
+  --conduction-tabs-tab-selected-border-bottom-width: 0.3rem;
+  --conduction-tabs-tab-selected-color: var(--rotterdam-color-gray-tint-11);
+  --conduction-tabs-tab-selected-background-color: transparent;
+  --conduction-tabs-tab-letter-spacing: 0.02857em;
+  --conduction-tabs-tab-min-height: 48px;
+  --conduction-tabs-tab-min-width: 160px;
+  --conduction-tabs-tab-max-width: unset;
+  --conduction-tabs-tab-font-family: var(--rotterdam-typography-sans-serif-font-family);
+  --conduction-tabs-tab-font-weight: var(--rotterdam-typography-weight-scale-normal-font-weight);
+  --conduction-tabs-tab-font-size: 14px;
+  --conduction-tabs-tab-padding-inline-end: 12px;
+  --conduction-tabs-tab-padding-inline-start: 12px;
+  --conduction-tabs-tab-padding-block-end: 6px;
+  --conduction-tabs-tab-padding-block-start: 6px;
+  --conduction-tabs-tab-bottom: -4px;
+  --conduction-tabs-tab-color: var(--rotterdam-color-gray-tint-11);
+  --conduction-tabs-tab-background-color: transparent;
+  --conduction-table-wrapper-scroll-button-hover-color: var(--rotterdam-color-base-green);
+  --conduction-table-wrapper-scroll-button-hover-background-color: var(--rotterdam-color-base-white);
+  --conduction-table-wrapper-scroll-button-padding-inline-end: 14px;
+  --conduction-table-wrapper-scroll-button-padding-inline-start: 14px;
+  --conduction-table-wrapper-scroll-button-color: var(--utrecht-document-color);
+  --conduction-table-wrapper-scroll-button-background-color: var(--rotterdam-color-base-white);
   --conduction-input-select-placeholder-font-family: var(--utrecht-document-font-family);
   --conduction-input-select-placeholder-color: var(--rotterdam-color-gray-tint-09);
   --conduction-input-select-list-option-hover-background-color: var(--rotterdam-color-green-tint-01);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 31 Aug 2023 09:13:40 GMT
+ * Generated on Tue, 19 Sep 2023 14:31:41 GMT
  */
 
 export const conductionCardHeaderColor = "var(--utrecht-document-color)";
@@ -75,6 +75,47 @@ export const conductionInputSelectListOptionHoverColor = "var(--utrecht-form-sel
 export const conductionInputSelectListOptionHoverBackgroundColor = "var(--rotterdam-color-green-tint-01)";
 export const conductionInputSelectPlaceholderColor = "var(--rotterdam-color-gray-tint-09)";
 export const conductionInputSelectPlaceholderFontFamily = "var(--utrecht-document-font-family)";
+export const conductionTableWrapperScrollButtonBackgroundColor = "var(--rotterdam-color-base-white)";
+export const conductionTableWrapperScrollButtonColor = "var(--utrecht-document-color)";
+export const conductionTableWrapperScrollButtonPaddingInlineStart = "14px";
+export const conductionTableWrapperScrollButtonPaddingInlineEnd = "14px";
+export const conductionTableWrapperScrollButtonHoverBackgroundColor = "var(--rotterdam-color-base-white)";
+export const conductionTableWrapperScrollButtonHoverColor = "var(--rotterdam-color-base-green)";
+export const conductionTabsTabBackgroundColor = "transparent";
+export const conductionTabsTabColor = "var(--rotterdam-color-gray-tint-11)";
+export const conductionTabsTabBottom = "-4px";
+export const conductionTabsTabPaddingBlockStart = "6px";
+export const conductionTabsTabPaddingBlockEnd = "6px";
+export const conductionTabsTabPaddingInlineStart = "12px";
+export const conductionTabsTabPaddingInlineEnd = "12px";
+export const conductionTabsTabFontSize = "14px";
+export const conductionTabsTabFontWeight = "var(--rotterdam-typography-weight-scale-normal-font-weight)";
+export const conductionTabsTabFontFamily = "var(--rotterdam-typography-sans-serif-font-family)";
+export const conductionTabsTabMaxWidth = "unset";
+export const conductionTabsTabMinWidth = "160px";
+export const conductionTabsTabMinHeight = "48px";
+export const conductionTabsTabLetterSpacing = "0.02857em";
+export const conductionTabsTabSelectedBackgroundColor = "transparent";
+export const conductionTabsTabSelectedColor = "var(--rotterdam-color-gray-tint-11)";
+export const conductionTabsTabSelectedBorderBottomWidth = "0.3rem";
+export const conductionTabsTabSelectedBorderBottomStyle = "solid";
+export const conductionTabsTabSelectedBorderBottomColor = "var(--rotterdam-color-green-tint-01)";
+export const conductionTabsTabSelectedFontWeight = "var(--rotterdam-typography-weight-scale-bold-font-weight)";
+export const conductionTabsTabHoverBackgroundColor = "transparent";
+export const conductionTabsTabHoverColor = "var(--rotterdam-color-green-tint-01)";
+export const conductionTabsTabListPaddingInlineStart = "0px";
+export const conductionTabsTabListMarginBlockEnd = "0px";
+export const conductionTabsTabListBorderBottomWidth = "0.3rem";
+export const conductionTabsTabListBorderBottomStyle = "solid";
+export const conductionTabsTabListBorderBottomColor = "var(--rotterdam-color-gray-tint-01)";
+export const conductionTabsTabPanelPaddingBlockStart = "24px";
+export const conductionTabsTabPanelPaddingBlockEnd = "24px";
+export const conductionTabsTabPanelPaddingInlineStart = "24px";
+export const conductionTabsTabPanelPaddingInlineEnd = "24px";
+export const conductionTabsScrollButtonBackgroundColor = "var(--rotterdam-color-base-white)";
+export const conductionTabsScrollButtonColor = "var(--utrecht-document-color)";
+export const conductionTabsScrollButtonHoverBackgroundColor = "var(--rotterdam-color-base-white)";
+export const conductionTabsScrollButtonHoverColor = "var(--rotterdam-color-green-tint-01)";
 export const utrechtAlertBackgroundColor = "#e8f4fb";
 export const utrechtAlertBorderColor = "#b4dbf1";
 export const utrechtAlertBorderWidth = "1px";
@@ -103,6 +144,14 @@ export const utrechtAlertIconGap = "8px";
 export const utrechtCodeBackgroundColor = "var(--rotterdam-color-gray-tint-01)";
 export const utrechtCodeColor = "var(--rotterdam-color-gray-tint-11)";
 export const utrechtCodeFontSize = "inherit";
+export const utrechtBadgeCounterBackgroundColor = "var(--rotterdam-color-base-black)";
+export const utrechtBadgeCounterBorderRadius = "50%";
+export const utrechtBadgeCounterColor = "var(--rotterdam-color-base-white)";
+export const utrechtBadgeCounterFontSize = "var(--utrecht-document-font-size)";
+export const utrechtBadgeCounterFontFamily = "var(--utrecht-document-font-family)";
+export const utrechtBadgeCounterTextDecoration = "none";
+export const utrechtBadgeCounterPaddingBlock = "5px";
+export const utrechtBadgeCounterPaddingInline = "5px";
 export const utrechtButtonIconGap = "8px";
 export const utrechtIconGap = "8px";
 export const utrechtPageFooterLogoMaxHeight = "48px";