skateui - npm Package Compare versions

Comparing version 0.1.109 to 0.1.110

dist/cjs/sui-button_7.cjs.entry.js

@@ -1005,3 +1005,3 @@ 'use strict';
 
-const suiSelectCss = ":host([multiple]){padding:0.66em;box-shadow:-1px -1px 2px -1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.33), inset 0 0 0 1px rgba(0, 0, 0, 0.25);overflow:hidden}:host{user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:bottom;display:inline-block;width:12em;line-height:1.2;font-size:inherit;padding:0.6em 0.66em;border-radius:4px;box-sizing:border-box;font-family:system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;box-shadow:inset 1px 1px 2px rgba(255, 255, 255, 0.5), inset -1px -1px 2px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.25);background-color:transparent;color:inherit}:host div{position:relative;display:flex;align-items:center}:host slot option{color:black;background-color:white}:host svg{user-select:none;pointer-events:none;width:0.75em;color:inherit;position:absolute;right:0;opacity:0.88;display:block;line-height:1em}:host span{user-select:none;pointer-events:none;width:100%;position:absolute;align-items:center}:host span::after{content:attr(data-selected);display:inline-block;vertical-align:baseline;width:100%;line-height:normal;flex:1 1 auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host([disabled]){box-shadow:none;background-color:rgba(128, 128, 128, 0.5);filter:grayscale(1)}";
+const suiSelectCss = ":host([multiple]){padding:0.66em;box-shadow:-1px -1px 2px -1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.33), inset 0 0 0 1px rgba(0, 0, 0, 0.25);overflow:hidden}:host{user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:bottom;display:inline-block;width:12em;line-height:1.2;font-size:inherit;padding:0.6em 0.66em;border-radius:4px;box-sizing:border-box;font-family:system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;box-shadow:inset 1px 1px 2px rgba(255, 255, 255, 0.5), inset -1px -1px 2px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.25);background-color:transparent;color:inherit}:host div{position:relative;display:flex;align-items:center;justify-content:space-between}:host svg{user-select:none;pointer-events:none;width:0.75em;color:inherit;position:absolute;right:0;opacity:0.88;display:block;line-height:1em}:host span{user-select:none;pointer-events:none;width:100%;position:absolute;align-items:center}:host span::after{content:attr(data-selected);display:inline-block;vertical-align:baseline;width:100%;line-height:normal;flex:1 1 auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host([disabled]){box-shadow:none;background-color:rgba(128, 128, 128, 0.5);filter:grayscale(1)}";
 
@@ -1053,5 +1053,2 @@ const SuiSelect = class {
       }
-      if (!this.isMultiple) {
-        select.style.setProperty('color', 'rgba(0 0 0 / 0%)');
-      }
       this.host.append(select);
@@ -1107,2 +1104,3 @@ return select;
         }).join(' '), 'important');
+        this.el.style.setProperty('padding-right', `calc(${padding[1]}px + 1em)`, 'important');
       },
@@ -1125,3 +1123,3 @@ appendIdToSlotElement: true,
   render() {
-    return (index.h(index.Host, null, index.h("div", null, index.h("span", { "data-selected": this.valueDisplay, style: { display: this.isMultiple ? 'none' : 'flex', width: `calc(100% - ${this.isMultiple ? 0 : 0.75}em)` } }), index.h("svg", { style: { display: this.isMultiple ? 'none' : 'block' }, fill: "currentColor", viewBox: "0 -100 700 700", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "m81.957 144.91 252.97 305.17c4.7695 5.293 10.496 7.9336 17.16 7.9336 6.1875 0 11.676-2.6445 16.438-7.9453l250.12-305.17c6.1875-8.4844 7.3984-17.746 3.5742-27.82-3.8008-10.051-10.703-15.094-20.727-15.094l-202.93 0.003906h-300.16c-9.5352 0-16.438 5.0391-20.727 15.094-3.8008 10.078-2.3672 19.355 4.2852 27.828z" })), index.h("slot", null))));
+    return (index.h(index.Host, null, index.h("div", null, index.h("svg", { style: { display: this.isMultiple ? 'none' : 'block' }, fill: "currentColor", viewBox: "0 -100 700 700", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "m81.957 144.91 252.97 305.17c4.7695 5.293 10.496 7.9336 17.16 7.9336 6.1875 0 11.676-2.6445 16.438-7.9453l250.12-305.17c6.1875-8.4844 7.3984-17.746 3.5742-27.82-3.8008-10.051-10.703-15.094-20.727-15.094l-202.93 0.003906h-300.16c-9.5352 0-16.438 5.0391-20.727 15.094-3.8008 10.078-2.3672 19.355 4.2852 27.828z" })), index.h("slot", null))));
   }
@@ -1128,0 +1126,0 @@ get host() { return index.getElement(this); }

dist/collection/components/sui-select/sui-select.js

@@ -48,3 +48,3 @@ import { Host, h } from '@stencil/core';
       if (!this.isMultiple) {
-        select.style.setProperty('color', 'rgba(0 0 0 / 0%)');
+        // select.style.setProperty('color', 'rgba(0 0 0 / 0%)');
       }
@@ -101,2 +101,3 @@ this.host.append(select);
         }).join(' '), 'important');
+        this.el.style.setProperty('padding-right', `calc(${padding[1]}px + 1em)`, 'important');
       },
@@ -119,3 +120,3 @@ appendIdToSlotElement: true,
   render() {
-    return (h(Host, null, h("div", null, h("span", { "data-selected": this.valueDisplay, style: { display: this.isMultiple ? 'none' : 'flex', width: `calc(100% - ${this.isMultiple ? 0 : 0.75}em)` } }), h("svg", { style: { display: this.isMultiple ? 'none' : 'block' }, fill: "currentColor", viewBox: "0 -100 700 700", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m81.957 144.91 252.97 305.17c4.7695 5.293 10.496 7.9336 17.16 7.9336 6.1875 0 11.676-2.6445 16.438-7.9453l250.12-305.17c6.1875-8.4844 7.3984-17.746 3.5742-27.82-3.8008-10.051-10.703-15.094-20.727-15.094l-202.93 0.003906h-300.16c-9.5352 0-16.438 5.0391-20.727 15.094-3.8008 10.078-2.3672 19.355 4.2852 27.828z" })), h("slot", null))));
+    return (h(Host, null, h("div", null, h("svg", { style: { display: this.isMultiple ? 'none' : 'block' }, fill: "currentColor", viewBox: "0 -100 700 700", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m81.957 144.91 252.97 305.17c4.7695 5.293 10.496 7.9336 17.16 7.9336 6.1875 0 11.676-2.6445 16.438-7.9453l250.12-305.17c6.1875-8.4844 7.3984-17.746 3.5742-27.82-3.8008-10.051-10.703-15.094-20.727-15.094l-202.93 0.003906h-300.16c-9.5352 0-16.438 5.0391-20.727 15.094-3.8008 10.078-2.3672 19.355 4.2852 27.828z" })), h("slot", null))));
   }
@@ -167,3 +168,3 @@ static get is() { return "sui-select"; }
         },
-        "defaultValue": "(() => {\n    const select = document.createElement('select');\n\n    if (this.host.children.length) {\n      let len = this.host.children.length;\n      while (len--) {\n        select.prepend(this.host.children[len]);\n      }\n    }\n\n    if (this.value) {\n      select.value = this.value;\n    }\n\n    this.valueDisplay = select.getElementsByTagName('option')[select.selectedIndex || 0]?.textContent || select.value || '';\n    select.addEventListener('change', () => {\n      if (select.value !== this.value) {\n        this.value = select.value || '';\n      }\n    });\n\n    for (const [key, value] of Object.entries({\n      // set important styles\n      // these value should not be editable\n      background: 'transparent',\n      'box-sizing': 'border-box',\n      border: 'none',\n      display: 'block',\n      'font-size': 'inherit',\n      'line-height': '1.2',\n      '-webkit-appearance': 'none',\n      '-moz-appearance': 'none',\n      'appearance': 'none',\n      'cursor': this.isMultiple ? 'default' : 'pointer'\n    })) {\n      select.style.setProperty(key, value, 'important');\n    }\n\n    if (!this.isMultiple) {\n      select.style.setProperty('color', 'rgba(0 0 0 / 0%)');\n    }\n\n    this.host.append(select);\n    return select;\n  })()"
+        "defaultValue": "(() => {\n    const select = document.createElement('select');\n\n    if (this.host.children.length) {\n      let len = this.host.children.length;\n      while (len--) {\n        select.prepend(this.host.children[len]);\n      }\n    }\n\n    if (this.value) {\n      select.value = this.value;\n    }\n\n    this.valueDisplay = select.getElementsByTagName('option')[select.selectedIndex || 0]?.textContent || select.value || '';\n    select.addEventListener('change', () => {\n      if (select.value !== this.value) {\n        this.value = select.value || '';\n      }\n    });\n\n    for (const [key, value] of Object.entries({\n      // set important styles\n      // these value should not be editable\n      background: 'transparent',\n      'box-sizing': 'border-box',\n      border: 'none',\n      display: 'block',\n      'font-size': 'inherit',\n      'line-height': '1.2',\n      '-webkit-appearance': 'none',\n      '-moz-appearance': 'none',\n      'appearance': 'none',\n      'cursor': this.isMultiple ? 'default' : 'pointer'\n    })) {\n      select.style.setProperty(key, value, 'important');\n    }\n\n    if (!this.isMultiple) {\n      // select.style.setProperty('color', 'rgba(0 0 0 / 0%)');\n    }\n\n    this.host.append(select);\n    return select;\n  })()"
       }
@@ -170,0 +171,0 @@ };

dist/esm/sui-button_7.entry.js

@@ -1001,3 +1001,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-d4102470.js';
 
-const suiSelectCss = ":host([multiple]){padding:0.66em;box-shadow:-1px -1px 2px -1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.33), inset 0 0 0 1px rgba(0, 0, 0, 0.25);overflow:hidden}:host{user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:bottom;display:inline-block;width:12em;line-height:1.2;font-size:inherit;padding:0.6em 0.66em;border-radius:4px;box-sizing:border-box;font-family:system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;box-shadow:inset 1px 1px 2px rgba(255, 255, 255, 0.5), inset -1px -1px 2px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.25);background-color:transparent;color:inherit}:host div{position:relative;display:flex;align-items:center}:host slot option{color:black;background-color:white}:host svg{user-select:none;pointer-events:none;width:0.75em;color:inherit;position:absolute;right:0;opacity:0.88;display:block;line-height:1em}:host span{user-select:none;pointer-events:none;width:100%;position:absolute;align-items:center}:host span::after{content:attr(data-selected);display:inline-block;vertical-align:baseline;width:100%;line-height:normal;flex:1 1 auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host([disabled]){box-shadow:none;background-color:rgba(128, 128, 128, 0.5);filter:grayscale(1)}";
+const suiSelectCss = ":host([multiple]){padding:0.66em;box-shadow:-1px -1px 2px -1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.33), inset 0 0 0 1px rgba(0, 0, 0, 0.25);overflow:hidden}:host{user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:bottom;display:inline-block;width:12em;line-height:1.2;font-size:inherit;padding:0.6em 0.66em;border-radius:4px;box-sizing:border-box;font-family:system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;box-shadow:inset 1px 1px 2px rgba(255, 255, 255, 0.5), inset -1px -1px 2px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.25);background-color:transparent;color:inherit}:host div{position:relative;display:flex;align-items:center;justify-content:space-between}:host svg{user-select:none;pointer-events:none;width:0.75em;color:inherit;position:absolute;right:0;opacity:0.88;display:block;line-height:1em}:host span{user-select:none;pointer-events:none;width:100%;position:absolute;align-items:center}:host span::after{content:attr(data-selected);display:inline-block;vertical-align:baseline;width:100%;line-height:normal;flex:1 1 auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host([disabled]){box-shadow:none;background-color:rgba(128, 128, 128, 0.5);filter:grayscale(1)}";
 
@@ -1049,5 +1049,2 @@ const SuiSelect = class {
       }
-      if (!this.isMultiple) {
-        select.style.setProperty('color', 'rgba(0 0 0 / 0%)');
-      }
       this.host.append(select);
@@ -1103,2 +1100,3 @@ return select;
         }).join(' '), 'important');
+        this.el.style.setProperty('padding-right', `calc(${padding[1]}px + 1em)`, 'important');
       },
@@ -1121,3 +1119,3 @@ appendIdToSlotElement: true,
   render() {
-    return (h(Host, null, h("div", null, h("span", { "data-selected": this.valueDisplay, style: { display: this.isMultiple ? 'none' : 'flex', width: `calc(100% - ${this.isMultiple ? 0 : 0.75}em)` } }), h("svg", { style: { display: this.isMultiple ? 'none' : 'block' }, fill: "currentColor", viewBox: "0 -100 700 700", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m81.957 144.91 252.97 305.17c4.7695 5.293 10.496 7.9336 17.16 7.9336 6.1875 0 11.676-2.6445 16.438-7.9453l250.12-305.17c6.1875-8.4844 7.3984-17.746 3.5742-27.82-3.8008-10.051-10.703-15.094-20.727-15.094l-202.93 0.003906h-300.16c-9.5352 0-16.438 5.0391-20.727 15.094-3.8008 10.078-2.3672 19.355 4.2852 27.828z" })), h("slot", null))));
+    return (h(Host, null, h("div", null, h("svg", { style: { display: this.isMultiple ? 'none' : 'block' }, fill: "currentColor", viewBox: "0 -100 700 700", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m81.957 144.91 252.97 305.17c4.7695 5.293 10.496 7.9336 17.16 7.9336 6.1875 0 11.676-2.6445 16.438-7.9453l250.12-305.17c6.1875-8.4844 7.3984-17.746 3.5742-27.82-3.8008-10.051-10.703-15.094-20.727-15.094l-202.93 0.003906h-300.16c-9.5352 0-16.438 5.0391-20.727 15.094-3.8008 10.078-2.3672 19.355 4.2852 27.828z" })), h("slot", null))));
   }
@@ -1124,0 +1122,0 @@ get host() { return getElement(this); }

dist/skateui/skateui.esm.js

@@ -1,1 +0,1 @@
-import{p as i,b as e}from"./p-453d08b3.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),i(t)})().then((i=>e([["p-9ced52d7",[[1,"sui-button",null,[[0,"click","clickEventHandler"],[0,"keyup","keyEventHandler"]]],[1,"sui-flextext",{minSize:[1026,"min-size"],maxSize:[1026,"max-size"]}],[1,"sui-input",{value:[8],el:[16]}],[1,"sui-nav",{autoHide:[2,"auto-hide"]}],[1,"sui-overlay",{position:[1],transitionTime:[1,"transition-time"],close:[64],open:[64]}],[1,"sui-select",{value:[8],el:[16],leftPadding:[32],rightPadding:[32],topPadding:[32],valueDisplay:[32]}],[1,"sui-tooltip",{classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],i)));
+import{p as i,b as e}from"./p-453d08b3.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),i(t)})().then((i=>e([["p-a1043f34",[[1,"sui-button",null,[[0,"click","clickEventHandler"],[0,"keyup","keyEventHandler"]]],[1,"sui-flextext",{minSize:[1026,"min-size"],maxSize:[1026,"max-size"]}],[1,"sui-input",{value:[8],el:[16]}],[1,"sui-nav",{autoHide:[2,"auto-hide"]}],[1,"sui-overlay",{position:[1],transitionTime:[1,"transition-time"],close:[64],open:[64]}],[1,"sui-select",{value:[8],el:[16],leftPadding:[32],rightPadding:[32],topPadding:[32],valueDisplay:[32]}],[1,"sui-tooltip",{classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],i)));

package.json

 {
   "name": "skateui",
-  "version": "0.1.109",
+  "version": "0.1.110",
   "description": "Stencil Component Starter",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

2

decreased by-33.33%

Worsened metrics

Total package byte prevSize

507395

decreased by-0.12%

Lines of code

9494

decreased by-0.08%

No dependency changes