@redseed/redseed-ui-vue3 6.4.7 → 6.5.0

package/index.js

@@ -1,9 +1,9 @@
-import '@redseed/redseed-ui-tailwindcss/colors.css'
+import '@redseed/redseed-ui-tailwindcss/index.css'
 
 import _ from 'lodash'
-window._ = _
-
 import lottie from 'lottie-web'
+
+window._ = _
 window.lottie = lottie
 
 export * from './src/components/ActivityFeeds'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redseed/redseed-ui-vue3",
-  "version": "6.4.7",
+  "version": "6.5.0",
   "description": "RedSeed UI Vue 3 components",
   "main": "index.js",
   "repository": "https://github.com/redseedtraining/redseed-ui",

package/src/components/Button/ButtonPrimary.vue

@@ -6,18 +6,3 @@ import ButtonSlot from './ButtonSlot.vue'
     <slot></slot>
 </ButtonSlot>
 </template>
-<style lang="scss" scoped>
-.rsui-button-primary {
-    // default colors
-    @apply text-text-on-color bg-button-primary border-button-primary;
-    // default hover state
-    @apply hover:text-text-on-color hover:bg-button-primary-hover hover:border-button-primary-hover;
-    // default focus state
-    @apply focus-visible:ring-button-primary focus-visible:border-button-primary;
-    // default active state
-    @apply active:bg-button-primary-active active:border-button-primary-active;
-    // default disabled state
-    @apply disabled:bg-button-disabled disabled:border-button-disabled disabled:text-text-primary;
-    @apply disabled:active:bg-button-disabled disabled:active:border-button-disabled;
-}
-</style>

package/src/components/Button/ButtonPrimaryFull.vue

@@ -6,5 +6,3 @@ import ButtonPrimary from './ButtonPrimary.vue'
     <slot></slot>
 </ButtonPrimary>
 </template>
-<style lang="scss" scoped>
-</style>

package/src/components/Button/ButtonSecondary.vue

@@ -6,18 +6,3 @@ import ButtonSlot from './ButtonSlot.vue'
     <slot></slot>
 </ButtonSlot>
 </template>
-<style lang="scss" scoped>
-.rsui-button-secondary {
-    // default colors
-    @apply text-button-secondary bg-background-primary border-button-secondary;
-    // default hover state
-    @apply hover:text-button-secondary-hover hover:bg-background-primary hover:border-button-secondary-hover;
-    // default focus state
-    @apply focus-visible:ring-button-secondary focus-visible:border-button-secondary;
-    // default active state
-    @apply active:bg-background-primary active:border-button-secondary-active;
-    // default disabled state
-    @apply disabled:bg-button-disabled disabled:border-button-disabled disabled:text-text-primary;
-    @apply disabled:active:bg-button-disabled disabled:active:border-button-disabled;
-}
-</style>

package/src/components/Button/ButtonSecondaryFull.vue

@@ -6,5 +6,3 @@ import ButtonSecondary from './ButtonSecondary.vue'
     <slot></slot>
 </ButtonSecondary>
 </template>
-<style lang="scss" scoped>
-</style>

package/src/components/Button/ButtonSlot.vue

@@ -88,75 +88,4 @@ const buttonSlotClass = computed(() => [
 >
     <slot></slot>
 </button>
-</template>
-<style lang="scss" scoped>
-.rsui-button-slot {
-    // default control
-    @apply w-fit h-fit inline-flex shrink-0 items-center justify-center select-none outline-none whitespace-nowrap will-change-transform;
-    // default shape
-    @apply border rounded-lg transition gap-1.5;
-    // default font
-    @apply font-semibold text-sm;
-    // default colors
-    @apply bg-background-primary text-text-secondary ring-0 ring-border-primary border-border-primary;
-    // default hover state
-    @apply hover:bg-background-secondary;
-    // default focus state
-    @apply focus-visible:ring-offset-2 focus-visible:ring-2 focus-visible:ring-border-primary focus-visible:border-border-primary;
-    // default active state
-    @apply active:ring-0 active:bg-background-primary;
-    // default disabled state
-    @apply disabled:bg-background-disabled disabled:border-transparent disabled:text-text-disabled;
-    @apply disabled:active:ring-0 disabled:active:bg-background-disabled disabled:active:border-transparent;
-    @apply disabled:focus-visible:ring-0;
-
-    :deep(svg) {
-        @apply size-5;
-    }
-
-    // modifier full width
-    &--full {
-        @apply flex-1 w-full;
-    }
-
-    // modifier sm size
-    &--sm {
-        @apply text-sm px-spacing-lg py-spacing-md gap-spacing-xs;
-    }
-
-    // modifier md size
-    &--md {
-        @apply text-sm leading-5 px-3.5 py-2.5;
-        &-icon {
-            @apply p-2.5;
-        }
-    }
-
-    // modifier lg size
-    &--lg {
-        @apply text-base px-4 py-2.5;
-        &-icon {
-            @apply p-3;
-        }
-    }
-
-    // modifier xl size
-    &--xl {
-        @apply text-base leading-6 px-4.5 py-3;
-        &-icon {
-            @apply p-3.5;
-        }
-    }
-
-    // modifier 2xl size
-    &--2xl {
-        @apply text-lg leading-7 px-5 py-4;
-        &-icon {
-            @apply p-4.5;
-        }
-        :deep(svg) {
-            @apply size-6;
-        }
-    }
-}
-</style>
+</template>

package/src/components/Button/ButtonTertiary.vue

@@ -6,18 +6,3 @@ import ButtonSlot from './ButtonSlot.vue'
     <slot></slot>
 </ButtonSlot>
 </template>
-<style lang="scss" scoped>
-.rsui-button-tertiary {
-    // default colors
-    @apply text-button-tertiary bg-transparent border-transparent;
-    // default hover state
-    @apply hover:text-button-tertiary-hover hover:bg-transparent hover:border-button-tertiary-hover;
-    // default focus state
-    @apply focus-visible:ring-button-tertiary focus-visible:border-transparent;
-    // default active state
-    @apply active:bg-transparent active:border-transparent;
-    // default disabled state
-    @apply disabled:bg-transparent disabled:border-transparent disabled:text-text-disabled;
-    @apply disabled:active:bg-transparent disabled:active:border-transparent;
-}
-</style>

package/src/components/Button/ButtonTertiaryFull.vue

@@ -6,5 +6,3 @@ import ButtonTertiary from './ButtonTertiary.vue'
     <slot></slot>
 </ButtonTertiary>
 </template>
-<style lang="scss" scoped>
-</style>