@codecademy/gamut 67.6.5-alpha.9b8a7f.0 → 67.6.5-alpha.c4325a.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/dist/BarChart/BarChartProvider.d.ts +19 -0
- package/dist/BarChart/BarChartProvider.js +31 -0
- package/dist/BarChart/BarRow/elements.d.ts +713 -0
- package/dist/BarChart/BarRow/elements.js +89 -0
- package/dist/BarChart/BarRow/index.d.ts +26 -0
- package/dist/BarChart/BarRow/index.js +254 -0
- package/dist/BarChart/GENERIC_EXAMPLE.d.ts +14 -0
- package/dist/BarChart/GENERIC_EXAMPLE.js +333 -0
- package/dist/BarChart/index.d.ts +4 -0
- package/dist/BarChart/index.js +156 -0
- package/dist/BarChart/layout/GridLines.d.ts +7 -0
- package/dist/BarChart/layout/GridLines.js +78 -0
- package/dist/BarChart/layout/ScaleChartHeader.d.ts +10 -0
- package/dist/BarChart/layout/ScaleChartHeader.js +89 -0
- package/dist/BarChart/layout/VerticalSpacer.d.ts +6 -0
- package/dist/BarChart/layout/VerticalSpacer.js +56 -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 +17 -0
- package/dist/BarChart/shared/translations.js +16 -0
- package/dist/BarChart/shared/types.d.ts +88 -0
- package/dist/BarChart/shared/types.js +1 -0
- package/dist/BarChart/utils/hooks.d.ts +93 -0
- package/dist/BarChart/utils/hooks.js +301 -0
- package/dist/BarChart/utils/index.d.ts +86 -0
- package/dist/BarChart/utils/index.js +165 -0
- package/dist/ConnectedForm/ConnectedFormGroup.d.ts +2 -8
- package/dist/ConnectedForm/ConnectedFormGroup.js +1 -1
- package/dist/ConnectedForm/ConnectedInputs/ConnectedCheckbox.js +0 -2
- package/dist/ConnectedForm/utils.d.ts +1 -1
- package/dist/Form/SelectDropdown/styles.d.ts +1 -1
- package/dist/Form/elements/Form.d.ts +1 -1
- package/dist/Form/elements/FormGroupLabel.d.ts +2 -2
- package/dist/Form/elements/FormGroupLabel.js +3 -10
- package/dist/Form/inputs/Checkbox.d.ts +0 -7
- package/dist/Form/inputs/Checkbox.js +11 -27
- package/dist/Form/inputs/Radio.d.ts +5 -9
- package/dist/Form/inputs/Radio.js +10 -13
- package/dist/Form/inputs/Select.js +6 -5
- package/dist/Form/styles/Radio-styles.d.ts +3 -0
- package/dist/Form/styles/Radio-styles.js +6 -0
- package/dist/Form/styles/shared-system-props.d.ts +0 -7
- package/dist/Form/styles/shared-system-props.js +0 -11
- package/dist/GridForm/GridFormInputGroup/GridFormRadioGroupInput/index.js +0 -2
- package/dist/GridForm/GridFormInputGroup/__fixtures__/renderers.d.ts +0 -4
- package/dist/GridForm/types.d.ts +2 -7
- package/dist/List/elements.d.ts +1 -1
- package/dist/Tip/InfoTip/InfoTipButton.js +2 -5
- package/dist/Tip/InfoTip/elements.d.ts +12 -0
- package/dist/Tip/InfoTip/elements.js +9 -0
- package/dist/Tip/InfoTip/index.d.ts +2 -27
- package/dist/Tip/InfoTip/index.js +67 -50
- package/dist/Tip/__tests__/helpers.d.ts +26 -5
- package/dist/Tip/shared/FloatingTip.js +3 -3
- package/dist/Tip/shared/InlineTip.js +1 -4
- package/dist/Tip/shared/types.d.ts +1 -1
- package/dist/Tip/shared/utils.d.ts +0 -19
- package/dist/Tip/shared/utils.js +0 -104
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/package.json +2 -2
- package/dist/Form/__tests__/testUtils.d.ts +0 -22
- package/dist/Tip/InfoTip/type-utils.d.ts +0 -35
- package/dist/Tip/InfoTip/type-utils.js +0 -72
|
@@ -4,17 +4,20 @@ import { forwardRef } from 'react';
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { FlexBox } from '../../Box';
|
|
6
6
|
import { InfoTip } from '../../Tip/InfoTip';
|
|
7
|
-
import {
|
|
8
|
-
import { conditionalRadioInputStyles, conditionalRadioLabelStyles, InputWrapper, radioInput, radioLabel } from '../styles';
|
|
7
|
+
import { conditionalRadioInputStyles, conditionalRadioLabelStyles, radioInput, radioLabel, radioWrapper } from '../styles';
|
|
9
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const RadioWrapper = /*#__PURE__*/_styled("div", {
|
|
10
|
+
target: "etm5hqp2",
|
|
11
|
+
label: "RadioWrapper"
|
|
12
|
+
})(radioWrapper, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Gb3JtL2lucHV0cy9SYWRpby50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvRm9ybS9pbnB1dHMvUmFkaW8udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc2NyZWVuUmVhZGVyT25seSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgSW5wdXRIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IEluZm9UaXAsIEluZm9UaXBQcm9wcyB9IGZyb20gJy4uLy4uL1RpcC9JbmZvVGlwJztcbmltcG9ydCB7XG4gIGNvbmRpdGlvbmFsUmFkaW9JbnB1dFN0eWxlcyxcbiAgY29uZGl0aW9uYWxSYWRpb0xhYmVsU3R5bGVzLFxuICByYWRpb0lucHV0LFxuICByYWRpb0xhYmVsLFxuICByYWRpb1dyYXBwZXIsXG59IGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyBCYXNlSW5wdXRQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgUmFkaW9Qcm9wcyA9IElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4gJlxuICBPbWl0PEJhc2VJbnB1dFByb3BzLCAnbGFiZWwnPiAmIHtcbiAgICBjaGVja2VkPzogYm9vbGVhbjtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgaWQ/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogSW5mb3RpcCBwcm9wcyB0byByZW5kZXIgdG8gdGhlIHJpZ2h0IG9mIHlvdXIgcmFkaW8gbGFiZWxcbiAgICAgKi9cbiAgICBpbmZvdGlwPzogSW5mb1RpcFByb3BzO1xuICAgIC8qKlxuICAgICAqIEEgbGFiZWwgZm9yIHlvdXIgUmFkaW8gaW5wdXQgLSBzaG91bGQgbm90IGluY2x1ZGUgaW5mb3RpcHMgb3Igb3RoZXIgaW50ZXJhY3RpdmUgZWxlbWVudHNcbiAgICAgKi9cbiAgICBsYWJlbD86IFJlYWN0Tm9kZTtcbiAgICBvbkNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gICAgLyoqXG4gICAgICogU3BlY2lmaWVzIHRoZSB0YWIgb3JkZXIgb2YgdGhlIFJhZGlvIGlucHV0XG4gICAgICovXG4gICAgdGFiSW5kZXg/OiBudW1iZXI7XG4gICAgdmFsdWU/OiBzdHJpbmc7XG4gICAgcmVhZE9ubHk/OiBib29sZWFuO1xuICB9O1xuZXhwb3J0IGludGVyZmFjZSBSYWRpb0VsZW1lbnRQcm9wc1xuICBleHRlbmRzIFJhZGlvUHJvcHMsXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgY29uZGl0aW9uYWxSYWRpb0lucHV0U3R5bGVzPiB7fVxuXG5jb25zdCBSYWRpb1dyYXBwZXIgPSBzdHlsZWQuZGl2KHJhZGlvV3JhcHBlcik7XG5jb25zdCBSYWRpb0xhYmVsID0gc3R5bGVkLmxhYmVsPFJhZGlvRWxlbWVudFByb3BzPihcbiAgcmFkaW9MYWJlbCxcbiAgY29uZGl0aW9uYWxSYWRpb0xhYmVsU3R5bGVzXG4pO1xuY29uc3QgUmFkaW9JbnB1dCA9IHN0eWxlZC5pbnB1dDxSYWRpb0VsZW1lbnRQcm9wcz4oXG4gIHNjcmVlblJlYWRlck9ubHksXG4gIHJhZGlvSW5wdXQsXG4gIGNvbmRpdGlvbmFsUmFkaW9JbnB1dFN0eWxlc1xuKTtcblxuY29uc3QgY29uZGl0aW9uYWxTdHlsZVN0YXRlID0gKGVycm9yPzogYm9vbGVhbiwgZGlzYWJsZWQ/OiBib29sZWFuKSA9PiB7XG4gIHJldHVybiBlcnJvciA/ICdlcnJvcicgOiBkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgY29uc3QgUmFkaW8gPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFJhZGlvUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY2hlY2tlZCxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgZXJyb3IsXG4gICAgICBodG1sRm9yLFxuICAgICAgaWQsXG4gICAgICBpbmZvdGlwLFxuICAgICAgbGFiZWwsXG4gICAgICBuYW1lLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICByZXF1aXJlZCxcbiAgICAgIHZhbHVlLFxuICAgICAgLi4ucmVzdFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IGlucHV0SWQgPSBpZCA/IGAke2h0bWxGb3J9LSR7aWR9YCA6IGh0bWxGb3I7XG4gICAgY29uc3Qgc3R5bGVTdGF0ZSA9IGNvbmRpdGlvbmFsU3R5bGVTdGF0ZShlcnJvciwgZGlzYWJsZWQpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxSYWRpb1dyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICA8UmFkaW9JbnB1dFxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGlkPXtpbnB1dElkfVxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHZhcmlhbnQ9e3N0eWxlU3RhdGV9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAvPlxuICAgICAgICA8UmFkaW9MYWJlbCBkaXNhYmxlZD17ZGlzYWJsZWR9IGh0bWxGb3I9e2h0bWxGb3J9IHZhcmlhbnQ9e3N0eWxlU3RhdGV9PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9SYWRpb0xhYmVsPlxuICAgICAgICB7aW5mb3RpcCAmJiAoXG4gICAgICAgICAgPEZsZXhCb3ggY2VudGVyIHBsPXs4fT5cbiAgICAgICAgICAgIDxJbmZvVGlwIHsuLi5pbmZvdGlwfSAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgKX1cbiAgICAgIDwvUmFkaW9XcmFwcGVyPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
|
|
10
13
|
const RadioLabel = /*#__PURE__*/_styled("label", {
|
|
11
14
|
target: "etm5hqp1",
|
|
12
15
|
label: "RadioLabel"
|
|
13
|
-
})(radioLabel, conditionalRadioLabelStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
+
})(radioLabel, conditionalRadioLabelStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Gb3JtL2lucHV0cy9SYWRpby50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvRm9ybS9pbnB1dHMvUmFkaW8udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc2NyZWVuUmVhZGVyT25seSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgSW5wdXRIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IEluZm9UaXAsIEluZm9UaXBQcm9wcyB9IGZyb20gJy4uLy4uL1RpcC9JbmZvVGlwJztcbmltcG9ydCB7XG4gIGNvbmRpdGlvbmFsUmFkaW9JbnB1dFN0eWxlcyxcbiAgY29uZGl0aW9uYWxSYWRpb0xhYmVsU3R5bGVzLFxuICByYWRpb0lucHV0LFxuICByYWRpb0xhYmVsLFxuICByYWRpb1dyYXBwZXIsXG59IGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyBCYXNlSW5wdXRQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgUmFkaW9Qcm9wcyA9IElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4gJlxuICBPbWl0PEJhc2VJbnB1dFByb3BzLCAnbGFiZWwnPiAmIHtcbiAgICBjaGVja2VkPzogYm9vbGVhbjtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgaWQ/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogSW5mb3RpcCBwcm9wcyB0byByZW5kZXIgdG8gdGhlIHJpZ2h0IG9mIHlvdXIgcmFkaW8gbGFiZWxcbiAgICAgKi9cbiAgICBpbmZvdGlwPzogSW5mb1RpcFByb3BzO1xuICAgIC8qKlxuICAgICAqIEEgbGFiZWwgZm9yIHlvdXIgUmFkaW8gaW5wdXQgLSBzaG91bGQgbm90IGluY2x1ZGUgaW5mb3RpcHMgb3Igb3RoZXIgaW50ZXJhY3RpdmUgZWxlbWVudHNcbiAgICAgKi9cbiAgICBsYWJlbD86IFJlYWN0Tm9kZTtcbiAgICBvbkNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gICAgLyoqXG4gICAgICogU3BlY2lmaWVzIHRoZSB0YWIgb3JkZXIgb2YgdGhlIFJhZGlvIGlucHV0XG4gICAgICovXG4gICAgdGFiSW5kZXg/OiBudW1iZXI7XG4gICAgdmFsdWU/OiBzdHJpbmc7XG4gICAgcmVhZE9ubHk/OiBib29sZWFuO1xuICB9O1xuZXhwb3J0IGludGVyZmFjZSBSYWRpb0VsZW1lbnRQcm9wc1xuICBleHRlbmRzIFJhZGlvUHJvcHMsXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgY29uZGl0aW9uYWxSYWRpb0lucHV0U3R5bGVzPiB7fVxuXG5jb25zdCBSYWRpb1dyYXBwZXIgPSBzdHlsZWQuZGl2KHJhZGlvV3JhcHBlcik7XG5jb25zdCBSYWRpb0xhYmVsID0gc3R5bGVkLmxhYmVsPFJhZGlvRWxlbWVudFByb3BzPihcbiAgcmFkaW9MYWJlbCxcbiAgY29uZGl0aW9uYWxSYWRpb0xhYmVsU3R5bGVzXG4pO1xuY29uc3QgUmFkaW9JbnB1dCA9IHN0eWxlZC5pbnB1dDxSYWRpb0VsZW1lbnRQcm9wcz4oXG4gIHNjcmVlblJlYWRlck9ubHksXG4gIHJhZGlvSW5wdXQsXG4gIGNvbmRpdGlvbmFsUmFkaW9JbnB1dFN0eWxlc1xuKTtcblxuY29uc3QgY29uZGl0aW9uYWxTdHlsZVN0YXRlID0gKGVycm9yPzogYm9vbGVhbiwgZGlzYWJsZWQ/OiBib29sZWFuKSA9PiB7XG4gIHJldHVybiBlcnJvciA/ICdlcnJvcicgOiBkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgY29uc3QgUmFkaW8gPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFJhZGlvUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY2hlY2tlZCxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgZXJyb3IsXG4gICAgICBodG1sRm9yLFxuICAgICAgaWQsXG4gICAgICBpbmZvdGlwLFxuICAgICAgbGFiZWwsXG4gICAgICBuYW1lLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICByZXF1aXJlZCxcbiAgICAgIHZhbHVlLFxuICAgICAgLi4ucmVzdFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IGlucHV0SWQgPSBpZCA/IGAke2h0bWxGb3J9LSR7aWR9YCA6IGh0bWxGb3I7XG4gICAgY29uc3Qgc3R5bGVTdGF0ZSA9IGNvbmRpdGlvbmFsU3R5bGVTdGF0ZShlcnJvciwgZGlzYWJsZWQpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxSYWRpb1dyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICA8UmFkaW9JbnB1dFxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGlkPXtpbnB1dElkfVxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHZhcmlhbnQ9e3N0eWxlU3RhdGV9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAvPlxuICAgICAgICA8UmFkaW9MYWJlbCBkaXNhYmxlZD17ZGlzYWJsZWR9IGh0bWxGb3I9e2h0bWxGb3J9IHZhcmlhbnQ9e3N0eWxlU3RhdGV9PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9SYWRpb0xhYmVsPlxuICAgICAgICB7aW5mb3RpcCAmJiAoXG4gICAgICAgICAgPEZsZXhCb3ggY2VudGVyIHBsPXs4fT5cbiAgICAgICAgICAgIDxJbmZvVGlwIHsuLi5pbmZvdGlwfSAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgKX1cbiAgICAgIDwvUmFkaW9XcmFwcGVyPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
|
|
14
17
|
const RadioInput = /*#__PURE__*/_styled("input", {
|
|
15
18
|
target: "etm5hqp0",
|
|
16
19
|
label: "RadioInput"
|
|
17
|
-
})(screenReaderOnly, radioInput, conditionalRadioInputStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
})(screenReaderOnly, radioInput, conditionalRadioInputStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Gb3JtL2lucHV0cy9SYWRpby50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvRm9ybS9pbnB1dHMvUmFkaW8udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc2NyZWVuUmVhZGVyT25seSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgSW5wdXRIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IEluZm9UaXAsIEluZm9UaXBQcm9wcyB9IGZyb20gJy4uLy4uL1RpcC9JbmZvVGlwJztcbmltcG9ydCB7XG4gIGNvbmRpdGlvbmFsUmFkaW9JbnB1dFN0eWxlcyxcbiAgY29uZGl0aW9uYWxSYWRpb0xhYmVsU3R5bGVzLFxuICByYWRpb0lucHV0LFxuICByYWRpb0xhYmVsLFxuICByYWRpb1dyYXBwZXIsXG59IGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyBCYXNlSW5wdXRQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgUmFkaW9Qcm9wcyA9IElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4gJlxuICBPbWl0PEJhc2VJbnB1dFByb3BzLCAnbGFiZWwnPiAmIHtcbiAgICBjaGVja2VkPzogYm9vbGVhbjtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgaWQ/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogSW5mb3RpcCBwcm9wcyB0byByZW5kZXIgdG8gdGhlIHJpZ2h0IG9mIHlvdXIgcmFkaW8gbGFiZWxcbiAgICAgKi9cbiAgICBpbmZvdGlwPzogSW5mb1RpcFByb3BzO1xuICAgIC8qKlxuICAgICAqIEEgbGFiZWwgZm9yIHlvdXIgUmFkaW8gaW5wdXQgLSBzaG91bGQgbm90IGluY2x1ZGUgaW5mb3RpcHMgb3Igb3RoZXIgaW50ZXJhY3RpdmUgZWxlbWVudHNcbiAgICAgKi9cbiAgICBsYWJlbD86IFJlYWN0Tm9kZTtcbiAgICBvbkNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gICAgLyoqXG4gICAgICogU3BlY2lmaWVzIHRoZSB0YWIgb3JkZXIgb2YgdGhlIFJhZGlvIGlucHV0XG4gICAgICovXG4gICAgdGFiSW5kZXg/OiBudW1iZXI7XG4gICAgdmFsdWU/OiBzdHJpbmc7XG4gICAgcmVhZE9ubHk/OiBib29sZWFuO1xuICB9O1xuZXhwb3J0IGludGVyZmFjZSBSYWRpb0VsZW1lbnRQcm9wc1xuICBleHRlbmRzIFJhZGlvUHJvcHMsXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgY29uZGl0aW9uYWxSYWRpb0lucHV0U3R5bGVzPiB7fVxuXG5jb25zdCBSYWRpb1dyYXBwZXIgPSBzdHlsZWQuZGl2KHJhZGlvV3JhcHBlcik7XG5jb25zdCBSYWRpb0xhYmVsID0gc3R5bGVkLmxhYmVsPFJhZGlvRWxlbWVudFByb3BzPihcbiAgcmFkaW9MYWJlbCxcbiAgY29uZGl0aW9uYWxSYWRpb0xhYmVsU3R5bGVzXG4pO1xuY29uc3QgUmFkaW9JbnB1dCA9IHN0eWxlZC5pbnB1dDxSYWRpb0VsZW1lbnRQcm9wcz4oXG4gIHNjcmVlblJlYWRlck9ubHksXG4gIHJhZGlvSW5wdXQsXG4gIGNvbmRpdGlvbmFsUmFkaW9JbnB1dFN0eWxlc1xuKTtcblxuY29uc3QgY29uZGl0aW9uYWxTdHlsZVN0YXRlID0gKGVycm9yPzogYm9vbGVhbiwgZGlzYWJsZWQ/OiBib29sZWFuKSA9PiB7XG4gIHJldHVybiBlcnJvciA/ICdlcnJvcicgOiBkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgY29uc3QgUmFkaW8gPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFJhZGlvUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY2hlY2tlZCxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgZXJyb3IsXG4gICAgICBodG1sRm9yLFxuICAgICAgaWQsXG4gICAgICBpbmZvdGlwLFxuICAgICAgbGFiZWwsXG4gICAgICBuYW1lLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICByZXF1aXJlZCxcbiAgICAgIHZhbHVlLFxuICAgICAgLi4ucmVzdFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IGlucHV0SWQgPSBpZCA/IGAke2h0bWxGb3J9LSR7aWR9YCA6IGh0bWxGb3I7XG4gICAgY29uc3Qgc3R5bGVTdGF0ZSA9IGNvbmRpdGlvbmFsU3R5bGVTdGF0ZShlcnJvciwgZGlzYWJsZWQpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxSYWRpb1dyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICA8UmFkaW9JbnB1dFxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGlkPXtpbnB1dElkfVxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHZhcmlhbnQ9e3N0eWxlU3RhdGV9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAvPlxuICAgICAgICA8UmFkaW9MYWJlbCBkaXNhYmxlZD17ZGlzYWJsZWR9IGh0bWxGb3I9e2h0bWxGb3J9IHZhcmlhbnQ9e3N0eWxlU3RhdGV9PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9SYWRpb0xhYmVsPlxuICAgICAgICB7aW5mb3RpcCAmJiAoXG4gICAgICAgICAgPEZsZXhCb3ggY2VudGVyIHBsPXs4fT5cbiAgICAgICAgICAgIDxJbmZvVGlwIHsuLi5pbmZvdGlwfSAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgKX1cbiAgICAgIDwvUmFkaW9XcmFwcGVyPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
|
|
18
21
|
const conditionalStyleState = (error, disabled) => {
|
|
19
22
|
return error ? 'error' : disabled ? 'disabled' : undefined;
|
|
20
23
|
};
|
|
@@ -35,12 +38,7 @@ export const Radio = /*#__PURE__*/forwardRef(({
|
|
|
35
38
|
}, ref) => {
|
|
36
39
|
const inputId = id ? `${htmlFor}-${id}` : htmlFor;
|
|
37
40
|
const styleState = conditionalStyleState(error, disabled);
|
|
38
|
-
|
|
39
|
-
infotipProps,
|
|
40
|
-
labelId,
|
|
41
|
-
shouldLabelInfoTip
|
|
42
|
-
} = useInfotipProps(infotip);
|
|
43
|
-
return /*#__PURE__*/_jsxs(InputWrapper, {
|
|
41
|
+
return /*#__PURE__*/_jsxs(RadioWrapper, {
|
|
44
42
|
className: className,
|
|
45
43
|
children: [/*#__PURE__*/_jsx(RadioInput, {
|
|
46
44
|
checked: checked,
|
|
@@ -57,14 +55,13 @@ export const Radio = /*#__PURE__*/forwardRef(({
|
|
|
57
55
|
}), /*#__PURE__*/_jsx(RadioLabel, {
|
|
58
56
|
disabled: disabled,
|
|
59
57
|
htmlFor: htmlFor,
|
|
60
|
-
id: infotip && shouldLabelInfoTip ? labelId : undefined,
|
|
61
58
|
variant: styleState,
|
|
62
59
|
children: label
|
|
63
|
-
}),
|
|
60
|
+
}), infotip && /*#__PURE__*/_jsx(FlexBox, {
|
|
64
61
|
center: true,
|
|
65
62
|
pl: 8,
|
|
66
63
|
children: /*#__PURE__*/_jsx(InfoTip, {
|
|
67
|
-
...
|
|
64
|
+
...infotip
|
|
68
65
|
})
|
|
69
66
|
})]
|
|
70
67
|
});
|
|
@@ -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,20 +27,20 @@ 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
36
|
styles: "pointer-events:none;label:allowClickStyle;",
|
|
36
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Gb3JtL2lucHV0cy9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Zvcm0vaW5wdXRzL1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBcnJvd0NoZXZyb25Eb3duSWNvbixcbiAgTWluaUNoZXZyb25Eb3duSWNvbixcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRXZlbnQsXG4gIGZvcndhcmRSZWYsXG4gIFNlbGVjdEhUTUxBdHRyaWJ1dGVzLFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3gsIEZsZXhCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuaW1wb3J0IHtcbiAgY29uZGl0aW9uYWxTdHlsZXMsXG4gIGNvbmRpdGlvbmFsU3R5bGVTdGF0ZSxcbiAgZm9ybUZpZWxkU3R5bGVzLFxufSBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgQmFzZUlucHV0UHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBwYXJzZVNlbGVjdE9wdGlvbnMgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbnMgPSBzdHJpbmdbXSB8IFJlY29yZDxzdHJpbmcsIG51bWJlciB8IHN0cmluZz47XG5cbmV4cG9ydCB0eXBlIFNlbGVjdENvbXBvbmVudFByb3BzID0gUGljazxcbiAgU2VsZWN0SFRNTEF0dHJpYnV0ZXM8SFRNTFNlbGVjdEVsZW1lbnQ+LFxuICAnZGlzYWJsZWQnIHwgJ2lkJ1xuPiAmXG4gIFBpY2s8QmFzZUlucHV0UHJvcHMsICdodG1sRm9yJyB8ICdlcnJvcic+ICYge1xuICAgIG9wdGlvbnM/OiBTZWxlY3RPcHRpb25zO1xuICB9O1xuXG5leHBvcnQgdHlwZSBTZWxlY3RXcmFwcGVyUHJvcHMgPSBTZWxlY3RDb21wb25lbnRQcm9wcyAmXG4gIFNlbGVjdEhUTUxBdHRyaWJ1dGVzPEhUTUxTZWxlY3RFbGVtZW50PiAmIHtcbiAgICBzaXplVmFyaWFudD86ICdzbWFsbCcgfCAnYmFzZSc7XG4gIH07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0UHJvcHNcbiAgZXh0ZW5kcyBTZWxlY3RXcmFwcGVyUHJvcHMsXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgY29uZGl0aW9uYWxTdHlsZXM+IHt9XG5cbmNvbnN0IHNlbGVjdFNpemVWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBkZWZhdWx0VmFyaWFudDogJ2Jhc2UnLFxuICBwcm9wOiAnc2l6ZVZhcmlhbnQnLFxuICB2YXJpYW50czoge1xuICAgIHNtYWxsOiB7XG4gICAgICBoZWlnaHQ6ICcycmVtJyxcbiAgICAgIHBsOiA4LFxuICAgICAgcHI6IDE2LFxuICAgICAgcHk6IDAsXG4gICAgfSxcbiAgICBiYXNlOiB7XG4gICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIHByOiA0OCxcbiAgICB9LFxuICB9LFxufSk7XG5cbmNvbnN0IFNlbGVjdEJhc2UgPSBzdHlsZWQuc2VsZWN0PFNlbGVjdFByb3BzPmBcbiAgJHtmb3JtRmllbGRTdHlsZXN9XG4gICR7Y29uZGl0aW9uYWxTdHlsZXN9XG4gICR7c2VsZWN0U2l6ZVZhcmlhbnRzfVxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIC1tb3otYXBwZWFyYW5jZTogbm9uZTtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBhcHBlYXJhbmNlOiBub25lO1xuYDtcblxuY29uc3QgYWxsb3dDbGlja1N0eWxlID0gY3NzYFxuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEZsZXhib3ggPSBzdHlsZWQoRmxleEJveCkoYWxsb3dDbGlja1N0eWxlKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9IGZvcndhcmRSZWY8SFRNTFNlbGVjdEVsZW1lbnQsIFNlbGVjdFdyYXBwZXJQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc05hbWUsXG4gICAgICBkZWZhdWx0VmFsdWUsXG4gICAgICBvcHRpb25zLFxuICAgICAgZXJyb3IsXG4gICAgICBpZCxcbiAgICAgIHNpemVWYXJpYW50LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICAuLi5yZXN0XG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgW2FjdGl2YXRlZFN0eWxlLCBzZXRBY3RpdmF0ZWRTdHlsZV0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCBjaGFuZ2VIYW5kbGVyID0gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MU2VsZWN0RWxlbWVudD4pID0+IHtcbiAgICAgIHJlc3Q/Lm9uQ2hhbmdlPy4oZXZlbnQpO1xuICAgICAgc2V0QWN0aXZhdGVkU3R5bGUodHJ1ZSk7XG4gICAgfTtcblxuICAgIGNvbnN0IHNlbGVjdE9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiBwYXJzZVNlbGVjdE9wdGlvbnMoeyBvcHRpb25zLCBpZCB9KTtcbiAgICB9LCBbb3B0aW9ucywgaWRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBtaW5XaWR0aD1cIjdyZW1cIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgID5cbiAgICAgICAgPFN0eWxlZEZsZXhib3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICAgIGNvbG9yPXtlcnJvciA/ICdmZWVkYmFjay1lcnJvcicgOiBkaXNhYmxlZCA/ICd0ZXh0LWRpc2FibGVkJyA6ICd0ZXh0J31cbiAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICBwcj17MTJ9XG4gICAgICAgICAgcmlnaHQ9e3NpemVWYXJpYW50ID09PSAnc21hbGwnID8gNCA6IDB9XG4gICAgICAgICAgdG9wPVwiMFwiXG4gICAgICAgID5cbiAgICAgICAgICB7c2l6ZVZhcmlhbnQgPT09ICdzbWFsbCcgPyAoXG4gICAgICAgICAgICA8TWluaUNoZXZyb25Eb3duSWNvbiBzaXplPXsxMn0gLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPEFycm93Q2hldnJvbkRvd25JY29uIHNpemU9ezE2fSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkRmxleGJveD5cbiAgICAgICAgPFNlbGVjdEJhc2VcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZSB8fCAnJ31cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgICAgIGlkPXtpZCB8fCByZXN0Lmh0bWxGb3J9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgc2l6ZVZhcmlhbnQ9e3NpemVWYXJpYW50fVxuICAgICAgICAgIHZhcmlhbnQ9e2NvbmRpdGlvbmFsU3R5bGVTdGF0ZShCb29sZWFuKGVycm9yKSwgYWN0aXZhdGVkU3R5bGUpfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZXZlbnQpID0+IGNoYW5nZUhhbmRsZXIoZXZlbnQpfVxuICAgICAgICA+XG4gICAgICAgICAge3NlbGVjdE9wdGlvbnN9XG4gICAgICAgIDwvU2VsZWN0QmFzZT5cbiAgICAgIDwvQm94PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */",
|
|
37
38
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
38
39
|
};
|
|
39
40
|
const StyledFlexbox = /*#__PURE__*/_styled(FlexBox, {
|
|
40
41
|
target: "e1y2qbta0",
|
|
41
42
|
label: "StyledFlexbox"
|
|
42
|
-
})(allowClickStyle, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
43
|
+
})(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= */");
|
|
43
44
|
export const Select = /*#__PURE__*/forwardRef(({
|
|
44
45
|
className,
|
|
45
46
|
defaultValue,
|
|
@@ -73,7 +74,7 @@ export const Select = /*#__PURE__*/forwardRef(({
|
|
|
73
74
|
color: error ? 'feedback-error' : disabled ? 'text-disabled' : 'text',
|
|
74
75
|
position: "absolute",
|
|
75
76
|
pr: 12,
|
|
76
|
-
right:
|
|
77
|
+
right: sizeVariant === 'small' ? 4 : 0,
|
|
77
78
|
top: "0",
|
|
78
79
|
children: sizeVariant === 'small' ? /*#__PURE__*/_jsx(MiniChevronDownIcon, {
|
|
79
80
|
size: 12
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
export declare const radioWrapper: (props: {
|
|
2
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
3
|
+
}) => import("@codecademy/variance").CSSObject;
|
|
1
4
|
export declare const radioLabel: (props: {
|
|
2
5
|
theme?: import("@emotion/react").Theme | undefined;
|
|
3
6
|
}) => import("@codecademy/variance").CSSObject;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import { css, theme, timing, transitionConcat, variant } from '@codecademy/gamut-styles';
|
|
2
2
|
import { formBaseComponentStyles, formFieldBaseDisabledStyles, InputSelectors } from '.';
|
|
3
|
+
export const radioWrapper = css({
|
|
4
|
+
margin: '0.25rem 0',
|
|
5
|
+
width: '100%',
|
|
6
|
+
fontWeight: 'normal',
|
|
7
|
+
display: 'flex'
|
|
8
|
+
});
|
|
3
9
|
const consistentLabelStyles = {
|
|
4
10
|
content: '""',
|
|
5
11
|
display: 'block',
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export type conditionalStyleProps = {
|
|
3
2
|
error?: boolean;
|
|
4
3
|
activated?: boolean;
|
|
@@ -92,12 +91,6 @@ export declare const formBaseFieldStylesObject: {
|
|
|
92
91
|
export declare const formBaseFieldStyles: (props: {
|
|
93
92
|
theme?: import("@emotion/react").Theme | undefined;
|
|
94
93
|
}) => import("@codecademy/variance").CSSObject;
|
|
95
|
-
export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
|
|
96
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
97
|
-
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
98
|
-
} & {
|
|
99
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
100
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
101
94
|
export declare const formFieldStyles: (props: {
|
|
102
95
|
theme?: import("@emotion/react").Theme | undefined;
|
|
103
96
|
}) => import("@codecademy/variance").CSSObject;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
|
2
1
|
import { css, theme, transitionConcat, variant } from '@codecademy/gamut-styles';
|
|
3
2
|
export let InputSelectors = /*#__PURE__*/function (InputSelectors) {
|
|
4
3
|
InputSelectors["HOVER"] = "&:hover";
|
|
@@ -67,16 +66,6 @@ export const formBaseFieldStylesObject = {
|
|
|
67
66
|
}
|
|
68
67
|
};
|
|
69
68
|
export const formBaseFieldStyles = css(formBaseFieldStylesObject);
|
|
70
|
-
const inputWrapper = css({
|
|
71
|
-
margin: '0.25rem 0',
|
|
72
|
-
width: '100%',
|
|
73
|
-
fontWeight: 'normal',
|
|
74
|
-
display: 'flex'
|
|
75
|
-
});
|
|
76
|
-
export const InputWrapper = /*#__PURE__*/_styled("div", {
|
|
77
|
-
target: "e1o3jdqp0",
|
|
78
|
-
label: "InputWrapper"
|
|
79
|
-
})(inputWrapper, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Gb3JtL3N0eWxlcy9zaGFyZWQtc3lzdGVtLXByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNHNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Zvcm0vc3R5bGVzL3NoYXJlZC1zeXN0ZW0tcHJvcHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBjc3MsXG4gIHRoZW1lLFxuICB0cmFuc2l0aW9uQ29uY2F0LFxuICB2YXJpYW50LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgdHlwZSBjb25kaXRpb25hbFN0eWxlUHJvcHMgPSB7XG4gIGVycm9yPzogYm9vbGVhbjtcbiAgYWN0aXZhdGVkPzogYm9vbGVhbjtcbiAgaXNGb2N1c2VkPzogYm9vbGVhbiB8IG51bGw7XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuIHwgbnVsbDtcbn07XG5cbmV4cG9ydCBlbnVtIElucHV0U2VsZWN0b3JzIHtcbiAgSE9WRVIgPSAnJjpob3ZlcicsXG4gIEFDVElWRSA9ICcmOmFjdGl2ZScsXG4gIFBMQUNFSE9MREVSID0gJyY6cGxhY2Vob2xkZXInLFxuICBGT0NVUyA9ICcmOmZvY3VzJyxcbiAgRk9DVVNfTEFCRUxfRElWX0NISUxEID0gJyY6Zm9jdXMgKyBsYWJlbCA+IGRpdicsXG4gIERJU0FCTEVEID0gXCImOmRpc2FibGVkLCAmW2FyaWEtZGlzYWJsZWQ9J3RydWUnXVwiLFxuICBCRUZPUkUgPSAnJjo6YmVmb3JlJyxcbiAgQUZURVIgPSAnJjo6YWZ0ZXInLFxuICBCRUZPUkVfQU5EX0FGVEVSID0gJyY6OmJlZm9yZSwgJjo6YWZ0ZXInLFxuICBDSEVDS0VEX0JFRk9SRSA9ICcmOmNoZWNrZWQgKyBsYWJlbDo6YmVmb3JlJyxcbiAgQ0hFQ0tFRF9BRlRFUiA9ICcmOmNoZWNrZWQgKyBsYWJlbDo6YWZ0ZXInLFxuICBIT1ZFUl9GT0NVU19CRUZPUkUgPSAnJjpob3ZlciArIGxhYmVsOjpiZWZvcmUsICY6Zm9jdXMgKyBsYWJlbDo6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IGZvcm1CYXNlU3R5bGVzID0ge1xuICBmb250V2VpZ2h0OiAnYmFzZScsXG4gIGZvbnRTaXplOiAxNixcbiAgY29sb3I6ICd0ZXh0Jyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBmb3JtQmFzZUNvbXBvbmVudFN0eWxlcyA9IHtcbiAgd2lkdGg6IDEsXG4gIG91dGxpbmU6ICdub25lJyxcbiAgYmc6ICdiYWNrZ3JvdW5kJyxcbiAgbWluV2lkdGg6ICdhdXRvJyxcbiAgLi4uZm9ybUJhc2VTdHlsZXMsXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgZm9ybUZpZWxkRm9jdXNTdHlsZXMgPSB7XG4gIGJvcmRlckNvbG9yOiAncHJpbWFyeScsXG4gIGJveFNoYWRvdzogYGluc2V0IDAgMCAwIDFweCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5fWAsXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgZm9ybUZpZWxkVGV4dERpc2FibGVkU3R5bGVzID0ge1xuICBjb2xvcjogJ3RleHQtZGlzYWJsZWQnLFxuICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgZm9ybUZpZWxkQmFzZURpc2FibGVkU3R5bGVzID0ge1xuICBib3JkZXJDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gIG9wYWNpdHk6IDEsXG4gIC4uLmZvcm1GaWVsZFRleHREaXNhYmxlZFN0eWxlcyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBmb3JtRmllbGREaXNhYmxlZFN0eWxlcyA9IHtcbiAgLi4uZm9ybUZpZWxkQmFzZURpc2FibGVkU3R5bGVzLFxuICBiZzogJ2JhY2tncm91bmQtZGlzYWJsZWQnLFxuICBbSW5wdXRTZWxlY3RvcnMuSE9WRVJdOiB7XG4gICAgYm9yZGVyQ29sb3I6ICdjdXJyZW50Q29sb3InLFxuICB9LFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IGZvcm1GaWVsZFBhZGRpbmdTdHlsZXMgPSB7XG4gIHB5OiAxMixcbiAgcHg6IDgsXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgZm9ybUJhc2VGaWVsZFN0eWxlc09iamVjdCA9IHtcbiAgLi4uZm9ybUJhc2VDb21wb25lbnRTdHlsZXMsXG4gIHRyYW5zaXRpb246IHRyYW5zaXRpb25Db25jYXQoXG4gICAgWydiYWNrZ3JvdW5kLWNvbG9yJywgJ2JveC1zaGFkb3cnXSxcbiAgICAnc2xvdycsXG4gICAgJ2Vhc2UtaW4tb3V0J1xuICApLFxuICBib3JkZXI6IDEsXG4gIGJvcmRlclJhZGl1czogJ21kJyxcbiAgW0lucHV0U2VsZWN0b3JzLkhPVkVSXToge1xuICAgIGJvcmRlckNvbG9yOiAncHJpbWFyeScsXG4gIH0sXG4gIFtJbnB1dFNlbGVjdG9ycy5QTEFDRUhPTERFUl06IHtcbiAgICBmb250U3R5bGU6ICdpdGFsaWMnLFxuICB9LFxuICBbSW5wdXRTZWxlY3RvcnMuRElTQUJMRURdOiB7XG4gICAgLi4uZm9ybUZpZWxkRGlzYWJsZWRTdHlsZXMsXG4gIH0sXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgZm9ybUJhc2VGaWVsZFN0eWxlcyA9IGNzcyhmb3JtQmFzZUZpZWxkU3R5bGVzT2JqZWN0KTtcblxuY29uc3QgaW5wdXRXcmFwcGVyID0gY3NzKHtcbiAgbWFyZ2luOiAnMC4yNXJlbSAwJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgZm9udFdlaWdodDogJ25vcm1hbCcsXG4gIGRpc3BsYXk6ICdmbGV4Jyxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdihpbnB1dFdyYXBwZXIpO1xuXG5leHBvcnQgY29uc3QgZm9ybUZpZWxkU3R5bGVzID0gY3NzKHtcbiAgLi4uZm9ybUJhc2VGaWVsZFN0eWxlc09iamVjdCxcbiAgLi4uZm9ybUZpZWxkUGFkZGluZ1N0eWxlcyxcbiAgbGluZUhlaWdodDogJ2Jhc2UnLFxuICBbSW5wdXRTZWxlY3RvcnMuRk9DVVNdOiBmb3JtRmllbGRGb2N1c1N0eWxlcyxcbn0pO1xuXG5leHBvcnQgY29uc3QgY29uZGl0aW9uYWxTdHlsZXMgPSB2YXJpYW50KHtcbiAgdmFyaWFudHM6IHtcbiAgICBlcnJvcjoge1xuICAgICAgYm9yZGVyQ29sb3I6ICdmZWVkYmFjay1lcnJvcicsXG4gICAgICBbSW5wdXRTZWxlY3RvcnMuSE9WRVJdOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOiAnZmVlZGJhY2stZXJyb3InLFxuICAgICAgfSxcbiAgICAgIFtJbnB1dFNlbGVjdG9ycy5GT0NVU106IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6ICdmZWVkYmFjay1lcnJvcicsXG4gICAgICAgIGJveFNoYWRvdzogYGluc2V0IDAgMCAwIDFweCAke3RoZW1lLmNvbG9yc1snZmVlZGJhY2stZXJyb3InXX1gLFxuICAgICAgfSxcbiAgICB9LFxuICAgIGFjdGl2YXRlZDogeyBib3JkZXJDb2xvcjogJ2N1cnJlbnRDb2xvcicgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgY29uZGl0aW9uYWxTdHlsZVN0YXRlID0gKGVycm9yOiBib29sZWFuLCBhY3RpdmF0ZWQ6IGJvb2xlYW4pID0+IHtcbiAgcmV0dXJuIGVycm9yID8gJ2Vycm9yJyA6IGFjdGl2YXRlZCA/ICdhY3RpdmF0ZWQnIDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IGlucHV0U2l6ZVN0eWxlcyA9IHZhcmlhbnQoe1xuICBwcm9wOiAnaW5wdXRTaXplJyxcbiAgZGVmYXVsdFZhcmlhbnQ6ICdiYXNlJyxcbiAgYmFzZToge1xuICAgIHB4OiA4LFxuICB9LFxuICB2YXJpYW50czoge1xuICAgIGJhc2U6IHtcbiAgICAgIC4uLmZvcm1GaWVsZFBhZGRpbmdTdHlsZXMsXG4gICAgfSxcbiAgICBzbWFsbDoge1xuICAgICAgcHk6IDMgYXMgYW55LFxuICAgIH0sXG4gICAgc21hbGxGaWxlOiB7XG4gICAgICBweTogMiBhcyBhbnksXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
|
|
80
69
|
export const formFieldStyles = css({
|
|
81
70
|
...formBaseFieldStylesObject,
|
|
82
71
|
...formFieldPaddingStyles,
|
|
@@ -31,14 +31,12 @@ export const GridFormRadioGroupInput = ({
|
|
|
31
31
|
children: field.options.map(({
|
|
32
32
|
label,
|
|
33
33
|
value,
|
|
34
|
-
infotip,
|
|
35
34
|
...rest
|
|
36
35
|
}) => /*#__PURE__*/_createElement(Radio, {
|
|
37
36
|
...register(field.name, field.validation),
|
|
38
37
|
disabled: disabled,
|
|
39
38
|
error: error,
|
|
40
39
|
id: field.id,
|
|
41
|
-
infotip: infotip,
|
|
42
40
|
key: value,
|
|
43
41
|
label: label,
|
|
44
42
|
value: value,
|
|
@@ -21,10 +21,6 @@ export declare const getComponent: (componentName: string) => {
|
|
|
21
21
|
};
|
|
22
22
|
type GridFormInputGroupTestComponentProps = GridFormInputGroupProps & {
|
|
23
23
|
mode?: 'onSubmit' | 'onChange';
|
|
24
|
-
externalLabel?: {
|
|
25
|
-
id: string;
|
|
26
|
-
text: string;
|
|
27
|
-
};
|
|
28
24
|
};
|
|
29
25
|
export declare const GridFormInputGroupTestComponent: React.FC<GridFormInputGroupTestComponentProps>;
|
|
30
26
|
export {};
|
package/dist/GridForm/types.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { MinimalCheckboxProps } from '../ConnectedForm';
|
|
|
5
5
|
import { CheckboxLabelUnion, TextAreaProps } from '../Form';
|
|
6
6
|
import { CheckboxPaddingProps } from '../Form/types';
|
|
7
7
|
import { ColumnProps } from '../Layout';
|
|
8
|
-
import {
|
|
8
|
+
import { InfoTipProps } from '../Tip/InfoTip';
|
|
9
9
|
import { Text, TextProps } from '../Typography/Text';
|
|
10
10
|
export interface BaseFormInputProps {
|
|
11
11
|
className?: string;
|
|
@@ -25,12 +25,7 @@ export type BaseFormField<Value> = {
|
|
|
25
25
|
* HTML id to use instead of the name.
|
|
26
26
|
*/
|
|
27
27
|
id?: string;
|
|
28
|
-
|
|
29
|
-
* InfoTip to display next to the field label. The InfoTip button is
|
|
30
|
-
* automatically labelled by the field label. To override this behavior,
|
|
31
|
-
* provide `ariaLabel` or `ariaLabelledby`.
|
|
32
|
-
*/
|
|
33
|
-
infotip?: InfoTipSubComponentProps;
|
|
28
|
+
infotip?: InfoTipProps;
|
|
34
29
|
isSoloField?: boolean;
|
|
35
30
|
name: string;
|
|
36
31
|
onUpdate?: (value: Value) => void;
|
package/dist/List/elements.d.ts
CHANGED
|
@@ -301,7 +301,7 @@ export declare const HeaderRowEl: import("@emotion/styled").StyledComponent<{
|
|
|
301
301
|
theme?: import("@emotion/react").Theme | undefined;
|
|
302
302
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
303
303
|
} & HeaderProps, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onResize" | "onResizeCapture" | "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">, {}>;
|
|
304
|
-
declare const columnType: (props: import("@codecademy/variance/dist/types/config").VariantProps<"type", false | "header" | "select" | "content" | "
|
|
304
|
+
declare const columnType: (props: import("@codecademy/variance/dist/types/config").VariantProps<"type", false | "header" | "select" | "content" | "control" | "orderedHeader" | "tableControl" | "expand" | "expandControl"> & {
|
|
305
305
|
theme?: import("@emotion/react").Theme | undefined;
|
|
306
306
|
}) => import("@codecademy/variance").CSSObject;
|
|
307
307
|
declare const columnJustify: (props: import("@codecademy/variance/dist/types/config").VariantProps<"justify", false | "left" | "right"> & {
|
|
@@ -8,17 +8,14 @@ export const InfoTipButton = /*#__PURE__*/forwardRef(({
|
|
|
8
8
|
active,
|
|
9
9
|
children,
|
|
10
10
|
emphasis,
|
|
11
|
-
'aria-label': ariaLabel,
|
|
12
|
-
'aria-labelledby': ariaLabelledby,
|
|
13
11
|
...props
|
|
14
12
|
}, ref) => {
|
|
15
13
|
const Icon = emphasis === 'high' ? MiniInfoCircleIcon : MiniInfoOutlineIcon;
|
|
16
14
|
return /*#__PURE__*/_jsxs(InfoTipButtonBase, {
|
|
17
|
-
...props,
|
|
18
15
|
active: active,
|
|
19
16
|
"aria-expanded": active,
|
|
20
|
-
"aria-label":
|
|
21
|
-
|
|
17
|
+
"aria-label": "Show information",
|
|
18
|
+
...props,
|
|
22
19
|
ref: ref,
|
|
23
20
|
children: [Icon && /*#__PURE__*/_jsx(Icon, {
|
|
24
21
|
"aria-hidden": true,
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ScreenreaderNavigableText: import("@emotion/styled").StyledComponent<(((Omit<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
+
} & import("../..").TextTruncateProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onResize" | "onResizeCapture" | "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" | keyof import("react").ClassAttributes<HTMLSpanElement>>, "ref"> | Omit<{
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
8
|
+
} & import("../..").TextNoTruncateProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onResize" | "onResizeCapture" | "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" | keyof import("react").ClassAttributes<HTMLSpanElement>>, "ref">) & import("react").RefAttributes<HTMLSpanElement>) & {
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
}) & {
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { css } from '@codecademy/gamut-styles';
|
|
3
|
+
import { Text } from '../../Typography';
|
|
4
|
+
export const ScreenreaderNavigableText = /*#__PURE__*/_styled(Text, {
|
|
5
|
+
target: "e1rvjfdo0",
|
|
6
|
+
label: "ScreenreaderNavigableText"
|
|
7
|
+
})(css({
|
|
8
|
+
position: 'absolute'
|
|
9
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvSW5mb1RpcC9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvSW5mb1RpcC9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vLi4vVHlwb2dyYXBoeSc7XG5cbmV4cG9ydCBjb25zdCBTY3JlZW5yZWFkZXJOYXZpZ2FibGVUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3MoeyBwb3NpdGlvbjogJ2Fic29sdXRlJyB9KVxuKTtcbiJdfQ== */");
|
|
@@ -1,38 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TipBaseAlignment, TipBaseProps } from '../shared/types';
|
|
3
|
-
|
|
4
|
-
* Base props shared by all InfoTip variants.
|
|
5
|
-
* Contains all common props except the aria-* specific props.
|
|
6
|
-
*/
|
|
7
|
-
export type InfoTipBaseProps = TipBaseProps & {
|
|
3
|
+
export type InfoTipProps = TipBaseProps & {
|
|
8
4
|
alignment?: TipBaseAlignment;
|
|
9
|
-
/**
|
|
10
|
-
* Accessible role description for the InfoTip button. Useful for translation.
|
|
11
|
-
* @default "More information button"
|
|
12
|
-
*/
|
|
13
|
-
ariaRoleDescription?: string;
|
|
14
5
|
emphasis?: 'low' | 'high';
|
|
15
6
|
/**
|
|
16
|
-
* Called when the
|
|
7
|
+
* Called when the info tip is clicked - the onClick function is called after the DOM updates and the tip is mounted.
|
|
17
8
|
*/
|
|
18
9
|
onClick?: (arg0: {
|
|
19
10
|
isTipHidden: boolean;
|
|
20
11
|
}) => void;
|
|
21
12
|
};
|
|
22
|
-
type InfoTipPropsWithAriaLabel = InfoTipBaseProps & {
|
|
23
|
-
/**
|
|
24
|
-
* Accessible label for the InfoTip button. ariaLabel or ariaLabelledby should be provided for accessibility.
|
|
25
|
-
*/
|
|
26
|
-
ariaLabel?: string;
|
|
27
|
-
ariaLabelledby?: never;
|
|
28
|
-
};
|
|
29
|
-
type InfoTipPropsWithAriaLabelledby = InfoTipBaseProps & {
|
|
30
|
-
ariaLabel?: never;
|
|
31
|
-
/**
|
|
32
|
-
* ID of an element that labels the InfoTip button.
|
|
33
|
-
*/
|
|
34
|
-
ariaLabelledby?: string;
|
|
35
|
-
};
|
|
36
|
-
export type InfoTipProps = InfoTipPropsWithAriaLabel | InfoTipPropsWithAriaLabelledby;
|
|
37
13
|
export declare const InfoTip: React.FC<InfoTipProps>;
|
|
38
|
-
export {};
|