@conduction/theme 1.0.36 → 1.0.38

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

@@ -2,6 +2,46 @@
   "fullName": "Gemeente Rotterdam",
   "name": "Rotterdam",
   "prefix": "rotterdam",
-  "npm": "@conduction/rotterdam-design-tokens",
-  "stories": ["react-utrecht-link--default"]
-}
+  "npm": "@nl-design-system-unstable/rotterdam-design-tokens",
+  "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/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 Tue, 19 Sep 2023 14:30:23 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;
@@ -147,6 +148,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 +176,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 +250,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 +258,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 +289,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 +297,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);
@@ -389,6 +401,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);

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 Tue, 19 Sep 2023 14:30:23 GMT
  */
 
 export const tubbergenColorPrimary = "#0b612d";
@@ -197,6 +197,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 +209,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 +252,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 +264,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 +385,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 +439,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";

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

@@ -1064,6 +1064,287 @@
       "page-hover-text-decoration-thickness"
     ]
   },
+  {
+    "value": "#f2f4f7",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{tubbergen.color.blue.96}"
+    },
+    "name": "conductionTableWrapperScrollButtonBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#333333",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{tubbergen.color.black.20}"
+    },
+    "name": "conductionTableWrapperScrollButtonColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "color"
+    ]
+  },
+  {
+    "value": "#f2f4f7",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{tubbergen.color.blue.96}"
+    },
+    "name": "conductionTableWrapperScrollButtonHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#067432",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{tubbergen.color.green.24}"
+    },
+    "name": "conductionTableWrapperScrollButtonHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "value": "14px",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{tubbergen.size.sm}"
+    },
+    "name": "conductionTableWrapperScrollButtonPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "value": "14px",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{tubbergen.size.sm}"
+    },
+    "name": "conductionTableWrapperScrollButtonPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "value": "#f2f4f7",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{tubbergen.color.blue.96}"
+    },
+    "name": "conductionTabsScrollButtonBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#AEB6C2",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{tubbergen.color.grey.72}"
+    },
+    "name": "conductionTabsScrollButtonBorderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "border-color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "border-color"
+    ]
+  },
+  {
+    "value": "solid",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "solid"
+    },
+    "name": "conductionTabsScrollButtonBorderStyle",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "border-style"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "border-style"
+    ]
+  },
+  {
+    "value": "1px",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{tubbergen.size.4xs}"
+    },
+    "name": "conductionTabsScrollButtonBorderWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "border-width"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "border-width"
+    ]
+  },
+  {
+    "value": "#5c6066",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{tubbergen.color.grey.38}"
+    },
+    "name": "conductionTabsScrollButtonColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "color"
+    ]
+  },
+  {
+    "value": "#f2f4f7",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{tubbergen.color.blue.96}"
+    },
+    "name": "conductionTabsScrollButtonHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#0b612d",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{tubbergen.color.primary}"
+    },
+    "name": "conductionTabsScrollButtonHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "hover",
+      "color"
+    ]
+  },
   {
     "value": "#f2f4f7",
     "filePath": "src/component/conduction/tabs.tokens.json",
@@ -5705,7 +5986,7 @@
   },
   {
     "value": "#767676",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.grey.46}"
@@ -5724,7 +6005,7 @@
   },
   {
     "value": "0px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "0px"
@@ -5743,7 +6024,7 @@
   },
   {
     "value": "1px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.4xs}"
@@ -5762,7 +6043,7 @@
   },
   {
     "value": "#555555",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.black.33}"
@@ -5802,7 +6083,7 @@
   },
   {
     "value": "\"Lato\", Arial, sans-serif",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.typography.lato.font-family}"
@@ -5821,7 +6102,7 @@
   },
   {
     "value": "15px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "15px"
@@ -5840,7 +6121,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.xs}"
@@ -5859,7 +6140,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.xs}"
@@ -5878,7 +6159,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.sm}"
@@ -5897,7 +6178,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.sm}"
@@ -8306,7 +8587,7 @@
   },
   {
     "value": "#767676",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.grey.46}"
@@ -8325,7 +8606,7 @@
   },
   {
     "value": "0px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "0px"
@@ -8344,7 +8625,7 @@
   },
   {
     "value": "1px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.4xs}"
@@ -8363,7 +8644,7 @@
   },
   {
     "value": "#555555",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.color.black.33}"
@@ -8403,7 +8684,7 @@
   },
   {
     "value": "\"Lato\", Arial, sans-serif",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.typography.lato.font-family}"
@@ -8422,7 +8703,7 @@
   },
   {
     "value": "15px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "15px"
@@ -8441,7 +8722,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.xs}"
@@ -8460,7 +8741,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.xs}"
@@ -8479,7 +8760,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.sm}"
@@ -8498,7 +8779,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{tubbergen.size.sm}"