Merge pull request #70 from open-formulieren/chore/upgrade-utrecht-components

Upgrade utrecht components

Author: sergei-maertens

package-lock.json

@@ -44,7 +44,7 @@
   "devDependencies": {
     "@babel/core": "^7.24.0",
     "@formatjs/cli": "^6.5.1",
-    "@open-formulieren/design-tokens": "^0.55.0",
+    "@open-formulieren/design-tokens": "^0.57.0",
     "@open-formulieren/types": "^0.38.0",
     "@storybook/addon-actions": "^8.6.2",
     "@storybook/addon-essentials": "^8.6.2",
@@ -57,7 +57,7 @@
     "@trivago/prettier-plugin-sort-imports": "^5.2.0",
     "@types/react": "^18.2.65",
     "@types/webpack": "^5.28.5",
-    "@utrecht/components": "1.0.0-alpha.565",
+    "@utrecht/components": "^7.4.0",
     "@vitejs/plugin-react": "^4.3.4",
     "ajv": "^8.17.1",
     "babel-plugin-formatjs": "^10.5.34",

package.json

@@ -1,4 +1,4 @@
-@use '@utrecht/components/dist/form-field-description/css/index' as form-field-description;
+@use '@utrecht/components/form-field-description' as form-field-description;
 
 @use '@/scss/bem';
 

src/components/forms/HelpText.scss

@@ -1,5 +1,5 @@
-@use '@utrecht/components/dist/form-label/css/index' as form-label;
-@use '@utrecht/components/dist/paragraph/css/index' as paragraph;
+@use '@utrecht/components/form-label' as form-label;
+@use '@utrecht/components/paragraph' as paragraph;
 
 @use '@/scss/bem';
 

src/components/forms/Label.scss

@@ -1,10 +1,10 @@
 // NOTE: the import order matters here, otherwise paragraph styles overwrite the styles
 // of form-field
-@use '@utrecht/components/dist/paragraph/css/index' as paragraph;
-@use '@utrecht/components/dist/form-field/css/index' as form-field;
-@use '@utrecht/components/dist/form-fieldset/css/index' as form-fieldset;
-@use '@utrecht/components/dist/textbox/css/index' as textbox;
-@use '@utrecht/components/dist/radio-button/css/index' as radio-button;
+@use '@utrecht/components/paragraph' as paragraph;
+@use '@utrecht/components/form-field' as form-field;
+@use '@utrecht/components/form-fieldset' as form-fieldset;
+@use '@utrecht/components/textbox' as textbox;
+@use '@utrecht/components/radio-button' as radio-button;
 
 @use '@/scss/bem';
 @use '@/scss/form-field-override';

src/components/forms/RadioField/RadioField.scss

@@ -1,8 +1,8 @@
 // NOTE: the import order matters here, otherwise paragraph styles overwrite the styles
 // of form-field
-@use '@utrecht/components/dist/paragraph/css/index' as paragraph;
-@use '@utrecht/components/dist/form-field/css/index' as form-field;
-@use '@utrecht/components/dist/textbox/css/index' as textbox;
+@use '@utrecht/components/paragraph' as paragraph;
+@use '@utrecht/components/form-field' as form-field;
+@use '@utrecht/components/textbox' as textbox;
 
 @use '@/scss/bem';
 @use '@/scss/form-field-override';

src/components/forms/TextField/TextField.scss

@@ -1,4 +1,4 @@
-@use '@utrecht/components/dist/form-field-description/css/index' as form-field-description;
+@use '@utrecht/components/form-field-description' as form-field-description;
 
 @use '@/scss/bem';