@conduction/theme 1.0.31 → 1.0.33

package/municipalities/tubbergen-design-tokens/src/component/conduction/card-wrapper.tokens.json

@@ -3,12 +3,18 @@
     "card-wrapper": {
       "background-color": { "value": "{tubbergen.color.green.89}" },
       "border-color": {},
-      "border-width": { "value": "unset" },
       "border-style": {},
+      "border-width": { "value": "unset" },
+      "border-bottom-color": {},
+      "border-bottom-style": {},
+      "border-bottom-width": {},
       "border-radius": { "value": "0px" },
       "color": { "value": "{utrecht.document.color}" },
       "hover": {
-        "background-color": {}
+        "background-color": {},
+        "border-bottom-color": {},
+        "border-bottom-style": {},
+        "border-bottom-width": {}
       },
       "padding-inline-end": { "value": "{tubbergen.size.xl}" },
       "padding-inline-start": { "value": "{tubbergen.size.xl}" },

package/municipalities/tubbergen-design-tokens/src/component/conduction/pagination.tokens.json

@@ -0,0 +1,50 @@
+{
+  "conduction": {
+    "pagination": {
+      "container-background-color": { "value": "unset" },
+      "container-padding-inline-start": { "value": "0px" },
+      "container-padding-inline-end": { "value": "0px" },
+      "container-padding-block-start": { "value": "0px" },
+      "container-padding-block-end": { "value": "0px" },
+
+      "item-gap": { "value": "{tubbergen.size.2xs}" },
+      "item-color": { "value": "{tubbergen.color.white.100}" },
+      "item-background-color": { "value": "{tubbergen.color.primary}" },
+      "item-border-radius": { "value": "0px" },
+      "item-padding-inline-start": { "value": "15px" },
+      "item-padding-inline-end": { "value": "15px" },
+      "item-padding-block-start": { "value": "7.5px" },
+      "item-padding-block-end": { "value": "7.5px" },
+      "item-font-size": { "value": "17.6px" },
+      "item-font-weight": { "value": "{tubbergen.typography.font-weight.normal}" },
+      "item-font-family": { "value": "{utrecht.document.font-family}" },
+      "item-border-width": {},
+      "item-border-style": {},
+      "item-border-color": {},
+
+      "navigation-button-padding-inline-start": { "value": "{tubbergen.size.xs}" },
+      "navigation-button-padding-inline-end": { "value": "{tubbergen.size.xs}" },
+      "navigation-button-padding-block-start": { "value": "0px" },
+      "navigation-button-padding-block-end": { "value": "0px" },
+
+      "disabled-color": { "value": "{tubbergen.color.white.100}" },
+      "disabled-background-color": { "value": "{tubbergen.color.lightgrey.89}" },
+
+      "current-page-color": { "value": "{tubbergen.color.blue.36}" },
+      "current-page-background-color": { "value": "{tubbergen.color.white.100}" },
+      "current-page-font-weight": { "value": "{tubbergen.typography.font-weight.normal}" },
+      "current-page-text-decoration": { "value": "unset" },
+      "current-page-border-width": {},
+      "current-page-border-style": {},
+      "current-page-border-color": {},
+
+      "page-hover-color": { "value": "{tubbergen.color.white.100}" },
+      "page-hover-background-color": { "value": "{tubbergen.color.green.16}" },
+      "page-hover-text-decoration": { "value": "unset" },
+      "page-hover-text-decoration-thickness": { "value": "0px" },
+      "page-hover-border-width": {},
+      "page-hover-border-style": {},
+      "page-hover-border-color": {}
+    }
+  }
+}

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

@@ -1,12 +1,27 @@
 /**
  * Do not edit directly
- * Generated on Fri, 25 Aug 2023 13:31:56 GMT
+ * Generated on Thu, 31 Aug 2023 07:58:20 GMT
  */
 
 .xxllnc-theme {
   --conduction-input-select-padding-block-start: 0;
   --conduction-input-select-padding-block-end: 0;
   --conduction-input-select-border-focus: unset;
+  --conduction-pagination-page-hover-text-decoration-thickness: 0px;
+  --conduction-pagination-page-hover-text-decoration: unset;
+  --conduction-pagination-current-page-text-decoration: unset;
+  --conduction-pagination-disabled-background-color: unset;
+  --conduction-pagination-navigation-button-padding-block-end: 0px;
+  --conduction-pagination-navigation-button-padding-block-start: 0px;
+  --conduction-pagination-navigation-button-padding-inline-end: ;
+  --conduction-pagination-navigation-button-padding-inline-start: ;
+  --conduction-pagination-item-padding-inline-end: 12px;
+  --conduction-pagination-item-padding-inline-start: 12px;
+  --conduction-pagination-container-padding-block-end: 0px;
+  --conduction-pagination-container-padding-block-start: 0px;
+  --conduction-pagination-container-padding-inline-end: 0px;
+  --conduction-pagination-container-padding-inline-start: 0px;
+  --conduction-pagination-container-background-color: unset;
   --conduction-card-wrapper-border-width: unset;
   --utrecht-paragraph-margin-block-end: 0;
   --utrecht-paragraph-margin-block-start: 0;
@@ -103,6 +118,19 @@
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: 1px solid var(--xxllnc-color-grey-92);
   --conduction-input-select-background-color: var(--xxllnc-color-white-100);
+  --conduction-pagination-page-hover-background-color: var(--xxllnc-color-white-100);
+  --conduction-pagination-page-hover-color: var(--xxllnc-color-primary);
+  --conduction-pagination-current-page-font-weight: var(--xxllnc-typography-font-weight-bold);
+  --conduction-pagination-current-page-background-color: var(--xxllnc-color-black-21);
+  --conduction-pagination-current-page-color: var(--xxllnc-color-white-100);
+  --conduction-pagination-disabled-color: var(--xxllnc-color-grey-90);
+  --conduction-pagination-item-font-weight: var(--xxllnc-typography-font-weight-normal);
+  --conduction-pagination-item-padding-block-end: var(--xxllnc-size-xs);
+  --conduction-pagination-item-padding-block-start: var(--xxllnc-size-xs);
+  --conduction-pagination-item-border-radius: var(--xxllnc-size-xl);
+  --conduction-pagination-item-background-color: var(--xxllnc-color-white-100);
+  --conduction-pagination-item-color: var(--xxllnc-color-primary);
+  --conduction-pagination-item-gap: var(--xxllnc-size-2xs);
   --conduction-card-wrapper-padding-block-start: var(--xxllnc-size-md);
   --conduction-card-wrapper-padding-block-end: var(--xxllnc-size-md);
   --conduction-card-wrapper-padding-inline-start: var(--xxllnc-size-md);
@@ -294,6 +322,8 @@
   --xxllnc-color-alert-info: var(--xxllnc-color-black-16);
   --xxllnc-color-info: var(--xxllnc-color-primary);
   --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
+  --conduction-pagination-item-font-family: var(--utrecht-document-font-family);
+  --conduction-pagination-item-font-size: var(--utrecht-document-font-size);
   --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);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 25 Aug 2023 13:31:56 GMT
+ * Generated on Thu, 31 Aug 2023 07:58:20 GMT
  */
 
 export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency
@@ -293,6 +293,36 @@ export const conductionCardWrapperPaddingInlineEnd = "18px";
 export const conductionCardWrapperPaddingInlineStart = "18px";
 export const conductionCardWrapperPaddingBlockEnd = "18px";
 export const conductionCardWrapperPaddingBlockStart = "18px";
+export const conductionPaginationContainerBackgroundColor = "unset";
+export const conductionPaginationContainerPaddingInlineStart = "0px";
+export const conductionPaginationContainerPaddingInlineEnd = "0px";
+export const conductionPaginationContainerPaddingBlockStart = "0px";
+export const conductionPaginationContainerPaddingBlockEnd = "0px";
+export const conductionPaginationItemGap = "4px";
+export const conductionPaginationItemColor = "#000000ad";
+export const conductionPaginationItemBackgroundColor = "#ffffff";
+export const conductionPaginationItemBorderRadius = "32px";
+export const conductionPaginationItemPaddingInlineStart = "12px";
+export const conductionPaginationItemPaddingInlineEnd = "12px";
+export const conductionPaginationItemPaddingBlockStart = "8px";
+export const conductionPaginationItemPaddingBlockEnd = "8px";
+export const conductionPaginationItemFontSize = "16px";
+export const conductionPaginationItemFontWeight = "400";
+export const conductionPaginationItemFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const conductionPaginationNavigationButtonPaddingInlineStart = "";
+export const conductionPaginationNavigationButtonPaddingInlineEnd = "";
+export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
+export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
+export const conductionPaginationDisabledColor = "#e5e5e5";
+export const conductionPaginationDisabledBackgroundColor = "unset";
+export const conductionPaginationCurrentPageColor = "#ffffff";
+export const conductionPaginationCurrentPageBackgroundColor = "#333338";
+export const conductionPaginationCurrentPageFontWeight = "700";
+export const conductionPaginationCurrentPageTextDecoration = "unset";
+export const conductionPaginationPageHoverColor = "#000000ad";
+export const conductionPaginationPageHoverBackgroundColor = "#ffffff";
+export const conductionPaginationPageHoverTextDecoration = "unset";
+export const conductionPaginationPageHoverTextDecorationThickness = "0px";
 export const conductionInputSelectBackgroundColor = "#ffffff";
 export const conductionInputSelectBorder = "1px solid #eaeaea";
 export const conductionInputSelectBorderFocus = "unset";