@mptw/skylens-ui 1.4.31 → 1.4.33

package/app.vue

@@ -1,3 +1,7 @@
 <template lang="pug">
-SLRangeInput
+SLButton(
+    icon='trash'
+    color='primary-600'
+    size='xxs'
+)
 </template>

package/components/SLButton.vue

@@ -23,7 +23,7 @@ export default defineComponent({
     size: {
       type: String,
       default: "",
-      validator: (val: string) => ["", "lg", "md", "sm", "xs"].includes(val),
+      validator: (val: string) => ["", "lg", "md", "sm", "xs", 'xxs'].includes(val),
     },
     color: {
       type: String,
@@ -111,24 +111,33 @@ export default defineComponent({
 .btn
   @apply relative inline-flex items-center justify-center s("p-1.75") border border-transparent rounded bg-transparent text-base leading-normal s("focus:outline-none")
 
-  &-lg
+  &.btn-lg
     @apply s("px-7.75")
 
-  &-md
+  &.btn-md
     @apply s("px-3.75")
 
-  &-sm
+  &.btn-sm
     @apply s("py-0.75") s("px-1.75")
 
     .btn-content
       @apply space-x-1
 
-  &-xs
+  &.btn-xs
     @apply s("py-0.75") s("px-1.75") text-xs
 
     .btn-content
       @apply space-x-1
 
+  &.btn-xxs
+    @apply s("p-0.75") text-sm
+
+    .btn-content
+      @apply space-x-1
+
+      .icon.btn-icon
+        @apply text-sm leading-none
+
   &-white
     @apply bg-white border-white text-gray-2 s("hover:bg-white") s("hover:border-white")
 
@@ -286,7 +295,7 @@ export default defineComponent({
     @apply inline-flex items-center space-x-1
 
     .icon.btn-icon
-      @apply text-xs
+      @apply inline-flex text-xs leading-none
 
   .btn-loading
     @apply absolute s('top-1/2') s('left-1/2') w-4 h-4 s('-translate-x-1/2') s('-translate-y-1/2') pointer-events-none hidden

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mptw/skylens-ui",
   "type": "module",
-  "version": "1.4.31",
+  "version": "1.4.33",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",