@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.
Files changed (115) hide show
  1. package/components/digi-header-navigation.js +1 -1
  2. package/components/digi-header.js +2 -2
  3. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  4. package/dist/cjs/{digi-button_31.cjs.entry.js → digi-button_24.cjs.entry.js} +332 -331
  5. package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +3 -3
  6. package/dist/cjs/digi-code-block_3.cjs.entry.js +212 -0
  7. package/dist/cjs/digi-dialog.cjs.entry.js +3 -3
  8. package/dist/cjs/digi-footer-card.cjs.entry.js +29 -0
  9. package/dist/cjs/digi-footer.cjs.entry.js +72 -0
  10. package/dist/cjs/digi-form-error-list.cjs.entry.js +3 -3
  11. package/dist/cjs/digi-form-receipt.cjs.entry.js +3 -3
  12. package/dist/cjs/digi-form-select-filter.cjs.entry.js +3 -3
  13. package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js +30 -0
  14. package/dist/cjs/digi-icon-copy.cjs.entry.js +30 -0
  15. package/dist/cjs/digi-icon-envelope.cjs.entry.js +30 -0
  16. package/dist/cjs/{digi-link-external.cjs.entry.js → digi-icon-external-link-alt_2.cjs.entry.js} +24 -0
  17. package/dist/cjs/digi-icon-globe.cjs.entry.js +30 -0
  18. package/dist/cjs/digi-icon-sign.cjs.entry.js +30 -0
  19. package/dist/cjs/digi-link.cjs.entry.js +75 -0
  20. package/dist/cjs/digi-logo.cjs.entry.js +69 -0
  21. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +3 -3
  22. package/dist/cjs/digi-notification-alert.cjs.entry.js +3 -3
  23. package/dist/cjs/digi-notification-error-page.cjs.entry.js +3 -3
  24. package/dist/cjs/digi-tools-feedback.cjs.entry.js +3 -3
  25. package/dist/cjs/footer-card-variation.enum-99555edc.js +8 -0
  26. package/dist/cjs/index-7a477838.js +44 -20
  27. package/dist/cjs/index.cjs.js +43 -43
  28. package/dist/cjs/loader.cjs.js +1 -1
  29. package/dist/cjs/logo-variation.enum-607fadb4.js +13 -0
  30. package/dist/cjs/{typography-variation.enum-6a934f5b.js → typography-variation.enum-9f56fd50.js} +28 -18
  31. package/dist/collection/components/_header/header/header.css +0 -33
  32. package/dist/collection/components/_header/header/header.js +1 -1
  33. package/dist/collection/components/_header/header-navigation/header-navigation.css +0 -22
  34. package/dist/collection/design-tokens/components/_header-navigation.variables.scss +0 -1
  35. package/dist/digi-arbetsformedlingen/design-tokens/components/_header-navigation.variables.scss +0 -1
  36. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  37. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  38. package/dist/digi-arbetsformedlingen/p-01f5f243.entry.js +1 -0
  39. package/dist/digi-arbetsformedlingen/{p-1f652ce3.entry.js → p-092d0e3e.entry.js} +1 -1
  40. package/dist/digi-arbetsformedlingen/{p-06dfdd79.entry.js → p-0d35dc92.entry.js} +1 -1
  41. package/dist/digi-arbetsformedlingen/p-1fcbbf5f.entry.js +1 -0
  42. package/dist/digi-arbetsformedlingen/p-290d1746.js +1 -0
  43. package/dist/digi-arbetsformedlingen/p-2c7d4ecf.entry.js +1 -0
  44. package/dist/digi-arbetsformedlingen/p-54a797ed.entry.js +1 -0
  45. package/dist/digi-arbetsformedlingen/{p-c2c18fb9.entry.js → p-5c7acd45.entry.js} +1 -1
  46. package/dist/digi-arbetsformedlingen/p-61385dc4.entry.js +1 -0
  47. package/dist/digi-arbetsformedlingen/{p-35fddf68.entry.js → p-6559910e.entry.js} +1 -1
  48. package/dist/digi-arbetsformedlingen/p-815a97f1.entry.js +1 -0
  49. package/dist/digi-arbetsformedlingen/p-82a89ca1.entry.js +1 -0
  50. package/dist/digi-arbetsformedlingen/p-a5c6e42e.entry.js +1 -0
  51. package/dist/digi-arbetsformedlingen/p-b21e9c0a.entry.js +1 -0
  52. package/dist/digi-arbetsformedlingen/p-bd6e0b22.entry.js +1 -0
  53. package/dist/digi-arbetsformedlingen/p-c1606b8a.entry.js +1 -0
  54. package/dist/digi-arbetsformedlingen/p-c30a3366.entry.js +1 -0
  55. package/dist/digi-arbetsformedlingen/p-cd770cb4.entry.js +1 -0
  56. package/dist/digi-arbetsformedlingen/p-d2d0856f.js +1 -0
  57. package/dist/digi-arbetsformedlingen/p-db7c2105.entry.js +1 -0
  58. package/dist/digi-arbetsformedlingen/{p-9e3f861e.entry.js → p-e0db40e9.entry.js} +1 -1
  59. package/dist/digi-arbetsformedlingen/{p-5abcf3e3.entry.js → p-e2330d9c.entry.js} +1 -1
  60. package/dist/digi-arbetsformedlingen/{p-5f6a49c0.entry.js → p-e54f5b28.entry.js} +1 -1
  61. package/dist/digi-arbetsformedlingen/p-ee88e3f1.js +1 -0
  62. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  63. package/dist/esm/{digi-button_31.entry.js → digi-button_24.entry.js} +330 -322
  64. package/dist/esm/digi-calendar-datepicker.entry.js +3 -3
  65. package/dist/esm/digi-code-block_3.entry.js +206 -0
  66. package/dist/esm/digi-dialog.entry.js +3 -3
  67. package/dist/esm/digi-footer-card.entry.js +25 -0
  68. package/dist/esm/digi-footer.entry.js +68 -0
  69. package/dist/esm/digi-form-error-list.entry.js +3 -3
  70. package/dist/esm/digi-form-receipt.entry.js +3 -3
  71. package/dist/esm/digi-form-select-filter.entry.js +3 -3
  72. package/dist/esm/digi-icon-accessibility-universal.entry.js +26 -0
  73. package/dist/esm/digi-icon-copy.entry.js +26 -0
  74. package/dist/esm/digi-icon-envelope.entry.js +26 -0
  75. package/dist/esm/{digi-link-external.entry.js → digi-icon-external-link-alt_2.entry.js} +25 -2
  76. package/dist/esm/digi-icon-globe.entry.js +26 -0
  77. package/dist/esm/digi-icon-sign.entry.js +26 -0
  78. package/dist/esm/digi-link.entry.js +71 -0
  79. package/dist/esm/digi-logo.entry.js +65 -0
  80. package/dist/esm/digi-navigation-pagination.entry.js +3 -3
  81. package/dist/esm/digi-notification-alert.entry.js +3 -3
  82. package/dist/esm/digi-notification-error-page.entry.js +3 -3
  83. package/dist/esm/digi-tools-feedback.entry.js +3 -3
  84. package/dist/esm/footer-card-variation.enum-cc732148.js +8 -0
  85. package/dist/esm/index-148a7577.js +44 -20
  86. package/dist/esm/index.js +3 -3
  87. package/dist/esm/loader.js +1 -1
  88. package/dist/esm/logo-variation.enum-5b68b79f.js +13 -0
  89. package/dist/esm/{typography-variation.enum-5150a9b3.js → typography-variation.enum-8ba40d15.js} +28 -18
  90. package/hydrate/index.js +3 -3
  91. package/hydrate/index.mjs +3 -3
  92. package/package.json +1 -1
  93. package/dist/cjs/digi-form-fieldset_2.cjs.entry.js +0 -122
  94. package/dist/cjs/digi-icon-minus_2.cjs.entry.js +0 -53
  95. package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +0 -150
  96. package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +0 -177
  97. package/dist/cjs/form-radiobutton-variation.enum-d085f2f8.js +0 -18
  98. package/dist/cjs/navigation-vertical-menu-variation.enum-c237edd3.js +0 -13
  99. package/dist/digi-arbetsformedlingen/p-01044fca.entry.js +0 -1
  100. package/dist/digi-arbetsformedlingen/p-06625463.js +0 -1
  101. package/dist/digi-arbetsformedlingen/p-183230b4.js +0 -1
  102. package/dist/digi-arbetsformedlingen/p-31763750.entry.js +0 -1
  103. package/dist/digi-arbetsformedlingen/p-3b20ec86.js +0 -1
  104. package/dist/digi-arbetsformedlingen/p-43662434.entry.js +0 -1
  105. package/dist/digi-arbetsformedlingen/p-450f8f55.entry.js +0 -1
  106. package/dist/digi-arbetsformedlingen/p-4ee11ca2.entry.js +0 -1
  107. package/dist/digi-arbetsformedlingen/p-684d8a71.entry.js +0 -1
  108. package/dist/digi-arbetsformedlingen/p-71bd1a56.entry.js +0 -1
  109. package/dist/digi-arbetsformedlingen/p-ba185d40.entry.js +0 -1
  110. package/dist/esm/digi-form-fieldset_2.entry.js +0 -117
  111. package/dist/esm/digi-icon-minus_2.entry.js +0 -48
  112. package/dist/esm/digi-navigation-vertical-menu-item.entry.js +0 -146
  113. package/dist/esm/digi-navigation-vertical-menu.entry.js +0 -173
  114. package/dist/esm/form-radiobutton-variation.enum-64c6038b.js +0 -18
  115. package/dist/esm/navigation-vertical-menu-variation.enum-c30b0ea9.js +0 -13
@@ -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.LogoColor = void 0;
178
- (function (LogoColor) {
179
- LogoColor["PRIMARY"] = "primary";
180
- LogoColor["SECONDARY"] = "secondary";
181
- })(exports.LogoColor || (exports.LogoColor = {}));
182
-
183
- exports.LogoVariation = void 0;
184
- (function (LogoVariation) {
185
- LogoVariation["SMALL"] = "small";
186
- LogoVariation["LARGE"] = "large";
187
- })(exports.LogoVariation || (exports.LogoVariation = {}));
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;
@@ -1,5 +1,4 @@
1
1
  @mixin digi-header--variables() {
2
2
  --digi--header--border-color: var(--digi--color--divider--secondary);
3
3
  --digi--header--close-button--padding: var(--digi--padding--smaller);
4
- --digi--header-navigation--horizontal-padding: var(--digi--padding--smaller);
5
4
  }
@@ -1,5 +1,4 @@
1
1
  @mixin digi-header--variables() {
2
2
  --digi--header--border-color: var(--digi--color--divider--secondary);
3
3
  --digi--header--close-button--padding: var(--digi--padding--smaller);
4
- --digi--header-navigation--horizontal-padding: var(--digi--padding--smaller);
5
4
  }