@omniaz/vue-component-library 0.2.0 → 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.0",
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
  >
@@ -609,7 +609,7 @@ defineExpose({
609
609
  >
610
610
  <tr
611
611
  :class="[
612
- 'lg:hover:bg-gray-100 odd:lg:bg-gray-50',
612
+ 'lg:hover:bg-gray-100 odd:lg:bg-gray-50 h-[64px]',
613
613
  (selectableRows || rowClickRoute || rowClickCallback) ? 'cursor-pointer' : '',
614
614
  checkedRows.some((checkedRow) => checkedRow.id === row.id) || checkedAll ? tableTrSelectedStyle : '',
615
615
  'group',
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',