@omniaz/vue-component-library 0.2.1 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omniaz/vue-component-library",
3
- "version": "0.2.1",
3
+ "version": "0.2.2",
4
4
  "description": "",
5
5
  "main": "dist/vue-component-library.umd.js",
6
6
  "module": "dist/vue-component-library.es.js",
@@ -24,6 +24,8 @@ const props = withDefaults(defineProps<{
24
24
  disabled?: boolean;
25
25
  loading?: boolean;
26
26
  download?: boolean;
27
+ rounded?: boolean;
28
+ noBorder?: boolean;
27
29
  }>(), {
28
30
  label: null,
29
31
  icon: null,
@@ -86,8 +88,8 @@ const componentClass = computed(() => {
86
88
  'transition-colors',
87
89
  'focus:ring',
88
90
  'duration-150',
89
- 'border',
90
- 'rounded',
91
+ props.noBorder ? '' : 'border',
92
+ props.rounded ? 'rounded-full' : 'rounded',
91
93
  props.color === 'omniazDarkBlue' ? 'dark:border-gray-50' : null,
92
94
  props.active ? 'ring ring-black dark:ring-white' : 'ring-blue-700',
93
95
  paddingClass.value,
@@ -131,7 +131,7 @@ const switchViewMode = () => {
131
131
  type="button"
132
132
  class="inline-flex cursor-pointer justify-center items-center whitespace-nowrap focus:outline-none
133
133
  transition-colors focus:ring duration-150 border rounded-full border-white dark:border-slate-900
134
- ring-gray-200 dark:ring-gray-500 bg-white text-black dark:bg-slate-900 dark:text-white hover:bg-gray-100
134
+ ring-blue-700 dark:ring-gray-500 bg-white text-black dark:bg-slate-900 dark:text-white hover:bg-gray-100
135
135
  hover:dark:bg-slate-800 p-1"
136
136
  @click="headerIconClick"
137
137
  >
package/src/colors.ts CHANGED
@@ -16,7 +16,7 @@ export const colorsBg = {
16
16
  };
17
17
 
18
18
  export const colorsBgHover = {
19
- white: 'hover:bg-gray-50',
19
+ white: 'hover:bg-gray-100',
20
20
  light: 'hover:bg-gray-200',
21
21
  success: 'hover:bg-emerald-700',
22
22
  danger: 'hover:bg-red-700',