@designsystem-se/af 39.0.0 → 39.0.1-beta.dark-mode

package/dist/collection/components/_code/code-example/code-example.css

@@ -27,6 +27,12 @@ License: none (public domain)
   background-color: #ffffff;
   background-image: linear-gradient(45deg, #efefef 25%, transparent 25%), linear-gradient(-45deg, #efefef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #efefef 75%), linear-gradient(-45deg, transparent 75%, #efefef 75%);
 }
+@media (prefers-color-scheme: dark) {
+  .digi-code-example--light {
+    background-color: #787777;
+    background-image: linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%);
+  }
+}
 .digi-code-example--dark {
   background-color: #787777;
   background-image: linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%);

package/dist/collection/components/_code/code-example/code-example.js

@@ -137,17 +137,17 @@ export class CodeExample {
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (h("div", { key: '64b359db9b5ce07f09ec04965ec86ae5055e08dd', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'dccf1c981f42652cadc5761db4a25ee3e250ece3', class: {
+        return (h("div", { key: 'c8beee9d39ad65463eb78fdaf9d61f48dc47ccf3', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'f4e8fe5c000bf8c443b025a7b987016b6befce05', class: {
                 'digi-code-example__container': true
-            } }, 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: {
+            } }, 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: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), h("div", { key: 'c0bfcdb5072c09f74fecb30e49d5f21e02361e5e', class: {
+            }, "aria-hidden": "true" }))), h("div", { key: '04ba3cfe8367257b65013a5e00f53dd5dd7eeea3', class: {
                 'digi-code-example__codeblock': true,
                 'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
                 'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
-            } }, 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: {
+            } }, 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: {
                 'digi-code-example__fade': true,
                 'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'
@@ -159,7 +159,6 @@ export class CodeExample {
             }, 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)))));
     }
     static get is() { return "digi-code-example"; }
-    static get encapsulation() { return "scoped"; }
     static get originalStyleUrls() {
         return {
             "$": ["code-example.scss"]

package/dist/collection/components/_dialog/dialog/dialog.css

@@ -28,7 +28,7 @@ License: none (public domain)
   --digi--dialog--content--width--medium: 42.1875rem;
   --digi--dialog--content--width--large: 56.25rem;
   --digi--dialog--content--color--primary: var(--digi--color--text--primary);
-  --digi--dialog--content--color--background--primary: var(--digi--color--background--primary);
+  --digi--dialog--content--color--background--primary: var(--digi--color--background--primary-elevated);
   --digi--dialog--icon--color--primary: var(--digi--color--icon--primary);
   --digi--dialog--icon--color--primary--hover: var(--digi--color--icon--primary);
 }

package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.css

@@ -4,8 +4,8 @@ License: none (public domain)
 */
 :host {
   --digi--expandable-faq-item--header--background-color--primary: var(--digi--color--background--pop-out);
-  --digi--expandable-faq-item--header--background-color--secondary: var(--digi--color--background--secondary);
-  --digi--expandable-faq-item--header--background-color--tertiary: var(--digi--color--background--primary);
+  --digi--expandable-faq-item--header--background-color--secondary: var(--digi--color--background--secondary-elevated);
+  --digi--expandable-faq-item--header--background-color--tertiary: var(--digi--color--background--primary-elevated);
   --digi--expandable-faq-item--header--toggle-icon--transition: ease-in-out var(--digi--animation--duration--base) all;
   --digi--expandable-faq-item--content--transition: ease-in-out var(--digi--animation--duration--base) height;
   --digi--expandable-faq-item--icon--size: 0.875rem;