New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

skateui

Package Overview
Dependencies
Maintainers
1
Versions
96
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

skateui - npm Package Compare versions

Comparing version 0.1.140 to 0.1.141

dist/skateui/p-00181c3c.entry.js

23

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

@@ -474,5 +474,5 @@ 'use strict';

this.fontSize = null;
this.adjustSize = (function () {
this.adjustSize = () => {
const lineHeightRatio = Number(this.computedStyle.lineHeight.replace('px', '')) / this.fontSize;
if (!this.value) {
if (!this.host.textContent) {
this.fontSize = this.maxSize;

@@ -483,3 +483,3 @@ }

let height = parseFloat(this.computedStyle.height);
let howmanylines = height / (this.fontSize * lineHeightRatio);
let howmanylines = Math.round(height / (this.fontSize * lineHeightRatio));
if (howmanylines > 1 && this.fontSize > this.minSize) {

@@ -497,3 +497,3 @@ let minus = this.fontSize - 1;

let height = parseFloat(this.computedStyle.height);
let howmanylines = height / (this.fontSize * lineHeightRatio);
let howmanylines = Math.round(height / (this.fontSize * lineHeightRatio));
if (howmanylines <= 1 && this.fontSize < this.maxSize) {

@@ -512,3 +512,3 @@ let plus = this.fontSize + 1;

}
}).bind(this);
};
this.minSize = 0;

@@ -526,5 +526,2 @@ this.maxSize = 72;

}
}
componentDidLoad() {
this.value = this.host.textContent;
this.computedStyle = window.getComputedStyle(this.host);

@@ -538,7 +535,9 @@ this.fontSize = Number(this.computedStyle.fontSize.replace('px', ''));

}
}
componentDidLoad() {
this.adjustSize();
window.addEventListener("resize", this.adjustSize);
window.addEventListener("resize", this.adjustSize.bind(this));
}
disconnectedCallback() {
window.removeEventListener('resize', this.adjustSize);
window.removeEventListener('resize', this.adjustSize.bind(this));
}

@@ -552,3 +551,3 @@ render() {

const suiInputCss = ":host{user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:baseline}:host slot{display:block}:host svg{display:none}::slotted([slot]){color:inherit;background-color:transparent;border:none}:host([type=text]),:host([type=password]),:host([type=email]),:host([type=number]),:host([type=search]),:host([type=tel]),:host([type=url]){display:inline-block;width:12em;min-width:1em;font-size:inherit;padding:0.6em 0.66em;line-height:1.33;border-radius:4px;box-sizing:border-box !important;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);background-color:inherit;color:inherit}:host([disabled]){box-shadow:none;background-color:hsla(0deg, 0%, 50%, 0.33);filter:grayscale(1)}:host([type=checkbox]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;border:2px solid currentColor;border-radius:2px;box-sizing:border-box;text-align:center;overflow:hidden;display:inline-block;line-height:inherit}:host([type=checkbox][checked]) svg{user-select:none;pointer-events:none;width:100%;display:block;color:inherit}:host([type=radio]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;box-sizing:border-box;border:2px solid currentColor;border-radius:100%;display:inline-block;line-height:inherit}:host([type=radio])::after{content:\"\";user-select:none;pointer-events:none;display:block;position:relative;width:calc(100% - 4px);height:calc(100% - 4px);margin:2px;border-radius:inherit;box-shadow:none;background-color:transparent}:host([type=radio][checked])::after{box-shadow:inset 0.5px 0.5px 0px rgba(255, 255, 255, 0.5),\n inset -0.5px -0.5px 0px rgba(0, 0, 0, 0.25),\n inset 0 0 0px 0.5px rgba(0, 0, 0, 0.25);background-color:currentColor}:host(:not([disabled]):active[type=radio])::after{box-shadow:inset 0 0 0px 0.5px hsla(0deg, 0%, 50%, 0.25),\n inset 0.15px 0.5px 0px rgba(0, 0, 0, 0.8),\n inset -0.5px -0.5px 0px rgba(255, 255, 255, 0.25);background-color:currentColor}:host([type=reset]),:host([type=submit]){-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background:#293fe6;display:inline-table;color:#ffffff;border-radius:5px;vertical-align:baseline;font-size:inherit;padding:0.6em 1.2em;font-weight:bold;font-family:system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;box-sizing:border-box;cursor:pointer;user-select:none;text-align:center;box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);line-height:1.33}:host([type=reset]) span[button-text],:host([type=submit]) span[button-text]{display:flex;align-items:center;height:100%;justify-content:center;vertical-align:middle}:host([type=reset]:not([disabled]):hover),:host([type=submit]:not([disabled]):hover){box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%),\n \n inset 0 0 1em 1em hsla(0 0% 75% / 16%)}:host([type=reset]:hover[disabled]),:host([type=submit]:hover[disabled]){cursor:default}:host([type=reset][disabled]),:host([type=submit][disabled]){pointer-events:none;box-shadow:inset -1px -1px 2px rgb(255 255 255 / 65%),\n inset 1px 1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);filter:grayscale(1) contrast(0.25) invert(1) brightness(1.33)}:host([type=reset][hidden]),:host([type=submit][hidden]){display:none !important}:host([type=reset]:not([disabled]):active),:host([type=submit]:not([disabled]):active){box-shadow:inset 0 0 0 1px hsla(0 0% 50% / 25%),\n inset 0 1px 3px rgba(0 0 0 / 75%),\n inset -1px -1px 1px rgb(255 255 255 / 25%)}";
const suiInputCss = ":host{user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:baseline}:host slot{display:block}:host svg{display:none}::slotted([slot]){color:inherit;background-color:transparent;border:none}:host([type=text]),:host([type=password]),:host([type=email]),:host([type=number]),:host([type=search]),:host([type=tel]),:host([type=url]){display:inline-block;width:12em;min-width:1em;font-size:inherit;padding:0.6em 0.66em;line-height:1.33;border-radius:4px;box-sizing:border-box !important;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);background-color:inherit;color:inherit}:host([disabled]){box-shadow:none;background-color:hsla(0deg, 0%, 50%, 0.33);filter:grayscale(1)}:host([type=checkbox]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;border:2px solid currentColor;border-radius:2px;box-sizing:border-box;text-align:center;overflow:hidden;display:inline-block;line-height:inherit}:host([type=checkbox][checked]) svg{user-select:none;pointer-events:none;width:100%;display:block;color:inherit}:host([type=radio]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;box-sizing:border-box;border:2px solid currentColor;border-radius:100%;display:inline-block;line-height:inherit}:host([type=radio])::after{content:\"\";user-select:none;pointer-events:none;display:block;position:relative;width:calc(100% - 4px);height:calc(100% - 4px);margin:2px;border-radius:inherit;box-shadow:none;background-color:transparent}:host([type=radio][checked])::after{box-shadow:inset 0.5px 0.5px 0px rgba(255, 255, 255, 0.5),\n inset -0.5px -0.5px 0px rgba(0, 0, 0, 0.25),\n inset 0 0 0px 0.5px rgba(0, 0, 0, 0.25);background-color:currentColor}:host(:not([disabled]):active[type=radio])::after{box-shadow:inset 0 0 0px 0.5px hsla(0deg, 0%, 50%, 0.25),\n inset 0.15px 0.5px 0px rgba(0, 0, 0, 0.8),\n inset -0.5px -0.5px 0px rgba(255, 255, 255, 0.25);background-color:currentColor}:host([type=radio][disabled]){background-color:hsla(0deg, 0%, 50%, 0.33)}:host([type=checkbox][disabled]){background-color:hsla(0deg, 0%, 50%, 0.33)}:host([type=reset]),:host([type=submit]){-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background:#293fe6;display:inline-table;color:#ffffff;border-radius:5px;vertical-align:baseline;font-size:inherit;padding:0.6em 1.2em;font-weight:bold;font-family:system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;box-sizing:border-box;cursor:pointer;user-select:none;text-align:center;box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);line-height:1.33}:host([type=reset]) span[button-text],:host([type=submit]) span[button-text]{display:flex;align-items:center;height:100%;justify-content:center;vertical-align:middle}:host([type=reset]:not([disabled]):hover),:host([type=submit]:not([disabled]):hover){box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%),\n \n inset 0 0 1em 1em hsla(0 0% 75% / 16%)}:host([type=reset]:hover[disabled]),:host([type=submit]:hover[disabled]){cursor:default}:host([type=reset][disabled]),:host([type=submit][disabled]){pointer-events:none;box-shadow:inset -1px -1px 2px rgb(255 255 255 / 65%),\n inset 1px 1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);filter:grayscale(1) contrast(0.25) invert(1) brightness(1.33)}:host([type=reset][hidden]),:host([type=submit][hidden]){display:none !important}:host([type=reset]:not([disabled]):active),:host([type=submit]:not([disabled]):active){box-shadow:inset 0 0 0 1px hsla(0 0% 50% / 25%),\n inset 0 1px 3px rgba(0 0 0 / 75%),\n inset -1px -1px 1px rgb(255 255 255 / 25%)}";

@@ -1329,3 +1328,3 @@ const SuiInput = class {

const suiTooltipCss = ":host{display:inline-block}:host>.sui-tooltip{display:block;position:relative !important}:host>.sui-tooltip>.sui-tool{text-align:inherit}:host>.sui-tooltip .sui-tip{display:none;position:absolute;max-width:var(--tip-max-width);box-sizing:border-box;bottom:calc(100% + .66em);top:unset;left:0;right:unset}:host>.sui-tooltip.bottom .sui-tip{top:calc(100% + .66em);bottom:unset}:host>.sui-tooltip.left .sui-tip{left:unset;right:0}:host>.sui-tooltip:hover .sui-tip{display:block}:host>.sui-tooltip:hover .tip-arrow{display:block}.tip-arrow{display:none;position:absolute;width:0;height:0;left:50%;transform:translateX(-50%)}.tip-arrow.bottom{z-index:1;top:calc(100% + 2px);bottom:unset;border:0.5em solid transparent;border-top-width:0;border-bottom-width:.66em;border-bottom-color:var(--tip-background-color)}.tip-arrow.top{top:unset;bottom:calc(100% + 2px);border:0.5em solid transparent;border-bottom-width:0;border-top-width:.66em;border-top-color:var(--tip-background-color)}::slotted([slot='tip']){white-space:pre;overflow:hidden}";
const suiTooltipCss = ":host{display:inline-block}:host>.sui-tooltip{display:block;position:relative !important}:host>.sui-tooltip>.sui-tool{text-align:inherit}:host>.sui-tooltip .sui-tip{min-width:100%;display:none;position:absolute;max-width:var(--tip-max-width);box-sizing:border-box;bottom:calc(100% + .66em);top:unset;left:0;right:unset}:host>.sui-tooltip.bottom .sui-tip{top:calc(100% + .66em);bottom:unset}:host>.sui-tooltip.left .sui-tip{left:unset;right:0}:host>.sui-tooltip:hover .sui-tip{display:block}:host>.sui-tooltip:hover .tip-arrow{display:block}.tip-arrow{display:none;position:absolute;width:0;height:0;left:50%;transform:translateX(-50%)}.tip-arrow.bottom{z-index:1;top:calc(100% + 2px);bottom:unset;border:0.5em solid transparent;border-top-width:0;border-bottom-width:.66em;border-bottom-color:var(--tip-background-color)}.tip-arrow.top{top:unset;bottom:calc(100% + 2px);border:0.5em solid transparent;border-bottom-width:0;border-top-width:.66em;border-top-color:var(--tip-background-color)}::slotted([slot='tip']){white-space:pre;overflow:hidden}";

@@ -1332,0 +1331,0 @@ const SuiTooltip = class {

@@ -5,5 +5,5 @@ import { Host, h } from '@stencil/core';

this.fontSize = null;
this.adjustSize = (function () {
this.adjustSize = () => {
const lineHeightRatio = Number(this.computedStyle.lineHeight.replace('px', '')) / this.fontSize;
if (!this.value) {
if (!this.host.textContent) {
this.fontSize = this.maxSize;

@@ -14,3 +14,3 @@ }

let height = parseFloat(this.computedStyle.height);
let howmanylines = height / (this.fontSize * lineHeightRatio);
let howmanylines = Math.round(height / (this.fontSize * lineHeightRatio));
if (howmanylines > 1 && this.fontSize > this.minSize) {

@@ -28,3 +28,3 @@ let minus = this.fontSize - 1;

let height = parseFloat(this.computedStyle.height);
let howmanylines = height / (this.fontSize * lineHeightRatio);
let howmanylines = Math.round(height / (this.fontSize * lineHeightRatio));
if (howmanylines <= 1 && this.fontSize < this.maxSize) {

@@ -43,3 +43,3 @@ let plus = this.fontSize + 1;

}
}).bind(this);
};
this.minSize = 0;

@@ -57,5 +57,2 @@ this.maxSize = 72;

}
}
componentDidLoad() {
this.value = this.host.textContent;
this.computedStyle = window.getComputedStyle(this.host);

@@ -69,7 +66,9 @@ this.fontSize = Number(this.computedStyle.fontSize.replace('px', ''));

}
}
componentDidLoad() {
this.adjustSize();
window.addEventListener("resize", this.adjustSize);
window.addEventListener("resize", this.adjustSize.bind(this));
}
disconnectedCallback() {
window.removeEventListener('resize', this.adjustSize);
window.removeEventListener('resize', this.adjustSize.bind(this));
}

@@ -76,0 +75,0 @@ render() {

@@ -470,5 +470,5 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-6d8c7c32.js';

this.fontSize = null;
this.adjustSize = (function () {
this.adjustSize = () => {
const lineHeightRatio = Number(this.computedStyle.lineHeight.replace('px', '')) / this.fontSize;
if (!this.value) {
if (!this.host.textContent) {
this.fontSize = this.maxSize;

@@ -479,3 +479,3 @@ }

let height = parseFloat(this.computedStyle.height);
let howmanylines = height / (this.fontSize * lineHeightRatio);
let howmanylines = Math.round(height / (this.fontSize * lineHeightRatio));
if (howmanylines > 1 && this.fontSize > this.minSize) {

@@ -493,3 +493,3 @@ let minus = this.fontSize - 1;

let height = parseFloat(this.computedStyle.height);
let howmanylines = height / (this.fontSize * lineHeightRatio);
let howmanylines = Math.round(height / (this.fontSize * lineHeightRatio));
if (howmanylines <= 1 && this.fontSize < this.maxSize) {

@@ -508,3 +508,3 @@ let plus = this.fontSize + 1;

}
}).bind(this);
};
this.minSize = 0;

@@ -522,5 +522,2 @@ this.maxSize = 72;

}
}
componentDidLoad() {
this.value = this.host.textContent;
this.computedStyle = window.getComputedStyle(this.host);

@@ -534,7 +531,9 @@ this.fontSize = Number(this.computedStyle.fontSize.replace('px', ''));

}
}
componentDidLoad() {
this.adjustSize();
window.addEventListener("resize", this.adjustSize);
window.addEventListener("resize", this.adjustSize.bind(this));
}
disconnectedCallback() {
window.removeEventListener('resize', this.adjustSize);
window.removeEventListener('resize', this.adjustSize.bind(this));
}

@@ -548,3 +547,3 @@ render() {

const suiInputCss = ":host{user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:baseline}:host slot{display:block}:host svg{display:none}::slotted([slot]){color:inherit;background-color:transparent;border:none}:host([type=text]),:host([type=password]),:host([type=email]),:host([type=number]),:host([type=search]),:host([type=tel]),:host([type=url]){display:inline-block;width:12em;min-width:1em;font-size:inherit;padding:0.6em 0.66em;line-height:1.33;border-radius:4px;box-sizing:border-box !important;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);background-color:inherit;color:inherit}:host([disabled]){box-shadow:none;background-color:hsla(0deg, 0%, 50%, 0.33);filter:grayscale(1)}:host([type=checkbox]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;border:2px solid currentColor;border-radius:2px;box-sizing:border-box;text-align:center;overflow:hidden;display:inline-block;line-height:inherit}:host([type=checkbox][checked]) svg{user-select:none;pointer-events:none;width:100%;display:block;color:inherit}:host([type=radio]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;box-sizing:border-box;border:2px solid currentColor;border-radius:100%;display:inline-block;line-height:inherit}:host([type=radio])::after{content:\"\";user-select:none;pointer-events:none;display:block;position:relative;width:calc(100% - 4px);height:calc(100% - 4px);margin:2px;border-radius:inherit;box-shadow:none;background-color:transparent}:host([type=radio][checked])::after{box-shadow:inset 0.5px 0.5px 0px rgba(255, 255, 255, 0.5),\n inset -0.5px -0.5px 0px rgba(0, 0, 0, 0.25),\n inset 0 0 0px 0.5px rgba(0, 0, 0, 0.25);background-color:currentColor}:host(:not([disabled]):active[type=radio])::after{box-shadow:inset 0 0 0px 0.5px hsla(0deg, 0%, 50%, 0.25),\n inset 0.15px 0.5px 0px rgba(0, 0, 0, 0.8),\n inset -0.5px -0.5px 0px rgba(255, 255, 255, 0.25);background-color:currentColor}:host([type=reset]),:host([type=submit]){-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background:#293fe6;display:inline-table;color:#ffffff;border-radius:5px;vertical-align:baseline;font-size:inherit;padding:0.6em 1.2em;font-weight:bold;font-family:system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;box-sizing:border-box;cursor:pointer;user-select:none;text-align:center;box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);line-height:1.33}:host([type=reset]) span[button-text],:host([type=submit]) span[button-text]{display:flex;align-items:center;height:100%;justify-content:center;vertical-align:middle}:host([type=reset]:not([disabled]):hover),:host([type=submit]:not([disabled]):hover){box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%),\n \n inset 0 0 1em 1em hsla(0 0% 75% / 16%)}:host([type=reset]:hover[disabled]),:host([type=submit]:hover[disabled]){cursor:default}:host([type=reset][disabled]),:host([type=submit][disabled]){pointer-events:none;box-shadow:inset -1px -1px 2px rgb(255 255 255 / 65%),\n inset 1px 1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);filter:grayscale(1) contrast(0.25) invert(1) brightness(1.33)}:host([type=reset][hidden]),:host([type=submit][hidden]){display:none !important}:host([type=reset]:not([disabled]):active),:host([type=submit]:not([disabled]):active){box-shadow:inset 0 0 0 1px hsla(0 0% 50% / 25%),\n inset 0 1px 3px rgba(0 0 0 / 75%),\n inset -1px -1px 1px rgb(255 255 255 / 25%)}";
const suiInputCss = ":host{user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:baseline}:host slot{display:block}:host svg{display:none}::slotted([slot]){color:inherit;background-color:transparent;border:none}:host([type=text]),:host([type=password]),:host([type=email]),:host([type=number]),:host([type=search]),:host([type=tel]),:host([type=url]){display:inline-block;width:12em;min-width:1em;font-size:inherit;padding:0.6em 0.66em;line-height:1.33;border-radius:4px;box-sizing:border-box !important;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);background-color:inherit;color:inherit}:host([disabled]){box-shadow:none;background-color:hsla(0deg, 0%, 50%, 0.33);filter:grayscale(1)}:host([type=checkbox]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;border:2px solid currentColor;border-radius:2px;box-sizing:border-box;text-align:center;overflow:hidden;display:inline-block;line-height:inherit}:host([type=checkbox][checked]) svg{user-select:none;pointer-events:none;width:100%;display:block;color:inherit}:host([type=radio]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;box-sizing:border-box;border:2px solid currentColor;border-radius:100%;display:inline-block;line-height:inherit}:host([type=radio])::after{content:\"\";user-select:none;pointer-events:none;display:block;position:relative;width:calc(100% - 4px);height:calc(100% - 4px);margin:2px;border-radius:inherit;box-shadow:none;background-color:transparent}:host([type=radio][checked])::after{box-shadow:inset 0.5px 0.5px 0px rgba(255, 255, 255, 0.5),\n inset -0.5px -0.5px 0px rgba(0, 0, 0, 0.25),\n inset 0 0 0px 0.5px rgba(0, 0, 0, 0.25);background-color:currentColor}:host(:not([disabled]):active[type=radio])::after{box-shadow:inset 0 0 0px 0.5px hsla(0deg, 0%, 50%, 0.25),\n inset 0.15px 0.5px 0px rgba(0, 0, 0, 0.8),\n inset -0.5px -0.5px 0px rgba(255, 255, 255, 0.25);background-color:currentColor}:host([type=radio][disabled]){background-color:hsla(0deg, 0%, 50%, 0.33)}:host([type=checkbox][disabled]){background-color:hsla(0deg, 0%, 50%, 0.33)}:host([type=reset]),:host([type=submit]){-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background:#293fe6;display:inline-table;color:#ffffff;border-radius:5px;vertical-align:baseline;font-size:inherit;padding:0.6em 1.2em;font-weight:bold;font-family:system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;box-sizing:border-box;cursor:pointer;user-select:none;text-align:center;box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);line-height:1.33}:host([type=reset]) span[button-text],:host([type=submit]) span[button-text]{display:flex;align-items:center;height:100%;justify-content:center;vertical-align:middle}:host([type=reset]:not([disabled]):hover),:host([type=submit]:not([disabled]):hover){box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%),\n \n inset 0 0 1em 1em hsla(0 0% 75% / 16%)}:host([type=reset]:hover[disabled]),:host([type=submit]:hover[disabled]){cursor:default}:host([type=reset][disabled]),:host([type=submit][disabled]){pointer-events:none;box-shadow:inset -1px -1px 2px rgb(255 255 255 / 65%),\n inset 1px 1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);filter:grayscale(1) contrast(0.25) invert(1) brightness(1.33)}:host([type=reset][hidden]),:host([type=submit][hidden]){display:none !important}:host([type=reset]:not([disabled]):active),:host([type=submit]:not([disabled]):active){box-shadow:inset 0 0 0 1px hsla(0 0% 50% / 25%),\n inset 0 1px 3px rgba(0 0 0 / 75%),\n inset -1px -1px 1px rgb(255 255 255 / 25%)}";

@@ -1325,3 +1324,3 @@ const SuiInput = class {

const suiTooltipCss = ":host{display:inline-block}:host>.sui-tooltip{display:block;position:relative !important}:host>.sui-tooltip>.sui-tool{text-align:inherit}:host>.sui-tooltip .sui-tip{display:none;position:absolute;max-width:var(--tip-max-width);box-sizing:border-box;bottom:calc(100% + .66em);top:unset;left:0;right:unset}:host>.sui-tooltip.bottom .sui-tip{top:calc(100% + .66em);bottom:unset}:host>.sui-tooltip.left .sui-tip{left:unset;right:0}:host>.sui-tooltip:hover .sui-tip{display:block}:host>.sui-tooltip:hover .tip-arrow{display:block}.tip-arrow{display:none;position:absolute;width:0;height:0;left:50%;transform:translateX(-50%)}.tip-arrow.bottom{z-index:1;top:calc(100% + 2px);bottom:unset;border:0.5em solid transparent;border-top-width:0;border-bottom-width:.66em;border-bottom-color:var(--tip-background-color)}.tip-arrow.top{top:unset;bottom:calc(100% + 2px);border:0.5em solid transparent;border-bottom-width:0;border-top-width:.66em;border-top-color:var(--tip-background-color)}::slotted([slot='tip']){white-space:pre;overflow:hidden}";
const suiTooltipCss = ":host{display:inline-block}:host>.sui-tooltip{display:block;position:relative !important}:host>.sui-tooltip>.sui-tool{text-align:inherit}:host>.sui-tooltip .sui-tip{min-width:100%;display:none;position:absolute;max-width:var(--tip-max-width);box-sizing:border-box;bottom:calc(100% + .66em);top:unset;left:0;right:unset}:host>.sui-tooltip.bottom .sui-tip{top:calc(100% + .66em);bottom:unset}:host>.sui-tooltip.left .sui-tip{left:unset;right:0}:host>.sui-tooltip:hover .sui-tip{display:block}:host>.sui-tooltip:hover .tip-arrow{display:block}.tip-arrow{display:none;position:absolute;width:0;height:0;left:50%;transform:translateX(-50%)}.tip-arrow.bottom{z-index:1;top:calc(100% + 2px);bottom:unset;border:0.5em solid transparent;border-top-width:0;border-bottom-width:.66em;border-bottom-color:var(--tip-background-color)}.tip-arrow.top{top:unset;bottom:calc(100% + 2px);border:0.5em solid transparent;border-bottom-width:0;border-top-width:.66em;border-top-color:var(--tip-background-color)}::slotted([slot='tip']){white-space:pre;overflow:hidden}";

@@ -1328,0 +1327,0 @@ const SuiTooltip = class {

@@ -1,1 +0,1 @@

import{p as e,b as i}from"./p-ba9fb985.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i([["p-fc80be09",[[1,"sui-button",{disabled:[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{minSize:[1026,"min-size"],maxSize:[1026,"max-size"]}],[1,"sui-input",{value:[8],disabled:[4],checked:[1028],required:[4],type:[1],checkedDefault:[4,"checked-default"],el:[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{autoHide:[2,"auto-hide"]}],[1,"sui-overlay",{position:[1],transitionTime:[1,"transition-time"],close:[64],open:[64]}],[1,"sui-select",{value:[1032],disabled:[4],required:[4],multiple:[4],el:[16],displayedValue:[32]}],[1,"sui-textarea",{value:[1025],disabled:[4],el:[16],textValue:[32]}],[1,"sui-tooltip",{maxWidth:[32],classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],e)));
import{p as e,b as i}from"./p-ba9fb985.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i([["p-00181c3c",[[1,"sui-button",{disabled:[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{minSize:[1026,"min-size"],maxSize:[1026,"max-size"]}],[1,"sui-input",{value:[8],disabled:[4],checked:[1028],required:[4],type:[1],checkedDefault:[4,"checked-default"],el:[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{autoHide:[2,"auto-hide"]}],[1,"sui-overlay",{position:[1],transitionTime:[1,"transition-time"],close:[64],open:[64]}],[1,"sui-select",{value:[1032],disabled:[4],required:[4],multiple:[4],el:[16],displayedValue:[32]}],[1,"sui-textarea",{value:[1025],disabled:[4],el:[16],textValue:[32]}],[1,"sui-tooltip",{maxWidth:[32],classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],e)));

@@ -5,10 +5,9 @@ export declare class SuiFlextext {

maxSize: number;
value: string;
fontSize: number;
computedStyle: CSSStyleDeclaration;
componentWillLoad(): void;
adjustSize: () => void;
componentDidLoad(): void;
disconnectedCallback(): void;
adjustSize: any;
render(): any;
}
{
"name": "skateui",
"version": "0.1.140",
"version": "0.1.141",
"description": "Vanilla HTML compatible custom UI components",

@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc