@deque/cauldron-react 2.0.0-canary.bea04efb → 2.0.0-canary.c598b999
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/lib/components/Icon/index.d.ts +3 -1
- package/lib/components/Icon/types.d.ts +7 -0
- package/lib/components/IconButton/index.d.ts +2 -1
- package/lib/components/Select/index.d.ts +1 -1
- package/lib/components/Toast/utils.d.ts +9 -22
- package/lib/index.d.ts +1 -1
- package/lib/index.js +87 -5
- package/lib/info-square-f193e281.js +25 -0
- package/lib/{menu-2bb052ac.js → menu-2f2be7c2.js} +2 -19
- package/lib/recycle-0198fb67.js +25 -0
- package/lib/robot-22863b2b.js +29 -0
- package/package.json +2 -1
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { IconType, iconTypes } from './types';
|
|
3
|
+
export { IconType, iconTypes };
|
|
2
4
|
export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
5
|
label?: string;
|
|
4
|
-
type:
|
|
6
|
+
type: IconType;
|
|
5
7
|
}
|
|
6
8
|
declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
9
|
export default Icon;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* GENERATED CODE. DO NOT EDIT DIRECTLY!
|
|
3
|
+
*/
|
|
4
|
+
/** IconType represents each valid icon type. */
|
|
5
|
+
export declare type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'close' | 'code' | 'download' | 'exchange' | 'external-link' | 'eye' | 'filter' | 'flag' | 'gears' | 'grid' | 'hamburger-menu' | 'highlight' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'list' | 'lock' | 'menu' | 'new-releases' | 'new' | 'no' | 'pencil' | 'plus' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle' | 'robot' | 'run-again' | 'save' | 'share' | 'sort' | 'star' | 'sun' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'upload';
|
|
6
|
+
/** iconTypes holds each valid icon type. */
|
|
7
|
+
export declare const iconTypes: string[];
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { IconType } from '../Icon';
|
|
2
3
|
import { TooltipProps } from '../Tooltip';
|
|
3
4
|
export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
-
icon:
|
|
5
|
+
icon: IconType;
|
|
5
6
|
label: string;
|
|
6
7
|
tooltipPlacement?: TooltipProps['placement'];
|
|
7
8
|
tooltipVariant?: TooltipProps['variant'];
|
|
@@ -15,5 +15,5 @@ export interface SelectProps extends Omit<React.HTMLProps<HTMLSelectElement>, 'c
|
|
|
15
15
|
defaultValue?: any;
|
|
16
16
|
onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
|
|
17
17
|
}
|
|
18
|
-
declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "max" | "required" | "default" | "high" | "low" | "disabled" | "error" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "multiple" | "key" | "children" | "list" | "step" | "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" | "
|
|
18
|
+
declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "max" | "required" | "default" | "high" | "low" | "disabled" | "error" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "multiple" | "key" | "children" | "list" | "step" | "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" | "download" | "target" | "type" | "name" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "value" | "width" | "wmode" | "options" | "requiredText"> & React.RefAttributes<HTMLSelectElement>>;
|
|
19
19
|
export default Select;
|
|
@@ -1,26 +1,13 @@
|
|
|
1
|
+
import { IconType } from '../Icon';
|
|
2
|
+
interface TypeMap {
|
|
3
|
+
[name: string]: {
|
|
4
|
+
className: string;
|
|
5
|
+
icon: IconType;
|
|
6
|
+
};
|
|
7
|
+
}
|
|
1
8
|
/**
|
|
2
9
|
* Maps toast types to their classNames and icons
|
|
3
10
|
*/
|
|
4
|
-
export declare const typeMap:
|
|
5
|
-
confirmation: {
|
|
6
|
-
className: string;
|
|
7
|
-
icon: string;
|
|
8
|
-
};
|
|
9
|
-
caution: {
|
|
10
|
-
className: string;
|
|
11
|
-
icon: string;
|
|
12
|
-
};
|
|
13
|
-
'action-needed': {
|
|
14
|
-
className: string;
|
|
15
|
-
icon: string;
|
|
16
|
-
};
|
|
17
|
-
error: {
|
|
18
|
-
className: string;
|
|
19
|
-
icon: string;
|
|
20
|
-
};
|
|
21
|
-
info: {
|
|
22
|
-
className: string;
|
|
23
|
-
icon: string;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
11
|
+
export declare const typeMap: TypeMap;
|
|
26
12
|
export declare const tabIndexHandler: (reset: boolean, toast: HTMLElement | null) => any;
|
|
13
|
+
export {};
|
package/lib/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
export { default as Workspace } from './components/Workspace';
|
|
5
5
|
export { default as Main } from './components/Main';
|
|
6
6
|
export { default as Layout } from './components/Layout';
|
|
7
|
-
export { default as Icon } from './components/Icon';
|
|
7
|
+
export { default as Icon, IconType, iconTypes } from './components/Icon';
|
|
8
8
|
export { default as Offscreen } from './components/Offscreen';
|
|
9
9
|
export { default as Scrim } from './components/Scrim';
|
|
10
10
|
export { default as MenuItem } from './components/MenuItem';
|
package/lib/index.js
CHANGED
|
@@ -112,6 +112,82 @@ var Workspace = /** @class */ (function (_super) {
|
|
|
112
112
|
|
|
113
113
|
var Offscreen = function (props) { return (React__default.createElement("div", tslib.__assign({ className: "Offscreen" }, props))); };
|
|
114
114
|
|
|
115
|
+
/*!
|
|
116
|
+
* GENERATED CODE. DO NOT EDIT DIRECTLY!
|
|
117
|
+
*/
|
|
118
|
+
/** iconTypes holds each valid icon type. */
|
|
119
|
+
var iconTypes = [
|
|
120
|
+
'add-user',
|
|
121
|
+
'arrow-circle-up',
|
|
122
|
+
'arrow-circle-down',
|
|
123
|
+
'arrow-circle-left',
|
|
124
|
+
'arrow-circle-right',
|
|
125
|
+
'arrow-up',
|
|
126
|
+
'arrow-down',
|
|
127
|
+
'arrow-left',
|
|
128
|
+
'arrow-right',
|
|
129
|
+
'arrows-alt',
|
|
130
|
+
'bolt',
|
|
131
|
+
'caution',
|
|
132
|
+
'check-circle',
|
|
133
|
+
'check-shield',
|
|
134
|
+
'check-solid',
|
|
135
|
+
'check',
|
|
136
|
+
'checkbox-checked',
|
|
137
|
+
'checkbox-unchecked',
|
|
138
|
+
'chevron-double-up',
|
|
139
|
+
'chevron-double-down',
|
|
140
|
+
'chevron-double-left',
|
|
141
|
+
'chevron-double-right',
|
|
142
|
+
'chevron-up',
|
|
143
|
+
'chevron-down',
|
|
144
|
+
'chevron-left',
|
|
145
|
+
'chevron-right',
|
|
146
|
+
'close',
|
|
147
|
+
'code',
|
|
148
|
+
'download',
|
|
149
|
+
'exchange',
|
|
150
|
+
'external-link',
|
|
151
|
+
'eye',
|
|
152
|
+
'filter',
|
|
153
|
+
'flag',
|
|
154
|
+
'gears',
|
|
155
|
+
'grid',
|
|
156
|
+
'hamburger-menu',
|
|
157
|
+
'highlight',
|
|
158
|
+
'info-circle-alt',
|
|
159
|
+
'info-circle',
|
|
160
|
+
'info-square',
|
|
161
|
+
'kabob',
|
|
162
|
+
'list',
|
|
163
|
+
'lock',
|
|
164
|
+
'menu',
|
|
165
|
+
'new-releases',
|
|
166
|
+
'new',
|
|
167
|
+
'no',
|
|
168
|
+
'pencil',
|
|
169
|
+
'plus',
|
|
170
|
+
'question-circle',
|
|
171
|
+
'radio-checked',
|
|
172
|
+
'radio-unchecked',
|
|
173
|
+
'recycle',
|
|
174
|
+
'robot',
|
|
175
|
+
'run-again',
|
|
176
|
+
'save',
|
|
177
|
+
'share',
|
|
178
|
+
'sort',
|
|
179
|
+
'star',
|
|
180
|
+
'sun',
|
|
181
|
+
'tag',
|
|
182
|
+
'target',
|
|
183
|
+
'trash',
|
|
184
|
+
'triangle-up',
|
|
185
|
+
'triangle-down',
|
|
186
|
+
'triangle-left',
|
|
187
|
+
'triangle-right',
|
|
188
|
+
'upload'
|
|
189
|
+
];
|
|
190
|
+
|
|
115
191
|
function __variableDynamicImportRuntime0__(path) {
|
|
116
192
|
switch (path) {
|
|
117
193
|
case './icons/add-user.svg': return Promise.resolve().then(function () { return require('./add-user-075c63a1.js'); });
|
|
@@ -142,10 +218,11 @@ function __variableDynamicImportRuntime0__(path) {
|
|
|
142
218
|
case './icons/highlight.svg': return Promise.resolve().then(function () { return require('./highlight-81bfb759.js'); });
|
|
143
219
|
case './icons/info-circle-alt.svg': return Promise.resolve().then(function () { return require('./info-circle-alt-b1a696c7.js'); });
|
|
144
220
|
case './icons/info-circle.svg': return Promise.resolve().then(function () { return require('./info-circle-b43f7a9b.js'); });
|
|
221
|
+
case './icons/info-square.svg': return Promise.resolve().then(function () { return require('./info-square-f193e281.js'); });
|
|
145
222
|
case './icons/kabob.svg': return Promise.resolve().then(function () { return require('./kabob-692fdc00.js'); });
|
|
146
223
|
case './icons/list.svg': return Promise.resolve().then(function () { return require('./list-8fbd8209.js'); });
|
|
147
224
|
case './icons/lock.svg': return Promise.resolve().then(function () { return require('./lock-bd0122db.js'); });
|
|
148
|
-
case './icons/menu.svg': return Promise.resolve().then(function () { return require('./menu-
|
|
225
|
+
case './icons/menu.svg': return Promise.resolve().then(function () { return require('./menu-2f2be7c2.js'); });
|
|
149
226
|
case './icons/new-releases.svg': return Promise.resolve().then(function () { return require('./new-releases-ac749bdd.js'); });
|
|
150
227
|
case './icons/new.svg': return Promise.resolve().then(function () { return require('./new-6c3ac7d7.js'); });
|
|
151
228
|
case './icons/no.svg': return Promise.resolve().then(function () { return require('./no-bb3aa565.js'); });
|
|
@@ -154,6 +231,8 @@ function __variableDynamicImportRuntime0__(path) {
|
|
|
154
231
|
case './icons/question-circle.svg': return Promise.resolve().then(function () { return require('./question-circle-c3c634c4.js'); });
|
|
155
232
|
case './icons/radio-checked.svg': return Promise.resolve().then(function () { return require('./radio-checked-006112fe.js'); });
|
|
156
233
|
case './icons/radio-unchecked.svg': return Promise.resolve().then(function () { return require('./radio-unchecked-a76e2d66.js'); });
|
|
234
|
+
case './icons/recycle.svg': return Promise.resolve().then(function () { return require('./recycle-0198fb67.js'); });
|
|
235
|
+
case './icons/robot.svg': return Promise.resolve().then(function () { return require('./robot-22863b2b.js'); });
|
|
157
236
|
case './icons/run-again.svg': return Promise.resolve().then(function () { return require('./run-again-c9777075.js'); });
|
|
158
237
|
case './icons/save.svg': return Promise.resolve().then(function () { return require('./save-edf5fc68.js'); });
|
|
159
238
|
case './icons/share.svg': return Promise.resolve().then(function () { return require('./share-70e94257.js'); });
|
|
@@ -205,6 +284,7 @@ var Icon = React.forwardRef(function (_a, ref) {
|
|
|
205
284
|
Icon.propTypes = {
|
|
206
285
|
label: PropTypes.string,
|
|
207
286
|
className: PropTypes.string,
|
|
287
|
+
// @ts-expect-error
|
|
208
288
|
type: PropTypes.string.isRequired
|
|
209
289
|
};
|
|
210
290
|
Icon.displayName = 'Icon';
|
|
@@ -1485,14 +1565,15 @@ var IconButton = React.forwardRef(function (_a, ref) {
|
|
|
1485
1565
|
!disabled && (React__default.createElement(Tooltip, { target: buttonRef, placement: tooltipPlacement, variant: tooltipVariant, portal: tooltipPortal, association: "aria-labelledby", hideElementOnHidden: true }, label))));
|
|
1486
1566
|
});
|
|
1487
1567
|
IconButton.propTypes = {
|
|
1568
|
+
// @ts-expect-error
|
|
1488
1569
|
icon: PropTypes.string.isRequired,
|
|
1489
1570
|
label: PropTypes.string.isRequired,
|
|
1490
|
-
// @ts-
|
|
1571
|
+
// @ts-expect-error
|
|
1491
1572
|
tooltipPlacement: PropTypes.string,
|
|
1492
|
-
// @ts-
|
|
1573
|
+
// @ts-expect-error
|
|
1493
1574
|
tooltipVariant: PropTypes.string,
|
|
1494
1575
|
tooltipPortal: PropTypes.any,
|
|
1495
|
-
// @ts-
|
|
1576
|
+
// @ts-expect-error
|
|
1496
1577
|
variant: PropTypes.string
|
|
1497
1578
|
};
|
|
1498
1579
|
IconButton.displayName = 'IconButton';
|
|
@@ -2378,7 +2459,7 @@ function PanelTrigger(_a) {
|
|
|
2378
2459
|
var children = _a.children, className = _a.className, open = _a.open, fullWidth = _a.fullWidth, onClick = _a.onClick, other = tslib.__rest(_a, ["children", "className", "open", "fullWidth", "onClick"]);
|
|
2379
2460
|
return (React__default.createElement("button", tslib.__assign({}, other, { className: classNames('ExpandCollapse__trigger', fullWidth ? 'fullWidth' : '', className), type: "button", "aria-expanded": open, onClick: onClick }),
|
|
2380
2461
|
React__default.createElement("div", { className: "ExpandCollapse__trigger-title" }, typeof children === 'function' ? children({ open: !!open }) : children),
|
|
2381
|
-
React__default.createElement(Icon, { type:
|
|
2462
|
+
React__default.createElement(Icon, { type: open ? 'chevron-down' : 'chevron-right' })));
|
|
2382
2463
|
}
|
|
2383
2464
|
PanelTrigger.propTypes = {
|
|
2384
2465
|
children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
|
|
@@ -8195,5 +8276,6 @@ exports.TopBarMenu = TopBarMenu;
|
|
|
8195
8276
|
exports.TopBarTrigger = TopBarTrigger;
|
|
8196
8277
|
exports.Workspace = Workspace;
|
|
8197
8278
|
exports.focusableSelector = focusableSelector;
|
|
8279
|
+
exports.iconTypes = iconTypes;
|
|
8198
8280
|
exports.useDidUpdate = useDidUpdate;
|
|
8199
8281
|
exports.useThemeContext = useThemeContext;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var React__default = _interopDefault(React);
|
|
7
|
+
|
|
8
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
9
|
+
|
|
10
|
+
var _ref = /*#__PURE__*/React.createElement("path", {
|
|
11
|
+
d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 9h-2V5h2v6zm0 4h-2v-2h2v2z",
|
|
12
|
+
vectorEffect: "non-scaling-stroke",
|
|
13
|
+
fill: "currentColor"
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
function SvgInfoSquare(props) {
|
|
17
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
18
|
+
overflow: "visible",
|
|
19
|
+
preserveAspectRatio: "none",
|
|
20
|
+
width: 24,
|
|
21
|
+
height: 24
|
|
22
|
+
}, props), _ref);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
exports.default = SvgInfoSquare;
|
|
@@ -7,24 +7,7 @@ var React__default = _interopDefault(React);
|
|
|
7
7
|
|
|
8
8
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
9
9
|
|
|
10
|
-
var _ref = /*#__PURE__*/React.createElement("
|
|
11
|
-
d: "M0 0h24v24H0V0z",
|
|
12
|
-
id: "menu_svg__a",
|
|
13
|
-
vectorEffect: "non-scaling-stroke",
|
|
14
|
-
fill: "currentColor"
|
|
15
|
-
}));
|
|
16
|
-
|
|
17
|
-
var _ref2 = /*#__PURE__*/React.createElement("clipPath", {
|
|
18
|
-
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
19
|
-
id: "menu_svg__b",
|
|
20
|
-
vectorEffect: "non-scaling-stroke"
|
|
21
|
-
}, /*#__PURE__*/React.createElement("use", {
|
|
22
|
-
xlinkHref: "#menu_svg__a",
|
|
23
|
-
vectorEffect: "non-scaling-stroke"
|
|
24
|
-
}));
|
|
25
|
-
|
|
26
|
-
var _ref3 = /*#__PURE__*/React.createElement("path", {
|
|
27
|
-
clipPath: "url(#menu_svg__b)",
|
|
10
|
+
var _ref = /*#__PURE__*/React.createElement("path", {
|
|
28
11
|
d: "M20 9H4v2h16V9zM4 15h16v-2H4v2z",
|
|
29
12
|
vectorEffect: "non-scaling-stroke",
|
|
30
13
|
fill: "currentColor"
|
|
@@ -37,7 +20,7 @@ function SvgMenu(props) {
|
|
|
37
20
|
viewBox: "0 0 24 24",
|
|
38
21
|
width: 19,
|
|
39
22
|
height: 19
|
|
40
|
-
}, props), _ref
|
|
23
|
+
}, props), _ref);
|
|
41
24
|
}
|
|
42
25
|
|
|
43
26
|
exports.default = SvgMenu;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var React__default = _interopDefault(React);
|
|
7
|
+
|
|
8
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
9
|
+
|
|
10
|
+
var _ref = /*#__PURE__*/React.createElement("path", {
|
|
11
|
+
d: "M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8A5.87 5.87 0 016 12c0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z",
|
|
12
|
+
vectorEffect: "non-scaling-stroke",
|
|
13
|
+
fill: "currentColor"
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
function SvgRecycle(props) {
|
|
17
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
18
|
+
overflow: "visible",
|
|
19
|
+
preserveAspectRatio: "none",
|
|
20
|
+
width: 24,
|
|
21
|
+
height: 24
|
|
22
|
+
}, props), _ref);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
exports.default = SvgRecycle;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var React__default = _interopDefault(React);
|
|
7
|
+
|
|
8
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
9
|
+
|
|
10
|
+
var _ref = /*#__PURE__*/React.createElement("circle", {
|
|
11
|
+
cx: 14.5,
|
|
12
|
+
cy: 14.5,
|
|
13
|
+
r: 13.5,
|
|
14
|
+
fill: "currentColor"
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
var _ref2 = /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M6.23 12.58h.92v5.51h-.92a.91.91 0 01-.92-.91V13.5a.92.92 0 01.92-.92zm14.7-1.38V19a1.84 1.84 0 01-1.84 1.84H9.91A1.84 1.84 0 018.07 19v-7.8a2.29 2.29 0 012.29-2.29h3.22V7.07a.92.92 0 011.84 0v1.84h3.22a2.29 2.29 0 012.29 2.29zm-8 2.3a1.15 1.15 0 10-1.15 1.15 1.15 1.15 0 001.15-1.15zm-.23 3.68h-1.88v.91h1.84zm2.76 0h-1.88v.91h1.84zm3-3.68a1.15 1.15 0 10-1.15 1.15 1.16 1.16 0 001.15-1.15zm-.23 3.68h-1.89v.91h1.84zm5.51-3.68v3.68a.92.92 0 01-.92.91h-.92v-5.51h.92a.92.92 0 01.92.92z",
|
|
19
|
+
fill: "currentColor"
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
function SvgRobot(props) {
|
|
23
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
24
|
+
width: 29,
|
|
25
|
+
height: 29
|
|
26
|
+
}, props), _ref, _ref2);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
exports.default = SvgRobot;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deque/cauldron-react",
|
|
3
|
-
"version": "2.0.0-canary.
|
|
3
|
+
"version": "2.0.0-canary.c598b999",
|
|
4
4
|
"description": "Fully accessible react components library for Deque Cauldron",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
],
|
|
14
14
|
"scripts": {
|
|
15
15
|
"build": "yarn build:lib && yarn build:css",
|
|
16
|
+
"prebuild:lib": "node scripts/buildIconTypes.js",
|
|
16
17
|
"build:lib": "rollup -c && tsc --declaration --emitDeclarationOnly --outDir lib",
|
|
17
18
|
"build:css": "postcss --output=lib/cauldron.css src/index.css",
|
|
18
19
|
"dev": "concurrently 'yarn build:css --watch' 'rollup -c --watch'",
|