design-react-kit 5.5.1 → 5.6.0

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 (160) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/Alert/Alert.cjs.map +1 -1
  3. package/dist/Alert/Alert.js.map +1 -1
  4. package/dist/Autocomplete/Autocomplete.cjs +3 -1
  5. package/dist/Autocomplete/Autocomplete.cjs.map +1 -1
  6. package/dist/Autocomplete/Autocomplete.js +2 -2
  7. package/dist/Autocomplete/Autocomplete.js.map +1 -1
  8. package/dist/BackToTop/BackToTop.cjs +1 -1
  9. package/dist/BackToTop/BackToTop.cjs.map +1 -1
  10. package/dist/BackToTop/BackToTop.js +1 -1
  11. package/dist/BackToTop/BackToTop.js.map +1 -1
  12. package/dist/BottomNav/BottomNavItem.cjs +1 -1
  13. package/dist/BottomNav/BottomNavItem.cjs.map +1 -1
  14. package/dist/Callout/CalloutMoreFooter.cjs +1 -1
  15. package/dist/Callout/CalloutMoreFooter.cjs.map +1 -1
  16. package/dist/Card/CardCategory.cjs +1 -1
  17. package/dist/Card/CardCategory.cjs.map +1 -1
  18. package/dist/Card/CardCategory.js +3 -3
  19. package/dist/Card/CardCategory.js.map +1 -1
  20. package/dist/Card/CardReadMore.cjs +1 -1
  21. package/dist/Card/CardReadMore.cjs.map +1 -1
  22. package/dist/Collapse/Collapse.cjs +1 -1
  23. package/dist/Collapse/Collapse.cjs.map +1 -1
  24. package/dist/Collapse/Collapse.js +3 -3
  25. package/dist/Collapse/Collapse.js.map +1 -1
  26. package/dist/Dimmer/Dimmer.cjs +1 -1
  27. package/dist/Dimmer/Dimmer.cjs.map +1 -1
  28. package/dist/Dropdown/Dropdown.cjs.map +1 -1
  29. package/dist/Dropdown/Dropdown.js +1 -1
  30. package/dist/Dropdown/Dropdown.js.map +1 -1
  31. package/dist/Dropdown/DropdownToggle.cjs +1 -1
  32. package/dist/Dropdown/DropdownToggle.cjs.map +1 -1
  33. package/dist/Forward/Forward.cjs.map +1 -1
  34. package/dist/Forward/Forward.js.map +1 -1
  35. package/dist/GoBack/GoBack.cjs +1 -1
  36. package/dist/GoBack/GoBack.cjs.map +1 -1
  37. package/dist/Grid/GridItemTextWrapper.cjs.map +1 -1
  38. package/dist/Grid/GridItemTextWrapper.js.map +1 -1
  39. package/dist/Grid/index.cjs.map +1 -1
  40. package/dist/Header/HeaderBrand.cjs +1 -1
  41. package/dist/Header/HeaderBrand.cjs.map +1 -1
  42. package/dist/Header/HeaderSearch.cjs +1 -1
  43. package/dist/Header/HeaderSearch.cjs.map +1 -1
  44. package/dist/Header/HeaderToggler.cjs.map +1 -1
  45. package/dist/Header/HeaderToggler.js +1 -1
  46. package/dist/Header/HeaderToggler.js.map +1 -1
  47. package/dist/Icon/Icon.cjs +1 -1
  48. package/dist/Icon/Icon.cjs.map +1 -1
  49. package/dist/Icon/Icon.js +3 -3
  50. package/dist/Icon/Icon.js.map +1 -1
  51. package/dist/Icon/assets/index.cjs.map +1 -1
  52. package/dist/Input/Input.cjs +1 -1
  53. package/dist/Input/Input.cjs.map +1 -1
  54. package/dist/Input/Input.js +13 -6
  55. package/dist/Input/Input.js.map +1 -1
  56. package/dist/Input/InputContainer.cjs.map +1 -1
  57. package/dist/Input/InputContainer.js.map +1 -1
  58. package/dist/Input/TextArea.cjs +1 -1
  59. package/dist/Input/TextArea.cjs.map +1 -1
  60. package/dist/Input/TextArea.js.map +1 -1
  61. package/dist/Input/utils.cjs +1 -1
  62. package/dist/Input/utils.cjs.map +1 -1
  63. package/dist/Input/utils.js +1 -2
  64. package/dist/Input/utils.js.map +1 -1
  65. package/dist/List/List.cjs.map +1 -1
  66. package/dist/List/List.js.map +1 -1
  67. package/dist/List/ListItem.cjs.map +1 -1
  68. package/dist/List/ListItem.js +2 -2
  69. package/dist/List/ListItem.js.map +1 -1
  70. package/dist/Megamenu/MegamenuItem.cjs +1 -1
  71. package/dist/Megamenu/MegamenuItem.cjs.map +1 -1
  72. package/dist/Modal/ModalHeader.cjs +1 -1
  73. package/dist/Modal/ModalHeader.cjs.map +1 -1
  74. package/dist/NavScroll/types.cjs.map +1 -1
  75. package/dist/Notification/NotificationContent.cjs +1 -1
  76. package/dist/Notification/NotificationContent.cjs.map +1 -1
  77. package/dist/Notification/core.cjs +1 -1
  78. package/dist/Notification/core.cjs.map +1 -1
  79. package/dist/Notification/index.cjs +1 -1
  80. package/dist/Notification/index.cjs.map +1 -1
  81. package/dist/Rating/Rating.cjs +1 -1
  82. package/dist/Rating/Rating.cjs.map +1 -1
  83. package/dist/ResponsiveImage/ResponsiveImage.cjs.map +1 -1
  84. package/dist/ResponsiveImage/ResponsiveImage.js.map +1 -1
  85. package/dist/Skiplink/Skiplink.cjs.map +1 -1
  86. package/dist/Skiplink/Skiplink.js.map +1 -1
  87. package/dist/Skiplink/SkiplinkItem.cjs.map +1 -1
  88. package/dist/Stepper/StepperHeaderElement.cjs +1 -1
  89. package/dist/Stepper/StepperHeaderElement.cjs.map +1 -1
  90. package/dist/Stepper/StepperHeaderElement.js +3 -5
  91. package/dist/Stepper/StepperHeaderElement.js.map +1 -1
  92. package/dist/Tab/TabNav.cjs +2 -0
  93. package/dist/Tab/TabNav.cjs.map +1 -0
  94. package/dist/Tab/TabNav.js +63 -0
  95. package/dist/Tab/TabNav.js.map +1 -0
  96. package/dist/Tab/TabNavItem.cjs +2 -0
  97. package/dist/Tab/TabNavItem.cjs.map +1 -0
  98. package/dist/Tab/TabNavItem.js +7 -0
  99. package/dist/Tab/TabNavItem.js.map +1 -0
  100. package/dist/Tab/TabNavLink.cjs +2 -0
  101. package/dist/Tab/TabNavLink.cjs.map +1 -0
  102. package/dist/Tab/TabNavLink.js +7 -0
  103. package/dist/Tab/TabNavLink.js.map +1 -0
  104. package/dist/Tab/TabPanel.cjs +2 -0
  105. package/dist/Tab/TabPanel.cjs.map +1 -0
  106. package/dist/Tab/TabPanel.js +7 -0
  107. package/dist/Tab/TabPanel.js.map +1 -0
  108. package/dist/Timeline/TimelinePin.cjs +1 -1
  109. package/dist/Timeline/TimelinePin.cjs.map +1 -1
  110. package/dist/Timeline/TimelinePin.js +1 -1
  111. package/dist/Timeline/TimelinePin.js.map +1 -1
  112. package/dist/Toggle/Toggle.cjs.map +1 -1
  113. package/dist/Toggle/Toggle.js.map +1 -1
  114. package/dist/Toolbar/ToolbarItem.cjs +1 -1
  115. package/dist/Toolbar/ToolbarItem.cjs.map +1 -1
  116. package/dist/index.cjs +3 -1
  117. package/dist/index.cjs.map +1 -1
  118. package/dist/index.js +6 -2
  119. package/dist/index.js.map +1 -1
  120. package/dist/track-focus.cjs.map +1 -1
  121. package/dist/track-focus.js.map +1 -1
  122. package/dist/types/Icon/Icon.d.ts +1 -1
  123. package/dist/types/NavScroll/types.d.ts +2 -2
  124. package/dist/types/Stepper/StepperHeaderElement.d.ts +4 -4
  125. package/dist/types/Tab/TabNav.d.ts +24 -0
  126. package/dist/types/Tab/TabNavItem.d.ts +8 -0
  127. package/dist/types/Tab/TabNavLink.d.ts +8 -0
  128. package/dist/types/Tab/TabPanel.d.ts +8 -0
  129. package/dist/types/index.d.ts +11 -3
  130. package/package.json +5 -3
  131. package/src/Alert/Alert.tsx +1 -2
  132. package/src/Autocomplete/Autocomplete.tsx +70 -69
  133. package/src/BackToTop/BackToTop.tsx +2 -1
  134. package/src/Card/CardCategory.tsx +17 -4
  135. package/src/Collapse/Collapse.tsx +8 -12
  136. package/src/Dropdown/Dropdown.tsx +4 -6
  137. package/src/Forward/Forward.tsx +3 -3
  138. package/src/Grid/GridItemTextWrapper.tsx +7 -1
  139. package/src/Header/HeaderToggler.tsx +2 -2
  140. package/src/Icon/Icon.tsx +22 -4
  141. package/src/Icon/assets/index.ts +1 -1
  142. package/src/Input/Input.tsx +13 -7
  143. package/src/Input/InputContainer.tsx +0 -1
  144. package/src/Input/TextArea.tsx +1 -4
  145. package/src/Input/utils.tsx +1 -2
  146. package/src/List/List.tsx +1 -8
  147. package/src/List/ListItem.tsx +24 -33
  148. package/src/NavScroll/types.ts +2 -2
  149. package/src/ResponsiveImage/ResponsiveImage.tsx +13 -7
  150. package/src/Skiplink/Skiplink.tsx +12 -7
  151. package/src/Skiplink/SkiplinkItem.tsx +1 -1
  152. package/src/Stepper/StepperHeaderElement.tsx +8 -10
  153. package/src/Tab/TabNav.tsx +111 -0
  154. package/src/Tab/TabNavItem.tsx +14 -0
  155. package/src/Tab/TabNavLink.tsx +14 -0
  156. package/src/Tab/TabPanel.tsx +14 -0
  157. package/src/Timeline/TimelinePin.tsx +2 -2
  158. package/src/Toggle/Toggle.tsx +1 -1
  159. package/src/index.ts +9 -5
  160. package/src/track-focus.js +14 -15
@@ -1,4 +1,3 @@
1
-
2
1
  // Focus Management
3
2
 
4
3
  /**
@@ -9,41 +8,41 @@
9
8
  * --------------------------------------------------------------------------
10
9
  */
11
10
 
12
- const DATA_MOUSE_FOCUS = 'data-focus-mouse'
13
- const CLASS_NAME_MOUSE_FOCUS = 'focus--mouse'
11
+ const DATA_MOUSE_FOCUS = 'data-focus-mouse';
12
+ const CLASS_NAME_MOUSE_FOCUS = 'focus--mouse';
14
13
 
15
14
  class TrackFocus {
16
15
  constructor() {
17
- this._usingMouse = false
16
+ this._usingMouse = false;
18
17
 
19
- this._bindEvents()
18
+ this._bindEvents();
20
19
  }
21
20
 
22
21
  _bindEvents() {
23
22
  if (typeof document === 'undefined') {
24
- return
23
+ return;
25
24
  }
26
- const events = ['keydown', 'mousedown']
25
+ const events = ['keydown', 'mousedown'];
27
26
  events.forEach((evtName) => {
28
27
  document.addEventListener(evtName, (evt) => {
29
- this._usingMouse = evt.type === 'mousedown'
30
- })
31
- })
28
+ this._usingMouse = evt.type === 'mousedown';
29
+ });
30
+ });
32
31
  document.addEventListener('focusin', (evt) => {
33
32
  if (this._usingMouse) {
34
33
  if (evt.target) {
35
34
  evt.target.classList.add(CLASS_NAME_MOUSE_FOCUS);
36
- evt.target.setAttribute(DATA_MOUSE_FOCUS, 'true')
35
+ evt.target.setAttribute(DATA_MOUSE_FOCUS, 'true');
37
36
  }
38
37
  }
39
- })
38
+ });
40
39
  document.addEventListener('focusout', (evt) => {
41
40
  if (evt.target) {
42
41
  evt.target.classList.remove(CLASS_NAME_MOUSE_FOCUS);
43
- evt.target.setAttribute(DATA_MOUSE_FOCUS, 'false')
42
+ evt.target.setAttribute(DATA_MOUSE_FOCUS, 'false');
44
43
  }
45
- })
44
+ });
46
45
  }
47
46
  }
48
47
 
49
- new TrackFocus()
48
+ new TrackFocus();