smoothly 0.1.114 → 0.1.117

package/dist/collection/components/picker/style.css

@@ -19,7 +19,7 @@
   transition: var(--intergiro-transition);
   border: 1px solid rgb(var(--border-color));
   margin: 1px;
-  height: 40px;
+  height: 2.5rem;
   border-radius: 0.25rem;
 }
 
@@ -32,7 +32,7 @@
 :host > div {
   display: flex;
   background-color: transparent;
-  min-height: 40px;
+  min-height: 2.5rem;
   align-items: center;
   align-self: center;
   border: none;
@@ -58,9 +58,9 @@
   border: none;
   cursor: pointer;
   color: rgb(var(--color));
-  padding: 0 0.6em;
+  padding: 0 0.6rem;
   font-family: var(--smoothly-font-family);
-  font-size: 1.05em;
+  font-size: 1.05rem;
 }
 :host > div input::placeholder {
   opacity: 1;
@@ -81,12 +81,12 @@
 :host([label=""]) ul,
 :host:not([label]) ul,
 :host([label-setting=hide]) ul {
-  padding-top: 0.1em;
-  padding-bottom: 0.1em;
+  padding-top: 0.1rem;
+  padding-bottom: 0.1rem;
 }
 
 label {
-  padding-left: 0.6em;
+  padding-left: 0.6rem;
   white-space: nowrap;
   color: rgba(var(--label-color));
   transition: var(--intergiro-transition);
@@ -115,8 +115,8 @@ label {
 
 :host smoothly-icon {
   flex-shrink: 0;
-  width: 1em;
-  height: 1em;
+  width: 1rem;
+  height: 1rem;
 }
 
 :host(:not([is-open])) smoothly-icon.up,
@@ -127,21 +127,21 @@ label {
 smoothly-icon.search {
   display: flex;
   align-self: center;
-  padding-left: 0.8em;
+  padding-left: 0.8rem;
 }
 
 smoothly-icon.up,
 smoothly-icon.down {
   display: flex;
   align-self: center;
-  padding-right: 0.8em;
+  padding-right: 0.8rem;
   stroke: rgb(var(--smoothly-primary-shade));
 }
 
 :host smoothly-menu-options {
-  margin-top: 0.5em;
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
+  margin-top: 0.5rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
   position: absolute;
   z-index: 1;
 }

package/dist/collection/components/selector/style.css

@@ -23,9 +23,9 @@
 	z-index: 10;
 	background-color: rgb(var(--smoothly-tertiary-color));
 	color: rgb(var(--smoothly-tertiary-contrast));
-	height: 20px;
-	border-radius: 5px;
-	padding: 5px;
+	height: 1.25rem;
+	border-radius: 0.3rem;
+	padding: 0.3rem;
 	display: flex;
 	align-items: center;
 }

package/dist/collection/components/tab/style.css

@@ -8,9 +8,9 @@ label {
 	display: block;
   padding: 1em;
 	background-color: rgb(var(--smoothly-default-shade));
-	border-top-left-radius: 5px;
-	border-top-right-radius: 5px;
-	width: 100px;
+	border-top-left-radius: 0.3rem;
+	border-top-right-radius: 0.3rem;
+	width: 6.25rem;
 
 }
 div {

package/dist/collection/components/table/header/style.css

@@ -1,13 +1,13 @@
 :host {
 	display: table-cell;
-	padding-top: 12px;
-	padding-bottom: 12px;
+	padding-top: 0.75rem;
+	padding-bottom: 0.75rem;
 	background-color: rgb(var(--smoothly-default-color));
 	border: 1px solid rgb(var(--smoothly-dark-color), 0.5);
 	padding: 0.5em;
-	line-height: 40px;
+	line-height: 2.5rem;
 }
 :host > ion-icon {
-	height: 12px;
-	margin-left: 20px;
+	height: 0.75rem;
+	margin-left: 1.25rem;
 }

package/dist/collection/components/trigger/style.css

@@ -17,9 +17,9 @@ button {
 	font-size: 110%;
 	font-weight: 400;
 }
-:host:not([processing]):not([disabled]):hover,
-:host:not([processing]):not([disabled]):focus,
-:host:not([processing]):not([disabled]):active {
+:host:not([disabled]):hover,
+:host:not([disabled]):focus,
+:host:not([disabled]):active {
 	border-color: var(--smoothly-trigger-border);
 }
 :host[expand=fill] > button,

package/dist/custom-elements/index.d.ts

@@ -32,6 +32,12 @@ export const SmoothlyBacktotop: {
   new (): SmoothlyBacktotop;
 };
 
+interface SmoothlyButton extends Components.SmoothlyButton, HTMLElement {}
+export const SmoothlyButton: {
+  prototype: SmoothlyButton;
+  new (): SmoothlyButton;
+};
+
 interface SmoothlyCalendar extends Components.SmoothlyCalendar, HTMLElement {}
 export const SmoothlyCalendar: {
   prototype: SmoothlyCalendar;