@digigov/ui 0.32.0 → 0.32.2

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 (181) hide show
  1. package/CHANGELOG.md +16 -1
  2. package/admin/AccessibilityMenu/index.d.ts +6 -0
  3. package/admin/AccessibilityMenu/index.js +85 -30
  4. package/admin/AutoComplete/index.mdx +8 -30
  5. package/admin/CopyToClipboard/index.mdx +1 -5
  6. package/admin/Dropdown/Dropdown.stories.playwright.json +53 -0
  7. package/admin/Dropdown/__stories__/AlignRight.js +1 -2
  8. package/admin/Dropdown/__stories__/Default.js +1 -3
  9. package/admin/Dropdown/__stories__/PlacementTop.js +1 -2
  10. package/admin/Dropdown/index.mdx +3 -15
  11. package/admin/Modal/Modal.stories.playwright.json +37 -0
  12. package/admin/Modal/__stories__/AlertDialog.js +36 -12
  13. package/admin/Modal/__stories__/Default.js +34 -10
  14. package/admin/Modal/index.mdx +1 -5
  15. package/app/Footer/Footer.mdx +3 -14
  16. package/app/Header/index.mdx +3 -16
  17. package/app/QrCodeViewer/index.mdx +1 -5
  18. package/core/Accordion/index.d.ts +5 -1
  19. package/core/Accordion/index.js +46 -13
  20. package/core/Accordion/index.mdx +2 -10
  21. package/core/Button/__stories__/GroupingButtons.d.ts +1 -0
  22. package/core/Button/__stories__/GroupingButtons.js +4 -2
  23. package/core/Button/__stories__/GroupingButtonsAndLinks.d.ts +1 -0
  24. package/core/Button/__stories__/GroupingButtonsAndLinks.js +4 -2
  25. package/core/Button/__stories__/Warning.d.ts +1 -0
  26. package/core/Button/__stories__/Warning.js +4 -2
  27. package/core/Button/index.mdx +4 -20
  28. package/core/Card/card.mdx +7 -35
  29. package/core/Checkbox/checkbox.mdx +6 -30
  30. package/core/DateInputContainer/index.mdx +4 -20
  31. package/core/ErrorSummary/index.mdx +3 -15
  32. package/core/FileUpload/index.mdx +1 -5
  33. package/core/Link/link.mdx +4 -20
  34. package/core/List/index.mdx +1 -5
  35. package/core/NavList/index.mdx +1 -5
  36. package/core/NotificationBanner/index.mdx +1 -5
  37. package/core/PhaseBanner/index.mdx +1 -4
  38. package/core/RadioContainer/index.mdx +6 -30
  39. package/core/SelectContainer/index.mdx +3 -15
  40. package/core/SingleCharacterInputContainer/index.mdx +7 -10
  41. package/core/SummaryList/index.mdx +2 -10
  42. package/core/Table/index.mdx +6 -30
  43. package/core/TextArea/index.mdx +6 -30
  44. package/core/TextInput/index.mdx +6 -30
  45. package/core/index.d.ts +1 -0
  46. package/core/index.js +13 -0
  47. package/es/admin/AccessibilityMenu/index.js +49 -0
  48. package/es/admin/AutoComplete/index.mdx +8 -30
  49. package/es/admin/CopyToClipboard/index.mdx +1 -5
  50. package/es/admin/Dropdown/Dropdown.stories.playwright.json +53 -0
  51. package/es/admin/Dropdown/__stories__/AlignRight.js +1 -2
  52. package/es/admin/Dropdown/__stories__/Default.js +1 -3
  53. package/es/admin/Dropdown/__stories__/PlacementTop.js +1 -2
  54. package/es/admin/Dropdown/index.mdx +3 -15
  55. package/es/admin/Modal/Modal.stories.playwright.json +37 -0
  56. package/es/admin/Modal/__stories__/AlertDialog.js +29 -12
  57. package/es/admin/Modal/__stories__/Default.js +27 -10
  58. package/es/admin/Modal/index.mdx +1 -5
  59. package/es/app/Footer/Footer.mdx +3 -14
  60. package/es/app/Header/index.mdx +3 -16
  61. package/es/app/QrCodeViewer/index.mdx +1 -5
  62. package/es/core/Accordion/index.js +40 -6
  63. package/es/core/Accordion/index.mdx +2 -10
  64. package/es/core/Button/__stories__/GroupingButtons.js +2 -1
  65. package/es/core/Button/__stories__/GroupingButtonsAndLinks.js +2 -1
  66. package/es/core/Button/__stories__/Warning.js +2 -1
  67. package/es/core/Button/index.mdx +4 -20
  68. package/es/core/Card/card.mdx +7 -35
  69. package/es/core/Checkbox/checkbox.mdx +6 -30
  70. package/es/core/DateInputContainer/index.mdx +4 -20
  71. package/es/core/ErrorSummary/index.mdx +3 -15
  72. package/es/core/FileUpload/index.mdx +1 -5
  73. package/es/core/Link/link.mdx +4 -20
  74. package/es/core/List/index.mdx +1 -5
  75. package/es/core/NavList/index.mdx +1 -5
  76. package/es/core/NotificationBanner/index.mdx +1 -5
  77. package/es/core/PhaseBanner/index.mdx +1 -4
  78. package/es/core/RadioContainer/index.mdx +6 -30
  79. package/es/core/SelectContainer/index.mdx +3 -15
  80. package/es/core/SingleCharacterInputContainer/index.mdx +7 -10
  81. package/es/core/SummaryList/index.mdx +2 -10
  82. package/es/core/Table/index.mdx +6 -30
  83. package/es/core/TextArea/index.mdx +6 -30
  84. package/es/core/TextInput/index.mdx +6 -30
  85. package/es/core/index.js +1 -0
  86. package/es/typography/HeadingCaption/index.mdx +1 -5
  87. package/es/typography/Hint/index.mdx +1 -5
  88. package/es/typography/NormalText/index.mdx +3 -15
  89. package/es/typography/Paragraph/index.mdx +3 -15
  90. package/esm/admin/AccessibilityMenu/index.js +49 -0
  91. package/esm/admin/AutoComplete/index.mdx +8 -30
  92. package/esm/admin/CopyToClipboard/index.mdx +1 -5
  93. package/esm/admin/Dropdown/Dropdown.stories.playwright.json +53 -0
  94. package/esm/admin/Dropdown/__stories__/AlignRight.js +1 -2
  95. package/esm/admin/Dropdown/__stories__/Default.js +1 -3
  96. package/esm/admin/Dropdown/__stories__/PlacementTop.js +1 -2
  97. package/esm/admin/Dropdown/index.mdx +3 -15
  98. package/esm/admin/Modal/Modal.stories.playwright.json +37 -0
  99. package/esm/admin/Modal/__stories__/AlertDialog.js +29 -12
  100. package/esm/admin/Modal/__stories__/Default.js +27 -10
  101. package/esm/admin/Modal/index.mdx +1 -5
  102. package/esm/app/Footer/Footer.mdx +3 -14
  103. package/esm/app/Header/index.mdx +3 -16
  104. package/esm/app/QrCodeViewer/index.mdx +1 -5
  105. package/esm/core/Accordion/index.js +40 -6
  106. package/esm/core/Accordion/index.mdx +2 -10
  107. package/esm/core/Button/__stories__/GroupingButtons.js +2 -1
  108. package/esm/core/Button/__stories__/GroupingButtonsAndLinks.js +2 -1
  109. package/esm/core/Button/__stories__/Warning.js +2 -1
  110. package/esm/core/Button/index.mdx +4 -20
  111. package/esm/core/Card/card.mdx +7 -35
  112. package/esm/core/Checkbox/checkbox.mdx +6 -30
  113. package/esm/core/DateInputContainer/index.mdx +4 -20
  114. package/esm/core/ErrorSummary/index.mdx +3 -15
  115. package/esm/core/FileUpload/index.mdx +1 -5
  116. package/esm/core/Link/link.mdx +4 -20
  117. package/esm/core/List/index.mdx +1 -5
  118. package/esm/core/NavList/index.mdx +1 -5
  119. package/esm/core/NotificationBanner/index.mdx +1 -5
  120. package/esm/core/PhaseBanner/index.mdx +1 -4
  121. package/esm/core/RadioContainer/index.mdx +6 -30
  122. package/esm/core/SelectContainer/index.mdx +3 -15
  123. package/esm/core/SingleCharacterInputContainer/index.mdx +7 -10
  124. package/esm/core/SummaryList/index.mdx +2 -10
  125. package/esm/core/Table/index.mdx +6 -30
  126. package/esm/core/TextArea/index.mdx +6 -30
  127. package/esm/core/TextInput/index.mdx +6 -30
  128. package/esm/core/index.js +1 -0
  129. package/esm/index.js +1 -1
  130. package/esm/typography/HeadingCaption/index.mdx +1 -5
  131. package/esm/typography/Hint/index.mdx +1 -5
  132. package/esm/typography/NormalText/index.mdx +3 -15
  133. package/esm/typography/Paragraph/index.mdx +3 -15
  134. package/package.json +3 -3
  135. package/src/admin/AccessibilityMenu/index.tsx +52 -0
  136. package/src/admin/AutoComplete/index.mdx +8 -30
  137. package/src/admin/CopyToClipboard/index.mdx +1 -5
  138. package/src/admin/Dropdown/Dropdown.stories.playwright.json +53 -0
  139. package/src/admin/Dropdown/__stories__/AlignRight.tsx +1 -1
  140. package/src/admin/Dropdown/__stories__/Default.tsx +1 -1
  141. package/src/admin/Dropdown/__stories__/PlacementTop.tsx +1 -1
  142. package/src/admin/Dropdown/index.mdx +3 -15
  143. package/src/admin/Modal/Modal.stories.playwright.json +37 -0
  144. package/src/admin/Modal/__stories__/AlertDialog.tsx +18 -3
  145. package/src/admin/Modal/__stories__/Default.tsx +18 -3
  146. package/src/admin/Modal/index.mdx +1 -5
  147. package/src/app/Footer/Footer.mdx +3 -14
  148. package/src/app/Header/index.mdx +3 -16
  149. package/src/app/QrCodeViewer/index.mdx +1 -5
  150. package/src/core/Accordion/index.mdx +2 -10
  151. package/src/core/Accordion/index.tsx +38 -4
  152. package/src/core/Button/__stories__/GroupingButtons.tsx +1 -0
  153. package/src/core/Button/__stories__/GroupingButtonsAndLinks.tsx +1 -0
  154. package/src/core/Button/__stories__/Warning.tsx +1 -0
  155. package/src/core/Button/index.mdx +4 -20
  156. package/src/core/Card/card.mdx +7 -35
  157. package/src/core/Checkbox/checkbox.mdx +6 -30
  158. package/src/core/DateInputContainer/index.mdx +4 -20
  159. package/src/core/ErrorSummary/index.mdx +3 -15
  160. package/src/core/FileUpload/index.mdx +1 -5
  161. package/src/core/Link/link.mdx +4 -20
  162. package/src/core/List/index.mdx +1 -5
  163. package/src/core/NavList/index.mdx +1 -5
  164. package/src/core/NotificationBanner/index.mdx +1 -5
  165. package/src/core/PhaseBanner/index.mdx +1 -4
  166. package/src/core/RadioContainer/index.mdx +6 -30
  167. package/src/core/SelectContainer/index.mdx +3 -15
  168. package/src/core/SingleCharacterInputContainer/index.mdx +7 -10
  169. package/src/core/SummaryList/index.mdx +2 -10
  170. package/src/core/Table/index.mdx +6 -30
  171. package/src/core/TextArea/index.mdx +6 -30
  172. package/src/core/TextInput/index.mdx +6 -30
  173. package/src/core/index.ts +1 -0
  174. package/src/typography/HeadingCaption/index.mdx +1 -5
  175. package/src/typography/Hint/index.mdx +1 -5
  176. package/src/typography/NormalText/index.mdx +3 -15
  177. package/src/typography/Paragraph/index.mdx +3 -15
  178. package/typography/HeadingCaption/index.mdx +1 -5
  179. package/typography/Hint/index.mdx +1 -5
  180. package/typography/NormalText/index.mdx +3 -15
  181. package/typography/Paragraph/index.mdx +3 -15
package/src/core/TextInput/index.mdx CHANGED
@@ -11,19 +11,11 @@ import TextInput from '@digigov/ui/core/TextInput';
11
11
 
12
12
  ## How to use
13
13
 
14
- <Story
15
- packageName="@digigov/ui"
16
- component="core/TextInput"
17
- story="Default.tsx"
18
- />
14
+ <Story packageName="@digigov/ui" component="core/TextInput" story="Default.tsx" />
19
15
 
20
16
  ### If you’re asking more than one question on the page
21
17
 
22
- <Story
23
- packageName="@digigov/ui"
24
- component="core/TextInput"
25
- story="MultipleQuestions.tsx"
26
- />
18
+ <Story packageName="@digigov/ui" component="core/TextInput" story="MultipleQuestions.tsx" />
27
19
 
28
20
  ### Fixed width inputs
29
21
 
@@ -33,31 +25,19 @@ The widths are designed for specific character lengths and to be consistent acro
33
25
 
34
26
  On fixed width inputs, the width will remain fixed on all screens unless it is wider than the viewport, in which case it will shrink to fit.
35
27
 
36
- <Story
37
- packageName="@digigov/ui"
38
- component="core/TextInput"
39
- story="FixedWidths.tsx"
40
- />
28
+ <Story packageName="@digigov/ui" component="core/TextInput" story="FixedWidths.tsx" />
41
29
 
42
30
  ### Fluid width inputs
43
31
 
44
32
  Fluid width inputs will resize with the viewport.
45
33
 
46
- <Story
47
- packageName="@digigov/ui"
48
- component="core/TextInput"
49
- story="FluidWidths.tsx"
50
- />
34
+ <Story packageName="@digigov/ui" component="core/TextInput" story="FluidWidths.tsx" />
51
35
 
52
36
  ### Hint text
53
37
 
54
38
  Use hint text for help that’s relevant to the majority of users, like how their information will be used, or where to find it.
55
39
 
56
- <Story
57
- packageName="@digigov/ui"
58
- component="core/TextInput"
59
- story="WithHint.tsx"
60
- />
40
+ <Story packageName="@digigov/ui" component="core/TextInput" story="WithHint.tsx" />
61
41
 
62
42
  ## Numbers
63
43
 
@@ -73,11 +53,7 @@ Use hint text for help that’s relevant to the majority of users, like how thei
73
53
 
74
54
  Error messages should be styled like this:
75
55
 
76
- <Story
77
- packageName="@digigov/ui"
78
- component="core/TextInput"
79
- story="WithErrorMessage.tsx"
80
- />
56
+ <Story packageName="@digigov/ui" component="core/TextInput" story="WithErrorMessage.tsx" />
81
57
 
82
58
  ### Disabled input
83
59
 
package/src/core/index.ts CHANGED
@@ -26,6 +26,7 @@ export * from '@digigov/ui/core/PhaseBanner';
26
26
  export * from '@digigov/ui/core/RadioContainer';
27
27
  export * from '@digigov/ui/core/SectionBreak';
28
28
  export * from '@digigov/ui/core/SelectContainer';
29
+ export * from '@digigov/ui/core/SingleCharacterInputContainer';
29
30
  export * from '@digigov/ui/core/SummaryList';
30
31
  export * from '@digigov/ui/core/ServiceBadge';
31
32
  export * from '@digigov/ui/core/Table';
package/src/typography/HeadingCaption/index.mdx CHANGED
@@ -9,11 +9,7 @@ import HeadingCaption from '@digigov/ui/typography/HeadingCaption';
9
9
 
10
10
  ## How to use
11
11
 
12
- <Story
13
- packageName="@digigov/ui"
14
- component="typography/HeadingCaption"
15
- story="Default.tsx"
16
- />
12
+ <Story packageName="@digigov/ui" component="typography/HeadingCaption" story="Default.tsx" />
17
13
 
18
14
  ### Nested caption to title
19
15
 
package/src/typography/Hint/index.mdx CHANGED
@@ -9,11 +9,7 @@ import Hint from '@digigov/ui/typography/Hint';
9
9
 
10
10
  ## How to use
11
11
 
12
- <Story
13
- packageName="@digigov/ui"
14
- component="typography/Hint"
15
- story="Default.tsx"
16
- />
12
+ <Story packageName="@digigov/ui" component="typography/Hint" story="Default.tsx" />
17
13
 
18
14
  ### Font sizes
19
15
 
package/src/typography/NormalText/index.mdx CHANGED
@@ -9,29 +9,17 @@ import NormalText from '@digigov/ui/typography/NormalText';
9
9
 
10
10
  ## How to use
11
11
 
12
- <Story
13
- packageName="@digigov/ui"
14
- component="typography/NormalText"
15
- story="Default.tsx"
16
- />
12
+ <Story packageName="@digigov/ui" component="typography/NormalText" story="Default.tsx" />
17
13
 
18
14
  ### Variants
19
15
 
20
- <Story
21
- packageName="@digigov/ui"
22
- component="typography/NormalText"
23
- story="Variants.tsx"
24
- />
16
+ <Story packageName="@digigov/ui" component="typography/NormalText" story="Variants.tsx" />
25
17
 
26
18
  ## Font override classes
27
19
 
28
20
  ### Font size
29
21
 
30
- <Story
31
- packageName="@digigov/ui"
32
- component="typography/NormalText"
33
- story="FontSizes.tsx"
34
- />
22
+ <Story packageName="@digigov/ui" component="typography/NormalText" story="FontSizes.tsx" />
35
23
 
36
24
  ### Font weight
37
25
 
package/src/typography/Paragraph/index.mdx CHANGED
@@ -17,29 +17,17 @@ import Paragraph from '@digigov/ui/typography/Paragraph';
17
17
 
18
18
  ### Lead paragraph
19
19
 
20
- <Story
21
- packageName="@digigov/ui"
22
- component="typography/Paragraph"
23
- story="LeadVariant.tsx"
24
- />
20
+ <Story packageName="@digigov/ui" component="typography/Paragraph" story="LeadVariant.tsx" />
25
21
 
26
22
  ### Small paragraph
27
23
 
28
- <Story
29
- packageName="@digigov/ui"
30
- component="typography/Paragraph"
31
- story="SmallVariant.tsx"
32
- />
24
+ <Story packageName="@digigov/ui" component="typography/Paragraph" story="SmallVariant.tsx" />
33
25
 
34
26
  ## Font override classes
35
27
 
36
28
  ### Font size
37
29
 
38
- <Story
39
- packageName="@digigov/ui"
40
- component="typography/Paragraph"
41
- story="FontSizes.tsx"
42
- />
30
+ <Story packageName="@digigov/ui" component="typography/Paragraph" story="FontSizes.tsx" />
43
31
 
44
32
  ### Font weight
45
33
 
package/typography/HeadingCaption/index.mdx CHANGED
@@ -9,11 +9,7 @@ import HeadingCaption from '@digigov/ui/typography/HeadingCaption';
9
9
 
10
10
  ## How to use
11
11
 
12
- <Story
13
- packageName="@digigov/ui"
14
- component="typography/HeadingCaption"
15
- story="Default.tsx"
16
- />
12
+ <Story packageName="@digigov/ui" component="typography/HeadingCaption" story="Default.tsx" />
17
13
 
18
14
  ### Nested caption to title
19
15
 
package/typography/Hint/index.mdx CHANGED
@@ -9,11 +9,7 @@ import Hint from '@digigov/ui/typography/Hint';
9
9
 
10
10
  ## How to use
11
11
 
12
- <Story
13
- packageName="@digigov/ui"
14
- component="typography/Hint"
15
- story="Default.tsx"
16
- />
12
+ <Story packageName="@digigov/ui" component="typography/Hint" story="Default.tsx" />
17
13
 
18
14
  ### Font sizes
19
15
 
package/typography/NormalText/index.mdx CHANGED
@@ -9,29 +9,17 @@ import NormalText from '@digigov/ui/typography/NormalText';
9
9
 
10
10
  ## How to use
11
11
 
12
- <Story
13
- packageName="@digigov/ui"
14
- component="typography/NormalText"
15
- story="Default.tsx"
16
- />
12
+ <Story packageName="@digigov/ui" component="typography/NormalText" story="Default.tsx" />
17
13
 
18
14
  ### Variants
19
15
 
20
- <Story
21
- packageName="@digigov/ui"
22
- component="typography/NormalText"
23
- story="Variants.tsx"
24
- />
16
+ <Story packageName="@digigov/ui" component="typography/NormalText" story="Variants.tsx" />
25
17
 
26
18
  ## Font override classes
27
19
 
28
20
  ### Font size
29
21
 
30
- <Story
31
- packageName="@digigov/ui"
32
- component="typography/NormalText"
33
- story="FontSizes.tsx"
34
- />
22
+ <Story packageName="@digigov/ui" component="typography/NormalText" story="FontSizes.tsx" />
35
23
 
36
24
  ### Font weight
37
25
 
package/typography/Paragraph/index.mdx CHANGED
@@ -17,29 +17,17 @@ import Paragraph from '@digigov/ui/typography/Paragraph';
17
17
 
18
18
  ### Lead paragraph
19
19
 
20
- <Story
21
- packageName="@digigov/ui"
22
- component="typography/Paragraph"
23
- story="LeadVariant.tsx"
24
- />
20
+ <Story packageName="@digigov/ui" component="typography/Paragraph" story="LeadVariant.tsx" />
25
21
 
26
22
  ### Small paragraph
27
23
 
28
- <Story
29
- packageName="@digigov/ui"
30
- component="typography/Paragraph"
31
- story="SmallVariant.tsx"
32
- />
24
+ <Story packageName="@digigov/ui" component="typography/Paragraph" story="SmallVariant.tsx" />
33
25
 
34
26
  ## Font override classes
35
27
 
36
28
  ### Font size
37
29
 
38
- <Story
39
- packageName="@digigov/ui"
40
- component="typography/Paragraph"
41
- story="FontSizes.tsx"
42
- />
30
+ <Story packageName="@digigov/ui" component="typography/Paragraph" story="FontSizes.tsx" />
43
31
 
44
32
  ### Font weight
45
33