@histoire/controls 0.11.0 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/components/HstWrapper.vue.d.ts +16 -3
  2. package/dist/components/button/HstButton.story.vue.d.ts +2 -0
  3. package/dist/components/button/HstButton.vue.d.ts +15 -0
  4. package/dist/components/button/HstButtonGroup.story.vue.d.ts +2 -0
  5. package/dist/components/button/HstButtonGroup.vue.d.ts +24 -0
  6. package/dist/components/checkbox/HstCheckboxList.story.vue.d.ts +2 -0
  7. package/dist/components/checkbox/HstCheckboxList.vue.d.ts +24 -0
  8. package/dist/components/checkbox/HstSimpleCheckbox.story.vue.d.ts +2 -0
  9. package/dist/components/checkbox/HstSimpleCheckbox.vue.d.ts +21 -0
  10. package/dist/index.d.ts +134 -0
  11. package/dist/index.es.js +543 -396
  12. package/dist/style-standalone.css +102 -23
  13. package/package.json +2 -2
  14. package/src/components/HstWrapper.vue +12 -4
  15. package/src/components/button/HstButton.story.vue +30 -0
  16. package/src/components/button/HstButton.vue +26 -0
  17. package/src/components/button/HstButtonGroup.story.vue +51 -0
  18. package/src/components/button/HstButtonGroup.vue +64 -0
  19. package/src/components/checkbox/HstCheckbox.story.vue +5 -1
  20. package/src/components/checkbox/HstCheckbox.vue +4 -50
  21. package/src/components/checkbox/HstCheckboxList.story.vue +49 -0
  22. package/src/components/checkbox/HstCheckboxList.vue +79 -0
  23. package/src/components/checkbox/HstSimpleCheckbox.story.vue +28 -0
  24. package/src/components/checkbox/HstSimpleCheckbox.vue +82 -0
  25. package/src/components/checkbox/__snapshots__/HstCheckbox.test.ts.snap +6 -6
  26. package/src/components/design-tokens/HstColorShades.story.vue +2 -1
  27. package/src/components/design-tokens/HstTokenGrid.story.vue +2 -1
  28. package/src/components/design-tokens/HstTokenList.story.vue +2 -1
  29. package/src/components/number/HstNumber.story.vue +1 -0
  30. package/src/components/number/HstNumber.vue +1 -2
  31. package/src/components/radio/HstRadio.story.vue +5 -1
  32. package/src/components/select/HstSelect.story.vue +1 -0
  33. package/src/components/slider/HstSlider.story.vue +2 -0
  34. package/src/components/text/HstText.story.vue +1 -0
  35. package/src/components/textarea/HstTextarea.story.vue +4 -1
  36. package/src/index.ts +9 -0
package/dist/components/HstWrapper.vue.d.ts CHANGED
@@ -1,8 +1,16 @@
1
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
1
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
2
  title?: string;
3
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
3
+ tag?: string;
4
+ }>, {
5
+ tag: string;
6
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
4
7
  title?: string;
5
- }>>>, {}>;
8
+ tag?: string;
9
+ }>, {
10
+ tag: string;
11
+ }>>>, {
12
+ tag: string;
13
+ }>;
6
14
  export default _default;
7
15
  declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
8
16
  declare type __VLS_TypePropsToRuntimeProps<T> = {
@@ -13,3 +21,8 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
13
21
  required: true;
14
22
  };
15
23
  };
24
+ declare type __VLS_WithDefaults<P, D> = {
25
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
26
+ default: D[K];
27
+ } : P[K];
28
+ };
package/dist/components/button/HstButton.story.vue.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
+ export default _default;
package/dist/components/button/HstButton.vue.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
2
+ color?: "default" | "flat" | "primary";
3
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
4
+ color?: "default" | "flat" | "primary";
5
+ }>>>, {}>;
6
+ export default _default;
7
+ declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
8
+ declare type __VLS_TypePropsToRuntimeProps<T> = {
9
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
10
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
11
+ } : {
12
+ type: import('vue').PropType<T[K]>;
13
+ required: true;
14
+ };
15
+ };
package/dist/components/button/HstButtonGroup.story.vue.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
+ export default _default;
package/dist/components/button/HstButtonGroup.vue.d.ts ADDED
@@ -0,0 +1,24 @@
1
+ import { HstControlOption } from '../../types';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
+ title?: string;
4
+ modelValue: string;
5
+ options: HstControlOption[];
6
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
+ "update:modelValue": (value: string) => void;
8
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
9
+ title?: string;
10
+ modelValue: string;
11
+ options: HstControlOption[];
12
+ }>>> & {
13
+ "onUpdate:modelValue"?: (value: string) => any;
14
+ }, {}>;
15
+ export default _default;
16
+ declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
17
+ declare type __VLS_TypePropsToRuntimeProps<T> = {
18
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
19
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
20
+ } : {
21
+ type: import('vue').PropType<T[K]>;
22
+ required: true;
23
+ };
24
+ };
package/dist/components/checkbox/HstCheckboxList.story.vue.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
+ export default _default;
package/dist/components/checkbox/HstCheckboxList.vue.d.ts ADDED
@@ -0,0 +1,24 @@
1
+ import { HstControlOption } from '../../types';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
+ title?: string;
4
+ modelValue: Array<string>;
5
+ options: HstControlOption[];
6
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
+ "update:modelValue": (value: string[]) => void;
8
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
9
+ title?: string;
10
+ modelValue: Array<string>;
11
+ options: HstControlOption[];
12
+ }>>> & {
13
+ "onUpdate:modelValue"?: (value: string[]) => any;
14
+ }, {}>;
15
+ export default _default;
16
+ declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
17
+ declare type __VLS_TypePropsToRuntimeProps<T> = {
18
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
19
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
20
+ } : {
21
+ type: import('vue').PropType<T[K]>;
22
+ required: true;
23
+ };
24
+ };
package/dist/components/checkbox/HstSimpleCheckbox.story.vue.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
+ export default _default;
package/dist/components/checkbox/HstSimpleCheckbox.vue.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
2
+ modelValue: boolean;
3
+ withToggle?: boolean;
4
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
5
+ 'update:modelValue': (newValue: boolean) => true;
6
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
7
+ modelValue: boolean;
8
+ withToggle?: boolean;
9
+ }>>> & {
10
+ "onUpdate:modelValue"?: (newValue: boolean) => any;
11
+ }, {}>;
12
+ export default _default;
13
+ declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
14
+ declare type __VLS_TypePropsToRuntimeProps<T> = {
15
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
16
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
17
+ } : {
18
+ type: import('vue').PropType<T[K]>;
19
+ required: true;
20
+ };
21
+ };
package/dist/index.d.ts CHANGED
@@ -1,3 +1,41 @@
1
+ export declare const HstButton: import("@histoire/vendors/vue").DefineComponent<{
2
+ color: {
3
+ type: import("@histoire/vendors/vue").PropType<"default" | "flat" | "primary">;
4
+ };
5
+ }, {}, unknown, {}, {}, import("@histoire/vendors/vue").ComponentOptionsMixin, import("@histoire/vendors/vue").ComponentOptionsMixin, {}, string, import("@histoire/vendors/vue").VNodeProps & import("@histoire/vendors/vue").AllowedComponentProps & import("@histoire/vendors/vue").ComponentCustomProps, Readonly<import("@histoire/vendors/vue").ExtractPropTypes<{
6
+ color: {
7
+ type: import("@histoire/vendors/vue").PropType<"default" | "flat" | "primary">;
8
+ };
9
+ }>>, {}>;
10
+ export declare const HstButtonGroup: import("@histoire/vendors/vue").DefineComponent<{
11
+ title: {
12
+ type: import("@histoire/vendors/vue").PropType<string>;
13
+ };
14
+ modelValue: {
15
+ type: import("@histoire/vendors/vue").PropType<string>;
16
+ required: true;
17
+ };
18
+ options: {
19
+ type: import("@histoire/vendors/vue").PropType<import("./types").HstControlOption[]>;
20
+ required: true;
21
+ };
22
+ }, {}, unknown, {}, {}, import("@histoire/vendors/vue").ComponentOptionsMixin, import("@histoire/vendors/vue").ComponentOptionsMixin, {
23
+ "update:modelValue": (value: string) => void;
24
+ }, string, import("@histoire/vendors/vue").VNodeProps & import("@histoire/vendors/vue").AllowedComponentProps & import("@histoire/vendors/vue").ComponentCustomProps, Readonly<import("@histoire/vendors/vue").ExtractPropTypes<{
25
+ title: {
26
+ type: import("@histoire/vendors/vue").PropType<string>;
27
+ };
28
+ modelValue: {
29
+ type: import("@histoire/vendors/vue").PropType<string>;
30
+ required: true;
31
+ };
32
+ options: {
33
+ type: import("@histoire/vendors/vue").PropType<import("./types").HstControlOption[]>;
34
+ required: true;
35
+ };
36
+ }>> & {
37
+ "onUpdate:modelValue"?: (value: string) => any;
38
+ }, {}>;
1
39
  export declare const HstCheckbox: import("@histoire/vendors/vue").DefineComponent<{
2
40
  modelValue: {
3
41
  type: import("@histoire/vendors/vue").PropType<boolean>;
@@ -19,6 +57,35 @@ export declare const HstCheckbox: import("@histoire/vendors/vue").DefineComponen
19
57
  }>> & {
20
58
  "onUpdate:modelValue"?: (newValue: boolean) => any;
21
59
  }, {}>;
60
+ export declare const HstCheckboxList: import("@histoire/vendors/vue").DefineComponent<{
61
+ title: {
62
+ type: import("@histoire/vendors/vue").PropType<string>;
63
+ };
64
+ modelValue: {
65
+ type: import("@histoire/vendors/vue").PropType<string[]>;
66
+ required: true;
67
+ };
68
+ options: {
69
+ type: import("@histoire/vendors/vue").PropType<import("./types").HstControlOption[]>;
70
+ required: true;
71
+ };
72
+ }, {}, unknown, {}, {}, import("@histoire/vendors/vue").ComponentOptionsMixin, import("@histoire/vendors/vue").ComponentOptionsMixin, {
73
+ "update:modelValue": (value: string[]) => void;
74
+ }, string, import("@histoire/vendors/vue").VNodeProps & import("@histoire/vendors/vue").AllowedComponentProps & import("@histoire/vendors/vue").ComponentCustomProps, Readonly<import("@histoire/vendors/vue").ExtractPropTypes<{
75
+ title: {
76
+ type: import("@histoire/vendors/vue").PropType<string>;
77
+ };
78
+ modelValue: {
79
+ type: import("@histoire/vendors/vue").PropType<string[]>;
80
+ required: true;
81
+ };
82
+ options: {
83
+ type: import("@histoire/vendors/vue").PropType<import("./types").HstControlOption[]>;
84
+ required: true;
85
+ };
86
+ }>> & {
87
+ "onUpdate:modelValue"?: (value: string[]) => any;
88
+ }, {}>;
22
89
  export declare const HstText: import("@histoire/vendors/vue").DefineComponent<{
23
90
  title: {
24
91
  type: import("@histoire/vendors/vue").PropType<string>;
@@ -263,6 +330,44 @@ export declare const HstRadio: import("@histoire/vendors/vue").DefineComponent<{
263
330
  "onUpdate:modelValue"?: (value: string) => any;
264
331
  }, {}>;
265
332
  export declare const components: {
333
+ HstButton: import("@histoire/vendors/vue").DefineComponent<{
334
+ color: {
335
+ type: import("@histoire/vendors/vue").PropType<"default" | "flat" | "primary">;
336
+ };
337
+ }, {}, unknown, {}, {}, import("@histoire/vendors/vue").ComponentOptionsMixin, import("@histoire/vendors/vue").ComponentOptionsMixin, {}, string, import("@histoire/vendors/vue").VNodeProps & import("@histoire/vendors/vue").AllowedComponentProps & import("@histoire/vendors/vue").ComponentCustomProps, Readonly<import("@histoire/vendors/vue").ExtractPropTypes<{
338
+ color: {
339
+ type: import("@histoire/vendors/vue").PropType<"default" | "flat" | "primary">;
340
+ };
341
+ }>>, {}>;
342
+ HstButtonGroup: import("@histoire/vendors/vue").DefineComponent<{
343
+ title: {
344
+ type: import("@histoire/vendors/vue").PropType<string>;
345
+ };
346
+ modelValue: {
347
+ type: import("@histoire/vendors/vue").PropType<string>;
348
+ required: true;
349
+ };
350
+ options: {
351
+ type: import("@histoire/vendors/vue").PropType<import("./types").HstControlOption[]>;
352
+ required: true;
353
+ };
354
+ }, {}, unknown, {}, {}, import("@histoire/vendors/vue").ComponentOptionsMixin, import("@histoire/vendors/vue").ComponentOptionsMixin, {
355
+ "update:modelValue": (value: string) => void;
356
+ }, string, import("@histoire/vendors/vue").VNodeProps & import("@histoire/vendors/vue").AllowedComponentProps & import("@histoire/vendors/vue").ComponentCustomProps, Readonly<import("@histoire/vendors/vue").ExtractPropTypes<{
357
+ title: {
358
+ type: import("@histoire/vendors/vue").PropType<string>;
359
+ };
360
+ modelValue: {
361
+ type: import("@histoire/vendors/vue").PropType<string>;
362
+ required: true;
363
+ };
364
+ options: {
365
+ type: import("@histoire/vendors/vue").PropType<import("./types").HstControlOption[]>;
366
+ required: true;
367
+ };
368
+ }>> & {
369
+ "onUpdate:modelValue"?: (value: string) => any;
370
+ }, {}>;
266
371
  HstCheckbox: import("@histoire/vendors/vue").DefineComponent<{
267
372
  modelValue: {
268
373
  type: import("@histoire/vendors/vue").PropType<boolean>;
@@ -284,6 +389,35 @@ export declare const components: {
284
389
  }>> & {
285
390
  "onUpdate:modelValue"?: (newValue: boolean) => any;
286
391
  }, {}>;
392
+ HstCheckboxList: import("@histoire/vendors/vue").DefineComponent<{
393
+ title: {
394
+ type: import("@histoire/vendors/vue").PropType<string>;
395
+ };
396
+ modelValue: {
397
+ type: import("@histoire/vendors/vue").PropType<string[]>;
398
+ required: true;
399
+ };
400
+ options: {
401
+ type: import("@histoire/vendors/vue").PropType<import("./types").HstControlOption[]>;
402
+ required: true;
403
+ };
404
+ }, {}, unknown, {}, {}, import("@histoire/vendors/vue").ComponentOptionsMixin, import("@histoire/vendors/vue").ComponentOptionsMixin, {
405
+ "update:modelValue": (value: string[]) => void;
406
+ }, string, import("@histoire/vendors/vue").VNodeProps & import("@histoire/vendors/vue").AllowedComponentProps & import("@histoire/vendors/vue").ComponentCustomProps, Readonly<import("@histoire/vendors/vue").ExtractPropTypes<{
407
+ title: {
408
+ type: import("@histoire/vendors/vue").PropType<string>;
409
+ };
410
+ modelValue: {
411
+ type: import("@histoire/vendors/vue").PropType<string[]>;
412
+ required: true;
413
+ };
414
+ options: {
415
+ type: import("@histoire/vendors/vue").PropType<import("./types").HstControlOption[]>;
416
+ required: true;
417
+ };
418
+ }>> & {
419
+ "onUpdate:modelValue"?: (value: string[]) => any;
420
+ }, {}>;
287
421
  HstText: import("@histoire/vendors/vue").DefineComponent<{
288
422
  title: {
289
423
  type: import("@histoire/vendors/vue").PropType<string>;