@duro-app/ui 5.5.0 → 5.7.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 (115) hide show
  1. package/dist/{Table-DYN-bp0e.js → Table-Dj7PXqO_.js} +405 -387
  2. package/dist/Table-Dj7PXqO_.js.map +1 -0
  3. package/dist/components/Button/Button.d.ts +2 -1
  4. package/dist/components/Button/Button.d.ts.map +1 -1
  5. package/dist/components/Button/styles.css.d.ts +1 -0
  6. package/dist/components/Button/styles.css.d.ts.map +1 -1
  7. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +14 -0
  8. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts.map +1 -1
  9. package/dist/components/DragDrop/DragDrop.d.ts +95 -14
  10. package/dist/components/DragDrop/DragDrop.d.ts.map +1 -1
  11. package/dist/components/DragDrop/DragDrop.meta.d.ts.map +1 -1
  12. package/dist/components/DragDrop/DragDropBoard.stories.d.ts +69 -0
  13. package/dist/components/DragDrop/DragDropBoard.stories.d.ts.map +1 -0
  14. package/dist/components/DragDrop/styles.css.d.ts +80 -3
  15. package/dist/components/DragDrop/styles.css.d.ts.map +1 -1
  16. package/dist/components/LinkButton/styles.css.d.ts +1 -0
  17. package/dist/components/LinkButton/styles.css.d.ts.map +1 -1
  18. package/dist/components/Menu/Menu.d.ts +4 -1
  19. package/dist/components/Menu/Menu.d.ts.map +1 -1
  20. package/dist/components/Menu/styles.css.d.ts +14 -0
  21. package/dist/components/Menu/styles.css.d.ts.map +1 -1
  22. package/dist/components/Meter/Meter.d.ts +17 -0
  23. package/dist/components/Meter/Meter.d.ts.map +1 -0
  24. package/dist/components/Meter/Meter.meta.d.ts +3 -0
  25. package/dist/components/Meter/Meter.meta.d.ts.map +1 -0
  26. package/dist/components/Meter/Meter.stories.d.ts +12 -0
  27. package/dist/components/Meter/Meter.stories.d.ts.map +1 -0
  28. package/dist/components/Meter/styles.css.d.ts +34 -0
  29. package/dist/components/Meter/styles.css.d.ts.map +1 -0
  30. package/dist/components/Popover/Popover.d.ts +14 -2
  31. package/dist/components/Popover/Popover.d.ts.map +1 -1
  32. package/dist/components/Popover/Popover.meta.d.ts.map +1 -1
  33. package/dist/components/Popover/PopoverLayerContext.d.ts +3 -0
  34. package/dist/components/Popover/PopoverLayerContext.d.ts.map +1 -1
  35. package/dist/components/Popover/PopoverRaised.stories.d.ts +28 -0
  36. package/dist/components/Popover/PopoverRaised.stories.d.ts.map +1 -0
  37. package/dist/components/Popover/styles.css.d.ts +15 -0
  38. package/dist/components/Popover/styles.css.d.ts.map +1 -1
  39. package/dist/components/Select/Select.d.ts +4 -1
  40. package/dist/components/Select/Select.d.ts.map +1 -1
  41. package/dist/components/Select/styles.css.d.ts +9 -0
  42. package/dist/components/Select/styles.css.d.ts.map +1 -1
  43. package/dist/components/Timeline/Timeline.d.ts +71 -0
  44. package/dist/components/Timeline/Timeline.d.ts.map +1 -0
  45. package/dist/components/Timeline/Timeline.meta.d.ts +3 -0
  46. package/dist/components/Timeline/Timeline.meta.d.ts.map +1 -0
  47. package/dist/components/Timeline/Timeline.stories.d.ts +26 -0
  48. package/dist/components/Timeline/Timeline.stories.d.ts.map +1 -0
  49. package/dist/components/Timeline/styles.css.d.ts +158 -0
  50. package/dist/components/Timeline/styles.css.d.ts.map +1 -0
  51. package/dist/components/Toast/Toast.meta.d.ts.map +1 -1
  52. package/dist/components/Toast/Toast.stories.d.ts +9 -0
  53. package/dist/components/Toast/Toast.stories.d.ts.map +1 -1
  54. package/dist/components/Toast/ToastProvider.d.ts +11 -5
  55. package/dist/components/Toast/ToastProvider.d.ts.map +1 -1
  56. package/dist/components/Toast/index.d.ts +1 -1
  57. package/dist/components/Toast/index.d.ts.map +1 -1
  58. package/dist/components/Toast/styles.css.d.ts +6 -0
  59. package/dist/components/Toast/styles.css.d.ts.map +1 -1
  60. package/dist/components/Toggle/Toggle.d.ts +2 -1
  61. package/dist/components/Toggle/Toggle.d.ts.map +1 -1
  62. package/dist/components/Toggle/styles.css.d.ts +1 -0
  63. package/dist/components/Toggle/styles.css.d.ts.map +1 -1
  64. package/dist/index.css +1 -1
  65. package/dist/index.d.ts +6 -2
  66. package/dist/index.d.ts.map +1 -1
  67. package/dist/index.js +4992 -3845
  68. package/dist/index.js.map +1 -1
  69. package/dist/shared/ModalContext.d.ts +7 -0
  70. package/dist/shared/ModalContext.d.ts.map +1 -1
  71. package/dist/shared/exports.typecheck.d.ts +9 -0
  72. package/dist/shared/exports.typecheck.d.ts.map +1 -0
  73. package/dist/shared/types.d.ts +2 -0
  74. package/dist/shared/types.d.ts.map +1 -1
  75. package/dist/table.js +1 -1
  76. package/package.json +2 -2
  77. package/src/components/Button/Button.tsx +2 -1
  78. package/src/components/Button/styles.css.ts +3 -0
  79. package/src/components/ButtonGroup/ButtonGroup.stories.tsx +172 -14
  80. package/src/components/DragDrop/DragDrop.meta.ts +22 -21
  81. package/src/components/DragDrop/DragDrop.tsx +1147 -246
  82. package/src/components/DragDrop/DragDropBoard.stories.tsx +668 -0
  83. package/src/components/DragDrop/styles.css.ts +74 -4
  84. package/src/components/LinkButton/styles.css.ts +4 -0
  85. package/src/components/Menu/Menu.meta.ts +1 -1
  86. package/src/components/Menu/Menu.tsx +17 -2
  87. package/src/components/Menu/styles.css.ts +18 -0
  88. package/src/components/Meter/Meter.meta.ts +24 -0
  89. package/src/components/Meter/Meter.stories.tsx +64 -0
  90. package/src/components/Meter/Meter.tsx +55 -0
  91. package/src/components/Meter/styles.css.ts +30 -0
  92. package/src/components/Popover/Popover.meta.ts +2 -1
  93. package/src/components/Popover/Popover.tsx +29 -4
  94. package/src/components/Popover/PopoverLayerContext.ts +3 -0
  95. package/src/components/Popover/PopoverRaised.stories.tsx +334 -0
  96. package/src/components/Popover/styles.css.ts +21 -0
  97. package/src/components/Select/Select.meta.ts +1 -1
  98. package/src/components/Select/Select.tsx +5 -1
  99. package/src/components/Select/styles.css.ts +12 -0
  100. package/src/components/Timeline/Timeline.meta.ts +46 -0
  101. package/src/components/Timeline/Timeline.stories.tsx +238 -0
  102. package/src/components/Timeline/Timeline.tsx +332 -0
  103. package/src/components/Timeline/styles.css.ts +162 -0
  104. package/src/components/Toast/Toast.meta.ts +2 -1
  105. package/src/components/Toast/Toast.stories.tsx +84 -0
  106. package/src/components/Toast/ToastProvider.tsx +49 -11
  107. package/src/components/Toast/index.ts +7 -1
  108. package/src/components/Toast/styles.css.ts +2 -0
  109. package/src/components/Toggle/Toggle.tsx +2 -1
  110. package/src/components/Toggle/styles.css.ts +2 -0
  111. package/src/index.ts +18 -0
  112. package/src/shared/ModalContext.ts +8 -1
  113. package/src/shared/exports.typecheck.ts +16 -0
  114. package/src/shared/types.ts +3 -0
  115. package/dist/Table-DYN-bp0e.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PopoverRaised.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverRaised.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAapD;;;;;;GAMG;AACH,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA4FrB,oEAAoE;AACpE,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAA;AAED;0CAC0C;AAC1C,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAA;AAqCD;uDACuD;AACvD,eAAO,MAAM,gBAAgB,EAAE,KAkB9B,CAAA;AAsCD,eAAO,MAAM,sBAAsB,EAAE,KAIpC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAA;AAED;uBACuB;AACvB,eAAO,MAAM,sBAAsB,EAAE,KA2BpC,CAAA;AAMD;uEACuE;AACvE,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAA"}
@@ -20,9 +20,24 @@ export declare const styles: Readonly<{
20
20
  readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color, border-color">;
21
21
  readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
22
22
  }>;
23
+ readonly triggerSmall: Readonly<{
24
+ readonly gap: css.StyleXClassNameFor<"gap", string>;
25
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
26
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
27
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
28
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
29
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
30
+ readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
31
+ }>;
23
32
  readonly popupInModal: Readonly<{
24
33
  readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
25
34
  }>;
35
+ readonly popupRaised: Readonly<{
36
+ readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
37
+ }>;
38
+ readonly popupInModalRaised: Readonly<{
39
+ readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
40
+ }>;
26
41
  readonly popup: Readonly<{
27
42
  readonly position: css.StyleXClassNameFor<"position", "fixed">;
28
43
  readonly top: css.StyleXClassNameFor<"top", 0>;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AASpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EjB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8FjB,CAAA"}
@@ -1,4 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
+ import { ControlSize } from '../../shared/types';
2
3
  interface RootProps {
3
4
  name?: string;
4
5
  defaultValue?: string;
@@ -8,9 +9,11 @@ interface RootProps {
8
9
  children: ReactNode;
9
10
  }
10
11
  declare function Root({ name, defaultValue, value, onValueChange, initialLabels, children }: RootProps): import("react/jsx-runtime").JSX.Element;
11
- declare function Trigger({ children, 'aria-label': ariaLabel, }: {
12
+ declare function Trigger({ children, 'aria-label': ariaLabel, size, }: {
12
13
  children: ReactNode;
13
14
  'aria-label'?: string;
15
+ /** `small` matches a small Toggle or Button beside it. Default: `default`. */
16
+ size?: ControlSize;
14
17
  }): import("react/jsx-runtime").JSX.Element;
15
18
  declare function Value({ placeholder }: {
16
19
  placeholder?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AAczF,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAW3F;AAGD,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,GACxB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAsCA;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC,2CASnD;AAGD,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAoB/C;AAQD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAqD/C;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAmDpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAA"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AAYzF,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAGnD,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAW3F;AAGD,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,IAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,2CAsCA;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC,2CASnD;AAGD,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAoB/C;AAQD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAqD/C;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAmDpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAA"}
@@ -25,6 +25,15 @@ export declare const styles: Readonly<{
25
25
  readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "border-color">;
26
26
  readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
27
27
  }>;
28
+ readonly triggerSmall: Readonly<{
29
+ readonly gap: css.StyleXClassNameFor<"gap", string>;
30
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
31
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
32
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
33
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
34
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
35
+ readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
36
+ }>;
28
37
  readonly value: Readonly<{
29
38
  readonly color: css.StyleXClassNameFor<"color", string>;
30
39
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwGjB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoHjB,CAAA"}
@@ -0,0 +1,71 @@
1
+ import { ReactNode } from 'react';
2
+ import { DragDropItemData, DragDropVerdict } from '../DragDrop/DragDrop';
3
+ /** A calendar day, 'YYYY-MM-DD'. */
4
+ export type TimelineDate = string;
5
+ export interface TimelineRootProps {
6
+ /** First day on the axis. */
7
+ start: TimelineDate;
8
+ /** Last day on the axis (included). */
9
+ end: TimelineDate;
10
+ /** Draws the today marker when inside the range. */
11
+ today?: TimelineDate;
12
+ /** The timeline's accessible name. */
13
+ 'aria-label': string;
14
+ /** Text above the row labels, e.g. "Milestones". */
15
+ heading?: ReactNode;
16
+ /** The today marker's text. */
17
+ todayLabel?: string;
18
+ /** BCP 47 locale for the default date format. */
19
+ locale?: string;
20
+ /** Formats a day for the axis and the edge sliders' value text. */
21
+ formatDate?: (date: TimelineDate) => string;
22
+ children: ReactNode;
23
+ }
24
+ declare function Root({ start, end, today, 'aria-label': ariaLabel, heading, todayLabel, locale, formatDate, children, }: TimelineRootProps): import("react/jsx-runtime").JSX.Element;
25
+ export interface TimelineRowProps {
26
+ /** The row's name, shown in the label column. */
27
+ label: string;
28
+ /** A second line under the label, e.g. "4 of 7 done". */
29
+ description?: ReactNode;
30
+ children?: ReactNode;
31
+ }
32
+ declare function Row({ label, description, children }: TimelineRowProps): import("react/jsx-runtime").JSX.Element;
33
+ export interface TimelineBarDropZone<T = unknown> {
34
+ /** The DragDrop zone id; drops arrive in the Root's onDrop with it. */
35
+ id: string;
36
+ /** Read to screen readers when an item moves or drops here. */
37
+ label: string;
38
+ accepts?: (item: DragDropItemData<T>) => DragDropVerdict;
39
+ }
40
+ export interface TimelineBarProps<T = unknown> {
41
+ start: TimelineDate;
42
+ end: TimelineDate;
43
+ /** The bar's accessible name. */
44
+ label: string;
45
+ /** Done fraction, 0–1, drawn as a fill from the start edge. */
46
+ progress?: number;
47
+ /** `planned` draws a dashed outline; `done` the success tone. */
48
+ tone?: 'default' | 'planned' | 'done';
49
+ /** Makes the bar a toggle button (aria-pressed). */
50
+ selected?: boolean;
51
+ onSelect?: () => void;
52
+ /** Adds the start-edge slider. */
53
+ onStartChange?: (date: TimelineDate) => void;
54
+ /** Adds the end-edge slider. */
55
+ onEndChange?: (date: TimelineDate) => void;
56
+ /** Names of the edge sliders; default "<label>, start" / "<label>, end". */
57
+ startLabel?: string;
58
+ endLabel?: string;
59
+ /** Makes the bar a DragDrop.Zone (needs a DragDrop.Root above). */
60
+ dropZone?: TimelineBarDropZone<T>;
61
+ /** Text inside the bar, e.g. "4/7". */
62
+ children?: ReactNode;
63
+ }
64
+ declare function Bar<T = unknown>({ start, end, label, progress, tone, selected, onSelect, onStartChange, onEndChange, startLabel, endLabel, dropZone, children, }: TimelineBarProps<T>): import("react/jsx-runtime").JSX.Element;
65
+ export declare const Timeline: {
66
+ Root: typeof Root;
67
+ Row: typeof Row;
68
+ Bar: typeof Bar;
69
+ };
70
+ export {};
71
+ //# sourceMappingURL=Timeline.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import { ComponentMeta } from '../component-meta';
2
+ export declare const meta: ComponentMeta;
3
+ //# sourceMappingURL=Timeline.meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Timeline.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA2ClB,CAAA"}
@@ -0,0 +1,26 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { DragDropEvent } from '../DragDrop/DragDrop';
3
+ interface Args {
4
+ onDrop?: (e: DragDropEvent<Task>) => void;
5
+ onSelect?: (id: string) => void;
6
+ }
7
+ declare const meta: Meta<Args>;
8
+ export default meta;
9
+ type Story = StoryObj<Args>;
10
+ interface Task {
11
+ id: string;
12
+ title: string;
13
+ }
14
+ /** Three milestones over seven weeks, with progress fills, today, a
15
+ * selectable bar and keyboard edge sliders. */
16
+ export declare const Default: Story;
17
+ /** Bar edges are sliders whose value is a date: arrows move a day, Page
18
+ * keys a week, Home/End to the limit. */
19
+ export declare const KeyboardEdges: Story;
20
+ /** Drag an unscheduled task onto a milestone bar (or pick it with Space and
21
+ * move it with the arrow keys). */
22
+ export declare const Droppable: Story;
23
+ /** Bars are DragDrop zones: drop a task on a milestone bar, by pointer or
24
+ * by keyboard. */
25
+ export declare const DropOnBar: Story;
26
+ //# sourceMappingURL=Timeline.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Timeline.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,OAAO,EAAW,KAAK,aAAa,EAAC,MAAM,sBAAsB,CAAA;AAQjE,UAAU,IAAI;IACZ,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,IAAI,CAIpB,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;AAgC3B,UAAU,IAAI;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAkFD;gDACgD;AAChD,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED;0CAC0C;AAC1C,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAA;AAED;oCACoC;AACpC,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAA;AAED;mBACmB;AACnB,eAAO,MAAM,SAAS,EAAE,KAiDvB,CAAA"}
@@ -0,0 +1,158 @@
1
+ import { css } from 'react-strict-dom';
2
+ export declare const styles: Readonly<{
3
+ readonly root: Readonly<{
4
+ readonly display: css.StyleXClassNameFor<"display", "grid">;
5
+ readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", `${css.StyleXVar<string>} 1fr`>;
6
+ readonly rowGap: css.StyleXClassNameFor<"rowGap", string>;
7
+ readonly color: css.StyleXClassNameFor<"color", string>;
8
+ }>;
9
+ readonly heading: Readonly<{
10
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
11
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-end">;
12
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
13
+ readonly color: css.StyleXClassNameFor<"color", string>;
14
+ }>;
15
+ readonly axis: Readonly<{
16
+ readonly position: css.StyleXClassNameFor<"position", "relative">;
17
+ readonly height: css.StyleXClassNameFor<"height", string>;
18
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
19
+ readonly color: css.StyleXClassNameFor<"color", string>;
20
+ readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "nowrap">;
21
+ }>;
22
+ readonly tick: Readonly<{
23
+ readonly position: css.StyleXClassNameFor<"position", "absolute">;
24
+ readonly top: css.StyleXClassNameFor<"top", 0>;
25
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
26
+ readonly borderLeftWidth: css.StyleXClassNameFor<"borderLeftWidth", string>;
27
+ readonly borderLeftStyle: css.StyleXClassNameFor<"borderLeftStyle", "solid">;
28
+ readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
29
+ }>;
30
+ readonly todayLabel: Readonly<{
31
+ readonly position: css.StyleXClassNameFor<"position", "absolute">;
32
+ readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
33
+ readonly transform: css.StyleXClassNameFor<"transform", "translateX(-50%)">;
34
+ readonly color: css.StyleXClassNameFor<"color", string>;
35
+ readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
36
+ }>;
37
+ readonly left: (percent: number) => readonly [Readonly<{
38
+ left: css.StyleXClassNameFor<"left", string>;
39
+ }>, css.InlineStyles];
40
+ readonly width: (percent: number) => readonly [Readonly<{
41
+ width: css.StyleXClassNameFor<"width", string>;
42
+ }>, css.InlineStyles];
43
+ readonly label: Readonly<{
44
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
45
+ readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
46
+ readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
47
+ readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;
48
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
49
+ }>;
50
+ readonly labelText: Readonly<{
51
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
52
+ readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
53
+ readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "nowrap">;
54
+ readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
55
+ readonly textOverflow: css.StyleXClassNameFor<"textOverflow", "ellipsis">;
56
+ }>;
57
+ readonly labelDescription: Readonly<{
58
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
59
+ readonly color: css.StyleXClassNameFor<"color", string>;
60
+ readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "nowrap">;
61
+ }>;
62
+ readonly track: Readonly<{
63
+ readonly position: css.StyleXClassNameFor<"position", "relative">;
64
+ readonly height: css.StyleXClassNameFor<"height", string>;
65
+ }>;
66
+ readonly today: Readonly<{
67
+ readonly position: css.StyleXClassNameFor<"position", "absolute">;
68
+ readonly top: css.StyleXClassNameFor<"top", 0>;
69
+ readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
70
+ readonly borderLeftWidth: css.StyleXClassNameFor<"borderLeftWidth", string>;
71
+ readonly borderLeftStyle: css.StyleXClassNameFor<"borderLeftStyle", "solid">;
72
+ readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
73
+ readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "none">;
74
+ readonly zIndex: css.StyleXClassNameFor<"zIndex", 2>;
75
+ }>;
76
+ readonly bar: Readonly<{
77
+ readonly position: css.StyleXClassNameFor<"position", "absolute">;
78
+ readonly top: css.StyleXClassNameFor<"top", "50%">;
79
+ readonly transform: css.StyleXClassNameFor<"transform", "translateY(-50%)">;
80
+ readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
81
+ readonly height: css.StyleXClassNameFor<"height", string>;
82
+ }>;
83
+ readonly face: Readonly<{
84
+ readonly position: css.StyleXClassNameFor<"position", "relative">;
85
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
86
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
87
+ readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
88
+ readonly width: css.StyleXClassNameFor<"width", "100%">;
89
+ readonly height: css.StyleXClassNameFor<"height", "100%">;
90
+ readonly padding: css.StyleXClassNameFor<"padding", 0>;
91
+ readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
92
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
93
+ readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
94
+ readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
95
+ readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
96
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
97
+ readonly color: css.StyleXClassNameFor<"color", string>;
98
+ readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
99
+ readonly textAlign: css.StyleXClassNameFor<"textAlign", "left">;
100
+ readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "box-shadow, border-color">;
101
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
102
+ readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
103
+ readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
104
+ readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string>;
105
+ readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
106
+ readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", string>;
107
+ }>;
108
+ readonly faceSelected: Readonly<{
109
+ readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
110
+ readonly boxShadow: css.StyleXClassNameFor<"boxShadow", `0 0 0 ${css.StyleXVar<string>} ${css.StyleXVar<string>}`>;
111
+ }>;
112
+ readonly barPlanned: Readonly<{
113
+ readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "dashed">;
114
+ }>;
115
+ readonly barDone: Readonly<{
116
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
117
+ }>;
118
+ readonly fill: Readonly<{
119
+ readonly position: css.StyleXClassNameFor<"position", "absolute">;
120
+ readonly left: css.StyleXClassNameFor<"left", 0>;
121
+ readonly top: css.StyleXClassNameFor<"top", 0>;
122
+ readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
123
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
124
+ readonly borderRightWidth: css.StyleXClassNameFor<"borderRightWidth", string>;
125
+ readonly borderRightStyle: css.StyleXClassNameFor<"borderRightStyle", "solid">;
126
+ readonly borderRightColor: css.StyleXClassNameFor<"borderRightColor", string>;
127
+ }>;
128
+ readonly fillDone: Readonly<{
129
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
130
+ readonly borderRightColor: css.StyleXClassNameFor<"borderRightColor", string>;
131
+ }>;
132
+ readonly barText: Readonly<{
133
+ readonly position: css.StyleXClassNameFor<"position", "relative">;
134
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
135
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
136
+ readonly fontVariantNumeric: css.StyleXClassNameFor<"fontVariantNumeric", "tabular-nums">;
137
+ readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "nowrap">;
138
+ }>;
139
+ readonly edge: Readonly<{
140
+ readonly position: css.StyleXClassNameFor<"position", "absolute">;
141
+ readonly top: css.StyleXClassNameFor<"top", 0>;
142
+ readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
143
+ readonly width: css.StyleXClassNameFor<"width", string>;
144
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
145
+ readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
146
+ readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string>;
147
+ readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
148
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
149
+ readonly zIndex: css.StyleXClassNameFor<"zIndex", 3>;
150
+ }>;
151
+ readonly edgeStart: Readonly<{
152
+ readonly left: css.StyleXClassNameFor<"left", `calc(-1 * ${css.StyleXVar<string>})`>;
153
+ }>;
154
+ readonly edgeEnd: Readonly<{
155
+ readonly right: css.StyleXClassNameFor<"right", `calc(-1 * ${css.StyleXVar<string>})`>;
156
+ }>;
157
+ }>;
158
+ //# sourceMappingURL=styles.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyJjB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAiClB,CAAA"}
1
+ {"version":3,"file":"Toast.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAkClB,CAAA"}
@@ -6,4 +6,13 @@ type Story = StoryObj<typeof ToastProvider>;
6
6
  export declare const Success: Story;
7
7
  export declare const Error: Story;
8
8
  export declare const Dismiss: Story;
9
+ /** The WIP-limit shape: a warning, announced politely, with its own tone. */
10
+ export declare const Warning: Story;
11
+ /** The countdown stops while the pointer is on the toast and resumes with
12
+ * what was left when it leaves. */
13
+ export declare const PausesOnHover: Story;
14
+ /** Focus inside the toast (its Undo, its close button) holds it too. */
15
+ export declare const PausesOnFocus: Story;
16
+ /** The close button's name comes from the app (dismissLabel). */
17
+ export declare const LocalisedClose: Story;
9
18
  //# sourceMappingURL=Toast.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,aAAa,EAAW,MAAM,iBAAiB,CAAA;AAkDvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAQpC,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA"}
1
+ {"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,aAAa,EAAW,MAAM,iBAAiB,CAAA;AA2EvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAQpC,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,6EAA6E;AAC7E,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAID;oCACoC;AACpC,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAA;AAED,wEAAwE;AACxE,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAA;AAED,iEAAiE;AACjE,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAA"}
@@ -1,16 +1,18 @@
1
1
  import { ReactNode } from 'react';
2
- export type ToastVariant = 'success' | 'error' | 'info';
2
+ export type ToastVariant = 'success' | 'error' | 'info' | 'warning';
3
3
  export interface ToastAction {
4
4
  label: string;
5
5
  onClick: () => void;
6
6
  }
7
7
  export interface ToastOptions {
8
- /** Visual + semantic tone. Errors announce assertively and linger longer. */
8
+ /** Visual + semantic tone. Errors announce assertively; errors and
9
+ * warnings linger longer. */
9
10
  variant?: ToastVariant;
10
11
  message: ReactNode;
11
12
  /** Optional single action, e.g. Undo. Runs, then dismisses the toast. */
12
13
  action?: ToastAction;
13
- /** Auto-dismiss delay in ms. `0` (or negative) keeps it until dismissed. */
14
+ /** Auto-dismiss delay in ms. `0` (or negative) keeps it until dismissed.
15
+ * The countdown pauses while the toast is hovered or holds focus. */
14
16
  duration?: number;
15
17
  }
16
18
  export interface ToastContextValue {
@@ -19,7 +21,11 @@ export interface ToastContextValue {
19
21
  dismiss: (id: string) => void;
20
22
  }
21
23
  export declare function useToast(): ToastContextValue;
22
- export declare function ToastProvider({ children }: {
24
+ export interface ToastProviderProps {
25
+ /** Accessible name of each toast's close button, e.g. from the app's
26
+ * message catalog. */
27
+ dismissLabel?: string;
23
28
  children: ReactNode;
24
- }): import("react/jsx-runtime").JSX.Element;
29
+ }
30
+ export declare function ToastProvider({ dismissLabel, children }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
25
31
  //# sourceMappingURL=ToastProvider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAOd,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,yEAAyE;IACzE,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,KAAK,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,MAAM,CAAA;IACrC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B;AAkED,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C;AA+CD,wBAAgB,aAAa,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAkC9D"}
1
+ {"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAOd,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AAEnE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B;kCAC8B;IAC9B,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,yEAAyE;IACzE,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;0EACsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,KAAK,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,MAAM,CAAA;IACrC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B;AAqED,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C;AAwED,MAAM,WAAW,kBAAkB;IACjC;2BACuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAC,YAAwB,EAAE,QAAQ,EAAC,EAAE,kBAAkB,2CAkCrF"}
@@ -1,3 +1,3 @@
1
1
  export { ToastProvider, useToast } from './ToastProvider';
2
- export type { ToastVariant, ToastOptions, ToastAction, ToastContextValue } from './ToastProvider';
2
+ export type { ToastVariant, ToastOptions, ToastAction, ToastContextValue, ToastProviderProps, } from './ToastProvider';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,iBAAiB,CAAA;AACvD,YAAY,EAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,iBAAiB,CAAA;AACvD,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,iBAAiB,CAAA"}
@@ -47,6 +47,9 @@ export declare const styles: Readonly<{
47
47
  readonly info: Readonly<{
48
48
  readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
49
49
  }>;
50
+ readonly warning: Readonly<{
51
+ readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
52
+ }>;
50
53
  readonly iconWrap: Readonly<{
51
54
  readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
52
55
  readonly display: css.StyleXClassNameFor<"display", "flex">;
@@ -63,6 +66,9 @@ export declare const styles: Readonly<{
63
66
  readonly iconInfo: Readonly<{
64
67
  readonly color: css.StyleXClassNameFor<"color", string>;
65
68
  }>;
69
+ readonly iconWarning: Readonly<{
70
+ readonly color: css.StyleXClassNameFor<"color", string>;
71
+ }>;
66
72
  readonly content: Readonly<{
67
73
  readonly flex: css.StyleXClassNameFor<"flex", 1>;
68
74
  readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAepC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyGjB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAepC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2GjB,CAAA"}
@@ -1,5 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
- export type ToggleSize = 'default' | 'small';
2
+ import { ControlSize } from '../../shared/types';
3
+ export type ToggleSize = ControlSize;
3
4
  interface ToggleProps {
4
5
  /** Controlled pressed state (standalone usage). */
5
6
  pressed?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;AAQ1E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5C,UAAU,WAAW;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAYD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,KAAK,EACL,QAAQ,EAAE,YAAoB,EAC9B,IAAI,EAAE,QAAoB,EAC1B,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,WAAW,2CAuEb"}
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;AAM1E,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAGnD,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA;AAEpC,UAAU,WAAW;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAYD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,KAAK,EACL,QAAQ,EAAE,YAAoB,EAC9B,IAAI,EAAE,QAAoB,EAC1B,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,WAAW,2CAuEb"}
@@ -30,6 +30,7 @@ export declare const styles: Readonly<{
30
30
  readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
31
31
  readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
32
32
  readonly gap: css.StyleXClassNameFor<"gap", string>;
33
+ readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
33
34
  }>;
34
35
  readonly wrappedDefault: Readonly<{
35
36
  readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EjB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFjB,CAAA"}