@workday/canvas-kit-react 8.0.0-alpha.121-next.2 → 8.0.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 (156) hide show
  1. package/action-bar/lib/ActionBarList.tsx +5 -12
  2. package/action-bar/package.json +2 -1
  3. package/avatar/package.json +2 -1
  4. package/badge/package.json +2 -1
  5. package/banner/package.json +2 -1
  6. package/button/package.json +2 -1
  7. package/card/package.json +2 -1
  8. package/checkbox/package.json +2 -1
  9. package/collection/lib/ListBox.tsx +1 -1
  10. package/collection/lib/useListRenderItem.tsx +14 -24
  11. package/collection/package.json +2 -1
  12. package/color-picker/package.json +2 -1
  13. package/common/lib/InputProvider.tsx +1 -1
  14. package/common/lib/utils/StaticStates.tsx +2 -2
  15. package/common/lib/utils/components.ts +3 -3
  16. package/common/package.json +2 -1
  17. package/dialog/package.json +2 -1
  18. package/disclosure/package.json +2 -1
  19. package/dist/commonjs/action-bar/lib/ActionBar.d.ts +2 -2
  20. package/dist/commonjs/action-bar/lib/ActionBarList.d.ts +3 -61
  21. package/dist/commonjs/action-bar/lib/ActionBarList.d.ts.map +1 -1
  22. package/dist/commonjs/action-bar/lib/ActionBarList.js +2 -3
  23. package/dist/commonjs/collection/lib/ListBox.d.ts +1 -1
  24. package/dist/commonjs/collection/lib/ListBox.d.ts.map +1 -1
  25. package/dist/commonjs/collection/lib/useListRenderItem.d.ts +1 -1
  26. package/dist/commonjs/collection/lib/useListRenderItem.d.ts.map +1 -1
  27. package/dist/commonjs/collection/lib/useListRenderItem.js +11 -21
  28. package/dist/commonjs/common/lib/InputProvider.d.ts +2 -2
  29. package/dist/commonjs/common/lib/InputProvider.d.ts.map +1 -1
  30. package/dist/commonjs/common/lib/utils/StaticStates.d.ts +2 -2
  31. package/dist/commonjs/common/lib/utils/StaticStates.d.ts.map +1 -1
  32. package/dist/commonjs/common/lib/utils/components.d.ts +3 -3
  33. package/dist/commonjs/common/lib/utils/components.d.ts.map +1 -1
  34. package/dist/commonjs/form-field/lib/FormField.d.ts +1 -1
  35. package/dist/commonjs/form-field/lib/FormField.d.ts.map +1 -1
  36. package/dist/commonjs/form-field/lib/Label.d.ts +1 -1
  37. package/dist/commonjs/form-field/lib/Label.d.ts.map +1 -1
  38. package/dist/commonjs/layout/lib/utils/types.d.ts +1 -11
  39. package/dist/commonjs/layout/lib/utils/types.d.ts.map +1 -1
  40. package/dist/commonjs/layout/lib/utils/types.js +0 -2
  41. package/dist/commonjs/menu/lib/Menu.d.ts +1 -1
  42. package/dist/commonjs/menu/lib/MenuList.d.ts +3 -3
  43. package/dist/commonjs/menu/lib/MenuList.d.ts.map +1 -1
  44. package/dist/commonjs/modal/lib/ModalOverlay.d.ts +1 -0
  45. package/dist/commonjs/modal/lib/ModalOverlay.d.ts.map +1 -1
  46. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
  47. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  48. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts +1 -1
  49. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
  50. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +1 -1
  51. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts.map +1 -1
  52. package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts +0 -1
  53. package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts.map +1 -1
  54. package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.js +1 -1
  55. package/dist/commonjs/radio/lib/RadioGroup.d.ts.map +1 -1
  56. package/dist/commonjs/radio/lib/RadioGroup.js +5 -1
  57. package/dist/commonjs/tabs/lib/Tabs.d.ts +4 -4
  58. package/dist/commonjs/tabs/lib/TabsList.d.ts +2 -2
  59. package/dist/commonjs/tabs/lib/TabsList.d.ts.map +1 -1
  60. package/dist/commonjs/tabs/lib/TabsPanel.d.ts +2 -2
  61. package/dist/commonjs/tabs/lib/TabsPanel.d.ts.map +1 -1
  62. package/dist/commonjs/tabs/lib/TabsPanels.d.ts +2 -2
  63. package/dist/commonjs/tabs/lib/TabsPanels.d.ts.map +1 -1
  64. package/dist/commonjs/text-input/lib/InputIconContainer.d.ts +1 -1
  65. package/dist/commonjs/text-input/lib/InputIconContainer.d.ts.map +1 -1
  66. package/dist/es6/action-bar/lib/ActionBar.d.ts +3 -3
  67. package/dist/es6/action-bar/lib/ActionBarList.d.ts +3 -61
  68. package/dist/es6/action-bar/lib/ActionBarList.d.ts.map +1 -1
  69. package/dist/es6/action-bar/lib/ActionBarList.js +3 -4
  70. package/dist/es6/button/lib/BaseButton.d.ts +1 -1
  71. package/dist/es6/collection/lib/ListBox.d.ts +1 -1
  72. package/dist/es6/collection/lib/ListBox.d.ts.map +1 -1
  73. package/dist/es6/collection/lib/useListRenderItem.d.ts +1 -1
  74. package/dist/es6/collection/lib/useListRenderItem.d.ts.map +1 -1
  75. package/dist/es6/collection/lib/useListRenderItem.js +11 -21
  76. package/dist/es6/common/lib/InputProvider.d.ts +2 -2
  77. package/dist/es6/common/lib/InputProvider.d.ts.map +1 -1
  78. package/dist/es6/common/lib/utils/StaticStates.d.ts +2 -2
  79. package/dist/es6/common/lib/utils/StaticStates.d.ts.map +1 -1
  80. package/dist/es6/common/lib/utils/components.d.ts +6 -6
  81. package/dist/es6/common/lib/utils/components.d.ts.map +1 -1
  82. package/dist/es6/form-field/lib/FormField.d.ts +1 -1
  83. package/dist/es6/form-field/lib/FormField.d.ts.map +1 -1
  84. package/dist/es6/form-field/lib/Label.d.ts +1 -1
  85. package/dist/es6/form-field/lib/Label.d.ts.map +1 -1
  86. package/dist/es6/layout/lib/utils/types.d.ts +1 -11
  87. package/dist/es6/layout/lib/utils/types.d.ts.map +1 -1
  88. package/dist/es6/layout/lib/utils/types.js +0 -2
  89. package/dist/es6/menu/lib/Menu.d.ts +2 -2
  90. package/dist/es6/menu/lib/MenuItem.d.ts +1 -1
  91. package/dist/es6/menu/lib/MenuList.d.ts +3 -3
  92. package/dist/es6/menu/lib/MenuList.d.ts.map +1 -1
  93. package/dist/es6/modal/lib/ModalOverlay.d.ts +1 -0
  94. package/dist/es6/modal/lib/ModalOverlay.d.ts.map +1 -1
  95. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
  96. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  97. package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts +1 -1
  98. package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
  99. package/dist/es6/pagination/lib/Pagination/PageList.d.ts +1 -1
  100. package/dist/es6/pagination/lib/Pagination/PageList.d.ts.map +1 -1
  101. package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts +0 -1
  102. package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts.map +1 -1
  103. package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.js +1 -1
  104. package/dist/es6/radio/lib/RadioGroup.d.ts.map +1 -1
  105. package/dist/es6/radio/lib/RadioGroup.js +5 -1
  106. package/dist/es6/tabs/lib/Tabs.d.ts +5 -5
  107. package/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
  108. package/dist/es6/tabs/lib/TabsList.d.ts +2 -2
  109. package/dist/es6/tabs/lib/TabsList.d.ts.map +1 -1
  110. package/dist/es6/tabs/lib/TabsPanel.d.ts +2 -2
  111. package/dist/es6/tabs/lib/TabsPanel.d.ts.map +1 -1
  112. package/dist/es6/tabs/lib/TabsPanels.d.ts +2 -2
  113. package/dist/es6/tabs/lib/TabsPanels.d.ts.map +1 -1
  114. package/dist/es6/text-input/lib/InputIconContainer.d.ts +1 -1
  115. package/dist/es6/text-input/lib/InputIconContainer.d.ts.map +1 -1
  116. package/dist/es6/tooltip/lib/TooltipContainer.d.ts +1 -1
  117. package/form-field/lib/FormField.tsx +1 -1
  118. package/form-field/lib/Label.tsx +1 -1
  119. package/form-field/package.json +2 -1
  120. package/icon/package.json +2 -1
  121. package/layout/lib/utils/types.ts +13 -64
  122. package/layout/package.json +2 -1
  123. package/loading-animation/package.json +2 -1
  124. package/menu/lib/MenuList.tsx +2 -3
  125. package/menu/package.json +2 -1
  126. package/modal/lib/ModalOverlay.tsx +4 -2
  127. package/modal/package.json +2 -1
  128. package/package.json +7 -6
  129. package/pagination/lib/Pagination/AdditionalDetails.tsx +1 -1
  130. package/pagination/lib/Pagination/GoTo/Label.tsx +1 -2
  131. package/pagination/lib/Pagination/PageList.tsx +1 -1
  132. package/pagination/lib/Pagination/common/useLiveRegion.tsx +0 -2
  133. package/pagination/package.json +2 -1
  134. package/popup/lib/hooks/useCloseOnFullscreenExit.ts +1 -1
  135. package/popup/lib/hooks/useTransferOnFullscreenEnter.ts +1 -1
  136. package/popup/lib/hooks/useTransferOnFullscreenExit.ts +1 -1
  137. package/popup/package.json +2 -1
  138. package/radio/lib/RadioGroup.tsx +5 -1
  139. package/radio/package.json +2 -1
  140. package/segmented-control/package.json +2 -1
  141. package/select/package.json +2 -1
  142. package/side-panel/package.json +2 -1
  143. package/skeleton/package.json +2 -1
  144. package/status-indicator/package.json +2 -1
  145. package/switch/package.json +2 -1
  146. package/table/package.json +2 -1
  147. package/tabs/lib/TabsList.tsx +1 -2
  148. package/tabs/lib/TabsPanel.tsx +1 -1
  149. package/tabs/lib/TabsPanels.tsx +1 -1
  150. package/tabs/package.json +2 -1
  151. package/text-area/package.json +2 -1
  152. package/text-input/lib/InputIconContainer.tsx +5 -3
  153. package/text-input/package.json +2 -1
  154. package/toast/package.json +2 -1
  155. package/tokens/package.json +2 -1
  156. package/tooltip/package.json +2 -1
@@ -53,7 +53,7 @@ export interface TabsItemProps extends ExtractProps<typeof Box, never>, Partial<
53
53
  */
54
54
  tabIndex?: number;
55
55
  }
56
- export declare const StyledTabItem: import("@emotion/styled").StyledComponent<import("../../layout").BorderShorthandStyleProps & import("../../layout").BorderColorStyleProps & import("../../layout").BorderRadiusStyleProps & import("../../layout").BorderLineStyleProps & import("../../layout").BorderWidthStyleProps & import("../../layout").BorderLogicalStyleProps & import("../../layout").ColorStyleProps & import("../../layout").DepthStyleProps & import("../../layout").FlexItemStyleProps & import("../../layout").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../../layout").PositionStandardProps & import("../../layout").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "name" | "style" | "ref" | "form" | "slot" | "title" | "dir" | "value" | "children" | "hidden" | "type" | "disabled" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & {
56
+ export declare const StyledTabItem: import("@emotion/styled").StyledComponent<import("../../layout").BorderShorthandStyleProps & import("../../layout").BorderColorStyleProps & import("../../layout").BorderRadiusStyleProps & import("../../layout").BorderLineStyleProps & import("../../layout").BorderWidthStyleProps & import("../../layout").BorderLogicalStyleProps & import("../../layout").ColorStyleProps & import("../../layout").DepthStyleProps & import("../../layout").FlexItemStyleProps & import("../../layout").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../../layout").PositionStandardProps & import("../../layout").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "hidden" | "style" | "disabled" | "translate" | "prefix" | "form" | "slot" | "title" | "children" | "ref" | "key" | "className" | "name" | "dir" | "value" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & {
57
57
  ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
58
58
  } & {
59
59
  theme?: import("@emotion/react").Theme | undefined;
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { ExtractProps } from '@workday/canvas-kit-react/common';
3
3
  import { Stack } from '@workday/canvas-kit-react/layout';
4
- export interface TabListProps<T = any> extends Omit<Partial<ExtractProps<typeof Stack, never>>, 'children'> {
4
+ export interface TabListProps<T = unknown> extends Partial<ExtractProps<typeof Stack, never>> {
5
5
  /**
6
6
  * If items are passed to a `TabsModel`, the child of `Tabs.List` should be a render prop. The
7
7
  * List will determine how and when the item will be rendered.
@@ -72,7 +72,7 @@ export declare const useTabsList: <P extends {}, R>(model: {
72
72
  }, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
73
73
  ref: React.Ref<R>;
74
74
  } : {});
75
- export declare const TabsList: import("../../common").ElementComponentM<"div", TabListProps<any>, {
75
+ export declare const TabsList: import("../../common").ElementComponentM<"div", TabListProps<unknown>, {
76
76
  state: {
77
77
  getId: (item: any) => string;
78
78
  orientation: import("../../collection/lib/useBaseListModel").Orientation;
@@ -1 +1 @@
1
- {"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,kCAAkC,CAAC;AAUvD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,GAAG,CACnC,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACpE;;;;;;;;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;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAOvB,CAAC;AAgBF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBnB,CAAC"}
1
+ {"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,kCAAkC,CAAC;AAUvD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,KAAK,EAAE,KAAK,CAAC,CAAC;IAC3F;;;;;;;;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;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAOvB,CAAC;AAgBF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBnB,CAAC"}
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { ExtractProps } from '@workday/canvas-kit-react/common';
3
3
  import { Item } from '@workday/canvas-kit-react/collection';
4
4
  import { Box } from '@workday/canvas-kit-react/layout';
5
- export interface TabPanelProps extends ExtractProps<typeof Box, never> {
5
+ export interface TabPanelProps<T = unknown> extends ExtractProps<typeof Box, never> {
6
6
  /**
7
7
  * The contents of the TabPanel.
8
8
  */
@@ -187,7 +187,7 @@ export declare const useTabsPanel: <P extends {}, R>(model: {
187
187
  } & P & (R extends HTMLOrSVGElement ? {
188
188
  ref: React.Ref<R>;
189
189
  } : {});
190
- export declare const TabsPanel: import("../../common").ElementComponentM<"div", TabPanelProps, {
190
+ export declare const TabsPanel: import("../../common").ElementComponentM<"div", TabPanelProps<unknown>, {
191
191
  state: {
192
192
  getId: (item: any) => string;
193
193
  orientation: import("../../collection/lib/useBaseListModel").Orientation;
@@ -1 +1 @@
1
- {"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAIL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,sCAAsC,CAAC;AAC1D,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAIrD,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IACpE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUpB,CAAC"}
1
+ {"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAIL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,sCAAsC,CAAC;AAC1D,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAIrD,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IACjF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUpB,CAAC"}
@@ -1,11 +1,11 @@
1
1
  import * as React from 'react';
2
- export interface TabsPanelsProps<T = any> {
2
+ export interface TabsPanelsProps<T = unknown> {
3
3
  /**
4
4
  *
5
5
  */
6
6
  children: ((item: T) => React.ReactNode) | React.ReactNode;
7
7
  }
8
- export declare const TabsPanels: import("../../common").ElementComponentM<React.FC<{}>, TabsPanelsProps<any>, {
8
+ export declare const TabsPanels: import("../../common").ElementComponentM<React.FC<{}>, TabsPanelsProps<unknown>, {
9
9
  state: {
10
10
  getId: (item: any) => string;
11
11
  orientation: import("../../collection/lib/useBaseListModel").Orientation;
@@ -1 +1 @@
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"}
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,OAAO;IAC1C;;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"}
@@ -4,6 +4,6 @@ import { SystemIcon } from '@workday/canvas-kit-react/icon';
4
4
  export interface InputIconContainerProps extends GrowthBehavior {
5
5
  icon?: React.ReactElement<typeof SystemIcon>;
6
6
  }
7
- declare const InputIconContainer: React.FunctionComponent<React.PropsWithChildren<InputIconContainerProps>>;
7
+ declare const InputIconContainer: React.FunctionComponent<InputIconContainerProps>;
8
8
  export default InputIconContainer;
9
9
  //# sourceMappingURL=InputIconContainer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputIconContainer.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/InputIconContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAE1D,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC7D,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;CAC9C;AAaD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CACvE,uBAAuB,CACxB,CAKA,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"InputIconContainer.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/InputIconContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAE1D,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC7D,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;CAC9C;AAaD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CASxE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -21,6 +21,6 @@ export interface TooltipContainerProps extends React.HTMLAttributes<HTMLDivEleme
21
21
  }
22
22
  export declare const TooltipContainer: import("@emotion/styled").StyledComponent<{
23
23
  theme?: import("@emotion/react").Theme | undefined;
24
- as?: "symbol" | "object" | "s" | "big" | "link" | "small" | "sub" | "sup" | "circle" | "stop" | "path" | "style" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
24
+ as?: "symbol" | "object" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "clipPath" | "filter" | "mask" | "marker" | "big" | "link" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
25
25
  } & TooltipContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
26
26
  //# sourceMappingURL=TooltipContainer.d.ts.map
@@ -136,7 +136,7 @@ const FormFieldInputContainer = styled('div')<GrowthBehavior & FormFieldLabelPos
136
136
  }
137
137
  );
138
138
 
139
- class FormField extends React.Component<React.PropsWithChildren<FormFieldProps>> {
139
+ class FormField extends React.Component<FormFieldProps> {
140
140
  static LabelPosition = FormFieldLabelPosition;
141
141
  static ErrorType = ErrorType;
142
142
 
@@ -88,7 +88,7 @@ const LegendComponent = styled('legend')<LabelProps>(...labelStyles, ({labelPosi
88
88
  });
89
89
  const LabelComponent = styled('label')<LabelProps>(...labelStyles);
90
90
 
91
- class Label extends React.Component<React.PropsWithChildren<LabelProps>> {
91
+ class Label extends React.Component<LabelProps> {
92
92
  static Position = FormFieldLabelPosition;
93
93
 
94
94
  public render() {
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/form-field",
3
3
  "module": "../dist/es6/form-field",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/form-field"
5
6
  }
package/icon/package.json CHANGED
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/icon",
3
3
  "module": "../dist/es6/icon",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/icon"
5
6
  }
@@ -1,70 +1,19 @@
1
+ import {
2
+ Globals,
3
+ GlobalsNumber,
4
+ SelfPosition,
5
+ DisplayOutside,
6
+ DisplayInside,
7
+ DisplayInternal,
8
+ DisplayLegacy,
9
+ LineStyle,
10
+ ContentDistribution,
11
+ ContentPosition,
12
+ } from 'csstype';
13
+
1
14
  // We're temporarily creating these types from csstype
2
15
  // to improve type completion until we move to csstype v3.
3
16
 
4
- type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
5
- type GlobalsNumber = Globals | number;
6
-
7
- type SelfPosition =
8
- | 'center'
9
- | 'end'
10
- | 'flex-end'
11
- | 'flex-start'
12
- | 'self-end'
13
- | 'self-start'
14
- | 'start';
15
-
16
- type DisplayOutside = 'block' | 'inline' | 'run-in';
17
-
18
- type DisplayInside =
19
- | '-ms-flexbox'
20
- | '-ms-grid'
21
- | '-webkit-flex'
22
- | 'flex'
23
- | 'flow'
24
- | 'flow-root'
25
- | 'grid'
26
- | 'ruby'
27
- | 'table';
28
-
29
- type DisplayInternal =
30
- | 'ruby-base'
31
- | 'ruby-base-container'
32
- | 'ruby-text'
33
- | 'ruby-text-container'
34
- | 'table-caption'
35
- | 'table-cell'
36
- | 'table-column'
37
- | 'table-column-group'
38
- | 'table-footer-group'
39
- | 'table-header-group'
40
- | 'table-row'
41
- | 'table-row-group';
42
-
43
- type DisplayLegacy =
44
- | '-ms-inline-flexbox'
45
- | '-ms-inline-grid'
46
- | '-webkit-inline-flex'
47
- | 'inline-block'
48
- | 'inline-flex'
49
- | 'inline-grid'
50
- | 'inline-list-item'
51
- | 'inline-table';
52
-
53
- type LineStyle =
54
- | 'dashed'
55
- | 'dotted'
56
- | 'double'
57
- | 'groove'
58
- | 'hidden'
59
- | 'inset'
60
- | 'none'
61
- | 'outset'
62
- | 'ridge'
63
- | 'solid';
64
-
65
- type ContentDistribution = 'space-around' | 'space-between' | 'space-evenly' | 'stretch';
66
- type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start';
67
-
68
17
  // Border
69
18
  export type PropertyBorder = Globals | LineStyle | (string & {});
70
19
 
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/layout",
3
3
  "module": "../dist/es6/layout",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/layout"
5
6
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/loading-animation",
3
3
  "module": "../dist/es6/loading-animation",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/loading-animation"
5
6
  }
@@ -11,12 +11,11 @@ import {Stack} from '@workday/canvas-kit-react/layout';
11
11
 
12
12
  import {useMenuModel} from './useMenuModel';
13
13
 
14
- export interface MenuListProps<T = any>
15
- extends Omit<Partial<ExtractProps<typeof Stack, never>>, 'children'> {
14
+ export interface MenuListProps extends Partial<ExtractProps<typeof Stack, never>> {
16
15
  /**
17
16
  * The label text of the MenuList.
18
17
  */
19
- children: React.ReactNode | ((item: T) => React.ReactNode);
18
+ children: React.ReactNode;
20
19
  }
21
20
 
22
21
  export const useMenuList = createElemPropsHook(useMenuModel)(model => {
package/menu/package.json CHANGED
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/menu",
3
3
  "module": "../dist/es6/menu",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/menu"
5
6
  }
@@ -14,7 +14,9 @@ import styled from '@emotion/styled';
14
14
  import {Box, BoxProps} from '@workday/canvas-kit-react/layout';
15
15
  import {useModalModel} from './hooks';
16
16
 
17
- export interface ModalOverlayProps extends BoxProps {}
17
+ export interface ModalOverlayProps extends BoxProps {
18
+ children: React.ReactNode;
19
+ }
18
20
 
19
21
  const fadeIn = keyframes`
20
22
  from {
@@ -84,7 +86,7 @@ const OpenModalOverlay = createSubcomponent('div')({
84
86
  displayName: 'Modal.OpenOverlay',
85
87
  modelHook: useModalModel,
86
88
  elemPropsHook: useModalOverlay,
87
- })<ModalOverlayProps>((elemProps, Element, model) => {
89
+ })<ModalOverlayProps>((elemProps: ModalOverlayProps, Element, model) => {
88
90
  const windowSize = useWindowSize();
89
91
 
90
92
  const content = (
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/modal",
3
3
  "module": "../dist/es6/modal",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/modal"
5
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "8.0.0-alpha.121-next.2+83e3394d",
3
+ "version": "8.0.0",
4
4
  "description": "The parent module that contains all Workday Canvas Kit React components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -41,7 +41,7 @@
41
41
  "workday"
42
42
  ],
43
43
  "peerDependencies": {
44
- "react": "^17.0 || ^18.0"
44
+ "react": "^16.8 || ^17.0"
45
45
  },
46
46
  "dependencies": {
47
47
  "@emotion/is-prop-valid": "^1.1.1",
@@ -49,12 +49,13 @@
49
49
  "@emotion/styled": "^11.6.0",
50
50
  "@popperjs/core": "^2.5.4",
51
51
  "@workday/canvas-colors-web": "^2.0.0",
52
- "@workday/canvas-kit-labs-react": "^8.0.0-alpha.121-next.2+83e3394d",
53
- "@workday/canvas-kit-popup-stack": "^8.0.0-alpha.121-next.2+83e3394d",
54
- "@workday/canvas-kit-preview-react": "^8.0.0-alpha.121-next.2+83e3394d",
52
+ "@workday/canvas-kit-labs-react": "^8.0.0",
53
+ "@workday/canvas-kit-popup-stack": "^8.0.0",
54
+ "@workday/canvas-kit-preview-react": "^8.0.0",
55
55
  "@workday/canvas-system-icons-web": "^3.0.0",
56
56
  "@workday/design-assets-types": "^0.2.8",
57
57
  "chroma-js": "^2.1.0",
58
+ "csstype": "^2.6.17",
58
59
  "element-closest": "^3.0.2",
59
60
  "lodash": "^4.17.14",
60
61
  "polished": "^4.1.3",
@@ -69,5 +70,5 @@
69
70
  "@workday/canvas-accent-icons-web": "^3.0.0",
70
71
  "@workday/canvas-applet-icons-web": "^2.0.0"
71
72
  },
72
- "gitHead": "83e3394d370efc56362ddb4bcc49c65a12a2bc8f"
73
+ "gitHead": "433a9d272804ceed26191ac1ef629d61fab4dcb4"
73
74
  }
@@ -6,7 +6,7 @@ import {PaginationModel} from './types';
6
6
  import {Flex, FlexProps} from '@workday/canvas-kit-react/layout';
7
7
  import {useLiveRegion} from './common/useLiveRegion';
8
8
 
9
- export interface AdditionalDetailsProps extends Omit<FlexProps, 'children'> {
9
+ export interface AdditionalDetailsProps extends FlexProps {
10
10
  children: (model: PaginationModel) => React.ReactNode | React.ReactNode;
11
11
  model: PaginationModel;
12
12
  shouldAnnounceToScreenReader?: boolean;
@@ -4,8 +4,7 @@ import {type, typeColors} from '@workday/canvas-kit-react/tokens';
4
4
  import {PaginationModel} from '../types';
5
5
  import {StyledType, styled} from '@workday/canvas-kit-react/common';
6
6
 
7
- export interface GoToLabelProps
8
- extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> {
7
+ export interface GoToLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
9
8
  model: PaginationModel;
10
9
  /**
11
10
  * Accepts child elements or a render prop.
@@ -4,7 +4,7 @@ import {PaginationModel} from './types';
4
4
  import {ListItem, ListItemProps} from './common/List';
5
5
  import {HStack, HStackProps} from '@workday/canvas-kit-react/layout';
6
6
 
7
- export interface PageListProps extends Omit<HStackProps, 'as' | 'spacing' | 'children'> {
7
+ export interface PageListProps extends Omit<HStackProps, 'as' | 'spacing'> {
8
8
  model: PaginationModel;
9
9
  children?: (model: PaginationModel) => React.ReactNode[] | React.ReactNode;
10
10
  }
@@ -1,7 +1,6 @@
1
1
  type UseLiveRegionConfig = {
2
2
  'aria-atomic'?: React.AriaAttributes['aria-atomic'];
3
3
  'aria-live'?: 'polite' | 'assertive';
4
- 'aria-relevant'?: React.AriaAttributes['aria-relevant'];
5
4
  role?: 'status' | 'alert' | 'log';
6
5
  shouldAnnounceToScreenReader?: boolean;
7
6
  };
@@ -12,7 +11,6 @@ export function useLiveRegion(config = {} as UseLiveRegionConfig) {
12
11
  return {
13
12
  'aria-atomic': true,
14
13
  'aria-live': 'polite',
15
- 'aria-relevant': true,
16
14
  role: 'status',
17
15
  ...restConfig,
18
16
  } as UseLiveRegionConfig;
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/pagination",
3
3
  "module": "../dist/es6/pagination",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/pagination"
5
6
  }
@@ -12,7 +12,7 @@ import {usePopupModel} from './usePopupModel';
12
12
  */
13
13
  export const useCloseOnFullscreenExit = createElemPropsHook(usePopupModel)(model => {
14
14
  const handler = React.useCallback(
15
- (event: any) => {
15
+ event => {
16
16
  if (!screenfull.isFullscreen) {
17
17
  model.events.hide(event);
18
18
  }
@@ -16,7 +16,7 @@ import {usePopupModel} from './usePopupModel';
16
16
  */
17
17
  export const useTransferOnFullscreenEnter = createElemPropsHook(usePopupModel)(model => {
18
18
  const handler = React.useCallback(
19
- (event: any) => {
19
+ event => {
20
20
  if (screenfull.isFullscreen && model.state.stackRef.current) {
21
21
  PopupStack.transferToCurrentContext({
22
22
  element: model.state.stackRef.current,
@@ -15,7 +15,7 @@ import {usePopupModel} from './usePopupModel';
15
15
  */
16
16
  export const useTransferOnFullscreenExit = createElemPropsHook(usePopupModel)(model => {
17
17
  const handler = React.useCallback(
18
- (event: any) => {
18
+ event => {
19
19
  if (!screenfull.isFullscreen && model.state.stackRef.current) {
20
20
  PopupStack.transferToCurrentContext({
21
21
  element: model.state.stackRef.current,
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/popup",
3
3
  "module": "../dist/es6/popup",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/popup"
5
6
  }
@@ -42,8 +42,12 @@ const Container = styled('div')<Pick<RadioGroupProps, 'error' | 'grow' | 'theme'
42
42
  margin: `-${space.xxxs} -${space.xs}`,
43
43
  '& > div': {
44
44
  margin: `${space.xxs} ${space.zero}`,
45
+ alignItems: 'flex-start',
46
+ '> div': {
47
+ flex: '0 0 auto',
48
+ },
45
49
  '&:first-of-type': {
46
- marginTop: space.xxxs,
50
+ marginTop: '6px',
47
51
  },
48
52
  '&:last-child': {
49
53
  marginBottom: space.xxxs,
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/radio",
3
3
  "module": "../dist/es6/radio",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/radio"
5
6
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/segmented-control",
3
3
  "module": "../dist/es6/segmented-control",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/segmented-control"
5
6
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/select",
3
3
  "module": "../dist/es6/select",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/select"
5
6
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/side-panel",
3
3
  "module": "../dist/es6/side-panel",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/side-panel"
5
6
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/skeleton",
3
3
  "module": "../dist/es6/skeleton",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/skeleton"
5
6
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/status-indicator",
3
3
  "module": "../dist/es6/status-indicator",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/status-indicator"
5
6
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/switch",
3
3
  "module": "../dist/es6/switch",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/switch"
5
6
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/table",
3
3
  "module": "../dist/es6/table",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/table"
5
6
  }
@@ -20,8 +20,7 @@ import {
20
20
  import {useTabsModel} from './useTabsModel';
21
21
 
22
22
  // Use `Partial` here to make `spacing` optional
23
- export interface TabListProps<T = any>
24
- extends Omit<Partial<ExtractProps<typeof Stack, never>>, 'children'> {
23
+ export interface TabListProps<T = unknown> extends Partial<ExtractProps<typeof Stack, never>> {
25
24
  /**
26
25
  * If items are passed to a `TabsModel`, the child of `Tabs.List` should be a render prop. The
27
26
  * List will determine how and when the item will be rendered.
@@ -14,7 +14,7 @@ import {Box} from '@workday/canvas-kit-react/layout';
14
14
 
15
15
  import {useTabsModel} from './useTabsModel';
16
16
 
17
- export interface TabPanelProps extends ExtractProps<typeof Box, never> {
17
+ export interface TabPanelProps<T = unknown> extends ExtractProps<typeof Box, never> {
18
18
  /**
19
19
  * The contents of the TabPanel.
20
20
  */
@@ -5,7 +5,7 @@ import {useListRenderItems} from '@workday/canvas-kit-react/collection';
5
5
 
6
6
  import {useTabsModel} from './useTabsModel';
7
7
 
8
- export interface TabsPanelsProps<T = any> {
8
+ export interface TabsPanelsProps<T = unknown> {
9
9
  /**
10
10
  *
11
11
  */
package/tabs/package.json CHANGED
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "main": "../dist/commonjs/tabs",
3
3
  "module": "../dist/es6/tabs",
4
- "sideEffects": false
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/tabs"
5
6
  }