@mptw/skylens-ui 1.4.32 → 1.4.34

package/app.vue

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

package/components/SLButton.vue

@@ -111,30 +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
 
-  &-xxs
+  &.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")
 
@@ -292,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.32",
+  "version": "1.4.34",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",

package/tailwind.config.js

@@ -18,6 +18,7 @@ module.exports = {
       },
       colors: {
         primary: {
+          15: '#FAFAFD',
           25: '#F9F9FF',
           50: '#F3F4F8',
           100: '#E8EAF2',