@designsystem-se/af 35.3.0 → 35.3.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/digi-header-navigation.js +1 -1
- package/components/digi-header.js +2 -2
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/{digi-button_31.cjs.entry.js → digi-button_24.cjs.entry.js} +332 -331
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +3 -3
- package/dist/cjs/digi-code-block_3.cjs.entry.js +212 -0
- package/dist/cjs/digi-dialog.cjs.entry.js +3 -3
- package/dist/cjs/digi-footer-card.cjs.entry.js +29 -0
- package/dist/cjs/digi-footer.cjs.entry.js +72 -0
- package/dist/cjs/digi-form-error-list.cjs.entry.js +3 -3
- package/dist/cjs/digi-form-receipt.cjs.entry.js +3 -3
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-copy.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-envelope.cjs.entry.js +30 -0
- package/dist/cjs/{digi-link-external.cjs.entry.js → digi-icon-external-link-alt_2.cjs.entry.js} +24 -0
- package/dist/cjs/digi-icon-globe.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-sign.cjs.entry.js +30 -0
- package/dist/cjs/digi-link.cjs.entry.js +75 -0
- package/dist/cjs/digi-logo.cjs.entry.js +69 -0
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +3 -3
- package/dist/cjs/digi-notification-alert.cjs.entry.js +3 -3
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +3 -3
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +3 -3
- package/dist/cjs/footer-card-variation.enum-99555edc.js +8 -0
- package/dist/cjs/index-7a477838.js +44 -20
- package/dist/cjs/index.cjs.js +43 -43
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/logo-variation.enum-607fadb4.js +13 -0
- package/dist/cjs/{typography-variation.enum-6a934f5b.js → typography-variation.enum-9f56fd50.js} +28 -18
- package/dist/collection/components/_header/header/header.css +0 -33
- package/dist/collection/components/_header/header/header.js +1 -1
- package/dist/collection/components/_header/header-navigation/header-navigation.css +0 -22
- package/dist/collection/design-tokens/components/_header-navigation.variables.scss +0 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_header-navigation.variables.scss +0 -1
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/p-01f5f243.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-1f652ce3.entry.js → p-092d0e3e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-06dfdd79.entry.js → p-0d35dc92.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-1fcbbf5f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-290d1746.js +1 -0
- package/dist/digi-arbetsformedlingen/p-2c7d4ecf.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-54a797ed.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-c2c18fb9.entry.js → p-5c7acd45.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-61385dc4.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-35fddf68.entry.js → p-6559910e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-815a97f1.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-82a89ca1.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a5c6e42e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-b21e9c0a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-bd6e0b22.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c1606b8a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c30a3366.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-cd770cb4.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d2d0856f.js +1 -0
- package/dist/digi-arbetsformedlingen/p-db7c2105.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-9e3f861e.entry.js → p-e0db40e9.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-5abcf3e3.entry.js → p-e2330d9c.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-5f6a49c0.entry.js → p-e54f5b28.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-ee88e3f1.js +1 -0
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/{digi-button_31.entry.js → digi-button_24.entry.js} +330 -322
- package/dist/esm/digi-calendar-datepicker.entry.js +3 -3
- package/dist/esm/digi-code-block_3.entry.js +206 -0
- package/dist/esm/digi-dialog.entry.js +3 -3
- package/dist/esm/digi-footer-card.entry.js +25 -0
- package/dist/esm/digi-footer.entry.js +68 -0
- package/dist/esm/digi-form-error-list.entry.js +3 -3
- package/dist/esm/digi-form-receipt.entry.js +3 -3
- package/dist/esm/digi-form-select-filter.entry.js +3 -3
- package/dist/esm/digi-icon-accessibility-universal.entry.js +26 -0
- package/dist/esm/digi-icon-copy.entry.js +26 -0
- package/dist/esm/digi-icon-envelope.entry.js +26 -0
- package/dist/esm/{digi-link-external.entry.js → digi-icon-external-link-alt_2.entry.js} +25 -2
- package/dist/esm/digi-icon-globe.entry.js +26 -0
- package/dist/esm/digi-icon-sign.entry.js +26 -0
- package/dist/esm/digi-link.entry.js +71 -0
- package/dist/esm/digi-logo.entry.js +65 -0
- package/dist/esm/digi-navigation-pagination.entry.js +3 -3
- package/dist/esm/digi-notification-alert.entry.js +3 -3
- package/dist/esm/digi-notification-error-page.entry.js +3 -3
- package/dist/esm/digi-tools-feedback.entry.js +3 -3
- package/dist/esm/footer-card-variation.enum-cc732148.js +8 -0
- package/dist/esm/index-148a7577.js +44 -20
- package/dist/esm/index.js +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/logo-variation.enum-5b68b79f.js +13 -0
- package/dist/esm/{typography-variation.enum-5150a9b3.js → typography-variation.enum-8ba40d15.js} +28 -18
- package/hydrate/index.js +3 -3
- package/hydrate/index.mjs +3 -3
- package/package.json +1 -1
- package/dist/cjs/digi-form-fieldset_2.cjs.entry.js +0 -122
- package/dist/cjs/digi-icon-minus_2.cjs.entry.js +0 -53
- package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +0 -150
- package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +0 -177
- package/dist/cjs/form-radiobutton-variation.enum-d085f2f8.js +0 -18
- package/dist/cjs/navigation-vertical-menu-variation.enum-c237edd3.js +0 -13
- package/dist/digi-arbetsformedlingen/p-01044fca.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-06625463.js +0 -1
- package/dist/digi-arbetsformedlingen/p-183230b4.js +0 -1
- package/dist/digi-arbetsformedlingen/p-31763750.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3b20ec86.js +0 -1
- package/dist/digi-arbetsformedlingen/p-43662434.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-450f8f55.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4ee11ca2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-684d8a71.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-71bd1a56.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ba185d40.entry.js +0 -1
- package/dist/esm/digi-form-fieldset_2.entry.js +0 -117
- package/dist/esm/digi-icon-minus_2.entry.js +0 -48
- package/dist/esm/digi-navigation-vertical-menu-item.entry.js +0 -146
- package/dist/esm/digi-navigation-vertical-menu.entry.js +0 -173
- package/dist/esm/form-radiobutton-variation.enum-64c6038b.js +0 -18
- package/dist/esm/navigation-vertical-menu-variation.enum-c30b0ea9.js +0 -13
package/dist/cjs/{typography-variation.enum-6a934f5b.js → typography-variation.enum-9f56fd50.js}
RENAMED
|
@@ -51,13 +51,6 @@ exports.DialogVariation = void 0;
|
|
|
51
51
|
DialogVariation["SECONDARY"] = "secondary";
|
|
52
52
|
})(exports.DialogVariation || (exports.DialogVariation = {}));
|
|
53
53
|
|
|
54
|
-
exports.FooterCardVariation = void 0;
|
|
55
|
-
(function (FooterCardVariation) {
|
|
56
|
-
FooterCardVariation["NONE"] = "none";
|
|
57
|
-
FooterCardVariation["ICON"] = "icon";
|
|
58
|
-
FooterCardVariation["BORDER"] = "border";
|
|
59
|
-
})(exports.FooterCardVariation || (exports.FooterCardVariation = {}));
|
|
60
|
-
|
|
61
54
|
exports.FooterVariation = void 0;
|
|
62
55
|
(function (FooterVariation) {
|
|
63
56
|
FooterVariation["LARGE"] = "large";
|
|
@@ -74,6 +67,23 @@ exports.FormErrorListHeadingLevel = void 0;
|
|
|
74
67
|
FormErrorListHeadingLevel["H6"] = "h6";
|
|
75
68
|
})(exports.FormErrorListHeadingLevel || (exports.FormErrorListHeadingLevel = {}));
|
|
76
69
|
|
|
70
|
+
exports.FormRadiobuttonLayout = void 0;
|
|
71
|
+
(function (FormRadiobuttonLayout) {
|
|
72
|
+
FormRadiobuttonLayout["INLINE"] = "inline";
|
|
73
|
+
FormRadiobuttonLayout["BLOCK"] = "block";
|
|
74
|
+
})(exports.FormRadiobuttonLayout || (exports.FormRadiobuttonLayout = {}));
|
|
75
|
+
|
|
76
|
+
exports.FormRadiobuttonValidation = void 0;
|
|
77
|
+
(function (FormRadiobuttonValidation) {
|
|
78
|
+
FormRadiobuttonValidation["ERROR"] = "error";
|
|
79
|
+
})(exports.FormRadiobuttonValidation || (exports.FormRadiobuttonValidation = {}));
|
|
80
|
+
|
|
81
|
+
exports.FormRadiobuttonVariation = void 0;
|
|
82
|
+
(function (FormRadiobuttonVariation) {
|
|
83
|
+
FormRadiobuttonVariation["PRIMARY"] = "primary";
|
|
84
|
+
FormRadiobuttonVariation["SECONDARY"] = "secondary";
|
|
85
|
+
})(exports.FormRadiobuttonVariation || (exports.FormRadiobuttonVariation = {}));
|
|
86
|
+
|
|
77
87
|
exports.FormReceiptHeadingLevel = void 0;
|
|
78
88
|
(function (FormReceiptHeadingLevel) {
|
|
79
89
|
FormReceiptHeadingLevel["H1"] = "h1";
|
|
@@ -174,17 +184,17 @@ exports.LayoutContainerMaxWidth = void 0;
|
|
|
174
184
|
LayoutContainerMaxWidth["WIDTH_1400"] = "1400";
|
|
175
185
|
})(exports.LayoutContainerMaxWidth || (exports.LayoutContainerMaxWidth = {}));
|
|
176
186
|
|
|
177
|
-
exports.
|
|
178
|
-
(function (
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
})(exports.
|
|
182
|
-
|
|
183
|
-
exports.
|
|
184
|
-
(function (
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
})(exports.
|
|
187
|
+
exports.NavigationVerticalMenuActiveIndicatorSize = void 0;
|
|
188
|
+
(function (NavigationVerticalMenuActiveIndicatorSize) {
|
|
189
|
+
NavigationVerticalMenuActiveIndicatorSize["PRIMARY"] = "primary";
|
|
190
|
+
NavigationVerticalMenuActiveIndicatorSize["SECONDARY"] = "secondary";
|
|
191
|
+
})(exports.NavigationVerticalMenuActiveIndicatorSize || (exports.NavigationVerticalMenuActiveIndicatorSize = {}));
|
|
192
|
+
|
|
193
|
+
exports.NavigationVerticalMenuVariation = void 0;
|
|
194
|
+
(function (NavigationVerticalMenuVariation) {
|
|
195
|
+
NavigationVerticalMenuVariation["PRIMARY"] = "primary";
|
|
196
|
+
NavigationVerticalMenuVariation["SECONDARY"] = "secondary";
|
|
197
|
+
})(exports.NavigationVerticalMenuVariation || (exports.NavigationVerticalMenuVariation = {}));
|
|
188
198
|
|
|
189
199
|
exports.NotificationAlertHeadingLevel = void 0;
|
|
190
200
|
(function (NotificationAlertHeadingLevel) {
|
|
@@ -60,40 +60,7 @@ License: none (public domain)
|
|
|
60
60
|
:host .digi-header ::slotted(div[slot=header-content]) .digi-header-avatar {
|
|
61
61
|
--digi--header-avatar--margin: 0;
|
|
62
62
|
}
|
|
63
|
-
:host .digi-header--af-centered ::slotted([slot=header-logo]) {
|
|
64
|
-
padding-left: 0;
|
|
65
|
-
}
|
|
66
63
|
:host .digi-header--af-centered .digi-header__wrapper {
|
|
67
64
|
--digi--header--padding-right: 0;
|
|
68
65
|
--digi--header--padding-left: 0;
|
|
69
|
-
}
|
|
70
|
-
@media (min-width: 47.9375rem) {
|
|
71
|
-
:host {
|
|
72
|
-
--digi--header--padding-left: var(--digi--global--spacing--large);
|
|
73
|
-
--digi--header--padding-right: var(--digi--global--spacing--large);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
@media (min-width: 48rem) {
|
|
77
|
-
:host {
|
|
78
|
-
--digi--header--padding-left: var(--digi--global--spacing--largest-2);
|
|
79
|
-
--digi--header--padding-right: var(--digi--global--spacing--largest-2);
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
@media (min-width: 61.9375rem) {
|
|
83
|
-
:host {
|
|
84
|
-
--digi--header--padding-left: var(--digi--global--spacing--base);
|
|
85
|
-
--digi--header--padding-right: var(--digi--global--spacing--base);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
@media (min-width: 75rem) {
|
|
89
|
-
:host {
|
|
90
|
-
--digi--header--padding-left: var(--digi--global--spacing--largest-3-5);
|
|
91
|
-
--digi--header--padding-right: var(--digi--global--spacing--largest-3-5);
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
@media (min-width: 87.5rem) {
|
|
95
|
-
:host {
|
|
96
|
-
--digi--header--padding-left: var(--digi--global--spacing--largest-5);
|
|
97
|
-
--digi--header--padding-right: var(--digi--global--spacing--largest-5);
|
|
98
|
-
}
|
|
99
66
|
}
|
|
@@ -83,7 +83,7 @@ export class Header {
|
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
renderContent() {
|
|
86
|
-
return (h("div", { class: "digi-header__wrapper" }, h("slot", { name: "header-logo" }), h("div", { class: "digi-header__content" }, h("slot", { name: "header-content" }), this.hasNavigation && this.isMobile && (h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))))
|
|
86
|
+
return (h("div", { class: "digi-header__wrapper" }, h("slot", { name: "header-logo" }), h("div", { class: "digi-header__content" }, h("slot", { name: "header-content" })), this.hasNavigation && this.isMobile && (h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
|
|
87
87
|
}
|
|
88
88
|
render() {
|
|
89
89
|
return (h("header", { key: '541675d708db44efd16a09721b27dcbbe44e2724', "aria-label": this.ariaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '419fba070dc583e81ad3ce29a88581ca736fe656', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("digi-layout-block", { key: '679370ad7ccfde35f14549e63cbdc35b35024ac0', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: '072768a2e0754f294fa2617828c533f8c426fb40', class: "digi-header__border" }), h("slot", { key: 'ecf54055fbee49802ecf188a36a4868416e948f2', name: "header-navigation" }))));
|
|
@@ -5,7 +5,6 @@ License: none (public domain)
|
|
|
5
5
|
:host {
|
|
6
6
|
--digi--header--border-color: var(--digi--color--divider--secondary);
|
|
7
7
|
--digi--header--close-button--padding: var(--digi--padding--smaller);
|
|
8
|
-
--digi--header-navigation--horizontal-padding: var(--digi--padding--smaller);
|
|
9
8
|
display: block;
|
|
10
9
|
}
|
|
11
10
|
:host .digi-header-navigation {
|
|
@@ -24,27 +23,6 @@ License: none (public domain)
|
|
|
24
23
|
grid-area: nav;
|
|
25
24
|
background-color: var(--digi--color--background--secondary-muted);
|
|
26
25
|
border-bottom: var(--digi--header--border-width) solid var(--digi--header--border-color);
|
|
27
|
-
padding: 0 var(--digi--header-navigation--horizontal-padding);
|
|
28
|
-
}
|
|
29
|
-
@media (min-width: 47.9375rem) {
|
|
30
|
-
:host .digi-header-navigation__wrapper {
|
|
31
|
-
--digi--header-navigation--horizontal-padding: var(--digi--global--spacing--smallest-2);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
@media (min-width: 61.9375rem) {
|
|
35
|
-
:host .digi-header-navigation__wrapper {
|
|
36
|
-
--digi--header-navigation--horizontal-padding: 0;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
@media (min-width: 75rem) {
|
|
40
|
-
:host .digi-header-navigation__wrapper {
|
|
41
|
-
--digi--header-navigation--horizontal-padding: var(--digi--global--spacing--small);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
@media (min-width: 87.5rem) {
|
|
45
|
-
:host .digi-header-navigation__wrapper {
|
|
46
|
-
--digi--header-navigation--horizontal-padding: var(--digi--global--spacing--largest-2);
|
|
47
|
-
}
|
|
48
26
|
}
|
|
49
27
|
:host .digi-header-navigation--visible .digi-header-navigation__wrapper {
|
|
50
28
|
display: block;
|