@vonage/vivid-vue 4.10.0 → 4.11.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.
- package/generated/components/VBadge.vue2.d.ts +3 -3
- package/generated/components/VBadge.vue3.d.ts +3 -3
- package/generated/components/VButton.vue2.d.ts +97 -91
- package/generated/components/VButton.vue3.d.ts +97 -91
- package/generated/components/VCheckbox.vue2.d.ts +15 -16
- package/generated/components/VCheckbox.vue3.d.ts +15 -16
- package/generated/components/VFab.vue2.d.ts +75 -60
- package/generated/components/VFab.vue3.d.ts +75 -60
- package/generated/components/VFilePicker.vue2.d.ts +20 -0
- package/generated/components/VFilePicker.vue3.d.ts +20 -0
- package/generated/components/VNavItem.vue2.d.ts +42 -42
- package/generated/components/VNavItem.vue3.d.ts +42 -42
- package/generated/components/VSlider.vue2.d.ts +1 -1
- package/generated/components/VSlider.vue3.d.ts +1 -1
- package/generated/components/VSplitButton.vue2.d.ts +3 -3
- package/generated/components/VSplitButton.vue3.d.ts +3 -3
- package/generated/components/VTextArea.vue2.d.ts +1 -1
- package/generated/components/VTextArea.vue3.d.ts +1 -1
- package/index.cjs +137 -119
- package/index.js +137 -119
- package/package.json +2 -2
- package/web-types.json +125 -116
package/index.js
CHANGED
|
@@ -1782,41 +1782,14 @@ const VButton = defineComponent({
|
|
|
1782
1782
|
* Determines if the element should receive document focus on page load.
|
|
1783
1783
|
*/
|
|
1784
1784
|
autofocus: { type: Boolean, default: void 0 },
|
|
1785
|
-
/**
|
|
1786
|
-
* The id of a form to associate the element to.
|
|
1787
|
-
*/
|
|
1788
|
-
form: { type: String, default: void 0 },
|
|
1789
|
-
/**
|
|
1790
|
-
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
|
|
1791
|
-
*/
|
|
1792
|
-
formaction: { type: String, default: void 0 },
|
|
1793
|
-
/**
|
|
1794
|
-
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
|
|
1795
|
-
*/
|
|
1796
|
-
formenctype: { type: String, default: void 0 },
|
|
1797
|
-
/**
|
|
1798
|
-
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
|
|
1799
|
-
*/
|
|
1800
|
-
formmethod: { type: String, default: void 0 },
|
|
1801
1785
|
/**
|
|
1802
1786
|
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
|
|
1803
1787
|
*/
|
|
1804
1788
|
formnovalidate: { type: Boolean, default: void 0 },
|
|
1805
1789
|
/**
|
|
1806
|
-
*
|
|
1790
|
+
* Determines if the element should receive document focus on page load.
|
|
1807
1791
|
*/
|
|
1808
|
-
|
|
1809
|
-
type: String,
|
|
1810
|
-
default: void 0
|
|
1811
|
-
},
|
|
1812
|
-
/**
|
|
1813
|
-
* The button type.
|
|
1814
|
-
*/
|
|
1815
|
-
type: {
|
|
1816
|
-
type: String,
|
|
1817
|
-
default: void 0
|
|
1818
|
-
},
|
|
1819
|
-
title: { type: String, default: void 0 },
|
|
1792
|
+
title: { type: Boolean, default: void 0 },
|
|
1820
1793
|
/**
|
|
1821
1794
|
* The connotation the button should have.
|
|
1822
1795
|
*/
|
|
@@ -1895,6 +1868,36 @@ const VButton = defineComponent({
|
|
|
1895
1868
|
target: {
|
|
1896
1869
|
type: String,
|
|
1897
1870
|
default: void 0
|
|
1871
|
+
},
|
|
1872
|
+
/**
|
|
1873
|
+
* The id of a form to associate the element to.
|
|
1874
|
+
*/
|
|
1875
|
+
form: { type: String, default: void 0 },
|
|
1876
|
+
/**
|
|
1877
|
+
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
|
|
1878
|
+
*/
|
|
1879
|
+
formaction: { type: String, default: void 0 },
|
|
1880
|
+
/**
|
|
1881
|
+
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
|
|
1882
|
+
*/
|
|
1883
|
+
formenctype: { type: String, default: void 0 },
|
|
1884
|
+
/**
|
|
1885
|
+
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
|
|
1886
|
+
*/
|
|
1887
|
+
formmethod: { type: String, default: void 0 },
|
|
1888
|
+
/**
|
|
1889
|
+
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
|
|
1890
|
+
*/
|
|
1891
|
+
formtarget: {
|
|
1892
|
+
type: String,
|
|
1893
|
+
default: void 0
|
|
1894
|
+
},
|
|
1895
|
+
/**
|
|
1896
|
+
* The button type.
|
|
1897
|
+
*/
|
|
1898
|
+
type: {
|
|
1899
|
+
type: String,
|
|
1900
|
+
default: void 0
|
|
1898
1901
|
}
|
|
1899
1902
|
},
|
|
1900
1903
|
emits: [
|
|
@@ -1958,13 +1961,7 @@ const VButton = defineComponent({
|
|
|
1958
1961
|
...this.name !== void 0 ? { name: this.name } : {},
|
|
1959
1962
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
1960
1963
|
...this.autofocus !== void 0 ? { autofocus: this.autofocus } : {},
|
|
1961
|
-
...this.form !== void 0 ? { form: this.form } : {},
|
|
1962
|
-
...this.formaction !== void 0 ? { formaction: this.formaction } : {},
|
|
1963
|
-
...this.formenctype !== void 0 ? { formenctype: this.formenctype } : {},
|
|
1964
|
-
...this.formmethod !== void 0 ? { formmethod: this.formmethod } : {},
|
|
1965
1964
|
...this.formnovalidate !== void 0 ? { formnovalidate: this.formnovalidate } : {},
|
|
1966
|
-
...this.formtarget !== void 0 ? { formtarget: this.formtarget } : {},
|
|
1967
|
-
...this.type !== void 0 ? { type: this.type } : {},
|
|
1968
1965
|
...this.title !== void 0 ? { title: this.title } : {},
|
|
1969
1966
|
...this.connotation !== void 0 ? { connotation: this.connotation } : {},
|
|
1970
1967
|
...this.shape !== void 0 ? { shape: this.shape } : {},
|
|
@@ -1981,7 +1978,13 @@ const VButton = defineComponent({
|
|
|
1981
1978
|
...this.ping !== void 0 ? { ping: this.ping } : {},
|
|
1982
1979
|
...this.referrerpolicy !== void 0 ? { referrerpolicy: this.referrerpolicy } : {},
|
|
1983
1980
|
...this.rel !== void 0 ? { rel: this.rel } : {},
|
|
1984
|
-
...this.target !== void 0 ? { target: this.target } : {}
|
|
1981
|
+
...this.target !== void 0 ? { target: this.target } : {},
|
|
1982
|
+
...this.form !== void 0 ? { form: this.form } : {},
|
|
1983
|
+
...this.formaction !== void 0 ? { formaction: this.formaction } : {},
|
|
1984
|
+
...this.formenctype !== void 0 ? { formenctype: this.formenctype } : {},
|
|
1985
|
+
...this.formmethod !== void 0 ? { formmethod: this.formmethod } : {},
|
|
1986
|
+
...this.formtarget !== void 0 ? { formtarget: this.formtarget } : {},
|
|
1987
|
+
...this.type !== void 0 ? { type: this.type } : {}
|
|
1985
1988
|
},
|
|
1986
1989
|
class: "vvd-component",
|
|
1987
1990
|
on: {
|
|
@@ -2026,14 +2029,8 @@ const VButton = defineComponent({
|
|
|
2026
2029
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
2027
2030
|
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
2028
2031
|
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
2029
|
-
...this.form !== void 0 ? { "^form": this.form } : {},
|
|
2030
|
-
...this.formaction !== void 0 ? { "^formaction": this.formaction } : {},
|
|
2031
|
-
...this.formenctype !== void 0 ? { "^formenctype": this.formenctype } : {},
|
|
2032
|
-
...this.formmethod !== void 0 ? { "^formmethod": this.formmethod } : {},
|
|
2033
2032
|
...this.formnovalidate !== void 0 && this.formnovalidate !== false ? { "^formnovalidate": this.formnovalidate } : {},
|
|
2034
|
-
...this.
|
|
2035
|
-
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
2036
|
-
...this.title !== void 0 ? { "^title": this.title } : {},
|
|
2033
|
+
...this.title !== void 0 && this.title !== false ? { "^title": this.title } : {},
|
|
2037
2034
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
2038
2035
|
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
2039
2036
|
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
@@ -2050,6 +2047,12 @@ const VButton = defineComponent({
|
|
|
2050
2047
|
...this.referrerpolicy !== void 0 ? { "^referrerpolicy": this.referrerpolicy } : {},
|
|
2051
2048
|
...this.rel !== void 0 ? { "^rel": this.rel } : {},
|
|
2052
2049
|
...this.target !== void 0 ? { "^target": this.target } : {},
|
|
2050
|
+
...this.form !== void 0 ? { "^form": this.form } : {},
|
|
2051
|
+
...this.formaction !== void 0 ? { "^formaction": this.formaction } : {},
|
|
2052
|
+
...this.formenctype !== void 0 ? { "^formenctype": this.formenctype } : {},
|
|
2053
|
+
...this.formmethod !== void 0 ? { "^formmethod": this.formmethod } : {},
|
|
2054
|
+
...this.formtarget !== void 0 ? { "^formtarget": this.formtarget } : {},
|
|
2055
|
+
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
2053
2056
|
onClick: (event) => {
|
|
2054
2057
|
this.$emit("click", event);
|
|
2055
2058
|
},
|
|
@@ -2701,10 +2704,6 @@ const VCheckbox = defineComponent({
|
|
|
2701
2704
|
* and don't support IDL attribute binding.
|
|
2702
2705
|
*/
|
|
2703
2706
|
modelValue: { type: Boolean, default: void 0 },
|
|
2704
|
-
/**
|
|
2705
|
-
* When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
|
|
2706
|
-
*/
|
|
2707
|
-
readonly: { type: Boolean, default: void 0 },
|
|
2708
2707
|
ariaLabel: { type: String, default: void 0 },
|
|
2709
2708
|
tabindex: { type: String, default: void 0 },
|
|
2710
2709
|
/**
|
|
@@ -2720,7 +2719,11 @@ const VCheckbox = defineComponent({
|
|
|
2720
2719
|
ariaChecked: {
|
|
2721
2720
|
type: String,
|
|
2722
2721
|
default: void 0
|
|
2723
|
-
}
|
|
2722
|
+
},
|
|
2723
|
+
/**
|
|
2724
|
+
* When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
|
|
2725
|
+
*/
|
|
2726
|
+
readonly: { type: Boolean, default: void 0 }
|
|
2724
2727
|
},
|
|
2725
2728
|
emits: [
|
|
2726
2729
|
/**
|
|
@@ -2765,9 +2768,6 @@ const VCheckbox = defineComponent({
|
|
|
2765
2768
|
"update:modelValue"
|
|
2766
2769
|
],
|
|
2767
2770
|
methods: {
|
|
2768
|
-
indeterminateChanged(_, next) {
|
|
2769
|
-
return this.element?.indeterminateChanged(_, next);
|
|
2770
|
-
},
|
|
2771
2771
|
ariaCheckedChanged() {
|
|
2772
2772
|
return this.element?.ariaCheckedChanged();
|
|
2773
2773
|
}
|
|
@@ -2796,11 +2796,11 @@ const VCheckbox = defineComponent({
|
|
|
2796
2796
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
2797
2797
|
...this.defaultChecked !== void 0 ? { checked: this.defaultChecked } : {},
|
|
2798
2798
|
...(this.modelValue ?? this.checked) !== void 0 ? { "current-checked": this.modelValue ?? this.checked } : {},
|
|
2799
|
-
...this.readonly !== void 0 ? { readonly: this.readonly } : {},
|
|
2800
2799
|
...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
|
|
2801
2800
|
...this.tabindex !== void 0 ? { tabindex: this.tabindex } : {},
|
|
2802
2801
|
...this.connotation !== void 0 ? { connotation: this.connotation } : {},
|
|
2803
|
-
...this.ariaChecked !== void 0 ? { "aria-checked": this.ariaChecked } : {}
|
|
2802
|
+
...this.ariaChecked !== void 0 ? { "aria-checked": this.ariaChecked } : {},
|
|
2803
|
+
...this.readonly !== void 0 ? { readonly: this.readonly } : {}
|
|
2804
2804
|
},
|
|
2805
2805
|
class: "vvd-component",
|
|
2806
2806
|
on: {
|
|
@@ -2855,11 +2855,11 @@ const VCheckbox = defineComponent({
|
|
|
2855
2855
|
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
2856
2856
|
...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
|
|
2857
2857
|
...(this.modelValue ?? this.checked) !== void 0 && (this.modelValue ?? this.checked) !== false ? { "^current-checked": this.modelValue ?? this.checked } : {},
|
|
2858
|
-
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
2859
2858
|
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
2860
2859
|
...this.tabindex !== void 0 ? { "^tabindex": this.tabindex } : {},
|
|
2861
2860
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
2862
2861
|
...this.ariaChecked !== void 0 ? { "^aria-checked": this.ariaChecked } : {},
|
|
2862
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
2863
2863
|
onClick: (event) => {
|
|
2864
2864
|
this.$emit("click", event);
|
|
2865
2865
|
},
|
|
@@ -5063,6 +5063,28 @@ const VFab = defineComponent({
|
|
|
5063
5063
|
* Require the field to be completed prior to form submission.
|
|
5064
5064
|
*/
|
|
5065
5065
|
required: { type: Boolean, default: void 0 },
|
|
5066
|
+
/**
|
|
5067
|
+
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
|
|
5068
|
+
*/
|
|
5069
|
+
formnovalidate: { type: Boolean, default: void 0 },
|
|
5070
|
+
/**
|
|
5071
|
+
* The connotation the fab should have.
|
|
5072
|
+
*/
|
|
5073
|
+
connotation: {
|
|
5074
|
+
type: String,
|
|
5075
|
+
default: void 0
|
|
5076
|
+
},
|
|
5077
|
+
/**
|
|
5078
|
+
* The size the FAB should have.
|
|
5079
|
+
*/
|
|
5080
|
+
size: {
|
|
5081
|
+
type: String,
|
|
5082
|
+
default: void 0
|
|
5083
|
+
},
|
|
5084
|
+
/**
|
|
5085
|
+
* Indicates the fab's label.
|
|
5086
|
+
*/
|
|
5087
|
+
label: { type: String, default: void 0 },
|
|
5066
5088
|
/**
|
|
5067
5089
|
* Determines if the element should receive document focus on page load.
|
|
5068
5090
|
*/
|
|
@@ -5083,10 +5105,6 @@ const VFab = defineComponent({
|
|
|
5083
5105
|
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
|
|
5084
5106
|
*/
|
|
5085
5107
|
formmethod: { type: String, default: void 0 },
|
|
5086
|
-
/**
|
|
5087
|
-
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
|
|
5088
|
-
*/
|
|
5089
|
-
formnovalidate: { type: Boolean, default: void 0 },
|
|
5090
5108
|
/**
|
|
5091
5109
|
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
|
|
5092
5110
|
*/
|
|
@@ -5100,25 +5118,7 @@ const VFab = defineComponent({
|
|
|
5100
5118
|
type: {
|
|
5101
5119
|
type: String,
|
|
5102
5120
|
default: void 0
|
|
5103
|
-
}
|
|
5104
|
-
/**
|
|
5105
|
-
* The connotation the fab should have.
|
|
5106
|
-
*/
|
|
5107
|
-
connotation: {
|
|
5108
|
-
type: String,
|
|
5109
|
-
default: void 0
|
|
5110
|
-
},
|
|
5111
|
-
/**
|
|
5112
|
-
* The size the FAB should have.
|
|
5113
|
-
*/
|
|
5114
|
-
size: {
|
|
5115
|
-
type: String,
|
|
5116
|
-
default: void 0
|
|
5117
|
-
},
|
|
5118
|
-
/**
|
|
5119
|
-
* Indicates the fab's label.
|
|
5120
|
-
*/
|
|
5121
|
-
label: { type: String, default: void 0 }
|
|
5121
|
+
}
|
|
5122
5122
|
},
|
|
5123
5123
|
emits: [
|
|
5124
5124
|
/**
|
|
@@ -5180,17 +5180,17 @@ const VFab = defineComponent({
|
|
|
5180
5180
|
...this.value !== void 0 ? { "current-value": this.value } : {},
|
|
5181
5181
|
...this.name !== void 0 ? { name: this.name } : {},
|
|
5182
5182
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
5183
|
+
...this.formnovalidate !== void 0 ? { formnovalidate: this.formnovalidate } : {},
|
|
5184
|
+
...this.connotation !== void 0 ? { connotation: this.connotation } : {},
|
|
5185
|
+
...this.size !== void 0 ? { size: this.size } : {},
|
|
5186
|
+
...this.label !== void 0 ? { label: this.label } : {},
|
|
5183
5187
|
...this.autofocus !== void 0 ? { autofocus: this.autofocus } : {},
|
|
5184
5188
|
...this.form !== void 0 ? { form: this.form } : {},
|
|
5185
5189
|
...this.formaction !== void 0 ? { formaction: this.formaction } : {},
|
|
5186
5190
|
...this.formenctype !== void 0 ? { formenctype: this.formenctype } : {},
|
|
5187
5191
|
...this.formmethod !== void 0 ? { formmethod: this.formmethod } : {},
|
|
5188
|
-
...this.formnovalidate !== void 0 ? { formnovalidate: this.formnovalidate } : {},
|
|
5189
5192
|
...this.formtarget !== void 0 ? { formtarget: this.formtarget } : {},
|
|
5190
|
-
...this.type !== void 0 ? { type: this.type } : {}
|
|
5191
|
-
...this.connotation !== void 0 ? { connotation: this.connotation } : {},
|
|
5192
|
-
...this.size !== void 0 ? { size: this.size } : {},
|
|
5193
|
-
...this.label !== void 0 ? { label: this.label } : {}
|
|
5193
|
+
...this.type !== void 0 ? { type: this.type } : {}
|
|
5194
5194
|
},
|
|
5195
5195
|
class: "vvd-component",
|
|
5196
5196
|
on: {
|
|
@@ -5234,17 +5234,17 @@ const VFab = defineComponent({
|
|
|
5234
5234
|
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
5235
5235
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
5236
5236
|
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
5237
|
+
...this.formnovalidate !== void 0 && this.formnovalidate !== false ? { "^formnovalidate": this.formnovalidate } : {},
|
|
5238
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
5239
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
5240
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
5237
5241
|
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
5238
5242
|
...this.form !== void 0 ? { "^form": this.form } : {},
|
|
5239
5243
|
...this.formaction !== void 0 ? { "^formaction": this.formaction } : {},
|
|
5240
5244
|
...this.formenctype !== void 0 ? { "^formenctype": this.formenctype } : {},
|
|
5241
5245
|
...this.formmethod !== void 0 ? { "^formmethod": this.formmethod } : {},
|
|
5242
|
-
...this.formnovalidate !== void 0 && this.formnovalidate !== false ? { "^formnovalidate": this.formnovalidate } : {},
|
|
5243
5246
|
...this.formtarget !== void 0 ? { "^formtarget": this.formtarget } : {},
|
|
5244
5247
|
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
5245
|
-
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
5246
|
-
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
5247
|
-
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
5248
5248
|
onClick: (event) => {
|
|
5249
5249
|
this.$emit("click", event);
|
|
5250
5250
|
},
|
|
@@ -5321,6 +5321,10 @@ const VFilePicker = defineComponent({
|
|
|
5321
5321
|
* Require the field to be completed prior to form submission.
|
|
5322
5322
|
*/
|
|
5323
5323
|
required: { type: Boolean, default: void 0 },
|
|
5324
|
+
/**
|
|
5325
|
+
* Single file state.
|
|
5326
|
+
*/
|
|
5327
|
+
singleFile: { type: Boolean, default: void 0 },
|
|
5324
5328
|
/**
|
|
5325
5329
|
* The max files that can be selected.
|
|
5326
5330
|
*/
|
|
@@ -5379,6 +5383,9 @@ const VFilePicker = defineComponent({
|
|
|
5379
5383
|
"change"
|
|
5380
5384
|
],
|
|
5381
5385
|
methods: {
|
|
5386
|
+
singleFileChanged() {
|
|
5387
|
+
return this.element?.singleFileChanged();
|
|
5388
|
+
},
|
|
5382
5389
|
maxFilesChanged(_oldValue, newValue) {
|
|
5383
5390
|
return this.element?.maxFilesChanged(_oldValue, newValue);
|
|
5384
5391
|
},
|
|
@@ -5396,6 +5403,12 @@ const VFilePicker = defineComponent({
|
|
|
5396
5403
|
},
|
|
5397
5404
|
formResetCallback() {
|
|
5398
5405
|
return this.element?.formResetCallback();
|
|
5406
|
+
},
|
|
5407
|
+
/**
|
|
5408
|
+
* Removes all files from the File Picker.
|
|
5409
|
+
*/
|
|
5410
|
+
removeAllFiles() {
|
|
5411
|
+
return this.element?.removeAllFiles();
|
|
5399
5412
|
}
|
|
5400
5413
|
},
|
|
5401
5414
|
setup(props, ctx) {
|
|
@@ -5419,6 +5432,7 @@ const VFilePicker = defineComponent({
|
|
|
5419
5432
|
...this.value !== void 0 ? { "current-value": this.value } : {},
|
|
5420
5433
|
...this.name !== void 0 ? { name: this.name } : {},
|
|
5421
5434
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
5435
|
+
...this.singleFile !== void 0 ? { "single-file": this.singleFile } : {},
|
|
5422
5436
|
...this.maxFiles !== void 0 ? { "max-files": this.maxFiles } : {},
|
|
5423
5437
|
...this.maxFileSize !== void 0 ? { "max-file-size": this.maxFileSize } : {},
|
|
5424
5438
|
...this.accept !== void 0 ? { accept: this.accept } : {},
|
|
@@ -5470,6 +5484,7 @@ const VFilePicker = defineComponent({
|
|
|
5470
5484
|
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
5471
5485
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
5472
5486
|
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
5487
|
+
...this.singleFile !== void 0 && this.singleFile !== false ? { "^single-file": this.singleFile } : {},
|
|
5473
5488
|
...this.maxFiles !== void 0 ? { "^max-files": this.maxFiles } : {},
|
|
5474
5489
|
...this.maxFileSize !== void 0 ? { "^max-file-size": this.maxFileSize } : {},
|
|
5475
5490
|
...this.accept !== void 0 ? { "^accept": this.accept } : {},
|
|
@@ -6710,6 +6725,24 @@ const VNavItem = defineComponent({
|
|
|
6710
6725
|
type: String,
|
|
6711
6726
|
default: void 0
|
|
6712
6727
|
},
|
|
6728
|
+
/**
|
|
6729
|
+
* Indicates the text anchor's text.
|
|
6730
|
+
*/
|
|
6731
|
+
text: { type: String, default: void 0 },
|
|
6732
|
+
/**
|
|
6733
|
+
* The connotation Text-Anchor should have.
|
|
6734
|
+
*/
|
|
6735
|
+
connotation: {
|
|
6736
|
+
type: String,
|
|
6737
|
+
default: void 0
|
|
6738
|
+
},
|
|
6739
|
+
/**
|
|
6740
|
+
* The appearance Text-Anchor should have.
|
|
6741
|
+
*/
|
|
6742
|
+
appearance: {
|
|
6743
|
+
type: String,
|
|
6744
|
+
default: void 0
|
|
6745
|
+
},
|
|
6713
6746
|
/**
|
|
6714
6747
|
* Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.
|
|
6715
6748
|
*/
|
|
@@ -6744,25 +6777,7 @@ const VNavItem = defineComponent({
|
|
|
6744
6777
|
/**
|
|
6745
6778
|
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.
|
|
6746
6779
|
*/
|
|
6747
|
-
type: { type: String, default: void 0 }
|
|
6748
|
-
/**
|
|
6749
|
-
* Indicates the text anchor's text.
|
|
6750
|
-
*/
|
|
6751
|
-
text: { type: String, default: void 0 },
|
|
6752
|
-
/**
|
|
6753
|
-
* The connotation Text-Anchor should have.
|
|
6754
|
-
*/
|
|
6755
|
-
connotation: {
|
|
6756
|
-
type: String,
|
|
6757
|
-
default: void 0
|
|
6758
|
-
},
|
|
6759
|
-
/**
|
|
6760
|
-
* The appearance Text-Anchor should have.
|
|
6761
|
-
*/
|
|
6762
|
-
appearance: {
|
|
6763
|
-
type: String,
|
|
6764
|
-
default: void 0
|
|
6765
|
-
}
|
|
6780
|
+
type: { type: String, default: void 0 }
|
|
6766
6781
|
},
|
|
6767
6782
|
emits: [
|
|
6768
6783
|
/**
|
|
@@ -6815,6 +6830,9 @@ const VNavItem = defineComponent({
|
|
|
6815
6830
|
attrs: {
|
|
6816
6831
|
...this.icon !== void 0 ? { icon: this.icon } : {},
|
|
6817
6832
|
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
6833
|
+
...this.text !== void 0 ? { text: this.text } : {},
|
|
6834
|
+
...this.connotation !== void 0 ? { connotation: this.connotation } : {},
|
|
6835
|
+
...this.appearance !== void 0 ? { appearance: this.appearance } : {},
|
|
6818
6836
|
...this.download !== void 0 ? { download: this.download } : {},
|
|
6819
6837
|
...this.href !== void 0 ? { href: this.href } : {},
|
|
6820
6838
|
...this.hreflang !== void 0 ? { hreflang: this.hreflang } : {},
|
|
@@ -6822,10 +6840,7 @@ const VNavItem = defineComponent({
|
|
|
6822
6840
|
...this.referrerpolicy !== void 0 ? { referrerpolicy: this.referrerpolicy } : {},
|
|
6823
6841
|
...this.rel !== void 0 ? { rel: this.rel } : {},
|
|
6824
6842
|
...this.target !== void 0 ? { target: this.target } : {},
|
|
6825
|
-
...this.type !== void 0 ? { type: this.type } : {}
|
|
6826
|
-
...this.text !== void 0 ? { text: this.text } : {},
|
|
6827
|
-
...this.connotation !== void 0 ? { connotation: this.connotation } : {},
|
|
6828
|
-
...this.appearance !== void 0 ? { appearance: this.appearance } : {}
|
|
6843
|
+
...this.type !== void 0 ? { type: this.type } : {}
|
|
6829
6844
|
},
|
|
6830
6845
|
class: "vvd-component",
|
|
6831
6846
|
on: {
|
|
@@ -6865,6 +6880,9 @@ const VNavItem = defineComponent({
|
|
|
6865
6880
|
class: "vvd-component",
|
|
6866
6881
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
6867
6882
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
6883
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
6884
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
6885
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
6868
6886
|
...this.download !== void 0 ? { "^download": this.download } : {},
|
|
6869
6887
|
...this.href !== void 0 ? { "^href": this.href } : {},
|
|
6870
6888
|
...this.hreflang !== void 0 ? { "^hreflang": this.hreflang } : {},
|
|
@@ -6873,9 +6891,6 @@ const VNavItem = defineComponent({
|
|
|
6873
6891
|
...this.rel !== void 0 ? { "^rel": this.rel } : {},
|
|
6874
6892
|
...this.target !== void 0 ? { "^target": this.target } : {},
|
|
6875
6893
|
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
6876
|
-
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
6877
|
-
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
6878
|
-
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
6879
6894
|
onClick: (event) => {
|
|
6880
6895
|
this.$emit("click", event);
|
|
6881
6896
|
},
|
|
@@ -9886,8 +9901,11 @@ const VSlider = defineComponent({
|
|
|
9886
9901
|
/**
|
|
9887
9902
|
* Places the thumb based on the current value
|
|
9888
9903
|
*/
|
|
9889
|
-
setThumbPositionForOrientation(direction) {
|
|
9890
|
-
return this.element?.setThumbPositionForOrientation(
|
|
9904
|
+
setThumbPositionForOrientation(_, direction) {
|
|
9905
|
+
return this.element?.setThumbPositionForOrientation(
|
|
9906
|
+
_,
|
|
9907
|
+
direction
|
|
9908
|
+
);
|
|
9891
9909
|
}
|
|
9892
9910
|
},
|
|
9893
9911
|
setup(props, ctx) {
|
|
@@ -14235,17 +14253,17 @@ var Icon = /* @__PURE__ */ ((Icon2) => {
|
|
|
14235
14253
|
return Icon2;
|
|
14236
14254
|
})(Icon || {});
|
|
14237
14255
|
|
|
14238
|
-
const tokensThemeLightCss = "/**\n * Do not edit directly\n * Generated on Wed, 23 Oct 2024 11:35:04 GMT\n */\n/**\n * Do not edit directly\n * Generated on Wed, 23 Oct 2024 11:35:04 GMT\n */\n/**\n * Do not edit directly\n * Generated on Wed, 23 Oct 2024 11:35:04 GMT\n */\n/**\n * Do not edit directly\n * Generated on Wed, 23 Oct 2024 11:35:04 GMT\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n}\n";
|
|
14256
|
+
const tokensThemeLightCss = "/**\n * Do not edit directly\n * Generated on Wed, 13 Nov 2024 14:14:30 GMT\n */\n/**\n * Do not edit directly\n * Generated on Wed, 13 Nov 2024 14:14:30 GMT\n */\n/**\n * Do not edit directly\n * Generated on Wed, 13 Nov 2024 14:14:30 GMT\n */\n/**\n * Do not edit directly\n * Generated on Wed, 13 Nov 2024 14:14:30 GMT\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n}\n";
|
|
14239
14257
|
|
|
14240
|
-
const tokensThemeDarkCss = "/**\n * Do not edit directly\n * Generated on Wed, 23 Oct 2024 11:35:04 GMT\n */\n/**\n * Do not edit directly\n * Generated on Wed, 23 Oct 2024 11:35:04 GMT\n */\n/**\n * Do not edit directly\n * Generated on Wed, 23 Oct 2024 11:35:04 GMT\n */\n/**\n * Do not edit directly\n * Generated on Wed, 23 Oct 2024 11:35:04 GMT\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n}\n";
|
|
14258
|
+
const tokensThemeDarkCss = "/**\n * Do not edit directly\n * Generated on Wed, 13 Nov 2024 14:14:30 GMT\n */\n/**\n * Do not edit directly\n * Generated on Wed, 13 Nov 2024 14:14:30 GMT\n */\n/**\n * Do not edit directly\n * Generated on Wed, 13 Nov 2024 14:14:30 GMT\n */\n/**\n * Do not edit directly\n * Generated on Wed, 13 Nov 2024 14:14:30 GMT\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n}\n";
|
|
14241
14259
|
|
|
14242
14260
|
const fontsSpeziaVariableCss = "@font-face {\n font-family: SpeziaCompleteVariableUpright;\n font-stretch: 50% 200%;\n font-weight: 1 1000;\n font-display: block;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2\") format(\"woff2\");\n}\n@font-face {\n font-family: SpeziaMonoCompleteVariable;\n font-stretch: 50% 200%;\n font-weight: 1 1000;\n font-display: block;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaMonoCompleteVariableWeb.woff2\") format(\"woff2\");\n}\n.vvd-root {\n --vvd-typography-headline: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 4.125) / 1.3333333333333333\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-subtitle: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 3.25) / 1.3076923076923077\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-heading-1: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 2.5) / 1.3\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-heading-2: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 2) / 1.375\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-heading-3: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 1.625) / 1.3846153846153846\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-heading-4: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 1.25) / 1.4\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base: 400 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-bold: 600 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-code: 400 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n \tSpeziaMonoCompleteVariable;\n --vvd-typography-base-condensed: 400 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-condensed-bold: 600 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-extended: 400 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px)) / 1.5\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-extended-bold: 600 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px)) / 1.5\n \tSpeziaCompleteVariableUpright;\n}\n";
|
|
14243
14261
|
|
|
14244
|
-
const tokensVivid2CompatCss = "/**\n * Do not edit directly\n * Generated on Wed,
|
|
14262
|
+
const tokensVivid2CompatCss = "/**\n * Do not edit directly\n * Generated on Wed, 13 Nov 2024 14:14:30 GMT\n */\n.vvd-root, ::part(vvd-root),\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --_vvd3--vvd-color-neutral-50: var(\n \t--vvd-color-neutral-50\n );\n}\n\n.vvd-component:not(.vvd-theme-alternate) {\n --vvd-color-neutral-50: var(--_vvd3--vvd-color-neutral-50);\n}\n";
|
|
14245
14263
|
|
|
14246
|
-
const coreThemeCss = "/**\n * Do not edit directly\n * Generated on Wed,
|
|
14264
|
+
const coreThemeCss = "/**\n * Do not edit directly\n * Generated on Wed, 13 Nov 2024 14:14:30 GMT\n */\n.vvd-root {\n color-scheme: var(--vvd-color-scheme);\n background-color: var(--vvd-color-canvas);\n color: var(--vvd-color-canvas-text);\n}\n";
|
|
14247
14265
|
|
|
14248
|
-
const coreTypographyCss = "/**\n * Do not edit directly\n * Generated on Wed,
|
|
14266
|
+
const coreTypographyCss = "/**\n * Do not edit directly\n * Generated on Wed, 13 Nov 2024 14:14:30 GMT\n */\n.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 text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and 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}\n.vvd-root:not(:root) {\n font: var(--vvd-typography-base);\n font-feature-settings: \"kern\"; /* turns on kerning */\n text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and 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}\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 .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 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 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 font: var(--vvd-typography-base-condensed);\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n.vvd-root sub {\n bottom: -0.25em;\n}\n.vvd-root sup {\n top: -0.5em;\n}\n";
|
|
14249
14267
|
|
|
14250
14268
|
const theme = {
|
|
14251
14269
|
name: "core/theme",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vonage/vivid-vue",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.11.0",
|
|
4
4
|
"description": "A Vue wrapper library for Vivid components.",
|
|
5
5
|
"author": "Vonage",
|
|
6
6
|
"license": "ISC",
|
|
@@ -20,6 +20,6 @@
|
|
|
20
20
|
"vue": "^2.7.0 || >=3.0.0"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@vonage/vivid": "^4.
|
|
23
|
+
"@vonage/vivid": "^4.11.0"
|
|
24
24
|
}
|
|
25
25
|
}
|