npm - @getflip/swirl-components - Versions diffs - 0.129.1 → 0.131.0 - Mend

@getflip/swirl-components 0.129.1 → 0.131.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 (862) hide show

package/dist/cjs/swirl-table-row-group.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const swirlTableRowGroupCss = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}.table-row-group__header-row{padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm)}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}";

package/dist/cjs/swirl-table-row.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const index$1 = require('./index-2ddd0598.js');
 const utils = require('./utils-2b6367e4.js');

package/dist/cjs/swirl-table.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const utils = require('./utils-2b6367e4.js');
 /* global setTimeout, clearTimeout */

package/dist/cjs/swirl-tabs.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const swirlTabsCss = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}";

package/dist/cjs/swirl-text-input.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const index$1 = require('./index-2ddd0598.js');
 const utils = require('./utils-2b6367e4.js');

package/dist/cjs/swirl-text.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index$1 = require('./index-506fe4ea.js');
+const index$1 = require('./index-1de6abbd.js');
 const index = require('./index-2ddd0598.js');
 var balancetext = index.createCommonjsModule(function (module) {

package/dist/cjs/swirl-theme-provider.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const swirlThemeProviderCss = ".sc-swirl-theme-provider-h{display:block}";

package/dist/cjs/swirl-time-input.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const index$1 = require('./index-2ddd0598.js');
 const maska = require('./maska-895c9954.js');
 const utils = require('./utils-2b6367e4.js');
@@ -13,6 +13,8 @@ const internalTimeFormat = "HH:mm:ss";
 const SwirlTimeInput = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.inputBlur = index.createEvent(this, "inputBlur", 7);
+    this.inputFocus = index.createEvent(this, "inputFocus", 7);
     this.valueChange = index.createEvent(this, "valueChange", 7);
     this.desktopMediaQuery = utils.getDesktopMediaQuery();
     this.desktopMediaQueryHandler = (event) => {
@@ -40,6 +42,7 @@ const SwirlTimeInput = class {
       this.valueChange.emit(newValue);
     };
     this.onBlur = (event) => {
+      this.inputBlur.emit(event);
       const input = event.target;
       const dateValue = maska.parse(input.value, this.format, new Date());
       if (!maska.isValid(dateValue) && Boolean(this.value)) {
@@ -59,6 +62,7 @@ const SwirlTimeInput = class {
       event.preventDefault();
     };
     this.onFocus = (event) => {
+      this.inputFocus.emit(event);
       this.handleAutoSelect(event);
     };
     this.autoFocus = undefined;

package/dist/cjs/swirl-toast-provider.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const SwirlToastProvider = class {
   constructor(hostRef) {

package/dist/cjs/swirl-toast.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const index$1 = require('./index-2ddd0598.js');
 const utils = require('./utils-2b6367e4.js');

package/dist/cjs/swirl-toolbar.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const utils = require('./utils-2b6367e4.js');
 const swirlToolbarCss = ":host{display:block}:host *{box-sizing:border-box}";

package/dist/cjs/swirl-tooltip.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-39236b6a.js');
 const swirlTooltipCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.tooltip{display:inline-flex}.tooltip .tooltip__reference{display:inline-flex}.tooltip__popper{position:absolute;z-index:var(--s-z-40);max-width:17.5rem}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);animation:tooltip-fade-in 0.2s;animation-delay:0.1s;animation-fill-mode:forwards;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tooltip__bubble{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tooltip__arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--s-surface-neutral-default)}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}";

package/dist/cjs/swirl-tree-navigation-item.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const index$1 = require('./index-2ddd0598.js');
 const swirlTreeNavigationItemCss = ":host{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;color:var(--s-text-default);background-color:transparent;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);cursor:pointer;gap:calc(var(--s-space-8) - var(--s-space-2))}:host(:hover){background-color:var(--s-surface-hovered)}:host(:active){background-color:var(--s-surface-pressed)}:host(:focus){outline:none}:host(:focus-visible) .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}:host(.tree-navigation-item--active){background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-border-highlight)}:host(.tree-navigation-item--active:hover){background-color:var(--s-surface-raised-hovered)}:host(.tree-navigation-item--active:active){background-color:var(--s-surface-raised-pressed)}:host(.tree-navigation-item--has-icon){padding-left:var(--s-space-16)}:host *{box-sizing:border-box}.tree-navigation-item__icon{display:inline-flex}.tree-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;padding-right:var(--s-space-2);padding-left:var(--s-space-2)}";

package/dist/cjs/swirl-video-thumbnail.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const swirlVideoThumbnailCss = ":host {\n  display: flex;\n  width: 100%;\n}\n\n  :host * {\n    box-sizing: border-box;\n  }\n\n.video-thumbnail {\n  position: relative;\n  display: inline-flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  container-type: inline-size;\n  container-name: video-thumbnail;\n}\n\n.video-thumbnail:after {\n    position: absolute;\n    background-color: rgba(0, 0, 0, 0.05);\n    content: \"\";\n    inset: 0;\n  }\n\n.video-thumbnail:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n.video-thumbnail:focus-visible {\n    outline-color: var(--s-focus-default);\n    outline-offset: var(--s-space-4);\n  }\n\n.video-thumbnail__image {\n  width: 100%;\n}\n\n.video-thumbnail__duration {\n  position: absolute;\n  bottom: var(--s-space-8);\n  left: var(--s-space-8);\n  padding: var(--s-space-2) var(--s-space-8);\n  border-radius: var(--s-border-radius-sm);\n  color: var(--s-text-on-image);\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\n    rgba(255, 255, 255, 0.1);\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n  letter-spacing: var(--s-letter-spacing-tighter);\n}\n\n.video-thumbnail__play-icon {\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  left: 50%;\n  width: 2.5rem;\n  height: 2.5rem;\n  transform: translate3d(-50%, -50%, 0);\n}\n\n@container video-thumbnail (min-width: 448px) {\n  .video-thumbnail__play-icon {\n    width: 3.5rem;\n    height: 4.5rem;\n  }\n}\n";

package/dist/cjs/swirl-visually-hidden.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 const swirlVisuallyHiddenCss = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}";

package/dist/cjs/wc-datepicker.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-506fe4ea.js');
+const index = require('./index-1de6abbd.js');
 function addDays(date, days) {
   const newDate = new Date(date);