@entur/form 9.1.0 → 9.2.0

package/dist/styles.css

@@ -116,7 +116,7 @@
   --components-form-feedbacktext-success-standard-icon-stroke:#ffffff;
   --components-form-feedbacktext-success-standard-icon-symbol:#ffffff;
   --components-form-feedbacktext-success-standard-text:#181c56;
-  --components-form-feedbacktext-warning-contrast-icon:#ffe082;
+  --components-form-feedbacktext-warning-contrast-icon-fill:#ffe082;
   --components-form-feedbacktext-warning-contrast-icon-symbol:#181c56;
   --components-form-feedbacktext-warning-contrast-stroke:#181c56;
   --components-form-feedbacktext-warning-contrast-text:#ffffff;
@@ -299,7 +299,7 @@
   --components-form-feedbacktext-success-standard-icon-stroke:#08091c;
   --components-form-feedbacktext-success-standard-icon-symbol:#08091c;
   --components-form-feedbacktext-success-standard-text:#e5e5e9;
-  --components-form-feedbacktext-warning-contrast-icon:#ffe082;
+  --components-form-feedbacktext-warning-contrast-icon-fill:#ffe082;
   --components-form-feedbacktext-warning-contrast-icon-symbol:#08091c;
   --components-form-feedbacktext-warning-contrast-stroke:#08091c;
   --components-form-feedbacktext-warning-contrast-text:#e5e5e9;
@@ -364,6 +364,115 @@
   --components-form-switch-standard-switch:#08091c;
   --components-form-switch-standard-text:#e5e5e9;
 }
+
+[data-view-mode=standard],
+:root{
+  --components-form-baseform-border-large:0.125rem;
+  --components-form-baseform-border-medium:0.125rem;
+  --components-form-baseform-border-small:0.125rem;
+  --components-form-baseform-gap-horizontal-small:0.25rem;
+  --components-form-baseform-gap-horizontal-large:0.5rem;
+  --components-form-baseform-gap-horizontal-medium:0.5rem;
+  --components-form-baseform-gap-vertical-small:0.25rem;
+  --components-form-baseform-gap-vertical-medium:0.5rem;
+  --components-form-baseform-gap-vertical-large:1rem;
+  --components-form-baseform-height-default-small:2rem;
+  --components-form-baseform-height-default-medium:3rem;
+  --components-form-baseform-height-default-large:4rem;
+  --components-form-baseform-height-textarea-small:4.5rem;
+  --components-form-baseform-height-textarea-medium:6rem;
+  --components-form-baseform-height-textarea-large:7.5rem;
+  --components-form-baseform-icon-small:1rem;
+  --components-form-baseform-icon-mediun:1.25rem;
+  --components-form-baseform-icon-large:1.5rem;
+  --components-form-baseform-inlinepadding-default-small:0.5rem;
+  --components-form-baseform-inlinepadding-default-medium:0.75rem;
+  --components-form-baseform-inlinepadding-default-large:1rem;
+  --components-form-baseform-inlinepadding-tagchip-medium:0.25rem;
+  --components-form-baseform-inlinepadding-tagchip-small:0.25rem;
+  --components-form-baseform-inlinepadding-tagchip-large:0.5rem;
+  --components-form-baseform-radius-small:0.375rem;
+  --components-form-baseform-radius-large:0.5rem;
+  --components-form-baseform-radius-medium:0.5rem;
+  --components-form-feedbacktext-gap-small:0.25rem;
+  --components-form-feedbacktext-gap-large:0.5rem;
+  --components-form-feedbacktext-gap-medium:0.5rem;
+  --components-form-feedbacktext-icon-small:1rem;
+  --components-form-feedbacktext-icon-medium:1.25rem;
+  --components-form-feedbacktext-icon-large:1.75rem;
+}
+
+[data-view-mode=compact]{
+  --components-form-baseform-border-large:0.125rem;
+  --components-form-baseform-border-medium:0.125rem;
+  --components-form-baseform-border-small:0.125rem;
+  --components-form-baseform-gap-horizontal-medium:0.25rem;
+  --components-form-baseform-gap-horizontal-small:0.25rem;
+  --components-form-baseform-gap-horizontal-large:0.5rem;
+  --components-form-baseform-gap-vertical-small:0.25rem;
+  --components-form-baseform-gap-vertical-medium:0.5rem;
+  --components-form-baseform-gap-vertical-large:0.75rem;
+  --components-form-baseform-height-default-small:1.75rem;
+  --components-form-baseform-height-default-medium:2.5rem;
+  --components-form-baseform-height-default-large:3.5rem;
+  --components-form-baseform-height-textarea-small:4rem;
+  --components-form-baseform-height-textarea-medium:5rem;
+  --components-form-baseform-height-textarea-large:6.5rem;
+  --components-form-baseform-icon-mediun:1rem;
+  --components-form-baseform-icon-small:1rem;
+  --components-form-baseform-icon-large:1.25rem;
+  --components-form-baseform-inlinepadding-default-medium:0.5rem;
+  --components-form-baseform-inlinepadding-default-small:0.5rem;
+  --components-form-baseform-inlinepadding-default-large:0.875rem;
+  --components-form-baseform-inlinepadding-tagchip-medium:0.25rem;
+  --components-form-baseform-inlinepadding-tagchip-small:0.25rem;
+  --components-form-baseform-inlinepadding-tagchip-large:0.5rem;
+  --components-form-baseform-radius-small:0.25rem;
+  --components-form-baseform-radius-large:0.5rem;
+  --components-form-baseform-radius-medium:0.5rem;
+  --components-form-feedbacktext-gap-medium:0.25rem;
+  --components-form-feedbacktext-gap-small:0.25rem;
+  --components-form-feedbacktext-gap-large:0.5rem;
+  --components-form-feedbacktext-icon-small:1rem;
+  --components-form-feedbacktext-icon-medium:1.25rem;
+  --components-form-feedbacktext-icon-large:1.5rem;
+}
+
+[data-view-mode=display]{
+  --components-form-baseform-border-small:0.125rem;
+  --components-form-baseform-border-large:0.25rem;
+  --components-form-baseform-border-medium:0.25rem;
+  --components-form-baseform-gap-horizontal-small:0.5rem;
+  --components-form-baseform-gap-horizontal-medium:0.75rem;
+  --components-form-baseform-gap-horizontal-large:1rem;
+  --components-form-baseform-gap-vertical-small:0.5rem;
+  --components-form-baseform-gap-vertical-medium:1rem;
+  --components-form-baseform-gap-vertical-large:1.5rem;
+  --components-form-baseform-height-default-small:4rem;
+  --components-form-baseform-height-default-medium:6rem;
+  --components-form-baseform-height-default-large:7.5rem;
+  --components-form-baseform-height-textarea-small:7rem;
+  --components-form-baseform-height-textarea-medium:8.5rem;
+  --components-form-baseform-height-textarea-large:10rem;
+  --components-form-baseform-icon-small:1.5rem;
+  --components-form-baseform-icon-mediun:2rem;
+  --components-form-baseform-icon-large:3rem;
+  --components-form-baseform-inlinepadding-default-small:1rem;
+  --components-form-baseform-inlinepadding-default-medium:1.25rem;
+  --components-form-baseform-inlinepadding-default-large:2rem;
+  --components-form-baseform-inlinepadding-tagchip-medium:0.5rem;
+  --components-form-baseform-inlinepadding-tagchip-small:0.5rem;
+  --components-form-baseform-inlinepadding-tagchip-large:1rem;
+  --components-form-baseform-radius-small:0.5rem;
+  --components-form-baseform-radius-large:1rem;
+  --components-form-baseform-radius-medium:1rem;
+  --components-form-feedbacktext-gap-small:0.5rem;
+  --components-form-feedbacktext-gap-medium:0.75rem;
+  --components-form-feedbacktext-gap-large:1rem;
+  --components-form-feedbacktext-icon-small:1.75rem;
+  --components-form-feedbacktext-icon-medium:2rem;
+  --components-form-feedbacktext-icon-large:3.5rem;
+}
 [data-color-mode=light],
 :root{
   --basecolors-frame-contrast:#181c56;
@@ -375,8 +484,8 @@
   --basecolors-frame-subdued:#d9dae8;
   --basecolors-frame-tint:#f6f6f9;
   --basecolors-shape-accent:#181c56;
-  --basecolors-shape-bicycle-contrast:#00db9b;
-  --basecolors-shape-bicycle-default:#33826b;
+  --basecolors-shape-bicycle-contrast:#00dbb6;
+  --basecolors-shape-bicycle-default:#0d827e;
   --basecolors-shape-bus-contrast:#ff6392;
   --basecolors-shape-bus-default:#c5044e;
   --basecolors-shape-cableway-contrast:#b482fb;
@@ -395,8 +504,8 @@
   --basecolors-shape-maskalt:#ffffff;
   --basecolors-shape-metro-contrast:#f08901;
   --basecolors-shape-metro-default:#bf5826;
-  --basecolors-shape-mobility-contrast:#00db9b;
-  --basecolors-shape-mobility-default:#33826b;
+  --basecolors-shape-mobility-contrast:#00dbb6;
+  --basecolors-shape-mobility-default:#0d827e;
   --basecolors-shape-plane-contrast:#fbafea;
   --basecolors-shape-plane-default:#800664;
   --basecolors-shape-subdued:#626493;
@@ -441,8 +550,8 @@
   --basecolors-frame-subdued:#2d2e3e;
   --basecolors-frame-tint:#141527;
   --basecolors-shape-accent:#e5e5e9;
-  --basecolors-shape-bicycle-contrast:#4db295;
-  --basecolors-shape-bicycle-default:#4db295;
+  --basecolors-shape-bicycle-contrast:#4db2a1;
+  --basecolors-shape-bicycle-default:#4db2a1;
   --basecolors-shape-bus-contrast:#ef7398;
   --basecolors-shape-bus-default:#ef7398;
   --basecolors-shape-cableway-contrast:#b898e5;
@@ -461,8 +570,8 @@
   --basecolors-shape-maskalt:#393a49;
   --basecolors-shape-metro-contrast:#dd973c;
   --basecolors-shape-metro-default:#dd973c;
-  --basecolors-shape-mobility-contrast:#4db295;
-  --basecolors-shape-mobility-default:#4db295;
+  --basecolors-shape-mobility-contrast:#4db2a1;
+  --basecolors-shape-mobility-default:#4db2a1;
   --basecolors-shape-plane-contrast:#f2b8e5;
   --basecolors-shape-plane-default:#f2b8e5;
   --basecolors-shape-subdued:#b3b4bd;
@@ -497,14 +606,16 @@
   --basecolors-text-subduedalt:#b3b4bd;
 }
 :root{
-  --contrast-bicycle:#00db9b;
+  --contrast-bicycle:#00dbb6;
   --contrast-bus:#ff6392;
+  --contrast-bus-regional:#b8db48;
+  --contrast-bus-regional-transparent:rgba(184,219,72,0.14902);
   --contrast-bus-transparent:rgba(255,99,146,0.14902);
   --contrast-cableway:#b482fb;
   --contrast-cableway-transparent:rgba(180,130,251,0.14902);
   --contrast-carferry:#6fdfff;
   --contrast-carferry-transparent:rgba(111,223,255,0.14902);
-  --contrast-citybike:#00db9b;
+  --contrast-citybike:#00dbb6;
   --contrast-ferry:#6fdfff;
   --contrast-ferry-transparent:rgba(111,223,255,0.14902);
   --contrast-funicular:#b482fb;
@@ -513,7 +624,7 @@
   --contrast-helicopter-transparent:rgba(251,175,234,0.14902);
   --contrast-metro:#f08901;
   --contrast-metro-transparent:rgba(240,137,1,0.14902);
-  --contrast-mobility:#00db9b;
+  --contrast-mobility:#00dbb6;
   --contrast-neutral:#ffffff;
   --contrast-plane:#fbafea;
   --contrast-plane-transparent:rgba(251,175,234,0.14902);
@@ -528,14 +639,16 @@
   --contrast-airportlinkbus-transparent:rgba(251,175,234,0.14902);
   --contrast-airportlinkrail:#fbafea;
   --contrast-airportlinkrail-transparent:rgba(251,175,234,0.14902);
-  --dark-bicycle:#4db295;
+  --dark-bicycle:#4db2a1;
   --dark-bus:#ef7398;
+  --dark-bus-regional:#a4bf4d;
+  --dark-bus-regional-transparent:rgba(164,191,77,0.14902);
   --dark-bus-transparent:rgba(239,115,152,0.14902);
   --dark-cableway:#b898e5;
   --dark-cableway-transparent:rgba(184,152,229,0.14902);
   --dark-carferry:#8ccfe2;
   --dark-carferry-transparent:rgba(140,207,226,0.14902);
-  --dark-citybike:#4db295;
+  --dark-citybike:#4db2a1;
   --dark-ferry:#8ccfe2;
   --dark-ferry-transparent:rgba(140,207,226,0.14902);
   --dark-funicular:#b898e5;
@@ -544,7 +657,7 @@
   --dark-helicopter-transparent:rgba(242,184,229,0.14902);
   --dark-metro:#dd973c;
   --dark-metro-transparent:rgba(221,151,60,0.14902);
-  --dark-mobility:#4db295;
+  --dark-mobility:#4db2a1;
   --dark-neutral:#e5e5e9;
   --dark-plane:#f2b8e5;
   --dark-plane-transparent:rgba(242,184,229,0.14902);
@@ -559,14 +672,16 @@
   --dark-airportlinkbus-transparent:rgba(242,184,229,0.14902);
   --dark-airportlinkrail:#f2b8e5;
   --dark-airportlinkrail-transparent:rgba(242,184,229,0.14902);
-  --standard-bicycle:#33826b;
+  --standard-bicycle:#0d827e;
   --standard-bus:#c5044e;
+  --standard-bus-regional:#427500;
+  --standard-bus-regional-transparent:rgba(66,117,0,0.14902);
   --standard-bus-transparent:rgba(197,4,78,0.14902);
   --standard-cableway:#78469a;
   --standard-cableway-transparent:rgba(120,70,154,0.14902);
   --standard-carferry:#0c6693;
   --standard-carferry-transparent:rgba(12,102,147,0.14902);
-  --standard-citybike:#33826b;
+  --standard-citybike:#0d827e;
   --standard-ferry:#0c6693;
   --standard-ferry-transparent:rgba(12,102,147,0.14902);
   --standard-funicular:#78469a;
@@ -575,7 +690,7 @@
   --standard-helicopter-transparent:rgba(128,6,100,0.14902);
   --standard-metro:#bf5826;
   --standard-metro-transparent:rgba(191,88,38,0.14902);
-  --standard-mobility:#33826b;
+  --standard-mobility:#0d827e;
   --standard-neutral:#181c56;
   --standard-plane:#800664;
   --standard-plane-transparent:rgba(128,6,100,0.14902);
@@ -1813,8 +1928,8 @@
   --basecolors-frame-subdued:#d9dae8;
   --basecolors-frame-tint:#f6f6f9;
   --basecolors-shape-accent:#181c56;
-  --basecolors-shape-bicycle-contrast:#00db9b;
-  --basecolors-shape-bicycle-default:#33826b;
+  --basecolors-shape-bicycle-contrast:#00dbb6;
+  --basecolors-shape-bicycle-default:#0d827e;
   --basecolors-shape-bus-contrast:#ff6392;
   --basecolors-shape-bus-default:#c5044e;
   --basecolors-shape-cableway-contrast:#b482fb;
@@ -1833,8 +1948,8 @@
   --basecolors-shape-maskalt:#ffffff;
   --basecolors-shape-metro-contrast:#f08901;
   --basecolors-shape-metro-default:#bf5826;
-  --basecolors-shape-mobility-contrast:#00db9b;
-  --basecolors-shape-mobility-default:#33826b;
+  --basecolors-shape-mobility-contrast:#00dbb6;
+  --basecolors-shape-mobility-default:#0d827e;
   --basecolors-shape-plane-contrast:#fbafea;
   --basecolors-shape-plane-default:#800664;
   --basecolors-shape-subdued:#626493;
@@ -1879,8 +1994,8 @@
   --basecolors-frame-subdued:#2d2e3e;
   --basecolors-frame-tint:#141527;
   --basecolors-shape-accent:#e5e5e9;
-  --basecolors-shape-bicycle-contrast:#4db295;
-  --basecolors-shape-bicycle-default:#4db295;
+  --basecolors-shape-bicycle-contrast:#4db2a1;
+  --basecolors-shape-bicycle-default:#4db2a1;
   --basecolors-shape-bus-contrast:#ef7398;
   --basecolors-shape-bus-default:#ef7398;
   --basecolors-shape-cableway-contrast:#b898e5;
@@ -1899,8 +2014,8 @@
   --basecolors-shape-maskalt:#393a49;
   --basecolors-shape-metro-contrast:#dd973c;
   --basecolors-shape-metro-default:#dd973c;
-  --basecolors-shape-mobility-contrast:#4db295;
-  --basecolors-shape-mobility-default:#4db295;
+  --basecolors-shape-mobility-contrast:#4db2a1;
+  --basecolors-shape-mobility-default:#4db2a1;
   --basecolors-shape-plane-contrast:#f2b8e5;
   --basecolors-shape-plane-default:#f2b8e5;
   --basecolors-shape-subdued:#b3b4bd;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/form",
-  "version": "9.1.0",
+  "version": "9.2.0",
   "license": "EUPL-1.2",
   "main": "dist/form.cjs.js",
   "module": "dist/form.esm.js",
@@ -27,12 +27,12 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/button": "^3.3.19",
-    "@entur/icons": "^8.3.0",
-    "@entur/tokens": "^3.20.0",
-    "@entur/tooltip": "^5.2.18",
-    "@entur/typography": "^2.0.4",
-    "@entur/utils": "^0.12.5",
+    "@entur/button": "^3.4.0",
+    "@entur/icons": "^8.3.1",
+    "@entur/tokens": "^3.21.0",
+    "@entur/tooltip": "^5.3.0",
+    "@entur/typography": "^2.1.0",
+    "@entur/utils": "^0.13.0",
     "classnames": "^2.5.1"
   },
   "devDependencies": {
@@ -48,5 +48,5 @@
     "vite": "^7.1.3",
     "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "cffff0dfd89f80b9311b1cb79cbb42926597af5d"
+  "gitHead": "3239ff1bcfdabbfef65f5d84577a626918ee2410"
 }