@usssa/component-library 1.0.0-alpha.13 → 1.0.0-alpha.14

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.
Files changed (5) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/src/components/core/UBtnIcon.vue +5 -1
  4. package/src/components/core/UBtnStd.vue +23 -19
  5. package/src/components/core/UInputTextStd.vue +9 -9
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # Component Library v1.0.0-alpha.13
1
+ # Component Library v1.0.0-alpha.14
2
2
 
3
3
  This library provides custom UI components for USSSA applications.
4
4
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@usssa/component-library",
3
- "version": "1.0.0-alpha.13",
3
+ "version": "1.0.0-alpha.14",
4
4
  "description": "A Quasar component library project",
5
5
  "productName": "Quasar component library App",
6
6
  "author": "Troy Moreland <troy.moreland@usssa.com>",
package/src/components/core/UBtnIcon.vue CHANGED
@@ -40,6 +40,10 @@ const props = defineProps({
40
40
  type: String,
41
41
  default: 'center end',
42
42
  },
43
+ offset: {
44
+ type: Array,
45
+ default: () => [4, 4],
46
+ },
43
47
  })
44
48
 
45
49
  const emit = defineEmits(['onClick'])
@@ -97,7 +101,7 @@ const btnClass = computed(() => {
97
101
  :description="tooltip"
98
102
  :anchor="anchor"
99
103
  :self="self"
100
- :offset="[4, 4]"
104
+ :offset="offset"
101
105
  />
102
106
  </q-btn>
103
107
  </template>
package/src/components/core/UBtnStd.vue CHANGED
@@ -72,26 +72,30 @@ const isFullWidth = computed(() => {
72
72
  :flat="flat"
73
73
  @click="handleClick"
74
74
  >
75
- <div class="row items-center no-wrap">
76
- <q-icon
77
- v-if="leftIcon"
78
- left
79
- :class="leftIcon"
80
- class="q-mr-xs"
81
- size="1.25rem"
82
- />
75
+ <template #default>
76
+ <slot name="default">
77
+ <div class="row items-center no-wrap">
78
+ <q-icon
79
+ v-if="leftIcon"
80
+ left
81
+ :class="leftIcon"
82
+ class="q-mr-xs"
83
+ size="1.25rem"
84
+ />
83
85
 
84
- <div class="text-center text-caption-md button-label">
85
- {{ label }}
86
- </div>
87
- <q-icon
88
- v-if="rightIcon"
89
- right
90
- :class="rightIcon"
91
- class="q-ml-xs"
92
- size="1.25rem"
93
- />
94
- </div>
86
+ <div class="text-center text-caption-md button-label">
87
+ {{ label }}
88
+ </div>
89
+ <q-icon
90
+ v-if="rightIcon"
91
+ right
92
+ :class="rightIcon"
93
+ class="q-ml-xs"
94
+ size="1.25rem"
95
+ />
96
+ </div>
97
+ </slot>
98
+ </template>
95
99
  </q-btn>
96
100
  </template>
97
101
 
package/src/components/core/UInputTextStd.vue CHANGED
@@ -7,7 +7,6 @@ const props = defineProps({
7
7
  },
8
8
  hintIcon: {
9
9
  type: String,
10
- default: 'fa-kit-duotone fa-circle-info',
11
10
  },
12
11
  isRequired: {
13
12
  type: Boolean,
@@ -32,7 +31,6 @@ const props = defineProps({
32
31
  },
33
32
  placeholder: {
34
33
  type: String,
35
- default: 'Input Text',
36
34
  },
37
35
  size: {
38
36
  type: String,
@@ -147,14 +145,16 @@ const handleRightIconClick = () => {
147
145
  <div class="q-ml-xxs text-body-xs">{{ hintText }}</div>
148
146
  </div>
149
147
  </template>
150
- <template #append v-if="rightIcon">
151
- <q-icon
152
- @click="handleRightIconClick"
153
- :class="`slot-icon-size-${size} ${rightIcon}`"
154
- :tabindex="0"
155
- />
148
+ <template #append>
149
+ <slot name="append">
150
+ <q-icon
151
+ v-if="rightIcon"
152
+ @click="handleRightIconClick"
153
+ :class="`slot-icon-size-${size} ${rightIcon}`"
154
+ :tabindex="0"
155
+ />
156
+ </slot>
156
157
  </template>
157
-
158
158
  <template v-slot:error>
159
159
  <div class="row items-center no-wrap" v-if="errorMessage">
160
160
  <q-icon