@redseed/redseed-ui-vue3 8.1.6 → 8.2.0
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.
|
@@ -313,8 +313,8 @@ function handleLearnMore() {
|
|
|
313
313
|
## Links
|
|
314
314
|
|
|
315
315
|
### LinkPrimary
|
|
316
|
-
**When to use:** For primary navigation links or calls to action that should stand out.
|
|
317
|
-
**Key props:** Size flags (`sm`, `md`, `lg`) and `disabled`. The `icon` slot renders a leading icon.
|
|
316
|
+
**When to use:** For primary navigation links or calls to action that should stand out.
|
|
317
|
+
**Key props:** Size flags (`xs`, `sm`, `md`, `lg`) and `disabled`. The `icon` slot renders a leading icon.
|
|
318
318
|
|
|
319
319
|
```vue
|
|
320
320
|
<template>
|
|
@@ -328,7 +328,7 @@ function handleLearnMore() {
|
|
|
328
328
|
```
|
|
329
329
|
|
|
330
330
|
### LinkSlot
|
|
331
|
-
**When to use:** For composing custom link treatments while keeping RedSeed link styling. Supports the same sizing and disabled props as `LinkPrimary` and emits a `click` event.
|
|
331
|
+
**When to use:** For composing custom link treatments while keeping RedSeed link styling. Supports the same sizing (including `xs`) and disabled props as `LinkPrimary` and emits a `click` event.
|
|
332
332
|
|
|
333
333
|
```vue
|
|
334
334
|
<script setup>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@redseed/redseed-ui-vue3",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.2.0",
|
|
4
4
|
"description": "RedSeed UI Vue 3 components",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"repository": "https://github.com/redseedtraining/redseed-ui",
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
"license": "ISC",
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"@heroicons/vue": "^2.2.0",
|
|
15
|
-
"@vueuse/components": "^14.
|
|
16
|
-
"@vueuse/core": "^14.
|
|
15
|
+
"@vueuse/components": "^14.1.0",
|
|
16
|
+
"@vueuse/core": "^14.1.0",
|
|
17
17
|
"lodash": "^4.17.21",
|
|
18
18
|
"lottie-web": "^5.13.0",
|
|
19
|
-
"vue": "^3.5.
|
|
19
|
+
"vue": "^3.5.25"
|
|
20
20
|
}
|
|
21
21
|
}
|
|
@@ -6,6 +6,10 @@ defineOptions({
|
|
|
6
6
|
})
|
|
7
7
|
|
|
8
8
|
const props = defineProps({
|
|
9
|
+
xs: {
|
|
10
|
+
type: Boolean,
|
|
11
|
+
default: false,
|
|
12
|
+
},
|
|
9
13
|
sm: {
|
|
10
14
|
type: Boolean,
|
|
11
15
|
default: false,
|
|
@@ -26,12 +30,13 @@ const props = defineProps({
|
|
|
26
30
|
|
|
27
31
|
defineEmits(['click'])
|
|
28
32
|
|
|
29
|
-
const defaultSize = computed(() => !props.sm && !props.md && !props.lg)
|
|
33
|
+
const defaultSize = computed(() => !props.xs && !props.sm && !props.md && !props.lg)
|
|
30
34
|
|
|
31
35
|
const linkSlotClass = computed(() => [
|
|
32
36
|
'rsui-link-slot',
|
|
33
37
|
{
|
|
34
38
|
// link sizes
|
|
39
|
+
'rsui-link-slot--xs': props.xs,
|
|
35
40
|
'rsui-link-slot--sm': props.sm,
|
|
36
41
|
'rsui-link-slot--md': props.md,
|
|
37
42
|
'rsui-link-slot--lg': props.lg || defaultSize.value,
|