@sebgroup/green-core 3.31.0 → 3.32.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/dropdown/dropdown.component.d.ts +1 -0
- package/components/dropdown/dropdown.component.js +23 -4
- package/components/form-summary/summary.component.d.ts +3 -0
- package/components/form-summary/summary.component.js +17 -16
- package/custom-elements.json +11806 -11785
- package/gds-element.js +1 -1
- package/generated/locales/da.d.ts +5 -0
- package/generated/locales/da.js +5 -0
- package/generated/locales/de.d.ts +5 -0
- package/generated/locales/de.js +5 -0
- package/generated/locales/fi.d.ts +5 -0
- package/generated/locales/fi.js +5 -0
- package/generated/locales/fr.d.ts +5 -0
- package/generated/locales/fr.js +5 -0
- package/generated/locales/it.d.ts +5 -0
- package/generated/locales/it.js +5 -0
- package/generated/locales/nl.d.ts +5 -0
- package/generated/locales/nl.js +5 -0
- package/generated/locales/no.d.ts +5 -0
- package/generated/locales/no.js +5 -0
- package/generated/locales/sv.d.ts +5 -0
- package/generated/locales/sv.js +5 -0
- package/generated/mcp/alert/guidelines.md +105 -0
- package/generated/mcp/alert/index.json +1 -0
- package/generated/mcp/avatar/guidelines.md +40 -0
- package/generated/mcp/avatar/index.json +1 -0
- package/generated/mcp/badge/guidelines.md +56 -0
- package/generated/mcp/badge/index.json +1 -0
- package/generated/mcp/blur/guidelines.md +3 -0
- package/generated/mcp/blur/index.json +1 -0
- package/generated/mcp/breadcrumbs/guidelines.md +35 -0
- package/generated/mcp/breadcrumbs/index.json +1 -0
- package/generated/mcp/button/guidelines.md +83 -0
- package/generated/mcp/button/index.json +1 -0
- package/generated/mcp/calendar/guidelines.md +3 -0
- package/generated/mcp/calendar/index.json +1 -0
- package/generated/mcp/card/guidelines.md +78 -0
- package/generated/mcp/card/index.json +1 -0
- package/generated/mcp/card-pattern-01/guidelines.md +52 -0
- package/generated/mcp/card-pattern-01/index.json +1 -0
- package/generated/mcp/checkbox/guidelines.md +91 -0
- package/generated/mcp/checkbox/index.json +1 -0
- package/generated/mcp/coachmark/guidelines.md +8 -0
- package/generated/mcp/coachmark/index.json +1 -0
- package/generated/mcp/components.json +47 -1
- package/generated/mcp/context-menu/guidelines.md +33 -0
- package/generated/mcp/context-menu/index.json +1 -0
- package/generated/mcp/datepicker/guidelines.md +44 -0
- package/generated/mcp/datepicker/index.json +1 -0
- package/generated/mcp/details/guidelines.md +24 -0
- package/generated/mcp/details/index.json +1 -0
- package/generated/mcp/dialog/guidelines.md +35 -0
- package/generated/mcp/dialog/index.json +1 -0
- package/generated/mcp/div/guidelines.md +3 -0
- package/generated/mcp/div/index.json +1 -0
- package/generated/mcp/divider/guidelines.md +24 -0
- package/generated/mcp/divider/index.json +1 -0
- package/generated/mcp/dropdown/guidelines.md +96 -0
- package/generated/mcp/dropdown/index.json +1 -0
- package/generated/mcp/fab/guidelines.md +27 -0
- package/generated/mcp/fab/index.json +1 -0
- package/generated/mcp/filter-chips/guidelines.md +47 -0
- package/generated/mcp/filter-chips/index.json +1 -0
- package/generated/mcp/flex/guidelines.md +1 -0
- package/generated/mcp/flex/index.json +1 -0
- package/generated/mcp/form-summary/angular.md +8 -0
- package/generated/mcp/form-summary/api.md +7 -0
- package/generated/mcp/form-summary/guidelines.md +39 -0
- package/generated/mcp/form-summary/index.json +1 -0
- package/generated/mcp/form-summary/react.md +8 -0
- package/generated/mcp/grid/guidelines.md +3 -0
- package/generated/mcp/grid/index.json +1 -0
- package/generated/mcp/icons.json +1 -1
- package/generated/mcp/index.json +1 -1
- package/generated/mcp/input/guidelines.md +127 -0
- package/generated/mcp/input/index.json +1 -0
- package/generated/mcp/link/guidelines.md +43 -0
- package/generated/mcp/link/index.json +1 -0
- package/generated/mcp/list/guidelines.md +16 -0
- package/generated/mcp/list/index.json +1 -0
- package/generated/mcp/list-item-pattern-01/guidelines.md +49 -0
- package/generated/mcp/list-item-pattern-01/index.json +1 -0
- package/generated/mcp/menu-button/guidelines.md +39 -0
- package/generated/mcp/menu-button/index.json +1 -0
- package/generated/mcp/pagination/guidelines.md +24 -0
- package/generated/mcp/pagination/index.json +1 -0
- package/generated/mcp/popover/guidelines.md +3 -0
- package/generated/mcp/popover/index.json +1 -0
- package/generated/mcp/progress/guidelines.md +42 -0
- package/generated/mcp/progress/index.json +1 -0
- package/generated/mcp/radio/guidelines.md +74 -0
- package/generated/mcp/radio/index.json +1 -0
- package/generated/mcp/rich-text/guidelines.md +3 -0
- package/generated/mcp/rich-text/index.json +1 -0
- package/generated/mcp/segmented-control/guidelines.md +31 -0
- package/generated/mcp/segmented-control/index.json +1 -0
- package/generated/mcp/select/guidelines.md +29 -0
- package/generated/mcp/select/index.json +1 -0
- package/generated/mcp/signal/guidelines.md +14 -0
- package/generated/mcp/signal/index.json +1 -0
- package/generated/mcp/slider/guidelines.md +86 -0
- package/generated/mcp/slider/index.json +1 -0
- package/generated/mcp/spinner/guidelines.md +6 -0
- package/generated/mcp/spinner/index.json +1 -0
- package/generated/mcp/switch/guidelines.md +41 -0
- package/generated/mcp/switch/index.json +1 -0
- package/generated/mcp/table/guidelines.md +169 -0
- package/generated/mcp/table/index.json +1 -0
- package/generated/mcp/tabs/guidelines.md +64 -0
- package/generated/mcp/tabs/index.json +1 -0
- package/generated/mcp/text/guidelines.md +3 -0
- package/generated/mcp/text/index.json +1 -0
- package/generated/mcp/textarea/guidelines.md +73 -0
- package/generated/mcp/textarea/index.json +1 -0
- package/generated/mcp/theme/guidelines.md +3 -0
- package/generated/mcp/theme/index.json +1 -0
- package/generated/mcp/tokens.json +1 -1
- package/generated/mcp/tooltip/guidelines.md +107 -0
- package/generated/mcp/tooltip/index.json +1 -0
- package/generated/mcp/video/guidelines.md +3 -0
- package/generated/mcp/video/index.json +1 -0
- package/generated/react/form-summary/index.d.ts +6 -1
- package/generated/react/index.d.ts +4 -4
- package/generated/react/index.js +4 -4
- package/package.json +1 -1
- package/utils/helpers/custom-element-scoping.js +1 -1
package/gds-element.js
CHANGED
|
@@ -16,7 +16,7 @@ class GdsElement extends LitElement {
|
|
|
16
16
|
/**
|
|
17
17
|
* The semantic version of this element. Can be used for troubleshooting to verify the version being used.
|
|
18
18
|
*/
|
|
19
|
-
this.semanticVersion = "3.
|
|
19
|
+
this.semanticVersion = "3.32.1";
|
|
20
20
|
this.syncFirstRender = false;
|
|
21
21
|
this._isUsingTransitionalStyles = false;
|
|
22
22
|
this._dynamicStylesController = new DynamicStylesController(this);
|
|
@@ -29,6 +29,7 @@ export declare const templates: {
|
|
|
29
29
|
s407a88a592a0987c: string;
|
|
30
30
|
s480d27b7a8b69ce5: string;
|
|
31
31
|
s49730f3d5751a433: string;
|
|
32
|
+
s5033dab8c17f05f2: string;
|
|
32
33
|
s5052d10b539eabf0: string;
|
|
33
34
|
s5068a6876795d628: string;
|
|
34
35
|
s58c9c24962d27829: string;
|
|
@@ -57,6 +58,7 @@ export declare const templates: {
|
|
|
57
58
|
s8af6c50191c92781: string;
|
|
58
59
|
s8e68b824b99140a1: string;
|
|
59
60
|
s8f18916860db5d80: string;
|
|
61
|
+
s90473693178a7d52: string;
|
|
60
62
|
s9094c0cde8fb5058: string;
|
|
61
63
|
s909e876731a8febb: string;
|
|
62
64
|
s90a641043aa30c1e: string;
|
|
@@ -73,12 +75,15 @@ export declare const templates: {
|
|
|
73
75
|
sb4f1dffbb6be6302: string;
|
|
74
76
|
sbbea6041f19ec177: string;
|
|
75
77
|
sbc083a1dbee9af73: string;
|
|
78
|
+
sbf71aad33942eda3: import("@lit/localize").StrResult;
|
|
79
|
+
sbf9c5c5a8e5efad4: string;
|
|
76
80
|
sc9ba1c07c319d0ab: string;
|
|
77
81
|
scab955958b9b783e: import("@lit/localize").StrResult;
|
|
78
82
|
scb6b9cb49cf93277: string;
|
|
79
83
|
scfe20e6b9fcd18ad: string;
|
|
80
84
|
sd186574aa8a68ecb: string;
|
|
81
85
|
sd26f670ca5d5b0c6: string;
|
|
86
|
+
sd81933bb5673249f: string;
|
|
82
87
|
sd898d99fd9c13de6: string;
|
|
83
88
|
sdc42f1da42d6411a: string;
|
|
84
89
|
se0955919920ee87d: string;
|
package/generated/locales/da.js
CHANGED
|
@@ -31,6 +31,7 @@ const templates = {
|
|
|
31
31
|
"s407a88a592a0987c": `August`,
|
|
32
32
|
"s480d27b7a8b69ce5": `Rul til venstre`,
|
|
33
33
|
"s49730f3d5751a433": `Indl\xE6ser...`,
|
|
34
|
+
"s5033dab8c17f05f2": `Fuldf\xF8rt`,
|
|
34
35
|
"s5052d10b539eabf0": `Marts`,
|
|
35
36
|
"s5068a6876795d628": `V\xE6lg synlige kolonner`,
|
|
36
37
|
"s58c9c24962d27829": `\xE5\xE5\xE5\xE5`,
|
|
@@ -59,6 +60,7 @@ const templates = {
|
|
|
59
60
|
"s8af6c50191c92781": `G\xE5 til f\xF8rste side`,
|
|
60
61
|
"s8e68b824b99140a1": `stigende`,
|
|
61
62
|
"s8f18916860db5d80": `Ryd valg`,
|
|
63
|
+
"s90473693178a7d52": `Startv\xE6rdi`,
|
|
62
64
|
"s9094c0cde8fb5058": `Ingen resultater fundet`,
|
|
63
65
|
"s909e876731a8febb": `V\xE6lg alle r\xE6kker`,
|
|
64
66
|
"s90a641043aa30c1e": `R\xE6kker pr. side`,
|
|
@@ -75,12 +77,15 @@ const templates = {
|
|
|
75
77
|
"sb4f1dffbb6be6302": `Ryd`,
|
|
76
78
|
"sbbea6041f19ec177": `Fejl ved indl\xE6sning af data`,
|
|
77
79
|
"sbc083a1dbee9af73": `Februar`,
|
|
80
|
+
"sbf71aad33942eda3": str`Flyt fokus til feltet ${0}`,
|
|
81
|
+
"sbf9c5c5a8e5efad4": `Mislykket`,
|
|
78
82
|
"sc9ba1c07c319d0ab": `Datatabul med`,
|
|
79
83
|
"scab955958b9b783e": str`Der er fejl, der skal rettes, før du kan fortsætte`,
|
|
80
84
|
"scb6b9cb49cf93277": `April`,
|
|
81
85
|
"scfe20e6b9fcd18ad": `S\xF8g i tabel`,
|
|
82
86
|
"sd186574aa8a68ecb": `Ingen resultater for`,
|
|
83
87
|
"sd26f670ca5d5b0c6": `Skjul r\xE6kke`,
|
|
88
|
+
"sd81933bb5673249f": `Slutv\xE6rdi`,
|
|
84
89
|
"sd898d99fd9c13de6": `Filtrer tilg\xE6ngelige muligheder`,
|
|
85
90
|
"sdc42f1da42d6411a": `Ryd inputfelt`,
|
|
86
91
|
"se0955919920ee87d": `Dag`,
|
|
@@ -29,6 +29,7 @@ export declare const templates: {
|
|
|
29
29
|
s407a88a592a0987c: string;
|
|
30
30
|
s480d27b7a8b69ce5: string;
|
|
31
31
|
s49730f3d5751a433: string;
|
|
32
|
+
s5033dab8c17f05f2: string;
|
|
32
33
|
s5052d10b539eabf0: string;
|
|
33
34
|
s5068a6876795d628: string;
|
|
34
35
|
s58c9c24962d27829: string;
|
|
@@ -57,6 +58,7 @@ export declare const templates: {
|
|
|
57
58
|
s8af6c50191c92781: string;
|
|
58
59
|
s8e68b824b99140a1: string;
|
|
59
60
|
s8f18916860db5d80: string;
|
|
61
|
+
s90473693178a7d52: string;
|
|
60
62
|
s9094c0cde8fb5058: string;
|
|
61
63
|
s909e876731a8febb: string;
|
|
62
64
|
s90a641043aa30c1e: string;
|
|
@@ -73,12 +75,15 @@ export declare const templates: {
|
|
|
73
75
|
sb4f1dffbb6be6302: string;
|
|
74
76
|
sbbea6041f19ec177: string;
|
|
75
77
|
sbc083a1dbee9af73: string;
|
|
78
|
+
sbf71aad33942eda3: import("@lit/localize").StrResult;
|
|
79
|
+
sbf9c5c5a8e5efad4: string;
|
|
76
80
|
sc9ba1c07c319d0ab: string;
|
|
77
81
|
scab955958b9b783e: import("@lit/localize").StrResult;
|
|
78
82
|
scb6b9cb49cf93277: string;
|
|
79
83
|
scfe20e6b9fcd18ad: string;
|
|
80
84
|
sd186574aa8a68ecb: string;
|
|
81
85
|
sd26f670ca5d5b0c6: string;
|
|
86
|
+
sd81933bb5673249f: string;
|
|
82
87
|
sd898d99fd9c13de6: string;
|
|
83
88
|
sdc42f1da42d6411a: string;
|
|
84
89
|
se0955919920ee87d: string;
|
package/generated/locales/de.js
CHANGED
|
@@ -31,6 +31,7 @@ const templates = {
|
|
|
31
31
|
"s407a88a592a0987c": `August`,
|
|
32
32
|
"s480d27b7a8b69ce5": `Nach links scrollen`,
|
|
33
33
|
"s49730f3d5751a433": `Laden...`,
|
|
34
|
+
"s5033dab8c17f05f2": `Abgeschlossen`,
|
|
34
35
|
"s5052d10b539eabf0": `M\xE4rz`,
|
|
35
36
|
"s5068a6876795d628": `Sichtbare Spalten ausw\xE4hlen`,
|
|
36
37
|
"s58c9c24962d27829": `JJJJ`,
|
|
@@ -59,6 +60,7 @@ const templates = {
|
|
|
59
60
|
"s8af6c50191c92781": `Zur ersten Seite gehen`,
|
|
60
61
|
"s8e68b824b99140a1": `aufsteigend`,
|
|
61
62
|
"s8f18916860db5d80": `Auswahl l\xF6schen`,
|
|
63
|
+
"s90473693178a7d52": `Startwert`,
|
|
62
64
|
"s9094c0cde8fb5058": `Keine Ergebnisse gefunden`,
|
|
63
65
|
"s909e876731a8febb": `Alle Zeilen ausw\xE4hlen`,
|
|
64
66
|
"s90a641043aa30c1e": `Zeilen pro Seite`,
|
|
@@ -75,12 +77,15 @@ const templates = {
|
|
|
75
77
|
"sb4f1dffbb6be6302": `L\xF6schen`,
|
|
76
78
|
"sbbea6041f19ec177": `Fehler beim Laden von Daten`,
|
|
77
79
|
"sbc083a1dbee9af73": `Februar`,
|
|
80
|
+
"sbf71aad33942eda3": str`Fokus auf das Feld ${0} verschieben`,
|
|
81
|
+
"sbf9c5c5a8e5efad4": `Fehlgeschlagen`,
|
|
78
82
|
"sc9ba1c07c319d0ab": `Datentabelle mit`,
|
|
79
83
|
"scab955958b9b783e": str`Es gibt Fehler, die korrigiert werden müssen, bevor Sie fortfahren können`,
|
|
80
84
|
"scb6b9cb49cf93277": `April`,
|
|
81
85
|
"scfe20e6b9fcd18ad": `Tabelle durchsuchen`,
|
|
82
86
|
"sd186574aa8a68ecb": `Keine Ergebnisse f\xFCr`,
|
|
83
87
|
"sd26f670ca5d5b0c6": `Zeile einklappen`,
|
|
88
|
+
"sd81933bb5673249f": `Endwert`,
|
|
84
89
|
"sd898d99fd9c13de6": `Verf\xFCgbare Optionen filtern`,
|
|
85
90
|
"sdc42f1da42d6411a": `Feld l\xF6schen`,
|
|
86
91
|
"se0955919920ee87d": `Tag`,
|
|
@@ -29,6 +29,7 @@ export declare const templates: {
|
|
|
29
29
|
s407a88a592a0987c: string;
|
|
30
30
|
s480d27b7a8b69ce5: string;
|
|
31
31
|
s49730f3d5751a433: string;
|
|
32
|
+
s5033dab8c17f05f2: string;
|
|
32
33
|
s5052d10b539eabf0: string;
|
|
33
34
|
s5068a6876795d628: string;
|
|
34
35
|
s58c9c24962d27829: string;
|
|
@@ -57,6 +58,7 @@ export declare const templates: {
|
|
|
57
58
|
s8af6c50191c92781: string;
|
|
58
59
|
s8e68b824b99140a1: string;
|
|
59
60
|
s8f18916860db5d80: string;
|
|
61
|
+
s90473693178a7d52: string;
|
|
60
62
|
s9094c0cde8fb5058: string;
|
|
61
63
|
s909e876731a8febb: string;
|
|
62
64
|
s90a641043aa30c1e: string;
|
|
@@ -73,12 +75,15 @@ export declare const templates: {
|
|
|
73
75
|
sb4f1dffbb6be6302: string;
|
|
74
76
|
sbbea6041f19ec177: string;
|
|
75
77
|
sbc083a1dbee9af73: string;
|
|
78
|
+
sbf71aad33942eda3: import("@lit/localize").StrResult;
|
|
79
|
+
sbf9c5c5a8e5efad4: string;
|
|
76
80
|
sc9ba1c07c319d0ab: string;
|
|
77
81
|
scab955958b9b783e: import("@lit/localize").StrResult;
|
|
78
82
|
scb6b9cb49cf93277: string;
|
|
79
83
|
scfe20e6b9fcd18ad: string;
|
|
80
84
|
sd186574aa8a68ecb: string;
|
|
81
85
|
sd26f670ca5d5b0c6: string;
|
|
86
|
+
sd81933bb5673249f: string;
|
|
82
87
|
sd898d99fd9c13de6: string;
|
|
83
88
|
sdc42f1da42d6411a: string;
|
|
84
89
|
se0955919920ee87d: string;
|
package/generated/locales/fi.js
CHANGED
|
@@ -31,6 +31,7 @@ const templates = {
|
|
|
31
31
|
"s407a88a592a0987c": `Elokuu`,
|
|
32
32
|
"s480d27b7a8b69ce5": `Vierit\xE4 vasemmalle`,
|
|
33
33
|
"s49730f3d5751a433": `Ladataan...`,
|
|
34
|
+
"s5033dab8c17f05f2": `Valmis`,
|
|
34
35
|
"s5052d10b539eabf0": `Maalis`,
|
|
35
36
|
"s5068a6876795d628": `Valitse n\xE4kyv\xE4t sarakkeet`,
|
|
36
37
|
"s58c9c24962d27829": `yyyy`,
|
|
@@ -59,6 +60,7 @@ const templates = {
|
|
|
59
60
|
"s8af6c50191c92781": `Siirry ensimm\xE4iselle sivulle`,
|
|
60
61
|
"s8e68b824b99140a1": `nouseva`,
|
|
61
62
|
"s8f18916860db5d80": `Tyhjenn\xE4 valinta`,
|
|
63
|
+
"s90473693178a7d52": `Alkuarvo`,
|
|
62
64
|
"s9094c0cde8fb5058": `Tuloksia ei l\xF6ytynyt`,
|
|
63
65
|
"s909e876731a8febb": `Valitse kaikki rivit`,
|
|
64
66
|
"s90a641043aa30c1e": `Rivit sivulla`,
|
|
@@ -75,12 +77,15 @@ const templates = {
|
|
|
75
77
|
"sb4f1dffbb6be6302": `Tyhjenn\xE4`,
|
|
76
78
|
"sbbea6041f19ec177": `Virhe tietojen lataamisessa`,
|
|
77
79
|
"sbc083a1dbee9af73": `Helmikuu`,
|
|
80
|
+
"sbf71aad33942eda3": str`Siirrä kohdistus kenttään ${0}`,
|
|
81
|
+
"sbf9c5c5a8e5efad4": `Ep\xE4onnistunut`,
|
|
78
82
|
"sc9ba1c07c319d0ab": `Tietojen taulukko, jossa on`,
|
|
79
83
|
"scab955958b9b783e": str`Korjattavia virheitä ennen kuin voit jatkaa`,
|
|
80
84
|
"scb6b9cb49cf93277": `Huhti`,
|
|
81
85
|
"scfe20e6b9fcd18ad": `Etsi taulukosta`,
|
|
82
86
|
"sd186574aa8a68ecb": `Ei tuloksia kohteelle`,
|
|
83
87
|
"sd26f670ca5d5b0c6": `Supista rivi`,
|
|
88
|
+
"sd81933bb5673249f": `Loppuarvo`,
|
|
84
89
|
"sd898d99fd9c13de6": `Suodata saatavilla olevia vaihtoehtoja`,
|
|
85
90
|
"sdc42f1da42d6411a": `Tyhjenn\xE4 sy\xF6te`,
|
|
86
91
|
"se0955919920ee87d": `P\xE4iv\xE4`,
|
|
@@ -29,6 +29,7 @@ export declare const templates: {
|
|
|
29
29
|
s407a88a592a0987c: string;
|
|
30
30
|
s480d27b7a8b69ce5: string;
|
|
31
31
|
s49730f3d5751a433: string;
|
|
32
|
+
s5033dab8c17f05f2: string;
|
|
32
33
|
s5052d10b539eabf0: string;
|
|
33
34
|
s5068a6876795d628: string;
|
|
34
35
|
s58c9c24962d27829: string;
|
|
@@ -57,6 +58,7 @@ export declare const templates: {
|
|
|
57
58
|
s8af6c50191c92781: string;
|
|
58
59
|
s8e68b824b99140a1: string;
|
|
59
60
|
s8f18916860db5d80: string;
|
|
61
|
+
s90473693178a7d52: string;
|
|
60
62
|
s9094c0cde8fb5058: string;
|
|
61
63
|
s909e876731a8febb: string;
|
|
62
64
|
s90a641043aa30c1e: string;
|
|
@@ -73,12 +75,15 @@ export declare const templates: {
|
|
|
73
75
|
sb4f1dffbb6be6302: string;
|
|
74
76
|
sbbea6041f19ec177: string;
|
|
75
77
|
sbc083a1dbee9af73: string;
|
|
78
|
+
sbf71aad33942eda3: import("@lit/localize").StrResult;
|
|
79
|
+
sbf9c5c5a8e5efad4: string;
|
|
76
80
|
sc9ba1c07c319d0ab: string;
|
|
77
81
|
scab955958b9b783e: import("@lit/localize").StrResult;
|
|
78
82
|
scb6b9cb49cf93277: string;
|
|
79
83
|
scfe20e6b9fcd18ad: string;
|
|
80
84
|
sd186574aa8a68ecb: string;
|
|
81
85
|
sd26f670ca5d5b0c6: string;
|
|
86
|
+
sd81933bb5673249f: string;
|
|
82
87
|
sd898d99fd9c13de6: string;
|
|
83
88
|
sdc42f1da42d6411a: string;
|
|
84
89
|
se0955919920ee87d: string;
|
package/generated/locales/fr.js
CHANGED
|
@@ -31,6 +31,7 @@ const templates = {
|
|
|
31
31
|
"s407a88a592a0987c": `Ao\xFBt`,
|
|
32
32
|
"s480d27b7a8b69ce5": `Faire d\xE9filer \xE0 gauche`,
|
|
33
33
|
"s49730f3d5751a433": `Chargement...`,
|
|
34
|
+
"s5033dab8c17f05f2": `Termin\xE9`,
|
|
34
35
|
"s5052d10b539eabf0": `Mars`,
|
|
35
36
|
"s5068a6876795d628": `S\xE9lectionner les colonnes visibles`,
|
|
36
37
|
"s58c9c24962d27829": `aaaa`,
|
|
@@ -59,6 +60,7 @@ const templates = {
|
|
|
59
60
|
"s8af6c50191c92781": `Aller \xE0 la premi\xE8re page`,
|
|
60
61
|
"s8e68b824b99140a1": `ascendant`,
|
|
61
62
|
"s8f18916860db5d80": `Effacer la s\xE9lection`,
|
|
63
|
+
"s90473693178a7d52": `Valeur de d\xE9but`,
|
|
62
64
|
"s9094c0cde8fb5058": `Aucun r\xE9sultat trouv\xE9`,
|
|
63
65
|
"s909e876731a8febb": `S\xE9lectionner toutes les lignes`,
|
|
64
66
|
"s90a641043aa30c1e": `Lignes par page`,
|
|
@@ -75,12 +77,15 @@ const templates = {
|
|
|
75
77
|
"sb4f1dffbb6be6302": `Effacer`,
|
|
76
78
|
"sbbea6041f19ec177": `Erreur lors du chargement des donn\xE9es`,
|
|
77
79
|
"sbc083a1dbee9af73": `F\xE9vrier`,
|
|
80
|
+
"sbf71aad33942eda3": str`Déplacer le focus vers le champ ${0}`,
|
|
81
|
+
"sbf9c5c5a8e5efad4": `\xC9chou\xE9`,
|
|
78
82
|
"sc9ba1c07c319d0ab": `Tableau de donn\xE9es avec`,
|
|
79
83
|
"scab955958b9b783e": str`Il y a des erreurs à corriger avant de pouvoir continuer`,
|
|
80
84
|
"scb6b9cb49cf93277": `Avril`,
|
|
81
85
|
"scfe20e6b9fcd18ad": `Rechercher dans le tableau`,
|
|
82
86
|
"sd186574aa8a68ecb": `Aucun r\xE9sultat pour`,
|
|
83
87
|
"sd26f670ca5d5b0c6": `R\xE9duire la ligne`,
|
|
88
|
+
"sd81933bb5673249f": `Valeur de fin`,
|
|
84
89
|
"sd898d99fd9c13de6": `Filtrer les options disponibles`,
|
|
85
90
|
"sdc42f1da42d6411a": `Effacer la saisie`,
|
|
86
91
|
"se0955919920ee87d": `Jour`,
|
|
@@ -29,6 +29,7 @@ export declare const templates: {
|
|
|
29
29
|
s407a88a592a0987c: string;
|
|
30
30
|
s480d27b7a8b69ce5: string;
|
|
31
31
|
s49730f3d5751a433: string;
|
|
32
|
+
s5033dab8c17f05f2: string;
|
|
32
33
|
s5052d10b539eabf0: string;
|
|
33
34
|
s5068a6876795d628: string;
|
|
34
35
|
s58c9c24962d27829: string;
|
|
@@ -57,6 +58,7 @@ export declare const templates: {
|
|
|
57
58
|
s8af6c50191c92781: string;
|
|
58
59
|
s8e68b824b99140a1: string;
|
|
59
60
|
s8f18916860db5d80: string;
|
|
61
|
+
s90473693178a7d52: string;
|
|
60
62
|
s9094c0cde8fb5058: string;
|
|
61
63
|
s909e876731a8febb: string;
|
|
62
64
|
s90a641043aa30c1e: string;
|
|
@@ -73,12 +75,15 @@ export declare const templates: {
|
|
|
73
75
|
sb4f1dffbb6be6302: string;
|
|
74
76
|
sbbea6041f19ec177: string;
|
|
75
77
|
sbc083a1dbee9af73: string;
|
|
78
|
+
sbf71aad33942eda3: import("@lit/localize").StrResult;
|
|
79
|
+
sbf9c5c5a8e5efad4: string;
|
|
76
80
|
sc9ba1c07c319d0ab: string;
|
|
77
81
|
scab955958b9b783e: import("@lit/localize").StrResult;
|
|
78
82
|
scb6b9cb49cf93277: string;
|
|
79
83
|
scfe20e6b9fcd18ad: string;
|
|
80
84
|
sd186574aa8a68ecb: string;
|
|
81
85
|
sd26f670ca5d5b0c6: string;
|
|
86
|
+
sd81933bb5673249f: string;
|
|
82
87
|
sd898d99fd9c13de6: string;
|
|
83
88
|
sdc42f1da42d6411a: string;
|
|
84
89
|
se0955919920ee87d: string;
|
package/generated/locales/it.js
CHANGED
|
@@ -31,6 +31,7 @@ const templates = {
|
|
|
31
31
|
"s407a88a592a0987c": `Agosto`,
|
|
32
32
|
"s480d27b7a8b69ce5": `Scorri a sinistra`,
|
|
33
33
|
"s49730f3d5751a433": `Caricamento...`,
|
|
34
|
+
"s5033dab8c17f05f2": `Completato`,
|
|
34
35
|
"s5052d10b539eabf0": `Marzo`,
|
|
35
36
|
"s5068a6876795d628": `Seleziona colonne visibili`,
|
|
36
37
|
"s58c9c24962d27829": `aaaa`,
|
|
@@ -59,6 +60,7 @@ const templates = {
|
|
|
59
60
|
"s8af6c50191c92781": `Vai alla prima pagina`,
|
|
60
61
|
"s8e68b824b99140a1": `ascendente`,
|
|
61
62
|
"s8f18916860db5d80": `Rimuovi selezione`,
|
|
63
|
+
"s90473693178a7d52": `Valore iniziale`,
|
|
62
64
|
"s9094c0cde8fb5058": `Nessun risultato trovato`,
|
|
63
65
|
"s909e876731a8febb": `Seleziona tutte le righe`,
|
|
64
66
|
"s90a641043aa30c1e": `Righe per pagina`,
|
|
@@ -75,12 +77,15 @@ const templates = {
|
|
|
75
77
|
"sb4f1dffbb6be6302": `Pulisci`,
|
|
76
78
|
"sbbea6041f19ec177": `Errore nel caricamento dei dati`,
|
|
77
79
|
"sbc083a1dbee9af73": `Febbraio`,
|
|
80
|
+
"sbf71aad33942eda3": str`Sposta il focus sul campo ${0}`,
|
|
81
|
+
"sbf9c5c5a8e5efad4": `Non riuscito`,
|
|
78
82
|
"sc9ba1c07c319d0ab": `Tabella dati con`,
|
|
79
83
|
"scab955958b9b783e": str`Ci sono errori da correggere prima di poter continuare`,
|
|
80
84
|
"scb6b9cb49cf93277": `Aprile`,
|
|
81
85
|
"scfe20e6b9fcd18ad": `Cerca nella tabella`,
|
|
82
86
|
"sd186574aa8a68ecb": `Nessun risultato per`,
|
|
83
87
|
"sd26f670ca5d5b0c6": `Comprimi riga`,
|
|
88
|
+
"sd81933bb5673249f": `Valore finale`,
|
|
84
89
|
"sd898d99fd9c13de6": `Filtra le opzioni disponibili`,
|
|
85
90
|
"sdc42f1da42d6411a": `Pulisci il campo di input`,
|
|
86
91
|
"se0955919920ee87d": `Giorno`,
|
|
@@ -29,6 +29,7 @@ export declare const templates: {
|
|
|
29
29
|
s407a88a592a0987c: string;
|
|
30
30
|
s480d27b7a8b69ce5: string;
|
|
31
31
|
s49730f3d5751a433: string;
|
|
32
|
+
s5033dab8c17f05f2: string;
|
|
32
33
|
s5052d10b539eabf0: string;
|
|
33
34
|
s5068a6876795d628: string;
|
|
34
35
|
s58c9c24962d27829: string;
|
|
@@ -57,6 +58,7 @@ export declare const templates: {
|
|
|
57
58
|
s8af6c50191c92781: string;
|
|
58
59
|
s8e68b824b99140a1: string;
|
|
59
60
|
s8f18916860db5d80: string;
|
|
61
|
+
s90473693178a7d52: string;
|
|
60
62
|
s9094c0cde8fb5058: string;
|
|
61
63
|
s909e876731a8febb: string;
|
|
62
64
|
s90a641043aa30c1e: string;
|
|
@@ -73,12 +75,15 @@ export declare const templates: {
|
|
|
73
75
|
sb4f1dffbb6be6302: string;
|
|
74
76
|
sbbea6041f19ec177: string;
|
|
75
77
|
sbc083a1dbee9af73: string;
|
|
78
|
+
sbf71aad33942eda3: import("@lit/localize").StrResult;
|
|
79
|
+
sbf9c5c5a8e5efad4: string;
|
|
76
80
|
sc9ba1c07c319d0ab: string;
|
|
77
81
|
scab955958b9b783e: import("@lit/localize").StrResult;
|
|
78
82
|
scb6b9cb49cf93277: string;
|
|
79
83
|
scfe20e6b9fcd18ad: string;
|
|
80
84
|
sd186574aa8a68ecb: string;
|
|
81
85
|
sd26f670ca5d5b0c6: string;
|
|
86
|
+
sd81933bb5673249f: string;
|
|
82
87
|
sd898d99fd9c13de6: string;
|
|
83
88
|
sdc42f1da42d6411a: string;
|
|
84
89
|
se0955919920ee87d: string;
|
package/generated/locales/nl.js
CHANGED
|
@@ -31,6 +31,7 @@ const templates = {
|
|
|
31
31
|
"s407a88a592a0987c": `Augustus`,
|
|
32
32
|
"s480d27b7a8b69ce5": `Scroll links`,
|
|
33
33
|
"s49730f3d5751a433": `Laden...`,
|
|
34
|
+
"s5033dab8c17f05f2": `Voltooid`,
|
|
34
35
|
"s5052d10b539eabf0": `Maart`,
|
|
35
36
|
"s5068a6876795d628": `Selecteer zichtbare kolommen`,
|
|
36
37
|
"s58c9c24962d27829": `jjjj`,
|
|
@@ -59,6 +60,7 @@ const templates = {
|
|
|
59
60
|
"s8af6c50191c92781": `Ga naar eerste pagina`,
|
|
60
61
|
"s8e68b824b99140a1": `oplopend`,
|
|
61
62
|
"s8f18916860db5d80": `Wis selectie`,
|
|
63
|
+
"s90473693178a7d52": `Startwaarde`,
|
|
62
64
|
"s9094c0cde8fb5058": `Geen resultaten gevonden`,
|
|
63
65
|
"s909e876731a8febb": `Selecteer alle rijen`,
|
|
64
66
|
"s90a641043aa30c1e": `Rijen per pagina`,
|
|
@@ -75,12 +77,15 @@ const templates = {
|
|
|
75
77
|
"sb4f1dffbb6be6302": `Wis`,
|
|
76
78
|
"sbbea6041f19ec177": `Fout bij het laden van gegevens`,
|
|
77
79
|
"sbc083a1dbee9af73": `Februari`,
|
|
80
|
+
"sbf71aad33942eda3": str`Verplaats focus naar veld ${0}`,
|
|
81
|
+
"sbf9c5c5a8e5efad4": `Mislukt`,
|
|
78
82
|
"sc9ba1c07c319d0ab": `Gegevenstabel met`,
|
|
79
83
|
"scab955958b9b783e": str`Er zijn fouten die gecorrigeerd moeten worden voordat u kunt doorgaan`,
|
|
80
84
|
"scb6b9cb49cf93277": `April`,
|
|
81
85
|
"scfe20e6b9fcd18ad": `Zoek tabel`,
|
|
82
86
|
"sd186574aa8a68ecb": `Geen resultaten voor`,
|
|
83
87
|
"sd26f670ca5d5b0c6": `Rij inklappen`,
|
|
88
|
+
"sd81933bb5673249f": `Eindwaarde`,
|
|
84
89
|
"sd898d99fd9c13de6": `Filter beschikbare opties`,
|
|
85
90
|
"sdc42f1da42d6411a": `Wis invoer`,
|
|
86
91
|
"se0955919920ee87d": `Dag`,
|
|
@@ -29,6 +29,7 @@ export declare const templates: {
|
|
|
29
29
|
s407a88a592a0987c: string;
|
|
30
30
|
s480d27b7a8b69ce5: string;
|
|
31
31
|
s49730f3d5751a433: string;
|
|
32
|
+
s5033dab8c17f05f2: string;
|
|
32
33
|
s5052d10b539eabf0: string;
|
|
33
34
|
s5068a6876795d628: string;
|
|
34
35
|
s58c9c24962d27829: string;
|
|
@@ -57,6 +58,7 @@ export declare const templates: {
|
|
|
57
58
|
s8af6c50191c92781: string;
|
|
58
59
|
s8e68b824b99140a1: string;
|
|
59
60
|
s8f18916860db5d80: string;
|
|
61
|
+
s90473693178a7d52: string;
|
|
60
62
|
s9094c0cde8fb5058: string;
|
|
61
63
|
s909e876731a8febb: string;
|
|
62
64
|
s90a641043aa30c1e: string;
|
|
@@ -73,12 +75,15 @@ export declare const templates: {
|
|
|
73
75
|
sb4f1dffbb6be6302: string;
|
|
74
76
|
sbbea6041f19ec177: string;
|
|
75
77
|
sbc083a1dbee9af73: string;
|
|
78
|
+
sbf71aad33942eda3: import("@lit/localize").StrResult;
|
|
79
|
+
sbf9c5c5a8e5efad4: string;
|
|
76
80
|
sc9ba1c07c319d0ab: string;
|
|
77
81
|
scab955958b9b783e: import("@lit/localize").StrResult;
|
|
78
82
|
scb6b9cb49cf93277: string;
|
|
79
83
|
scfe20e6b9fcd18ad: string;
|
|
80
84
|
sd186574aa8a68ecb: string;
|
|
81
85
|
sd26f670ca5d5b0c6: string;
|
|
86
|
+
sd81933bb5673249f: string;
|
|
82
87
|
sd898d99fd9c13de6: string;
|
|
83
88
|
sdc42f1da42d6411a: string;
|
|
84
89
|
se0955919920ee87d: string;
|
package/generated/locales/no.js
CHANGED
|
@@ -31,6 +31,7 @@ const templates = {
|
|
|
31
31
|
"s407a88a592a0987c": `August`,
|
|
32
32
|
"s480d27b7a8b69ce5": `Rull til venstre`,
|
|
33
33
|
"s49730f3d5751a433": `Laster...`,
|
|
34
|
+
"s5033dab8c17f05f2": `Fullf\xF8rt`,
|
|
34
35
|
"s5052d10b539eabf0": `Mars`,
|
|
35
36
|
"s5068a6876795d628": `Velg synlige kolonner`,
|
|
36
37
|
"s58c9c24962d27829": `\xE5\xE5\xE5\xE5`,
|
|
@@ -59,6 +60,7 @@ const templates = {
|
|
|
59
60
|
"s8af6c50191c92781": `G\xE5 til f\xF8rste side`,
|
|
60
61
|
"s8e68b824b99140a1": `stigende`,
|
|
61
62
|
"s8f18916860db5d80": `Ryd valg`,
|
|
63
|
+
"s90473693178a7d52": `Startverdi`,
|
|
62
64
|
"s9094c0cde8fb5058": `Ingen resultater funnet`,
|
|
63
65
|
"s909e876731a8febb": `Velg alle rader`,
|
|
64
66
|
"s90a641043aa30c1e": `Rader per side`,
|
|
@@ -75,12 +77,15 @@ const templates = {
|
|
|
75
77
|
"sb4f1dffbb6be6302": `Rens`,
|
|
76
78
|
"sbbea6041f19ec177": `Feil ved lasting av data`,
|
|
77
79
|
"sbc083a1dbee9af73": `Februar`,
|
|
80
|
+
"sbf71aad33942eda3": str`Flytt fokus til feltet ${0}`,
|
|
81
|
+
"sbf9c5c5a8e5efad4": `Mislykket`,
|
|
78
82
|
"sc9ba1c07c319d0ab": `Datatabell med`,
|
|
79
83
|
"scab955958b9b783e": str`Det er feil som må rettes før du kan fortsette`,
|
|
80
84
|
"scb6b9cb49cf93277": `April`,
|
|
81
85
|
"scfe20e6b9fcd18ad": `S\xF8k i tabell`,
|
|
82
86
|
"sd186574aa8a68ecb": `Ingen resultater for`,
|
|
83
87
|
"sd26f670ca5d5b0c6": `Trekk sammen rad`,
|
|
88
|
+
"sd81933bb5673249f": `Sluttverdi`,
|
|
84
89
|
"sd898d99fd9c13de6": `Filtrer tilgjengelige alternativer`,
|
|
85
90
|
"sdc42f1da42d6411a": `Rens inputfelt`,
|
|
86
91
|
"se0955919920ee87d": `Dag`,
|
|
@@ -29,6 +29,7 @@ export declare const templates: {
|
|
|
29
29
|
s407a88a592a0987c: string;
|
|
30
30
|
s480d27b7a8b69ce5: string;
|
|
31
31
|
s49730f3d5751a433: string;
|
|
32
|
+
s5033dab8c17f05f2: string;
|
|
32
33
|
s5052d10b539eabf0: string;
|
|
33
34
|
s5068a6876795d628: string;
|
|
34
35
|
s58c9c24962d27829: string;
|
|
@@ -57,6 +58,7 @@ export declare const templates: {
|
|
|
57
58
|
s8af6c50191c92781: string;
|
|
58
59
|
s8e68b824b99140a1: string;
|
|
59
60
|
s8f18916860db5d80: string;
|
|
61
|
+
s90473693178a7d52: string;
|
|
60
62
|
s9094c0cde8fb5058: string;
|
|
61
63
|
s909e876731a8febb: string;
|
|
62
64
|
s90a641043aa30c1e: string;
|
|
@@ -73,12 +75,15 @@ export declare const templates: {
|
|
|
73
75
|
sb4f1dffbb6be6302: string;
|
|
74
76
|
sbbea6041f19ec177: string;
|
|
75
77
|
sbc083a1dbee9af73: string;
|
|
78
|
+
sbf71aad33942eda3: import("@lit/localize").StrResult;
|
|
79
|
+
sbf9c5c5a8e5efad4: string;
|
|
76
80
|
sc9ba1c07c319d0ab: string;
|
|
77
81
|
scab955958b9b783e: import("@lit/localize").StrResult;
|
|
78
82
|
scb6b9cb49cf93277: string;
|
|
79
83
|
scfe20e6b9fcd18ad: string;
|
|
80
84
|
sd186574aa8a68ecb: string;
|
|
81
85
|
sd26f670ca5d5b0c6: string;
|
|
86
|
+
sd81933bb5673249f: string;
|
|
82
87
|
sd898d99fd9c13de6: string;
|
|
83
88
|
sdc42f1da42d6411a: string;
|
|
84
89
|
se0955919920ee87d: string;
|
package/generated/locales/sv.js
CHANGED
|
@@ -31,6 +31,7 @@ const templates = {
|
|
|
31
31
|
"s407a88a592a0987c": `Augusti`,
|
|
32
32
|
"s480d27b7a8b69ce5": `Scrolla v\xE4nster`,
|
|
33
33
|
"s49730f3d5751a433": `Laddar...`,
|
|
34
|
+
"s5033dab8c17f05f2": `Slutf\xF6rd`,
|
|
34
35
|
"s5052d10b539eabf0": `Mars`,
|
|
35
36
|
"s5068a6876795d628": `V\xE4lj synliga kolumner`,
|
|
36
37
|
"s58c9c24962d27829": `\xC5\xC5\xC5\xC5`,
|
|
@@ -59,6 +60,7 @@ const templates = {
|
|
|
59
60
|
"s8af6c50191c92781": `G\xE5 till f\xF6rsta sidan`,
|
|
60
61
|
"s8e68b824b99140a1": `stigande`,
|
|
61
62
|
"s8f18916860db5d80": `Rensa val`,
|
|
63
|
+
"s90473693178a7d52": `Startv\xE4rde`,
|
|
62
64
|
"s9094c0cde8fb5058": `Inga resultat hittades`,
|
|
63
65
|
"s909e876731a8febb": `V\xE4lj alla rader`,
|
|
64
66
|
"s90a641043aa30c1e": `Rader per sida`,
|
|
@@ -75,12 +77,15 @@ const templates = {
|
|
|
75
77
|
"sb4f1dffbb6be6302": `Rensa`,
|
|
76
78
|
"sbbea6041f19ec177": `Fel vid inladdning av data`,
|
|
77
79
|
"sbc083a1dbee9af73": `Februari`,
|
|
80
|
+
"sbf71aad33942eda3": str`Flytta fokus till fältet ${0}`,
|
|
81
|
+
"sbf9c5c5a8e5efad4": `Misslyckad`,
|
|
78
82
|
"sc9ba1c07c319d0ab": `Datatabell med`,
|
|
79
83
|
"scab955958b9b783e": str`Det finns fel att rätta innan du kan fortsätta`,
|
|
80
84
|
"scb6b9cb49cf93277": `April`,
|
|
81
85
|
"scfe20e6b9fcd18ad": `S\xF6ktabell`,
|
|
82
86
|
"sd186574aa8a68ecb": `Inga resultat f\xF6r`,
|
|
83
87
|
"sd26f670ca5d5b0c6": `F\xE4ll ihop rad`,
|
|
88
|
+
"sd81933bb5673249f": `Slutv\xE4rde`,
|
|
84
89
|
"sd898d99fd9c13de6": `S\xF6k i listan av val`,
|
|
85
90
|
"sdc42f1da42d6411a": `Rensa text`,
|
|
86
91
|
"se0955919920ee87d": `Dag`,
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
# Alert
|
|
2
|
+
|
|
3
|
+
An alert displays important messages, feedback, or time-sensitive information.
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
## Overview
|
|
7
|
+
|
|
8
|
+
### Variants
|
|
9
|
+
|
|
10
|
+
A set of predefined styles that convey different meanings and states through consistent visual treatment each with specific icons.
|
|
11
|
+
|
|
12
|
+
#### Information
|
|
13
|
+
|
|
14
|
+
Used for _passive_, non-critical updates like tips or background information. It's quiet and unobtrusive.
|
|
15
|
+
|
|
16
|
+
#### Notice
|
|
17
|
+
|
|
18
|
+
Used for _actionable_, attention-worthy updates that are still non-critical, like a change in a process or a reminder to do something soon.
|
|
19
|
+
|
|
20
|
+
#### Positive
|
|
21
|
+
|
|
22
|
+
Confirms successful actions, such as form submissions, with a success message, optional next steps, and possible brand reinforcement.
|
|
23
|
+
|
|
24
|
+
#### Warning
|
|
25
|
+
|
|
26
|
+
Highlights non-critical issues, such as upcoming deadlines, with a concise issue summary, optional duration estimate, and suggested actions.
|
|
27
|
+
|
|
28
|
+
#### Negative
|
|
29
|
+
|
|
30
|
+
Communicates critical issues or errors, such as system outages, with a clear problem description, optional apology for system issues, and resolution guidance.
|
|
31
|
+
|
|
32
|
+
### Action button
|
|
33
|
+
|
|
34
|
+
Alert supports an optional action button with customisable text to trigger relevant actions.
|
|
35
|
+
|
|
36
|
+
### Dismissible
|
|
37
|
+
|
|
38
|
+
Alerts can be configured as `dismissible` in order to show a close button in the upper right corner. This also enabled closing the alert by pressing the escape key.
|
|
39
|
+
|
|
40
|
+
### Auto-dismiss
|
|
41
|
+
|
|
42
|
+
Alert can also be set up to use an auto-dismiss timer. In this configuration, a timer progress bar will be shown at the bottom of the alert, and the alert will close once the timer reaches the end.
|
|
43
|
+
|
|
44
|
+
### Placement
|
|
45
|
+
|
|
46
|
+
The most important rule is to place the alert near the issue that triggered it.
|
|
47
|
+
|
|
48
|
+
#### Global alert
|
|
49
|
+
|
|
50
|
+
Used for system-wide messages.
|
|
51
|
+
|
|
52
|
+
* Placed above the header and takes full width of the screen.
|
|
53
|
+
|
|
54
|
+
* The icon, text content, and action button should be center-aligned horizontally.
|
|
55
|
+
|
|
56
|
+
* The dismiss button is placed at the far right.
|
|
57
|
+
|
|
58
|
+
#### Page alert
|
|
59
|
+
|
|
60
|
+
Used for messages affecting the entire page (e.g., _Bankgiro is down_).
|
|
61
|
+
|
|
62
|
+
* Placed at the top of the page, below the header.
|
|
63
|
+
|
|
64
|
+
#### Group alert
|
|
65
|
+
|
|
66
|
+
Used for messages related to a specific module (e.g., _Transaction listing is unavailable_).
|
|
67
|
+
|
|
68
|
+
* Placed within the module, at the top.
|
|
69
|
+
|
|
70
|
+
#### Specific alert
|
|
71
|
+
|
|
72
|
+
Used for messages related to specific content (e.g., _Negative balance_).
|
|
73
|
+
|
|
74
|
+
* Placed directly in the content area, close to the element it concerns (such as a table or field).
|
|
75
|
+
|
|
76
|
+
### Guidelines
|
|
77
|
+
|
|
78
|
+
Select the appropriate variant to match the message’s intent, such as using positive for success messages or negative for errors. Also ensure a meaningful label property is set to describe the alert’s purpose for accessibility. A label should always be set when using alert.
|
|
79
|
+
|
|
80
|
+
Choose the role property carefully, using alert for critical messages and status for informational updates, to align with ARIA best practices.
|
|
81
|
+
|
|
82
|
+
For toast-like messages, like save confirmations and other non-critical messages, auto-dismiss can be used to avoid interrupting user workflows.
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
## UX Guidelines
|
|
86
|
+
|
|
87
|
+
### Writing UX text for alerts
|
|
88
|
+
|
|
89
|
+
### Alert with a heading
|
|
90
|
+
|
|
91
|
+
### Alert without a heading
|
|
92
|
+
|
|
93
|
+
### Alert with a button
|
|
94
|
+
|
|
95
|
+
### Alert with a link
|
|
96
|
+
|
|
97
|
+
### Using buttons and links together
|
|
98
|
+
|
|
99
|
+
### Information alert
|
|
100
|
+
|
|
101
|
+
### Success alert
|
|
102
|
+
|
|
103
|
+
### Warning alert
|
|
104
|
+
|
|
105
|
+
### Critical and error alert
|