@codecademy/gamut 68.1.5-alpha.fbf911.0 → 68.2.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/LICENSE +21 -0
- package/dist/Alert/Alert.d.ts +1 -0
- package/dist/Alert/elements.d.ts +18 -17
- package/dist/Alert/variants.d.ts +2 -1
- package/dist/Anchor/index.d.ts +15 -15
- package/dist/Animation/ExpandInCollapseOut.d.ts +1 -0
- package/dist/AppWrapper/index.d.ts +3 -2
- package/dist/Badge/index.d.ts +3 -2
- package/dist/BarChart/BarChartProvider.d.ts +19 -0
- package/dist/BarChart/BarChartProvider.js +27 -0
- package/dist/BarChart/BarRow/ValueLabelsContent.d.ts +7 -0
- package/dist/BarChart/BarRow/ValueLabelsContent.js +34 -0
- package/dist/BarChart/BarRow/elements.d.ts +959 -0
- package/dist/BarChart/BarRow/elements.js +110 -0
- package/dist/BarChart/BarRow/index.d.ts +6 -0
- package/dist/BarChart/BarRow/index.js +231 -0
- package/dist/BarChart/SortSelect/index.d.ts +15 -0
- package/dist/BarChart/SortSelect/index.js +18 -0
- package/dist/BarChart/index.d.ts +4 -0
- package/dist/BarChart/index.js +136 -0
- package/dist/BarChart/layout/GridLines.d.ts +3 -0
- package/dist/BarChart/layout/GridLines.js +69 -0
- package/dist/BarChart/layout/LabelSpacer.d.ts +6 -0
- package/dist/BarChart/layout/LabelSpacer.js +56 -0
- package/dist/BarChart/layout/ScaleChartHeader.d.ts +3 -0
- package/dist/BarChart/layout/ScaleChartHeader.js +87 -0
- package/dist/BarChart/shared/elements.d.ts +7 -0
- package/dist/BarChart/shared/elements.js +12 -0
- package/dist/BarChart/shared/styles.d.ts +4 -0
- package/dist/BarChart/shared/styles.js +4 -0
- package/dist/BarChart/shared/translations.d.ts +69 -0
- package/dist/BarChart/shared/translations.js +57 -0
- package/dist/BarChart/shared/types.d.ts +100 -0
- package/dist/BarChart/shared/types.js +1 -0
- package/dist/BarChart/utils/hooks.d.ts +89 -0
- package/dist/BarChart/utils/hooks.js +281 -0
- package/dist/BarChart/utils/index.d.ts +56 -0
- package/dist/BarChart/utils/index.js +122 -0
- package/dist/Box/Box.d.ts +3 -2
- package/dist/Box/FlexBox.d.ts +3 -2
- package/dist/Box/GridBox.d.ts +3 -2
- package/dist/Box/props.d.ts +3 -3
- package/dist/Button/CTAButton.d.ts +9 -8
- package/dist/Button/FillButton.d.ts +18 -17
- package/dist/Button/IconButton.d.ts +19 -19
- package/dist/Button/StrokeButton.d.ts +18 -17
- package/dist/Button/TextButton.d.ts +18 -17
- package/dist/Button/shared/InlineIconButton.d.ts +13 -12
- package/dist/Button/shared/styles.d.ts +15 -10
- package/dist/Button/shared/variants.d.ts +6 -6
- package/dist/ButtonBase/ButtonBase.d.ts +9 -7
- package/dist/Card/elements.d.ts +4 -2
- package/dist/Card/styles.d.ts +2 -2
- package/dist/ConnectedForm/ConnectedInputs/ConnectedNestedCheckboxes/utils.d.ts +1 -0
- package/dist/ConnectedForm/utils.d.ts +6 -6
- package/dist/ContentContainer/index.d.ts +4 -3
- package/dist/DataList/Tables/Rows/elements.d.ts +2 -1
- package/dist/DataList/hooks/useListControls.d.ts +2 -1
- package/dist/DataList/hooks/useListState.d.ts +1 -0
- package/dist/Disclosure/elements.d.ts +58 -57
- package/dist/Disclosure/helpers.d.ts +4 -4
- package/dist/Disclosure/types.d.ts +1 -0
- package/dist/Drawer/index.d.ts +1 -0
- package/dist/FeatureShimmer/index.d.ts +1 -0
- package/dist/Form/SelectDropdown/elements/constants.d.ts +1 -0
- package/dist/Form/SelectDropdown/elements/containers.d.ts +1 -0
- package/dist/Form/SelectDropdown/styles.d.ts +2 -2
- package/dist/Form/SelectDropdown/utils.d.ts +2 -2
- package/dist/Form/__fixtures__/utils.d.ts +1 -0
- package/dist/Form/elements/Form.d.ts +4 -4
- package/dist/Form/elements/FormError.d.ts +1 -1
- package/dist/Form/elements/FormGroup.d.ts +4 -4
- package/dist/Form/elements/FormGroupDescription.d.ts +4 -3
- package/dist/Form/elements/FormGroupLabel.d.ts +2 -2
- package/dist/Form/elements/FormGroupLabel.js +2 -2
- package/dist/Form/inputs/Input.d.ts +8 -4
- package/dist/Form/inputs/Radio.d.ts +8 -8
- package/dist/Form/inputs/Select.d.ts +2 -2
- package/dist/Form/inputs/Select.js +6 -5
- package/dist/Form/inputs/TextArea.d.ts +2 -2
- package/dist/Form/styles/Checkbox-styles.d.ts +16 -8
- package/dist/Form/styles/Radio-styles.d.ts +8 -4
- package/dist/Form/styles/shared-system-props.d.ts +12 -7
- package/dist/GridForm/GridFormButtons/index.d.ts +18 -18
- package/dist/GridForm/GridFormInputGroup/__fixtures__/assertions.d.ts +2 -2
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +2 -2
- package/dist/HiddenText/index.d.ts +3 -2
- package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +3 -3
- package/dist/Layout/Column.d.ts +4 -3
- package/dist/Layout/LayoutGrid.d.ts +3 -2
- package/dist/List/ListProvider.d.ts +1 -0
- package/dist/List/elements.d.ts +40 -28
- package/dist/List/hooks.d.ts +1 -0
- package/dist/Menu/Menu.d.ts +3 -2
- package/dist/Menu/MenuContext.d.ts +1 -0
- package/dist/Menu/elements.d.ts +11 -11
- package/dist/Modals/elements.d.ts +4 -3
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +37 -3
- package/dist/Pagination/EllipsisButton.d.ts +52 -19
- package/dist/Pagination/PaginationButton.d.ts +30 -30
- package/dist/Pagination/styles.d.ts +4 -4
- package/dist/Pagination/utils.d.ts +5 -5
- package/dist/Popover/Popover.d.ts +1 -0
- package/dist/Popover/elements.d.ts +17 -16
- package/dist/Popover/styles/base.d.ts +2 -2
- package/dist/Popover/styles/beak.d.ts +1 -1
- package/dist/Popover/styles/variants.d.ts +6 -6
- package/dist/Popover/utils.d.ts +1 -1
- package/dist/PopoverContainer/hooks.d.ts +2 -2
- package/dist/PopoverContainer/utils.d.ts +1 -1
- package/dist/SkipToContent/index.d.ts +2 -2
- package/dist/Tabs/TabButton.d.ts +10 -9
- package/dist/Tabs/TabNav.d.ts +3 -2
- package/dist/Tabs/TabNavLink.d.ts +8 -8
- package/dist/Tabs/TabPanels.d.ts +3 -2
- package/dist/Tabs/TabProvider.d.ts +1 -0
- package/dist/Tabs/styles.d.ts +2 -2
- package/dist/Tag/elements.d.ts +42 -41
- package/dist/Tag/styles.d.ts +22 -12
- package/dist/Tip/InfoTip/InfoTipButton.d.ts +20 -20
- package/dist/Tip/InfoTip/index.d.ts +1 -0
- package/dist/Tip/InfoTip/styles.d.ts +11 -8
- package/dist/Tip/PreviewTip/elements.d.ts +17 -16
- package/dist/Tip/PreviewTip/utils.d.ts +1 -1
- package/dist/Tip/ToolTip/elements.d.ts +4 -3
- package/dist/Tip/ToolTip/index.d.ts +1 -0
- package/dist/Tip/__tests__/helpers.d.ts +4 -4
- package/dist/Tip/shared/InlineTip.d.ts +1 -0
- package/dist/Tip/shared/elements.d.ts +20 -19
- package/dist/Tip/shared/styles/composeVariantsUtils.d.ts +2 -2
- package/dist/Tip/shared/styles/styles.d.ts +4 -4
- package/dist/Tip/shared/utils.d.ts +1 -0
- package/dist/Toggle/elements.d.ts +12 -11
- package/dist/Toggle/utils.d.ts +1 -1
- package/dist/Typography/Text.d.ts +9 -8
- package/dist/Video/lib/ReactPlayer.d.ts +3 -2
- package/dist/Video/lib/VideoLayout.d.ts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/utils/types.d.ts +1 -0
- package/package.json +8 -7
|
@@ -14,7 +14,7 @@ export declare const isOptionsGrouped: (options: SelectDropdownOptions) => optio
|
|
|
14
14
|
* @param optionsAreGrouped - Whether the options are grouped
|
|
15
15
|
* @returns Array of matching options
|
|
16
16
|
*/
|
|
17
|
-
export declare const filterValueFromOptions: (options: SelectOptionBase[] | SelectDropdownGroup[], value: SelectDropdownProps[
|
|
17
|
+
export declare const filterValueFromOptions: (options: SelectOptionBase[] | SelectDropdownGroup[], value: SelectDropdownProps['value'], optionsAreGrouped: boolean) => ExtendedOption[] | SelectOptionBase[];
|
|
18
18
|
/**
|
|
19
19
|
* Removes a value from the selected options array.
|
|
20
20
|
* Handles both single values and arrays of values to remove.
|
|
@@ -23,4 +23,4 @@ export declare const filterValueFromOptions: (options: SelectOptionBase[] | Sele
|
|
|
23
23
|
* @param value - The value or values to remove
|
|
24
24
|
* @returns New array with the specified values removed
|
|
25
25
|
*/
|
|
26
|
-
export declare const removeValueFromSelectedOptions: (selectedOptions: ExtendedOption[] | SelectOptionBase[], value: SelectDropdownProps[
|
|
26
|
+
export declare const removeValueFromSelectedOptions: (selectedOptions: ExtendedOption[] | SelectOptionBase[], value: SelectDropdownProps['value']) => SelectOptionBase[];
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme;
|
|
5
|
-
as?: React.ElementType;
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
border?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
8
8
|
readonly property: "border";
|
|
@@ -525,8 +525,8 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
|
|
|
525
525
|
readonly transform: (value: string | number) => string | 0;
|
|
526
526
|
}>;
|
|
527
527
|
} & {
|
|
528
|
-
theme?: import("@emotion/react").Theme;
|
|
529
|
-
}, Pick<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "name" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "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-rowindextext" | "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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "method" | "target" | "
|
|
528
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
529
|
+
}, Pick<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "name" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "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-rowindextext" | "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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "method" | "target" | "autoComplete" | "acceptCharset" | "action" | "encType" | "noValidate" | keyof React.ClassAttributes<HTMLFormElement>>, {}>;
|
|
530
530
|
export type FormProps = ComponentProps<typeof StyledForm>;
|
|
531
531
|
export declare const Form: React.FC<FormProps>;
|
|
532
532
|
export {};
|
|
@@ -2,7 +2,7 @@ import { StyleProps } from '@codecademy/variance';
|
|
|
2
2
|
import { HTMLAttributes } from 'react';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
declare const errorSpanVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "initial" | "absolute" | "inlineCentered"> & {
|
|
5
|
-
theme?: import("@emotion/react").Theme;
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
6
|
}) => import("@codecademy/variance").CSSObject;
|
|
7
7
|
type FormErrorProps = StyleProps<typeof errorSpanVariants> & HTMLAttributes<HTMLSpanElement>;
|
|
8
8
|
export declare const FormError: React.FC<FormErrorProps>;
|
|
@@ -11,12 +11,12 @@ export interface FormGroupProps extends ComponentProps<typeof FormGroupContainer
|
|
|
11
11
|
labelSize?: 'small' | 'large';
|
|
12
12
|
}
|
|
13
13
|
declare const StyledFormGroupContainer: import("@emotion/styled").StyledComponent<{
|
|
14
|
-
theme?: import("@emotion/react").Theme;
|
|
15
|
-
as?: React.ElementType;
|
|
14
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
15
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
16
16
|
} & import("../../Box").BoxProps & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof React.ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "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-rowindextext" | "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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
|
|
17
|
-
theme?: import("@emotion/react").Theme;
|
|
17
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
18
18
|
} & import("@codecademy/variance/dist/types/config").VariantProps<"spacing", false | "loose" | "fit" | "tight" | "padded"> & {
|
|
19
|
-
theme?: import("@emotion/react").Theme;
|
|
19
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
20
20
|
}, {}, {}>;
|
|
21
21
|
declare const FormGroupContainer: React.FC<ComponentProps<typeof StyledFormGroupContainer>>;
|
|
22
22
|
export declare const FormGroup: React.FC<FormGroupProps>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export declare const FormGroupDescription: import("@emotion/styled").StyledComponent<{
|
|
2
|
-
theme?: import("@emotion/react").Theme;
|
|
3
|
-
as?:
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
4
5
|
} & {
|
|
5
|
-
theme?: import("@emotion/react").Theme;
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
7
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -4,10 +4,10 @@ import * as React from 'react';
|
|
|
4
4
|
import { InfoTipSubComponentProps } from '../../Tip/InfoTip/type-utils';
|
|
5
5
|
import { BaseInputProps } from '../types';
|
|
6
6
|
declare const labelSizeVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "small" | "large"> & {
|
|
7
|
-
theme?: import("@emotion/react").Theme;
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
8
|
}) => import("@codecademy/variance").CSSObject;
|
|
9
9
|
declare const labelStates: (props: Partial<Record<"disabled", boolean>> & {
|
|
10
|
-
theme?: import("@emotion/react").Theme;
|
|
10
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
11
11
|
}) => import("@codecademy/variance").CSSObject;
|
|
12
12
|
export interface LabelVariants extends StyleProps<typeof labelSizeVariants>, StyleProps<typeof labelStates> {
|
|
13
13
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
import { states, variant } from '@codecademy/gamut-styles';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import { FlexBox } from '
|
|
4
|
+
import { FlexBox } from '../../Box';
|
|
5
5
|
import { InfoTip } from '../../Tip/InfoTip';
|
|
6
6
|
import { useInfotipProps } from '../../Tip/InfoTip/type-utils';
|
|
7
7
|
import { Text } from '../../Typography/Text';
|
|
@@ -31,7 +31,7 @@ const labelStates = states({
|
|
|
31
31
|
const Label = /*#__PURE__*/_styled("label", {
|
|
32
32
|
target: "e1t0n89n0",
|
|
33
33
|
label: "Label"
|
|
34
|
-
})(labelSizeVariants, labelStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
34
|
+
})(labelSizeVariants, labelStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Gb3JtL2VsZW1lbnRzL0Zvcm1Hcm91cExhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RGMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Zvcm0vZWxlbWVudHMvRm9ybUdyb3VwTGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3RhdGVzLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBJbmZvVGlwIH0gZnJvbSAnLi4vLi4vVGlwL0luZm9UaXAnO1xuaW1wb3J0IHtcbiAgSW5mb1RpcFN1YkNvbXBvbmVudFByb3BzLFxuICB1c2VJbmZvdGlwUHJvcHMsXG59IGZyb20gJy4uLy4uL1RpcC9JbmZvVGlwL3R5cGUtdXRpbHMnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uLy4uL1R5cG9ncmFwaHkvVGV4dCc7XG5pbXBvcnQgeyBmb3JtQmFzZVN0eWxlcywgZm9ybUZpZWxkVGV4dERpc2FibGVkU3R5bGVzIH0gZnJvbSAnLi4vc3R5bGVzJztcbmltcG9ydCB7IEJhc2VJbnB1dFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBsYWJlbFNpemVWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBkZWZhdWx0VmFyaWFudDogJ3NtYWxsJyxcbiAgcHJvcDogJ3NpemUnLFxuICBiYXNlOiB7IGRpc3BsYXk6ICdibG9jaycsIC4uLmZvcm1CYXNlU3R5bGVzIH0sXG4gIHZhcmlhbnRzOiB7XG4gICAgc21hbGw6IHtcbiAgICAgIGxpbmVIZWlnaHQ6ICdiYXNlJyxcbiAgICB9LFxuICAgIGxhcmdlOiB7XG4gICAgICBmb250U2l6ZTogMjIsXG4gICAgICBsaW5lSGVpZ2h0OiAnYmFzZScsXG4gICAgICBmb250V2VpZ2h0OiAndGl0bGUnLFxuICAgIH0sXG4gIH0sXG59KTtcblxuY29uc3QgbGFiZWxTdGF0ZXMgPSBzdGF0ZXMoe1xuICBkaXNhYmxlZDogZm9ybUZpZWxkVGV4dERpc2FibGVkU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTGFiZWxWYXJpYW50c1xuICBleHRlbmRzIFN0eWxlUHJvcHM8dHlwZW9mIGxhYmVsU2l6ZVZhcmlhbnRzPixcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBsYWJlbFN0YXRlcz4ge31cblxuZXhwb3J0IHR5cGUgRm9ybUdyb3VwTGFiZWxQcm9wcyA9IEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmXG4gIEhUTUxBdHRyaWJ1dGVzPEhUTUxMYWJlbEVsZW1lbnQ+ICZcbiAgTGFiZWxWYXJpYW50cyAmXG4gIFBpY2s8QmFzZUlucHV0UHJvcHMsICdodG1sRm9yJyB8ICdyZXF1aXJlZCc+ICYge1xuICAgIC8qKlxuICAgICAqIFtUaGUgZm9yL2lkIHN0cmluZyBvZiBhIGxhYmVsIG9yIGxhYmVsYWJsZSBmb3JtLXJlbGF0ZWQgZWxlbWVudF0oaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQVBJL0hUTUxMYWJlbEVsZW1lbnQvaHRtbEZvcikuIFRoZSBvdXRlciBGb3JtR3JvdXAgb3IgRm9ybUxhYmVsIHNob3VsZCBoYXZlIGFuIGlkZW50aWNhbCBzdHJpbmcgYXMgdGhlIGlubmVyIEZvcm1FbGVtZW50IGZvciBhY2Nlc3NpYmlsaXR5IHB1cnBvc2VzLlxuICAgICAqL1xuICAgIGluZm90aXA/OiBJbmZvVGlwU3ViQ29tcG9uZW50UHJvcHM7XG4gICAgc2l6ZT86ICdzbWFsbCcgfCAnbGFyZ2UnO1xuICAgIC8qKlxuICAgICAqIFNvbG8gZmllbGRzIHNob3VsZCBhbHdheXMgYmUgcmVxdWlyZWQgYW5kIGhhdmUgbm8gb3B0aW9uYWwvcmVxdWlyZWQgdGV4dFxuICAgICAqL1xuICAgIGlzU29sb0ZpZWxkPzogYm9vbGVhbjtcbiAgfTtcblxuY29uc3QgTGFiZWwgPSBzdHlsZWQubGFiZWw8Rm9ybUdyb3VwTGFiZWxQcm9wcz4obGFiZWxTaXplVmFyaWFudHMsIGxhYmVsU3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZvcm1Hcm91cExhYmVsOiBSZWFjdC5GQzxGb3JtR3JvdXBMYWJlbFByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGRpc2FibGVkLFxuICBodG1sRm9yLFxuICBpbmZvdGlwLFxuICBpc1NvbG9GaWVsZCxcbiAgcmVxdWlyZWQsXG4gIHNpemUsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgeyBpbmZvdGlwUHJvcHMsIGxhYmVsSWQsIHNob3VsZExhYmVsSW5mb1RpcCB9ID1cbiAgICB1c2VJbmZvdGlwUHJvcHMoaW5mb3RpcCk7XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBtYj17NH0+XG4gICAgICA8TGFiZWxcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGFzPXtodG1sRm9yID8gJ2xhYmVsJyA6ICdkaXYnfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBodG1sRm9yPXtodG1sRm9yfVxuICAgICAgICBpZD17aW5mb3RpcCAmJiBzaG91bGRMYWJlbEluZm9UaXAgPyBsYWJlbElkIDogdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIHshaXNTb2xvRmllbGQgJiZcbiAgICAgICAgICAocmVxdWlyZWQgPyAoXG4gICAgICAgICAgICA8VGV4dCBhcmlhLWhpZGRlbiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAgICAgKlxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAnXFx1MDBBMChvcHRpb25hbCknXG4gICAgICAgICAgKSl9XG4gICAgICA8L0xhYmVsPlxuICAgICAge2luZm90aXBQcm9wcyAmJiA8SW5mb1RpcCB7Li4uaW5mb3RpcFByb3BzfSAvPn1cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuIl19 */");
|
|
35
35
|
export const FormGroupLabel = ({
|
|
36
36
|
children,
|
|
37
37
|
className,
|
|
@@ -31,10 +31,14 @@ export interface InputWrapperProps extends InputProps {
|
|
|
31
31
|
}
|
|
32
32
|
/** We greatly prefer NOT to do this but ReactRecurly has some specific needs around focus-styles + padding that force us to export them seperately. If we ever stop using React-Recurly, this code will be 🔪.
|
|
33
33
|
*tldr: Do not do this unless you have already talked to Web-Plat and have failed to find any alternate (and better) solutions. */
|
|
34
|
-
export declare const reactRecurlyFormFieldFocusStyles: (props:
|
|
35
|
-
|
|
34
|
+
export declare const reactRecurlyFormFieldFocusStyles: (props: {
|
|
35
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
36
|
+
}) => import("@codecademy/variance").CSSObject;
|
|
37
|
+
export declare const reactRecurlyFormFieldPaddingStyles: (props: {
|
|
38
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
39
|
+
}) => import("@codecademy/variance").CSSObject;
|
|
36
40
|
export declare const iFrameWrapper: StyledComponent<{
|
|
37
|
-
theme?: import("@emotion/react").Theme;
|
|
38
|
-
as?: React.ElementType;
|
|
41
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
42
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
39
43
|
} & conditionalStyleProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
40
44
|
export declare const Input: React.ForwardRefExoticComponent<InputWrapperProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -29,24 +29,24 @@ export type RadioProps = InputHTMLAttributes<HTMLInputElement> & Omit<BaseInputP
|
|
|
29
29
|
export interface RadioElementProps extends RadioProps, StyleProps<typeof conditionalRadioInputStyles> {
|
|
30
30
|
}
|
|
31
31
|
export declare const Radio: React.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & Omit<BaseInputProps, "label"> & {
|
|
32
|
-
checked?: boolean;
|
|
33
|
-
disabled?: boolean;
|
|
34
|
-
id?: string;
|
|
32
|
+
checked?: boolean | undefined;
|
|
33
|
+
disabled?: boolean | undefined;
|
|
34
|
+
id?: string | undefined;
|
|
35
35
|
/**
|
|
36
36
|
* Infotip props to render to the right of your radio label.
|
|
37
37
|
* The InfoTip button is automatically labelled by the radio label.
|
|
38
38
|
* To override this behavior, provide `ariaLabel` or `ariaLabelledby`.
|
|
39
39
|
*/
|
|
40
|
-
infotip?: InfoTipSubComponentProps;
|
|
40
|
+
infotip?: InfoTipSubComponentProps | undefined;
|
|
41
41
|
/**
|
|
42
42
|
* A label for your Radio input - should not include infotips or other interactive elements
|
|
43
43
|
*/
|
|
44
44
|
label?: ReactNode;
|
|
45
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
45
|
+
onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
46
46
|
/**
|
|
47
47
|
* Specifies the tab order of the Radio input
|
|
48
48
|
*/
|
|
49
|
-
tabIndex?: number;
|
|
50
|
-
value?: string;
|
|
51
|
-
readOnly?: boolean;
|
|
49
|
+
tabIndex?: number | undefined;
|
|
50
|
+
value?: string | undefined;
|
|
51
|
+
readOnly?: boolean | undefined;
|
|
52
52
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -12,7 +12,7 @@ export type SelectWrapperProps = SelectComponentProps & SelectHTMLAttributes<HTM
|
|
|
12
12
|
export interface SelectProps extends SelectWrapperProps, StyleProps<typeof conditionalStyles> {
|
|
13
13
|
}
|
|
14
14
|
export declare const Select: import("react").ForwardRefExoticComponent<Pick<SelectHTMLAttributes<HTMLSelectElement>, "disabled" | "id"> & Pick<BaseInputProps, "error" | "htmlFor"> & {
|
|
15
|
-
options?: SelectOptions;
|
|
15
|
+
options?: SelectOptions | undefined;
|
|
16
16
|
} & SelectHTMLAttributes<HTMLSelectElement> & {
|
|
17
|
-
sizeVariant?: "small" | "base";
|
|
17
|
+
sizeVariant?: "small" | "base" | undefined;
|
|
18
18
|
} & import("react").RefAttributes<HTMLSelectElement>>;
|
|
@@ -14,7 +14,8 @@ const selectSizeVariants = variant({
|
|
|
14
14
|
variants: {
|
|
15
15
|
small: {
|
|
16
16
|
height: '2rem',
|
|
17
|
-
|
|
17
|
+
pl: 8,
|
|
18
|
+
pr: 16,
|
|
18
19
|
py: 0
|
|
19
20
|
},
|
|
20
21
|
base: {
|
|
@@ -26,19 +27,19 @@ const selectSizeVariants = variant({
|
|
|
26
27
|
const SelectBase = /*#__PURE__*/_styled("select", {
|
|
27
28
|
target: "e1y2qbta1",
|
|
28
29
|
label: "SelectBase"
|
|
29
|
-
})(formFieldStyles, " ", conditionalStyles, " ", selectSizeVariants, " cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
})(formFieldStyles, " ", conditionalStyles, " ", selectSizeVariants, " cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Gb3JtL2lucHV0cy9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZENkMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Zvcm0vaW5wdXRzL1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBcnJvd0NoZXZyb25Eb3duSWNvbixcbiAgTWluaUNoZXZyb25Eb3duSWNvbixcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRXZlbnQsXG4gIGZvcndhcmRSZWYsXG4gIFNlbGVjdEhUTUxBdHRyaWJ1dGVzLFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3gsIEZsZXhCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuaW1wb3J0IHtcbiAgY29uZGl0aW9uYWxTdHlsZXMsXG4gIGNvbmRpdGlvbmFsU3R5bGVTdGF0ZSxcbiAgZm9ybUZpZWxkU3R5bGVzLFxufSBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgQmFzZUlucHV0UHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwYXJzZVNlbGVjdE9wdGlvbnMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbnMgPSBzdHJpbmdbXSB8IFJlY29yZDxzdHJpbmcsIG51bWJlciB8IHN0cmluZz47XG5cbmV4cG9ydCB0eXBlIFNlbGVjdENvbXBvbmVudFByb3BzID0gUGljazxcbiAgU2VsZWN0SFRNTEF0dHJpYnV0ZXM8SFRNTFNlbGVjdEVsZW1lbnQ+LFxuICAnZGlzYWJsZWQnIHwgJ2lkJ1xuPiAmXG4gIFBpY2s8QmFzZUlucHV0UHJvcHMsICdodG1sRm9yJyB8ICdlcnJvcic+ICYge1xuICAgIG9wdGlvbnM/OiBTZWxlY3RPcHRpb25zO1xuICB9O1xuXG5leHBvcnQgdHlwZSBTZWxlY3RXcmFwcGVyUHJvcHMgPSBTZWxlY3RDb21wb25lbnRQcm9wcyAmXG4gIFNlbGVjdEhUTUxBdHRyaWJ1dGVzPEhUTUxTZWxlY3RFbGVtZW50PiAmIHtcbiAgICBzaXplVmFyaWFudD86ICdzbWFsbCcgfCAnYmFzZSc7XG4gIH07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0UHJvcHNcbiAgZXh0ZW5kcyBTZWxlY3RXcmFwcGVyUHJvcHMsXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgY29uZGl0aW9uYWxTdHlsZXM+IHt9XG5cbmNvbnN0IHNlbGVjdFNpemVWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBkZWZhdWx0VmFyaWFudDogJ2Jhc2UnLFxuICBwcm9wOiAnc2l6ZVZhcmlhbnQnLFxuICB2YXJpYW50czoge1xuICAgIHNtYWxsOiB7XG4gICAgICBoZWlnaHQ6ICcycmVtJyxcbiAgICAgIHBsOiA4LFxuICAgICAgcHI6IDE2LFxuICAgICAgcHk6IDAsXG4gICAgfSxcbiAgICBiYXNlOiB7XG4gICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIHByOiA0OCxcbiAgICB9LFxuICB9LFxufSk7XG5cbmNvbnN0IFNlbGVjdEJhc2UgPSBzdHlsZWQuc2VsZWN0PFNlbGVjdFByb3BzPmBcbiAgJHtmb3JtRmllbGRTdHlsZXN9XG4gICR7Y29uZGl0aW9uYWxTdHlsZXN9XG4gICR7c2VsZWN0U2l6ZVZhcmlhbnRzfVxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIC1tb3otYXBwZWFyYW5jZTogbm9uZTtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBhcHBlYXJhbmNlOiBub25lO1xuYDtcblxuY29uc3QgYWxsb3dDbGlja1N0eWxlID0gY3NzYFxuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEZsZXhib3ggPSBzdHlsZWQoRmxleEJveCkoYWxsb3dDbGlja1N0eWxlKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9IGZvcndhcmRSZWY8SFRNTFNlbGVjdEVsZW1lbnQsIFNlbGVjdFdyYXBwZXJQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc05hbWUsXG4gICAgICBkZWZhdWx0VmFsdWUsXG4gICAgICBvcHRpb25zLFxuICAgICAgZXJyb3IsXG4gICAgICBpZCxcbiAgICAgIHNpemVWYXJpYW50LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICAuLi5yZXN0XG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgW2FjdGl2YXRlZFN0eWxlLCBzZXRBY3RpdmF0ZWRTdHlsZV0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCBjaGFuZ2VIYW5kbGVyID0gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MU2VsZWN0RWxlbWVudD4pID0+IHtcbiAgICAgIHJlc3Q/Lm9uQ2hhbmdlPy4oZXZlbnQpO1xuICAgICAgc2V0QWN0aXZhdGVkU3R5bGUodHJ1ZSk7XG4gICAgfTtcblxuICAgIGNvbnN0IHNlbGVjdE9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiBwYXJzZVNlbGVjdE9wdGlvbnMoeyBvcHRpb25zLCBpZCB9KTtcbiAgICB9LCBbb3B0aW9ucywgaWRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBtaW5XaWR0aD1cIjdyZW1cIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgID5cbiAgICAgICAgPFN0eWxlZEZsZXhib3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICAgIGNvbG9yPXtlcnJvciA/ICdmZWVkYmFjay1lcnJvcicgOiBkaXNhYmxlZCA/ICd0ZXh0LWRpc2FibGVkJyA6ICd0ZXh0J31cbiAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICBwcj17MTJ9XG4gICAgICAgICAgcmlnaHQ9e3NpemVWYXJpYW50ID09PSAnc21hbGwnID8gNCA6IDB9XG4gICAgICAgICAgdG9wPVwiMFwiXG4gICAgICAgID5cbiAgICAgICAgICB7c2l6ZVZhcmlhbnQgPT09ICdzbWFsbCcgPyAoXG4gICAgICAgICAgICA8TWluaUNoZXZyb25Eb3duSWNvbiBzaXplPXsxMn0gLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPEFycm93Q2hldnJvbkRvd25JY29uIHNpemU9ezE2fSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkRmxleGJveD5cbiAgICAgICAgPFNlbGVjdEJhc2VcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZSB8fCAnJ31cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgICAgIGlkPXtpZCB8fCByZXN0Lmh0bWxGb3J9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgc2l6ZVZhcmlhbnQ9e3NpemVWYXJpYW50fVxuICAgICAgICAgIHZhcmlhbnQ9e2NvbmRpdGlvbmFsU3R5bGVTdGF0ZShCb29sZWFuKGVycm9yKSwgYWN0aXZhdGVkU3R5bGUpfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZXZlbnQpID0+IGNoYW5nZUhhbmRsZXIoZXZlbnQpfVxuICAgICAgICA+XG4gICAgICAgICAge3NlbGVjdE9wdGlvbnN9XG4gICAgICAgIDwvU2VsZWN0QmFzZT5cbiAgICAgIDwvQm94PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */"));
|
|
30
31
|
const allowClickStyle = process.env.NODE_ENV === "production" ? {
|
|
31
32
|
name: "ryl2s-allowClickStyle",
|
|
32
33
|
styles: "pointer-events:none;label:allowClickStyle;"
|
|
33
34
|
} : {
|
|
34
35
|
name: "ryl2s-allowClickStyle",
|
|
35
|
-
styles: "pointer-events:none;label:allowClickStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
styles: "pointer-events:none;label:allowClickStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Gb3JtL2lucHV0cy9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Zvcm0vaW5wdXRzL1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBcnJvd0NoZXZyb25Eb3duSWNvbixcbiAgTWluaUNoZXZyb25Eb3duSWNvbixcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRXZlbnQsXG4gIGZvcndhcmRSZWYsXG4gIFNlbGVjdEhUTUxBdHRyaWJ1dGVzLFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3gsIEZsZXhCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuaW1wb3J0IHtcbiAgY29uZGl0aW9uYWxTdHlsZXMsXG4gIGNvbmRpdGlvbmFsU3R5bGVTdGF0ZSxcbiAgZm9ybUZpZWxkU3R5bGVzLFxufSBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgQmFzZUlucHV0UHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwYXJzZVNlbGVjdE9wdGlvbnMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbnMgPSBzdHJpbmdbXSB8IFJlY29yZDxzdHJpbmcsIG51bWJlciB8IHN0cmluZz47XG5cbmV4cG9ydCB0eXBlIFNlbGVjdENvbXBvbmVudFByb3BzID0gUGljazxcbiAgU2VsZWN0SFRNTEF0dHJpYnV0ZXM8SFRNTFNlbGVjdEVsZW1lbnQ+LFxuICAnZGlzYWJsZWQnIHwgJ2lkJ1xuPiAmXG4gIFBpY2s8QmFzZUlucHV0UHJvcHMsICdodG1sRm9yJyB8ICdlcnJvcic+ICYge1xuICAgIG9wdGlvbnM/OiBTZWxlY3RPcHRpb25zO1xuICB9O1xuXG5leHBvcnQgdHlwZSBTZWxlY3RXcmFwcGVyUHJvcHMgPSBTZWxlY3RDb21wb25lbnRQcm9wcyAmXG4gIFNlbGVjdEhUTUxBdHRyaWJ1dGVzPEhUTUxTZWxlY3RFbGVtZW50PiAmIHtcbiAgICBzaXplVmFyaWFudD86ICdzbWFsbCcgfCAnYmFzZSc7XG4gIH07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0UHJvcHNcbiAgZXh0ZW5kcyBTZWxlY3RXcmFwcGVyUHJvcHMsXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgY29uZGl0aW9uYWxTdHlsZXM+IHt9XG5cbmNvbnN0IHNlbGVjdFNpemVWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBkZWZhdWx0VmFyaWFudDogJ2Jhc2UnLFxuICBwcm9wOiAnc2l6ZVZhcmlhbnQnLFxuICB2YXJpYW50czoge1xuICAgIHNtYWxsOiB7XG4gICAgICBoZWlnaHQ6ICcycmVtJyxcbiAgICAgIHBsOiA4LFxuICAgICAgcHI6IDE2LFxuICAgICAgcHk6IDAsXG4gICAgfSxcbiAgICBiYXNlOiB7XG4gICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIHByOiA0OCxcbiAgICB9LFxuICB9LFxufSk7XG5cbmNvbnN0IFNlbGVjdEJhc2UgPSBzdHlsZWQuc2VsZWN0PFNlbGVjdFByb3BzPmBcbiAgJHtmb3JtRmllbGRTdHlsZXN9XG4gICR7Y29uZGl0aW9uYWxTdHlsZXN9XG4gICR7c2VsZWN0U2l6ZVZhcmlhbnRzfVxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIC1tb3otYXBwZWFyYW5jZTogbm9uZTtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBhcHBlYXJhbmNlOiBub25lO1xuYDtcblxuY29uc3QgYWxsb3dDbGlja1N0eWxlID0gY3NzYFxuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEZsZXhib3ggPSBzdHlsZWQoRmxleEJveCkoYWxsb3dDbGlja1N0eWxlKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9IGZvcndhcmRSZWY8SFRNTFNlbGVjdEVsZW1lbnQsIFNlbGVjdFdyYXBwZXJQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc05hbWUsXG4gICAgICBkZWZhdWx0VmFsdWUsXG4gICAgICBvcHRpb25zLFxuICAgICAgZXJyb3IsXG4gICAgICBpZCxcbiAgICAgIHNpemVWYXJpYW50LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICAuLi5yZXN0XG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgW2FjdGl2YXRlZFN0eWxlLCBzZXRBY3RpdmF0ZWRTdHlsZV0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCBjaGFuZ2VIYW5kbGVyID0gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MU2VsZWN0RWxlbWVudD4pID0+IHtcbiAgICAgIHJlc3Q/Lm9uQ2hhbmdlPy4oZXZlbnQpO1xuICAgICAgc2V0QWN0aXZhdGVkU3R5bGUodHJ1ZSk7XG4gICAgfTtcblxuICAgIGNvbnN0IHNlbGVjdE9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiBwYXJzZVNlbGVjdE9wdGlvbnMoeyBvcHRpb25zLCBpZCB9KTtcbiAgICB9LCBbb3B0aW9ucywgaWRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBtaW5XaWR0aD1cIjdyZW1cIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgID5cbiAgICAgICAgPFN0eWxlZEZsZXhib3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICAgIGNvbG9yPXtlcnJvciA/ICdmZWVkYmFjay1lcnJvcicgOiBkaXNhYmxlZCA/ICd0ZXh0LWRpc2FibGVkJyA6ICd0ZXh0J31cbiAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICBwcj17MTJ9XG4gICAgICAgICAgcmlnaHQ9e3NpemVWYXJpYW50ID09PSAnc21hbGwnID8gNCA6IDB9XG4gICAgICAgICAgdG9wPVwiMFwiXG4gICAgICAgID5cbiAgICAgICAgICB7c2l6ZVZhcmlhbnQgPT09ICdzbWFsbCcgPyAoXG4gICAgICAgICAgICA8TWluaUNoZXZyb25Eb3duSWNvbiBzaXplPXsxMn0gLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPEFycm93Q2hldnJvbkRvd25JY29uIHNpemU9ezE2fSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkRmxleGJveD5cbiAgICAgICAgPFNlbGVjdEJhc2VcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZSB8fCAnJ31cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgICAgIGlkPXtpZCB8fCByZXN0Lmh0bWxGb3J9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgc2l6ZVZhcmlhbnQ9e3NpemVWYXJpYW50fVxuICAgICAgICAgIHZhcmlhbnQ9e2NvbmRpdGlvbmFsU3R5bGVTdGF0ZShCb29sZWFuKGVycm9yKSwgYWN0aXZhdGVkU3R5bGUpfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZXZlbnQpID0+IGNoYW5nZUhhbmRsZXIoZXZlbnQpfVxuICAgICAgICA+XG4gICAgICAgICAge3NlbGVjdE9wdGlvbnN9XG4gICAgICAgIDwvU2VsZWN0QmFzZT5cbiAgICAgIDwvQm94PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */",
|
|
36
37
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
37
38
|
};
|
|
38
39
|
const StyledFlexbox = /*#__PURE__*/_styled(FlexBox, {
|
|
39
40
|
target: "e1y2qbta0",
|
|
40
41
|
label: "StyledFlexbox"
|
|
41
|
-
})(allowClickStyle, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
42
|
+
})(allowClickStyle, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Gb3JtL2lucHV0cy9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJFc0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Zvcm0vaW5wdXRzL1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBcnJvd0NoZXZyb25Eb3duSWNvbixcbiAgTWluaUNoZXZyb25Eb3duSWNvbixcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRXZlbnQsXG4gIGZvcndhcmRSZWYsXG4gIFNlbGVjdEhUTUxBdHRyaWJ1dGVzLFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3gsIEZsZXhCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuaW1wb3J0IHtcbiAgY29uZGl0aW9uYWxTdHlsZXMsXG4gIGNvbmRpdGlvbmFsU3R5bGVTdGF0ZSxcbiAgZm9ybUZpZWxkU3R5bGVzLFxufSBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgQmFzZUlucHV0UHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwYXJzZVNlbGVjdE9wdGlvbnMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbnMgPSBzdHJpbmdbXSB8IFJlY29yZDxzdHJpbmcsIG51bWJlciB8IHN0cmluZz47XG5cbmV4cG9ydCB0eXBlIFNlbGVjdENvbXBvbmVudFByb3BzID0gUGljazxcbiAgU2VsZWN0SFRNTEF0dHJpYnV0ZXM8SFRNTFNlbGVjdEVsZW1lbnQ+LFxuICAnZGlzYWJsZWQnIHwgJ2lkJ1xuPiAmXG4gIFBpY2s8QmFzZUlucHV0UHJvcHMsICdodG1sRm9yJyB8ICdlcnJvcic+ICYge1xuICAgIG9wdGlvbnM/OiBTZWxlY3RPcHRpb25zO1xuICB9O1xuXG5leHBvcnQgdHlwZSBTZWxlY3RXcmFwcGVyUHJvcHMgPSBTZWxlY3RDb21wb25lbnRQcm9wcyAmXG4gIFNlbGVjdEhUTUxBdHRyaWJ1dGVzPEhUTUxTZWxlY3RFbGVtZW50PiAmIHtcbiAgICBzaXplVmFyaWFudD86ICdzbWFsbCcgfCAnYmFzZSc7XG4gIH07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0UHJvcHNcbiAgZXh0ZW5kcyBTZWxlY3RXcmFwcGVyUHJvcHMsXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgY29uZGl0aW9uYWxTdHlsZXM+IHt9XG5cbmNvbnN0IHNlbGVjdFNpemVWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBkZWZhdWx0VmFyaWFudDogJ2Jhc2UnLFxuICBwcm9wOiAnc2l6ZVZhcmlhbnQnLFxuICB2YXJpYW50czoge1xuICAgIHNtYWxsOiB7XG4gICAgICBoZWlnaHQ6ICcycmVtJyxcbiAgICAgIHBsOiA4LFxuICAgICAgcHI6IDE2LFxuICAgICAgcHk6IDAsXG4gICAgfSxcbiAgICBiYXNlOiB7XG4gICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIHByOiA0OCxcbiAgICB9LFxuICB9LFxufSk7XG5cbmNvbnN0IFNlbGVjdEJhc2UgPSBzdHlsZWQuc2VsZWN0PFNlbGVjdFByb3BzPmBcbiAgJHtmb3JtRmllbGRTdHlsZXN9XG4gICR7Y29uZGl0aW9uYWxTdHlsZXN9XG4gICR7c2VsZWN0U2l6ZVZhcmlhbnRzfVxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIC1tb3otYXBwZWFyYW5jZTogbm9uZTtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBhcHBlYXJhbmNlOiBub25lO1xuYDtcblxuY29uc3QgYWxsb3dDbGlja1N0eWxlID0gY3NzYFxuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEZsZXhib3ggPSBzdHlsZWQoRmxleEJveCkoYWxsb3dDbGlja1N0eWxlKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9IGZvcndhcmRSZWY8SFRNTFNlbGVjdEVsZW1lbnQsIFNlbGVjdFdyYXBwZXJQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc05hbWUsXG4gICAgICBkZWZhdWx0VmFsdWUsXG4gICAgICBvcHRpb25zLFxuICAgICAgZXJyb3IsXG4gICAgICBpZCxcbiAgICAgIHNpemVWYXJpYW50LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICAuLi5yZXN0XG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgW2FjdGl2YXRlZFN0eWxlLCBzZXRBY3RpdmF0ZWRTdHlsZV0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCBjaGFuZ2VIYW5kbGVyID0gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MU2VsZWN0RWxlbWVudD4pID0+IHtcbiAgICAgIHJlc3Q/Lm9uQ2hhbmdlPy4oZXZlbnQpO1xuICAgICAgc2V0QWN0aXZhdGVkU3R5bGUodHJ1ZSk7XG4gICAgfTtcblxuICAgIGNvbnN0IHNlbGVjdE9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiBwYXJzZVNlbGVjdE9wdGlvbnMoeyBvcHRpb25zLCBpZCB9KTtcbiAgICB9LCBbb3B0aW9ucywgaWRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBtaW5XaWR0aD1cIjdyZW1cIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgID5cbiAgICAgICAgPFN0eWxlZEZsZXhib3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICAgIGNvbG9yPXtlcnJvciA/ICdmZWVkYmFjay1lcnJvcicgOiBkaXNhYmxlZCA/ICd0ZXh0LWRpc2FibGVkJyA6ICd0ZXh0J31cbiAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICBwcj17MTJ9XG4gICAgICAgICAgcmlnaHQ9e3NpemVWYXJpYW50ID09PSAnc21hbGwnID8gNCA6IDB9XG4gICAgICAgICAgdG9wPVwiMFwiXG4gICAgICAgID5cbiAgICAgICAgICB7c2l6ZVZhcmlhbnQgPT09ICdzbWFsbCcgPyAoXG4gICAgICAgICAgICA8TWluaUNoZXZyb25Eb3duSWNvbiBzaXplPXsxMn0gLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPEFycm93Q2hldnJvbkRvd25JY29uIHNpemU9ezE2fSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkRmxleGJveD5cbiAgICAgICAgPFNlbGVjdEJhc2VcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZSB8fCAnJ31cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgICAgIGlkPXtpZCB8fCByZXN0Lmh0bWxGb3J9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgc2l6ZVZhcmlhbnQ9e3NpemVWYXJpYW50fVxuICAgICAgICAgIHZhcmlhbnQ9e2NvbmRpdGlvbmFsU3R5bGVTdGF0ZShCb29sZWFuKGVycm9yKSwgYWN0aXZhdGVkU3R5bGUpfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZXZlbnQpID0+IGNoYW5nZUhhbmRsZXIoZXZlbnQpfVxuICAgICAgICA+XG4gICAgICAgICAge3NlbGVjdE9wdGlvbnN9XG4gICAgICAgIDwvU2VsZWN0QmFzZT5cbiAgICAgIDwvQm94PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
|
|
42
43
|
export const Select = /*#__PURE__*/forwardRef(({
|
|
43
44
|
className,
|
|
44
45
|
defaultValue,
|
|
@@ -72,7 +73,7 @@ export const Select = /*#__PURE__*/forwardRef(({
|
|
|
72
73
|
color: error ? 'feedback-error' : disabled ? 'text-disabled' : 'text',
|
|
73
74
|
position: "absolute",
|
|
74
75
|
pr: 12,
|
|
75
|
-
right:
|
|
76
|
+
right: sizeVariant === 'small' ? 4 : 0,
|
|
76
77
|
top: "0",
|
|
77
78
|
children: sizeVariant === 'small' ? /*#__PURE__*/_jsx(MiniChevronDownIcon, {
|
|
78
79
|
size: 12
|
|
@@ -9,6 +9,6 @@ export type TextWrapperProps = TextareaHTMLAttributes<HTMLTextAreaElement> & Omi
|
|
|
9
9
|
export interface TextAreaProps extends TextWrapperProps, StyleProps<typeof conditionalStyles> {
|
|
10
10
|
}
|
|
11
11
|
export declare const TextArea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & Omit<BaseInputProps, "label"> & {
|
|
12
|
-
className?: string;
|
|
13
|
-
value?: string;
|
|
12
|
+
className?: string | undefined;
|
|
13
|
+
value?: string | undefined;
|
|
14
14
|
} & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1,16 +1,24 @@
|
|
|
1
|
-
export declare const checkboxLabel: (props:
|
|
1
|
+
export declare const checkboxLabel: (props: {
|
|
2
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
3
|
+
}) => import("@codecademy/variance").CSSObject;
|
|
2
4
|
export declare const checkboxLabelStates: (props: Partial<Record<"disabled", boolean>> & {
|
|
3
|
-
theme?: import("@emotion/react").Theme;
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
6
|
}) => import("@codecademy/variance").CSSObject;
|
|
5
7
|
export declare const checkboxPadding: (props: import("@codecademy/variance/dist/types/config").VariantProps<"spacing", false | "base" | "tight"> & {
|
|
6
|
-
theme?: import("@emotion/react").Theme;
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
}) => import("@codecademy/variance").CSSObject;
|
|
10
|
+
export declare const checkboxElement: (props: {
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
}) => import("@codecademy/variance").CSSObject;
|
|
13
|
+
export declare const polyline: (props: {
|
|
14
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
15
|
}) => import("@codecademy/variance").CSSObject;
|
|
8
|
-
export declare const checkboxElement: (props: import("@codecademy/variance").ThemeProps) => import("@codecademy/variance").CSSObject;
|
|
9
|
-
export declare const polyline: (props: import("@codecademy/variance").ThemeProps) => import("@codecademy/variance").CSSObject;
|
|
10
16
|
export declare const checkboxTextStates: (props: Partial<Record<"disabled" | "multiline", boolean>> & {
|
|
11
|
-
theme?: import("@emotion/react").Theme;
|
|
17
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
18
|
}) => import("@codecademy/variance").CSSObject;
|
|
13
19
|
export declare const checkboxElementStates: (props: Partial<Record<"disabled" | "active" | "multiline" | "hasBg" | "hideBorder", boolean>> & {
|
|
14
|
-
theme?: import("@emotion/react").Theme;
|
|
20
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
21
|
+
}) => import("@codecademy/variance").CSSObject;
|
|
22
|
+
export declare const checkboxInput: (props: {
|
|
23
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
15
24
|
}) => import("@codecademy/variance").CSSObject;
|
|
16
|
-
export declare const checkboxInput: (props: import("@codecademy/variance").ThemeProps) => import("@codecademy/variance").CSSObject;
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
export declare const radioLabel: (props:
|
|
2
|
-
|
|
1
|
+
export declare const radioLabel: (props: {
|
|
2
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
3
|
+
}) => import("@codecademy/variance").CSSObject;
|
|
4
|
+
export declare const radioInput: (props: {
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
}) => import("@codecademy/variance").CSSObject;
|
|
3
7
|
export declare const conditionalRadioLabelStyles: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "disabled" | "error"> & {
|
|
4
|
-
theme?: import("@emotion/react").Theme;
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
9
|
}) => import("@codecademy/variance").CSSObject;
|
|
6
10
|
export declare const conditionalRadioInputStyles: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "disabled" | "error"> & {
|
|
7
|
-
theme?: import("@emotion/react").Theme;
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
12
|
}) => import("@codecademy/variance").CSSObject;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export type conditionalStyleProps = {
|
|
2
3
|
error?: boolean;
|
|
3
4
|
activated?: boolean;
|
|
@@ -88,18 +89,22 @@ export declare const formBaseFieldStylesObject: {
|
|
|
88
89
|
readonly bg: "background";
|
|
89
90
|
readonly minWidth: "auto";
|
|
90
91
|
};
|
|
91
|
-
export declare const formBaseFieldStyles: (props:
|
|
92
|
+
export declare const formBaseFieldStyles: (props: {
|
|
93
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
94
|
+
}) => import("@codecademy/variance").CSSObject;
|
|
92
95
|
export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
|
|
93
|
-
theme?: import("@emotion/react").Theme;
|
|
94
|
-
as?:
|
|
96
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
97
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
95
98
|
} & {
|
|
96
|
-
theme?: import("@emotion/react").Theme;
|
|
99
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
97
100
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
98
|
-
export declare const formFieldStyles: (props:
|
|
101
|
+
export declare const formFieldStyles: (props: {
|
|
102
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
103
|
+
}) => import("@codecademy/variance").CSSObject;
|
|
99
104
|
export declare const conditionalStyles: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "error" | "activated"> & {
|
|
100
|
-
theme?: import("@emotion/react").Theme;
|
|
105
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
101
106
|
}) => import("@codecademy/variance").CSSObject;
|
|
102
107
|
export declare const conditionalStyleState: (error: boolean, activated: boolean) => "error" | "activated" | undefined;
|
|
103
108
|
export declare const inputSizeStyles: (props: import("@codecademy/variance/dist/types/config").VariantProps<"inputSize", false | "small" | "base" | "smallFile"> & {
|
|
104
|
-
theme?: import("@emotion/react").Theme;
|
|
109
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
105
110
|
}) => import("@codecademy/variance").CSSObject;
|