@designsystem-se/af 38.2.1-beta.dark-mode-css-labb → 39.0.1-beta.dark-mode

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 (78) hide show
  1. package/components/digi-badge-status.js +1 -1
  2. package/components/digi-calendar-datepicker.js +1 -1
  3. package/components/digi-code-example.js +6 -6
  4. package/components/digi-context-menu.js +4 -4
  5. package/components/digi-form-checkbox.js +1 -1
  6. package/components/digi-form-error-list.js +1 -1
  7. package/components/digi-form-filter.js +1 -1
  8. package/components/digi-form-select-filter.js +84 -47
  9. package/components/digi-header-avatar.js +1 -1
  10. package/components/digi-info-card.js +1 -1
  11. package/components/digi-link-internal.js +1 -1
  12. package/components/digi-notification-alert.js +1 -1
  13. package/components/digi-progress-indicator.js +1 -1
  14. package/components/digi-progress-list-item.js +1 -1
  15. package/components/{p-78154d00.js → p-90f7d507.js} +1 -1
  16. package/components/p-a162b186.js +177 -0
  17. package/components/p-d516f6af.js +66 -0
  18. package/custom-elements.json +1 -1
  19. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  20. package/dist/cjs/digi-badge-status.cjs.entry.js +1 -1
  21. package/dist/cjs/digi-button_84.cjs.entry.js +94 -57
  22. package/dist/cjs/digi-code-example.cjs.entry.js +5 -5
  23. package/dist/cjs/digi-progress-list-item.cjs.entry.js +1 -1
  24. package/dist/cjs/loader.cjs.js +1 -1
  25. package/dist/collection/components/_badge/badge-status/badge-status.css +2 -2
  26. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +131 -381
  27. package/dist/collection/components/_code/code-example/code-example.js +4 -5
  28. package/dist/collection/components/_form/form-checkbox/form-checkbox.css +130 -380
  29. package/dist/collection/components/_form/form-select-filter/form-select-filter.js +85 -48
  30. package/dist/collection/components/_header/header-avatar/header-avatar.css +130 -380
  31. package/dist/collection/components/_link/link-internal/link-internal.css +130 -380
  32. package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.js +6 -6
  33. package/dist/collection/components/_notification/notification-alert/notification-alert.css +1 -1
  34. package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +1 -1
  35. package/dist/collection/components/_progress/progress-list-item/progress-list-item.css +2 -2
  36. package/dist/collection/design-tokens/components/_badge-status.variables.scss +1 -1
  37. package/dist/collection/design-tokens/components/_logo.variables.scss +0 -2
  38. package/dist/collection/design-tokens/components/_notification-alert.variables.scss +1 -1
  39. package/dist/collection/design-tokens/components/_progress-indicator.variables.scss +1 -1
  40. package/dist/collection/styles/src/_alias.mixin.scss +252 -2
  41. package/dist/collection/styles/src/index.scss +2 -16
  42. package/dist/collection/styles/src/themes/_brand-af25.mixin.scss +2 -2
  43. package/dist/collection/styles/src/tokens-documentation/web-AF25.json +308 -154
  44. package/dist/digi-arbetsformedlingen/design-tokens/components/_badge-status.variables.scss +1 -1
  45. package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +17 -15
  46. package/dist/digi-arbetsformedlingen/design-tokens/components/_notification-alert.variables.scss +1 -1
  47. package/dist/digi-arbetsformedlingen/design-tokens/components/_progress-indicator.variables.scss +1 -1
  48. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  49. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  50. package/dist/digi-arbetsformedlingen/{p-c1fd535b.entry.js → p-03b818fc.entry.js} +1 -1
  51. package/dist/digi-arbetsformedlingen/p-53880b04.entry.js +1 -0
  52. package/dist/digi-arbetsformedlingen/p-a2fb7d64.entry.js +1 -0
  53. package/dist/digi-arbetsformedlingen/p-f4b540e3.entry.js +1 -0
  54. package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +252 -2
  55. package/dist/digi-arbetsformedlingen/styles/src/index.scss +2 -16
  56. package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af25.mixin.scss +2 -2
  57. package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +308 -154
  58. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  59. package/dist/esm/digi-badge-status.entry.js +1 -1
  60. package/dist/esm/digi-button_84.entry.js +94 -57
  61. package/dist/esm/digi-code-example.entry.js +5 -5
  62. package/dist/esm/digi-progress-list-item.entry.js +1 -1
  63. package/dist/esm/loader.js +1 -1
  64. package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +22 -3
  65. package/dist/types/components/_navigation/navigation-context-menu/navigation-context-menu.d.ts +2 -2
  66. package/dist/types/components.d.ts +6 -6
  67. package/hydrate/index.js +102 -65
  68. package/hydrate/index.mjs +102 -65
  69. package/package.json +4 -2
  70. package/components/p-a90b746e.js +0 -177
  71. package/components/p-fdb31c30.js +0 -66
  72. package/dist/collection/styles/src/themes/_alias-dark.scss +0 -126
  73. package/dist/collection/styles/src/themes/_alias-light.scss +0 -126
  74. package/dist/digi-arbetsformedlingen/p-7ed49934.entry.js +0 -1
  75. package/dist/digi-arbetsformedlingen/p-ad638968.entry.js +0 -1
  76. package/dist/digi-arbetsformedlingen/p-ede12626.entry.js +0 -1
  77. package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-dark.scss +0 -126
  78. package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-light.scss +0 -126
package/dist/collection/components/_code/code-example/code-example.js CHANGED
@@ -137,17 +137,17 @@ export class CodeExample {
137
137
  .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
138
138
  }
139
139
  render() {
140
- return (h("div", { key: '64b359db9b5ce07f09ec04965ec86ae5055e08dd', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'dccf1c981f42652cadc5761db4a25ee3e250ece3', class: {
140
+ return (h("div", { key: 'c8beee9d39ad65463eb78fdaf9d61f48dc47ccf3', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'f4e8fe5c000bf8c443b025a7b987016b6befce05', class: {
141
141
  'digi-code-example__container': true
142
- } }, h("div", { key: '5adc1e437c61314cbb90460e126aa690b3cb40bb', class: "digi-code-example__example" }, h("slot", { key: '630621134cd53d1e0523f785023178f4f3f03251' })), !this.afHideCode && (h("div", { key: '5530e6d9df1e69c6c365c435f6165311869d8198', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '6f09b11e1c38d9e05f9191046093d38597d7296a', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: '2d813db7f159d0e2a35c0949eb58b8a56e886a22', class: {
142
+ } }, h("div", { key: 'c15bd16acb94723f5484b21852dc1bdd3985cdba', class: "digi-code-example__example" }, h("slot", { key: 'af94801b00454401a1ffaf9f9ff783a9b803583c' })), !this.afHideCode && (h("div", { key: '671d5ec1d0e3109cc5adf52399aff5cde7ed7b5b', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '73449b24bbffae8b664543c1e78a482608affb2f', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: 'd5600ceea54943621159794535612257c9180785', class: {
143
143
  'digi-code-example__code-expand-icon': true,
144
144
  'digi-code-example__code-expand-icon--open': this.isActive
145
- }, "aria-hidden": "true" }))), h("div", { key: 'c0bfcdb5072c09f74fecb30e49d5f21e02361e5e', class: {
145
+ }, "aria-hidden": "true" }))), h("div", { key: '04ba3cfe8367257b65013a5e00f53dd5dd7eeea3', class: {
146
146
  'digi-code-example__codeblock': true,
147
147
  'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
148
148
  'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
149
149
  'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
150
- } }, h("digi-code-block", { key: '3f0fd153637ab48268081008ef0d5b9f56efb407', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
150
+ } }, h("digi-code-block", { key: '03fbdc9df45937812d2172b8c310dfb4097cad97', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
151
151
  'digi-code-example__fade': true,
152
152
  'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
153
153
  'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'
@@ -159,7 +159,6 @@ export class CodeExample {
159
159
  }, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": ButtonVariation.FUNCTION, "af-size": ButtonSize.MEDIUM }, h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
160
160
  }
161
161
  static get is() { return "digi-code-example"; }
162
- static get encapsulation() { return "scoped"; }
163
162
  static get originalStyleUrls() {
164
163
  return {
165
164
  "$": ["code-example.scss"]