@sentropic/design-system-vue 0.34.0 → 0.35.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/dist/Accordion.d.ts +22 -0
- package/dist/Accordion.d.ts.map +1 -1
- package/dist/Accordion.js +13 -7
- package/dist/Accordion.js.map +1 -1
- package/dist/Avatar.d.ts +1 -1
- package/dist/AvatarGroup.d.ts +1 -1
- package/dist/Button.d.ts +1 -1
- package/dist/ButtonGroup.d.ts +1 -1
- package/dist/ChatComposer.d.ts.map +1 -1
- package/dist/ChatComposer.js +5 -1
- package/dist/ChatComposer.js.map +1 -1
- package/dist/ChatMessage.d.ts +22 -2
- package/dist/ChatMessage.d.ts.map +1 -1
- package/dist/ChatMessage.js +27 -12
- package/dist/ChatMessage.js.map +1 -1
- package/dist/ChatThread.d.ts.map +1 -1
- package/dist/ChatThread.js +3 -0
- package/dist/ChatThread.js.map +1 -1
- package/dist/Col.d.ts +3 -3
- package/dist/Combobox.d.ts +1 -1
- package/dist/Container.d.ts +1 -1
- package/dist/ContentSwitcher.d.ts +1 -1
- package/dist/CopyButton.d.ts +1 -1
- package/dist/DataTable.d.ts +1 -1
- package/dist/DatePicker.d.ts +1 -1
- package/dist/DonutChart.d.ts +1 -1
- package/dist/Flex.d.ts +1 -1
- package/dist/FormGroup.d.ts.map +1 -1
- package/dist/FormGroup.js +4 -2
- package/dist/FormGroup.js.map +1 -1
- package/dist/GaugeChart.d.ts +1 -1
- package/dist/IconButton.d.ts +1 -1
- package/dist/Inline.d.ts +1 -1
- package/dist/Input.d.ts +1 -1
- package/dist/KpiCard.d.ts +1 -1
- package/dist/MenuTriggerButton.d.ts +22 -0
- package/dist/MenuTriggerButton.d.ts.map +1 -1
- package/dist/MenuTriggerButton.js +4 -1
- package/dist/MenuTriggerButton.js.map +1 -1
- package/dist/MessageActions.d.ts.map +1 -1
- package/dist/MessageActions.js +11 -9
- package/dist/MessageActions.js.map +1 -1
- package/dist/MultiSelect.d.ts +112 -1
- package/dist/MultiSelect.d.ts.map +1 -1
- package/dist/MultiSelect.js +121 -62
- package/dist/MultiSelect.js.map +1 -1
- package/dist/NumberInput.d.ts +1 -1
- package/dist/PasswordInput.d.ts +1 -1
- package/dist/ProgressBar.d.ts +31 -1
- package/dist/ProgressBar.d.ts.map +1 -1
- package/dist/ProgressBar.js +32 -23
- package/dist/ProgressBar.js.map +1 -1
- package/dist/RangeSlider.d.ts +2 -2
- package/dist/Rating.d.ts +1 -1
- package/dist/Rating.d.ts.map +1 -1
- package/dist/Row.d.ts +1 -1
- package/dist/Search.d.ts +1 -1
- package/dist/Select.d.ts +1 -1
- package/dist/SlideIndicator.d.ts +1 -1
- package/dist/SlideIndicator.d.ts.map +1 -1
- package/dist/Slider.d.ts +2 -2
- package/dist/Stack.d.ts +1 -1
- package/dist/Tag.d.ts +1 -1
- package/dist/TimePicker.d.ts +1 -1
- package/dist/TimePicker.d.ts.map +1 -1
- package/dist/Toggle.d.ts +21 -1
- package/dist/Toggle.d.ts.map +1 -1
- package/dist/Toggle.js +33 -27
- package/dist/Toggle.js.map +1 -1
- package/dist/Typography.d.ts +1 -1
- package/package.json +1 -1
package/dist/ProgressBar.d.ts
CHANGED
|
@@ -2,11 +2,14 @@ export type ProgressBarTone = "neutral" | "info" | "success" | "warning" | "erro
|
|
|
2
2
|
export type ProgressBarSize = "sm" | "md" | "lg";
|
|
3
3
|
export type ProgressBarProps = {
|
|
4
4
|
label?: unknown;
|
|
5
|
+
helperText?: string;
|
|
5
6
|
value?: number;
|
|
6
7
|
max?: number;
|
|
7
8
|
tone?: ProgressBarTone;
|
|
8
9
|
size?: ProgressBarSize;
|
|
9
10
|
indeterminate?: boolean;
|
|
11
|
+
showValue?: boolean;
|
|
12
|
+
valueText?: string;
|
|
10
13
|
class?: string;
|
|
11
14
|
};
|
|
12
15
|
export declare const ProgressBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -14,6 +17,10 @@ export declare const ProgressBar: import("vue").DefineComponent<import("vue").Ex
|
|
|
14
17
|
type: () => unknown;
|
|
15
18
|
default: undefined;
|
|
16
19
|
};
|
|
20
|
+
helperText: {
|
|
21
|
+
type: StringConstructor;
|
|
22
|
+
default: undefined;
|
|
23
|
+
};
|
|
17
24
|
value: {
|
|
18
25
|
type: NumberConstructor;
|
|
19
26
|
default: number;
|
|
@@ -34,6 +41,14 @@ export declare const ProgressBar: import("vue").DefineComponent<import("vue").Ex
|
|
|
34
41
|
type: BooleanConstructor;
|
|
35
42
|
default: boolean;
|
|
36
43
|
};
|
|
44
|
+
showValue: {
|
|
45
|
+
type: BooleanConstructor;
|
|
46
|
+
default: boolean;
|
|
47
|
+
};
|
|
48
|
+
valueText: {
|
|
49
|
+
type: StringConstructor;
|
|
50
|
+
default: undefined;
|
|
51
|
+
};
|
|
37
52
|
class: {
|
|
38
53
|
type: StringConstructor;
|
|
39
54
|
default: undefined;
|
|
@@ -45,6 +60,10 @@ export declare const ProgressBar: import("vue").DefineComponent<import("vue").Ex
|
|
|
45
60
|
type: () => unknown;
|
|
46
61
|
default: undefined;
|
|
47
62
|
};
|
|
63
|
+
helperText: {
|
|
64
|
+
type: StringConstructor;
|
|
65
|
+
default: undefined;
|
|
66
|
+
};
|
|
48
67
|
value: {
|
|
49
68
|
type: NumberConstructor;
|
|
50
69
|
default: number;
|
|
@@ -65,17 +84,28 @@ export declare const ProgressBar: import("vue").DefineComponent<import("vue").Ex
|
|
|
65
84
|
type: BooleanConstructor;
|
|
66
85
|
default: boolean;
|
|
67
86
|
};
|
|
87
|
+
showValue: {
|
|
88
|
+
type: BooleanConstructor;
|
|
89
|
+
default: boolean;
|
|
90
|
+
};
|
|
91
|
+
valueText: {
|
|
92
|
+
type: StringConstructor;
|
|
93
|
+
default: undefined;
|
|
94
|
+
};
|
|
68
95
|
class: {
|
|
69
96
|
type: StringConstructor;
|
|
70
97
|
default: undefined;
|
|
71
98
|
};
|
|
72
99
|
}>> & Readonly<{}>, {
|
|
100
|
+
size: ProgressBarSize;
|
|
73
101
|
class: string;
|
|
74
102
|
label: undefined;
|
|
75
|
-
size: ProgressBarSize;
|
|
76
103
|
max: number;
|
|
77
104
|
tone: ProgressBarTone;
|
|
78
105
|
value: number;
|
|
106
|
+
helperText: string;
|
|
79
107
|
indeterminate: boolean;
|
|
108
|
+
showValue: boolean;
|
|
109
|
+
valueText: string;
|
|
80
110
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
81
111
|
//# sourceMappingURL=ProgressBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../src/ProgressBar.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AACZ,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../src/ProgressBar.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AACZ,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;;;;;;;;;;;;;cAKzC,MAAM,eAAe;;;;cAIrB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;cATO,MAAM,OAAO;;;;;;;;;;;;;;;;cAKzC,MAAM,eAAe;;;;cAIrB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA6EzC,CAAC"}
|
package/dist/ProgressBar.js
CHANGED
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
import { defineComponent, h } from "vue";
|
|
2
2
|
import { classNames } from "./classNames.js";
|
|
3
|
-
function clamp(value, min, max) {
|
|
4
|
-
return Math.min(max, Math.max(min, value));
|
|
5
|
-
}
|
|
6
|
-
function pct(value, min = 0, max = 100) {
|
|
7
|
-
if (max <= min)
|
|
8
|
-
return 0;
|
|
9
|
-
return clamp(((value - min) / (max - min)) * 100, 0, 100);
|
|
10
|
-
}
|
|
11
3
|
export const ProgressBar = defineComponent({
|
|
12
4
|
name: "ProgressBar",
|
|
13
5
|
props: {
|
|
14
6
|
label: { type: [String, Object], default: undefined },
|
|
7
|
+
helperText: { type: String, default: undefined },
|
|
15
8
|
value: { type: Number, default: 0 },
|
|
16
9
|
max: { type: Number, default: 100 },
|
|
17
10
|
tone: {
|
|
@@ -23,38 +16,54 @@ export const ProgressBar = defineComponent({
|
|
|
23
16
|
default: "md",
|
|
24
17
|
},
|
|
25
18
|
indeterminate: { type: Boolean, default: false },
|
|
19
|
+
showValue: { type: Boolean, default: false },
|
|
20
|
+
valueText: { type: String, default: undefined },
|
|
26
21
|
class: { type: String, default: undefined },
|
|
27
22
|
},
|
|
28
23
|
setup(props, { attrs }) {
|
|
29
24
|
return () => {
|
|
30
|
-
const
|
|
25
|
+
const max = props.max ?? 100;
|
|
26
|
+
const value = props.value ?? 0;
|
|
27
|
+
const clamped = max <= 0 ? 0 : Math.min(Math.max(value, 0), max);
|
|
28
|
+
const percent = props.indeterminate ? 0 : (clamped / max) * 100;
|
|
29
|
+
const displayValue = props.valueText
|
|
30
|
+
? props.valueText
|
|
31
|
+
: props.indeterminate
|
|
32
|
+
? ""
|
|
33
|
+
: `${Math.round(percent)}%`;
|
|
34
|
+
const showValueSpan = props.showValue && !props.indeterminate;
|
|
31
35
|
return h("div", {
|
|
32
36
|
...attrs,
|
|
33
37
|
class: classNames("st-progressBar", props.class),
|
|
34
38
|
}, [
|
|
35
|
-
props.label
|
|
36
|
-
? h("div", { class: "st-
|
|
39
|
+
props.label || showValueSpan
|
|
40
|
+
? h("div", { class: "st-progressBar__header" }, [
|
|
41
|
+
props.label
|
|
42
|
+
? h("span", { class: "st-progressBar__label" }, props.label)
|
|
43
|
+
: null,
|
|
44
|
+
showValueSpan
|
|
45
|
+
? h("span", { class: "st-progressBar__value", "aria-hidden": "true" }, displayValue)
|
|
46
|
+
: null,
|
|
47
|
+
])
|
|
37
48
|
: null,
|
|
38
49
|
h("div", {
|
|
39
|
-
class: classNames("st-progressBar__track", `st-progressBar__track--${props.
|
|
50
|
+
class: classNames("st-progressBar__track", `st-progressBar__track--${props.size}`, `st-progressBar__track--${props.tone}`, props.indeterminate &&
|
|
40
51
|
"st-progressBar__track--indeterminate"),
|
|
41
52
|
role: "progressbar",
|
|
42
|
-
"aria-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
"aria-
|
|
46
|
-
"aria-
|
|
53
|
+
"aria-valuemin": props.indeterminate ? undefined : 0,
|
|
54
|
+
"aria-valuemax": props.indeterminate ? undefined : max,
|
|
55
|
+
"aria-valuenow": props.indeterminate ? undefined : clamped,
|
|
56
|
+
"aria-valuetext": props.indeterminate ? undefined : displayValue,
|
|
57
|
+
"aria-label": typeof props.label === "string" ? props.label : undefined,
|
|
47
58
|
}, [
|
|
48
59
|
h("div", {
|
|
49
60
|
class: "st-progressBar__fill",
|
|
50
|
-
style: {
|
|
51
|
-
width: props.indeterminate
|
|
52
|
-
? undefined
|
|
53
|
-
: `${percent}%`,
|
|
54
|
-
},
|
|
61
|
+
style: { "--st-progressBar-pct": `${percent}%` },
|
|
55
62
|
}),
|
|
56
63
|
]),
|
|
57
|
-
|
|
64
|
+
props.helperText
|
|
65
|
+
? h("span", { class: "st-progressBar__help" }, props.helperText)
|
|
66
|
+
: null,
|
|
58
67
|
]);
|
|
59
68
|
};
|
|
60
69
|
},
|
package/dist/ProgressBar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.ts"],"names":[],"mappings":"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"}
|
package/dist/RangeSlider.d.ts
CHANGED
|
@@ -166,11 +166,11 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
|
|
|
166
166
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
167
167
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
168
168
|
}>, {
|
|
169
|
+
size: RangeSliderSize;
|
|
169
170
|
class: string;
|
|
170
171
|
label: string;
|
|
171
172
|
invalid: boolean;
|
|
172
173
|
disabled: boolean;
|
|
173
|
-
size: RangeSliderSize;
|
|
174
174
|
max: number;
|
|
175
175
|
min: number;
|
|
176
176
|
value: [number, number];
|
|
@@ -178,8 +178,8 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
|
|
|
178
178
|
modelValue: [number, number];
|
|
179
179
|
errorText: string;
|
|
180
180
|
step: number;
|
|
181
|
-
defaultValue: [number, number];
|
|
182
181
|
showValue: boolean;
|
|
182
|
+
defaultValue: [number, number];
|
|
183
183
|
valueFormatter: (value: number) => string;
|
|
184
184
|
ariaLabelMin: string;
|
|
185
185
|
ariaLabelMax: string;
|
package/dist/Rating.d.ts
CHANGED
|
@@ -97,11 +97,11 @@ export declare const Rating: import("vue").DefineComponent<import("vue").Extract
|
|
|
97
97
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
98
98
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
99
99
|
}>, {
|
|
100
|
+
size: RatingSize;
|
|
100
101
|
class: string;
|
|
101
102
|
name: string;
|
|
102
103
|
onChange: (value: number) => void;
|
|
103
104
|
label: string;
|
|
104
|
-
size: RatingSize;
|
|
105
105
|
max: number;
|
|
106
106
|
value: number;
|
|
107
107
|
readonly: boolean;
|
package/dist/Rating.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../src/Rating.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAK5C,MAAM,MAAM,WAAW,GAAG;IACxB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiDF,eAAO,MAAM,MAAM;;;;;;;;;;cAMgB,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;cAKpC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;cALT,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;cAKpC,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../src/Rating.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAK5C,MAAM,MAAM,WAAW,GAAG;IACxB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiDF,eAAO,MAAM,MAAM;;;;;;;;;;cAMgB,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;cAKpC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;cALT,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;cAKpC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;sBALK,MAAM,KAAK,IAAI;;;;;;4EAoP9D,CAAC"}
|
package/dist/Row.d.ts
CHANGED
|
@@ -61,11 +61,11 @@ export declare const Row: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
61
61
|
default: undefined;
|
|
62
62
|
};
|
|
63
63
|
}>> & Readonly<{}>, {
|
|
64
|
+
align: FlexAlign;
|
|
64
65
|
class: string;
|
|
65
66
|
wrap: boolean;
|
|
66
67
|
justify: FlexJustify;
|
|
67
68
|
as: string;
|
|
68
|
-
align: FlexAlign;
|
|
69
69
|
gutter: number;
|
|
70
70
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
71
71
|
//# sourceMappingURL=Row.d.ts.map
|
package/dist/Search.d.ts
CHANGED
|
@@ -93,11 +93,11 @@ export declare const Search: import("vue").DefineComponent<import("vue").Extract
|
|
|
93
93
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
94
94
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
95
95
|
}>, {
|
|
96
|
+
size: SearchSize;
|
|
96
97
|
class: string;
|
|
97
98
|
label: undefined;
|
|
98
99
|
id: string;
|
|
99
100
|
disabled: boolean;
|
|
100
|
-
size: SearchSize;
|
|
101
101
|
value: string;
|
|
102
102
|
placeholder: string;
|
|
103
103
|
modelValue: string;
|
package/dist/Select.d.ts
CHANGED
|
@@ -95,11 +95,11 @@ export declare const Select: import("vue").DefineComponent<import("vue").Extract
|
|
|
95
95
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
96
96
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
97
97
|
}>, {
|
|
98
|
+
size: SelectSize;
|
|
98
99
|
class: string;
|
|
99
100
|
label: undefined;
|
|
100
101
|
invalid: boolean;
|
|
101
102
|
disabled: boolean;
|
|
102
|
-
size: SelectSize;
|
|
103
103
|
helperText: undefined;
|
|
104
104
|
modelValue: string;
|
|
105
105
|
options: SelectOption[];
|
package/dist/SlideIndicator.d.ts
CHANGED
|
@@ -77,10 +77,10 @@ export declare const SlideIndicator: import("vue").DefineComponent<import("vue")
|
|
|
77
77
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
78
78
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
79
79
|
}>, {
|
|
80
|
+
size: SlideIndicatorSize;
|
|
80
81
|
class: string;
|
|
81
82
|
onChange: (index: number) => void;
|
|
82
83
|
label: string;
|
|
83
|
-
size: SlideIndicatorSize;
|
|
84
84
|
variant: SlideIndicatorVariant;
|
|
85
85
|
current: number;
|
|
86
86
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideIndicator.d.ts","sourceRoot":"","sources":["../src/SlideIndicator.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;cAMQ,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;cAGpC,MAAM,kBAAkB;;;;cACrB,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;cAJvB,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;cAGpC,MAAM,kBAAkB;;;;cACrB,MAAM,qBAAqB
|
|
1
|
+
{"version":3,"file":"SlideIndicator.d.ts","sourceRoot":"","sources":["../src/SlideIndicator.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;cAMQ,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;cAGpC,MAAM,kBAAkB;;;;cACrB,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;cAJvB,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;cAGpC,MAAM,kBAAkB;;;;cACrB,MAAM,qBAAqB;;;;;;;;;;;;;;;;;sBAJT,MAAM,KAAK,IAAI;;;;4EAsF9D,CAAC"}
|
package/dist/Slider.d.ts
CHANGED
|
@@ -135,10 +135,10 @@ export declare const Slider: import("vue").DefineComponent<import("vue").Extract
|
|
|
135
135
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
136
136
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
137
137
|
}>, {
|
|
138
|
+
size: SliderSize;
|
|
138
139
|
class: string;
|
|
139
140
|
label: string;
|
|
140
141
|
invalid: boolean;
|
|
141
|
-
size: SliderSize;
|
|
142
142
|
max: number;
|
|
143
143
|
min: number;
|
|
144
144
|
value: number;
|
|
@@ -146,8 +146,8 @@ export declare const Slider: import("vue").DefineComponent<import("vue").Extract
|
|
|
146
146
|
modelValue: number;
|
|
147
147
|
errorText: string;
|
|
148
148
|
step: number;
|
|
149
|
-
defaultValue: number;
|
|
150
149
|
showValue: boolean;
|
|
150
|
+
defaultValue: number;
|
|
151
151
|
valueFormatter: (value: number) => string;
|
|
152
152
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
153
153
|
//# sourceMappingURL=Slider.d.ts.map
|
package/dist/Stack.d.ts
CHANGED
|
@@ -52,10 +52,10 @@ export declare const Stack: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
52
52
|
default: undefined;
|
|
53
53
|
};
|
|
54
54
|
}>> & Readonly<{}>, {
|
|
55
|
+
align: FlexAlign;
|
|
55
56
|
class: string;
|
|
56
57
|
justify: FlexJustify;
|
|
57
58
|
gap: number;
|
|
58
59
|
as: string;
|
|
59
|
-
align: FlexAlign;
|
|
60
60
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
61
61
|
//# sourceMappingURL=Stack.d.ts.map
|
package/dist/Tag.d.ts
CHANGED
|
@@ -73,9 +73,9 @@ export declare const Tag: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
73
73
|
}>> & Readonly<{
|
|
74
74
|
onDismiss?: ((...args: any[]) => any) | undefined;
|
|
75
75
|
}>, {
|
|
76
|
+
size: TagSize;
|
|
76
77
|
class: string;
|
|
77
78
|
disabled: boolean;
|
|
78
|
-
size: TagSize;
|
|
79
79
|
tone: TagTone;
|
|
80
80
|
dismissible: boolean;
|
|
81
81
|
dismissLabel: string;
|
package/dist/TimePicker.d.ts
CHANGED
|
@@ -115,12 +115,12 @@ export declare const TimePicker: import("vue").DefineComponent<import("vue").Ext
|
|
|
115
115
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
116
116
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
117
117
|
}>, {
|
|
118
|
+
size: TimePickerSize;
|
|
118
119
|
class: string;
|
|
119
120
|
onChange: (value: string) => void;
|
|
120
121
|
label: string;
|
|
121
122
|
id: string;
|
|
122
123
|
disabled: boolean;
|
|
123
|
-
size: TimePickerSize;
|
|
124
124
|
max: string;
|
|
125
125
|
min: string;
|
|
126
126
|
format: TimePickerFormat;
|
package/dist/TimePicker.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../src/TimePicker.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIhD,MAAM,MAAM,eAAe,GAAG;IAC5B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AA2BF,eAAO,MAAM,UAAU;;;;;;cAKY,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;;;;;cAMlC,MAAM,gBAAgB;;;;cACxB,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;cAPb,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;;;;;cAMlC,MAAM,gBAAgB;;;;cACxB,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../src/TimePicker.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIhD,MAAM,MAAM,eAAe,GAAG;IAC5B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AA2BF,eAAO,MAAM,UAAU;;;;;;cAKY,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;;;;;cAMlC,MAAM,gBAAgB;;;;cACxB,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;cAPb,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;;;;;cAMlC,MAAM,gBAAgB;;;;cACxB,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;sBAPC,MAAM,KAAK,IAAI;;;;;;;;;4EAoS9D,CAAC"}
|
package/dist/Toggle.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export type ToggleSize = "sm" | "md";
|
|
2
2
|
export type ToggleProps = {
|
|
3
3
|
label: unknown;
|
|
4
|
+
labelOn?: string;
|
|
5
|
+
labelOff?: string;
|
|
4
6
|
helperText?: unknown;
|
|
5
7
|
size?: ToggleSize;
|
|
6
8
|
modelValue?: boolean;
|
|
@@ -15,6 +17,14 @@ export declare const Toggle: import("vue").DefineComponent<import("vue").Extract
|
|
|
15
17
|
type: () => unknown;
|
|
16
18
|
required: true;
|
|
17
19
|
};
|
|
20
|
+
labelOn: {
|
|
21
|
+
type: StringConstructor;
|
|
22
|
+
default: string;
|
|
23
|
+
};
|
|
24
|
+
labelOff: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
18
28
|
helperText: {
|
|
19
29
|
type: () => unknown;
|
|
20
30
|
default: undefined;
|
|
@@ -54,6 +64,14 @@ export declare const Toggle: import("vue").DefineComponent<import("vue").Extract
|
|
|
54
64
|
type: () => unknown;
|
|
55
65
|
required: true;
|
|
56
66
|
};
|
|
67
|
+
labelOn: {
|
|
68
|
+
type: StringConstructor;
|
|
69
|
+
default: string;
|
|
70
|
+
};
|
|
71
|
+
labelOff: {
|
|
72
|
+
type: StringConstructor;
|
|
73
|
+
default: string;
|
|
74
|
+
};
|
|
57
75
|
helperText: {
|
|
58
76
|
type: () => unknown;
|
|
59
77
|
default: undefined;
|
|
@@ -90,13 +108,15 @@ export declare const Toggle: import("vue").DefineComponent<import("vue").Extract
|
|
|
90
108
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
91
109
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
92
110
|
}>, {
|
|
111
|
+
size: ToggleSize;
|
|
93
112
|
class: string;
|
|
94
113
|
name: string;
|
|
95
114
|
disabled: boolean;
|
|
96
|
-
size: ToggleSize;
|
|
97
115
|
value: string;
|
|
98
116
|
helperText: undefined;
|
|
99
117
|
modelValue: boolean;
|
|
100
118
|
checked: boolean;
|
|
119
|
+
labelOn: string;
|
|
120
|
+
labelOff: string;
|
|
101
121
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
102
122
|
//# sourceMappingURL=Toggle.d.ts.map
|
package/dist/Toggle.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../src/Toggle.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;cAG+B,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../src/Toggle.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;cAG+B,MAAM,OAAO;;;;;;;;;;;;cAGR,MAAM,OAAO;;;;cACxC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAJM,MAAM,OAAO;;;;;;;;;;;;cAGR,MAAM,OAAO;;;;cACxC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgE1C,CAAC"}
|
package/dist/Toggle.js
CHANGED
|
@@ -4,6 +4,8 @@ export const Toggle = defineComponent({
|
|
|
4
4
|
name: "Toggle",
|
|
5
5
|
props: {
|
|
6
6
|
label: { type: [String, Object], required: true },
|
|
7
|
+
labelOn: { type: String, default: "On" },
|
|
8
|
+
labelOff: { type: String, default: "Off" },
|
|
7
9
|
helperText: { type: [String, Object], default: undefined },
|
|
8
10
|
size: { type: String, default: "md" },
|
|
9
11
|
modelValue: { type: Boolean, default: undefined },
|
|
@@ -15,35 +17,39 @@ export const Toggle = defineComponent({
|
|
|
15
17
|
},
|
|
16
18
|
emits: ["update:modelValue", "change"],
|
|
17
19
|
setup(props, { emit, attrs }) {
|
|
18
|
-
return () =>
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
return () => {
|
|
21
|
+
const isChecked = props.modelValue ?? props.checked ?? false;
|
|
22
|
+
return h("label", {
|
|
23
|
+
class: classNames("st-toggle", `st-toggle--${props.size}`, props.class),
|
|
24
|
+
}, [
|
|
22
25
|
h("span", { class: "st-toggle__label" }, props.label),
|
|
23
|
-
h("
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
h("span", { class: "st-
|
|
26
|
+
h("span", { class: "st-toggle__row" }, [
|
|
27
|
+
h("input", {
|
|
28
|
+
...attrs,
|
|
29
|
+
class: "st-toggle__input",
|
|
30
|
+
type: "checkbox",
|
|
31
|
+
role: "switch",
|
|
32
|
+
"aria-checked": isChecked ? "true" : "false",
|
|
33
|
+
checked: isChecked,
|
|
34
|
+
disabled: props.disabled,
|
|
35
|
+
name: props.name,
|
|
36
|
+
value: props.value,
|
|
37
|
+
onChange: (event) => {
|
|
38
|
+
const checked = event.target.checked;
|
|
39
|
+
emit("update:modelValue", checked);
|
|
40
|
+
emit("change", event);
|
|
41
|
+
},
|
|
42
|
+
}),
|
|
43
|
+
h("span", { class: "st-toggle__track", "aria-hidden": "true" }, [
|
|
44
|
+
h("span", { class: "st-toggle__thumb" }),
|
|
45
|
+
]),
|
|
46
|
+
h("span", { class: "st-toggle__state", "aria-hidden": "true" }, isChecked ? props.labelOn : props.labelOff),
|
|
41
47
|
]),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
48
|
+
props.helperText
|
|
49
|
+
? h("span", { class: "st-toggle__help" }, props.helperText)
|
|
50
|
+
: null,
|
|
51
|
+
]);
|
|
52
|
+
};
|
|
47
53
|
},
|
|
48
54
|
});
|
|
49
55
|
//# sourceMappingURL=Toggle.js.map
|
package/dist/Toggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../src/Toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../src/Toggle.ts"],"names":[],"mappings":"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"}
|
package/dist/Typography.d.ts
CHANGED
|
@@ -74,12 +74,12 @@ export declare const Typography: import("vue").DefineComponent<import("vue").Ext
|
|
|
74
74
|
default: undefined;
|
|
75
75
|
};
|
|
76
76
|
}>> & Readonly<{}>, {
|
|
77
|
+
align: TypographyAlign;
|
|
77
78
|
class: string;
|
|
78
79
|
tone: TypographyTone;
|
|
79
80
|
weight: TypographyWeight;
|
|
80
81
|
variant: TypographyVariant;
|
|
81
82
|
as: string;
|
|
82
|
-
align: TypographyAlign;
|
|
83
83
|
truncate: boolean;
|
|
84
84
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
85
85
|
//# sourceMappingURL=Typography.d.ts.map
|