@dxc-technology/halstack-react 0.0.0-c291a0c → 0.0.0-c3c521c

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 (319) hide show
  1. package/BackgroundColorContext.d.ts +1 -10
  2. package/BackgroundColorContext.js +5 -22
  3. package/HalstackContext.d.ts +1215 -6
  4. package/HalstackContext.js +125 -110
  5. package/README.md +47 -0
  6. package/accordion/Accordion.d.ts +1 -1
  7. package/accordion/Accordion.js +116 -160
  8. package/accordion/Accordion.stories.tsx +102 -126
  9. package/accordion/Accordion.test.js +25 -41
  10. package/accordion/types.d.ts +5 -16
  11. package/accordion-group/AccordionGroup.d.ts +4 -3
  12. package/accordion-group/AccordionGroup.js +31 -98
  13. package/accordion-group/AccordionGroup.stories.tsx +94 -67
  14. package/accordion-group/AccordionGroup.test.js +52 -105
  15. package/accordion-group/AccordionGroupAccordion.d.ts +4 -0
  16. package/accordion-group/AccordionGroupAccordion.js +31 -0
  17. package/accordion-group/types.d.ts +11 -16
  18. package/action-icon/ActionIcon.d.ts +4 -0
  19. package/action-icon/ActionIcon.js +47 -0
  20. package/action-icon/ActionIcon.stories.tsx +41 -0
  21. package/action-icon/ActionIcon.test.js +64 -0
  22. package/action-icon/types.d.ts +26 -0
  23. package/alert/Alert.js +20 -59
  24. package/alert/Alert.stories.tsx +28 -0
  25. package/alert/Alert.test.js +29 -46
  26. package/alert/types.d.ts +5 -5
  27. package/badge/Badge.d.ts +1 -1
  28. package/badge/Badge.js +142 -42
  29. package/badge/Badge.stories.tsx +210 -0
  30. package/badge/Badge.test.js +30 -0
  31. package/badge/types.d.ts +52 -3
  32. package/bleed/Bleed.js +13 -21
  33. package/bleed/Bleed.stories.tsx +64 -63
  34. package/bleed/types.d.ts +2 -2
  35. package/box/Box.d.ts +1 -1
  36. package/box/Box.js +19 -60
  37. package/box/Box.stories.tsx +38 -51
  38. package/box/Box.test.js +2 -7
  39. package/box/types.d.ts +3 -14
  40. package/bulleted-list/BulletedList.d.ts +7 -0
  41. package/bulleted-list/BulletedList.js +89 -0
  42. package/bulleted-list/BulletedList.stories.tsx +115 -0
  43. package/bulleted-list/types.d.ts +38 -0
  44. package/button/Button.d.ts +1 -1
  45. package/button/Button.js +63 -117
  46. package/button/Button.stories.tsx +160 -90
  47. package/button/Button.test.js +20 -17
  48. package/button/types.d.ts +12 -8
  49. package/card/Card.d.ts +1 -1
  50. package/card/Card.js +48 -89
  51. package/card/Card.stories.tsx +12 -42
  52. package/card/Card.test.js +11 -22
  53. package/card/types.d.ts +6 -11
  54. package/checkbox/Checkbox.d.ts +2 -2
  55. package/checkbox/Checkbox.js +140 -182
  56. package/checkbox/Checkbox.stories.tsx +128 -94
  57. package/checkbox/Checkbox.test.js +160 -39
  58. package/checkbox/types.d.ts +11 -3
  59. package/chip/Chip.js +39 -79
  60. package/chip/Chip.stories.tsx +121 -26
  61. package/chip/Chip.test.js +16 -31
  62. package/chip/types.d.ts +4 -4
  63. package/common/OpenSans.css +68 -80
  64. package/common/coreTokens.d.ts +237 -0
  65. package/common/coreTokens.js +184 -0
  66. package/common/utils.d.ts +1 -0
  67. package/common/utils.js +6 -12
  68. package/common/variables.d.ts +1367 -0
  69. package/common/variables.js +909 -1140
  70. package/container/Container.d.ts +4 -0
  71. package/container/Container.js +194 -0
  72. package/container/Container.stories.tsx +214 -0
  73. package/container/types.d.ts +74 -0
  74. package/date-input/Calendar.d.ts +4 -0
  75. package/date-input/Calendar.js +214 -0
  76. package/date-input/DateInput.js +150 -299
  77. package/date-input/DateInput.stories.tsx +203 -56
  78. package/date-input/DateInput.test.js +700 -371
  79. package/date-input/DatePicker.d.ts +4 -0
  80. package/date-input/DatePicker.js +115 -0
  81. package/date-input/Icons.d.ts +6 -0
  82. package/date-input/Icons.js +58 -0
  83. package/date-input/YearPicker.d.ts +4 -0
  84. package/date-input/YearPicker.js +100 -0
  85. package/date-input/types.d.ts +72 -15
  86. package/dialog/Dialog.d.ts +1 -1
  87. package/dialog/Dialog.js +73 -107
  88. package/dialog/Dialog.stories.tsx +320 -167
  89. package/dialog/Dialog.test.js +287 -20
  90. package/dialog/types.d.ts +18 -25
  91. package/dropdown/Dropdown.d.ts +1 -1
  92. package/dropdown/Dropdown.js +243 -300
  93. package/dropdown/Dropdown.stories.tsx +245 -56
  94. package/dropdown/Dropdown.test.js +575 -165
  95. package/dropdown/DropdownMenu.d.ts +4 -0
  96. package/dropdown/DropdownMenu.js +63 -0
  97. package/dropdown/DropdownMenuItem.d.ts +4 -0
  98. package/dropdown/DropdownMenuItem.js +67 -0
  99. package/dropdown/types.d.ts +32 -14
  100. package/file-input/FileInput.d.ts +2 -2
  101. package/file-input/FileInput.js +241 -355
  102. package/file-input/FileInput.stories.tsx +123 -12
  103. package/file-input/FileInput.test.js +369 -367
  104. package/file-input/FileItem.d.ts +4 -14
  105. package/file-input/FileItem.js +45 -96
  106. package/file-input/types.d.ts +25 -8
  107. package/flex/Flex.d.ts +4 -0
  108. package/flex/Flex.js +57 -0
  109. package/flex/Flex.stories.tsx +112 -0
  110. package/flex/types.d.ts +97 -0
  111. package/footer/Footer.d.ts +1 -1
  112. package/footer/Footer.js +70 -117
  113. package/footer/Footer.stories.tsx +60 -19
  114. package/footer/Footer.test.js +33 -57
  115. package/footer/Icons.d.ts +3 -2
  116. package/footer/Icons.js +66 -7
  117. package/footer/types.d.ts +25 -26
  118. package/grid/Grid.d.ts +7 -0
  119. package/grid/Grid.js +76 -0
  120. package/grid/Grid.stories.tsx +219 -0
  121. package/grid/types.d.ts +115 -0
  122. package/header/Header.d.ts +4 -3
  123. package/header/Header.js +85 -168
  124. package/header/Header.stories.tsx +118 -39
  125. package/header/Header.test.js +13 -26
  126. package/header/Icons.d.ts +2 -2
  127. package/header/Icons.js +4 -9
  128. package/header/types.d.ts +5 -19
  129. package/heading/Heading.js +10 -32
  130. package/heading/Heading.test.js +71 -88
  131. package/heading/types.d.ts +7 -7
  132. package/image/Image.d.ts +4 -0
  133. package/image/Image.js +70 -0
  134. package/image/Image.stories.tsx +127 -0
  135. package/image/types.d.ts +72 -0
  136. package/inset/Inset.js +13 -21
  137. package/inset/Inset.stories.tsx +5 -4
  138. package/inset/types.d.ts +2 -2
  139. package/layout/ApplicationLayout.d.ts +15 -6
  140. package/layout/ApplicationLayout.js +50 -115
  141. package/layout/ApplicationLayout.stories.tsx +81 -45
  142. package/layout/Icons.d.ts +8 -5
  143. package/layout/Icons.js +51 -59
  144. package/layout/SidenavContext.d.ts +1 -1
  145. package/layout/SidenavContext.js +3 -9
  146. package/layout/types.d.ts +21 -32
  147. package/link/Link.js +25 -46
  148. package/link/Link.stories.tsx +73 -6
  149. package/link/Link.test.js +24 -44
  150. package/link/types.d.ts +14 -14
  151. package/main.d.ts +12 -13
  152. package/main.js +45 -103
  153. package/{tabs-nav → nav-tabs}/NavTabs.d.ts +2 -2
  154. package/{tabs-nav → nav-tabs}/NavTabs.js +28 -60
  155. package/{tabs-nav → nav-tabs}/NavTabs.stories.tsx +115 -9
  156. package/{tabs-nav → nav-tabs}/NavTabs.test.js +39 -45
  157. package/nav-tabs/Tab.js +118 -0
  158. package/{tabs-nav → nav-tabs}/types.d.ts +14 -15
  159. package/number-input/NumberInput.d.ts +7 -0
  160. package/number-input/NumberInput.js +26 -35
  161. package/number-input/NumberInput.stories.tsx +42 -26
  162. package/number-input/NumberInput.test.js +701 -377
  163. package/number-input/types.d.ts +11 -5
  164. package/package.json +43 -46
  165. package/paginator/Icons.d.ts +5 -0
  166. package/paginator/Icons.js +21 -47
  167. package/paginator/Paginator.js +23 -59
  168. package/paginator/Paginator.stories.tsx +24 -0
  169. package/paginator/Paginator.test.js +253 -226
  170. package/paginator/types.d.ts +3 -3
  171. package/paragraph/Paragraph.d.ts +5 -0
  172. package/paragraph/Paragraph.js +22 -0
  173. package/paragraph/Paragraph.stories.tsx +27 -0
  174. package/password-input/Icons.d.ts +6 -0
  175. package/password-input/Icons.js +35 -0
  176. package/password-input/PasswordInput.js +57 -126
  177. package/password-input/PasswordInput.stories.tsx +1 -33
  178. package/password-input/PasswordInput.test.js +160 -142
  179. package/password-input/types.d.ts +8 -7
  180. package/progress-bar/ProgressBar.js +65 -91
  181. package/progress-bar/{ProgressBar.stories.jsx → ProgressBar.stories.tsx} +39 -4
  182. package/progress-bar/ProgressBar.test.js +72 -44
  183. package/progress-bar/types.d.ts +3 -3
  184. package/quick-nav/QuickNav.js +27 -45
  185. package/quick-nav/QuickNav.stories.tsx +146 -27
  186. package/quick-nav/types.d.ts +10 -10
  187. package/radio-group/Radio.d.ts +1 -1
  188. package/radio-group/Radio.js +59 -76
  189. package/radio-group/RadioGroup.js +67 -114
  190. package/radio-group/RadioGroup.stories.tsx +132 -18
  191. package/radio-group/RadioGroup.test.js +518 -457
  192. package/radio-group/types.d.ts +10 -10
  193. package/resultset-table/Icons.d.ts +7 -0
  194. package/resultset-table/Icons.js +47 -0
  195. package/resultset-table/ResultsetTable.js +159 -0
  196. package/{resultsetTable → resultset-table}/ResultsetTable.stories.tsx +50 -25
  197. package/{resultsetTable → resultset-table}/ResultsetTable.test.js +101 -144
  198. package/{resultsetTable → resultset-table}/types.d.ts +7 -7
  199. package/resultset-table/types.js +5 -0
  200. package/select/Icons.d.ts +7 -7
  201. package/select/Icons.js +1 -5
  202. package/select/Listbox.js +17 -49
  203. package/select/Option.js +27 -50
  204. package/select/Select.js +132 -202
  205. package/select/Select.stories.tsx +497 -152
  206. package/select/Select.test.js +1966 -1758
  207. package/select/types.d.ts +16 -19
  208. package/sidenav/Icons.d.ts +7 -0
  209. package/sidenav/Icons.js +47 -0
  210. package/sidenav/Sidenav.d.ts +6 -5
  211. package/sidenav/Sidenav.js +127 -78
  212. package/sidenav/Sidenav.stories.tsx +251 -151
  213. package/sidenav/Sidenav.test.js +26 -45
  214. package/sidenav/types.d.ts +52 -26
  215. package/slider/Slider.d.ts +2 -2
  216. package/slider/Slider.js +148 -181
  217. package/slider/Slider.test.js +185 -81
  218. package/slider/types.d.ts +7 -3
  219. package/spinner/Spinner.js +31 -75
  220. package/spinner/{Spinner.stories.jsx → Spinner.stories.tsx} +53 -27
  221. package/spinner/Spinner.test.js +26 -35
  222. package/spinner/types.d.ts +3 -3
  223. package/status-light/StatusLight.d.ts +4 -0
  224. package/status-light/StatusLight.js +51 -0
  225. package/status-light/StatusLight.stories.tsx +74 -0
  226. package/status-light/StatusLight.test.js +25 -0
  227. package/status-light/types.d.ts +17 -0
  228. package/status-light/types.js +5 -0
  229. package/switch/Switch.d.ts +2 -2
  230. package/switch/Switch.js +145 -126
  231. package/switch/Switch.stories.tsx +37 -60
  232. package/switch/Switch.test.js +138 -56
  233. package/switch/types.d.ts +7 -3
  234. package/table/Table.js +8 -30
  235. package/table/{Table.stories.jsx → Table.stories.tsx} +80 -1
  236. package/table/Table.test.js +3 -8
  237. package/table/types.d.ts +8 -8
  238. package/tabs/Tab.d.ts +4 -0
  239. package/tabs/Tab.js +116 -0
  240. package/tabs/Tabs.js +314 -141
  241. package/tabs/Tabs.stories.tsx +120 -6
  242. package/tabs/Tabs.test.js +223 -69
  243. package/tabs/types.d.ts +28 -18
  244. package/tag/Tag.js +29 -61
  245. package/tag/Tag.stories.tsx +14 -1
  246. package/tag/Tag.test.js +20 -31
  247. package/tag/types.d.ts +7 -7
  248. package/text-input/Icons.d.ts +8 -0
  249. package/text-input/Icons.js +56 -0
  250. package/text-input/Suggestion.js +40 -28
  251. package/text-input/Suggestions.d.ts +4 -0
  252. package/text-input/Suggestions.js +84 -0
  253. package/text-input/TextInput.js +308 -506
  254. package/text-input/TextInput.stories.tsx +266 -275
  255. package/text-input/TextInput.test.js +1402 -1375
  256. package/text-input/types.d.ts +43 -16
  257. package/textarea/Textarea.js +70 -113
  258. package/textarea/Textarea.stories.tsx +174 -0
  259. package/textarea/Textarea.test.js +152 -183
  260. package/textarea/types.d.ts +9 -5
  261. package/toggle-group/ToggleGroup.d.ts +2 -2
  262. package/toggle-group/ToggleGroup.js +92 -106
  263. package/toggle-group/ToggleGroup.stories.tsx +49 -4
  264. package/toggle-group/ToggleGroup.test.js +69 -88
  265. package/toggle-group/types.d.ts +26 -17
  266. package/typography/Typography.d.ts +4 -0
  267. package/typography/Typography.js +23 -0
  268. package/typography/Typography.stories.tsx +198 -0
  269. package/typography/types.d.ts +18 -0
  270. package/typography/types.js +5 -0
  271. package/useTheme.d.ts +1119 -1
  272. package/useTheme.js +2 -9
  273. package/useTranslatedLabels.d.ts +84 -1
  274. package/useTranslatedLabels.js +1 -7
  275. package/utils/BaseTypography.d.ts +21 -0
  276. package/utils/BaseTypography.js +94 -0
  277. package/utils/FocusLock.d.ts +13 -0
  278. package/utils/FocusLock.js +124 -0
  279. package/wizard/Wizard.js +24 -66
  280. package/wizard/Wizard.stories.tsx +40 -1
  281. package/wizard/Wizard.test.js +54 -81
  282. package/wizard/types.d.ts +7 -7
  283. package/card/ice-cream.jpg +0 -0
  284. package/common/RequiredComponent.js +0 -32
  285. package/inline/Inline.d.ts +0 -4
  286. package/inline/Inline.js +0 -54
  287. package/inline/Inline.stories.tsx +0 -264
  288. package/inline/types.d.ts +0 -32
  289. package/list/List.d.ts +0 -4
  290. package/list/List.js +0 -47
  291. package/list/List.stories.tsx +0 -89
  292. package/list/types.d.ts +0 -7
  293. package/number-input/NumberInputContext.d.ts +0 -4
  294. package/number-input/NumberInputContext.js +0 -19
  295. package/number-input/numberInputContextTypes.d.ts +0 -19
  296. package/resultsetTable/ResultsetTable.js +0 -254
  297. package/row/Row.d.ts +0 -3
  298. package/row/Row.js +0 -127
  299. package/row/Row.stories.tsx +0 -237
  300. package/row/types.d.ts +0 -28
  301. package/slider/Slider.stories.tsx +0 -177
  302. package/stack/Stack.d.ts +0 -4
  303. package/stack/Stack.js +0 -50
  304. package/stack/Stack.stories.tsx +0 -225
  305. package/stack/types.d.ts +0 -28
  306. package/tabs-nav/Tab.js +0 -132
  307. package/text/Text.d.ts +0 -7
  308. package/text/Text.js +0 -30
  309. package/text/Text.stories.tsx +0 -19
  310. package/textarea/Textarea.stories.jsx +0 -157
  311. /package/{inline → action-icon}/types.js +0 -0
  312. /package/{list → bulleted-list}/types.js +0 -0
  313. /package/{resultsetTable → container}/types.js +0 -0
  314. /package/{row → flex}/types.js +0 -0
  315. /package/{stack → grid}/types.js +0 -0
  316. /package/{tabs-nav → image}/types.js +0 -0
  317. /package/{tabs-nav → nav-tabs}/Tab.d.ts +0 -0
  318. /package/{number-input/numberInputContextTypes.js → nav-tabs/types.js} +0 -0
  319. /package/{resultsetTable → resultset-table}/ResultsetTable.d.ts +0 -0
@@ -1,19 +0,0 @@
1
- import React from "react";
2
- import Title from "../../.storybook/components/Title";
3
- import DxcText from "./Text";
4
-
5
- export default {
6
- title: "Text",
7
- component: DxcText,
8
- };
9
-
10
- export const Chromatic = () => (
11
- <>
12
- <Title title="Two texts as span" theme="light" level={4} />
13
- <DxcText>Text 1.</DxcText>
14
- <DxcText>Text 2.</DxcText>
15
- <Title title="Two texts as p" theme="light" level={4} />
16
- <DxcText as="p">Text 1.</DxcText>
17
- <DxcText as="p">Text 2.</DxcText>
18
- </>
19
- );
@@ -1,157 +0,0 @@
1
- import React from "react";
2
- import DxcTextarea from "./Textarea";
3
- import Title from "../../.storybook/components/Title";
4
- import ExampleContainer from "../../.storybook/components/ExampleContainer";
5
- import { BackgroundColorProvider } from "../BackgroundColorContext";
6
- import DarkContainer from "../../.storybook/components/DarkSection";
7
-
8
- export default {
9
- title: "Textarea",
10
- component: DxcTextarea,
11
- };
12
-
13
- export const Chromatic = () => (
14
- <>
15
- <>
16
- <ExampleContainer pseudoState="pseudo-hover">
17
- <Title title="Hovered" theme="light" level={4} />
18
- <DxcTextarea label="Hovered" />
19
- </ExampleContainer>
20
- <ExampleContainer pseudoState="pseudo-focus">
21
- <Title title="Focused" theme="light" level={4} />
22
- <DxcTextarea label="Focused" />
23
- </ExampleContainer>
24
- <ExampleContainer>
25
- <Title title="Disabled" theme="light" level={4} />
26
- <DxcTextarea
27
- label="Disabled"
28
- optional
29
- helperText="Sample text"
30
- placeholder="Enter your text here..."
31
- disabled
32
- />
33
- </ExampleContainer>
34
- <ExampleContainer>
35
- <Title title="Disabled with value" theme="light" level={4} />
36
- <DxcTextarea label="Disabled" defaultValue="Example text" disabled />
37
- </ExampleContainer>
38
- <ExampleContainer>
39
- <Title title="With error" theme="light" level={4} />
40
- <DxcTextarea
41
- label="Textarea with error"
42
- helperText="Helper text"
43
- placeholder="Enter your text here..."
44
- error="Error message."
45
- />
46
- </ExampleContainer>
47
- <ExampleContainer pseudoState="pseudo-hover">
48
- <Title title="Hovered with error" theme="light" level={4} />
49
- <DxcTextarea
50
- label="Hovered textarea with error"
51
- helperText="Helper text"
52
- placeholder="Enter your text here..."
53
- error="Error message."
54
- />
55
- </ExampleContainer>
56
- <ExampleContainer>
57
- <Title title="Helper text and optional with value" theme="light" level={4} />
58
- <DxcTextarea label="Helper & optional" defaultValue="Some text" helperText="Sample text" optional />
59
- </ExampleContainer>
60
- <ExampleContainer>
61
- <Title title="Resizable" theme="light" level={4} />
62
- <DxcTextarea label="With resizer" helperText="Helper text" verticalGrow="manual" />
63
- </ExampleContainer>
64
- <ExampleContainer>
65
- <Title title="Grow manual" theme="light" level={4} />
66
- <DxcTextarea
67
- label="Manual vertical grow"
68
- verticalGrow="manual"
69
- defaultValue="Long textttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt"
70
- />
71
- </ExampleContainer>
72
- </>
73
- <BackgroundColorProvider color="#333333">
74
- <DarkContainer>
75
- <ExampleContainer>
76
- <Title title="Helper text and optional with value" theme="dark" level={4} />
77
- <DxcTextarea label="Helper & optional" defaultValue="Some text" helperText="Sample text" optional />
78
- </ExampleContainer>
79
- <ExampleContainer>
80
- <Title title="Disabled" theme="dark" level={4} />
81
- <DxcTextarea
82
- label="Disabled"
83
- optional
84
- helperText="Sample text"
85
- placeholder="Enter your text here..."
86
- disabled
87
- />
88
- </ExampleContainer>
89
- <ExampleContainer>
90
- <Title title="Disabled with value" theme="dark" level={4} />
91
- <DxcTextarea label="Disabled" defaultValue="Example text" disabled />
92
- </ExampleContainer>
93
- <ExampleContainer>
94
- <Title title="With error" theme="dark" level={4} />
95
- <DxcTextarea
96
- label="Textarea with error"
97
- helperText="Helper text"
98
- placeholder="Enter your text here..."
99
- error="Error message."
100
- />
101
- </ExampleContainer>
102
- <ExampleContainer pseudoState="pseudo-hover">
103
- <Title title="Hovered with error" theme="dark" level={4} />
104
- <DxcTextarea
105
- label="Hovered textarea with error"
106
- helperText="Helper text"
107
- placeholder="Enter your text here..."
108
- error="Error message."
109
- />
110
- </ExampleContainer>
111
- </DarkContainer>
112
- </BackgroundColorProvider>
113
- <Title title="Sizes" theme="light" level={2} />
114
- <ExampleContainer>
115
- <DxcTextarea label="Small" size="small" />
116
- </ExampleContainer>
117
- <ExampleContainer>
118
- <DxcTextarea label="Medium" size="medium" />
119
- </ExampleContainer>
120
- <ExampleContainer>
121
- <DxcTextarea label="Large" size="large" />
122
- </ExampleContainer>
123
- <ExampleContainer>
124
- <DxcTextarea label="Fill parent" size="fillParent" />
125
- </ExampleContainer>
126
- <Title title="Margins" theme="light" level={2} />
127
- <ExampleContainer>
128
- <Title title="Xxsmall margin" theme="light" level={4} />
129
- <DxcTextarea label="Xxsmall" margin="xxsmall" />
130
- </ExampleContainer>
131
- <ExampleContainer>
132
- <Title title="Xsmall margin" theme="light" level={4} />
133
- <DxcTextarea label="xsmall" margin="xsmall" />
134
- </ExampleContainer>
135
- <ExampleContainer>
136
- <Title title="Small margin" theme="light" level={4} />
137
- <DxcTextarea label="small" margin="small" />
138
- </ExampleContainer>
139
- <ExampleContainer>
140
- <Title title="Medium margin" theme="light" level={4} />
141
- <DxcTextarea label="medium" margin="medium" />
142
- </ExampleContainer>
143
- <ExampleContainer>
144
- <Title title="Large margin" theme="light" level={4} />
145
- <DxcTextarea label="Large" margin="large" />
146
- </ExampleContainer>
147
- <ExampleContainer>
148
- <Title title="Xlarge margin" theme="light" level={4} />
149
- <DxcTextarea label="Xlarge" margin="xlarge" />
150
- </ExampleContainer>
151
- <ExampleContainer>
152
- <Title title="Xxlarge margin" theme="light" level={4} />
153
- <DxcTextarea label="Xxlarge" margin="xxlarge" />
154
- <hr />
155
- </ExampleContainer>
156
- </>
157
- );
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes