@designsystem-se/af 39.3.0 → 39.4.0-beta.darkmode.1

package/dist/cjs/digi-calendar-week-view.cjs.entry.js

@@ -1,13 +1,12 @@
 'use strict';
 
-var index$2 = require('./index-Cn1hHaSy.js');
+var index$1 = require('./index-D09d7Toa.js');
 var text = require('./text-Cu3CaHGj.js');
-var index$1 = require('./index-Bdlw-Iuy.js');
+var index = require('./index-DUQtADgG.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 var logger_util = require('./logger.util-DUhrcCTY.js');
 var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
 var calendarWeekViewHeadingLevel_enum = require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
-var index = require('./index-Snltmefx.js');
 
 /**
  * @name addDays
@@ -35,7 +34,7 @@ var index = require('./index-Snltmefx.js');
 function addDays(dirtyDate, dirtyAmount) {
   index.requiredArgs(2, arguments);
   var date = index.toDate(dirtyDate);
-  var amount = index$1.toInteger(dirtyAmount);
+  var amount = index.toInteger(dirtyAmount);
 
   if (isNaN(amount)) {
     return new Date(NaN);
@@ -87,8 +86,8 @@ function startOfWeek(dirtyDate, dirtyOptions) {
   var options = dirtyOptions || {};
   var locale = options.locale;
   var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;
-  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : index$1.toInteger(localeWeekStartsOn);
-  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : index$1.toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : index.toInteger(localeWeekStartsOn);
+  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : index.toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
 
   if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
     throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
@@ -428,7 +427,7 @@ var formatters = {
   },
   // Local week-numbering year
   Y: function (date, token, localize, options) {
-    var signedWeekYear = index$1.getUTCWeekYear(date, options); // Returns 1 for 1 BC (which is year 0 in JavaScript)
+    var signedWeekYear = index.getUTCWeekYear(date, options); // Returns 1 for 1 BC (which is year 0 in JavaScript)
 
     var weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear; // Two digit year
 
@@ -449,7 +448,7 @@ var formatters = {
   },
   // ISO week-numbering year
   R: function (date, token) {
-    var isoWeekYear = index$1.getUTCISOWeekYear(date); // Padding
+    var isoWeekYear = index.getUTCISOWeekYear(date); // Padding
 
     return addLeadingZeros(isoWeekYear, token.length);
   },
@@ -632,7 +631,7 @@ var formatters = {
   },
   // Local week of year
   w: function (date, token, localize, options) {
-    var week = index$1.getUTCWeek(date, options);
+    var week = index.getUTCWeek(date, options);
 
     if (token === 'wo') {
       return localize.ordinalNumber(week, {
@@ -644,7 +643,7 @@ var formatters = {
   },
   // ISO week of year
   I: function (date, token, localize) {
-    var isoWeek = index$1.getUTCISOWeek(date);
+    var isoWeek = index.getUTCISOWeek(date);
 
     if (token === 'Io') {
       return localize.ordinalNumber(isoWeek, {
@@ -1520,18 +1519,18 @@ function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
   index.requiredArgs(2, arguments);
   var formatStr = String(dirtyFormatStr);
   var options = dirtyOptions || {};
-  var locale = options.locale || index$1.locale;
+  var locale = options.locale || index.locale;
   var localeFirstWeekContainsDate = locale.options && locale.options.firstWeekContainsDate;
-  var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : index$1.toInteger(localeFirstWeekContainsDate);
-  var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : index$1.toInteger(options.firstWeekContainsDate); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
+  var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : index.toInteger(localeFirstWeekContainsDate);
+  var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : index.toInteger(options.firstWeekContainsDate); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
 
   if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
     throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');
   }
 
   var localeWeekStartsOn = locale.options && locale.options.weekStartsOn;
-  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : index$1.toInteger(localeWeekStartsOn);
-  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : index$1.toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : index.toInteger(localeWeekStartsOn);
+  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : index.toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
 
   if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
     throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
@@ -1554,8 +1553,8 @@ function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
   // See an issue about UTC functions: https://github.com/date-fns/date-fns/issues/376
 
 
-  var timezoneOffset = index$1.getTimezoneOffsetInMilliseconds(originalDate);
-  var utcDate = index$1.subMilliseconds(originalDate, timezoneOffset);
+  var timezoneOffset = index.getTimezoneOffsetInMilliseconds(originalDate);
+  var utcDate = index.subMilliseconds(originalDate, timezoneOffset);
   var formatterOptions = {
     firstWeekContainsDate: firstWeekContainsDate,
     weekStartsOn: weekStartsOn,
@@ -1566,7 +1565,7 @@ function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
     var firstCharacter = substring[0];
 
     if (firstCharacter === 'p' || firstCharacter === 'P') {
-      var longFormatter = index$1.longFormatters[firstCharacter];
+      var longFormatter = index.longFormatters[firstCharacter];
       return longFormatter(substring, locale.formatLong, formatterOptions);
     }
 
@@ -1586,12 +1585,12 @@ function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
     var formatter = formatters[firstCharacter];
 
     if (formatter) {
-      if (!options.useAdditionalWeekYearTokens && index$1.isProtectedWeekYearToken(substring)) {
-        index$1.throwProtectedError(substring, dirtyFormatStr, dirtyDate);
+      if (!options.useAdditionalWeekYearTokens && index.isProtectedWeekYearToken(substring)) {
+        index.throwProtectedError(substring, dirtyFormatStr, dirtyDate);
       }
 
-      if (!options.useAdditionalDayOfYearTokens && index$1.isProtectedDayOfYearToken(substring)) {
-        index$1.throwProtectedError(substring, dirtyFormatStr, dirtyDate);
+      if (!options.useAdditionalDayOfYearTokens && index.isProtectedDayOfYearToken(substring)) {
+        index.throwProtectedError(substring, dirtyFormatStr, dirtyDate);
       }
 
       return formatter(utcDate, substring, locale.localize, formatterOptions);
@@ -1670,7 +1669,7 @@ function getISOWeek(dirtyDate) {
 
 function subDays(dirtyDate, dirtyAmount) {
   index.requiredArgs(2, arguments);
-  var amount = index$1.toInteger(dirtyAmount);
+  var amount = index.toInteger(dirtyAmount);
   return addDays(dirtyDate, -amount);
 }
 
@@ -1710,15 +1709,15 @@ function setDay(dirtyDate, dirtyDay, dirtyOptions) {
   var options = {};
   var locale = options.locale;
   var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;
-  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : index$1.toInteger(localeWeekStartsOn);
-  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : index$1.toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : index.toInteger(localeWeekStartsOn);
+  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : index.toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
 
   if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
     throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
   }
 
   var date = index.toDate(dirtyDate);
-  var day = index$1.toInteger(dirtyDay);
+  var day = index.toInteger(dirtyDay);
   var currentDay = date.getDay();
   var remainder = day % 7;
   var dayIndex = (remainder + 7) % 7;
@@ -1840,15 +1839,15 @@ var dateTimeFormats = {
   short: '{{date}} {{time}}'
 };
 var formatLong = {
-  date: index$1.buildFormatLongFn({
+  date: index.buildFormatLongFn({
     formats: dateFormats,
     defaultWidth: 'full'
   }),
-  time: index$1.buildFormatLongFn({
+  time: index.buildFormatLongFn({
     formats: timeFormats,
     defaultWidth: 'full'
   }),
-  dateTime: index$1.buildFormatLongFn({
+  dateTime: index.buildFormatLongFn({
     formats: dateTimeFormats,
     defaultWidth: 'full'
   })
@@ -1970,26 +1969,26 @@ function ordinalNumber(dirtyNumber) {
 
 var localize = {
   ordinalNumber: ordinalNumber,
-  era: index$1.buildLocalizeFn({
+  era: index.buildLocalizeFn({
     values: eraValues,
     defaultWidth: 'wide'
   }),
-  quarter: index$1.buildLocalizeFn({
+  quarter: index.buildLocalizeFn({
     values: quarterValues,
     defaultWidth: 'wide',
     argumentCallback: function (quarter) {
       return Number(quarter) - 1;
     }
   }),
-  month: index$1.buildLocalizeFn({
+  month: index.buildLocalizeFn({
     values: monthValues,
     defaultWidth: 'wide'
   }),
-  day: index$1.buildLocalizeFn({
+  day: index.buildLocalizeFn({
     values: dayValues,
     defaultWidth: 'wide'
   }),
-  dayPeriod: index$1.buildLocalizeFn({
+  dayPeriod: index.buildLocalizeFn({
     values: dayPeriodValues,
     defaultWidth: 'wide',
     formattingValues: formattingDayPeriodValues,
@@ -2049,20 +2048,20 @@ var parseDayPeriodPatterns = {
   }
 };
 var match = {
-  ordinalNumber: index$1.buildMatchPatternFn({
+  ordinalNumber: index.buildMatchPatternFn({
     matchPattern: matchOrdinalNumberPattern,
     parsePattern: parseOrdinalNumberPattern,
     valueCallback: function (value) {
       return parseInt(value, 10);
     }
   }),
-  era: index$1.buildMatchFn({
+  era: index.buildMatchFn({
     matchPatterns: matchEraPatterns,
     defaultMatchWidth: 'wide',
     parsePatterns: parseEraPatterns,
     defaultParseWidth: 'any'
   }),
-  quarter: index$1.buildMatchFn({
+  quarter: index.buildMatchFn({
     matchPatterns: matchQuarterPatterns,
     defaultMatchWidth: 'wide',
     parsePatterns: parseQuarterPatterns,
@@ -2071,19 +2070,19 @@ var match = {
       return index + 1;
     }
   }),
-  month: index$1.buildMatchFn({
+  month: index.buildMatchFn({
     matchPatterns: matchMonthPatterns,
     defaultMatchWidth: 'wide',
     parsePatterns: parseMonthPatterns,
     defaultParseWidth: 'any'
   }),
-  day: index$1.buildMatchFn({
+  day: index.buildMatchFn({
     matchPatterns: matchDayPatterns,
     defaultMatchWidth: 'wide',
     parsePatterns: parseDayPatterns,
     defaultParseWidth: 'any'
   }),
-  dayPeriod: index$1.buildMatchFn({
+  dayPeriod: index.buildMatchFn({
     matchPatterns: matchDayPeriodPatterns,
     defaultMatchWidth: 'any',
     parsePatterns: parseDayPeriodPatterns,
@@ -2121,10 +2120,10 @@ const calendarWeekViewCss = () => `.sc-digi-calendar-week-view-h{--digi--calenda
 
 const CalendarWeekView = class {
     constructor(hostRef) {
-        index$2.registerInstance(this, hostRef);
-        this.afOnWeekChange = index$2.createEvent(this, "afOnWeekChange", 7);
-        this.afOnDateChange = index$2.createEvent(this, "afOnDateChange", 7);
-        this.afOnReady = index$2.createEvent(this, "afOnReady", 3);
+        index$1.registerInstance(this, hostRef);
+        this.afOnWeekChange = index$1.createEvent(this, "afOnWeekChange", 7);
+        this.afOnDateChange = index$1.createEvent(this, "afOnDateChange", 7);
+        this.afOnReady = index$1.createEvent(this, "afOnReady", 3);
         this.minDate = new Date();
         this.maxDate = new Date();
         this.dates = [];
@@ -2276,7 +2275,7 @@ const CalendarWeekView = class {
                 format(new Date(lastDate), 'MMMM yyyy', { locale: locale });
     }
     render() {
-        return (index$2.h("div", { key: '44d49828a7f43a1f3943aaf0af4139f402844bf0', class: "digi-calendar-week-view" }, index$2.h("nav", { key: '44ba98a7c433077c2c11c55b150a5cc2f1d38ac2', class: "digi-calendar-week-view__timepicker" }, index$2.h("div", { key: '160ce73dc293abd69193c2b1750c9fd7400b8804', class: "digi-calendar-week-view__dates" }, index$2.h("div", { key: '2d60245978d9c7615f3ff5ec7b9d8d628e16f843', class: "digi-calendar-week-view__flex" }, index$2.h("digi-typography", { key: '23a1c94d0575061951f67f46782144de52e5e662' }, index$2.h(this.afHeadingLevel, { key: 'a183705a035f4d3d57ced74920221f40bbe6019f', role: "status", class: "digi-calendar-week-view__heading" }, index$2.h("span", { key: '147910745991716f3557491c6e6aa702f479e8c7', class: "digi-calendar-week-view__month" }, this.currentMonth), index$2.h("span", { key: '0d91367cd6066a2b35349edd0ff93e20b5326f04', class: "digi-calendar-week-view__week" }, ' ', "v.", this.currentWeek))), index$2.h("ul", { key: 'fdff670cf241e05920e19e0ce6e601b62ae9a3f0', class: "digi-calendar-week-view__date-list" }, this.weekDays.map((dateItem) => {
+        return (index$1.h("div", { key: '44d49828a7f43a1f3943aaf0af4139f402844bf0', class: "digi-calendar-week-view" }, index$1.h("nav", { key: '44ba98a7c433077c2c11c55b150a5cc2f1d38ac2', class: "digi-calendar-week-view__timepicker" }, index$1.h("div", { key: '160ce73dc293abd69193c2b1750c9fd7400b8804', class: "digi-calendar-week-view__dates" }, index$1.h("div", { key: '2d60245978d9c7615f3ff5ec7b9d8d628e16f843', class: "digi-calendar-week-view__flex" }, index$1.h("digi-typography", { key: '23a1c94d0575061951f67f46782144de52e5e662' }, index$1.h(this.afHeadingLevel, { key: 'a183705a035f4d3d57ced74920221f40bbe6019f', role: "status", class: "digi-calendar-week-view__heading" }, index$1.h("span", { key: '147910745991716f3557491c6e6aa702f479e8c7', class: "digi-calendar-week-view__month" }, this.currentMonth), index$1.h("span", { key: '0d91367cd6066a2b35349edd0ff93e20b5326f04', class: "digi-calendar-week-view__week" }, ' ', "v.", this.currentWeek))), index$1.h("ul", { key: 'fdff670cf241e05920e19e0ce6e601b62ae9a3f0', class: "digi-calendar-week-view__date-list" }, this.weekDays.map((dateItem) => {
             const date = format(new Date(dateItem), 'd', {
                 locale: locale
             });
@@ -2286,27 +2285,27 @@ const CalendarWeekView = class {
             const fullDay = format(new Date(dateItem), 'EEEE ', {
                 locale: locale
             });
-            return (index$2.h("li", { class: "digi-calendar-week-view__date-list-item", "aria-current": dateItem === this.todaysDate && 'date' }, index$2.h("digi-button", { onClick: () => (this.selectedDate = dateItem), afAriaLabel: `${fullDay} ${date}`, "aria-hidden": !this.dates.includes(dateItem) ? 'true' : 'false', "af-tabindex": !this.dates.includes(dateItem) ? -1 : null, "aria-pressed": this.selectedDate == dateItem ? 'true' : 'false', class: {
+            return (index$1.h("li", { class: "digi-calendar-week-view__date-list-item", "aria-current": dateItem === this.todaysDate && 'date' }, index$1.h("digi-button", { onClick: () => (this.selectedDate = dateItem), afAriaLabel: `${fullDay} ${date}`, "aria-hidden": !this.dates.includes(dateItem) ? 'true' : 'false', "af-tabindex": !this.dates.includes(dateItem) ? -1 : null, "aria-pressed": this.selectedDate == dateItem ? 'true' : 'false', class: {
                     'digi-calendar-week-view__date-button': true,
                     'digi-calendar-week-view__date-button--active': this.selectedDate == dateItem,
                     'digi-calendar-week-view__date-button--no-value': !this.dates.includes(dateItem)
-                }, "af-variation": buttonVariation_enum.ButtonVariation.SECONDARY }, index$2.h("span", { class: "digi-calendar-week-view__date-button-content", "aria-hidden": "true" }, index$2.h("span", { class: {
+                }, "af-variation": buttonVariation_enum.ButtonVariation.SECONDARY }, index$1.h("span", { class: "digi-calendar-week-view__date-button-content", "aria-hidden": "true" }, index$1.h("span", { class: {
                     'digi-calendar-week-view__date-button-day': this.selectedDate != dateItem,
                     'digi-calendar-week-view__date-button-day--active': this.selectedDate == dateItem
-                } }, day), index$2.h("span", { class: "digi-calendar-week-view__date-button-date" }, date), index$2.h("span", { "aria-hidden": "true", class: {
+                } }, day), index$1.h("span", { class: "digi-calendar-week-view__date-button-date" }, date), index$1.h("span", { "aria-hidden": "true", class: {
                     'digi-calendar-week-view__date-button-circle': dateItem === this.todaysDate
                 } })))));
-        })))), index$2.h("digi-button", { key: 'dbae5227d0316a5a67febc7de83b1c4c5cfc1044', onClick: () => this.prevWeek(), class: {
+        })))), index$1.h("digi-button", { key: 'dbae5227d0316a5a67febc7de83b1c4c5cfc1044', onClick: () => this.prevWeek(), class: {
                 'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--previous': true,
                 'digi-calendar-week-view__week-button--keep-left': this.currentWeek == getISOWeek(this.maxDate),
                 'digi-calendar-week-view__week-button--hidden': !(this.currentWeek > getISOWeek(this.minDate))
-            }, "af-variation": "secondary" }, index$2.h("digi-icon-chevron-left", { key: '65d0f656a0d35911d39f9b8e9ade224be54d4371', slot: "icon" }), this.prevWeekText), index$2.h("digi-button", { key: '68d9b3d6c929d0185f412add980a542b3c86fbb2', onClick: () => this.nextWeek(), class: {
+            }, "af-variation": "secondary" }, index$1.h("digi-icon-chevron-left", { key: '65d0f656a0d35911d39f9b8e9ade224be54d4371', slot: "icon" }), this.prevWeekText), index$1.h("digi-button", { key: '68d9b3d6c929d0185f412add980a542b3c86fbb2', onClick: () => this.nextWeek(), class: {
                 'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--next': true,
                 'digi-calendar-week-view__week-button--keep-right': this.currentWeek == getISOWeek(this.minDate),
                 'digi-calendar-week-view__week-button--hidden': !(this.currentWeek < getISOWeek(this.maxDate))
-            }, "af-variation": "secondary" }, index$2.h("digi-icon-chevron-right", { key: 'a9e688f815a5053aa709cfeb9359131f73df21c0', slot: "icon-secondary" }), this.nextWeekText)), index$2.h("div", { key: '7d1073f6cd1982fda2ce7dcb60532c94bd1d0634', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, index$2.h("digi-typography", { key: 'db7ce0ca80485df1e4ae67200f2cd90cc80938d5' }, index$2.h("slot", { key: 'f08f447ae89612dfcea56c638024220bc29e7914' })))));
+            }, "af-variation": "secondary" }, index$1.h("digi-icon-chevron-right", { key: 'a9e688f815a5053aa709cfeb9359131f73df21c0', slot: "icon-secondary" }), this.nextWeekText)), index$1.h("div", { key: '7d1073f6cd1982fda2ce7dcb60532c94bd1d0634', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, index$1.h("digi-typography", { key: 'db7ce0ca80485df1e4ae67200f2cd90cc80938d5' }, index$1.h("slot", { key: 'f08f447ae89612dfcea56c638024220bc29e7914' })))));
     }
-    get hostElement() { return index$2.getElement(this); }
+    get hostElement() { return index$1.getElement(this); }
     static get watchers() { return {
         "selectedDate": [{
                 "selectedDateChangeHandler": 0

package/dist/cjs/digi-chart-line.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cn1hHaSy.js');
+var index = require('./index-D09d7Toa.js');
 var text = require('./text-Cu3CaHGj.js');
 var transform = require('./transform-DteoCOaq.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');

package/dist/cjs/{digi-code-block_3.cjs.entry.js → digi-code-block_2.cjs.entry.js}

@@ -1,55 +1,35 @@
 'use strict';
 
-var index = require('./index-Cn1hHaSy.js');
-var codeExampleVariation_enum = require('./code-example-variation.enum-Cq-BioXW.js');
-var typographyVariation_enum = require('./typography-variation.enum-C4i5DFTI.js');
+var index = require('./index-D09d7Toa.js');
+var codeExampleVariation_enum = require('./code-example-variation.enum-BCENTUV2.js');
+var typographyVariation_enum = require('./typography-variation.enum-B05du-qd.js');
 var prismGit = require('./prism-git-BqyC7bKv.js');
 require('./badge-notification-shape.enum-CEyEo2G5.js');
 require('./badge-status-variation.enum-XX8d--rj.js');
-var buttonSize_enum = require('./button-size.enum-DgyvMkwE.js');
-require('./button-type.enum-2UH0KkO-.js');
+require('./form-input-type.enum-B2CsNSBg.js');
 var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
 require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
 require('./bar-chart-variation.enum-BZFN4377.js');
 require('./code-variation.enum-BM-hhQuD.js');
 require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
-require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
 require('./expandable-faq-variation.enum-FEybT9s4.js');
-require('./footer-card-variation.enum-BPnpkC45.js');
-require('./form-checkbox-variation.enum-BfOGU4Qt.js');
-require('./form-file-upload-variation.enum-xcEOoggr.js');
-require('./form-input-search-variation.enum-VVfvlVeM.js');
-require('./form-input-type.enum-DvF_MTHK.js');
-require('./form-select-variation.enum-Chx0EWzg.js');
 require('./form-radiogroup-validation.enum-DBDbjF6N.js');
 require('./form-textarea-variation.enum-BcEyaR5W.js');
-require('./form-validation-message-variation.enum-BA5nmCiw.js');
-require('./info-card-multi-type.enum-DlNiPNfH.js');
-require('./info-card-variation.enum-prsWZkWC.js');
-require('./layout-container-max-width.enum-DqWtU7WK.js');
 require('./layout-block-variation.enum-BldWvnDk.js');
-require('./layout-columns-variation.enum-OgD-hvRN.js');
-require('./link-button-variation.enum-03cHZQxx.js');
 require('./list-type.enum-CkFOn-eB.js');
 require('./loader-skeleton-variation.enum-UvPtdesw.js');
 require('./loader-spinner-size.enum-u5AQs-UJ.js');
-require('./logo-color.enum-BJZv-f6R.js');
 require('./media-figure-alignment.enum-BWO1sg67.js');
 require('./navigation-sidebar-variation.enum-70NIGQoi.js');
-require('./navigation-vertical-menu-variation.enum-7IUICId3.js');
 require('./progress-circle-heading-level.enum-DNlyzNd6.js');
-require('./progress-indicator-heading-level.enum-CNarUduE.js');
 require('./progress-list-item-variation.enum-Dk3YS--x.js');
 require('./progress-list-variation.enum-BvLLJK9O.js');
 require('./progressbar-variation.enum-CnRJPSs7.js');
 require('./quote-image-inner-position.enum-CLifVlj0.js');
 require('./table-variation.enum-DlDZKXbq.js');
-require('./tag-media-icon.enum-DzhiwvjI.js');
 require('./tag-size.enum-DFom3Smn.js');
 require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
 require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
-require('./tools-theme-provider.brand.enum-BzduvCUY.js');
-require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
 require('./typography-meta-variation.enum-lvDemnSz.js');
 require('./typography-time-variation.enum-D2gIVzYH.js');
 require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
@@ -104,7 +84,7 @@ const CodeBlock = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'd4a2f69a550c83923cc29345e6d0015be77918ea', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: 'd7912db4bdb868018b26e59c7bbae4244b28236a', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '484b111ec3fd7893d185633c377a9b6d4f8d3d52', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '95f25d6e32161ba02268abf67040930ba5c5abd4', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'fc454e58b3061884951c6d20541eb16cc6d566d0', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: buttonSize_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: 'b8ea39049f5da02449760433b09651273b14a9d9', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
+        return (index.h("div", { key: 'd4a2f69a550c83923cc29345e6d0015be77918ea', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: 'd7912db4bdb868018b26e59c7bbae4244b28236a', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '484b111ec3fd7893d185633c377a9b6d4f8d3d52', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '95f25d6e32161ba02268abf67040930ba5c5abd4', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'fc454e58b3061884951c6d20541eb16cc6d566d0', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: codeExampleVariation_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: 'b8ea39049f5da02449760433b09651273b14a9d9', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
     }
     static get watchers() { return {
         "afCode": [{
@@ -147,126 +127,5 @@ const FormFieldset = class {
 };
 FormFieldset.style = formFieldsetCss();
 
-const formRadiobuttonCss = () => `@charset "UTF-8";.sc-digi-form-radiobutton-h{--digi--form-radiobutton--border-color:var(--digi--color--border--interactive--default--on-input);--digi--form-radiobutton--border-color--primary:var(--digi--color--border--interactive--selected--primary);--digi--form-radiobutton--border-color--secondary:var(--digi--color--border--interactive--selected--secondary);--digi--form-radiobutton--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--box-shadow--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--background-color:var(--digi--color--background--interactive--default--input-elements);--digi--form-radiobutton--background-color--primary:var(--digi--color--background--interactive--selected--primary);--digi--form-radiobutton--background-color--secondary:var(--digi--color--background--interactive--selected--secondary);--digi--form-radiobutton--background-color--error:var(--digi--color--background--interactive--validation--error);--digi--form-radiobutton--border-width:var(--digi--border-width--primary);--digi--form-radiobutton--color--marker:var(--digi--grayscale--0);--digi--form-radiobutton--size:1.25rem;--digi--form-radiobutton--marker--size:calc(var(--digi--typography--input--font-size--desktop-large) * 0.4);--digi--form-radiobutton--height:var(--digi--input-height--large);--digi--form-radiobutton--border-radius:var(--digi--border-radius--primary);--digi--form-radiobutton--padding:var(--digi--gutter--icon);--digi--form-radiobutton--padding--block:var(--digi--gutter--small);--digi--form-radiobutton--padding--inline:var(--digi--gutter--icon);display:block;width:fit-content}.sc-digi-form-radiobutton-h .digi-form-radiobutton.sc-digi-form-radiobutton{--BACKGROUND--DEFAULT:var(--digi--form-radiobutton--background-color);--BORDER-COLOR--DEFAULT:var(--digi--form-radiobutton--border-color);position:relative}.sc-digi-form-radiobutton-h .digi-form-radiobutton--primary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--primary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--primary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--secondary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--secondary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--secondary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton:not(:checked)~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--error);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--error)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED);box-shadow:0 0 0 var(--digi--border-width--primary) var(--digi--form-radiobutton--box-shadow--error)}.digi-form-radiobutton__input.sc-digi-form-radiobutton{position:absolute;opacity:0;cursor:pointer;height:0;width:0;top:0;left:0}.digi-form-radiobutton__label.sc-digi-form-radiobutton{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--body--font-weight--desktop);cursor:pointer;padding-bottom:0.75rem}.digi-form-radiobutton__circle.sc-digi-form-radiobutton{flex-shrink:0;align-self:flex-start;cursor:pointer;background-color:var(--BACKGROUND--DEFAULT);border-color:var(--BORDER-COLOR--DEFAULT);border-width:var(--digi--form-radiobutton--border-width);border-style:solid;height:var(--digi--form-radiobutton--size);width:var(--digi--form-radiobutton--size);border-radius:var(--digi--form-radiobutton--size);position:relative;transform:translateY(1px)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:focus-visible~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-radiobutton--focus-visible.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton:focus~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton::after{content:"";width:var(--digi--form-radiobutton--marker--size);height:var(--digi--form-radiobutton--marker--size);border-radius:var(--digi--form-radiobutton--marker--size);background:var(--digi--form-radiobutton--color--marker);position:absolute;left:calc(50% - var(--digi--form-radiobutton--marker--size) / 2);top:calc(50% - var(--digi--form-radiobutton--marker--size) / 2)}`;
-
-const FormRadiobutton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afOnChange = index.createEvent(this, "afOnChange", 7);
-        this.afOnBlur = index.createEvent(this, "afOnBlur", 7);
-        this.afOnFocus = index.createEvent(this, "afOnFocus", 7);
-        this.afOnFocusout = index.createEvent(this, "afOnFocusout", 7);
-        this.afOnInput = index.createEvent(this, "afOnInput", 7);
-        this.afOnDirty = index.createEvent(this, "afOnDirty", 7);
-        this.afOnTouched = index.createEvent(this, "afOnTouched", 7);
-        this.afOnReady = index.createEvent(this, "afOnReady", 3);
-        this.dirty = false;
-        this.touched = false;
-        this.focusVisible = false;
-        this.focusMethod = null;
-        /**
-         * Sätter variant. Kan vara 'primary' eller 'secondary'
-         * @en Set radiobutton variation.
-         */
-        this.afVariation = typographyVariation_enum.FormRadiobuttonVariation.PRIMARY;
-        /**
-         * Sätter layouten.
-         * @en Set radiobutton layout.
-         */
-        this.afLayout = typographyVariation_enum.FormRadiobuttonLayout.INLINE;
-        /**
-         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
-         * @en Input id attribute. Defaults to random string.
-         */
-        this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-radiobutton');
-    }
-    onValueChanged(newValue) {
-        this.afChecked = newValue === this.afValue;
-    }
-    onCheckedChanged(checked) {
-        this.afChecked = checked;
-    }
-    onAfCheckedChanged(checked) {
-        this.checked = checked;
-    }
-    /**
-     * Hämta en referens till inputelementet. Bra för att t.ex. sätta fokus programmatiskt.
-     * @en Returns a reference to the input element. Handy for setting focus programmatically.
-     */
-    async afMGetFormControlElement() {
-        return this._input;
-    }
-    /**
-     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
-     * @en Listens for when focus is set on the custom element and propagates it down to the actual input element.
-     */
-    focusOnInput() {
-        this.focusVisible = this.focusMethod !== 'pointer';
-        this._input.focus();
-        this.focusMethod = null;
-    }
-    /**
-     * Lyssnar på pointerdown för att kunna avgöra om fokus sätts via tangentbord eller mus/pekinteraktion.
-     * @en Listens for pointerdown to determine if focus is set via keyboard or mouse/touch interaction.
-     */
-    pointerDownHandler() {
-        this.focusMethod = 'pointer';
-    }
-    componentDidLoad() {
-        this.afOnReady.emit();
-    }
-    get cssModifiers() {
-        return {
-            'digi-form-radiobutton--focus-visible': this.focusVisible,
-            'digi-form-radiobutton--error': this.afValidation === typographyVariation_enum.FormRadiobuttonValidation.ERROR,
-            'digi-form-radiobutton--primary': this.afVariation === typographyVariation_enum.FormRadiobuttonVariation.PRIMARY,
-            'digi-form-radiobutton--secondary': this.afVariation === typographyVariation_enum.FormRadiobuttonVariation.SECONDARY,
-            [`digi-form-radiobutton--layout-${this.afLayout}`]: !!this.afLayout
-        };
-    }
-    blurHandler(e) {
-        if (!this.touched) {
-            this.afOnTouched.emit(e);
-            this.touched = true;
-        }
-        this.afOnBlur.emit(e);
-    }
-    changeHandler(e) {
-        this.afOnChange.emit(e);
-    }
-    focusHandler(e) {
-        this.afOnFocus.emit(e);
-    }
-    focusoutHandler(e) {
-        this.afOnFocusout.emit(e);
-    }
-    inputHandler(e) {
-        if (!this.dirty) {
-            this.afOnDirty.emit(e);
-            this.dirty = true;
-        }
-        this.afOnInput.emit(e);
-    }
-    render() {
-        return (index.h(index.Host, { key: 'fe6fc75d677f52442809001913f012b8aaa7817b', tabindex: -1 }, index.h("div", { key: '87aa662ea170803ea002653f26e03b13c3cbaba4', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '0e138b5b12f6ccd152980395a7ccfad705a0e497', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === typographyVariation_enum.FormRadiobuttonValidation.ERROR
-                ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '14e1da2bd43b84f94497b9529f619a172ba1c0d3', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: '22ed147d6d453f200abfc5f24752e58111b51595', class: "digi-form-radiobutton__circle" }), this.afLabel))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "value": [{
-                "onValueChanged": 0
-            }],
-        "checked": [{
-                "onCheckedChanged": 0
-            }],
-        "afChecked": [{
-                "onAfCheckedChanged": 0
-            }]
-    }; }
-};
-FormRadiobutton.style = formRadiobuttonCss();
-
 exports.digi_code_block = CodeBlock;
 exports.digi_form_fieldset = FormFieldset;
-exports.digi_form_radiobutton = FormRadiobutton;

package/dist/cjs/digi-code-example.cjs.entry.js

@@ -1,13 +1,12 @@
 'use strict';
 
-var index = require('./index-Cn1hHaSy.js');
-var codeExampleVariation_enum = require('./code-example-variation.enum-Cq-BioXW.js');
-var buttonSize_enum = require('./button-size.enum-DgyvMkwE.js');
+var index = require('./index-D09d7Toa.js');
+var codeExampleVariation_enum = require('./code-example-variation.enum-BCENTUV2.js');
 var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
 var text = require('./text-Cu3CaHGj.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
-const codeExampleCss = () => `.sc-digi-code-example-h{--digi--code-example--background:var(--digi--color--background--primary);--digi--code-example--controls--width:16.25rem;display:block}.digi-code-example.sc-digi-code-example{background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px;border:var(--digi--border-width--primary) solid var(--digi--color--divider--primary--light);height:100%;display:flex;flex-direction:row;border-radius:0.3rem;position:relative}@media (max-width: 35.9375rem){.digi-code-example.sc-digi-code-example{min-width:360px}}.digi-code-example--light.sc-digi-code-example{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%)}.digi-code-example--dark.sc-digi-code-example{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__container.sc-digi-code-example{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;position:relative}.digi-code-example--no-controls.sc-digi-code-example{flex-direction:column}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button.sc-digi-code-example{margin-top:0;align-self:flex-end;margin-bottom:0.2rem;z-index:1;position:absolute;bottom:0;right:0}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button--dark.sc-digi-code-example{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary)}.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--largest-2);overflow-x:auto}@media (max-width: 48rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--medium)}}@media (max-width: 35.9375rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--small)}}.digi-code-example__copy-button.sc-digi-code-example{align-self:start;margin-top:var(--digi--padding--large);margin-right:var(--digi--padding--small)}.digi-code-example__codeblock.sc-digi-code-example digi-code-block.sc-digi-code-example{--digi--code-block--border-radius:0;--digi--code-block--border:none}.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--medium);background:var(--digi--color--background--secondary);display:flex;flex:0 var(--digi--code-example--controls--width);flex-direction:column;align-self:stretch;flex-shrink:0;justify-content:space-between;gap:var(--digi--gutter--medium)}@media (max-width: 48rem){.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--smaller)}}.digi-code-example__controls[hidden].sc-digi-code-example{display:none}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__code.sc-digi-code-example{display:flex;flex-direction:column;flex-grow:1}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{flex-grow:1;height:64px;overflow-y:hidden;position:relative}.digi-code-example__code-expand.sc-digi-code-example{display:flex;align-items:center;justify-content:center;gap:var(--digi--gutter--icon);width:100%;padding:0.875rem 0;background:#272727;color:var(--digi--color--text--secondary);font-size:var(--digi--typography--body--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);cursor:pointer;border:none}.digi-code-example__code-expand.sc-digi-code-example:hover{background:var(--digi--grayscale--900);text-decoration:underline}.digi-code-example__code-expand.sc-digi-code-example:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-code-example--no-controls.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{height:64px}.digi-code-example__copy-button.sc-digi-code-example{--digi--button--padding--small:0;--digi--button--padding--medium:0;--digi--button--padding--large:0}.digi-code-example__code-expand-icon.sc-digi-code-example{--digi--icon--color:var(--digi--color--text--secondary);transition:ease-in-out var(--digi--animation--duration--base) all}.digi-code-example__code-expand-icon--open.sc-digi-code-example{transform:rotate(180deg)}.digi-code-example__fade.sc-digi-code-example{position:absolute;width:100%;bottom:0;height:var(--digi--padding--largest-2)}.digi-code-example__fade--light.sc-digi-code-example{background-image:linear-gradient(0deg, white, transparent)}.digi-code-example__fade--dark.sc-digi-code-example{--digi--color--background--inverted-3:#272727;background-image:linear-gradient(0deg, var(--digi--grayscale--900), transparent)}.slot__controls.sc-digi-code-example{margin-bottom:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls{display:flex;flex-direction:column;gap:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls[hidden]{display:none}.sc-digi-code-example-s .slot__controls digi-form-fieldset,.sc-digi-code-example-s .slot__controls digi-form-select,.sc-digi-code-example-s .slot__controls digi-form-fieldset+digi-form-checkbox,.sc-digi-code-example-s .slot__controls .divider{display:block;border-bottom:1px solid var(--digi--color--divider--primary--light);padding-bottom:var(--digi--padding--smaller);margin-bottom:var(--digi--padding--medium)}`;
+const codeExampleCss = () => `:host{--digi--code-example--background:var(--digi--color--background--primary);--digi--code-example--controls--width:16.25rem;display:block}.digi-code-example{background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px;border:var(--digi--border-width--primary) solid var(--digi--color--divider--primary--light);height:100%;display:flex;flex-direction:row;border-radius:0.3rem;position:relative}@media (max-width: 35.9375rem){.digi-code-example{min-width:360px}}.digi-code-example--light{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%)}.digi-code-example__container{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;position:relative}.digi-code-example--no-controls{flex-direction:column}.digi-code-example--no-controls .digi-code-example__copy-button{margin-top:0;align-self:flex-end;margin-bottom:0.2rem;z-index:1;position:absolute;bottom:0;right:0}.digi-code-example--no-controls .digi-code-example__copy-button--dark{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary)}.digi-code-example__example{padding:var(--digi--padding--largest-2);overflow-x:auto}@media (max-width: 48rem){.digi-code-example__example{padding:var(--digi--padding--medium)}}@media (max-width: 35.9375rem){.digi-code-example__example{padding:var(--digi--padding--small)}}.digi-code-example__copy-button{align-self:start;margin-top:var(--digi--padding--large);margin-right:var(--digi--padding--small)}.digi-code-example__codeblock digi-code-block{--digi--code-block--border-radius:0;--digi--code-block--border:none}.digi-code-example__controls{padding:var(--digi--padding--medium);background:var(--digi--color--background--secondary);display:flex;flex:0 var(--digi--code-example--controls--width);flex-direction:column;align-self:stretch;flex-shrink:0;justify-content:space-between;gap:var(--digi--gutter--medium)}@media (max-width: 48rem){.digi-code-example__controls{padding:var(--digi--padding--smaller)}}.digi-code-example__controls[hidden]{display:none}.digi-code-example--inactive .digi-code-example__code{display:flex;flex-direction:column;flex-grow:1}.digi-code-example--inactive .digi-code-example__codeblock{flex-grow:1;height:64px;overflow-y:hidden;position:relative}.digi-code-example__code-expand{display:flex;align-items:center;justify-content:center;gap:var(--digi--gutter--icon);width:100%;padding:0.875rem 0;background:#272727;color:var(--digi--color--text--secondary);font-size:var(--digi--typography--body--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);cursor:pointer;border:none}.digi-code-example__code-expand:hover{background:var(--digi--grayscale--900);text-decoration:underline}.digi-code-example__code-expand:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-code-example--no-controls.digi-code-example--inactive .digi-code-example__codeblock{height:64px}.digi-code-example__copy-button{--digi--button--padding--small:0;--digi--button--padding--medium:0;--digi--button--padding--large:0}.digi-code-example__code-expand-icon{--digi--icon--color:var(--digi--color--text--secondary);transition:ease-in-out var(--digi--animation--duration--base) all}.digi-code-example__code-expand-icon--open{transform:rotate(180deg)}.digi-code-example__fade{position:absolute;width:100%;bottom:0;height:var(--digi--padding--largest-2)}.digi-code-example__fade--light{background-image:linear-gradient(0deg, white, transparent)}.digi-code-example__fade--dark{--digi--color--background--inverted-3:#272727;background-image:linear-gradient(0deg, var(--digi--grayscale--900), transparent)}.slot__controls{margin-bottom:var(--digi--padding--smaller)}::slotted(* .slot__controls){display:flex;flex-direction:column;gap:var(--digi--padding--smaller)}::slotted(* .slot__controls[hidden]){display:none}::slotted(* .slot__controls digi-form-fieldset),::slotted(* .slot__controls digi-form-select),::slotted(* .slot__controls digi-form-fieldset+digi-form-checkbox),::slotted(* .slot__controls .divider){display:block;border-bottom:1px solid var(--digi--color--divider--primary--light);padding-bottom:var(--digi--padding--smaller);margin-bottom:var(--digi--padding--medium)}`;
 
 const CodeExample = class {
     constructor(hostRef) {
@@ -139,26 +138,26 @@ const CodeExample = class {
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (index.h("div", { key: '64b359db9b5ce07f09ec04965ec86ae5055e08dd', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, index.h("div", { key: 'dccf1c981f42652cadc5761db4a25ee3e250ece3', class: {
+        return (index.h("div", { key: 'c8beee9d39ad65463eb78fdaf9d61f48dc47ccf3', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, index.h("div", { key: 'f4e8fe5c000bf8c443b025a7b987016b6befce05', class: {
                 'digi-code-example__container': true
-            } }, index.h("div", { key: '5adc1e437c61314cbb90460e126aa690b3cb40bb', class: "digi-code-example__example" }, index.h("slot", { key: '630621134cd53d1e0523f785023178f4f3f03251' })), !this.afHideCode && (index.h("div", { key: '5530e6d9df1e69c6c365c435f6165311869d8198', class: "digi-code-example__code" }, this.showMoreButton && (index.h("button", { key: '6f09b11e1c38d9e05f9191046093d38597d7296a', class: "digi-code-example__code-expand", "aria-label": this.isActive ? text._t.code.show_less : text._t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? text._t.code.show_less : text._t.code.show_more, ' ', index.h("digi-icon-chevron-down", { key: '2d813db7f159d0e2a35c0949eb58b8a56e886a22', class: {
+            } }, index.h("div", { key: 'c15bd16acb94723f5484b21852dc1bdd3985cdba', class: "digi-code-example__example" }, index.h("slot", { key: 'af94801b00454401a1ffaf9f9ff783a9b803583c' })), !this.afHideCode && (index.h("div", { key: '671d5ec1d0e3109cc5adf52399aff5cde7ed7b5b', class: "digi-code-example__code" }, this.showMoreButton && (index.h("button", { key: '73449b24bbffae8b664543c1e78a482608affb2f', class: "digi-code-example__code-expand", "aria-label": this.isActive ? text._t.code.show_less : text._t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? text._t.code.show_less : text._t.code.show_more, ' ', index.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" }))), index.h("div", { key: 'c0bfcdb5072c09f74fecb30e49d5f21e02361e5e', class: {
+            }, "aria-hidden": "true" }))), index.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
-            } }, index.h("digi-code-block", { key: '3f0fd153637ab48268081008ef0d5b9f56efb407', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (index.h("div", { class: {
+            } }, index.h("digi-code-block", { key: '03fbdc9df45937812d2172b8c310dfb4097cad97', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (index.h("div", { class: {
                 'digi-code-example__fade': true,
                 'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'
             }, onClick: () => this.toggleButtonClickHandler() })) : (''))))), this.hasControls || !!this.codeExampleLanguages ? (index.h("div", { class: {
                 'digi-code-example__controls': true
-            }, hidden: !!this.afHideControls }, index.h("span", null, index.h("slot", { name: "controls" }), index.h("div", { class: "slot__controls" }, this.codeExampleLanguages && (index.h("digi-form-fieldset", { "af-legend": text._t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (index.h("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), index.h("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": buttonSize_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy))) : (!this.afHideControls && (index.h("digi-button", { class: {
+            }, hidden: !!this.afHideControls }, index.h("span", null, index.h("slot", { name: "controls" }), index.h("div", { class: "slot__controls" }, this.codeExampleLanguages && (index.h("digi-form-fieldset", { "af-legend": text._t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (index.h("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), index.h("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": codeExampleVariation_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy))) : (!this.afHideControls && (index.h("digi-button", { class: {
                 'digi-code-example__copy-button': true,
                 'digi-code-example__copy-button--dark': this.afCodeBlockVariation === 'dark'
-            }, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": buttonSize_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
+            }, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": codeExampleVariation_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-code.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cn1hHaSy.js');
+var index = require('./index-D09d7Toa.js');
 var codeVariation_enum = require('./code-variation.enum-BM-hhQuD.js');
 var prismGit = require('./prism-git-BqyC7bKv.js');