skateui - npm Package Compare versions

Comparing version 0.2.8 to 0.2.9

dist/skateui/p-6fa1b252.entry.js

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

		@@ -14,6 +14,4 @@ 'use strict';
		this.adjustSize = () => {
		console.log('adjustSize');
		let lineHeight = Number(this.computedStyle.lineHeight.replace('px', ''));
		lineHeight = isNaN(lineHeight) ? this.fontSize : lineHeight;
		console.log(lineHeight, this.fontSize);
		let lineHeightRatio = lineHeight / this.fontSize;
		@@ -20,0 +18,0 @@ lineHeightRatio = lineHeightRatio > 1 ? lineHeightRatio : 1;

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

		@@ -6,6 +6,4 @@ import { Host, h } from '@stencil/core';
		this.adjustSize = () => {
		console.log('adjustSize');
		let lineHeight = Number(this.computedStyle.lineHeight.replace('px', ''));
		lineHeight = isNaN(lineHeight) ? this.fontSize : lineHeight;
		console.log(lineHeight, this.fontSize);
		let lineHeightRatio = lineHeight / this.fontSize;
		@@ -12,0 +10,0 @@ lineHeightRatio = lineHeightRatio > 1 ? lineHeightRatio : 1;

dist/esm/sui-flextext_5.entry.js

		@@ -10,6 +10,4 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-db1e4f67.js';
		this.adjustSize = () => {
		console.log('adjustSize');
		let lineHeight = Number(this.computedStyle.lineHeight.replace('px', ''));
		lineHeight = isNaN(lineHeight) ? this.fontSize : lineHeight;
		console.log(lineHeight, this.fontSize);
		let lineHeightRatio = lineHeight / this.fontSize;
		@@ -16,0 +14,0 @@ lineHeightRatio = lineHeightRatio > 1 ? lineHeightRatio : 1;

dist/skateui/skateui.esm.js

		@@ -1,1 +0,1 @@
		import{p as e,b as i}from"./p-29d23de6.js";export{s as setNonce}from"./p-29d23de6.js";(()=>{const i=import.meta.url,s={};return""!==i&&(s.resourcesUrl=new URL(".",i).href),e(s)})().then((e=>i([["p-e6b5fec7",[[1,"sui-flextext",{minSize:[1026,"min-size"],maxSize:[1026,"max-size"]}],[1,"sui-nav",{autoHide:[2,"auto-hide"]}],[1,"sui-overlay",{position:[1],transitionTime:[1,"transition-time"],close:[64],open:[64]}],[1,"sui-textarea",{value:[1025],disabled:[4],el:[16],textValue:[32]}],[1,"sui-tooltip",{classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],e)));
		import{p as e,b as i}from"./p-29d23de6.js";export{s as setNonce}from"./p-29d23de6.js";(()=>{const i=import.meta.url,s={};return""!==i&&(s.resourcesUrl=new URL(".",i).href),e(s)})().then((e=>i([["p-6fa1b252",[[1,"sui-flextext",{minSize:[1026,"min-size"],maxSize:[1026,"max-size"]}],[1,"sui-nav",{autoHide:[2,"auto-hide"]}],[1,"sui-overlay",{position:[1],transitionTime:[1,"transition-time"],close:[64],open:[64]}],[1,"sui-textarea",{value:[1025],disabled:[4],el:[16],textValue:[32]}],[1,"sui-tooltip",{classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],e)));

package.json

		{
		"name": "skateui",
		"version": "0.2.8",
		"version": "0.2.9",
		"description": "Vanilla HTML compatible custom UI components",
		@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

README.md

		@@ -8,10 +8,2 @@ # Skate UI

		## Known issues:
		- skateui use getComputedStyle and mutationobserver internally.
		when developing, depending on the os/browser, there can be some minor quirks when:
		- trying to modify css styles directly from developers panel in web browsers.
		- working on live reloads.

		but when refreshed, the quirks will go away.

		## Components:
		@@ -22,3 +14,3 @@
		Attributes:
		- auto-hide: Number(Higher number means it will hide slower)
		- auto-hide: Number(Higher number means it will hide slower), default is 3.

		@@ -28,6 +20,11 @@ - sui-flextext: Text that auto scales.
		Attributes:
		- min-size: number
		- max-size: number
		- min-size: number (Minimum font size allowed to scale down to)
		- max-size: number (Maximum font size allowed to scale up to)

		- sui-tooltip: Tooltip that shows when hovering over an element.

		Slots:
		- tool: Element that will be hovered over.
		- tip: Element that will be shown as a tooltip.

		- sui-overlay: Fully customizable overlay that shows when clicked.
		@@ -37,4 +34,5 @@
		- position: "top" \| "bottom" \| "left" \| "right" \| "center"(default)
		- transition-time: CSS time value, default is 0.25s

		Properties:
		Methods:
		- open(): Opens the overlay.
		@@ -45,2 +43,6 @@ - close(): Closes the overlay.

		Note:
		- Remove box-shadow to remove outline.
		- Use :focus-within to style when focused.

		## Example
		@@ -47,0 +49,0 @@

dist/skateui/p-e6b5fec7.entry.js

Improved metrics