@conduction/theme 1.0.30 → 1.0.32

package/conduction-design-tokens/dist/index.json

@@ -1147,6 +1147,576 @@
       "font-family"
     ]
   },
+  {
+    "value": "unset",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "unset"
+    },
+    "name": "conductionPaginationContainerBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "container-background-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "container-background-color"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "conductionPaginationContainerPaddingBlockEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "container-padding-block-end"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "container-padding-block-end"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "conductionPaginationContainerPaddingBlockStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "container-padding-block-start"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "container-padding-block-start"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "conductionPaginationContainerPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "container-padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "container-padding-inline-end"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "conductionPaginationContainerPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "container-padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "container-padding-inline-start"
+    ]
+  },
+  {
+    "value": "#4376fc",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.primary}"
+    },
+    "name": "conductionPaginationCurrentPageBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "current-page-background-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "current-page-background-color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.white.100}"
+    },
+    "name": "conductionPaginationCurrentPageColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "current-page-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "current-page-color"
+    ]
+  },
+  {
+    "value": "700",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.typography.font-weight.bold}"
+    },
+    "name": "conductionPaginationCurrentPageFontWeight",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "current-page-font-weight"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "current-page-font-weight"
+    ]
+  },
+  {
+    "value": "unset",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "unset"
+    },
+    "name": "conductionPaginationCurrentPageTextDecoration",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "current-page-text-decoration"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "current-page-text-decoration"
+    ]
+  },
+  {
+    "value": "#f5f5f5",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.lightgrey.96}"
+    },
+    "name": "conductionPaginationDisabledBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "disabled-background-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "disabled-background-color"
+    ]
+  },
+  {
+    "value": "#d1d1d1",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.grey.82}"
+    },
+    "name": "conductionPaginationDisabledColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "disabled-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "disabled-color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.white.100}"
+    },
+    "name": "conductionPaginationItemBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-background-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-background-color"
+    ]
+  },
+  {
+    "value": "4px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.size.2xs}"
+    },
+    "name": "conductionPaginationItemBorderRadius",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-border-radius"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-border-radius"
+    ]
+  },
+  {
+    "value": "#000000",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.black.0}"
+    },
+    "name": "conductionPaginationItemColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-color"
+    ]
+  },
+  {
+    "value": "\"Noto Sans\", Arial, sans-serif",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.document.font-family}"
+    },
+    "name": "conductionPaginationItemFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-font-family"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-font-family"
+    ]
+  },
+  {
+    "value": "18px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.document.font-size}"
+    },
+    "name": "conductionPaginationItemFontSize",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-font-size"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.typography.font-weight.normal}"
+    },
+    "name": "conductionPaginationItemFontWeight",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-font-weight"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-font-weight"
+    ]
+  },
+  {
+    "value": "4px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.size.2xs}"
+    },
+    "name": "conductionPaginationItemGap",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-gap"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-gap"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.size.xs}"
+    },
+    "name": "conductionPaginationItemPaddingBlockEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-padding-block-end"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-padding-block-end"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.size.xs}"
+    },
+    "name": "conductionPaginationItemPaddingBlockStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-padding-block-start"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-padding-block-start"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.size.xs}"
+    },
+    "name": "conductionPaginationItemPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-padding-inline-end"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.size.xs}"
+    },
+    "name": "conductionPaginationItemPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-padding-inline-start"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "conductionPaginationNavigationButtonPaddingBlockEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "navigation-button-padding-block-end"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "navigation-button-padding-block-end"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "conductionPaginationNavigationButtonPaddingBlockStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "navigation-button-padding-block-start"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "navigation-button-padding-block-start"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.size.xs}"
+    },
+    "name": "conductionPaginationNavigationButtonPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "navigation-button-padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "navigation-button-padding-inline-end"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.size.xs}"
+    },
+    "name": "conductionPaginationNavigationButtonPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "navigation-button-padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "navigation-button-padding-inline-start"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.white.100}"
+    },
+    "name": "conductionPaginationPageHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "page-hover-background-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "page-hover-background-color"
+    ]
+  },
+  {
+    "value": "#4376fc",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.primary}"
+    },
+    "name": "conductionPaginationPageHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "page-hover-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "page-hover-color"
+    ]
+  },
+  {
+    "value": "unset",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "unset"
+    },
+    "name": "conductionPaginationPageHoverTextDecoration",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "page-hover-text-decoration"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "page-hover-text-decoration"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "conductionPaginationPageHoverTextDecorationThickness",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "page-hover-text-decoration-thickness"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "page-hover-text-decoration-thickness"
+    ]
+  },
   {
     "value": "48px",
     "filePath": "src/brand/conduction/size.tokens.json",
@@ -5190,6 +5760,25 @@
       "xs"
     ]
   },
+  {
+    "value": "#fafafa",
+    "filePath": "src/component/utrecht/surface.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.white.98}"
+    },
+    "name": "utrechtSurfaceBackgroundColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "surface",
+      "item": "background-color"
+    },
+    "path": [
+      "utrecht",
+      "surface",
+      "background-color"
+    ]
+  },
   {
     "value": "#ffffff",
     "filePath": "src/component/utrecht/extra-tokens/table.tokens.json",

package/conduction-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 15:19:54 GMT
+// Generated on Wed, 30 Aug 2023 11:44:39 GMT
 
 @utrecht-paragraph-margin-block-end: 0;
 @utrecht-paragraph-margin-block-start: 0;
@@ -38,6 +38,16 @@
 @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-navigation-button-padding-block-end: 0px;
+@conduction-pagination-navigation-button-padding-block-start: 0px;
+@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-typography-font-weight-light: 100;
 @conduction-typography-font-weight-normal: 400;
 @conduction-typography-font-weight-bold: 700;
@@ -88,6 +98,7 @@
 @conduction-color-error: #dc3545;
 @conduction-color-primary-hover: #2e5ed9;
 @conduction-color-primary: #4376fc;
+@utrecht-surface-background-color: @conduction-color-white-98;
 @utrecht-paragraph-font-weight: @conduction-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @conduction-font-size-md;
 @utrecht-paragraph-font-family: @conduction-typography-sans-serif-font-family;
@@ -271,6 +282,24 @@
 @conduction-input-select-border-radius: @utrecht-form-input-border-radius;
 @conduction-input-select-border: @conduction-size-4xs solid @conduction-color-grey-48;
 @conduction-input-select-background-color: @conduction-color-white-100;
+@conduction-pagination-page-hover-background-color: @conduction-color-white-100;
+@conduction-pagination-page-hover-color: @conduction-color-primary;
+@conduction-pagination-current-page-font-weight: @conduction-typography-font-weight-bold;
+@conduction-pagination-current-page-background-color: @conduction-color-primary;
+@conduction-pagination-current-page-color: @conduction-color-white-100;
+@conduction-pagination-disabled-background-color: @conduction-color-lightgrey-96;
+@conduction-pagination-disabled-color: @conduction-color-grey-82;
+@conduction-pagination-navigation-button-padding-inline-end: @conduction-size-xs;
+@conduction-pagination-navigation-button-padding-inline-start: @conduction-size-xs;
+@conduction-pagination-item-font-weight: @conduction-typography-font-weight-normal;
+@conduction-pagination-item-padding-block-end: @conduction-size-xs;
+@conduction-pagination-item-padding-block-start: @conduction-size-xs;
+@conduction-pagination-item-padding-inline-end: @conduction-size-xs;
+@conduction-pagination-item-padding-inline-start: @conduction-size-xs;
+@conduction-pagination-item-border-radius: @conduction-size-2xs;
+@conduction-pagination-item-background-color: @conduction-color-white-100;
+@conduction-pagination-item-color: @conduction-color-black-0;
+@conduction-pagination-item-gap: @conduction-size-2xs;
 @conduction-card-wrapper-padding-block-start: @conduction-size-md;
 @conduction-card-wrapper-padding-block-end: @conduction-size-md;
 @conduction-card-wrapper-padding-inline-start: @conduction-size-md;
@@ -304,4 +333,6 @@
 @utrecht-table-font-family: @utrecht-document-font-family;
 @utrecht-table-header-color: @utrecht-document-color;
 @conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
+@conduction-pagination-item-font-family: @utrecht-document-font-family;
+@conduction-pagination-item-font-size: @utrecht-document-font-size;
 @conduction-card-header-color: @utrecht-document-color;