@seed-design/react 0.0.5 → 0.0.7

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 (26) hide show
  1. package/lib/components/LoadingIndicator/usePendingButton.d.ts +57 -57
  2. package/lib/components/Snackbar/Snackbar.cjs +13 -17
  3. package/lib/components/Snackbar/Snackbar.d.ts +2 -2
  4. package/lib/components/Snackbar/Snackbar.d.ts.map +1 -1
  5. package/lib/components/Snackbar/Snackbar.js +14 -18
  6. package/lib/components/Snackbar/Snackbar.namespace.cjs +1 -1
  7. package/lib/components/Snackbar/Snackbar.namespace.d.ts +1 -1
  8. package/lib/components/Snackbar/Snackbar.namespace.d.ts.map +1 -1
  9. package/lib/components/Snackbar/Snackbar.namespace.js +1 -1
  10. package/lib/components/Snackbar/index.cjs +1 -1
  11. package/lib/components/Snackbar/index.d.ts +1 -1
  12. package/lib/components/Snackbar/index.d.ts.map +1 -1
  13. package/lib/components/Snackbar/index.js +1 -1
  14. package/lib/components/VisuallyHidden/VisuallyHidden.cjs +7 -4
  15. package/lib/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
  16. package/lib/components/VisuallyHidden/VisuallyHidden.js +7 -4
  17. package/lib/components/index.cjs +1 -1
  18. package/lib/components/index.js +1 -1
  19. package/lib/components/private/useDismissible.d.ts +120 -120
  20. package/lib/index.cjs +1 -1
  21. package/lib/index.js +1 -1
  22. package/package.json +3 -3
  23. package/src/components/Snackbar/Snackbar.namespace.ts +2 -2
  24. package/src/components/Snackbar/Snackbar.tsx +16 -17
  25. package/src/components/Snackbar/index.ts +2 -2
  26. package/src/components/VisuallyHidden/VisuallyHidden.tsx +6 -5
package/lib/components/LoadingIndicator/usePendingButton.d.ts CHANGED
@@ -16,10 +16,6 @@ export declare function usePendingButton(props: UsePendingButtonProps): {
16
16
  loading: boolean | undefined;
17
17
  disabled: boolean | undefined;
18
18
  stateProps: {
19
- children?: React.ReactNode;
20
- slot?: string | undefined | undefined;
21
- style?: React.CSSProperties | undefined;
22
- title?: string | undefined | undefined;
23
19
  defaultChecked?: boolean | undefined | undefined;
24
20
  defaultValue?: string | number | readonly string[] | undefined;
25
21
  suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -28,17 +24,20 @@ export declare function usePendingButton(props: UsePendingButtonProps): {
28
24
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
29
25
  autoFocus?: boolean | undefined | undefined;
30
26
  className?: string | undefined | undefined;
31
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
27
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
32
28
  contextMenu?: string | undefined | undefined;
33
29
  dir?: string | undefined | undefined;
34
- draggable?: (boolean | "true" | "false") | undefined;
30
+ draggable?: (boolean | "false" | "true") | undefined;
35
31
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
36
32
  hidden?: boolean | undefined | undefined;
37
33
  id?: string | undefined | undefined;
38
34
  lang?: string | undefined | undefined;
39
35
  nonce?: string | undefined | undefined;
40
- spellCheck?: (boolean | "true" | "false") | undefined;
36
+ slot?: string | undefined | undefined;
37
+ spellCheck?: (boolean | "false" | "true") | undefined;
38
+ style?: React.CSSProperties | undefined;
41
39
  tabIndex?: number | undefined | undefined;
40
+ title?: string | undefined | undefined;
42
41
  translate?: "yes" | "no" | undefined | undefined;
43
42
  radioGroup?: string | undefined | undefined;
44
43
  role?: React.AriaRole | undefined;
@@ -67,11 +66,11 @@ export declare function usePendingButton(props: UsePendingButtonProps): {
67
66
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
68
67
  is?: string | undefined | undefined;
69
68
  "aria-activedescendant"?: string | undefined | undefined;
70
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
69
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
71
70
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
72
71
  "aria-braillelabel"?: string | undefined | undefined;
73
72
  "aria-brailleroledescription"?: string | undefined | undefined;
74
- "aria-busy"?: (boolean | "true" | "false") | undefined;
73
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
75
74
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
76
75
  "aria-colcount"?: number | undefined | undefined;
77
76
  "aria-colindex"?: number | undefined | undefined;
@@ -82,43 +81,44 @@ export declare function usePendingButton(props: UsePendingButtonProps): {
82
81
  "aria-describedby"?: string | undefined | undefined;
83
82
  "aria-description"?: string | undefined | undefined;
84
83
  "aria-details"?: string | undefined | undefined;
85
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
84
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
86
85
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
87
86
  "aria-errormessage"?: string | undefined | undefined;
88
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
87
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
89
88
  "aria-flowto"?: string | undefined | undefined;
90
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
89
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
91
90
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
92
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
91
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
93
92
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
94
93
  "aria-keyshortcuts"?: string | undefined | undefined;
95
94
  "aria-label"?: string | undefined | undefined;
96
95
  "aria-labelledby"?: string | undefined | undefined;
97
96
  "aria-level"?: number | undefined | undefined;
98
97
  "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
99
- "aria-modal"?: (boolean | "true" | "false") | undefined;
100
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
101
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
98
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
99
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
100
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
102
101
  "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
103
102
  "aria-owns"?: string | undefined | undefined;
104
103
  "aria-placeholder"?: string | undefined | undefined;
105
104
  "aria-posinset"?: number | undefined | undefined;
106
105
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
107
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
106
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
108
107
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
109
- "aria-required"?: (boolean | "true" | "false") | undefined;
108
+ "aria-required"?: (boolean | "false" | "true") | undefined;
110
109
  "aria-roledescription"?: string | undefined | undefined;
111
110
  "aria-rowcount"?: number | undefined | undefined;
112
111
  "aria-rowindex"?: number | undefined | undefined;
113
112
  "aria-rowindextext"?: string | undefined | undefined;
114
113
  "aria-rowspan"?: number | undefined | undefined;
115
- "aria-selected"?: (boolean | "true" | "false") | undefined;
114
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
116
115
  "aria-setsize"?: number | undefined | undefined;
117
116
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
118
117
  "aria-valuemax"?: number | undefined | undefined;
119
118
  "aria-valuemin"?: number | undefined | undefined;
120
119
  "aria-valuenow"?: number | undefined | undefined;
121
120
  "aria-valuetext"?: string | undefined | undefined;
121
+ children?: React.ReactNode;
122
122
  dangerouslySetInnerHTML?: {
123
123
  __html: string | TrustedHTML;
124
124
  } | undefined | undefined;
@@ -288,10 +288,6 @@ export declare const PendingButtonProvider: React.Provider<{
288
288
  loading: boolean | undefined;
289
289
  disabled: boolean | undefined;
290
290
  stateProps: {
291
- children?: React.ReactNode;
292
- slot?: string | undefined | undefined;
293
- style?: React.CSSProperties | undefined;
294
- title?: string | undefined | undefined;
295
291
  defaultChecked?: boolean | undefined | undefined;
296
292
  defaultValue?: string | number | readonly string[] | undefined;
297
293
  suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -300,17 +296,20 @@ export declare const PendingButtonProvider: React.Provider<{
300
296
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
301
297
  autoFocus?: boolean | undefined | undefined;
302
298
  className?: string | undefined | undefined;
303
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
299
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
304
300
  contextMenu?: string | undefined | undefined;
305
301
  dir?: string | undefined | undefined;
306
- draggable?: (boolean | "true" | "false") | undefined;
302
+ draggable?: (boolean | "false" | "true") | undefined;
307
303
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
308
304
  hidden?: boolean | undefined | undefined;
309
305
  id?: string | undefined | undefined;
310
306
  lang?: string | undefined | undefined;
311
307
  nonce?: string | undefined | undefined;
312
- spellCheck?: (boolean | "true" | "false") | undefined;
308
+ slot?: string | undefined | undefined;
309
+ spellCheck?: (boolean | "false" | "true") | undefined;
310
+ style?: React.CSSProperties | undefined;
313
311
  tabIndex?: number | undefined | undefined;
312
+ title?: string | undefined | undefined;
314
313
  translate?: "yes" | "no" | undefined | undefined;
315
314
  radioGroup?: string | undefined | undefined;
316
315
  role?: React.AriaRole | undefined;
@@ -339,11 +338,11 @@ export declare const PendingButtonProvider: React.Provider<{
339
338
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
340
339
  is?: string | undefined | undefined;
341
340
  "aria-activedescendant"?: string | undefined | undefined;
342
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
341
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
343
342
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
344
343
  "aria-braillelabel"?: string | undefined | undefined;
345
344
  "aria-brailleroledescription"?: string | undefined | undefined;
346
- "aria-busy"?: (boolean | "true" | "false") | undefined;
345
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
347
346
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
348
347
  "aria-colcount"?: number | undefined | undefined;
349
348
  "aria-colindex"?: number | undefined | undefined;
@@ -354,43 +353,44 @@ export declare const PendingButtonProvider: React.Provider<{
354
353
  "aria-describedby"?: string | undefined | undefined;
355
354
  "aria-description"?: string | undefined | undefined;
356
355
  "aria-details"?: string | undefined | undefined;
357
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
356
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
358
357
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
359
358
  "aria-errormessage"?: string | undefined | undefined;
360
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
359
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
361
360
  "aria-flowto"?: string | undefined | undefined;
362
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
361
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
363
362
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
364
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
363
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
365
364
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
366
365
  "aria-keyshortcuts"?: string | undefined | undefined;
367
366
  "aria-label"?: string | undefined | undefined;
368
367
  "aria-labelledby"?: string | undefined | undefined;
369
368
  "aria-level"?: number | undefined | undefined;
370
369
  "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
371
- "aria-modal"?: (boolean | "true" | "false") | undefined;
372
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
373
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
370
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
371
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
372
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
374
373
  "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
375
374
  "aria-owns"?: string | undefined | undefined;
376
375
  "aria-placeholder"?: string | undefined | undefined;
377
376
  "aria-posinset"?: number | undefined | undefined;
378
377
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
379
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
378
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
380
379
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
381
- "aria-required"?: (boolean | "true" | "false") | undefined;
380
+ "aria-required"?: (boolean | "false" | "true") | undefined;
382
381
  "aria-roledescription"?: string | undefined | undefined;
383
382
  "aria-rowcount"?: number | undefined | undefined;
384
383
  "aria-rowindex"?: number | undefined | undefined;
385
384
  "aria-rowindextext"?: string | undefined | undefined;
386
385
  "aria-rowspan"?: number | undefined | undefined;
387
- "aria-selected"?: (boolean | "true" | "false") | undefined;
386
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
388
387
  "aria-setsize"?: number | undefined | undefined;
389
388
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
390
389
  "aria-valuemax"?: number | undefined | undefined;
391
390
  "aria-valuemin"?: number | undefined | undefined;
392
391
  "aria-valuenow"?: number | undefined | undefined;
393
392
  "aria-valuetext"?: string | undefined | undefined;
393
+ children?: React.ReactNode;
394
394
  dangerouslySetInnerHTML?: {
395
395
  __html: string | TrustedHTML;
396
396
  } | undefined | undefined;
@@ -560,10 +560,6 @@ export declare const usePendingButtonContext: () => {
560
560
  loading: boolean | undefined;
561
561
  disabled: boolean | undefined;
562
562
  stateProps: {
563
- children?: React.ReactNode;
564
- slot?: string | undefined | undefined;
565
- style?: React.CSSProperties | undefined;
566
- title?: string | undefined | undefined;
567
563
  defaultChecked?: boolean | undefined | undefined;
568
564
  defaultValue?: string | number | readonly string[] | undefined;
569
565
  suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -572,17 +568,20 @@ export declare const usePendingButtonContext: () => {
572
568
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
573
569
  autoFocus?: boolean | undefined | undefined;
574
570
  className?: string | undefined | undefined;
575
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
571
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
576
572
  contextMenu?: string | undefined | undefined;
577
573
  dir?: string | undefined | undefined;
578
- draggable?: (boolean | "true" | "false") | undefined;
574
+ draggable?: (boolean | "false" | "true") | undefined;
579
575
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
580
576
  hidden?: boolean | undefined | undefined;
581
577
  id?: string | undefined | undefined;
582
578
  lang?: string | undefined | undefined;
583
579
  nonce?: string | undefined | undefined;
584
- spellCheck?: (boolean | "true" | "false") | undefined;
580
+ slot?: string | undefined | undefined;
581
+ spellCheck?: (boolean | "false" | "true") | undefined;
582
+ style?: React.CSSProperties | undefined;
585
583
  tabIndex?: number | undefined | undefined;
584
+ title?: string | undefined | undefined;
586
585
  translate?: "yes" | "no" | undefined | undefined;
587
586
  radioGroup?: string | undefined | undefined;
588
587
  role?: React.AriaRole | undefined;
@@ -611,11 +610,11 @@ export declare const usePendingButtonContext: () => {
611
610
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
612
611
  is?: string | undefined | undefined;
613
612
  "aria-activedescendant"?: string | undefined | undefined;
614
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
613
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
615
614
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
616
615
  "aria-braillelabel"?: string | undefined | undefined;
617
616
  "aria-brailleroledescription"?: string | undefined | undefined;
618
- "aria-busy"?: (boolean | "true" | "false") | undefined;
617
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
619
618
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
620
619
  "aria-colcount"?: number | undefined | undefined;
621
620
  "aria-colindex"?: number | undefined | undefined;
@@ -626,43 +625,44 @@ export declare const usePendingButtonContext: () => {
626
625
  "aria-describedby"?: string | undefined | undefined;
627
626
  "aria-description"?: string | undefined | undefined;
628
627
  "aria-details"?: string | undefined | undefined;
629
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
628
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
630
629
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
631
630
  "aria-errormessage"?: string | undefined | undefined;
632
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
631
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
633
632
  "aria-flowto"?: string | undefined | undefined;
634
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
633
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
635
634
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
636
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
635
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
637
636
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
638
637
  "aria-keyshortcuts"?: string | undefined | undefined;
639
638
  "aria-label"?: string | undefined | undefined;
640
639
  "aria-labelledby"?: string | undefined | undefined;
641
640
  "aria-level"?: number | undefined | undefined;
642
641
  "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
643
- "aria-modal"?: (boolean | "true" | "false") | undefined;
644
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
645
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
642
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
643
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
644
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
646
645
  "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
647
646
  "aria-owns"?: string | undefined | undefined;
648
647
  "aria-placeholder"?: string | undefined | undefined;
649
648
  "aria-posinset"?: number | undefined | undefined;
650
649
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
651
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
650
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
652
651
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
653
- "aria-required"?: (boolean | "true" | "false") | undefined;
652
+ "aria-required"?: (boolean | "false" | "true") | undefined;
654
653
  "aria-roledescription"?: string | undefined | undefined;
655
654
  "aria-rowcount"?: number | undefined | undefined;
656
655
  "aria-rowindex"?: number | undefined | undefined;
657
656
  "aria-rowindextext"?: string | undefined | undefined;
658
657
  "aria-rowspan"?: number | undefined | undefined;
659
- "aria-selected"?: (boolean | "true" | "false") | undefined;
658
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
660
659
  "aria-setsize"?: number | undefined | undefined;
661
660
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
662
661
  "aria-valuemax"?: number | undefined | undefined;
663
662
  "aria-valuemin"?: number | undefined | undefined;
664
663
  "aria-valuenow"?: number | undefined | undefined;
665
664
  "aria-valuetext"?: string | undefined | undefined;
665
+ children?: React.ReactNode;
666
666
  dangerouslySetInnerHTML?: {
667
667
  __html: string | TrustedHTML;
668
668
  } | undefined | undefined;
package/lib/components/Snackbar/Snackbar.cjs CHANGED
@@ -5,10 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const jsxRuntime = require('react/jsx-runtime');
6
6
  const snackbar = require('@seed-design/css/recipes/snackbar');
7
7
  const snackbarRegion = require('@seed-design/css/recipes/snackbar-region');
8
- const visuallyHidden = require('@seed-design/css/recipes/visually-hidden');
8
+ const domUtils = require('@seed-design/dom-utils');
9
9
  const reactPrimitive = require('@seed-design/react-primitive');
10
10
  const reactSnackbar = require('@seed-design/react-snackbar');
11
- const clsx = require('clsx');
12
11
  const React = require('react');
13
12
  const createRecipeContext = require('../../utils/createRecipeContext.cjs');
14
13
  const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
@@ -36,26 +35,23 @@ const SnackbarActionButton = withContext(
36
35
  reactPrimitive.Primitive.button,
37
36
  "actionButton"
38
37
  );
39
- const SnackbarCloseButton = React.forwardRef(
40
- (props, ref) => {
41
- const { className, ...otherProps } = props;
42
- const visuallyHiddenClassName = React.useMemo(() => visuallyHidden.visuallyHidden(), []);
43
- return /* @__PURE__ */ jsxRuntime.jsx(
44
- reactSnackbar.Snackbar.CloseButton,
45
- {
46
- ref,
47
- className: clsx(visuallyHiddenClassName, className),
48
- ...otherProps
49
- }
50
- );
51
- }
52
- );
38
+ const SnackbarHiddenCloseButton = React.forwardRef((props, ref) => {
39
+ const { style, ...otherProps } = props;
40
+ return /* @__PURE__ */ jsxRuntime.jsx(
41
+ reactSnackbar.Snackbar.CloseButton,
42
+ {
43
+ ref,
44
+ style: { ...domUtils.visuallyHidden, ...style },
45
+ ...otherProps
46
+ }
47
+ );
48
+ });
53
49
  const SnackbarRenderer = reactSnackbar.Snackbar.Renderer;
54
50
  const SnackbarAvoidOverlap = reactSnackbar.Snackbar.AvoidOverlap;
55
51
 
56
52
  exports.SnackbarActionButton = SnackbarActionButton;
57
53
  exports.SnackbarAvoidOverlap = SnackbarAvoidOverlap;
58
- exports.SnackbarCloseButton = SnackbarCloseButton;
54
+ exports.SnackbarHiddenCloseButton = SnackbarHiddenCloseButton;
59
55
  exports.SnackbarMessage = SnackbarMessage;
60
56
  exports.SnackbarPrefixIcon = SnackbarPrefixIcon;
61
57
  exports.SnackbarRegion = SnackbarRegion;
package/lib/components/Snackbar/Snackbar.d.ts CHANGED
@@ -21,12 +21,12 @@ export declare const SnackbarPrefixIcon: ForwardRefExoticComponent<SnackbarPrefi
21
21
  export interface SnackbarActionButtonProps extends PrimitiveProps, React.HTMLAttributes<HTMLButtonElement> {
22
22
  }
23
23
  export declare const SnackbarActionButton: ForwardRefExoticComponent<SnackbarActionButtonProps & RefAttributes<HTMLButtonElement>>;
24
- export interface SnackbarCloseButtonProps extends SnackbarPrimitive.CloseButtonProps {
24
+ export interface SnackbarHiddenCloseButtonProps extends SnackbarPrimitive.CloseButtonProps {
25
25
  }
26
26
  /**
27
27
  * Visually hidden button that closes the snackbar (for screen readers).
28
28
  */
29
- export declare const SnackbarCloseButton: ForwardRefExoticComponent<SnackbarCloseButtonProps & RefAttributes<HTMLButtonElement>>;
29
+ export declare const SnackbarHiddenCloseButton: ForwardRefExoticComponent<SnackbarHiddenCloseButtonProps & RefAttributes<HTMLButtonElement>>;
30
30
  export interface SnackbarRendererProps extends SnackbarPrimitive.RendererProps {
31
31
  }
32
32
  export declare const SnackbarRenderer: (_props: SnackbarPrimitive.RendererProps) => ReactNode;
package/lib/components/Snackbar/Snackbar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAGxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAK5E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAOvE,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,qHAAiC,CAAC;AAInE,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,WAAW;CAAG;AAEnG,eAAO,MAAM,cAAc,gHAE1B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,SAAS;CAAG;AAE/F,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,yBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C,eAAO,MAAM,oBAAoB,yHAGhC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAEvF;;GAEG;AACH,eAAO,MAAM,mBAAmB,wHAY/B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB,CAAC,aAAa;CAAG;AAEjF,eAAO,MAAM,gBAAgB,wEAA6B,CAAC;AAI3D,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,wIAAiC,CAAC"}
1
+ {"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAGxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAI5E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAOvE,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,qHAAiC,CAAC;AAInE,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,WAAW;CAAG;AAEnG,eAAO,MAAM,cAAc,gHAE1B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,SAAS;CAAG;AAE/F,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,yBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C,eAAO,MAAM,oBAAoB,yHAGhC,CAAC;AAIF,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAE7F;;GAEG;AACH,eAAO,MAAM,yBAAyB,8HAYpC,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB,CAAC,aAAa;CAAG;AAEjF,eAAO,MAAM,gBAAgB,wEAA6B,CAAC;AAI3D,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,wIAAiC,CAAC"}
package/lib/components/Snackbar/Snackbar.js CHANGED
@@ -1,11 +1,10 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { snackbar } from '@seed-design/css/recipes/snackbar';
3
3
  import { snackbarRegion } from '@seed-design/css/recipes/snackbar-region';
4
- import { visuallyHidden } from '@seed-design/css/recipes/visually-hidden';
4
+ import { visuallyHidden } from '@seed-design/dom-utils';
5
5
  import { Primitive } from '@seed-design/react-primitive';
6
6
  import { Snackbar } from '@seed-design/react-snackbar';
7
- import clsx from 'clsx';
8
- import { forwardRef, useMemo } from 'react';
7
+ import { forwardRef } from 'react';
9
8
  import { createRecipeContext } from '../../utils/createRecipeContext.js';
10
9
  import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
11
10
  import { InternalIcon } from '../private/Icon.js';
@@ -32,21 +31,18 @@ const SnackbarActionButton = withContext(
32
31
  Primitive.button,
33
32
  "actionButton"
34
33
  );
35
- const SnackbarCloseButton = forwardRef(
36
- (props, ref) => {
37
- const { className, ...otherProps } = props;
38
- const visuallyHiddenClassName = useMemo(() => visuallyHidden(), []);
39
- return /* @__PURE__ */ jsx(
40
- Snackbar.CloseButton,
41
- {
42
- ref,
43
- className: clsx(visuallyHiddenClassName, className),
44
- ...otherProps
45
- }
46
- );
47
- }
48
- );
34
+ const SnackbarHiddenCloseButton = forwardRef((props, ref) => {
35
+ const { style, ...otherProps } = props;
36
+ return /* @__PURE__ */ jsx(
37
+ Snackbar.CloseButton,
38
+ {
39
+ ref,
40
+ style: { ...visuallyHidden, ...style },
41
+ ...otherProps
42
+ }
43
+ );
44
+ });
49
45
  const SnackbarRenderer = Snackbar.Renderer;
50
46
  const SnackbarAvoidOverlap = Snackbar.AvoidOverlap;
51
47
 
52
- export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider };
48
+ export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider };
package/lib/components/Snackbar/Snackbar.namespace.cjs CHANGED
@@ -8,7 +8,7 @@ const Snackbar = require('./Snackbar.cjs');
8
8
 
9
9
  exports.ActionButton = Snackbar.SnackbarActionButton;
10
10
  exports.AvoidOverlap = Snackbar.SnackbarAvoidOverlap;
11
- exports.CloseButton = Snackbar.SnackbarCloseButton;
11
+ exports.HiddenCloseButton = Snackbar.SnackbarHiddenCloseButton;
12
12
  exports.Message = Snackbar.SnackbarMessage;
13
13
  exports.PrefixIcon = Snackbar.SnackbarPrefixIcon;
14
14
  exports.Region = Snackbar.SnackbarRegion;
package/lib/components/Snackbar/Snackbar.namespace.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export { SnackbarActionButton as ActionButton, SnackbarAvoidOverlap as AvoidOverlap, SnackbarCloseButton as CloseButton, SnackbarMessage as Message, SnackbarPrefixIcon as PrefixIcon, SnackbarRegion as Region, SnackbarRenderer as Renderer, SnackbarRoot as Root, SnackbarRootProvider as RootProvider, type SnackbarActionButtonProps as ActionButtonProps, type SnackbarAvoidOverlapProps as AvoidOverlapProps, type SnackbarCloseButtonProps as CloseButtonProps, type SnackbarMessageProps as MessageProps, type SnackbarPrefixIconProps as PrefixIconProps, type SnackbarRegionProps as RegionProps, type SnackbarRendererProps as RendererProps, type SnackbarRootProps as RootProps, type SnackbarRootProviderProps as RootProviderProps, } from './Snackbar';
1
+ export { SnackbarActionButton as ActionButton, SnackbarAvoidOverlap as AvoidOverlap, SnackbarHiddenCloseButton as HiddenCloseButton, SnackbarMessage as Message, SnackbarPrefixIcon as PrefixIcon, SnackbarRegion as Region, SnackbarRenderer as Renderer, SnackbarRoot as Root, SnackbarRootProvider as RootProvider, type SnackbarActionButtonProps as ActionButtonProps, type SnackbarAvoidOverlapProps as AvoidOverlapProps, type SnackbarHiddenCloseButtonProps as HiddenCloseButtonProps, type SnackbarMessageProps as MessageProps, type SnackbarPrefixIconProps as PrefixIconProps, type SnackbarRegionProps as RegionProps, type SnackbarRendererProps as RendererProps, type SnackbarRootProps as RootProps, type SnackbarRootProviderProps as RootProviderProps, } from './Snackbar';
2
2
  //# sourceMappingURL=Snackbar.namespace.d.ts.map
package/lib/components/Snackbar/Snackbar.namespace.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Snackbar.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,IAAI,YAAY,EACpC,oBAAoB,IAAI,YAAY,EACpC,mBAAmB,IAAI,WAAW,EAClC,eAAe,IAAI,OAAO,EAC1B,kBAAkB,IAAI,UAAU,EAChC,cAAc,IAAI,MAAM,EACxB,gBAAgB,IAAI,QAAQ,EAC5B,YAAY,IAAI,IAAI,EACpB,oBAAoB,IAAI,YAAY,EACpC,KAAK,yBAAyB,IAAI,iBAAiB,EACnD,KAAK,yBAAyB,IAAI,iBAAiB,EACnD,KAAK,wBAAwB,IAAI,gBAAgB,EACjD,KAAK,oBAAoB,IAAI,YAAY,EACzC,KAAK,uBAAuB,IAAI,eAAe,EAC/C,KAAK,mBAAmB,IAAI,WAAW,EACvC,KAAK,qBAAqB,IAAI,aAAa,EAC3C,KAAK,iBAAiB,IAAI,SAAS,EACnC,KAAK,yBAAyB,IAAI,iBAAiB,GACpD,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"Snackbar.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,IAAI,YAAY,EACpC,oBAAoB,IAAI,YAAY,EACpC,yBAAyB,IAAI,iBAAiB,EAC9C,eAAe,IAAI,OAAO,EAC1B,kBAAkB,IAAI,UAAU,EAChC,cAAc,IAAI,MAAM,EACxB,gBAAgB,IAAI,QAAQ,EAC5B,YAAY,IAAI,IAAI,EACpB,oBAAoB,IAAI,YAAY,EACpC,KAAK,yBAAyB,IAAI,iBAAiB,EACnD,KAAK,yBAAyB,IAAI,iBAAiB,EACnD,KAAK,8BAA8B,IAAI,sBAAsB,EAC7D,KAAK,oBAAoB,IAAI,YAAY,EACzC,KAAK,uBAAuB,IAAI,eAAe,EAC/C,KAAK,mBAAmB,IAAI,WAAW,EACvC,KAAK,qBAAqB,IAAI,aAAa,EAC3C,KAAK,iBAAiB,IAAI,SAAS,EACnC,KAAK,yBAAyB,IAAI,iBAAiB,GACpD,MAAM,YAAY,CAAC"}
package/lib/components/Snackbar/Snackbar.namespace.js CHANGED
@@ -1 +1 @@
1
- export { SnackbarActionButton as ActionButton, SnackbarAvoidOverlap as AvoidOverlap, SnackbarCloseButton as CloseButton, SnackbarMessage as Message, SnackbarPrefixIcon as PrefixIcon, SnackbarRegion as Region, SnackbarRenderer as Renderer, SnackbarRoot as Root, SnackbarRootProvider as RootProvider } from './Snackbar.js';
1
+ export { SnackbarActionButton as ActionButton, SnackbarAvoidOverlap as AvoidOverlap, SnackbarHiddenCloseButton as HiddenCloseButton, SnackbarMessage as Message, SnackbarPrefixIcon as PrefixIcon, SnackbarRegion as Region, SnackbarRenderer as Renderer, SnackbarRoot as Root, SnackbarRootProvider as RootProvider } from './Snackbar.js';
package/lib/components/Snackbar/index.cjs CHANGED
@@ -11,7 +11,7 @@ const Snackbar_namespace = require('./Snackbar.namespace.cjs');
11
11
 
12
12
  exports.SnackbarActionButton = Snackbar.SnackbarActionButton;
13
13
  exports.SnackbarAvoidOverlap = Snackbar.SnackbarAvoidOverlap;
14
- exports.SnackbarCloseButton = Snackbar.SnackbarCloseButton;
14
+ exports.SnackbarHiddenCloseButton = Snackbar.SnackbarHiddenCloseButton;
15
15
  exports.SnackbarMessage = Snackbar.SnackbarMessage;
16
16
  exports.SnackbarPrefixIcon = Snackbar.SnackbarPrefixIcon;
17
17
  exports.SnackbarRegion = Snackbar.SnackbarRegion;
package/lib/components/Snackbar/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider, type SnackbarActionButtonProps, type SnackbarAvoidOverlapProps, type SnackbarCloseButtonProps, type SnackbarMessageProps, type SnackbarPrefixIconProps, type SnackbarRegionProps, type SnackbarRendererProps, type SnackbarRootProps, type SnackbarRootProviderProps, } from './Snackbar';
1
+ export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider, type SnackbarActionButtonProps, type SnackbarAvoidOverlapProps, type SnackbarHiddenCloseButtonProps, type SnackbarMessageProps, type SnackbarPrefixIconProps, type SnackbarRegionProps, type SnackbarRendererProps, type SnackbarRootProps, type SnackbarRootProviderProps, } from './Snackbar';
2
2
  export { useSnackbarContext, type UseSnackbarContext, type CreateSnackbarOptions, } from '@seed-design/react-snackbar';
3
3
  export { useSnackbarAdapter, type UseSnackbarAdapterReturn, } from './useSnackbarAdapter';
4
4
  export * as Snackbar from './Snackbar.namespace';
package/lib/components/Snackbar/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,kBAAkB,EAClB,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,kBAAkB,EAClB,KAAK,wBAAwB,GAC9B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,yBAAyB,EACzB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,KAAK,8BAA8B,EACnC,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,kBAAkB,EAClB,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,kBAAkB,EAClB,KAAK,wBAAwB,GAC9B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}
package/lib/components/Snackbar/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider } from './Snackbar.js';
1
+ export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider } from './Snackbar.js';
2
2
  export { useSnackbarContext } from '@seed-design/react-snackbar';
3
3
  export { useSnackbarAdapter } from './useSnackbarAdapter.js';
4
4
  import * as Snackbar_namespace from './Snackbar.namespace.js';
package/lib/components/VisuallyHidden/VisuallyHidden.cjs CHANGED
@@ -2,11 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
+ const jsxRuntime = require('react/jsx-runtime');
6
+ const domUtils = require('@seed-design/dom-utils');
5
7
  const reactPrimitive = require('@seed-design/react-primitive');
6
- const visuallyHidden = require('@seed-design/css/recipes/visually-hidden');
7
- const createRecipeContext = require('../../utils/createRecipeContext.cjs');
8
+ const React = require('react');
8
9
 
9
- const { withProvider } = createRecipeContext.createRecipeContext(visuallyHidden.visuallyHidden);
10
- const VisuallyHidden = withProvider(reactPrimitive.Primitive.div);
10
+ const VisuallyHidden = React.forwardRef((props, ref) => {
11
+ const { style, ...otherProps } = props;
12
+ return /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, style: { ...domUtils.visuallyHidden, ...style }, ...otherProps });
13
+ });
11
14
 
12
15
  exports.VisuallyHidden = VisuallyHidden;
package/lib/components/VisuallyHidden/VisuallyHidden.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAAmE,CAAC"}
1
+ {"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAGzB,CAAC"}
package/lib/components/VisuallyHidden/VisuallyHidden.js CHANGED
@@ -1,8 +1,11 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { visuallyHidden } from '@seed-design/dom-utils';
1
3
  import { Primitive } from '@seed-design/react-primitive';
2
- import { visuallyHidden } from '@seed-design/css/recipes/visually-hidden';
3
- import { createRecipeContext } from '../../utils/createRecipeContext.js';
4
+ import { forwardRef } from 'react';
4
5
 
5
- const { withProvider } = createRecipeContext(visuallyHidden);
6
- const VisuallyHidden = withProvider(Primitive.div);
6
+ const VisuallyHidden = forwardRef((props, ref) => {
7
+ const { style, ...otherProps } = props;
8
+ return /* @__PURE__ */ jsx(Primitive.div, { ref, style: { ...visuallyHidden, ...style }, ...otherProps });
9
+ });
7
10
 
8
11
  export { VisuallyHidden };
package/lib/components/index.cjs CHANGED
@@ -221,7 +221,7 @@ exports.RadioSelectBox = RadioSelectBox_namespace;
221
221
  exports.Skeleton = Skeleton.Skeleton;
222
222
  exports.SnackbarActionButton = Snackbar.SnackbarActionButton;
223
223
  exports.SnackbarAvoidOverlap = Snackbar.SnackbarAvoidOverlap;
224
- exports.SnackbarCloseButton = Snackbar.SnackbarCloseButton;
224
+ exports.SnackbarHiddenCloseButton = Snackbar.SnackbarHiddenCloseButton;
225
225
  exports.SnackbarMessage = Snackbar.SnackbarMessage;
226
226
  exports.SnackbarPrefixIcon = Snackbar.SnackbarPrefixIcon;
227
227
  exports.SnackbarRegion = Snackbar.SnackbarRegion;
package/lib/components/index.js CHANGED
@@ -65,7 +65,7 @@ export { CheckSelectBox_namespace as CheckSelectBox };
65
65
  import * as RadioSelectBox_namespace from './SelectBox/RadioSelectBox.namespace.js';
66
66
  export { RadioSelectBox_namespace as RadioSelectBox };
67
67
  export { Skeleton } from './Skeleton/Skeleton.js';
68
- export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider } from './Snackbar/Snackbar.js';
68
+ export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider } from './Snackbar/Snackbar.js';
69
69
  export { useSnackbarContext } from '@seed-design/react-snackbar';
70
70
  export { useSnackbarAdapter } from './Snackbar/useSnackbarAdapter.js';
71
71
  import * as Snackbar_namespace from './Snackbar/Snackbar.namespace.js';