@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.
- package/action-bar/lib/ActionBarList.tsx +5 -12
- package/action-bar/package.json +2 -1
- package/avatar/package.json +2 -1
- package/badge/package.json +2 -1
- package/banner/package.json +2 -1
- package/button/package.json +2 -1
- package/card/package.json +2 -1
- package/checkbox/package.json +2 -1
- package/collection/lib/ListBox.tsx +1 -1
- package/collection/lib/useListRenderItem.tsx +14 -24
- package/collection/package.json +2 -1
- package/color-picker/package.json +2 -1
- package/common/lib/InputProvider.tsx +1 -1
- package/common/lib/utils/StaticStates.tsx +2 -2
- package/common/lib/utils/components.ts +3 -3
- package/common/package.json +2 -1
- package/dialog/package.json +2 -1
- package/disclosure/package.json +2 -1
- package/dist/commonjs/action-bar/lib/ActionBar.d.ts +2 -2
- package/dist/commonjs/action-bar/lib/ActionBarList.d.ts +3 -61
- package/dist/commonjs/action-bar/lib/ActionBarList.d.ts.map +1 -1
- package/dist/commonjs/action-bar/lib/ActionBarList.js +2 -3
- package/dist/commonjs/collection/lib/ListBox.d.ts +1 -1
- package/dist/commonjs/collection/lib/ListBox.d.ts.map +1 -1
- package/dist/commonjs/collection/lib/useListRenderItem.d.ts +1 -1
- package/dist/commonjs/collection/lib/useListRenderItem.d.ts.map +1 -1
- package/dist/commonjs/collection/lib/useListRenderItem.js +11 -21
- package/dist/commonjs/common/lib/InputProvider.d.ts +2 -2
- package/dist/commonjs/common/lib/InputProvider.d.ts.map +1 -1
- package/dist/commonjs/common/lib/utils/StaticStates.d.ts +2 -2
- package/dist/commonjs/common/lib/utils/StaticStates.d.ts.map +1 -1
- package/dist/commonjs/common/lib/utils/components.d.ts +3 -3
- package/dist/commonjs/common/lib/utils/components.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormField.d.ts +1 -1
- package/dist/commonjs/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/Label.d.ts +1 -1
- package/dist/commonjs/form-field/lib/Label.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/types.d.ts +1 -11
- package/dist/commonjs/layout/lib/utils/types.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/types.js +0 -2
- package/dist/commonjs/menu/lib/Menu.d.ts +1 -1
- package/dist/commonjs/menu/lib/MenuList.d.ts +3 -3
- package/dist/commonjs/menu/lib/MenuList.d.ts.map +1 -1
- package/dist/commonjs/modal/lib/ModalOverlay.d.ts +1 -0
- package/dist/commonjs/modal/lib/ModalOverlay.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts +0 -1
- package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.js +1 -1
- package/dist/commonjs/radio/lib/RadioGroup.d.ts.map +1 -1
- package/dist/commonjs/radio/lib/RadioGroup.js +5 -1
- package/dist/commonjs/tabs/lib/Tabs.d.ts +4 -4
- package/dist/commonjs/tabs/lib/TabsList.d.ts +2 -2
- package/dist/commonjs/tabs/lib/TabsList.d.ts.map +1 -1
- package/dist/commonjs/tabs/lib/TabsPanel.d.ts +2 -2
- package/dist/commonjs/tabs/lib/TabsPanel.d.ts.map +1 -1
- package/dist/commonjs/tabs/lib/TabsPanels.d.ts +2 -2
- package/dist/commonjs/tabs/lib/TabsPanels.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/InputIconContainer.d.ts +1 -1
- package/dist/commonjs/text-input/lib/InputIconContainer.d.ts.map +1 -1
- package/dist/es6/action-bar/lib/ActionBar.d.ts +3 -3
- package/dist/es6/action-bar/lib/ActionBarList.d.ts +3 -61
- package/dist/es6/action-bar/lib/ActionBarList.d.ts.map +1 -1
- package/dist/es6/action-bar/lib/ActionBarList.js +3 -4
- package/dist/es6/button/lib/BaseButton.d.ts +1 -1
- package/dist/es6/collection/lib/ListBox.d.ts +1 -1
- package/dist/es6/collection/lib/ListBox.d.ts.map +1 -1
- package/dist/es6/collection/lib/useListRenderItem.d.ts +1 -1
- package/dist/es6/collection/lib/useListRenderItem.d.ts.map +1 -1
- package/dist/es6/collection/lib/useListRenderItem.js +11 -21
- package/dist/es6/common/lib/InputProvider.d.ts +2 -2
- package/dist/es6/common/lib/InputProvider.d.ts.map +1 -1
- package/dist/es6/common/lib/utils/StaticStates.d.ts +2 -2
- package/dist/es6/common/lib/utils/StaticStates.d.ts.map +1 -1
- package/dist/es6/common/lib/utils/components.d.ts +6 -6
- package/dist/es6/common/lib/utils/components.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormField.d.ts +1 -1
- package/dist/es6/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/es6/form-field/lib/Label.d.ts +1 -1
- package/dist/es6/form-field/lib/Label.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/types.d.ts +1 -11
- package/dist/es6/layout/lib/utils/types.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/types.js +0 -2
- package/dist/es6/menu/lib/Menu.d.ts +2 -2
- package/dist/es6/menu/lib/MenuItem.d.ts +1 -1
- package/dist/es6/menu/lib/MenuList.d.ts +3 -3
- package/dist/es6/menu/lib/MenuList.d.ts.map +1 -1
- package/dist/es6/modal/lib/ModalOverlay.d.ts +1 -0
- package/dist/es6/modal/lib/ModalOverlay.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts +1 -1
- package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/PageList.d.ts +1 -1
- package/dist/es6/pagination/lib/Pagination/PageList.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts +0 -1
- package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.js +1 -1
- package/dist/es6/radio/lib/RadioGroup.d.ts.map +1 -1
- package/dist/es6/radio/lib/RadioGroup.js +5 -1
- package/dist/es6/tabs/lib/Tabs.d.ts +5 -5
- package/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
- package/dist/es6/tabs/lib/TabsList.d.ts +2 -2
- package/dist/es6/tabs/lib/TabsList.d.ts.map +1 -1
- package/dist/es6/tabs/lib/TabsPanel.d.ts +2 -2
- package/dist/es6/tabs/lib/TabsPanel.d.ts.map +1 -1
- package/dist/es6/tabs/lib/TabsPanels.d.ts +2 -2
- package/dist/es6/tabs/lib/TabsPanels.d.ts.map +1 -1
- package/dist/es6/text-input/lib/InputIconContainer.d.ts +1 -1
- package/dist/es6/text-input/lib/InputIconContainer.d.ts.map +1 -1
- package/dist/es6/tooltip/lib/TooltipContainer.d.ts +1 -1
- package/form-field/lib/FormField.tsx +1 -1
- package/form-field/lib/Label.tsx +1 -1
- package/form-field/package.json +2 -1
- package/icon/package.json +2 -1
- package/layout/lib/utils/types.ts +13 -64
- package/layout/package.json +2 -1
- package/loading-animation/package.json +2 -1
- package/menu/lib/MenuList.tsx +2 -3
- package/menu/package.json +2 -1
- package/modal/lib/ModalOverlay.tsx +4 -2
- package/modal/package.json +2 -1
- package/package.json +7 -6
- package/pagination/lib/Pagination/AdditionalDetails.tsx +1 -1
- package/pagination/lib/Pagination/GoTo/Label.tsx +1 -2
- package/pagination/lib/Pagination/PageList.tsx +1 -1
- package/pagination/lib/Pagination/common/useLiveRegion.tsx +0 -2
- package/pagination/package.json +2 -1
- package/popup/lib/hooks/useCloseOnFullscreenExit.ts +1 -1
- package/popup/lib/hooks/useTransferOnFullscreenEnter.ts +1 -1
- package/popup/lib/hooks/useTransferOnFullscreenExit.ts +1 -1
- package/popup/package.json +2 -1
- package/radio/lib/RadioGroup.tsx +5 -1
- package/radio/package.json +2 -1
- package/segmented-control/package.json +2 -1
- package/select/package.json +2 -1
- package/side-panel/package.json +2 -1
- package/skeleton/package.json +2 -1
- package/status-indicator/package.json +2 -1
- package/switch/package.json +2 -1
- package/table/package.json +2 -1
- package/tabs/lib/TabsList.tsx +1 -2
- package/tabs/lib/TabsPanel.tsx +1 -1
- package/tabs/lib/TabsPanels.tsx +1 -1
- package/tabs/package.json +2 -1
- package/text-area/package.json +2 -1
- package/text-input/lib/InputIconContainer.tsx +5 -3
- package/text-input/package.json +2 -1
- package/toast/package.json +2 -1
- package/tokens/package.json +2 -1
- 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>, "
|
|
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 =
|
|
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<
|
|
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,
|
|
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,
|
|
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 =
|
|
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<
|
|
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,
|
|
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<
|
|
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,
|
|
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" | "
|
|
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<
|
|
139
|
+
class FormField extends React.Component<FormFieldProps> {
|
|
140
140
|
static LabelPosition = FormFieldLabelPosition;
|
|
141
141
|
static ErrorType = ErrorType;
|
|
142
142
|
|
package/form-field/lib/Label.tsx
CHANGED
|
@@ -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<
|
|
91
|
+
class Label extends React.Component<LabelProps> {
|
|
92
92
|
static Position = FormFieldLabelPosition;
|
|
93
93
|
|
|
94
94
|
public render() {
|
package/form-field/package.json
CHANGED
package/icon/package.json
CHANGED
|
@@ -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
|
|
package/layout/package.json
CHANGED
package/menu/lib/MenuList.tsx
CHANGED
|
@@ -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<
|
|
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
|
|
18
|
+
children: React.ReactNode;
|
|
20
19
|
}
|
|
21
20
|
|
|
22
21
|
export const useMenuList = createElemPropsHook(useMenuModel)(model => {
|
package/menu/package.json
CHANGED
|
@@ -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 = (
|
package/modal/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-react",
|
|
3
|
-
"version": "8.0.0
|
|
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": "^
|
|
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
|
|
53
|
-
"@workday/canvas-kit-popup-stack": "^8.0.0
|
|
54
|
-
"@workday/canvas-kit-preview-react": "^8.0.0
|
|
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": "
|
|
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
|
|
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'
|
|
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;
|
package/pagination/package.json
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
18
|
+
event => {
|
|
19
19
|
if (!screenfull.isFullscreen && model.state.stackRef.current) {
|
|
20
20
|
PopupStack.transferToCurrentContext({
|
|
21
21
|
element: model.state.stackRef.current,
|
package/popup/package.json
CHANGED
package/radio/lib/RadioGroup.tsx
CHANGED
|
@@ -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:
|
|
50
|
+
marginTop: '6px',
|
|
47
51
|
},
|
|
48
52
|
'&:last-child': {
|
|
49
53
|
marginBottom: space.xxxs,
|
package/radio/package.json
CHANGED
package/select/package.json
CHANGED
package/side-panel/package.json
CHANGED
package/skeleton/package.json
CHANGED
package/switch/package.json
CHANGED
package/table/package.json
CHANGED
package/tabs/lib/TabsList.tsx
CHANGED
|
@@ -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 =
|
|
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.
|
package/tabs/lib/TabsPanel.tsx
CHANGED
|
@@ -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
|
*/
|
package/tabs/lib/TabsPanels.tsx
CHANGED