@dxc-technology/halstack-react 0.0.0-2b773b3 → 0.0.0-2c12f2d

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 (96) 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 +181 -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.d.ts +4 -3
  27. package/layout/ApplicationLayout.js +79 -114
  28. package/layout/ApplicationLayout.stories.tsx +14 -59
  29. package/layout/Icons.d.ts +5 -0
  30. package/layout/Icons.js +13 -2
  31. package/layout/SidenavContext.d.ts +5 -0
  32. package/layout/SidenavContext.js +19 -0
  33. package/layout/types.d.ts +5 -10
  34. package/link/Link.d.ts +3 -2
  35. package/link/Link.js +57 -74
  36. package/link/Link.stories.tsx +87 -52
  37. package/link/Link.test.js +7 -15
  38. package/link/types.d.ts +7 -23
  39. package/main.d.ts +3 -3
  40. package/main.js +19 -13
  41. package/number-input/NumberInput.test.js +2 -4
  42. package/number-input/types.d.ts +13 -10
  43. package/package.json +4 -4
  44. package/paginator/Paginator.js +17 -38
  45. package/password-input/PasswordInput.js +7 -4
  46. package/password-input/PasswordInput.test.js +3 -6
  47. package/password-input/types.d.ts +14 -11
  48. package/progress-bar/ProgressBar.js +1 -1
  49. package/progress-bar/ProgressBar.stories.jsx +11 -11
  50. package/quick-nav/QuickNav.js +65 -19
  51. package/quick-nav/QuickNav.stories.tsx +2 -2
  52. package/quick-nav/types.d.ts +4 -4
  53. package/radio-group/Radio.js +1 -1
  54. package/radio-group/RadioGroup.js +8 -6
  55. package/select/Listbox.d.ts +4 -0
  56. package/select/Listbox.js +152 -0
  57. package/select/Option.js +1 -1
  58. package/select/Select.js +63 -150
  59. package/select/Select.stories.tsx +14 -2
  60. package/select/Select.test.js +257 -194
  61. package/select/types.d.ts +21 -2
  62. package/sidenav/Sidenav.d.ts +1 -1
  63. package/sidenav/Sidenav.js +20 -9
  64. package/spinner/Spinner.js +1 -1
  65. package/switch/Switch.d.ts +1 -1
  66. package/switch/Switch.js +19 -16
  67. package/switch/Switch.stories.tsx +8 -8
  68. package/switch/types.d.ts +2 -2
  69. package/tabs/Tabs.stories.tsx +0 -6
  70. package/tabs-nav/NavTabs.d.ts +8 -0
  71. package/tabs-nav/NavTabs.js +125 -0
  72. package/tabs-nav/NavTabs.stories.tsx +170 -0
  73. package/tabs-nav/NavTabs.test.js +82 -0
  74. package/tabs-nav/Tab.d.ts +4 -0
  75. package/tabs-nav/Tab.js +132 -0
  76. package/tabs-nav/types.d.ts +53 -0
  77. package/{radio → tabs-nav}/types.js +0 -0
  78. package/tag/Tag.js +5 -8
  79. package/text-input/Suggestion.d.ts +4 -0
  80. package/text-input/Suggestion.js +55 -0
  81. package/text-input/TextInput.js +48 -76
  82. package/text-input/TextInput.test.js +22 -35
  83. package/text-input/types.d.ts +27 -12
  84. package/textarea/Textarea.js +10 -19
  85. package/textarea/types.d.ts +10 -7
  86. package/useTheme.js +2 -2
  87. package/useTranslatedLabels.d.ts +2 -0
  88. package/useTranslatedLabels.js +20 -0
  89. package/wizard/Wizard.js +35 -29
  90. package/ThemeContext.d.ts +0 -10
  91. package/ThemeContext.js +0 -243
  92. package/radio/Radio.d.ts +0 -4
  93. package/radio/Radio.js +0 -174
  94. package/radio/Radio.stories.tsx +0 -192
  95. package/radio/Radio.test.js +0 -71
  96. 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 = () => (