npm - @duetds/components - Versions diffs - 8.4.8 → 8.5.0 - Mend

@duetds/components 8.4.8 → 8.5.0

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 (668) hide show

package/lib/collection/components/duet-choice/duet-choice.js CHANGED Viewed

@@ -298,7 +298,7 @@ export class DuetChoice {
             } }, h("input", { class: "duet-choice-input", type: this.type, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, disabled: this.getDisabled(), required: this.required, id: identifier, name: this.name, value: this.value, checked: this.checked, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedby(), onKeyDown: this.handleKeyDown, ref: input => (this.nativeInput = input) }), h("label", { htmlFor: identifier, class: { "duet-choice-label": true, "has-before-text": this.hasBeforeText }, onClick: this.onClick }, this.hasBeforeText && h("slot", { name: "before-text" }), this.icon && (h("div", { class: "duet-choice-card-icon" }, h("duet-icon", { margin: "none", size: "small", name: this.icon, color: "currentColor" }))), h("div", { class: "duet-choice-card-text" }, choiceGroupLabel && h("duet-visually-hidden", null, choiceGroupLabel, ", "), h("div", null, this.hasLabel ? h("slot", { name: "label" }) : this.label), this.caption && (h("div", null, h("duet-spacer", { size: "xx-small" }), h("duet-caption", { margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (h("div", null, h("duet-spacer", { size: "xx-small" }), h("slot", { name: "additional" })))), h("div", null, h("div", { class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && h("div", { class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (h("button", { ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
                 "duet-choice-info-toggle": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, "aria-flowto": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button" }, h("duet-visually-hidden", { "aria-hidden": !this.isBlurred ? "true" : "false" }, this.accessibleLabelInfoButton), h("div", { class: "duet-choice-info-icon" }, h("duet-icon", { icon: infoIcon.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (h("span", { id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (h("div", { class: this.getClassNames(), id: this.expandId }, h("span", { class: {
+            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button" }, h("duet-visually-hidden", { "aria-hidden": !this.isBlurred ? "true" : "false" }, this.accessibleLabelInfoButton), h("div", { class: "duet-choice-info-icon" }, h("duet-icon", { icon: infoIcon.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (h("span", { id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (h("div", { class: this.getClassNames(), id: this.expandId }, h("span", { class: {
                 "duet-choice-section-visible": this.collapsible ? this.getExpanded() : this.isInfoOpen,
                 "duet-choice-section-hidden": this.collapsible ? !this.getExpanded() : !this.isInfoOpen,
             } }, h("span", { id: this.headerId }, h("slot", { name: "header" })), this.hasInfo ? (h("span", { ref: span => (this.infoContainer = span), tabindex: "0", class: "duet-choice-info-container" }, h("span", { "aria-relevant": "all", "aria-atomic": "true", "aria-live": this.isInfoOpen ? "polite" : "off" }, h("slot", { name: "info" })), h("slot", null))) : (h("span", { id: `${this.choiceId}-collapsible-content` }, h("slot", null)))), this.isInfoOpen && h(FocusGuard, { moveFocusTo: this.infoButtonEl }))) : null));
@@ -1015,7 +1015,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1036,7 +1036,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1057,7 +1057,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }

package/lib/collection/components/duet-choice-group/duet-choice-group.js CHANGED Viewed

@@ -59,7 +59,7 @@ export class DuetChoiceGroup {
         if (Build.isServer) {
             return;
         }
-        this.initialValue = this.value;
+        this.setInitialValue();
         this.updateChoices();
     }
     disconnectedCallback() {
@@ -75,6 +75,11 @@ export class DuetChoiceGroup {
         inheritGlobalTheme(this);
         checkNamedSlotElement(this.element, "tooltip", "duet-tooltip", 1, true);
     }
+    setInitialValue() {
+        if (typeof this.initialValue === "undefined") {
+            this.initialValue = this.value;
+        }
+    }
     /**
      * Local methods
      */
@@ -459,6 +464,9 @@ export class DuetChoiceGroup {
     static get elementRef() { return "element"; }
     static get watchers() {
         return [{
+                "propName": "value",
+                "methodName": "setInitialValue"
+            }, {
                 "propName": "value",
                 "methodName": "updateChoices"
             }, {

package/lib/collection/components/duet-collapsible/duet-collapsible.js CHANGED Viewed

@@ -231,7 +231,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleWeight": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleWeight"
                         }
                     }
@@ -255,7 +255,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleHeadingFontSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleHeadingFontSize"
                         }
                     }
@@ -355,7 +355,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleToggleEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleToggleEvent"
                         }
                     }

package/lib/collection/components/duet-combobox/duet-combobox.js CHANGED Viewed

@@ -503,7 +503,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     }
@@ -623,7 +623,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxEvent"
                         }
                     }
@@ -647,7 +647,7 @@ export class DuetCombobox {
                         },
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     },

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js CHANGED Viewed

@@ -117,7 +117,7 @@ export class DuetCookieConsent {
                     "references": {
                         "DuetCookieConsentEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
                             "id": "src/components/duet-cookie-consent/duet-cookie-consent.tsx::DuetCookieConsentEvent"
                         }
                     }

package/lib/collection/components/duet-date-picker/duet-date-picker.js CHANGED Viewed

@@ -762,7 +762,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerDirection": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerDirection"
                         }
                     }
@@ -937,7 +937,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerChangeEvent"
                         }
                     }
@@ -958,7 +958,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerFocusEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
                         }
                     }
@@ -979,7 +979,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerFocusEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
                         }
                     }

package/lib/collection/components/duet-divider/duet-divider.js CHANGED Viewed

@@ -76,7 +76,7 @@ export class DuetDivider {
                     "references": {
                         "DuetDividerMargin": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-divider/duet-divider.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-divider/duet-divider.tsx",
                             "id": "src/components/duet-divider/duet-divider.tsx::DuetDividerMargin"
                         }
                     }

package/lib/collection/components/duet-editable-table/duet-editable-table.js CHANGED Viewed

@@ -304,7 +304,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableActions": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableActions"
                         }
                     }
@@ -329,7 +329,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableColumns": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableColumns"
                         }
                     }
@@ -354,7 +354,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableRows": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableRows"
                         }
                     }
@@ -490,7 +490,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetTableToggleEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableToggleEvent"
                         }
                     }
@@ -511,7 +511,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetTableMenuEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableMenuEvent"
                         }
                     }

package/lib/collection/components/duet-empty-state/duet-empty-state.js CHANGED Viewed

@@ -97,7 +97,7 @@ export class DuetEmptyState {
                     "references": {
                         "DuetEmptyStateSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-empty-state/duet-empty-state.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-empty-state/duet-empty-state.tsx",
                             "id": "src/components/duet-empty-state/duet-empty-state.tsx::DuetEmptyStateSize"
                         }
                     }

package/lib/collection/components/duet-file-chooser/duet-file-chooser.js CHANGED Viewed

@@ -137,7 +137,7 @@ export class DuetUploadItem {
                     "references": {
                         "DuetFileChooserEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-file-chooser/duet-file-chooser.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-file-chooser/duet-file-chooser.tsx",
                             "id": "src/components/duet-file-chooser/duet-file-chooser.tsx::DuetFileChooserEvent"
                         }
                     }

package/lib/collection/components/duet-footer/duet-footer.js CHANGED Viewed

@@ -177,7 +177,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterVariation": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterVariation"
                         }
                     }
@@ -392,7 +392,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -413,7 +413,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -434,7 +434,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -455,7 +455,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -476,7 +476,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterAnalyticsEvent"
                         }
                     }
@@ -497,7 +497,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }

package/lib/collection/components/duet-grid/duet-grid.css CHANGED Viewed

@@ -360,120 +360,120 @@
     grid-column: 1/span 12;
   }
 }
-:host(.duet-grid-variation-grid).duet-grid-template-sidebar-right::slotted(:nth-child(1)) {
+:host(.duet-grid-variation-grid).duet-grid-template-sidebar-right::slotted(:nth-child(odd)) {
   grid-column: 1/span 4;
 }
 @media (min-width: 48em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-right::slotted(:nth-child(1)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-right::slotted(:nth-child(odd)) {
     grid-column: 1/span 8;
   }
 }
 @media (min-width: 62em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-right::slotted(:nth-child(1)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-right::slotted(:nth-child(odd)) {
     grid-column: 1/span 8;
   }
 }
-:host(.duet-grid-variation-grid).duet-grid-template-sidebar-right::slotted(:nth-child(2)) {
+:host(.duet-grid-variation-grid).duet-grid-template-sidebar-right::slotted(:nth-child(even)) {
   grid-column: 1/span 4;
 }
 @media (min-width: 48em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-right::slotted(:nth-child(2)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-right::slotted(:nth-child(even)) {
     grid-column: 1/span 8;
   }
 }
 @media (min-width: 62em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-right::slotted(:nth-child(2)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-right::slotted(:nth-child(even)) {
     grid-column: 9/span 4;
   }
 }
-:host(.duet-grid-variation-grid).duet-grid-template-sidebar-left::slotted(:nth-child(1)) {
+:host(.duet-grid-variation-grid).duet-grid-template-sidebar-left::slotted(:nth-child(odd)) {
   grid-column: 1/span 4;
 }
 @media (min-width: 48em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-left::slotted(:nth-child(1)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-left::slotted(:nth-child(odd)) {
     grid-column: 1/span 8;
   }
 }
 @media (min-width: 62em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-left::slotted(:nth-child(1)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-left::slotted(:nth-child(odd)) {
     grid-column: 1/span 4;
   }
 }
-:host(.duet-grid-variation-grid).duet-grid-template-sidebar-left::slotted(:nth-child(2)) {
+:host(.duet-grid-variation-grid).duet-grid-template-sidebar-left::slotted(:nth-child(even)) {
   grid-column: 1/span 4;
 }
 @media (min-width: 48em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-left::slotted(:nth-child(2)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-left::slotted(:nth-child(even)) {
     grid-column: 1/span 8;
   }
 }
 @media (min-width: 62em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-left::slotted(:nth-child(2)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-sidebar-left::slotted(:nth-child(even)) {
     grid-column: 5/span 8;
   }
 }
-:host(.duet-grid-variation-grid).duet-grid-template-two-columns::slotted(:nth-child(1)) {
+:host(.duet-grid-variation-grid).duet-grid-template-two-columns::slotted(:nth-child(odd)) {
   grid-column: 1/span 4;
 }
 @media (min-width: 48em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-two-columns::slotted(:nth-child(1)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-two-columns::slotted(:nth-child(odd)) {
     grid-column: 1/span 4;
   }
 }
 @media (min-width: 62em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-two-columns::slotted(:nth-child(1)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-two-columns::slotted(:nth-child(odd)) {
     grid-column: 1/span 6;
   }
 }
-:host(.duet-grid-variation-grid).duet-grid-template-two-columns::slotted(:nth-child(2)) {
+:host(.duet-grid-variation-grid).duet-grid-template-two-columns::slotted(:nth-child(even)) {
   grid-column: 1/span 4;
 }
 @media (min-width: 48em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-two-columns::slotted(:nth-child(2)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-two-columns::slotted(:nth-child(even)) {
     grid-column: 5/span 4;
   }
 }
 @media (min-width: 62em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-two-columns::slotted(:nth-child(2)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-two-columns::slotted(:nth-child(even)) {
     grid-column: 7/span 6;
   }
 }
-:host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(1)) {
+:host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(3n+1)) {
   grid-column: 1/span 4;
 }
 @media (min-width: 48em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(1)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(3n+1)) {
     grid-column: 1/span 8;
   }
 }
 @media (min-width: 62em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(1)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(3n+1)) {
     grid-column: 1/span 4;
   }
 }
-:host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(2)) {
+:host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(3n+2)) {
   grid-column: 1/span 4;
 }
 @media (min-width: 48em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(2)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(3n+2)) {
     grid-column: 1/span 8;
   }
 }
 @media (min-width: 62em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(2)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(3n+2)) {
     grid-column: 5/span 4;
   }
 }
-:host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(3)) {
+:host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(3n+3)) {
   grid-column: 1/span 4;
 }
 @media (min-width: 48em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(3)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(3n+3)) {
     grid-column: 1/span 8;
   }
 }
 @media (min-width: 62em) {
-  :host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(3)) {
+  :host(.duet-grid-variation-grid).duet-grid-template-three-columns::slotted(:nth-child(3n+3)) {
     grid-column: 9/span 4;
   }
 }

package/lib/collection/components/duet-grid/duet-grid.js CHANGED Viewed

@@ -257,7 +257,7 @@ export class DuetGrid {
                     "references": {
                         "DuetGridAlignment": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridAlignment"
                         }
                     }
@@ -281,7 +281,7 @@ export class DuetGrid {
                     "references": {
                         "DuetGridDistribution": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridDistribution"
                         }
                     }
@@ -305,7 +305,7 @@ export class DuetGrid {
                     "references": {
                         "DuetGridMobileAlignment": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridMobileAlignment"
                         }
                     }