@uzum-tech/ui 1.0.1 → 1.0.3
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/dist/index.js +24 -24
- package/dist/index.prod.js +1 -1
- package/es/button/src/Button.js +18 -10
- package/es/version.d.ts +1 -1
- package/es/version.js +1 -1
- package/lib/button/src/Button.js +18 -10
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +3 -2
- package/web-types.json +1 -1
package/es/button/src/Button.js
CHANGED
|
@@ -330,16 +330,14 @@ const Button = defineComponent({
|
|
|
330
330
|
};
|
|
331
331
|
}
|
|
332
332
|
// Tag / Link
|
|
333
|
-
let decorationProps =
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
: '#BBA2FD', '--u-text-color-disabled': typeIsTertiary ? '#E7E8EA' : '#EAE2FF' });
|
|
342
|
-
}
|
|
333
|
+
// let decorationProps = {
|
|
334
|
+
// ...colorProps,
|
|
335
|
+
// 'text-decoration-line': 'none',
|
|
336
|
+
// 'text-underline-offset': 'none',
|
|
337
|
+
// 'line-height': '1',
|
|
338
|
+
// '--u-font-size': fontSize,
|
|
339
|
+
// '--u-font-weight': fontWeightStrong
|
|
340
|
+
// }
|
|
343
341
|
// border
|
|
344
342
|
let borderProps = {
|
|
345
343
|
'--u-border': 'initial',
|
|
@@ -368,6 +366,16 @@ const Button = defineComponent({
|
|
|
368
366
|
}
|
|
369
367
|
// size
|
|
370
368
|
const { [createKey('height', size)]: height, [createKey('fontSize', size)]: fontSize, [createKey('padding', size)]: padding, [createKey('paddingRound', size)]: paddingRound, [createKey('iconSize', size)]: iconSize, [createKey('borderRadius', size)]: borderRadius, [createKey('iconMargin', size)]: iconMargin, waveOpacity } = self;
|
|
369
|
+
let decorationProps = Object.assign(Object.assign({}, colorProps), { 'text-decoration-line': 'none', 'text-underline-offset': 'none', 'line-height': '1', '--u-font-size': fontSize, '--u-font-weight': fontWeightStrong });
|
|
370
|
+
if (props.tag === 'a') {
|
|
371
|
+
decorationProps = Object.assign(Object.assign({}, colorProps), { 'text-decoration-line': 'underline', 'text-underline-offset': '6px', '--u-font-size': fontSize, 'line-height': '24px', '--u-font-weight': fontWeightStrong, '--u-text-color': typeIsTertiary ? '#101010' : self.colorPrimary, '--u-text-color-hover': typeIsTertiary
|
|
372
|
+
? '#808080'
|
|
373
|
+
: self.colorHoverPrimary, '--u-text-color-pressed': typeIsTertiary
|
|
374
|
+
? self.textTertiary
|
|
375
|
+
: '#BBA2FD', '--u-text-color-focus': typeIsTertiary
|
|
376
|
+
? self.textTertiary
|
|
377
|
+
: '#BBA2FD', '--u-text-color-disabled': typeIsTertiary ? '#E7E8EA' : '#EAE2FF' });
|
|
378
|
+
}
|
|
371
379
|
const sizeProps = {
|
|
372
380
|
'--u-width': circle && !text ? height : 'initial',
|
|
373
381
|
'--u-height': text ? 'initial' : height,
|
package/es/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "1.0.
|
|
1
|
+
declare const _default: "1.0.3";
|
|
2
2
|
export default _default;
|
package/es/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default '1.0.
|
|
1
|
+
export default '1.0.3';
|
package/lib/button/src/Button.js
CHANGED
|
@@ -336,16 +336,14 @@ const Button = (0, vue_1.defineComponent)({
|
|
|
336
336
|
};
|
|
337
337
|
}
|
|
338
338
|
// Tag / Link
|
|
339
|
-
let decorationProps =
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
: '#BBA2FD', '--u-text-color-disabled': typeIsTertiary ? '#E7E8EA' : '#EAE2FF' });
|
|
348
|
-
}
|
|
339
|
+
// let decorationProps = {
|
|
340
|
+
// ...colorProps,
|
|
341
|
+
// 'text-decoration-line': 'none',
|
|
342
|
+
// 'text-underline-offset': 'none',
|
|
343
|
+
// 'line-height': '1',
|
|
344
|
+
// '--u-font-size': fontSize,
|
|
345
|
+
// '--u-font-weight': fontWeightStrong
|
|
346
|
+
// }
|
|
349
347
|
// border
|
|
350
348
|
let borderProps = {
|
|
351
349
|
'--u-border': 'initial',
|
|
@@ -374,6 +372,16 @@ const Button = (0, vue_1.defineComponent)({
|
|
|
374
372
|
}
|
|
375
373
|
// size
|
|
376
374
|
const { [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('paddingRound', size)]: paddingRound, [(0, _utils_1.createKey)('iconSize', size)]: iconSize, [(0, _utils_1.createKey)('borderRadius', size)]: borderRadius, [(0, _utils_1.createKey)('iconMargin', size)]: iconMargin, waveOpacity } = self;
|
|
375
|
+
let decorationProps = Object.assign(Object.assign({}, colorProps), { 'text-decoration-line': 'none', 'text-underline-offset': 'none', 'line-height': '1', '--u-font-size': fontSize, '--u-font-weight': fontWeightStrong });
|
|
376
|
+
if (props.tag === 'a') {
|
|
377
|
+
decorationProps = Object.assign(Object.assign({}, colorProps), { 'text-decoration-line': 'underline', 'text-underline-offset': '6px', '--u-font-size': fontSize, 'line-height': '24px', '--u-font-weight': fontWeightStrong, '--u-text-color': typeIsTertiary ? '#101010' : self.colorPrimary, '--u-text-color-hover': typeIsTertiary
|
|
378
|
+
? '#808080'
|
|
379
|
+
: self.colorHoverPrimary, '--u-text-color-pressed': typeIsTertiary
|
|
380
|
+
? self.textTertiary
|
|
381
|
+
: '#BBA2FD', '--u-text-color-focus': typeIsTertiary
|
|
382
|
+
? self.textTertiary
|
|
383
|
+
: '#BBA2FD', '--u-text-color-disabled': typeIsTertiary ? '#E7E8EA' : '#EAE2FF' });
|
|
384
|
+
}
|
|
377
385
|
const sizeProps = {
|
|
378
386
|
'--u-width': circle && !text ? height : 'initial',
|
|
379
387
|
'--u-height': text ? 'initial' : height,
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "1.0.
|
|
1
|
+
declare const _default: "1.0.3";
|
|
2
2
|
export default _default;
|
package/lib/version.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uzum-tech/ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
"vue-tsc": "1.6.5"
|
|
162
162
|
},
|
|
163
163
|
"peerDependencies": {
|
|
164
|
-
"vue": "3.0.0"
|
|
164
|
+
"vue": "^3.0.0"
|
|
165
165
|
},
|
|
166
166
|
"dependencies": {
|
|
167
167
|
"@css-render/plugin-bem": "0.15.10",
|
|
@@ -177,6 +177,7 @@
|
|
|
177
177
|
"highlight.js": "11.5.0",
|
|
178
178
|
"lodash": "4.17.21",
|
|
179
179
|
"lodash-es": "4.17.21",
|
|
180
|
+
"pnpm": "^9.1.4",
|
|
180
181
|
"seemly": "0.3.6",
|
|
181
182
|
"treemate": "0.3.11",
|
|
182
183
|
"vdirs": "0.1.8",
|
package/web-types.json
CHANGED