@getflip/swirl-components 0.71.1 → 0.71.3

package/dist/collection/components/swirl-date-picker/swirl-date-picker.css

@@ -237,43 +237,43 @@
 .date-picker__date--in-range:not(.date-picker__date--selected):after {
     position: absolute;
     border-radius: 0px;
-    background-color: var(--s-surface-highlight-default);
+    background-color: var(--s-action-primary-default);
     content: "";
     opacity: 0.2;
     inset: 0.0625rem 0px;
   }
 
 .date-picker__date--start:not(.date-picker__date--end) {
-    color: var(--s-text-on-surface-highlight);
+    color: var(--s-text-on-action-primary);
   }
 
 .date-picker__date--start:not(.date-picker__date--end):before {
-      background-color: var(--s-surface-highlight-default);
+      background-color: var(--s-action-primary-default);
     }
 
 .date-picker__date--start:not(.date-picker__date--end):after {
       position: absolute;
       z-index: -1;
       border-radius: 0;
-      background-color: var(--s-surface-highlight-default);
+      background-color: var(--s-action-primary-default);
       content: "";
       opacity: 0.2;
       inset: 0.0625rem 0 0.0625rem 50%;
     }
 
 .date-picker__date--end:not(.date-picker__date--start) {
-    color: var(--s-text-on-surface-highlight);
+    color: var(--s-text-on-action-primary);
   }
 
 .date-picker__date--end:not(.date-picker__date--start):before {
-      background-color: var(--s-surface-highlight-default);
+      background-color: var(--s-action-primary-default);
     }
 
 .date-picker__date--end:not(.date-picker__date--start):after {
       position: absolute;
       z-index: -1;
       border-radius: 0;
-      background-color: var(--s-surface-highlight-default);
+      background-color: var(--s-action-primary-default);
       content: "";
       opacity: 0.2;
       inset: 0.0625rem 50% 0.0625rem 0;

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);
 }