@getflip/swirl-components 0.71.2 → 0.71.4

package/dist/collection/components/swirl-resource-list-item/swirl-resource-list-item.css

@@ -103,9 +103,14 @@
     background-color: var(--s-surface-overlay-pressed);
   }
 
+.resource-list-item--disabled.resource-list-item--checked .resource-list-item__checkbox {
+      border-color: var(--s-icon-disabled);
+      background-color: var(--s-icon-disabled);
+    }
+
 .resource-list-item--disabled .resource-list-item__checkbox {
     border-color: var(--s-icon-disabled);
-    background-color: var(--s-icon-disabled);
+    background-color: transparent;
   }
 
 .resource-list-item--disabled .resource-list-item__checkbox-icon {

package/dist/collection/components/swirl-select/swirl-select.js

@@ -58,7 +58,7 @@ export class SwirlSelect {
     this.options = querySelectorAllDeep(this.el, "swirl-option-list-item");
   }
   render() {
-    var _a, _b;
+    var _a, _b, _c;
     const label = Boolean(this.value)
       ? (_a = this.value) === null || _a === void 0 ? void 0 : _a.map((value) => { var _a; return (_a = this.options.find((option) => option.value === value)) === null || _a === void 0 ? void 0 : _a.label; }).join(", ")
       : "";
@@ -74,7 +74,7 @@ export class SwirlSelect {
       "select--inline": this.inline,
       "select--multi": this.multiSelect,
     });
-    return (h(Host, { onKeyDown: this.onKeyDown }, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, id: `trigger-${this.selectId}`, readOnly: true, type: "text", value: label }), h("span", { class: "select__multi-select-values" }, (_b = this.value) === null || _b === void 0 ? void 0 : _b.map((value) => this.options.find((option) => option.value === value)).map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option === null || option === void 0 ? void 0 : option.label,
+    return (h(Host, { onKeyDown: this.onKeyDown }, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, id: `trigger-${this.selectId}`, readOnly: true, type: "text", value: label }), h("span", { class: "select__multi-select-values" }, (_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.map((value) => this.options.find((option) => option.value === value))) === null || _c === void 0 ? void 0 : _c.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option === null || option === void 0 ? void 0 : option.label,
       // eslint-disable-next-line react/jsx-no-bind
       onRemove: () => this.unselectOption(option === null || option === void 0 ? void 0 : option.value), removable: !this.disabled })))), h("span", { class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", null)) : (h("swirl-icon-expand-more", null))), h("swirl-popover", { animation: "scale-in-y", class: "select__popover", label: this.label, offset: [0, offset], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, popoverId: `select-options-${this.selectId}`, ref: (el) => (this.popover = el), trigger: `trigger-${this.selectId}`, useContainerWidth: "swirl-form-control" }, h("swirl-option-list", { onValueChange: this.select, multiSelect: this.multiSelect, value: this.value }, h("slot", { onSlotchange: this.onSlotChange }))))));
   }

package/dist/collection/components/swirl-table/swirl-table.css

@@ -53,9 +53,6 @@
   flex-grow: 1;
   flex-shrink: 1;
   align-items: center;
-  border-right: var(--s-border-width-default) solid var(--s-border-default);
-  border-bottom: var(--s-border-width-default) solid var(--s-border-default);
-  border-left: var(--s-border-width-default) solid var(--s-border-default);
   background-color: var(--s-surface-default);
 }