@workday/canvas-kit-preview-react 16.1.6 → 16.1.8

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 (441) hide show
  1. package/dist/commonjs/preview-react/color-picker/index.d.ts.map +1 -0
  2. package/dist/commonjs/preview-react/color-picker/lib/ColorPicker.d.ts.map +1 -0
  3. package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/ColorPicker.js +1 -1
  4. package/dist/commonjs/preview-react/color-picker/lib/defaultColorSet.d.ts.map +1 -0
  5. package/dist/commonjs/preview-react/color-picker/lib/parts/ColorReset.d.ts.map +1 -0
  6. package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/parts/ColorReset.js +1 -1
  7. package/dist/commonjs/preview-react/color-picker/lib/parts/SwatchBook.d.ts.map +1 -0
  8. package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/parts/SwatchBook.js +1 -1
  9. package/dist/commonjs/preview-react/divider/index.d.ts.map +1 -0
  10. package/dist/commonjs/preview-react/divider/lib/Divider.d.ts.map +1 -0
  11. package/dist/commonjs/{divider → preview-react/divider}/lib/Divider.js +3 -3
  12. package/dist/commonjs/preview-react/index.d.ts.map +1 -0
  13. package/dist/commonjs/preview-react/loading-sparkles/index.d.ts.map +1 -0
  14. package/dist/commonjs/preview-react/loading-sparkles/lib/LoadingSparkles.d.ts.map +1 -0
  15. package/dist/commonjs/{loading-sparkles → preview-react/loading-sparkles}/lib/LoadingSparkles.js +2 -2
  16. package/dist/commonjs/preview-react/loading-sparkles/lib/sparkleIcon.d.ts.map +1 -0
  17. package/dist/commonjs/preview-react/multi-select/index.d.ts.map +1 -0
  18. package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelect.d.ts.map +1 -1
  19. package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectCard.d.ts.map +1 -1
  20. package/dist/commonjs/preview-react/multi-select/lib/MultiSelectInput.d.ts.map +1 -0
  21. package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectInput.js +3 -3
  22. package/dist/{es6 → commonjs/preview-react}/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
  23. package/dist/{es6 → commonjs/preview-react}/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
  24. package/dist/commonjs/preview-react/multi-select/lib/MultiSelectedList.d.ts.map +1 -0
  25. package/dist/{es6 → commonjs/preview-react}/multi-select/lib/useMultiSelectItemRemove.d.ts.map +1 -1
  26. package/dist/{es6 → commonjs/preview-react}/multi-select/lib/useMultiSelectModel.d.ts.map +1 -1
  27. package/dist/commonjs/preview-react/radio/index.d.ts.map +1 -0
  28. package/dist/commonjs/preview-react/radio/lib/RadioButton.d.ts.map +1 -0
  29. package/dist/commonjs/preview-react/radio/lib/RadioGroup.d.ts.map +1 -0
  30. package/dist/commonjs/{radio → preview-react/radio}/lib/RadioGroup.js +3 -3
  31. package/dist/commonjs/preview-react/radio/lib/RadioInput.d.ts.map +1 -0
  32. package/dist/commonjs/preview-react/radio/lib/RadioLabel.d.ts.map +1 -0
  33. package/dist/commonjs/{radio → preview-react/radio}/lib/RadioLabel.js +1 -1
  34. package/dist/commonjs/preview-react/radio/lib/RadioText.d.ts.map +1 -0
  35. package/dist/commonjs/{radio → preview-react/radio}/lib/RadioText.js +3 -3
  36. package/dist/commonjs/preview-react/radio/lib/StyledRadioButton.d.ts.map +1 -0
  37. package/dist/commonjs/{radio → preview-react/radio}/lib/StyledRadioButton.js +5 -5
  38. package/dist/commonjs/preview-react/radio/lib/hooks/useRadioModel.d.ts.map +1 -0
  39. package/dist/commonjs/preview-react/side-panel/index.d.ts.map +1 -0
  40. package/dist/commonjs/preview-react/side-panel/lib/SidePanel.d.ts.map +1 -0
  41. package/dist/commonjs/{side-panel → preview-react/side-panel}/lib/SidePanel.js +7 -7
  42. package/dist/commonjs/preview-react/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -0
  43. package/dist/commonjs/{side-panel → preview-react/side-panel}/lib/SidePanelToggleButton.js +11 -11
  44. package/dist/commonjs/preview-react/side-panel/lib/hooks.d.ts.map +1 -0
  45. package/dist/commonjs/preview-react/status-indicator/index.d.ts.map +1 -0
  46. package/dist/commonjs/preview-react/status-indicator/lib/StatusIndicator.d.ts.map +1 -0
  47. package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicator.js +14 -14
  48. package/dist/commonjs/preview-react/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -0
  49. package/dist/commonjs/preview-react/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -0
  50. package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorLabel.js +1 -1
  51. package/dist/commonjs/preview-react/switch/index.d.ts.map +1 -0
  52. package/dist/commonjs/preview-react/switch/lib/Switch.d.ts.map +1 -0
  53. package/dist/commonjs/preview-react/switch/lib/SwitchBackground.d.ts.map +1 -0
  54. package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchBackground.js +1 -1
  55. package/dist/commonjs/preview-react/switch/lib/SwitchCircle.d.ts.map +1 -0
  56. package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchCircle.js +2 -2
  57. package/dist/commonjs/preview-react/switch/lib/SwitchContainer.d.ts.map +1 -0
  58. package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchContainer.js +1 -1
  59. package/dist/commonjs/preview-react/switch/lib/SwitchIcon.d.ts.map +1 -0
  60. package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchIcon.js +2 -2
  61. package/dist/commonjs/preview-react/switch/lib/SwitchInput.d.ts.map +1 -0
  62. package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchInput.js +3 -3
  63. package/dist/commonjs/preview-react/tabs/index.d.ts.map +1 -0
  64. package/dist/commonjs/{tabs → preview-react/tabs}/lib/Tabs.d.ts.map +1 -1
  65. package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsItem.d.ts +3 -1
  66. package/dist/commonjs/preview-react/tabs/lib/TabsItem.d.ts.map +1 -0
  67. package/dist/commonjs/preview-react/tabs/lib/TabsItem.js +105 -0
  68. package/dist/{es6 → commonjs/preview-react}/tabs/lib/TabsList.d.ts +330 -2
  69. package/dist/commonjs/preview-react/tabs/lib/TabsList.d.ts.map +1 -0
  70. package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsList.js +66 -12
  71. package/dist/{es6 → commonjs/preview-react}/tabs/lib/TabsOverflowButton.d.ts +24 -215
  72. package/dist/commonjs/preview-react/tabs/lib/TabsOverflowButton.d.ts.map +1 -0
  73. package/dist/commonjs/preview-react/tabs/lib/TabsOverflowButton.js +93 -0
  74. package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsPanel.d.ts.map +1 -1
  75. package/dist/commonjs/preview-react/tabs/lib/TabsPanels.d.ts.map +1 -0
  76. package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsPanels.js +2 -2
  77. package/dist/commonjs/{tabs → preview-react/tabs}/lib/useTabsModel.d.ts +17 -12
  78. package/dist/commonjs/preview-react/tabs/lib/useTabsModel.d.ts.map +1 -0
  79. package/dist/commonjs/preview-react/tabs/lib/useTabsModel.js +267 -0
  80. package/dist/commonjs/preview-react/version/index.d.ts.map +1 -0
  81. package/dist/commonjs/preview-react/version/lib/version.d.ts.map +1 -0
  82. package/dist/commonjs/{version → preview-react/version}/lib/version.js +1 -1
  83. package/dist/commonjs/react/collection/lib/keyUtils.d.ts +26 -0
  84. package/dist/commonjs/react/collection/lib/keyUtils.d.ts.map +1 -0
  85. package/dist/commonjs/react/collection/lib/keyUtils.js +84 -0
  86. package/dist/commonjs/react/collection/lib/useBaseListModel.d.ts +308 -0
  87. package/dist/commonjs/react/collection/lib/useBaseListModel.d.ts.map +1 -0
  88. package/dist/commonjs/react/collection/lib/useBaseListModel.js +195 -0
  89. package/dist/commonjs/react/collection/lib/useCursorListModel.d.ts +1424 -0
  90. package/dist/commonjs/react/collection/lib/useCursorListModel.d.ts.map +1 -0
  91. package/dist/commonjs/react/collection/lib/useCursorListModel.js +396 -0
  92. package/dist/es6/preview-react/color-picker/index.d.ts.map +1 -0
  93. package/dist/es6/preview-react/color-picker/lib/ColorPicker.d.ts.map +1 -0
  94. package/dist/es6/{color-picker → preview-react/color-picker}/lib/ColorPicker.js +1 -1
  95. package/dist/es6/preview-react/color-picker/lib/defaultColorSet.d.ts.map +1 -0
  96. package/dist/es6/preview-react/color-picker/lib/parts/ColorReset.d.ts.map +1 -0
  97. package/dist/es6/preview-react/color-picker/lib/parts/ColorReset.js +16 -0
  98. package/dist/es6/preview-react/color-picker/lib/parts/SwatchBook.d.ts.map +1 -0
  99. package/dist/es6/{color-picker → preview-react/color-picker}/lib/parts/SwatchBook.js +1 -1
  100. package/dist/es6/preview-react/divider/index.d.ts.map +1 -0
  101. package/dist/es6/preview-react/divider/lib/Divider.d.ts.map +1 -0
  102. package/dist/es6/{divider → preview-react/divider}/lib/Divider.js +3 -3
  103. package/dist/es6/preview-react/index.d.ts.map +1 -0
  104. package/dist/es6/preview-react/loading-sparkles/index.d.ts.map +1 -0
  105. package/dist/es6/preview-react/loading-sparkles/lib/LoadingSparkles.d.ts.map +1 -0
  106. package/dist/es6/{loading-sparkles → preview-react/loading-sparkles}/lib/LoadingSparkles.js +2 -2
  107. package/dist/es6/preview-react/loading-sparkles/lib/sparkleIcon.d.ts.map +1 -0
  108. package/dist/es6/preview-react/multi-select/index.d.ts.map +1 -0
  109. package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelect.d.ts.map +1 -1
  110. package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectCard.d.ts.map +1 -1
  111. package/dist/es6/preview-react/multi-select/lib/MultiSelectInput.d.ts.map +1 -0
  112. package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectInput.js +3 -3
  113. package/dist/{commonjs → es6/preview-react}/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
  114. package/dist/{commonjs → es6/preview-react}/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
  115. package/dist/es6/preview-react/multi-select/lib/MultiSelectedList.d.ts.map +1 -0
  116. package/dist/{commonjs → es6/preview-react}/multi-select/lib/useMultiSelectItemRemove.d.ts.map +1 -1
  117. package/dist/{commonjs → es6/preview-react}/multi-select/lib/useMultiSelectModel.d.ts.map +1 -1
  118. package/dist/es6/preview-react/radio/index.d.ts.map +1 -0
  119. package/dist/es6/preview-react/radio/lib/RadioButton.d.ts.map +1 -0
  120. package/dist/es6/preview-react/radio/lib/RadioGroup.d.ts.map +1 -0
  121. package/dist/es6/{radio → preview-react/radio}/lib/RadioGroup.js +3 -3
  122. package/dist/es6/preview-react/radio/lib/RadioInput.d.ts.map +1 -0
  123. package/dist/es6/preview-react/radio/lib/RadioLabel.d.ts.map +1 -0
  124. package/dist/es6/{radio → preview-react/radio}/lib/RadioLabel.js +1 -1
  125. package/dist/es6/preview-react/radio/lib/RadioText.d.ts.map +1 -0
  126. package/dist/es6/{radio → preview-react/radio}/lib/RadioText.js +3 -3
  127. package/dist/es6/preview-react/radio/lib/StyledRadioButton.d.ts.map +1 -0
  128. package/dist/es6/{radio → preview-react/radio}/lib/StyledRadioButton.js +5 -5
  129. package/dist/es6/preview-react/radio/lib/hooks/useRadioModel.d.ts.map +1 -0
  130. package/dist/es6/preview-react/side-panel/index.d.ts.map +1 -0
  131. package/dist/es6/preview-react/side-panel/lib/SidePanel.d.ts.map +1 -0
  132. package/dist/es6/{side-panel → preview-react/side-panel}/lib/SidePanel.js +7 -7
  133. package/dist/es6/preview-react/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -0
  134. package/dist/es6/{side-panel → preview-react/side-panel}/lib/SidePanelToggleButton.js +11 -11
  135. package/dist/es6/preview-react/side-panel/lib/hooks.d.ts.map +1 -0
  136. package/dist/es6/preview-react/status-indicator/index.d.ts.map +1 -0
  137. package/dist/es6/preview-react/status-indicator/lib/StatusIndicator.d.ts.map +1 -0
  138. package/dist/es6/{status-indicator → preview-react/status-indicator}/lib/StatusIndicator.js +14 -14
  139. package/dist/es6/preview-react/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -0
  140. package/dist/es6/preview-react/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -0
  141. package/dist/es6/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorLabel.js +1 -1
  142. package/dist/es6/preview-react/switch/index.d.ts.map +1 -0
  143. package/dist/es6/preview-react/switch/lib/Switch.d.ts.map +1 -0
  144. package/dist/es6/preview-react/switch/lib/SwitchBackground.d.ts.map +1 -0
  145. package/dist/es6/{switch → preview-react/switch}/lib/SwitchBackground.js +1 -1
  146. package/dist/es6/preview-react/switch/lib/SwitchCircle.d.ts.map +1 -0
  147. package/dist/es6/{switch → preview-react/switch}/lib/SwitchCircle.js +2 -2
  148. package/dist/es6/preview-react/switch/lib/SwitchContainer.d.ts.map +1 -0
  149. package/dist/es6/{switch → preview-react/switch}/lib/SwitchContainer.js +1 -1
  150. package/dist/es6/preview-react/switch/lib/SwitchIcon.d.ts.map +1 -0
  151. package/dist/es6/{switch → preview-react/switch}/lib/SwitchIcon.js +2 -2
  152. package/dist/es6/preview-react/switch/lib/SwitchInput.d.ts.map +1 -0
  153. package/dist/es6/{switch → preview-react/switch}/lib/SwitchInput.js +3 -3
  154. package/dist/es6/preview-react/tabs/index.d.ts.map +1 -0
  155. package/dist/es6/{tabs → preview-react/tabs}/lib/Tabs.d.ts.map +1 -1
  156. package/dist/es6/{tabs → preview-react/tabs}/lib/TabsItem.d.ts +3 -1
  157. package/dist/es6/preview-react/tabs/lib/TabsItem.d.ts.map +1 -0
  158. package/dist/es6/preview-react/tabs/lib/TabsItem.js +79 -0
  159. package/dist/{commonjs → es6/preview-react}/tabs/lib/TabsList.d.ts +330 -2
  160. package/dist/es6/preview-react/tabs/lib/TabsList.d.ts.map +1 -0
  161. package/dist/es6/preview-react/tabs/lib/TabsList.js +148 -0
  162. package/dist/{commonjs → es6/preview-react}/tabs/lib/TabsOverflowButton.d.ts +24 -215
  163. package/dist/es6/preview-react/tabs/lib/TabsOverflowButton.d.ts.map +1 -0
  164. package/dist/es6/preview-react/tabs/lib/TabsOverflowButton.js +89 -0
  165. package/dist/es6/{tabs → preview-react/tabs}/lib/TabsPanel.d.ts.map +1 -1
  166. package/dist/es6/preview-react/tabs/lib/TabsPanels.d.ts.map +1 -0
  167. package/dist/es6/{tabs → preview-react/tabs}/lib/TabsPanels.js +2 -2
  168. package/dist/es6/{tabs → preview-react/tabs}/lib/useTabsModel.d.ts +17 -12
  169. package/dist/es6/preview-react/tabs/lib/useTabsModel.d.ts.map +1 -0
  170. package/dist/es6/preview-react/tabs/lib/useTabsModel.js +261 -0
  171. package/dist/es6/preview-react/version/index.d.ts.map +1 -0
  172. package/dist/es6/preview-react/version/lib/version.d.ts.map +1 -0
  173. package/dist/es6/preview-react/version/lib/version.js +1 -0
  174. package/dist/es6/react/collection/lib/keyUtils.d.ts +26 -0
  175. package/dist/es6/react/collection/lib/keyUtils.d.ts.map +1 -0
  176. package/dist/es6/react/collection/lib/keyUtils.js +80 -0
  177. package/dist/es6/react/collection/lib/useBaseListModel.d.ts +308 -0
  178. package/dist/es6/react/collection/lib/useBaseListModel.d.ts.map +1 -0
  179. package/dist/es6/react/collection/lib/useBaseListModel.js +187 -0
  180. package/dist/es6/react/collection/lib/useCursorListModel.d.ts +1424 -0
  181. package/dist/es6/react/collection/lib/useCursorListModel.d.ts.map +1 -0
  182. package/dist/es6/react/collection/lib/useCursorListModel.js +379 -0
  183. package/package.json +4 -4
  184. package/tabs/lib/TabsItem.tsx +39 -0
  185. package/tabs/lib/TabsList.tsx +83 -5
  186. package/tabs/lib/TabsOverflowButton.tsx +77 -5
  187. package/tabs/lib/TabsPanels.tsx +2 -2
  188. package/tabs/lib/useTabsModel.tsx +161 -3
  189. package/dist/commonjs/color-picker/index.d.ts.map +0 -1
  190. package/dist/commonjs/color-picker/lib/ColorPicker.d.ts.map +0 -1
  191. package/dist/commonjs/color-picker/lib/defaultColorSet.d.ts.map +0 -1
  192. package/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts.map +0 -1
  193. package/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts.map +0 -1
  194. package/dist/commonjs/divider/index.d.ts.map +0 -1
  195. package/dist/commonjs/divider/lib/Divider.d.ts.map +0 -1
  196. package/dist/commonjs/index.d.ts.map +0 -1
  197. package/dist/commonjs/loading-sparkles/index.d.ts.map +0 -1
  198. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.d.ts.map +0 -1
  199. package/dist/commonjs/loading-sparkles/lib/sparkleIcon.d.ts.map +0 -1
  200. package/dist/commonjs/multi-select/index.d.ts.map +0 -1
  201. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts.map +0 -1
  202. package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts.map +0 -1
  203. package/dist/commonjs/radio/index.d.ts.map +0 -1
  204. package/dist/commonjs/radio/lib/RadioButton.d.ts.map +0 -1
  205. package/dist/commonjs/radio/lib/RadioGroup.d.ts.map +0 -1
  206. package/dist/commonjs/radio/lib/RadioInput.d.ts.map +0 -1
  207. package/dist/commonjs/radio/lib/RadioLabel.d.ts.map +0 -1
  208. package/dist/commonjs/radio/lib/RadioText.d.ts.map +0 -1
  209. package/dist/commonjs/radio/lib/StyledRadioButton.d.ts.map +0 -1
  210. package/dist/commonjs/radio/lib/hooks/useRadioModel.d.ts.map +0 -1
  211. package/dist/commonjs/side-panel/index.d.ts.map +0 -1
  212. package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +0 -1
  213. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts.map +0 -1
  214. package/dist/commonjs/side-panel/lib/hooks.d.ts.map +0 -1
  215. package/dist/commonjs/status-indicator/index.d.ts.map +0 -1
  216. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +0 -1
  217. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts.map +0 -1
  218. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.d.ts.map +0 -1
  219. package/dist/commonjs/switch/index.d.ts.map +0 -1
  220. package/dist/commonjs/switch/lib/Switch.d.ts.map +0 -1
  221. package/dist/commonjs/switch/lib/SwitchBackground.d.ts.map +0 -1
  222. package/dist/commonjs/switch/lib/SwitchCircle.d.ts.map +0 -1
  223. package/dist/commonjs/switch/lib/SwitchContainer.d.ts.map +0 -1
  224. package/dist/commonjs/switch/lib/SwitchIcon.d.ts.map +0 -1
  225. package/dist/commonjs/switch/lib/SwitchInput.d.ts.map +0 -1
  226. package/dist/commonjs/tabs/index.d.ts.map +0 -1
  227. package/dist/commonjs/tabs/lib/TabsItem.d.ts.map +0 -1
  228. package/dist/commonjs/tabs/lib/TabsItem.js +0 -50
  229. package/dist/commonjs/tabs/lib/TabsList.d.ts.map +0 -1
  230. package/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts.map +0 -1
  231. package/dist/commonjs/tabs/lib/TabsOverflowButton.js +0 -28
  232. package/dist/commonjs/tabs/lib/TabsPanels.d.ts.map +0 -1
  233. package/dist/commonjs/tabs/lib/useTabsModel.d.ts.map +0 -1
  234. package/dist/commonjs/tabs/lib/useTabsModel.js +0 -128
  235. package/dist/commonjs/version/index.d.ts.map +0 -1
  236. package/dist/commonjs/version/lib/version.d.ts.map +0 -1
  237. package/dist/es6/color-picker/index.d.ts.map +0 -1
  238. package/dist/es6/color-picker/lib/ColorPicker.d.ts.map +0 -1
  239. package/dist/es6/color-picker/lib/defaultColorSet.d.ts.map +0 -1
  240. package/dist/es6/color-picker/lib/parts/ColorReset.d.ts.map +0 -1
  241. package/dist/es6/color-picker/lib/parts/ColorReset.js +0 -16
  242. package/dist/es6/color-picker/lib/parts/SwatchBook.d.ts.map +0 -1
  243. package/dist/es6/divider/index.d.ts.map +0 -1
  244. package/dist/es6/divider/lib/Divider.d.ts.map +0 -1
  245. package/dist/es6/index.d.ts.map +0 -1
  246. package/dist/es6/loading-sparkles/index.d.ts.map +0 -1
  247. package/dist/es6/loading-sparkles/lib/LoadingSparkles.d.ts.map +0 -1
  248. package/dist/es6/loading-sparkles/lib/sparkleIcon.d.ts.map +0 -1
  249. package/dist/es6/multi-select/index.d.ts.map +0 -1
  250. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts.map +0 -1
  251. package/dist/es6/multi-select/lib/MultiSelectedList.d.ts.map +0 -1
  252. package/dist/es6/radio/index.d.ts.map +0 -1
  253. package/dist/es6/radio/lib/RadioButton.d.ts.map +0 -1
  254. package/dist/es6/radio/lib/RadioGroup.d.ts.map +0 -1
  255. package/dist/es6/radio/lib/RadioInput.d.ts.map +0 -1
  256. package/dist/es6/radio/lib/RadioLabel.d.ts.map +0 -1
  257. package/dist/es6/radio/lib/RadioText.d.ts.map +0 -1
  258. package/dist/es6/radio/lib/StyledRadioButton.d.ts.map +0 -1
  259. package/dist/es6/radio/lib/hooks/useRadioModel.d.ts.map +0 -1
  260. package/dist/es6/side-panel/index.d.ts.map +0 -1
  261. package/dist/es6/side-panel/lib/SidePanel.d.ts.map +0 -1
  262. package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts.map +0 -1
  263. package/dist/es6/side-panel/lib/hooks.d.ts.map +0 -1
  264. package/dist/es6/status-indicator/index.d.ts.map +0 -1
  265. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +0 -1
  266. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts.map +0 -1
  267. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.d.ts.map +0 -1
  268. package/dist/es6/switch/index.d.ts.map +0 -1
  269. package/dist/es6/switch/lib/Switch.d.ts.map +0 -1
  270. package/dist/es6/switch/lib/SwitchBackground.d.ts.map +0 -1
  271. package/dist/es6/switch/lib/SwitchCircle.d.ts.map +0 -1
  272. package/dist/es6/switch/lib/SwitchContainer.d.ts.map +0 -1
  273. package/dist/es6/switch/lib/SwitchIcon.d.ts.map +0 -1
  274. package/dist/es6/switch/lib/SwitchInput.d.ts.map +0 -1
  275. package/dist/es6/tabs/index.d.ts.map +0 -1
  276. package/dist/es6/tabs/lib/TabsItem.d.ts.map +0 -1
  277. package/dist/es6/tabs/lib/TabsItem.js +0 -47
  278. package/dist/es6/tabs/lib/TabsList.d.ts.map +0 -1
  279. package/dist/es6/tabs/lib/TabsList.js +0 -95
  280. package/dist/es6/tabs/lib/TabsOverflowButton.d.ts.map +0 -1
  281. package/dist/es6/tabs/lib/TabsOverflowButton.js +0 -25
  282. package/dist/es6/tabs/lib/TabsPanels.d.ts.map +0 -1
  283. package/dist/es6/tabs/lib/useTabsModel.d.ts.map +0 -1
  284. package/dist/es6/tabs/lib/useTabsModel.js +0 -122
  285. package/dist/es6/version/index.d.ts.map +0 -1
  286. package/dist/es6/version/lib/version.d.ts.map +0 -1
  287. package/dist/es6/version/lib/version.js +0 -1
  288. /package/dist/commonjs/{color-picker → preview-react/color-picker}/index.d.ts +0 -0
  289. /package/dist/commonjs/{color-picker → preview-react/color-picker}/index.js +0 -0
  290. /package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/ColorPicker.d.ts +0 -0
  291. /package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/defaultColorSet.d.ts +0 -0
  292. /package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/defaultColorSet.js +0 -0
  293. /package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/parts/ColorReset.d.ts +0 -0
  294. /package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/parts/SwatchBook.d.ts +0 -0
  295. /package/dist/commonjs/{divider → preview-react/divider}/index.d.ts +0 -0
  296. /package/dist/commonjs/{divider → preview-react/divider}/index.js +0 -0
  297. /package/dist/commonjs/{divider → preview-react/divider}/lib/Divider.d.ts +0 -0
  298. /package/dist/commonjs/{index.d.ts → preview-react/index.d.ts} +0 -0
  299. /package/dist/commonjs/{index.js → preview-react/index.js} +0 -0
  300. /package/dist/commonjs/{loading-sparkles → preview-react/loading-sparkles}/index.d.ts +0 -0
  301. /package/dist/commonjs/{loading-sparkles → preview-react/loading-sparkles}/index.js +0 -0
  302. /package/dist/commonjs/{loading-sparkles → preview-react/loading-sparkles}/lib/LoadingSparkles.d.ts +0 -0
  303. /package/dist/commonjs/{loading-sparkles → preview-react/loading-sparkles}/lib/sparkleIcon.d.ts +0 -0
  304. /package/dist/commonjs/{loading-sparkles → preview-react/loading-sparkles}/lib/sparkleIcon.js +0 -0
  305. /package/dist/commonjs/{multi-select → preview-react/multi-select}/index.d.ts +0 -0
  306. /package/dist/commonjs/{multi-select → preview-react/multi-select}/index.js +0 -0
  307. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelect.d.ts +0 -0
  308. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelect.js +0 -0
  309. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectCard.d.ts +0 -0
  310. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectCard.js +0 -0
  311. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectInput.d.ts +0 -0
  312. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectItem.d.ts +0 -0
  313. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectItem.js +0 -0
  314. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectedItem.d.ts +0 -0
  315. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectedItem.js +0 -0
  316. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectedList.d.ts +0 -0
  317. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectedList.js +0 -0
  318. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/useMultiSelectItemRemove.d.ts +0 -0
  319. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/useMultiSelectItemRemove.js +0 -0
  320. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/useMultiSelectModel.d.ts +0 -0
  321. /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/useMultiSelectModel.js +0 -0
  322. /package/dist/commonjs/{radio → preview-react/radio}/index.d.ts +0 -0
  323. /package/dist/commonjs/{radio → preview-react/radio}/index.js +0 -0
  324. /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioButton.d.ts +0 -0
  325. /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioButton.js +0 -0
  326. /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioGroup.d.ts +0 -0
  327. /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioInput.d.ts +0 -0
  328. /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioInput.js +0 -0
  329. /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioLabel.d.ts +0 -0
  330. /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioText.d.ts +0 -0
  331. /package/dist/commonjs/{radio → preview-react/radio}/lib/StyledRadioButton.d.ts +0 -0
  332. /package/dist/commonjs/{radio → preview-react/radio}/lib/hooks/useRadioModel.d.ts +0 -0
  333. /package/dist/commonjs/{radio → preview-react/radio}/lib/hooks/useRadioModel.js +0 -0
  334. /package/dist/commonjs/{side-panel → preview-react/side-panel}/index.d.ts +0 -0
  335. /package/dist/commonjs/{side-panel → preview-react/side-panel}/index.js +0 -0
  336. /package/dist/commonjs/{side-panel → preview-react/side-panel}/lib/SidePanel.d.ts +0 -0
  337. /package/dist/commonjs/{side-panel → preview-react/side-panel}/lib/SidePanelToggleButton.d.ts +0 -0
  338. /package/dist/commonjs/{side-panel → preview-react/side-panel}/lib/hooks.d.ts +0 -0
  339. /package/dist/commonjs/{side-panel → preview-react/side-panel}/lib/hooks.js +0 -0
  340. /package/dist/commonjs/{status-indicator → preview-react/status-indicator}/index.d.ts +0 -0
  341. /package/dist/commonjs/{status-indicator → preview-react/status-indicator}/index.js +0 -0
  342. /package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicator.d.ts +0 -0
  343. /package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorIcon.d.ts +0 -0
  344. /package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorIcon.js +0 -0
  345. /package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorLabel.d.ts +0 -0
  346. /package/dist/commonjs/{switch → preview-react/switch}/index.d.ts +0 -0
  347. /package/dist/commonjs/{switch → preview-react/switch}/index.js +0 -0
  348. /package/dist/commonjs/{switch → preview-react/switch}/lib/Switch.d.ts +0 -0
  349. /package/dist/commonjs/{switch → preview-react/switch}/lib/Switch.js +0 -0
  350. /package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchBackground.d.ts +0 -0
  351. /package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchCircle.d.ts +0 -0
  352. /package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchContainer.d.ts +0 -0
  353. /package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchIcon.d.ts +0 -0
  354. /package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchInput.d.ts +0 -0
  355. /package/dist/commonjs/{tabs → preview-react/tabs}/index.d.ts +0 -0
  356. /package/dist/commonjs/{tabs → preview-react/tabs}/index.js +0 -0
  357. /package/dist/commonjs/{tabs → preview-react/tabs}/lib/Tabs.d.ts +0 -0
  358. /package/dist/commonjs/{tabs → preview-react/tabs}/lib/Tabs.js +0 -0
  359. /package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsPanel.d.ts +0 -0
  360. /package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsPanel.js +0 -0
  361. /package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsPanels.d.ts +0 -0
  362. /package/dist/commonjs/{version → preview-react/version}/index.d.ts +0 -0
  363. /package/dist/commonjs/{version → preview-react/version}/index.js +0 -0
  364. /package/dist/commonjs/{version → preview-react/version}/lib/version.d.ts +0 -0
  365. /package/dist/es6/{color-picker → preview-react/color-picker}/index.d.ts +0 -0
  366. /package/dist/es6/{color-picker → preview-react/color-picker}/index.js +0 -0
  367. /package/dist/es6/{color-picker → preview-react/color-picker}/lib/ColorPicker.d.ts +0 -0
  368. /package/dist/es6/{color-picker → preview-react/color-picker}/lib/defaultColorSet.d.ts +0 -0
  369. /package/dist/es6/{color-picker → preview-react/color-picker}/lib/defaultColorSet.js +0 -0
  370. /package/dist/es6/{color-picker → preview-react/color-picker}/lib/parts/ColorReset.d.ts +0 -0
  371. /package/dist/es6/{color-picker → preview-react/color-picker}/lib/parts/SwatchBook.d.ts +0 -0
  372. /package/dist/es6/{divider → preview-react/divider}/index.d.ts +0 -0
  373. /package/dist/es6/{divider → preview-react/divider}/index.js +0 -0
  374. /package/dist/es6/{divider → preview-react/divider}/lib/Divider.d.ts +0 -0
  375. /package/dist/es6/{index.d.ts → preview-react/index.d.ts} +0 -0
  376. /package/dist/es6/{index.js → preview-react/index.js} +0 -0
  377. /package/dist/es6/{loading-sparkles → preview-react/loading-sparkles}/index.d.ts +0 -0
  378. /package/dist/es6/{loading-sparkles → preview-react/loading-sparkles}/index.js +0 -0
  379. /package/dist/es6/{loading-sparkles → preview-react/loading-sparkles}/lib/LoadingSparkles.d.ts +0 -0
  380. /package/dist/es6/{loading-sparkles → preview-react/loading-sparkles}/lib/sparkleIcon.d.ts +0 -0
  381. /package/dist/es6/{loading-sparkles → preview-react/loading-sparkles}/lib/sparkleIcon.js +0 -0
  382. /package/dist/es6/{multi-select → preview-react/multi-select}/index.d.ts +0 -0
  383. /package/dist/es6/{multi-select → preview-react/multi-select}/index.js +0 -0
  384. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelect.d.ts +0 -0
  385. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelect.js +0 -0
  386. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectCard.d.ts +0 -0
  387. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectCard.js +0 -0
  388. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectInput.d.ts +0 -0
  389. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectItem.d.ts +0 -0
  390. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectItem.js +0 -0
  391. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectedItem.d.ts +0 -0
  392. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectedItem.js +0 -0
  393. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectedList.d.ts +0 -0
  394. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectedList.js +0 -0
  395. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/useMultiSelectItemRemove.d.ts +0 -0
  396. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/useMultiSelectItemRemove.js +0 -0
  397. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/useMultiSelectModel.d.ts +0 -0
  398. /package/dist/es6/{multi-select → preview-react/multi-select}/lib/useMultiSelectModel.js +0 -0
  399. /package/dist/es6/{radio → preview-react/radio}/index.d.ts +0 -0
  400. /package/dist/es6/{radio → preview-react/radio}/index.js +0 -0
  401. /package/dist/es6/{radio → preview-react/radio}/lib/RadioButton.d.ts +0 -0
  402. /package/dist/es6/{radio → preview-react/radio}/lib/RadioButton.js +0 -0
  403. /package/dist/es6/{radio → preview-react/radio}/lib/RadioGroup.d.ts +0 -0
  404. /package/dist/es6/{radio → preview-react/radio}/lib/RadioInput.d.ts +0 -0
  405. /package/dist/es6/{radio → preview-react/radio}/lib/RadioInput.js +0 -0
  406. /package/dist/es6/{radio → preview-react/radio}/lib/RadioLabel.d.ts +0 -0
  407. /package/dist/es6/{radio → preview-react/radio}/lib/RadioText.d.ts +0 -0
  408. /package/dist/es6/{radio → preview-react/radio}/lib/StyledRadioButton.d.ts +0 -0
  409. /package/dist/es6/{radio → preview-react/radio}/lib/hooks/useRadioModel.d.ts +0 -0
  410. /package/dist/es6/{radio → preview-react/radio}/lib/hooks/useRadioModel.js +0 -0
  411. /package/dist/es6/{side-panel → preview-react/side-panel}/index.d.ts +0 -0
  412. /package/dist/es6/{side-panel → preview-react/side-panel}/index.js +0 -0
  413. /package/dist/es6/{side-panel → preview-react/side-panel}/lib/SidePanel.d.ts +0 -0
  414. /package/dist/es6/{side-panel → preview-react/side-panel}/lib/SidePanelToggleButton.d.ts +0 -0
  415. /package/dist/es6/{side-panel → preview-react/side-panel}/lib/hooks.d.ts +0 -0
  416. /package/dist/es6/{side-panel → preview-react/side-panel}/lib/hooks.js +0 -0
  417. /package/dist/es6/{status-indicator → preview-react/status-indicator}/index.d.ts +0 -0
  418. /package/dist/es6/{status-indicator → preview-react/status-indicator}/index.js +0 -0
  419. /package/dist/es6/{status-indicator → preview-react/status-indicator}/lib/StatusIndicator.d.ts +0 -0
  420. /package/dist/es6/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorIcon.d.ts +0 -0
  421. /package/dist/es6/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorIcon.js +0 -0
  422. /package/dist/es6/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorLabel.d.ts +0 -0
  423. /package/dist/es6/{switch → preview-react/switch}/index.d.ts +0 -0
  424. /package/dist/es6/{switch → preview-react/switch}/index.js +0 -0
  425. /package/dist/es6/{switch → preview-react/switch}/lib/Switch.d.ts +0 -0
  426. /package/dist/es6/{switch → preview-react/switch}/lib/Switch.js +0 -0
  427. /package/dist/es6/{switch → preview-react/switch}/lib/SwitchBackground.d.ts +0 -0
  428. /package/dist/es6/{switch → preview-react/switch}/lib/SwitchCircle.d.ts +0 -0
  429. /package/dist/es6/{switch → preview-react/switch}/lib/SwitchContainer.d.ts +0 -0
  430. /package/dist/es6/{switch → preview-react/switch}/lib/SwitchIcon.d.ts +0 -0
  431. /package/dist/es6/{switch → preview-react/switch}/lib/SwitchInput.d.ts +0 -0
  432. /package/dist/es6/{tabs → preview-react/tabs}/index.d.ts +0 -0
  433. /package/dist/es6/{tabs → preview-react/tabs}/index.js +0 -0
  434. /package/dist/es6/{tabs → preview-react/tabs}/lib/Tabs.d.ts +0 -0
  435. /package/dist/es6/{tabs → preview-react/tabs}/lib/Tabs.js +0 -0
  436. /package/dist/es6/{tabs → preview-react/tabs}/lib/TabsPanel.d.ts +0 -0
  437. /package/dist/es6/{tabs → preview-react/tabs}/lib/TabsPanel.js +0 -0
  438. /package/dist/es6/{tabs → preview-react/tabs}/lib/TabsPanels.d.ts +0 -0
  439. /package/dist/es6/{version → preview-react/version}/index.d.ts +0 -0
  440. /package/dist/es6/{version → preview-react/version}/index.js +0 -0
  441. /package/dist/es6/{version → preview-react/version}/lib/version.d.ts +0 -0
@@ -1,11 +1,17 @@
1
1
  import * as React from 'react';
2
2
 
3
- import {useOverflowListTarget} from '@workday/canvas-kit-react/collection';
3
+ import {
4
+ useListItemRegister,
5
+ useListItemRovingFocus,
6
+ useOverflowListModel,
7
+ } from '@workday/canvas-kit-react/collection';
4
8
  import {
5
9
  composeHooks,
6
10
  createElemPropsHook,
7
11
  createSubModelElemPropsHook,
8
12
  createSubcomponent,
13
+ useLocalRef,
14
+ useResizeObserver,
9
15
  } from '@workday/canvas-kit-react/common';
10
16
  import {SystemIcon} from '@workday/canvas-kit-react/icon';
11
17
  import {mergeStyles} from '@workday/canvas-kit-react/layout';
@@ -14,7 +20,10 @@ import {createStencil} from '@workday/canvas-kit-styling';
14
20
  import {chevronDownSmallIcon} from '@workday/canvas-system-icons-web';
15
21
 
16
22
  import {StyledTabItem} from './TabsItem';
17
- import {useTabsModel} from './useTabsModel';
23
+ import {TABS_OVERFLOW_BUTTON_ID, useTabsModel} from './useTabsModel';
24
+
25
+ // Re-export for consumers who may need to reference the overflow button ID
26
+ export {TABS_OVERFLOW_BUTTON_ID} from './useTabsModel';
18
27
 
19
28
  export interface OverflowButtonProps {
20
29
  /**
@@ -32,14 +41,68 @@ const tabsOverflowButtonStencil = createStencil({
32
41
  },
33
42
  });
34
43
 
44
+ /**
45
+ * Measures the overflow button and reports its size to the model for overflow calculation.
46
+ * Unlike useOverflowListTarget, this does NOT set aria-hidden or visibility styles because
47
+ * we handle visibility via conditional rendering in the TabsOverflowButton component.
48
+ */
49
+ const useTabsOverflowButtonMeasure = createElemPropsHook(useOverflowListModel)((model, ref) => {
50
+ const {elementRef, localRef} = useLocalRef(ref as React.Ref<HTMLElement>);
51
+
52
+ useResizeObserver({
53
+ ref: localRef,
54
+ onResize: ({width = 0, height = 0}) => {
55
+ if (localRef.current && (width > 0 || height > 0)) {
56
+ const styles = getComputedStyle(localRef.current);
57
+ const w = width + parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
58
+ const h = height + parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
59
+ model.events.setOverflowTargetSize({width: w, height: h});
60
+ }
61
+ },
62
+ });
63
+
64
+ return {
65
+ ref: elementRef,
66
+ };
67
+ });
68
+
35
69
  export const useTabsOverflowButton = composeHooks(
70
+ // Measures the overflow button for overflow calculation (no aria-hidden or visibility styles)
71
+ useTabsOverflowButtonMeasure,
72
+ // Adds roving tabindex behavior for arrow key navigation within the tablist
73
+ useListItemRovingFocus,
74
+ // Registers the overflow button as an item in the collection for cursor navigation
75
+ useListItemRegister,
76
+ // Provides the stable data-id needed for collection registration
36
77
  createElemPropsHook(useTabsModel)(() => {
37
78
  return {
38
- 'aria-haspopup': true,
79
+ 'data-id': TABS_OVERFLOW_BUTTON_ID,
39
80
  } as const;
40
81
  }),
41
- useOverflowListTarget,
42
- createSubModelElemPropsHook(useTabsModel)(m => m.menu, useMenuTarget)
82
+ // Connects to the menu sub-model for popup behavior
83
+ createSubModelElemPropsHook(useTabsModel)(m => m.menu, useMenuTarget),
84
+ // Syncs the cursor to the overflow button when it receives focus.
85
+ // This is needed because when the menu closes and focus returns to the overflow button,
86
+ // the cursor state needs to be updated so arrow key navigation works correctly.
87
+ createElemPropsHook(useTabsModel)(model => {
88
+ return {
89
+ onFocus() {
90
+ model.events.goTo({id: TABS_OVERFLOW_BUTTON_ID});
91
+ },
92
+ };
93
+ }),
94
+ // Runs FIRST - Sets ARIA attributes for the overflow tab
95
+ // In composeHooks, hooks run right-to-left, and mergeProps gives precedence to elemProps
96
+ // (props from earlier-running hooks). So this runs first and its props win.
97
+ // Note: We intentionally do NOT include useListItemSelect here because clicking
98
+ // the overflow button should open the menu, not select it as the active tab
99
+ createElemPropsHook(useTabsModel)(() => {
100
+ return {
101
+ 'aria-haspopup': 'menu',
102
+ 'aria-selected': false,
103
+ role: 'tab',
104
+ } as const;
105
+ })
43
106
  );
44
107
 
45
108
  export const TabsOverflowButton = createSubcomponent('button')({
@@ -47,6 +110,15 @@ export const TabsOverflowButton = createSubcomponent('button')({
47
110
  modelHook: useTabsModel,
48
111
  elemPropsHook: useTabsOverflowButton,
49
112
  })<OverflowButtonProps>(({children, ...elemProps}, Element, model) => {
113
+ // Don't render the overflow button if there are no hidden items.
114
+ // This removes it from the DOM entirely, which:
115
+ // - Removes it from keyboard navigation (roving focus)
116
+ // - Removes it from screen reader announcements
117
+ // - Prevents the "8 tabs" announcement when only 7 are visible
118
+ if (model.state.hiddenIds.length === 0) {
119
+ return null;
120
+ }
121
+
50
122
  return (
51
123
  <StyledTabItem
52
124
  type="button"
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
2
 
3
- import {useListRenderItems} from '@workday/canvas-kit-react/collection';
4
3
  import {createSubcomponent} from '@workday/canvas-kit-react/common';
5
4
 
5
+ import {useTabsCollectionRenderItems} from './TabsList';
6
6
  import {useTabsModel} from './useTabsModel';
7
7
 
8
8
  export interface TabsPanelsProps<T = any> {
@@ -16,5 +16,5 @@ export const TabsPanels = createSubcomponent()({
16
16
  displayName: 'Tabs.Panels',
17
17
  modelHook: useTabsModel,
18
18
  })<TabsPanelsProps>(({children}, _, model) => {
19
- return <>{useListRenderItems(model, children)}</>;
19
+ return <>{useTabsCollectionRenderItems(model, children)}</>;
20
20
  });
@@ -5,9 +5,15 @@ import {
5
5
  useListModel,
6
6
  useOverflowListModel,
7
7
  } from '@workday/canvas-kit-react/collection';
8
- import {createModelHook, useModalityType} from '@workday/canvas-kit-react/common';
8
+ import {createModelHook, slugify, useModalityType} from '@workday/canvas-kit-react/common';
9
9
  import {useMenuModel} from '@workday/canvas-kit-react/menu';
10
10
 
11
+ /**
12
+ * This constant is used as the stable identifier for the overflow button in the tabs collection.
13
+ * It uses a `__` prefix to avoid conflicts with user-provided item IDs.
14
+ */
15
+ export const TABS_OVERFLOW_BUTTON_ID = '__tabs-overflow__';
16
+
11
17
  /**
12
18
  * The TabsModel extends the [Collection
13
19
  * System](/get-started/for-developers/guides/collection-api/). Tabs have tab items and
@@ -56,11 +62,83 @@ export const useTabsModel = createModelHook({
56
62
  contextOverride: useOverflowListModel.Context,
57
63
  })(config => {
58
64
  const initialSelectedRef = React.useRef(config.initialTab);
59
- const getId = config.getId || defaultGetId;
65
+ const userGetId = config.getId || defaultGetId;
60
66
  const modality = useModalityType();
61
67
 
68
+ // Stable object so getId can recognize the synthetic overflow item. Callers
69
+ // often pass a getId that only understands their own item shape (for example
70
+ // `item => item.contextId`). Without this, the overflow item gets an empty id
71
+ // and Tabs.List renders it as a normal tab.
72
+ const overflowItemRef = React.useRef({
73
+ id: TABS_OVERFLOW_BUTTON_ID,
74
+ text: 'More',
75
+ });
76
+
77
+ const getId = (item: Parameters<typeof userGetId>[0]) => {
78
+ if (item === overflowItemRef.current) {
79
+ return TABS_OVERFLOW_BUTTON_ID;
80
+ }
81
+ const id = userGetId(item);
82
+ if (id === TABS_OVERFLOW_BUTTON_ID) {
83
+ throw new Error(
84
+ `Tabs item id "${TABS_OVERFLOW_BUTTON_ID}" is reserved for the overflow tab. Choose a different id.`
85
+ );
86
+ }
87
+ return id;
88
+ };
89
+
90
+ // When using dynamic items, append a synthetic overflow button item to the
91
+ // items array. This ensures the overflow button is included in the navigation
92
+ // sequence for roving tabindex. The overflow button component will handle
93
+ // conditional rendering (not showing when there are no hidden items).
94
+ // The overflow button is NOT included in itemSizeCache (measured separately
95
+ // via setOverflowTargetSize), so it won't be incorrectly hidden.
96
+ const itemsWithOverflowButton = React.useMemo(() => {
97
+ if (config.items?.length) {
98
+ return [...config.items, overflowItemRef.current];
99
+ }
100
+ return config.items;
101
+ }, [config.items]);
102
+
103
+ // Track whether the overflow button should be non-interactive based on previous
104
+ // render's hiddenIds. We use a ref because hiddenIds isn't available until after
105
+ // the model is created, but we need to pass nonInteractiveIds to the model config.
106
+ // On first render, assume non-interactive (no overflow calculated yet).
107
+ // On subsequent renders, use the previous hiddenIds.length to determine.
108
+ const prevHiddenIdsLengthRef = React.useRef(0);
109
+ const [, setNonInteractiveTick] = React.useState(0);
110
+
111
+ const overflowButtonNonInteractive =
112
+ !!config.items?.length && prevHiddenIdsLengthRef.current === 0;
113
+
114
+ // Compute nonInteractiveIds to pass to the model, including overflow button when appropriate
115
+ const nonInteractiveIdsForModel = React.useMemo(() => {
116
+ const baseIds = config.nonInteractiveIds || [];
117
+ if (overflowButtonNonInteractive) {
118
+ return [...baseIds, TABS_OVERFLOW_BUTTON_ID];
119
+ }
120
+ return baseIds;
121
+ }, [config.nonInteractiveIds, overflowButtonNonInteractive]);
122
+
123
+ // Stores the ID of a tab that should receive focus after the menu closes.
124
+ // This is used when selecting a tab from the overflow menu - we want focus
125
+ // to go to the newly selected tab, not back to the overflow button.
126
+ const pendingFocusTabIdRef = React.useRef<string | null>(null);
127
+ const pendingFocusRafOuterRef = React.useRef(0);
128
+ const pendingFocusRafInnerRef = React.useRef(0);
129
+
130
+ React.useLayoutEffect(() => {
131
+ return () => {
132
+ cancelAnimationFrame(pendingFocusRafOuterRef.current);
133
+ cancelAnimationFrame(pendingFocusRafInnerRef.current);
134
+ };
135
+ }, []);
136
+
62
137
  const model = useOverflowListModel(
63
138
  useOverflowListModel.mergeConfig(config, {
139
+ items: itemsWithOverflowButton,
140
+ getId,
141
+ nonInteractiveIds: nonInteractiveIdsForModel,
64
142
  shouldCalculateOverflow: modality !== 'touch',
65
143
  orientation: config.orientation || 'horizontal',
66
144
  onRegisterItem(data) {
@@ -78,6 +156,63 @@ export const useTabsModel = createModelHook({
78
156
  })
79
157
  );
80
158
 
159
+ // Update the ref after each render so the next render knows the current hiddenIds.length.
160
+ // If hiddenIds.length changed (e.g. overflow just calculated), force a re-render so
161
+ // we pass the correct nonInteractiveIds and the overflow button is not stuck disabled.
162
+ React.useLayoutEffect(() => {
163
+ const nextLen = model.state.hiddenIds.length;
164
+ if (prevHiddenIdsLengthRef.current !== nextLen) {
165
+ prevHiddenIdsLengthRef.current = nextLen;
166
+ setNonInteractiveTick(t => t + 1);
167
+ } else {
168
+ prevHiddenIdsLengthRef.current = nextLen;
169
+ }
170
+ }, [model.state.hiddenIds.length]);
171
+
172
+ // When the cursor is on an item that isn't in the DOM, move it to a visible one so the
173
+ // roving tabindex lands on a focusable element. This covers: (1) cursor on a hidden tab when
174
+ // only "More" is visible, and (2) cursor on the overflow button when we widen and it unmounts.
175
+ React.useLayoutEffect(() => {
176
+ const {cursorId, hiddenIds, items} = model.state;
177
+ if (!cursorId) {
178
+ return;
179
+ }
180
+ const currentCursorId = typeof cursorId === 'string' ? cursorId : (cursorId.slice(-1)[0] ?? '');
181
+ const cursorOnHidden = currentCursorId ? hiddenIds.includes(currentCursorId) : false;
182
+ const cursorOnOverflowWhenNoOverflow =
183
+ currentCursorId === TABS_OVERFLOW_BUTTON_ID && hiddenIds.length === 0;
184
+ if (cursorOnHidden) {
185
+ // Move to first visible item (including overflow button when it's the only one visible)
186
+ const firstVisible = items.find(item => !hiddenIds.includes(item.id));
187
+ if (firstVisible) {
188
+ model.events.goTo({id: firstVisible.id});
189
+ }
190
+ } else if (cursorOnOverflowWhenNoOverflow) {
191
+ // Overflow button unmounted; move to selected tab or first tab (not the overflow button)
192
+ const selectedIds = model.state.selectedIds;
193
+ const selectedId =
194
+ selectedIds !== 'all' && Array.isArray(selectedIds) && selectedIds.length
195
+ ? selectedIds[0]
196
+ : undefined;
197
+ const firstVisibleTab = items.find(
198
+ item => item.id !== TABS_OVERFLOW_BUTTON_ID && !hiddenIds.includes(item.id)
199
+ );
200
+ const targetId =
201
+ selectedId && !hiddenIds.includes(selectedId) ? selectedId : firstVisibleTab?.id;
202
+ if (targetId) {
203
+ model.events.goTo({id: targetId});
204
+ }
205
+ }
206
+ // Use field-level deps instead of `model.state` so this does not re-run on every model update.
207
+ // eslint-disable-next-line react-hooks/exhaustive-deps
208
+ }, [
209
+ model.state.cursorId,
210
+ model.state.hiddenIds,
211
+ model.state.items,
212
+ model.state.selectedIds,
213
+ model.events,
214
+ ]);
215
+
81
216
  const panels = useListModel();
82
217
 
83
218
  const state = {
@@ -122,8 +257,31 @@ export const useTabsModel = createModelHook({
122
257
  items: overflowItems,
123
258
  nonInteractiveIds: state.nonInteractiveIds.filter(key => !state.hiddenIds.includes(key)),
124
259
  onSelect(data) {
125
- menu.events.hide();
260
+ // Store the tab ID to focus after the menu closes and React re-renders
261
+ pendingFocusTabIdRef.current = data.id;
262
+
263
+ // Update state: select the tab, move cursor, then close menu
126
264
  events.select(data);
265
+ model.events.goTo({id: data.id});
266
+ menu.events.hide();
267
+
268
+ // Focus the selected tab AFTER React has re-rendered.
269
+ // Double rAF is required because useReturnFocus restores focus to the overflow
270
+ // button on a single rAF after hide; the second frame runs after that restore.
271
+ pendingFocusRafOuterRef.current = requestAnimationFrame(() => {
272
+ pendingFocusRafInnerRef.current = requestAnimationFrame(() => {
273
+ const tabId = pendingFocusTabIdRef.current;
274
+ if (tabId) {
275
+ const tabElement = document.querySelector<HTMLElement>(
276
+ `[data-focus-id="${slugify(`${model.state.id}-${tabId}`)}"]`
277
+ );
278
+ if (tabElement) {
279
+ tabElement.focus();
280
+ }
281
+ pendingFocusTabIdRef.current = null;
282
+ }
283
+ });
284
+ });
127
285
  },
128
286
  onShow() {
129
287
  // Always select the first item when the menu is opened
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,MAAM,mBAAmB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../color-picker/lib/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAa,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAErE,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC9C;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;oBA4B7B,CAAC;AAiBH,eAAO,MAAM,WAAW;kKAYrB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"defaultColorSet.d.ts","sourceRoot":"","sources":["../../../../color-picker/lib/defaultColorSet.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D3B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ColorReset.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorReset.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,kBAAkB;;;;oBAiC7B,CAAC;AAEH,eAAO,MAAM,WAAW,mCAAkC,gBAAgB,4CAWzE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SwatchBook.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/SwatchBook.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,CAAC,MAAM,GAAG,qBAAqB,CAAC,EAAE,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAiDD,eAAO,MAAM,UAAU,gCAA+B,eAAe,4CA6BpE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../divider/lib/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EAMR,MAAM,6BAA6B,CAAC;AAGrC,eAAO,MAAM,cAAc;IAQvB;;;;;;;;OAQG;;;;;;;;;;;;;;;;;;;;;;;gBAkBL,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,OAAO;IAC3C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,OAAO,iFASlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../loading-sparkles/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LoadingSparkles.d.ts","sourceRoot":"","sources":["../../../../loading-sparkles/lib/LoadingSparkles.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAiD,MAAM,6BAA6B,CAAC;AAmCpG,eAAO,MAAM,sBAAsB,iJAsBjC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,eAAe,6EAW1B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"sparkleIcon.d.ts","sourceRoot":"","sources":["../../../../loading-sparkles/lib/sparkleIcon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE/E,eAAO,MAAM,WAAW,EAAE,gBAOzB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../multi-select/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,mBAAmB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MultiSelectInput.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EACL,SAAS,EAKV,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAC,OAAO,EAAsC,MAAM,6BAA6B,CAAC;AAQzF,OAAO,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAC;AAI3D,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAiIlC,CAAC;AAEH,mGAAmG;AACnG,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAA0B,CAAC;AAE1D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAGT,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sMA2BzC,CAAC;AAmBF,MAAM,WAAW,qBACf,SAAQ,OAAO,EACb,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,CACvD,EACD,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C5B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDlC,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MultiSelectedList.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelectedList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAoB,sBAAsB,EAAC,MAAM,qBAAqB,CAAC;AAG9E,MAAM,WAAW,sBACf,SAAQ,sBAAsB,EAC5B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuB7B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAG7C,eAAO,MAAM,WAAW;;;;;;;;;EAUtB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAC,OAAO,EAA8B,MAAM,6BAA6B,CAAC;AAOjF,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,OAAO,EAAE,SAAS;IACpE;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AA6BD;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;IAInB;;;;;;;;;;OAUG;;;;;;;;;;;IAEH;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RadioInput.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAoB,eAAe,EAAC,MAAM,cAAc,CAAC;AAsBhE,eAAO,MAAM,UAAU;;;;;;;;;EAKrB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RadioLabel.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAE,SAAS,EAAqB,MAAM,kCAAkC,CAAC;AAC7F,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAC,OAAO,EAAgB,MAAM,6BAA6B,CAAC;AAOnE,UAAU,0BAA0B;IAClC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AACD,MAAM,WAAW,eACf,SAAQ,SAAS,EACf,OAAO,EACP,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAChC,0BAA0B;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAWD,eAAO,MAAM,iBAAiB,2CAAwD,CAAC;AAEvF,eAAO,MAAM,UAAU;;;;;;;;;;IAInB;;;;;;;;;;;OAWG;;;;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;;;;CAWL,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RadioText.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B,eAAO,MAAM,SAAS;;;;;;;;;EAQpB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"StyledRadioButton.d.ts","sourceRoot":"","sources":["../../../../radio/lib/StyledRadioButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,YAAY,EAA8B,MAAM,kCAAkC,CAAC;AAC3F,OAAO,EAAC,GAAG,EAAoB,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAC,OAAO,EAAsC,MAAM,6BAA6B,CAAC;AAKzF,MAAM,WAAW,sBAAuB,SAAQ,OAAO;IACrD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAiH5B,CAAC;AASH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;wBAwCnC,CAAC;AAmBH,MAAM,WAAW,sBAAuB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,OAAO,CAAC;IAC/E,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,8FAsB5B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useRadioModel.d.ts","sourceRoot":"","sources":["../../../../../radio/lib/hooks/useRadioModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,aAAa;IAEtB;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;oBACa,MAAM,WAAW,CAAC,gBAAgB,CAAC;;sBAAnC,MAAM,WAAW,CAAC,gBAAgB,CAAC;;;;;;;;;IAtCnD;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;oBACa,MAAM,WAAW,CAAC,gBAAgB,CAAC;;;;;;;sBAAnC,MAAM,WAAW,CAAC,gBAAgB,CAAC;;;;;;;;EAmBrD,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../side-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,WAAW,CAAC;AACxD;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;AAE9F;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAChE;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;CACrD;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAuCvB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,SAAS;IAkFlB;;;;;;;;OAQG;;CAGL,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SidePanelToggleButton.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/SidePanelToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAS/E,MAAM,WAAW,0BAA2B,SAAQ,YAAY,CAAC,OAAO,cAAc,EAAE,KAAK,CAAC;IAC5F;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA2EvC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,mGAoChC,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,gBAAgB;;;;EAI3B,CAAC;AAEH;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,YAAa,iBAAiB;;oCA2BR,OAAO;;;;CA8BrD,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../status-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAsC,MAAM,kCAAkC,CAAC;AAEnG,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAC,mBAAmB,EAAwB,MAAM,6BAA6B,CAAC;AAMvF;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,aAAa,GACb,MAAM,GACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,CAAC;AAEX,MAAM,WAAW,oBACf,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EACtC,IAAI,CAAC,mBAAmB,CAAC,OAAO,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACrE;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAWD,QAAA,MAAM,sBAAsB;IAcxB;;;;;;;;;;;OAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2BH;;;;;;;;;OASG;;;;;;;;;wBA8DL,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe;IAGxB;;;;;;;OAOG;;IAEH;;;;;;;OAOG;;CAuBL,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"StatusIndicatorIcon.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicatorIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAE3E,MAAM,WAAW,wBAAyB,SAAQ,eAAe;CAAG;AAEpE,eAAO,MAAM,mBAAmB,sFAS9B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"StatusIndicatorLabel.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicatorLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAc,MAAM,gCAAgC,CAAC;AAItE,MAAM,WAAW,yBAA0B,SAAQ,SAAS;CAAG;AAE/D,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAWtC,CAAC;AAEH,eAAO,MAAM,oBAAoB,gGAS/B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../switch/lib/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAA+B,MAAM,kCAAkC,CAAC;AACzF,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AAQpD,MAAM,WAAW,WAAY,SAAQ,OAAO;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,MAAM;;CAgCjB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SwitchBackground.d.ts","sourceRoot":"","sources":["../../../../switch/lib/SwitchBackground.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,iJAiBlC,CAAC;AAEH,eAAO,MAAM,gBAAgB,6EAS3B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SwitchCircle.d.ts","sourceRoot":"","sources":["../../../../switch/lib/SwitchCircle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,eAAO,MAAM,mBAAmB;;;;;;;;;wBAuB9B,CAAC;AAEH,eAAO,MAAM,YAAY,iFAKvB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SwitchContainer.d.ts","sourceRoot":"","sources":["../../../../switch/lib/SwitchContainer.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,iJASjC,CAAC;AAEH,eAAO,MAAM,eAAe,6EAS1B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SwitchIcon.d.ts","sourceRoot":"","sources":["../../../../switch/lib/SwitchIcon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,eAAO,MAAM,iBAAiB;;;;;;;;;wBAsB5B,CAAC;AAEH,eAAO,MAAM,UAAU,iFAWrB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SwitchInput.d.ts","sourceRoot":"","sources":["../../../../switch/lib/SwitchInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;wBA8D7B,CAAC;AAEH,eAAO,MAAM,WAAW,mFAKtB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAEL,YAAY,EASb,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAO7E,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAqID,eAAO,MAAM,aAAa,sFASxB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uEAiBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBnB,CAAC"}
@@ -1,50 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TabsItem = exports.useTabsItem = exports.StyledTabItem = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const collection_1 = require("@workday/canvas-kit-react/collection");
6
- const common_1 = require("@workday/canvas-kit-react/common");
7
- const icon_1 = require("@workday/canvas-kit-react/icon");
8
- const layout_1 = require("@workday/canvas-kit-react/layout");
9
- const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
10
- const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
11
- const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
12
- const useTabsModel_1 = require("./useTabsModel");
13
- const tabItemStencil = (0, canvas_kit_styling_1.createStencil)({
14
- extends: common_1.cornerShapeStencil,
15
- base: { name: "309uml", styles: "box-sizing:border-box;--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);font-family:var(--cnvs-sys-font-family-default, \"Roboto\");font-weight:var(--cnvs-sys-font-weight-medium);line-height:var(--cnvs-sys-line-height-subtext-lg, 1.25rem);font-size:var(--cnvs-sys-font-size-subtext-lg, 0.875rem);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, 0.015rem);background-color:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));flex:0 0 auto;min-width:0;align-items:center;padding:0 var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));cursor:pointer;color:var(--cnvs-sys-color-fg-default);position:relative;transition:background 150ms ease, color 150ms ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;--color-system-icon-c9acc3:currentColor;--size-svg-bca693:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem));&:has(span){display:flex;gap:var(--cnvs-base-size-75, 0.375rem);}&:hover, &.hover{color:var(--cnvs-sys-color-fg-strong);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-strong);}&:focus-visible, &.focus{outline:0.125rem solid transparent;background-color:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));color:var(--cnvs-sys-color-fg-strong);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-strong);}&:disabled, &.disabled, &[aria-disabled]{opacity:var(--cnvs-sys-opacity-disabled);&:hover{cursor:auto;background-color:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-default);}}&[aria-selected=true]{color:var(--cnvs-sys-color-fg-default);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-default);&:hover, &.hover, &:focus-visible, &.focus{color:var(--cnvs-sys-color-fg-default);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-default);}}" },
16
- modifiers: {
17
- variant: {
18
- filled: { name: "65k4e", styles: "border:0.0625rem solid transparent;&:hover, &.hover{background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:focus-visible, &.focus{box-shadow:0 0 0 2px var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1))), 0 0 0 4px var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)));}&[aria-selected=true]{background-color:var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0.3337 0.0688 250.79 / 0.09));border-color:var(--cnvs-sys-color-border-input-default);&:hover, &.hover, &:focus-visible, &.focus{background-color:var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0.3337 0.0688 250.79 / 0.09));}&:focus-visible, &.focus{border-width:0.125rem;margin-inline:-0.0625rem;}@media (forced-colors: active){outline:0.125rem solid ButtonBorder;}}" },
19
- outlined: { name: "12afsw", styles: "border:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));margin-inline:0.0625rem;&:hover, &.hover{border-color:var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0.2442 0.0693 257.66 / 0.21)));}&:focus-visible, &.focus{margin-inline:0rem;border:0.125rem solid var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)));}&[aria-selected=true]{margin-inline:0rem;border:0.125rem solid var(--cnvs-sys-color-border-contrast-default);&:hover, &.hover, &:focus-visible, &.focus{border:0.125rem solid var(--cnvs-sys-color-border-contrast-default);}&:focus-visible, &.focus{box-shadow:0 0 0 2px var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1))), 0 0 0 4px var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)));}}" }
20
- }
21
- }
22
- }, "tab-item-be6a86");
23
- exports.StyledTabItem = (0, common_1.createComponent)('button')({
24
- displayName: 'StyledTabItem',
25
- Component: ({ children, variant, ...elemProps }, ref, Element) => {
26
- return ((0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, tabItemStencil({ variant })), children: children }));
27
- },
28
- });
29
- exports.useTabsItem = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useTabsModel_1.useTabsModel)(({ state }, _, elemProps = {}) => {
30
- const name = elemProps['data-id'] || '';
31
- const selected = !!elemProps['data-id'] && (0, collection_1.isSelected)(name, state);
32
- return {
33
- type: 'button',
34
- role: 'tab',
35
- 'aria-selected': selected,
36
- 'aria-controls': (0, common_1.slugify)(`tabpanel-${state.id}-${name}`),
37
- };
38
- }), collection_1.useListItemSelect, collection_1.useOverflowListItemMeasure, collection_1.useListItemRovingFocus, collection_1.useListItemRegister);
39
- exports.TabsItem = (0, common_1.createSubcomponent)('button')({
40
- displayName: 'Tabs.Item',
41
- modelHook: useTabsModel_1.useTabsModel,
42
- elemPropsHook: exports.useTabsItem,
43
- subComponents: {
44
- Icon: icon_1.SystemIcon,
45
- Text: common_1.EllipsisText,
46
- },
47
- })(({ children, ...elemProps }, Element, model) => {
48
- const modality = (0, common_1.useModalityType)();
49
- return ((0, jsx_runtime_1.jsx)(tooltip_1.OverflowTooltip, { children: (0, jsx_runtime_1.jsx)(exports.StyledTabItem, { as: Element, maxWidth: modality === 'touch' ? undefined : 280, ...elemProps, variant: model.state.variant, children: children }) }));
50
- });
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EACL,YAAY,EAMb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAMnE,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/F;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAyCD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAqBX,aAAa,CAAC,cAAc,CAAC;EAKjD,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAPF,aAAa,CAAC,cAAc,CAAC;;;;;;;;;;iIAiBlD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA0C1B,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBpB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsOverflowButton.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsOverflowButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAWD,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8aAQjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgB7B,CAAC"}
@@ -1,28 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TabsOverflowButton = exports.useTabsOverflowButton = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const collection_1 = require("@workday/canvas-kit-react/collection");
6
- const common_1 = require("@workday/canvas-kit-react/common");
7
- const icon_1 = require("@workday/canvas-kit-react/icon");
8
- const layout_1 = require("@workday/canvas-kit-react/layout");
9
- const menu_1 = require("@workday/canvas-kit-react/menu");
10
- const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
11
- const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
12
- const TabsItem_1 = require("./TabsItem");
13
- const useTabsModel_1 = require("./useTabsModel");
14
- const tabsOverflowButtonStencil = (0, canvas_kit_styling_1.createStencil)({
15
- base: { name: "ufrse", styles: "box-sizing:border-box;&:has([data-part=\"tabs-overflow-button-icon\"]){display:flex;gap:0;}" }
16
- }, "tabs-overflow-button-5432e3");
17
- exports.useTabsOverflowButton = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useTabsModel_1.useTabsModel)(() => {
18
- return {
19
- 'aria-haspopup': true,
20
- };
21
- }), collection_1.useOverflowListTarget, (0, common_1.createSubModelElemPropsHook)(useTabsModel_1.useTabsModel)(m => m.menu, menu_1.useMenuTarget));
22
- exports.TabsOverflowButton = (0, common_1.createSubcomponent)('button')({
23
- displayName: 'Tabs.OverflowButton',
24
- modelHook: useTabsModel_1.useTabsModel,
25
- elemPropsHook: exports.useTabsOverflowButton,
26
- })(({ children, ...elemProps }, Element, model) => {
27
- return ((0, jsx_runtime_1.jsxs)(TabsItem_1.StyledTabItem, { type: "button", as: Element, variant: model.state.variant, ...(0, layout_1.mergeStyles)(elemProps, tabsOverflowButtonStencil()), children: [(0, jsx_runtime_1.jsx)("span", { children: children }), (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { "data-part": "tabs-overflow-button-icon", icon: canvas_system_icons_web_1.chevronDownSmallIcon })] }));
28
- });
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsPanels.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsPanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKrB,CAAC"}