@dxc-technology/halstack-react 0.0.0-bfeb2b0 → 0.0.0-c058988

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 (87) hide show
  1. package/HalstackContext.d.ts +12 -0
  2. package/HalstackContext.js +295 -0
  3. package/accordion/Accordion.js +5 -27
  4. package/accordion/Accordion.stories.tsx +3 -3
  5. package/alert/Alert.js +4 -1
  6. package/badge/Badge.d.ts +1 -1
  7. package/badge/Badge.js +5 -3
  8. package/badge/types.d.ts +1 -0
  9. package/box/Box.js +22 -32
  10. package/button/Button.js +14 -11
  11. package/card/Card.js +27 -28
  12. package/checkbox/Checkbox.d.ts +1 -1
  13. package/checkbox/Checkbox.js +38 -28
  14. package/checkbox/Checkbox.stories.tsx +124 -128
  15. package/checkbox/types.d.ts +3 -3
  16. package/common/variables.js +178 -84
  17. package/date-input/DateInput.js +16 -13
  18. package/dialog/Dialog.js +4 -32
  19. package/dropdown/Dropdown.js +13 -17
  20. package/file-input/FileInput.js +9 -6
  21. package/file-input/FileItem.js +7 -5
  22. package/footer/Footer.js +15 -88
  23. package/header/Header.js +27 -48
  24. package/header/Header.stories.tsx +46 -36
  25. package/header/Header.test.js +18 -2
  26. package/layout/ApplicationLayout.js +5 -18
  27. package/link/Link.d.ts +3 -2
  28. package/link/Link.js +57 -74
  29. package/link/Link.stories.tsx +87 -52
  30. package/link/Link.test.js +7 -15
  31. package/link/types.d.ts +7 -23
  32. package/main.d.ts +3 -3
  33. package/main.js +19 -13
  34. package/number-input/NumberInput.test.js +2 -4
  35. package/number-input/types.d.ts +13 -10
  36. package/package.json +5 -5
  37. package/paginator/Paginator.js +17 -38
  38. package/password-input/PasswordInput.js +7 -4
  39. package/password-input/PasswordInput.test.js +3 -6
  40. package/password-input/types.d.ts +14 -11
  41. package/progress-bar/ProgressBar.js +1 -1
  42. package/progress-bar/ProgressBar.stories.jsx +11 -11
  43. package/quick-nav/QuickNav.js +65 -19
  44. package/quick-nav/QuickNav.stories.tsx +2 -2
  45. package/quick-nav/types.d.ts +4 -4
  46. package/radio-group/Radio.js +1 -1
  47. package/radio-group/RadioGroup.js +8 -6
  48. package/select/Listbox.d.ts +4 -0
  49. package/select/Listbox.js +152 -0
  50. package/select/Option.js +1 -1
  51. package/select/Select.js +63 -150
  52. package/select/Select.stories.tsx +14 -2
  53. package/select/Select.test.js +257 -194
  54. package/select/types.d.ts +21 -2
  55. package/spinner/Spinner.js +1 -1
  56. package/switch/Switch.d.ts +1 -1
  57. package/switch/Switch.js +19 -16
  58. package/switch/Switch.stories.tsx +8 -8
  59. package/switch/types.d.ts +2 -2
  60. package/tabs/Tabs.stories.tsx +0 -6
  61. package/tabs-nav/NavTabs.d.ts +8 -0
  62. package/tabs-nav/NavTabs.js +125 -0
  63. package/tabs-nav/NavTabs.stories.tsx +170 -0
  64. package/tabs-nav/NavTabs.test.js +82 -0
  65. package/tabs-nav/Tab.d.ts +4 -0
  66. package/tabs-nav/Tab.js +132 -0
  67. package/tabs-nav/types.d.ts +53 -0
  68. package/{radio → tabs-nav}/types.js +0 -0
  69. package/tag/Tag.js +5 -8
  70. package/text-input/Suggestion.d.ts +4 -0
  71. package/text-input/Suggestion.js +55 -0
  72. package/text-input/TextInput.js +48 -76
  73. package/text-input/TextInput.test.js +22 -35
  74. package/text-input/types.d.ts +27 -12
  75. package/textarea/Textarea.js +10 -19
  76. package/textarea/types.d.ts +10 -7
  77. package/useTheme.js +2 -2
  78. package/useTranslatedLabels.d.ts +2 -0
  79. package/useTranslatedLabels.js +20 -0
  80. package/wizard/Wizard.js +35 -29
  81. package/ThemeContext.d.ts +0 -10
  82. package/ThemeContext.js +0 -243
  83. package/radio/Radio.d.ts +0 -4
  84. package/radio/Radio.js +0 -174
  85. package/radio/Radio.stories.tsx +0 -192
  86. package/radio/Radio.test.js +0 -71
  87. package/radio/types.d.ts +0 -54
package/select/Select.stories.tsx CHANGED
@@ -371,7 +371,13 @@ const SearchableSelect = () => (
371
371
  const SearchableWithValue = () => (
372
372
  <ExampleContainer expanded>
373
373
  <Title title="Searchable select with value" theme="light" level={4} />
374
- <DxcSelect label="Select Label" searchable defaultValue="1" options={single_options} placeholder="Choose an option" />
374
+ <DxcSelect
375
+ label="Select Label"
376
+ searchable
377
+ defaultValue="1"
378
+ options={single_options}
379
+ placeholder="Choose an option"
380
+ />
375
381
  </ExampleContainer>
376
382
  );
377
383
 
@@ -398,7 +404,13 @@ const DefaultGroupedOptionsSelect = () => (
398
404
  const MultipleGroupedOptionsSelect = () => (
399
405
  <ExampleContainer expanded>
400
406
  <Title title="Grouped options multiple select" theme="light" level={4} />
401
- <DxcSelect label="Label" options={group_options} defaultValue={["0", "2"]} multiple placeholder="Choose an option" />
407
+ <DxcSelect
408
+ label="Label"
409
+ options={group_options}
410
+ defaultValue={["0", "2"]}
411
+ multiple
412
+ placeholder="Choose an option"
413
+ />
402
414
  </ExampleContainer>
403
415
  );
404
416
  const RescaledIcons = () => (