@vonage/vivid-vue 5.23.0 → 5.23.1
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.cjs +9 -10
- package/dist/index.js +9 -10
- package/package.json +6 -5
- package/web-types.json +8 -8
package/dist/index.cjs
CHANGED
|
@@ -3023,6 +3023,7 @@ var VCombobox_default = (0, vue.defineComponent)({
|
|
|
3023
3023
|
},
|
|
3024
3024
|
/**
|
|
3025
3025
|
* Sets the placeholder value of the element, generally used to provide a hint to the user.
|
|
3026
|
+
* Using this attribute is not a valid substitute for a labeling element.
|
|
3026
3027
|
*/
|
|
3027
3028
|
placeholder: {
|
|
3028
3029
|
type: String,
|
|
@@ -3030,8 +3031,6 @@ var VCombobox_default = (0, vue.defineComponent)({
|
|
|
3030
3031
|
},
|
|
3031
3032
|
/**
|
|
3032
3033
|
* the placement of the combobox
|
|
3033
|
-
*
|
|
3034
|
-
* HTML Attribute: string
|
|
3035
3034
|
*/
|
|
3036
3035
|
placement: {
|
|
3037
3036
|
type: String,
|
|
@@ -7244,7 +7243,6 @@ var VNavDisclosure_default = (0, vue.defineComponent)({
|
|
|
7244
7243
|
//#endregion
|
|
7245
7244
|
//#region src/generated/components/VNavItem.ts
|
|
7246
7245
|
/**
|
|
7247
|
-
* A Nav Item Custom HTML Element.
|
|
7248
7246
|
* Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
|
|
7249
7247
|
*/
|
|
7250
7248
|
var VNavItem_default = (0, vue.defineComponent)({
|
|
@@ -7665,6 +7663,7 @@ var VNumberField_default = (0, vue.defineComponent)({
|
|
|
7665
7663
|
},
|
|
7666
7664
|
/**
|
|
7667
7665
|
* Sets the placeholder value of the element, generally used to provide a hint to the user.
|
|
7666
|
+
* Using this attribute does is not a valid substitute for a labeling element.
|
|
7668
7667
|
*/
|
|
7669
7668
|
placeholder: {
|
|
7670
7669
|
type: String,
|
|
@@ -7937,7 +7936,6 @@ var VNumberField_default = (0, vue.defineComponent)({
|
|
|
7937
7936
|
//#endregion
|
|
7938
7937
|
//#region src/generated/components/VOption.ts
|
|
7939
7938
|
/**
|
|
7940
|
-
* An Option Custom HTML Element.
|
|
7941
7939
|
* Implements https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option .
|
|
7942
7940
|
*/
|
|
7943
7941
|
var VOption_default = (0, vue.defineComponent)({
|
|
@@ -12901,6 +12899,7 @@ var VTextArea_default = (0, vue.defineComponent)({
|
|
|
12901
12899
|
},
|
|
12902
12900
|
/**
|
|
12903
12901
|
* Sets the placeholder value of the element, generally used to provide a hint to the user.
|
|
12902
|
+
* Using this attribute does is not a valid substitute for a labeling element.
|
|
12904
12903
|
*/
|
|
12905
12904
|
placeholder: {
|
|
12906
12905
|
type: String,
|
|
@@ -13259,6 +13258,8 @@ var VTextField_default = (0, vue.defineComponent)({
|
|
|
13259
13258
|
},
|
|
13260
13259
|
/**
|
|
13261
13260
|
* Text that appears in the input element when it has no value set
|
|
13261
|
+
*
|
|
13262
|
+
* Using this attribute does is not a valid substitute for a labeling element.
|
|
13262
13263
|
*/
|
|
13263
13264
|
placeholder: {
|
|
13264
13265
|
type: String,
|
|
@@ -15688,15 +15689,15 @@ var spezia_variable_default = "@font-face {\n font-display: block;\n font-fami
|
|
|
15688
15689
|
var optionalStyles = {
|
|
15689
15690
|
theme: {
|
|
15690
15691
|
name: "core/theme",
|
|
15691
|
-
css: "
|
|
15692
|
+
css: ".vvd-root {\n color: var(--vvd-color-canvas-text);\n color-scheme: var(--vvd-color-scheme);\n}\n\n:root.vvd-root {\n background-color: var(--vvd-color-canvas);\n}\n\n.vvd-scrollbar {\n --scrollbar-track-color: transparent;\n --scrollbar-thumb-color: color-mix(\n in sRGB,\n var(--vvd-color-neutral-950),\n transparent 70%\n );\n}\n.vvd-scrollbar {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n scrollbar-width: thin;\n}\n.vvd-scrollbar ::-webkit-scrollbar {\n width: 4px;\n}\n.vvd-scrollbar ::-webkit-scrollbar-track {\n background: var(--scrollbar-track-color);\n}\n.vvd-scrollbar ::-webkit-scrollbar-thumb {\n border: 0;\n border-radius: 4px;\n background-color: var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color));\n}\n\n.vvd-neutral-tint-elevation {\n --_vvd-tinted-color-surface-0dp: var(--vvd-neutral-tint-color-surface-0dp);\n --_vvd-tinted-color-surface-2dp: var(--vvd-neutral-tint-color-surface-2dp);\n --_vvd-tinted-color-surface-4dp: var(--vvd-neutral-tint-color-surface-4dp);\n --_vvd-tinted-color-surface-8dp: var(--vvd-neutral-tint-color-surface-8dp);\n --_vvd-tinted-color-surface-12dp: var(--vvd-neutral-tint-color-surface-12dp);\n --_vvd-tinted-color-surface-16dp: var(--vvd-neutral-tint-color-surface-16dp);\n --_vvd-tinted-color-surface-24dp: var(--vvd-neutral-tint-color-surface-24dp);\n --_vvd-tinted-shadow-surface-0dp: var(--vvd-neutral-tint-shadow-surface-0dp);\n --_vvd-tinted-shadow-surface-2dp: var(--vvd-neutral-tint-shadow-surface-2dp);\n --_vvd-tinted-shadow-surface-4dp: var(--vvd-neutral-tint-shadow-surface-4dp);\n --_vvd-tinted-shadow-surface-8dp: var(--vvd-neutral-tint-shadow-surface-8dp);\n --_vvd-tinted-shadow-surface-12dp: var(\n --vvd-neutral-tint-shadow-surface-12dp\n );\n --_vvd-tinted-shadow-surface-16dp: var(\n --vvd-neutral-tint-shadow-surface-16dp\n );\n --_vvd-tinted-shadow-surface-24dp: var(\n --vvd-neutral-tint-shadow-surface-24dp\n );\n}\n.vvd-neutral-tint-elevation > * {\n --_vvd-tinted-color-surface-0dp: var(--vvd-color-surface-0dp);\n --_vvd-tinted-color-surface-2dp: var(--vvd-color-surface-2dp);\n --_vvd-tinted-color-surface-4dp: var(--vvd-color-surface-4dp);\n --_vvd-tinted-color-surface-8dp: var(--vvd-color-surface-8dp);\n --_vvd-tinted-color-surface-12dp: var(--vvd-color-surface-12dp);\n --_vvd-tinted-color-surface-16dp: var(--vvd-color-surface-16dp);\n --_vvd-tinted-color-surface-24dp: var(--vvd-color-surface-24dp);\n --_vvd-tinted-shadow-surface-0dp: var(--vvd-shadow-surface-0dp);\n --_vvd-tinted-shadow-surface-2dp: var(--vvd-shadow-surface-2dp);\n --_vvd-tinted-shadow-surface-4dp: var(--vvd-shadow-surface-4dp);\n --_vvd-tinted-shadow-surface-8dp: var(--vvd-shadow-surface-8dp);\n --_vvd-tinted-shadow-surface-12dp: var(--vvd-shadow-surface-12dp);\n --_vvd-tinted-shadow-surface-16dp: var(--vvd-shadow-surface-16dp);\n --_vvd-tinted-shadow-surface-24dp: var(--vvd-shadow-surface-24dp);\n}\n"
|
|
15692
15693
|
},
|
|
15693
15694
|
typography: {
|
|
15694
15695
|
name: "core/typography",
|
|
15695
|
-
css: "
|
|
15696
|
+
css: ".vvd-root:root {\n --vvd-size-font-scale-base: 1rem;\n font-size: unset;\n}\n.vvd-root:root > body {\n font: var(--vvd-typography-base);\n font-feature-settings: \"kern\"; /* turns on kerning */\n -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */\n -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */\n text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */\n}\n.vvd-root:not(:root) {\n font: var(--vvd-typography-base);\n font-feature-settings: \"kern\"; /* turns on kerning */\n -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */\n -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */\n text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */\n}\n.vvd-root p,\n.vvd-root .font-base {\n font: var(--vvd-typography-base);\n margin-block: 16px;\n}\n.vvd-root p.tight,\n.vvd-root .font-base.tight {\n margin-block: 0;\n}\n.vvd-root .font-base-bold {\n font: var(--vvd-typography-base-bold);\n}\n.vvd-root .font-base-condensed {\n font: var(--vvd-typography-base-condensed);\n}\n.vvd-root .font-base-condensed-bold {\n font: var(--vvd-typography-base-condensed-bold);\n}\n.vvd-root .font-base-extended {\n font: var(--vvd-typography-base-extended);\n}\n.vvd-root .font-base-extended-bold {\n font: var(--vvd-typography-base-extended-bold);\n}\n.vvd-root .font-base-code {\n font: var(--vvd-typography-base-code);\n}\n.vvd-root b, .vvd-root strong {\n font-weight: 600;\n}\n.vvd-root pre, .vvd-root var, .vvd-root code, .vvd-root kbd, .vvd-root samp {\n font: var(--vvd-typography-base-code);\n}\n.vvd-root .headline {\n font: var(--vvd-typography-headline);\n margin-block: 40px;\n}\n.vvd-root .subtitle {\n font: var(--vvd-typography-subtitle);\n margin-block: 40px;\n}\n.vvd-root h1,\n.vvd-root .heading1 {\n font: var(--vvd-typography-heading-1);\n margin-block: 32px;\n}\n.vvd-root h2,\n.vvd-root .heading2 {\n font: var(--vvd-typography-heading-2);\n margin-block: 32px;\n}\n.vvd-root h3,\n.vvd-root .heading3 {\n font: var(--vvd-typography-heading-3);\n margin-block: 24px;\n}\n.vvd-root h4,\n.vvd-root .heading4 {\n font: var(--vvd-typography-heading-4);\n margin-block: 24px;\n}\n.vvd-root h5,\n.vvd-root .heading5 {\n font: var(--vvd-typography-heading-5);\n margin-block: 16px;\n}\n.vvd-root h6,\n.vvd-root .heading6 {\n font: var(--vvd-typography-heading-6);\n margin-block: 14px;\n}\n.vvd-root .headline b, .vvd-root .headline strong,\n.vvd-root .subtitle b,\n.vvd-root .subtitle strong,\n.vvd-root h1 b,\n.vvd-root h1 strong,\n.vvd-root .heading1 b,\n.vvd-root .heading1 strong,\n.vvd-root h2 b,\n.vvd-root h2 strong,\n.vvd-root .heading2 b,\n.vvd-root .heading2 strong,\n.vvd-root h3 b,\n.vvd-root h3 strong,\n.vvd-root .heading3 b,\n.vvd-root .heading3 strong,\n.vvd-root h4 b,\n.vvd-root h4 strong,\n.vvd-root .heading4 b,\n.vvd-root .heading4 strong,\n.vvd-root h5 b,\n.vvd-root h5 strong,\n.vvd-root .heading5 b,\n.vvd-root .heading5 strong,\n.vvd-root h6 b,\n.vvd-root h6 strong,\n.vvd-root .heading6 b,\n.vvd-root .heading6 strong {\n font-weight: 500;\n}\n.vvd-root .headline.tight,\n.vvd-root .subtitle.tight,\n.vvd-root h1.tight,\n.vvd-root .heading1.tight,\n.vvd-root h2.tight,\n.vvd-root .heading2.tight,\n.vvd-root h3.tight,\n.vvd-root .heading3.tight,\n.vvd-root h4.tight,\n.vvd-root .heading4.tight,\n.vvd-root h5.tight,\n.vvd-root .heading5.tight,\n.vvd-root h6.tight,\n.vvd-root .heading6.tight {\n margin-block: 0;\n}\n.vvd-root small,\n.vvd-root figcaption {\n font: var(--vvd-typography-base-condensed);\n}\n.vvd-root sub,\n.vvd-root sup {\n position: relative;\n font: var(--vvd-typography-base-condensed);\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n.vvd-root sub {\n bottom: -0.25em;\n}\n.vvd-root sup {\n top: -0.5em;\n}\n"
|
|
15696
15697
|
},
|
|
15697
15698
|
vivid2Compat: {
|
|
15698
15699
|
name: "tokens/vivid-2-compat",
|
|
15699
|
-
css: "
|
|
15700
|
+
css: ".vvd-root, ::part(vvd-root),\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --_vvd3--vvd-color-neutral-50: var(--vvd-color-neutral-50);\n}\n\n.vvd-component:not(.vvd-theme-alternate) {\n --vvd-color-neutral-50: var(--_vvd3--vvd-color-neutral-50);\n}\n"
|
|
15700
15701
|
}
|
|
15701
15702
|
};
|
|
15702
15703
|
//#endregion
|
|
@@ -15761,9 +15762,7 @@ var vividVue = { install(app, options) {
|
|
|
15761
15762
|
}
|
|
15762
15763
|
if (options.customComponentPrefix) setCustomComponentPrefix(options.customComponentPrefix);
|
|
15763
15764
|
} };
|
|
15764
|
-
/**
|
|
15765
|
-
* @deprecated Use vividVue instead.
|
|
15766
|
-
*/
|
|
15765
|
+
/** @deprecated Use vividVue instead. */
|
|
15767
15766
|
var vivid3 = vividVue;
|
|
15768
15767
|
//#endregion
|
|
15769
15768
|
exports.Icon = Icon;
|
package/dist/index.js
CHANGED
|
@@ -3022,6 +3022,7 @@ var VCombobox_default = defineComponent({
|
|
|
3022
3022
|
},
|
|
3023
3023
|
/**
|
|
3024
3024
|
* Sets the placeholder value of the element, generally used to provide a hint to the user.
|
|
3025
|
+
* Using this attribute is not a valid substitute for a labeling element.
|
|
3025
3026
|
*/
|
|
3026
3027
|
placeholder: {
|
|
3027
3028
|
type: String,
|
|
@@ -3029,8 +3030,6 @@ var VCombobox_default = defineComponent({
|
|
|
3029
3030
|
},
|
|
3030
3031
|
/**
|
|
3031
3032
|
* the placement of the combobox
|
|
3032
|
-
*
|
|
3033
|
-
* HTML Attribute: string
|
|
3034
3033
|
*/
|
|
3035
3034
|
placement: {
|
|
3036
3035
|
type: String,
|
|
@@ -7243,7 +7242,6 @@ var VNavDisclosure_default = defineComponent({
|
|
|
7243
7242
|
//#endregion
|
|
7244
7243
|
//#region src/generated/components/VNavItem.ts
|
|
7245
7244
|
/**
|
|
7246
|
-
* A Nav Item Custom HTML Element.
|
|
7247
7245
|
* Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
|
|
7248
7246
|
*/
|
|
7249
7247
|
var VNavItem_default = defineComponent({
|
|
@@ -7664,6 +7662,7 @@ var VNumberField_default = defineComponent({
|
|
|
7664
7662
|
},
|
|
7665
7663
|
/**
|
|
7666
7664
|
* Sets the placeholder value of the element, generally used to provide a hint to the user.
|
|
7665
|
+
* Using this attribute does is not a valid substitute for a labeling element.
|
|
7667
7666
|
*/
|
|
7668
7667
|
placeholder: {
|
|
7669
7668
|
type: String,
|
|
@@ -7936,7 +7935,6 @@ var VNumberField_default = defineComponent({
|
|
|
7936
7935
|
//#endregion
|
|
7937
7936
|
//#region src/generated/components/VOption.ts
|
|
7938
7937
|
/**
|
|
7939
|
-
* An Option Custom HTML Element.
|
|
7940
7938
|
* Implements https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option .
|
|
7941
7939
|
*/
|
|
7942
7940
|
var VOption_default = defineComponent({
|
|
@@ -12900,6 +12898,7 @@ var VTextArea_default = defineComponent({
|
|
|
12900
12898
|
},
|
|
12901
12899
|
/**
|
|
12902
12900
|
* Sets the placeholder value of the element, generally used to provide a hint to the user.
|
|
12901
|
+
* Using this attribute does is not a valid substitute for a labeling element.
|
|
12903
12902
|
*/
|
|
12904
12903
|
placeholder: {
|
|
12905
12904
|
type: String,
|
|
@@ -13258,6 +13257,8 @@ var VTextField_default = defineComponent({
|
|
|
13258
13257
|
},
|
|
13259
13258
|
/**
|
|
13260
13259
|
* Text that appears in the input element when it has no value set
|
|
13260
|
+
*
|
|
13261
|
+
* Using this attribute does is not a valid substitute for a labeling element.
|
|
13261
13262
|
*/
|
|
13262
13263
|
placeholder: {
|
|
13263
13264
|
type: String,
|
|
@@ -15687,15 +15688,15 @@ var spezia_variable_default = "@font-face {\n font-display: block;\n font-fami
|
|
|
15687
15688
|
var optionalStyles = {
|
|
15688
15689
|
theme: {
|
|
15689
15690
|
name: "core/theme",
|
|
15690
|
-
css: "
|
|
15691
|
+
css: ".vvd-root {\n color: var(--vvd-color-canvas-text);\n color-scheme: var(--vvd-color-scheme);\n}\n\n:root.vvd-root {\n background-color: var(--vvd-color-canvas);\n}\n\n.vvd-scrollbar {\n --scrollbar-track-color: transparent;\n --scrollbar-thumb-color: color-mix(\n in sRGB,\n var(--vvd-color-neutral-950),\n transparent 70%\n );\n}\n.vvd-scrollbar {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n scrollbar-width: thin;\n}\n.vvd-scrollbar ::-webkit-scrollbar {\n width: 4px;\n}\n.vvd-scrollbar ::-webkit-scrollbar-track {\n background: var(--scrollbar-track-color);\n}\n.vvd-scrollbar ::-webkit-scrollbar-thumb {\n border: 0;\n border-radius: 4px;\n background-color: var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color));\n}\n\n.vvd-neutral-tint-elevation {\n --_vvd-tinted-color-surface-0dp: var(--vvd-neutral-tint-color-surface-0dp);\n --_vvd-tinted-color-surface-2dp: var(--vvd-neutral-tint-color-surface-2dp);\n --_vvd-tinted-color-surface-4dp: var(--vvd-neutral-tint-color-surface-4dp);\n --_vvd-tinted-color-surface-8dp: var(--vvd-neutral-tint-color-surface-8dp);\n --_vvd-tinted-color-surface-12dp: var(--vvd-neutral-tint-color-surface-12dp);\n --_vvd-tinted-color-surface-16dp: var(--vvd-neutral-tint-color-surface-16dp);\n --_vvd-tinted-color-surface-24dp: var(--vvd-neutral-tint-color-surface-24dp);\n --_vvd-tinted-shadow-surface-0dp: var(--vvd-neutral-tint-shadow-surface-0dp);\n --_vvd-tinted-shadow-surface-2dp: var(--vvd-neutral-tint-shadow-surface-2dp);\n --_vvd-tinted-shadow-surface-4dp: var(--vvd-neutral-tint-shadow-surface-4dp);\n --_vvd-tinted-shadow-surface-8dp: var(--vvd-neutral-tint-shadow-surface-8dp);\n --_vvd-tinted-shadow-surface-12dp: var(\n --vvd-neutral-tint-shadow-surface-12dp\n );\n --_vvd-tinted-shadow-surface-16dp: var(\n --vvd-neutral-tint-shadow-surface-16dp\n );\n --_vvd-tinted-shadow-surface-24dp: var(\n --vvd-neutral-tint-shadow-surface-24dp\n );\n}\n.vvd-neutral-tint-elevation > * {\n --_vvd-tinted-color-surface-0dp: var(--vvd-color-surface-0dp);\n --_vvd-tinted-color-surface-2dp: var(--vvd-color-surface-2dp);\n --_vvd-tinted-color-surface-4dp: var(--vvd-color-surface-4dp);\n --_vvd-tinted-color-surface-8dp: var(--vvd-color-surface-8dp);\n --_vvd-tinted-color-surface-12dp: var(--vvd-color-surface-12dp);\n --_vvd-tinted-color-surface-16dp: var(--vvd-color-surface-16dp);\n --_vvd-tinted-color-surface-24dp: var(--vvd-color-surface-24dp);\n --_vvd-tinted-shadow-surface-0dp: var(--vvd-shadow-surface-0dp);\n --_vvd-tinted-shadow-surface-2dp: var(--vvd-shadow-surface-2dp);\n --_vvd-tinted-shadow-surface-4dp: var(--vvd-shadow-surface-4dp);\n --_vvd-tinted-shadow-surface-8dp: var(--vvd-shadow-surface-8dp);\n --_vvd-tinted-shadow-surface-12dp: var(--vvd-shadow-surface-12dp);\n --_vvd-tinted-shadow-surface-16dp: var(--vvd-shadow-surface-16dp);\n --_vvd-tinted-shadow-surface-24dp: var(--vvd-shadow-surface-24dp);\n}\n"
|
|
15691
15692
|
},
|
|
15692
15693
|
typography: {
|
|
15693
15694
|
name: "core/typography",
|
|
15694
|
-
css: "
|
|
15695
|
+
css: ".vvd-root:root {\n --vvd-size-font-scale-base: 1rem;\n font-size: unset;\n}\n.vvd-root:root > body {\n font: var(--vvd-typography-base);\n font-feature-settings: \"kern\"; /* turns on kerning */\n -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */\n -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */\n text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */\n}\n.vvd-root:not(:root) {\n font: var(--vvd-typography-base);\n font-feature-settings: \"kern\"; /* turns on kerning */\n -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */\n -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */\n text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */\n}\n.vvd-root p,\n.vvd-root .font-base {\n font: var(--vvd-typography-base);\n margin-block: 16px;\n}\n.vvd-root p.tight,\n.vvd-root .font-base.tight {\n margin-block: 0;\n}\n.vvd-root .font-base-bold {\n font: var(--vvd-typography-base-bold);\n}\n.vvd-root .font-base-condensed {\n font: var(--vvd-typography-base-condensed);\n}\n.vvd-root .font-base-condensed-bold {\n font: var(--vvd-typography-base-condensed-bold);\n}\n.vvd-root .font-base-extended {\n font: var(--vvd-typography-base-extended);\n}\n.vvd-root .font-base-extended-bold {\n font: var(--vvd-typography-base-extended-bold);\n}\n.vvd-root .font-base-code {\n font: var(--vvd-typography-base-code);\n}\n.vvd-root b, .vvd-root strong {\n font-weight: 600;\n}\n.vvd-root pre, .vvd-root var, .vvd-root code, .vvd-root kbd, .vvd-root samp {\n font: var(--vvd-typography-base-code);\n}\n.vvd-root .headline {\n font: var(--vvd-typography-headline);\n margin-block: 40px;\n}\n.vvd-root .subtitle {\n font: var(--vvd-typography-subtitle);\n margin-block: 40px;\n}\n.vvd-root h1,\n.vvd-root .heading1 {\n font: var(--vvd-typography-heading-1);\n margin-block: 32px;\n}\n.vvd-root h2,\n.vvd-root .heading2 {\n font: var(--vvd-typography-heading-2);\n margin-block: 32px;\n}\n.vvd-root h3,\n.vvd-root .heading3 {\n font: var(--vvd-typography-heading-3);\n margin-block: 24px;\n}\n.vvd-root h4,\n.vvd-root .heading4 {\n font: var(--vvd-typography-heading-4);\n margin-block: 24px;\n}\n.vvd-root h5,\n.vvd-root .heading5 {\n font: var(--vvd-typography-heading-5);\n margin-block: 16px;\n}\n.vvd-root h6,\n.vvd-root .heading6 {\n font: var(--vvd-typography-heading-6);\n margin-block: 14px;\n}\n.vvd-root .headline b, .vvd-root .headline strong,\n.vvd-root .subtitle b,\n.vvd-root .subtitle strong,\n.vvd-root h1 b,\n.vvd-root h1 strong,\n.vvd-root .heading1 b,\n.vvd-root .heading1 strong,\n.vvd-root h2 b,\n.vvd-root h2 strong,\n.vvd-root .heading2 b,\n.vvd-root .heading2 strong,\n.vvd-root h3 b,\n.vvd-root h3 strong,\n.vvd-root .heading3 b,\n.vvd-root .heading3 strong,\n.vvd-root h4 b,\n.vvd-root h4 strong,\n.vvd-root .heading4 b,\n.vvd-root .heading4 strong,\n.vvd-root h5 b,\n.vvd-root h5 strong,\n.vvd-root .heading5 b,\n.vvd-root .heading5 strong,\n.vvd-root h6 b,\n.vvd-root h6 strong,\n.vvd-root .heading6 b,\n.vvd-root .heading6 strong {\n font-weight: 500;\n}\n.vvd-root .headline.tight,\n.vvd-root .subtitle.tight,\n.vvd-root h1.tight,\n.vvd-root .heading1.tight,\n.vvd-root h2.tight,\n.vvd-root .heading2.tight,\n.vvd-root h3.tight,\n.vvd-root .heading3.tight,\n.vvd-root h4.tight,\n.vvd-root .heading4.tight,\n.vvd-root h5.tight,\n.vvd-root .heading5.tight,\n.vvd-root h6.tight,\n.vvd-root .heading6.tight {\n margin-block: 0;\n}\n.vvd-root small,\n.vvd-root figcaption {\n font: var(--vvd-typography-base-condensed);\n}\n.vvd-root sub,\n.vvd-root sup {\n position: relative;\n font: var(--vvd-typography-base-condensed);\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n.vvd-root sub {\n bottom: -0.25em;\n}\n.vvd-root sup {\n top: -0.5em;\n}\n"
|
|
15695
15696
|
},
|
|
15696
15697
|
vivid2Compat: {
|
|
15697
15698
|
name: "tokens/vivid-2-compat",
|
|
15698
|
-
css: "
|
|
15699
|
+
css: ".vvd-root, ::part(vvd-root),\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --_vvd3--vvd-color-neutral-50: var(--vvd-color-neutral-50);\n}\n\n.vvd-component:not(.vvd-theme-alternate) {\n --vvd-color-neutral-50: var(--_vvd3--vvd-color-neutral-50);\n}\n"
|
|
15699
15700
|
}
|
|
15700
15701
|
};
|
|
15701
15702
|
//#endregion
|
|
@@ -15760,9 +15761,7 @@ var vividVue = { install(app, options) {
|
|
|
15760
15761
|
}
|
|
15761
15762
|
if (options.customComponentPrefix) setCustomComponentPrefix(options.customComponentPrefix);
|
|
15762
15763
|
} };
|
|
15763
|
-
/**
|
|
15764
|
-
* @deprecated Use vividVue instead.
|
|
15765
|
-
*/
|
|
15764
|
+
/** @deprecated Use vividVue instead. */
|
|
15766
15765
|
var vivid3 = vividVue;
|
|
15767
15766
|
//#endregion
|
|
15768
15767
|
export { Icon, VAccordion_default as VAccordion, VAccordionItem_default as VAccordionItem, VActionGroup_default as VActionGroup, VAlert_default as VAlert, VAudioPlayer_default as VAudioPlayer, VAvatar_default as VAvatar, VBadge_default as VBadge, VBanner_default as VBanner, VBreadcrumb_default as VBreadcrumb, VBreadcrumbItem_default as VBreadcrumbItem, VButton_default as VButton, VCalendar_default as VCalendar, VCalendarEvent_default as VCalendarEvent, VCard_default as VCard, VCheckbox_default as VCheckbox, VColorPicker_default as VColorPicker, VCombobox_default as VCombobox, VContextualHelp_default as VContextualHelp, VCountry_default as VCountry, VCountryGroup_default as VCountryGroup, VDataGrid_default as VDataGrid, VDataGridCell_default as VDataGridCell, VDataGridRow_default as VDataGridRow, VDatePicker_default as VDatePicker, VDateRangePicker_default as VDateRangePicker, VDateTimePicker_default as VDateTimePicker, VDialPad_default as VDialPad, VDialog_default as VDialog, VDivider_default as VDivider, VEmptyState_default as VEmptyState, VFab_default as VFab, VFilePicker_default as VFilePicker, VFlag_default as VFlag, VHeader_default as VHeader, VIcon_default as VIcon, VKbdKey_default as VKbdKey, VKbdShortcut_default as VKbdShortcut, VLayout_default as VLayout, VMenu_default as VMenu, VMenuItem_default as VMenuItem, VNav_default as VNav, VNavDisclosure_default as VNavDisclosure, VNavItem_default as VNavItem, VNote_default as VNote, VNumberField_default as VNumberField, VOption_default as VOption, VPagination_default as VPagination, VPlatformSwitch_default as VPlatformSwitch, VPopover_default as VPopover, VProgress_default as VProgress, VProgressRing_default as VProgressRing, VRadio_default as VRadio, VRadioGroup_default as VRadioGroup, VRangeSlider_default as VRangeSlider, VRichTextEditor_default as VRichTextEditor, VRichTextView_default as VRichTextView, VSearchableSelect_default as VSearchableSelect, VSelect_default as VSelect, VSelectableBox_default as VSelectableBox, VSideDrawer_default as VSideDrawer, VSimpleColorPicker_default as VSimpleColorPicker, VSlider_default as VSlider, VSplitButton_default as VSplitButton, VStatus_default as VStatus, VSwitch_default as VSwitch, VTab_default as VTab, VTabPanel_default as VTabPanel, VTable_default as VTable, VTableBody_default as VTableBody, VTableCell_default as VTableCell, VTableHead_default as VTableHead, VTableHeaderCell_default as VTableHeaderCell, VTableRow_default as VTableRow, VTableSortingButton_default as VTableSortingButton, VTabs_default as VTabs, VTag_default as VTag, VTagGroup_default as VTagGroup, VTextArea_default as VTextArea, VTextField_default as VTextField, VTimePicker_default as VTimePicker, VToggletip_default as VToggletip, VTooltip_default as VTooltip, VTreeItem_default as VTreeItem, VTreeView_default as VTreeView, VVideoPlayer_default as VVideoPlayer, optionalStyles, setCustomComponentPrefix, vivid3, vividVue };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vonage/vivid-vue",
|
|
3
|
-
"version": "5.23.
|
|
3
|
+
"version": "5.23.1",
|
|
4
4
|
"description": "A Vue wrapper library for Vivid components.",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "Vonage",
|
|
@@ -20,20 +20,21 @@
|
|
|
20
20
|
"web-types.json"
|
|
21
21
|
],
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@vonage/vivid": "^5.23.
|
|
23
|
+
"@vonage/vivid": "^5.23.1"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@types/node": "^20.19.40",
|
|
27
27
|
"eslint": "^10.3.0",
|
|
28
|
-
"eslint-plugin-unused-imports": "^4.4.1",
|
|
29
28
|
"glob": "^13.0.6",
|
|
30
29
|
"tsx": "^4.21.0",
|
|
31
|
-
"
|
|
30
|
+
"typescript": "5.9.3",
|
|
31
|
+
"vite": "^8.0.12",
|
|
32
|
+
"vitest": "^4.1.8",
|
|
32
33
|
"vue": "^2.7.16",
|
|
33
34
|
"vue3": "npm:vue@^3.5.34",
|
|
34
35
|
"@repo/styles": "1.0.0",
|
|
35
|
-
"@repo/eslint-config": "1.0.0",
|
|
36
36
|
"@repo/tools": "1.0.0",
|
|
37
|
+
"@repo/eslint-config": "1.0.0",
|
|
37
38
|
"@repo/vite-config": "1.0.0",
|
|
38
39
|
"@repo/typescript-config": "1.0.0",
|
|
39
40
|
"@repo/vitest-config": "1.0.0",
|
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"framework": "vue",
|
|
3
3
|
"name": "@vonage/vivid-vue",
|
|
4
|
-
"version": "5.23.
|
|
4
|
+
"version": "5.23.1",
|
|
5
5
|
"contributions": {
|
|
6
6
|
"html": {
|
|
7
7
|
"description-markup": "markdown",
|
|
@@ -1784,7 +1784,7 @@
|
|
|
1784
1784
|
},
|
|
1785
1785
|
{
|
|
1786
1786
|
"name": "placeholder",
|
|
1787
|
-
"description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
|
|
1787
|
+
"description": "Sets the placeholder value of the element, generally used to provide a hint to the user.\nUsing this attribute is not a valid substitute for a labeling element.",
|
|
1788
1788
|
"value": {
|
|
1789
1789
|
"kind": "expression",
|
|
1790
1790
|
"type": "string"
|
|
@@ -1792,7 +1792,7 @@
|
|
|
1792
1792
|
},
|
|
1793
1793
|
{
|
|
1794
1794
|
"name": "placement",
|
|
1795
|
-
"description": "the placement of the combobox
|
|
1795
|
+
"description": "the placement of the combobox",
|
|
1796
1796
|
"value": {
|
|
1797
1797
|
"kind": "expression",
|
|
1798
1798
|
"type": "'top' | 'bottom'"
|
|
@@ -3892,7 +3892,7 @@
|
|
|
3892
3892
|
},
|
|
3893
3893
|
{
|
|
3894
3894
|
"name": "VNavItem",
|
|
3895
|
-
"description": "
|
|
3895
|
+
"description": "Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
|
|
3896
3896
|
"attributes": [
|
|
3897
3897
|
{
|
|
3898
3898
|
"name": "appearance",
|
|
@@ -4199,7 +4199,7 @@
|
|
|
4199
4199
|
},
|
|
4200
4200
|
{
|
|
4201
4201
|
"name": "placeholder",
|
|
4202
|
-
"description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
|
|
4202
|
+
"description": "Sets the placeholder value of the element, generally used to provide a hint to the user.\nUsing this attribute does is not a valid substitute for a labeling element.",
|
|
4203
4203
|
"value": {
|
|
4204
4204
|
"kind": "expression",
|
|
4205
4205
|
"type": "string"
|
|
@@ -4296,7 +4296,7 @@
|
|
|
4296
4296
|
},
|
|
4297
4297
|
{
|
|
4298
4298
|
"name": "VOption",
|
|
4299
|
-
"description": "
|
|
4299
|
+
"description": "Implements https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option .",
|
|
4300
4300
|
"attributes": [
|
|
4301
4301
|
{
|
|
4302
4302
|
"name": "checked",
|
|
@@ -6789,7 +6789,7 @@
|
|
|
6789
6789
|
},
|
|
6790
6790
|
{
|
|
6791
6791
|
"name": "placeholder",
|
|
6792
|
-
"description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
|
|
6792
|
+
"description": "Sets the placeholder value of the element, generally used to provide a hint to the user.\nUsing this attribute does is not a valid substitute for a labeling element.",
|
|
6793
6793
|
"value": {
|
|
6794
6794
|
"kind": "expression",
|
|
6795
6795
|
"type": "string"
|
|
@@ -7009,7 +7009,7 @@
|
|
|
7009
7009
|
},
|
|
7010
7010
|
{
|
|
7011
7011
|
"name": "placeholder",
|
|
7012
|
-
"description": "Text that appears in the input element when it has no value set",
|
|
7012
|
+
"description": "Text that appears in the input element when it has no value set\n\nUsing this attribute does is not a valid substitute for a labeling element.",
|
|
7013
7013
|
"value": {
|
|
7014
7014
|
"kind": "expression",
|
|
7015
7015
|
"type": "string"
|