@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.
Files changed (71) hide show
  1. package/dist/Accordion.d.ts +22 -0
  2. package/dist/Accordion.d.ts.map +1 -1
  3. package/dist/Accordion.js +13 -7
  4. package/dist/Accordion.js.map +1 -1
  5. package/dist/Avatar.d.ts +1 -1
  6. package/dist/AvatarGroup.d.ts +1 -1
  7. package/dist/Button.d.ts +1 -1
  8. package/dist/ButtonGroup.d.ts +1 -1
  9. package/dist/ChatComposer.d.ts.map +1 -1
  10. package/dist/ChatComposer.js +5 -1
  11. package/dist/ChatComposer.js.map +1 -1
  12. package/dist/ChatMessage.d.ts +22 -2
  13. package/dist/ChatMessage.d.ts.map +1 -1
  14. package/dist/ChatMessage.js +27 -12
  15. package/dist/ChatMessage.js.map +1 -1
  16. package/dist/ChatThread.d.ts.map +1 -1
  17. package/dist/ChatThread.js +3 -0
  18. package/dist/ChatThread.js.map +1 -1
  19. package/dist/Col.d.ts +3 -3
  20. package/dist/Combobox.d.ts +1 -1
  21. package/dist/Container.d.ts +1 -1
  22. package/dist/ContentSwitcher.d.ts +1 -1
  23. package/dist/CopyButton.d.ts +1 -1
  24. package/dist/DataTable.d.ts +1 -1
  25. package/dist/DatePicker.d.ts +1 -1
  26. package/dist/DonutChart.d.ts +1 -1
  27. package/dist/Flex.d.ts +1 -1
  28. package/dist/FormGroup.d.ts.map +1 -1
  29. package/dist/FormGroup.js +4 -2
  30. package/dist/FormGroup.js.map +1 -1
  31. package/dist/GaugeChart.d.ts +1 -1
  32. package/dist/IconButton.d.ts +1 -1
  33. package/dist/Inline.d.ts +1 -1
  34. package/dist/Input.d.ts +1 -1
  35. package/dist/KpiCard.d.ts +1 -1
  36. package/dist/MenuTriggerButton.d.ts +22 -0
  37. package/dist/MenuTriggerButton.d.ts.map +1 -1
  38. package/dist/MenuTriggerButton.js +4 -1
  39. package/dist/MenuTriggerButton.js.map +1 -1
  40. package/dist/MessageActions.d.ts.map +1 -1
  41. package/dist/MessageActions.js +11 -9
  42. package/dist/MessageActions.js.map +1 -1
  43. package/dist/MultiSelect.d.ts +112 -1
  44. package/dist/MultiSelect.d.ts.map +1 -1
  45. package/dist/MultiSelect.js +121 -62
  46. package/dist/MultiSelect.js.map +1 -1
  47. package/dist/NumberInput.d.ts +1 -1
  48. package/dist/PasswordInput.d.ts +1 -1
  49. package/dist/ProgressBar.d.ts +31 -1
  50. package/dist/ProgressBar.d.ts.map +1 -1
  51. package/dist/ProgressBar.js +32 -23
  52. package/dist/ProgressBar.js.map +1 -1
  53. package/dist/RangeSlider.d.ts +2 -2
  54. package/dist/Rating.d.ts +1 -1
  55. package/dist/Rating.d.ts.map +1 -1
  56. package/dist/Row.d.ts +1 -1
  57. package/dist/Search.d.ts +1 -1
  58. package/dist/Select.d.ts +1 -1
  59. package/dist/SlideIndicator.d.ts +1 -1
  60. package/dist/SlideIndicator.d.ts.map +1 -1
  61. package/dist/Slider.d.ts +2 -2
  62. package/dist/Stack.d.ts +1 -1
  63. package/dist/Tag.d.ts +1 -1
  64. package/dist/TimePicker.d.ts +1 -1
  65. package/dist/TimePicker.d.ts.map +1 -1
  66. package/dist/Toggle.d.ts +21 -1
  67. package/dist/Toggle.d.ts.map +1 -1
  68. package/dist/Toggle.js +33 -27
  69. package/dist/Toggle.js.map +1 -1
  70. package/dist/Typography.d.ts +1 -1
  71. package/package.json +1 -1
@@ -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;AAWF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;;;;;;;;;cAIzC,MAAM,eAAe;;;;cAIrB,MAAM,eAAe;;;;;;;;;;;;;;;cARO,MAAM,OAAO;;;;;;;;;;;;cAIzC,MAAM,eAAe;;;;cAIrB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;4EA6DzC,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"}
@@ -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 percent = pct(props.value ?? 0, 0, props.max ?? 100);
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-progressBar__label" }, props.label)
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.tone}`, `st-progressBar__track--${props.size}`, props.indeterminate &&
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-valuenow": props.indeterminate
43
- ? undefined
44
- : props.value,
45
- "aria-valuemin": 0,
46
- "aria-valuemax": props.max,
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
- h("span", { class: "st-progressBar__value" }, `${Math.round(percent)}%`),
64
+ props.helperText
65
+ ? h("span", { class: "st-progressBar__help" }, props.helperText)
66
+ : null,
58
67
  ]);
59
68
  };
60
69
  },
@@ -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;AAoB7C,SAAS,KAAK,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IACpD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,SAAS,GAAG,CAAC,KAAa,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG;IAC5C,IAAI,GAAG,IAAI,GAAG;QAAE,OAAO,CAAC,CAAC;IACzB,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QACnC,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE;QACnC,IAAI,EAAE;YACJ,IAAI,EAAE,MAA+B;YACrC,OAAO,EAAE,SAAS;SACnB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAA+B;YACrC,OAAO,EAAE,IAAI;SACd;QACD,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAChD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;YAE3D,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC;aACjD,EACD;gBACE,KAAK,CAAC,KAAK;oBACT,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAClC,KAAK,CAAC,KAAe,CACtB;oBACH,CAAC,CAAC,IAAI;gBACR,CAAC,CACC,KAAK,EACL;oBACE,KAAK,EAAE,UAAU,CACf,uBAAuB,EACvB,0BAA0B,KAAK,CAAC,IAAI,EAAE,EACtC,0BAA0B,KAAK,CAAC,IAAI,EAAE,EACtC,KAAK,CAAC,aAAa;wBACjB,sCAAsC,CACzC;oBACD,IAAI,EAAE,aAAa;oBACnB,eAAe,EAAE,KAAK,CAAC,aAAa;wBAClC,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC,KAAK,CAAC,KAAK;oBACf,eAAe,EAAE,CAAC;oBAClB,eAAe,EAAE,KAAK,CAAC,GAAG;iBAC3B,EACD;oBACE,CAAC,CAAC,KAAK,EAAE;wBACP,KAAK,EAAE,sBAAsB;wBAC7B,KAAK,EAAE;4BACL,KAAK,EAAE,KAAK,CAAC,aAAa;gCACxB,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,GAAG,OAAO,GAAG;yBAClB;qBACF,CAAC;iBACH,CACF;gBACD,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAClC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAC1B;aACF,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.ts"],"names":[],"mappings":"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"}
@@ -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;
@@ -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;;;;;;;;;;;;;;;;;;;;;sBALK,MAAM,KAAK,IAAI;;;;;;;4EAoP9D,CAAC"}
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[];
@@ -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;;;;;;;;;;;;;;;;sBAJT,MAAM,KAAK,IAAI;;;;;4EAsF9D,CAAC"}
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;
@@ -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;
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;sBAPC,MAAM,KAAK,IAAI;;;;;;;;;;4EAoS9D,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
@@ -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;;;;cACR,MAAM,OAAO;;;;cACxC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAFM,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACxC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA0D1C,CAAC"}
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 () => h("label", {
19
- class: classNames("st-toggle", `st-toggle--${props.size}`, props.class),
20
- }, [
21
- h("span", { class: "st-toggle__row" }, [
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("input", {
24
- ...attrs,
25
- class: "st-toggle__input",
26
- type: "checkbox",
27
- role: "switch",
28
- "aria-checked": props.modelValue ?? props.checked ?? undefined,
29
- checked: props.modelValue ?? props.checked,
30
- disabled: props.disabled,
31
- name: props.name,
32
- value: props.value,
33
- onChange: (event) => {
34
- const checked = event.target.checked;
35
- emit("update:modelValue", checked);
36
- emit("change", event);
37
- },
38
- }),
39
- h("span", { class: "st-toggle__track" }, [
40
- h("span", { class: "st-toggle__thumb" }),
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
- props.helperText
44
- ? h("span", { class: "st-toggle__help" }, props.helperText)
45
- : null,
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
@@ -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;AAgB7C,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC7E,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACtF,IAAI,EAAE,EAAE,IAAI,EAAE,MAA0B,EAAE,OAAO,EAAE,IAAI,EAAE;QACzD,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;IACtC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,OAAO,EACP;YACE,KAAK,EAAE,UAAU,CACf,WAAW,EACX,cAAc,KAAK,CAAC,IAAI,EAAE,EAC1B,KAAK,CAAC,KAAK,CACZ;SACF,EACD;YACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE;gBACrC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,KAAK,CAAC,KAAe,CACtB;gBACD,CAAC,CAAC,OAAO,EAAE;oBACT,GAAG,KAAK;oBACR,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,QAAQ;oBACd,cAAc,EACZ,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO,IAAI,SAAS;oBAChD,OAAO,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO;oBAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;wBACzB,MAAM,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC;wBAC3D,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;wBACnC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;oBACxB,CAAC;iBACF,CAAC;gBACF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE;oBACvC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;iBACzC,CAAC;aACH,CAAC;YACF,KAAK,CAAC,UAAU;gBACd,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,KAAK,CAAC,UAAoB,CAC3B;gBACH,CAAC,CAAC,IAAI;SACT,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../src/Toggle.ts"],"names":[],"mappings":"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"}
@@ -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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sentropic/design-system-vue",
3
- "version": "0.34.0",
3
+ "version": "0.35.0",
4
4
  "description": "Vue 3 components for the Sentropic design system.",
5
5
  "type": "module",
6
6
  "publishConfig": {