@conduction/theme 1.0.36 → 1.0.40

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

@@ -1,9 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 08:36:09 GMT
+ * Generated on Thu, 28 Sep 2023 14:18:16 GMT
  */
 
 .tubbergen-theme {
+  --conduction-tabs-scroll-button-border-style: solid;
   --conduction-tabs-tab-panel-border-top: 0;
   --conduction-tabs-tab-panel-border-style: solid;
   --conduction-tabs-tab-list-border-bottom-style: solid;
@@ -83,6 +84,10 @@
   --utrecht-button-font-weight: inherit;
   --utrecht-button-font-size: inherit;
   --utrecht-button-border-radius: 0;
+  --utrecht-breadcrumb-padding-block-end: 15px;
+  --utrecht-breadcrumb-padding-block-start: 15px;
+  --utrecht-breadcrumb-padding-inline-end: 7.5px;
+  --utrecht-breadcrumb-padding-inline-start: 7.5px;
   --utrecht-badge-counter-text-decoration: none;
   --utrecht-badge-counter-border-radius: 50%;
   --utrecht-action-submit-cursor: pointer;
@@ -147,6 +152,11 @@
   --tubbergen-color-warning: #ffc107;
   --tubbergen-color-alert-error-background: #f8d7da;
   --tubbergen-color-error: #d62410;
+  --conduction-tabs-scroll-button-hover-background-color: var(--tubbergen-color-blue-96);
+  --conduction-tabs-scroll-button-border-color: var(--tubbergen-color-grey-72);
+  --conduction-tabs-scroll-button-border-width: var(--tubbergen-size-4xs);
+  --conduction-tabs-scroll-button-color: var(--tubbergen-color-grey-38);
+  --conduction-tabs-scroll-button-background-color: var(--tubbergen-color-blue-96);
   --conduction-tabs-tab-panel-border-color: var(--tubbergen-color-grey-72);
   --conduction-tabs-tab-panel-border-width: var(--tubbergen-size-4xs);
   --conduction-tabs-tab-panel-padding-inline-end: var(--tubbergen-size-lg);
@@ -170,6 +180,12 @@
   --conduction-tabs-tab-border-width: var(--tubbergen-size-4xs);
   --conduction-tabs-tab-color: var(--tubbergen-color-grey-38);
   --conduction-tabs-tab-background-color: var(--tubbergen-color-blue-96);
+  --conduction-table-wrapper-scroll-button-hover-color: var(--tubbergen-color-green-24);
+  --conduction-table-wrapper-scroll-button-hover-background-color: var(--tubbergen-color-blue-96);
+  --conduction-table-wrapper-scroll-button-padding-inline-end: var(--tubbergen-size-sm);
+  --conduction-table-wrapper-scroll-button-padding-inline-start: var(--tubbergen-size-sm);
+  --conduction-table-wrapper-scroll-button-color: var(--tubbergen-color-black-20);
+  --conduction-table-wrapper-scroll-button-background-color: var(--tubbergen-color-blue-96);
   --conduction-input-select-placeholder-font-family: var(--tubbergen-typography-lato-font-family);
   --conduction-input-select-list-option-hover-font-family: var(--tubbergen-typography-lato-font-family);
   --conduction-input-select-list-option-font-family: var(--tubbergen-typography-lato-font-family);
@@ -238,8 +254,6 @@
   --utrecht-heading-1-font-size: var(--tubbergen-font-size-2xl);
   --utrecht-heading-1-font-family: var(--tubbergen-typography-montserrat-font-family);
   --utrecht-heading-1-color: var(--tubbergen-color-black-13);
-  --utrecht-textbox-focus-border-color: var(--tubbergen-color-blue-48);
-  --utrecht-textbox-placeholder-color: var(--tubbergen-color-grey-42);
   --utrecht-textbox-padding-inline-start: var(--tubbergen-size-sm);
   --utrecht-textbox-padding-inline-end: var(--tubbergen-size-sm);
   --utrecht-textbox-padding-block-start: var(--tubbergen-size-xs);
@@ -248,6 +262,8 @@
   --utrecht-textbox-color: var(--tubbergen-color-black-33);
   --utrecht-textbox-border-width: var(--tubbergen-size-4xs);
   --utrecht-textbox-border-color: var(--tubbergen-color-grey-46);
+  --utrecht-textbox-focus-border-color: var(--tubbergen-color-blue-48);
+  --utrecht-textbox-placeholder-color: var(--tubbergen-color-grey-42);
   --utrecht-textbox-background-color: var(--tubbergen-color-white-100);
   --utrecht-table-cell-padding-inline-start: var(--tubbergen-size-md);
   --utrecht-table-cell-padding-inline-end: var(--tubbergen-size-md);
@@ -277,8 +293,6 @@
   --utrecht-page-footer-padding-inline-end: var(--tubbergen-size-sm);
   --utrecht-page-footer-color: var(--tubbergen-color-white-100);
   --utrecht-icon-gap: var(--tubbergen-size-xs);
-  --utrecht-form-input-focus-border-color: var(--tubbergen-color-blue-48);
-  --utrecht-form-input-placeholder-color: var(--tubbergen-color-grey-42);
   --utrecht-form-input-padding-inline-start: var(--tubbergen-size-sm);
   --utrecht-form-input-padding-inline-end: var(--tubbergen-size-sm);
   --utrecht-form-input-padding-block-start: var(--tubbergen-size-xs);
@@ -287,6 +301,8 @@
   --utrecht-form-input-color: var(--tubbergen-color-black-33);
   --utrecht-form-input-border-width: var(--tubbergen-size-4xs);
   --utrecht-form-input-border-color: var(--tubbergen-color-grey-46);
+  --utrecht-form-input-focus-border-color: var(--tubbergen-color-blue-48);
+  --utrecht-form-input-placeholder-color: var(--tubbergen-color-grey-42);
   --utrecht-form-input-background-color: var(--tubbergen-color-white-100);
   --utrecht-document-font-size: var(--tubbergen-font-size-md);
   --utrecht-document-font-family: var(--tubbergen-typography-lato-font-family);
@@ -335,6 +351,14 @@
   --utrecht-button-border-width: var(--tubbergen-size-3xs);
   --utrecht-button-border-color: var(--tubbergen-color-yellow-0);
   --utrecht-button-background-color: var(--tubbergen-color-yellow-0);
+  --utrecht-breadcrumb-background-color: var(--tubbergen-color-green-21);
+  --utrecht-breadcrumb-separator-icon-size: var(--tubbergen-font-size-xs);
+  --utrecht-breadcrumb-separator-icon-color: var(--tubbergen-color-white-100);
+  --utrecht-breadcrumb-link-hover-color: var(--tubbergen-color-white-100);
+  --utrecht-breadcrumb-link-disabled-color: var(--tubbergen-color-white-100);
+  --utrecht-breadcrumb-link-current-color: var(--tubbergen-color-white-100);
+  --utrecht-breadcrumb-link-color: var(--tubbergen-color-white-100);
+  --utrecht-breadcrumb-font-size: var(--tubbergen-font-size-xs);
   --utrecht-blockquote-content-font-size: var(--tubbergen-font-size-md);
   --utrecht-blockquote-margin-inline-end: var(--tubbergen-size-xl);
   --utrecht-blockquote-margin-inline-start: var(--tubbergen-size-xl);
@@ -389,6 +413,7 @@
   --tubbergen-color-alert-error: var(--tubbergen-color-black-20);
   --tubbergen-color-primary-hover: var(--tubbergen-color-green-11);
   --tubbergen-color-primary: var(--tubbergen-color-green-21);
+  --conduction-tabs-scroll-button-hover-color: var(--tubbergen-color-primary);
   --conduction-tabs-tab-hover-color: var(--tubbergen-color-primary);
   --conduction-tabs-tab-selected-hover-color: var(--tubbergen-color-primary);
   --conduction-tabs-tab-selected-font-family: var(--utrecht-document-font-family);
@@ -421,6 +446,7 @@
   --utrecht-button-secondary-action-hover-border-color: var(--tubbergen-color-primary-hover);
   --utrecht-button-secondary-action-color: var(--tubbergen-color-primary);
   --utrecht-button-secondary-action-border-color: var(--tubbergen-color-primary);
+  --utrecht-breadcrumb-font-family: var(--utrecht-document-font-family);
   --utrecht-blockquote-content-color: var(--utrecht-document-color);
   --utrecht-badge-counter-font-family: var(--utrecht-document-font-family);
   --utrecht-badge-counter-font-size: var(--utrecht-document-font-size);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 08:36:09 GMT
+ * Generated on Thu, 28 Sep 2023 14:18:16 GMT
  */
 
 export const tubbergenColorPrimary = "#0b612d";
@@ -134,6 +134,19 @@ export const utrechtBlockquoteMarginInlineStart = "32px";
 export const utrechtBlockquoteMarginInlineEnd = "32px";
 export const utrechtBlockquoteContentColor = "#333333";
 export const utrechtBlockquoteContentFontSize = "16px";
+export const utrechtBreadcrumbFontFamily = "\"Lato\", Arial, sans-serif";
+export const utrechtBreadcrumbFontSize = "12px";
+export const utrechtBreadcrumbLinkColor = "#ffffff";
+export const utrechtBreadcrumbLinkCurrentColor = "#ffffff";
+export const utrechtBreadcrumbLinkDisabledColor = "#ffffff";
+export const utrechtBreadcrumbLinkHoverColor = "#ffffff";
+export const utrechtBreadcrumbSeparatorIconColor = "#ffffff";
+export const utrechtBreadcrumbSeparatorIconSize = "12px";
+export const utrechtBreadcrumbBackgroundColor = "#0b612d";
+export const utrechtBreadcrumbPaddingInlineStart = "7.5px";
+export const utrechtBreadcrumbPaddingInlineEnd = "7.5px";
+export const utrechtBreadcrumbPaddingBlockStart = "15px";
+export const utrechtBreadcrumbPaddingBlockEnd = "15px";
 export const utrechtButtonBackgroundColor = "#f0b700";
 export const utrechtButtonBorderColor = "#f0b700";
 export const utrechtButtonBorderRadius = 0;
@@ -197,6 +210,8 @@ export const utrechtDocumentColor = "#333333";
 export const utrechtDocumentFontFamily = "\"Lato\", Arial, sans-serif";
 export const utrechtDocumentFontSize = "16px";
 export const utrechtFormInputBackgroundColor = "#ffffff";
+export const utrechtFormInputPlaceholderColor = "#6b6b6b";
+export const utrechtFormInputFocusBorderColor = "#2e79c6";
 export const utrechtFormInputBorderColor = "#767676";
 export const utrechtFormInputBorderRadius = "0px";
 export const utrechtFormInputBorderWidth = "1px";
@@ -207,8 +222,6 @@ export const utrechtFormInputPaddingBlockEnd = "8px";
 export const utrechtFormInputPaddingBlockStart = "8px";
 export const utrechtFormInputPaddingInlineEnd = "14px";
 export const utrechtFormInputPaddingInlineStart = "14px";
-export const utrechtFormInputPlaceholderColor = "#6b6b6b";
-export const utrechtFormInputFocusBorderColor = "#2e79c6";
 export const utrechtIconGap = "8px";
 export const utrechtPageFooterMinHeight = "300px";
 export const utrechtPageFooterLogoMaxHeight = "100px";
@@ -252,6 +265,8 @@ export const utrechtTableCellPaddingBlockStart = "18px";
 export const utrechtTableCellPaddingInlineEnd = "18px";
 export const utrechtTableCellPaddingInlineStart = "18px";
 export const utrechtTextboxBackgroundColor = "#ffffff";
+export const utrechtTextboxPlaceholderColor = "#6b6b6b";
+export const utrechtTextboxFocusBorderColor = "#2e79c6";
 export const utrechtTextboxBorderColor = "#767676";
 export const utrechtTextboxBorderRadius = "0px";
 export const utrechtTextboxBorderWidth = "1px";
@@ -262,8 +277,6 @@ export const utrechtTextboxPaddingBlockEnd = "8px";
 export const utrechtTextboxPaddingBlockStart = "8px";
 export const utrechtTextboxPaddingInlineEnd = "14px";
 export const utrechtTextboxPaddingInlineStart = "14px";
-export const utrechtTextboxPlaceholderColor = "#6b6b6b";
-export const utrechtTextboxFocusBorderColor = "#2e79c6";
 export const utrechtHeading1Color = "#222222";
 export const utrechtHeading1FontFamily = "\"Montserrat\", Arial, sans-serif";
 export const utrechtHeading1FontSize = "32px";
@@ -385,6 +398,12 @@ export const conductionInputSelectListOptionFontFamily = "\"Lato\", Arial, sans-
 export const conductionInputSelectListOptionHoverFontFamily = "\"Lato\", Arial, sans-serif";
 export const conductionInputSelectPlaceholderColor = "#6b6b6b";
 export const conductionInputSelectPlaceholderFontFamily = "\"Lato\", Arial, sans-serif";
+export const conductionTableWrapperScrollButtonBackgroundColor = "#f2f4f7";
+export const conductionTableWrapperScrollButtonColor = "#333333";
+export const conductionTableWrapperScrollButtonPaddingInlineStart = "14px";
+export const conductionTableWrapperScrollButtonPaddingInlineEnd = "14px";
+export const conductionTableWrapperScrollButtonHoverBackgroundColor = "#f2f4f7";
+export const conductionTableWrapperScrollButtonHoverColor = "#067432";
 export const conductionTabsTabBackgroundColor = "#f2f4f7";
 export const conductionTabsTabColor = "#5c6066";
 export const conductionTabsTabBorderWidth = "1px";
@@ -433,3 +452,10 @@ export const conductionTabsTabPanelBorderWidth = "1px";
 export const conductionTabsTabPanelBorderStyle = "solid";
 export const conductionTabsTabPanelBorderColor = "#AEB6C2";
 export const conductionTabsTabPanelBorderTop = "0";
+export const conductionTabsScrollButtonBackgroundColor = "#f2f4f7";
+export const conductionTabsScrollButtonColor = "#5c6066";
+export const conductionTabsScrollButtonBorderWidth = "1px";
+export const conductionTabsScrollButtonBorderStyle = "solid";
+export const conductionTabsScrollButtonBorderColor = "#AEB6C2";
+export const conductionTabsScrollButtonHoverBackgroundColor = "#f2f4f7";
+export const conductionTabsScrollButtonHoverColor = "#0b612d";