@procore/core-react 12.26.2 → 12.26.3
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/CHANGELOG.md +8 -0
- package/dist/AnchorNavigation/AnchorNavigation.styles.js +3 -3
- package/dist/Avatar/Avatar.styles.js +5 -5
- package/dist/AvatarStack/AvatarStack.styles.js +7 -7
- package/dist/Badge/Badge.styles.js +2 -2
- package/dist/BadgePill/BadgePill.styles.js +4 -4
- package/dist/Banner/Banner.styles.js +10 -10
- package/dist/Box/Box.styles.js +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/dist/Button/Button.styles.js +5 -5
- package/dist/Calendar/Calendar.styles.js +8 -8
- package/dist/Card/Card.styles.js +1 -1
- package/dist/Checkbox/Checkbox.styles.js +6 -6
- package/dist/Checkbox/CheckboxTooltip.js +1 -1
- package/dist/ContactItem/ContactItem.styles.js +5 -5
- package/dist/Content/Content.styles.js +2 -2
- package/dist/DateInput/DateInput.styles.js +6 -6
- package/dist/DeprecatedTextEditorOutput/DeprecatedTextEditorOutput.styles.js +1 -1
- package/dist/DetailPage/DetailPage.styles.js +7 -7
- package/dist/Dropdown/Dropdown.styles.js +3 -3
- package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
- package/dist/Dropzone/Dropzone.js +1 -1
- package/dist/Dropzone/Dropzone.styles.js +9 -9
- package/dist/EmptyState/EmptyState.styles.js +6 -6
- package/dist/Field/Field.styles.js +3 -3
- package/dist/FileList/FileList.styles.js +4 -4
- package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
- package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
- package/dist/FileSelect/FileSelect.styles.js +2 -2
- package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
- package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
- package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
- package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
- package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
- package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
- package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
- package/dist/FileToken/FileToken.styles.js +4 -4
- package/dist/FilterToken/FilterToken.styles.js +5 -5
- package/dist/FlexList/FlexList.styles.js +1 -1
- package/dist/Form/Form.js +7 -1
- package/dist/Form/Form.js.map +1 -1
- package/dist/Form/Form.styles.js +14 -14
- package/dist/Form/StyledFormikForm.styles.js +2 -2
- package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
- package/dist/Grid/Grid.styles.js +2 -2
- package/dist/GroupSelect/GroupSelect.styles.js +1 -1
- package/dist/Input/Input.styles.js +1 -1
- package/dist/Link/Link.styles.js +1 -1
- package/dist/ListPage/ListPage.styles.js +8 -8
- package/dist/Loader/Loader.styles.js +2 -2
- package/dist/MenuImperative/MenuImperative.styles.js +10 -10
- package/dist/Modal/Modal.styles.js +13 -13
- package/dist/MultiSelect/MultiSelect.styles.js +6 -6
- package/dist/NextMenu/NextMenu.styles.js +3 -3
- package/dist/NextTextEditor/NextTextEditor.js +5 -5
- package/dist/NextTextEditor/NextTextEditor.js.map +1 -1
- package/dist/NextTextEditor/NextTextEditor.styles.d.ts +4 -2
- package/dist/NextTextEditor/NextTextEditor.styles.js +8 -4
- package/dist/NextTextEditor/NextTextEditor.styles.js.map +1 -1
- package/dist/NextTextEditorOutput/NextTextEditorOutput.styles.js +2 -2
- package/dist/NextTextEditorOutput/NextTextEditorOutput.styles.js.map +1 -1
- package/dist/Notation/Notation.js +1 -1
- package/dist/NumberInput/NumberInput.styles.js +7 -7
- package/dist/Overlay/OverlayArrow.styles.js +1 -1
- package/dist/PageLayout/PageLayout.styles.js +16 -16
- package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
- package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
- package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
- package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
- package/dist/Pagination/Pagination.styles.js +5 -5
- package/dist/Panel/Panel.styles.js +11 -11
- package/dist/Pill/Pill.styles.js +3 -3
- package/dist/PillSelect/PillSelect.styles.js +4 -4
- package/dist/Popover/Popover.styles.js +2 -2
- package/dist/Portal/Portal.styles.js +1 -1
- package/dist/ProgressBar/ProgressBar.styles.js +2 -2
- package/dist/RadioButton/RadioButton.styles.js +3 -3
- package/dist/Required/Required.styles.js +3 -3
- package/dist/Search/Search.js +4 -1
- package/dist/Search/Search.js.map +1 -1
- package/dist/Search/Search.styles.js +5 -5
- package/dist/Section/Section.styles.js +7 -7
- package/dist/SegmentedController/SegmentedController.styles.js +4 -4
- package/dist/Select/Select.styles.js +7 -7
- package/dist/Semantic/Semantic.styles.js +9 -9
- package/dist/Slider/Slider.styles.js +5 -5
- package/dist/Spinner/Spinner.styles.js +7 -7
- package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
- package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
- package/dist/SuperSelect/SuperSelect.styles.js +37 -37
- package/dist/Switch/Switch.styles.js +4 -4
- package/dist/Table/Table.styles.js +28 -28
- package/dist/TableShelf/TableShelf.styles.js +5 -5
- package/dist/Tabs/Tabs.styles.js +15 -15
- package/dist/Tearsheet/Tearsheet.styles.js +5 -5
- package/dist/TextArea/TextArea.styles.js +1 -1
- package/dist/Thumbnail/Thumbnail.styles.js +17 -17
- package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
- package/dist/TieredSelect/TieredSelect.styles.js +9 -9
- package/dist/Tile/Tile.styles.js +8 -8
- package/dist/Title/Title.styles.js +7 -7
- package/dist/Toast/Toast.styles.js +3 -3
- package/dist/ToggleButton/ToggleButton.styles.js +1 -1
- package/dist/Token/Token.styles.js +3 -3
- package/dist/ToolHeader/ToolHeader.styles.js +6 -6
- package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
- package/dist/Tooltip/Tooltip.styles.js +2 -2
- package/dist/Tree/Tree.styles.js +9 -9
- package/dist/Typeahead/Typeahead.styles.js +3 -3
- package/dist/Typography/Typography.styles.js +1 -1
- package/dist/Typography/Typography.table.story.js +2 -2
- package/dist/_hooks/I18n.d.ts +2 -0
- package/dist/_locales/en.json +2 -1
- package/dist/_locales/pseudo.json +2 -1
- package/dist/_storyHelpers_/components/Deprecation.styles.js +1 -1
- package/dist/_storyHelpers_/components/StoryGrid.js +3 -3
- package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json +3 -3
- package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +24 -24
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +13 -13
- package/dist/_typedoc/Box/Box.types.json +68 -68
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
- package/dist/_typedoc/Button/Button.types.json +13 -13
- package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
- package/dist/_typedoc/Card/Card.types.json +6 -6
- package/dist/_typedoc/Checkbox/Checkbox.types.json +8 -8
- package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
- package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
- package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
- package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
- package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +30 -30
- package/dist/_typedoc/Dropzone/Dropzone.types.json +44 -44
- package/dist/_typedoc/EmptyState/EmptyState.types.json +16 -16
- package/dist/_typedoc/FileList/FileList.types.json +9 -9
- package/dist/_typedoc/FileSelect/FileSelect.types.json +27 -27
- package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
- package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
- package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
- package/dist/_typedoc/Flex/Flex.types.json +27 -27
- package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
- package/dist/_typedoc/Form/Form.types.json +754 -754
- package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
- package/dist/_typedoc/Input/Input.types.json +2 -2
- package/dist/_typedoc/Link/Link.types.json +1 -1
- package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
- package/dist/_typedoc/Menu/Menu.types.json +62 -62
- package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
- package/dist/_typedoc/Modal/Modal.types.json +46 -46
- package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
- package/dist/_typedoc/NextTile/NextTile.types.json +32 -32
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +37 -37
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +32 -32
- package/dist/_typedoc/PageLayout/PageLayout.types.json +26 -26
- package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
- package/dist/_typedoc/Panel/Panel.types.json +30 -30
- package/dist/_typedoc/Pill/Pill.types.json +2 -2
- package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
- package/dist/_typedoc/Popover/Popover.types.json +15 -15
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +7 -7
- package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
- package/dist/_typedoc/Required/Required.types.json +5 -5
- package/dist/_typedoc/Search/Search.types.json +18 -18
- package/dist/_typedoc/Section/Section.types.json +15 -15
- package/dist/_typedoc/SegmentedController/SegmentedController.types.json +21 -21
- package/dist/_typedoc/Select/Select.types.json +60 -60
- package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
- package/dist/_typedoc/Slider/Slider.types.json +6 -6
- package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
- package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +14 -14
- package/dist/_typedoc/Table/Table.types.json +101 -101
- package/dist/_typedoc/Tabs/Tabs.types.json +20 -20
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +17 -17
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditorDocs.types.json +9 -9
- package/dist/_typedoc/TextEditor/TextEditorProvider.types.json +2 -2
- package/dist/_typedoc/TextEditorOutput/TextEditorOutputDocs.types.json +3 -3
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
- package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
- package/dist/_typedoc/Tile/Tile.types.json +8 -8
- package/dist/_typedoc/Title/Title.types.json +1 -1
- package/dist/_typedoc/Toast/Toast.types.json +4 -4
- package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
- package/dist/_typedoc/Token/Token.types.json +7 -7
- package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
- package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +7 -7
- package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
- package/dist/_typedoc/Tree/Tree.types.json +86 -86
- package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
- package/dist/_typedoc/Typography/Typography.types.json +9 -9
- package/dist/_typedoc/_utils/types.json +3 -3
- package/package.json +1 -1
package/dist/Form/Form.styles.js
CHANGED
|
@@ -24,7 +24,7 @@ function applyStylesOnlyToIE11(styles) {
|
|
|
24
24
|
}
|
|
25
25
|
export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
|
|
26
26
|
displayName: "StyledFormFieldMain",
|
|
27
|
-
componentId: "core-
|
|
27
|
+
componentId: "core-12_26_3__sc-ncj3pf-0"
|
|
28
28
|
})(["-ms-grid-row:2;grid-row:2;", " ", " ", ""], function (_ref) {
|
|
29
29
|
var $colStart = _ref.$colStart,
|
|
30
30
|
$colEnd = _ref.$colEnd,
|
|
@@ -36,15 +36,15 @@ export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
|
|
|
36
36
|
}, applyStylesOnlyToIE11("\n padding-left: ".concat(columnGutter, ";\n\n &:nth-child(2) {\n padding-left: 0;\n }\n ")));
|
|
37
37
|
export var StyledLabel = /*#__PURE__*/styled(Label).withConfig({
|
|
38
38
|
displayName: "StyledLabel",
|
|
39
|
-
componentId: "core-
|
|
39
|
+
componentId: "core-12_26_3__sc-ncj3pf-1"
|
|
40
40
|
})(["word-wrap:break-word;word-break:break-word;"]);
|
|
41
41
|
export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
|
|
42
42
|
displayName: "StyledDescription",
|
|
43
|
-
componentId: "core-
|
|
43
|
+
componentId: "core-12_26_3__sc-ncj3pf-2"
|
|
44
44
|
})(["", " color:", ";word-wrap:break-word;word-break:break-word;"], getTypographyIntent('body'), colors.gray45);
|
|
45
45
|
export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescription).withConfig({
|
|
46
46
|
displayName: "StyledCheckboxInlineDescription",
|
|
47
|
-
componentId: "core-
|
|
47
|
+
componentId: "core-12_26_3__sc-ncj3pf-3"
|
|
48
48
|
})(["margin-top:", "px;", ""], spacing.xs, function (_ref3) {
|
|
49
49
|
var $read = _ref3.$read;
|
|
50
50
|
if (!$read) {
|
|
@@ -53,7 +53,7 @@ export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescripti
|
|
|
53
53
|
});
|
|
54
54
|
export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withConfig({
|
|
55
55
|
displayName: "StyledFormFieldHeader",
|
|
56
|
-
componentId: "core-
|
|
56
|
+
componentId: "core-12_26_3__sc-ncj3pf-4"
|
|
57
57
|
})(["-ms-grid-row:1;grid-row:1;align-self:end;margin-bottom:", "px;", " ", " * + ", "{margin-top:", "px;}"], spacing.xs, function (_ref4) {
|
|
58
58
|
var $colStart = _ref4.$colStart,
|
|
59
59
|
$colEnd = _ref4.$colEnd,
|
|
@@ -62,7 +62,7 @@ export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withCo
|
|
|
62
62
|
}, applyStylesOnlyToIE11("\n padding-left: ".concat(columnGutter, ";\n\n &:first-child {\n padding-left: 0;\n }\n\n ").concat(StyledFormFieldMain, " {\n padding-left: ").concat(columnGutter, ";\n\n &:nth-child(2) {\n padding-left: 0;\n }\n }\n ")), StyledDescription, spacing.xs);
|
|
63
63
|
export var StyledFormFieldRequiredMark = /*#__PURE__*/styled(Required).withConfig({
|
|
64
64
|
displayName: "StyledFormFieldRequiredMark",
|
|
65
|
-
componentId: "core-
|
|
65
|
+
componentId: "core-12_26_3__sc-ncj3pf-5"
|
|
66
66
|
})(["padding-left:", "px;vertical-align:top;"], spacing.xs);
|
|
67
67
|
export var dataQaFieldTooltipIcon = 'form-field-tooltip-icon';
|
|
68
68
|
export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function () {
|
|
@@ -71,20 +71,20 @@ export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function
|
|
|
71
71
|
};
|
|
72
72
|
}).withConfig({
|
|
73
73
|
displayName: "StyledFormFieldTooltipIcon",
|
|
74
|
-
componentId: "core-
|
|
74
|
+
componentId: "core-12_26_3__sc-ncj3pf-6"
|
|
75
75
|
})(["margin-left:", "px;color:", ";vertical-align:middle;&:focus-visible{border-radius:50%;", " outline-offset:0;}"], spacing.sm, colors.gray45, getGapOutlineFocus);
|
|
76
76
|
export var StyledFormFieldErrorIcon = /*#__PURE__*/styled(Error).withConfig({
|
|
77
77
|
displayName: "StyledFormFieldErrorIcon",
|
|
78
|
-
componentId: "core-
|
|
78
|
+
componentId: "core-12_26_3__sc-ncj3pf-7"
|
|
79
79
|
})(["vertical-align:sub;"]);
|
|
80
80
|
export var StyledFormFieldBanner = /*#__PURE__*/styled.div.withConfig({
|
|
81
81
|
displayName: "StyledFormFieldBanner",
|
|
82
|
-
componentId: "core-
|
|
82
|
+
componentId: "core-12_26_3__sc-ncj3pf-8"
|
|
83
83
|
})(["display:flex;align-items:flex-start;min-height:22px;margin-top:", "px;margin-bottom:2px;word-break:break-word;word-wrap:break-word;color:", ";", ""], spacing.xs, colors.red50, getTypographyIntent('body'));
|
|
84
84
|
/** @deprecated The traditional field layout is deprecated */
|
|
85
85
|
export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
|
|
86
86
|
displayName: "StyledTraditionalFormColumn",
|
|
87
|
-
componentId: "core-
|
|
87
|
+
componentId: "core-12_26_3__sc-ncj3pf-9"
|
|
88
88
|
})(["padding:", ";align-self:center;height:100%;&:nth-child(1){-ms-grid-column:1;}&:nth-child(2){-ms-grid-column:2;}&:nth-child(3){-ms-grid-column:3;}&:nth-child(4){-ms-grid-column:4;}", " ", ""], traditionalPadding, function (_ref5) {
|
|
89
89
|
var _ref5$$fullWidth = _ref5.$fullWidth,
|
|
90
90
|
$fullWidth = _ref5$$fullWidth === void 0 ? false : _ref5$$fullWidth;
|
|
@@ -96,15 +96,15 @@ export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
|
|
|
96
96
|
});
|
|
97
97
|
export var StyledFormOutputTextArea = /*#__PURE__*/styled.span.withConfig({
|
|
98
98
|
displayName: "StyledFormOutputTextArea",
|
|
99
|
-
componentId: "core-
|
|
99
|
+
componentId: "core-12_26_3__sc-ncj3pf-10"
|
|
100
100
|
})(["white-space:pre-wrap;"]);
|
|
101
101
|
export var StyledFormOutputFiledset = /*#__PURE__*/styled.fieldset.withConfig({
|
|
102
102
|
displayName: "StyledFormOutputFiledset",
|
|
103
|
-
componentId: "core-
|
|
103
|
+
componentId: "core-12_26_3__sc-ncj3pf-11"
|
|
104
104
|
})(["border:none;padding:0;margin-top:", "px;"], spacing.xs);
|
|
105
105
|
export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
|
|
106
106
|
displayName: "StyledFormRow",
|
|
107
|
-
componentId: "core-
|
|
107
|
+
componentId: "core-12_26_3__sc-ncj3pf-12"
|
|
108
108
|
})(["", ""], function (_ref7) {
|
|
109
109
|
var _ref7$$traditional = _ref7.$traditional,
|
|
110
110
|
$traditional = _ref7$$traditional === void 0 ? false : _ref7$$traditional,
|
|
@@ -115,6 +115,6 @@ export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
|
|
|
115
115
|
export var formWrapper = /*#__PURE__*/css(["display:inherit;flex-direction:inherit;height:inherit;max-height:inherit;"]);
|
|
116
116
|
export var StyledForm = /*#__PURE__*/styled.div.withConfig({
|
|
117
117
|
displayName: "StyledForm",
|
|
118
|
-
componentId: "core-
|
|
118
|
+
componentId: "core-12_26_3__sc-ncj3pf-13"
|
|
119
119
|
})(["", ""], formWrapper);
|
|
120
120
|
//# sourceMappingURL=Form.styles.js.map
|
|
@@ -5,13 +5,13 @@ import { spacing } from '../_styles/spacing';
|
|
|
5
5
|
import { formWrapper } from './Form.styles';
|
|
6
6
|
export var StyledFormikForm = /*#__PURE__*/styled(FormikForm).withConfig({
|
|
7
7
|
displayName: "StyledFormikForm",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-12_26_3__sc-1ks7m0l-0"
|
|
9
9
|
})(["", ""], formWrapper);
|
|
10
10
|
|
|
11
11
|
/** @deprecated The traditional field layout is deprecated */
|
|
12
12
|
export var StyledTraditionalFormLabel = /*#__PURE__*/styled(Typography).withConfig({
|
|
13
13
|
displayName: "StyledTraditionalFormLabel",
|
|
14
|
-
componentId: "core-
|
|
14
|
+
componentId: "core-12_26_3__sc-1ks7m0l-1"
|
|
15
15
|
})(["display:inline-block;word-break:break-word;word-wrap:break-word;", ""], function (_ref) {
|
|
16
16
|
var $view = _ref.$view;
|
|
17
17
|
return ['create', 'update'].includes($view) && css(["padding-top:", "px;"], spacing.sm);
|
|
@@ -3,7 +3,7 @@ import { spacing } from '../_styles/spacing';
|
|
|
3
3
|
var shimmerAnimation = /*#__PURE__*/keyframes(["0%{background-position:-1000px 500px;}100%{background-position:1000px 500px;}"]);
|
|
4
4
|
export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
|
|
5
5
|
displayName: "PlaceholderItem",
|
|
6
|
-
componentId: "core-
|
|
6
|
+
componentId: "core-12_26_3__sc-1nja302-0"
|
|
7
7
|
})(["width:100%;min-height:24px;padding:10px 0;animation:", " 3s ease-out infinite;background:radial-gradient( ellipse at center,", " 0%,", " 50% );background-size:2000px 2000px;border-radius:", "px;"], shimmerAnimation, function (props) {
|
|
8
8
|
return props.$startGradientColor;
|
|
9
9
|
}, function (props) {
|
|
@@ -11,7 +11,7 @@ export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
|
|
|
11
11
|
}, spacing.sm);
|
|
12
12
|
export var RoundPlaceholderItem = /*#__PURE__*/styled(PlaceholderItem).withConfig({
|
|
13
13
|
displayName: "RoundPlaceholderItem",
|
|
14
|
-
componentId: "core-
|
|
14
|
+
componentId: "core-12_26_3__sc-1nja302-1"
|
|
15
15
|
})(["width:", ";height:", ";border-radius:50%;"], function (props) {
|
|
16
16
|
return props.$small ? '24px' : '40px';
|
|
17
17
|
}, function (props) {
|
package/dist/Grid/Grid.styles.js
CHANGED
|
@@ -75,7 +75,7 @@ var getRowGutterVertical = function getRowGutterVertical(gutterY, breakpoint) {
|
|
|
75
75
|
};
|
|
76
76
|
export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
|
|
77
77
|
displayName: "StyledGridRow",
|
|
78
|
-
componentId: "core-
|
|
78
|
+
componentId: "core-12_26_3__sc-8pinsp-0"
|
|
79
79
|
})(["", " display:flex;flex-wrap:wrap;"], function (_ref) {
|
|
80
80
|
var $gutterX = _ref.$gutterX,
|
|
81
81
|
$gutterY = _ref.$gutterY;
|
|
@@ -87,7 +87,7 @@ export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
|
|
|
87
87
|
});
|
|
88
88
|
export var StyledGridCol = /*#__PURE__*/styled.div.withConfig({
|
|
89
89
|
displayName: "StyledGridCol",
|
|
90
|
-
componentId: "core-
|
|
90
|
+
componentId: "core-12_26_3__sc-8pinsp-1"
|
|
91
91
|
})(["flex-shrink:0;width:100%;max-width:100%;", ""], function (_ref2) {
|
|
92
92
|
var $span = _ref2.$span,
|
|
93
93
|
$offset = _ref2.$offset,
|
|
@@ -3,7 +3,7 @@ import { MultiSelect } from '../MultiSelect/MultiSelect';
|
|
|
3
3
|
import { colors } from '../_styles/colors';
|
|
4
4
|
export var StyledGroupSelectOption = /*#__PURE__*/styled(MultiSelect.Option).withConfig({
|
|
5
5
|
displayName: "StyledGroupSelectOption",
|
|
6
|
-
componentId: "core-
|
|
6
|
+
componentId: "core-12_26_3__sc-u5gu8j-0"
|
|
7
7
|
})(["", ""], function (_ref) {
|
|
8
8
|
var disabled = _ref.disabled;
|
|
9
9
|
return disabled && css(["color:", ";cursor:not-allowed;a,a:hover{color:", ";text-decoration:none;}"], colors.gray70, colors.gray70);
|
|
@@ -16,6 +16,6 @@ export function getInputStyles(_ref) {
|
|
|
16
16
|
}
|
|
17
17
|
export var StyledInput = /*#__PURE__*/styled.input.withConfig({
|
|
18
18
|
displayName: "StyledInput",
|
|
19
|
-
componentId: "core-
|
|
19
|
+
componentId: "core-12_26_3__sc-12sjkxg-0"
|
|
20
20
|
})(["", " padding:0 ", "px;&::-ms-clear{display:none;}&[type='number']{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}}"], getInputStyles, spacing.md);
|
|
21
21
|
//# sourceMappingURL=Input.styles.js.map
|
package/dist/Link/Link.styles.js
CHANGED
|
@@ -17,6 +17,6 @@ function getLinkColors(_ref) {
|
|
|
17
17
|
}
|
|
18
18
|
export var StyledLink = /*#__PURE__*/styled.a.withConfig({
|
|
19
19
|
displayName: "StyledLink",
|
|
20
|
-
componentId: "core-
|
|
20
|
+
componentId: "core-12_26_3__sc-jfowrl-0"
|
|
21
21
|
})(["text-decoration:underline;&:hover{cursor:pointer;text-decoration:underline;}", " &.focus,&:focus{", ";}", ""], focusable, getBorderRadius('md'), getLinkColors);
|
|
22
22
|
//# sourceMappingURL=Link.styles.js.map
|
|
@@ -3,19 +3,19 @@ import { colors } from '../_styles/colors';
|
|
|
3
3
|
import { spacing } from '../_styles/spacing';
|
|
4
4
|
export var StyledListPageMain = /*#__PURE__*/styled.div.withConfig({
|
|
5
5
|
displayName: "StyledListPageMain",
|
|
6
|
-
componentId: "core-
|
|
6
|
+
componentId: "core-12_26_3__sc-1eq7fzi-0"
|
|
7
7
|
})(["display:flex;flex:1 0 auto;flex-direction:column;min-width:0;padding:", "px ", "px;width:100%;"], spacing.lg, spacing.xl);
|
|
8
8
|
export var StyledListPageBanner = /*#__PURE__*/styled.div.withConfig({
|
|
9
9
|
displayName: "StyledListPageBanner",
|
|
10
|
-
componentId: "core-
|
|
10
|
+
componentId: "core-12_26_3__sc-1eq7fzi-1"
|
|
11
11
|
})(["flex:0 0 auto;"]);
|
|
12
12
|
export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
|
|
13
13
|
displayName: "StyledListPageToolHeader",
|
|
14
|
-
componentId: "core-
|
|
14
|
+
componentId: "core-12_26_3__sc-1eq7fzi-2"
|
|
15
15
|
})(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
|
|
16
16
|
export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
|
|
17
17
|
displayName: "StyledListPageControl",
|
|
18
|
-
componentId: "core-
|
|
18
|
+
componentId: "core-12_26_3__sc-1eq7fzi-3"
|
|
19
19
|
})(["flex:", ";", " ", ""], function (_ref) {
|
|
20
20
|
var $block = _ref.$block;
|
|
21
21
|
return $block ? '1 0 auto' : '0 0 auto';
|
|
@@ -32,18 +32,18 @@ export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
|
|
|
32
32
|
});
|
|
33
33
|
export var StyledListPageContentControls = /*#__PURE__*/styled.div.withConfig({
|
|
34
34
|
displayName: "StyledListPageContentControls",
|
|
35
|
-
componentId: "core-
|
|
35
|
+
componentId: "core-12_26_3__sc-1eq7fzi-4"
|
|
36
36
|
})(["align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:", "px 0;", " + ", "{margin-left:", "px;}"], spacing.md, StyledListPageControl, StyledListPageControl, spacing.lg);
|
|
37
37
|
export var StyledListPageBody = /*#__PURE__*/styled.div.withConfig({
|
|
38
38
|
displayName: "StyledListPageBody",
|
|
39
|
-
componentId: "core-
|
|
39
|
+
componentId: "core-12_26_3__sc-1eq7fzi-5"
|
|
40
40
|
})(["display:flex;flex:1 0 auto;padding-top:", "px;"], spacing.md);
|
|
41
41
|
export var StyledListPageBodyContent = /*#__PURE__*/styled.div.withConfig({
|
|
42
42
|
displayName: "StyledListPageBodyContent",
|
|
43
|
-
componentId: "core-
|
|
43
|
+
componentId: "core-12_26_3__sc-1eq7fzi-6"
|
|
44
44
|
})(["flex:1 1 auto;"]);
|
|
45
45
|
export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
|
|
46
46
|
displayName: "StyledListPage",
|
|
47
|
-
componentId: "core-
|
|
47
|
+
componentId: "core-12_26_3__sc-1eq7fzi-7"
|
|
48
48
|
})(["display:flex;flex-direction:row;height:100%;width:100%;", " + ", "{padding-top:", "px;}", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", ",", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", "{padding-top:0;}"], StyledListPageBanner, StyledListPageToolHeader, spacing.lg, StyledListPageContentControls, StyledListPageContentControls, colors.gray85, StyledListPageToolHeader, StyledListPageContentControls, StyledListPageToolHeader, StyledListPageBody, colors.gray85, StyledListPageContentControls, StyledListPageBody);
|
|
49
49
|
//# sourceMappingURL=ListPage.styles.js.map
|
|
@@ -7,11 +7,11 @@ export var loaderTransitionDuration = 250;
|
|
|
7
7
|
var movingStripes = /*#__PURE__*/keyframes(["from{background-position:", "px 0;}100%{background-position:0 ", "px;}"], backgroundSize, backgroundSize);
|
|
8
8
|
export var StyledLoader = /*#__PURE__*/styled.div.withConfig({
|
|
9
9
|
displayName: "StyledLoader",
|
|
10
|
-
componentId: "core-
|
|
10
|
+
componentId: "core-12_26_3__sc-wgvjj9-0"
|
|
11
11
|
})(["display:block;height:100%;left:0;min-width:12px;position:absolute;transition:width ", "ms ease-out;top:0;"], loaderTransitionDuration);
|
|
12
12
|
export var StyledGradient = /*#__PURE__*/styled.div.withConfig({
|
|
13
13
|
displayName: "StyledGradient",
|
|
14
|
-
componentId: "core-
|
|
14
|
+
componentId: "core-12_26_3__sc-wgvjj9-1"
|
|
15
15
|
})(["height:100%;", ""], function (_ref) {
|
|
16
16
|
var $animated = _ref.$animated;
|
|
17
17
|
return $animated ? css(["animation:", " 0.5s linear infinite;background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);
|
|
@@ -11,15 +11,15 @@ var optionMinHeight = 32;
|
|
|
11
11
|
// Do not merge with StyledMenu, needed for max-height working in IE
|
|
12
12
|
export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
13
13
|
displayName: "StyledWrapper",
|
|
14
|
-
componentId: "core-
|
|
14
|
+
componentId: "core-12_26_3__sc-z984sz-0"
|
|
15
15
|
})(["border-radius:inherit;display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
|
|
16
16
|
export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
|
|
17
17
|
displayName: "StyledMenu",
|
|
18
|
-
componentId: "core-
|
|
18
|
+
componentId: "core-12_26_3__sc-z984sz-1"
|
|
19
19
|
})(["border-radius:inherit;display:flex;flex-direction:column;outline:0;width:100%;"]);
|
|
20
20
|
export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
|
|
21
21
|
displayName: "StyledOptions",
|
|
22
|
-
componentId: "core-
|
|
22
|
+
componentId: "core-12_26_3__sc-z984sz-2"
|
|
23
23
|
})(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;&:focus-visible{", " margin:-1px;}"], optionMinHeight, function (_ref) {
|
|
24
24
|
var _ref$$scrollable = _ref.$scrollable,
|
|
25
25
|
$scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
|
|
@@ -27,26 +27,26 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
|
|
|
27
27
|
}, spacing.sm, getFocus());
|
|
28
28
|
export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
|
|
29
29
|
displayName: "StyledGrip",
|
|
30
|
-
componentId: "core-
|
|
30
|
+
componentId: "core-12_26_3__sc-z984sz-3"
|
|
31
31
|
})(["padding:0 2px;height:24px;visibility:hidden;"]);
|
|
32
32
|
export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
|
|
33
33
|
displayName: "StyledHeader",
|
|
34
|
-
componentId: "core-
|
|
34
|
+
componentId: "core-12_26_3__sc-z984sz-4"
|
|
35
35
|
})([""]);
|
|
36
36
|
export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
|
|
37
37
|
displayName: "StyledSearch",
|
|
38
|
-
componentId: "core-
|
|
38
|
+
componentId: "core-12_26_3__sc-z984sz-5"
|
|
39
39
|
})(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
|
|
40
40
|
export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
|
|
41
41
|
displayName: "StyledGroup",
|
|
42
|
-
componentId: "core-
|
|
42
|
+
componentId: "core-12_26_3__sc-z984sz-6"
|
|
43
43
|
})(["", " color:", ";cursor:", ";font-weight:", ";padding:", "px ", "px;&:not(:first-child){padding-top:", "px;}"], getTypographyIntent('body'), colors.gray15, function (_ref2) {
|
|
44
44
|
var $clickable = _ref2.$clickable;
|
|
45
45
|
return $clickable ? 'pointer' : 'default';
|
|
46
46
|
}, typographyWeights.semibold, spacing.xs, spacing.lg, spacing.md + spacing.xs);
|
|
47
47
|
export var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
48
48
|
displayName: "StyledItem",
|
|
49
|
-
componentId: "core-
|
|
49
|
+
componentId: "core-12_26_3__sc-z984sz-7"
|
|
50
50
|
})(["", ";", " cursor:pointer;list-style-type:none;padding:", "px ", "px;a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " &:hover,&:active{", "{visibility:visible;}}", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref3) {
|
|
51
51
|
var as = _ref3.as;
|
|
52
52
|
return as === 'a' && css(["display:block;text-decoration:none;"]);
|
|
@@ -75,10 +75,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
|
75
75
|
});
|
|
76
76
|
export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
|
|
77
77
|
displayName: "StyledDroppable",
|
|
78
|
-
componentId: "core-
|
|
78
|
+
componentId: "core-12_26_3__sc-z984sz-8"
|
|
79
79
|
})(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
|
|
80
80
|
export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
|
|
81
81
|
displayName: "StyledFooter",
|
|
82
|
-
componentId: "core-
|
|
82
|
+
componentId: "core-12_26_3__sc-z984sz-9"
|
|
83
83
|
})(["border-top:1px solid ", ";border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;"], colors.gray85);
|
|
84
84
|
//# sourceMappingURL=MenuImperative.styles.js.map
|
|
@@ -32,15 +32,15 @@ var screenWidthPixelBreakpoints = {
|
|
|
32
32
|
};
|
|
33
33
|
export var StyledModal = /*#__PURE__*/styled.div.withConfig({
|
|
34
34
|
displayName: "StyledModal",
|
|
35
|
-
componentId: "core-
|
|
35
|
+
componentId: "core-12_26_3__sc-1ijdug2-0"
|
|
36
36
|
})(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;pointer-events:none;&.", "{opacity:1;pointer-events:auto;}&.", "{opacity:0;pointer-events:none;}"], fadeInClassName, fadeOutClassName);
|
|
37
37
|
export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
|
|
38
38
|
displayName: "StyledModalButtons",
|
|
39
|
-
componentId: "core-
|
|
39
|
+
componentId: "core-12_26_3__sc-1ijdug2-1"
|
|
40
40
|
})(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
|
|
41
41
|
export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
|
|
42
42
|
displayName: "StyledModalContainer",
|
|
43
|
-
componentId: "core-
|
|
43
|
+
componentId: "core-12_26_3__sc-1ijdug2-2"
|
|
44
44
|
})(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", " ", ""], function (_ref) {
|
|
45
45
|
var $compact = _ref.$compact;
|
|
46
46
|
if (!$compact) {
|
|
@@ -64,11 +64,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
|
|
|
64
64
|
});
|
|
65
65
|
export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
|
|
66
66
|
displayName: "StyledModalFooter",
|
|
67
|
-
componentId: "core-
|
|
67
|
+
componentId: "core-12_26_3__sc-1ijdug2-3"
|
|
68
68
|
})(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
|
|
69
69
|
export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
|
|
70
70
|
displayName: "StyledModalBody",
|
|
71
|
-
componentId: "core-
|
|
71
|
+
componentId: "core-12_26_3__sc-1ijdug2-4"
|
|
72
72
|
})(["", " &:focus-visible{", "}box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), getFocusInset(), colors.gray15, function (_ref4) {
|
|
73
73
|
var $noSideSpacing = _ref4.$noSideSpacing;
|
|
74
74
|
return css(["padding:", "px ", "px;"], spacing.xl, $noSideSpacing ? 0 : spacing.xxl);
|
|
@@ -85,7 +85,7 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
|
|
|
85
85
|
});
|
|
86
86
|
export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
|
|
87
87
|
displayName: "StyledModalContent",
|
|
88
|
-
componentId: "core-
|
|
88
|
+
componentId: "core-12_26_3__sc-1ijdug2-5"
|
|
89
89
|
})(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;", ""], function (_ref7) {
|
|
90
90
|
var _ref7$$compact = _ref7.$compact,
|
|
91
91
|
$compact = _ref7$$compact === void 0 ? false : _ref7$$compact;
|
|
@@ -96,11 +96,11 @@ export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
|
|
|
96
96
|
});
|
|
97
97
|
export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
|
|
98
98
|
displayName: "StyledModalFooterNotation",
|
|
99
|
-
componentId: "core-
|
|
99
|
+
componentId: "core-12_26_3__sc-1ijdug2-6"
|
|
100
100
|
})(["flex-grow:1;"]);
|
|
101
101
|
export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
|
|
102
102
|
displayName: "StyledModalHeader",
|
|
103
|
-
componentId: "core-
|
|
103
|
+
componentId: "core-12_26_3__sc-1ijdug2-7"
|
|
104
104
|
})(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " ", ""], colors.gray10, function (_ref8) {
|
|
105
105
|
var $compact = _ref8.$compact,
|
|
106
106
|
$isBodyScrolled = _ref8.$isBodyScrolled;
|
|
@@ -118,7 +118,7 @@ export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
|
|
|
118
118
|
});
|
|
119
119
|
export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
|
|
120
120
|
displayName: "StyledModalHeading",
|
|
121
|
-
componentId: "core-
|
|
121
|
+
componentId: "core-12_26_3__sc-1ijdug2-8"
|
|
122
122
|
})(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref0) {
|
|
123
123
|
var $compact = _ref0.$compact;
|
|
124
124
|
return getTypographyIntent($compact ? 'h3' : 'h2');
|
|
@@ -134,18 +134,18 @@ export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
|
|
|
134
134
|
});
|
|
135
135
|
export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
|
|
136
136
|
displayName: "StyledModalCancel",
|
|
137
|
-
componentId: "core-
|
|
137
|
+
componentId: "core-12_26_3__sc-1ijdug2-9"
|
|
138
138
|
})(["flex:0 0 auto;"]);
|
|
139
139
|
export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
|
|
140
140
|
displayName: "StyledModalScrim",
|
|
141
|
-
componentId: "core-
|
|
141
|
+
componentId: "core-12_26_3__sc-1ijdug2-10"
|
|
142
142
|
})(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
|
|
143
143
|
export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
|
|
144
144
|
displayName: "StyledModalWarningIcon",
|
|
145
|
-
componentId: "core-
|
|
145
|
+
componentId: "core-12_26_3__sc-1ijdug2-11"
|
|
146
146
|
})(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
|
|
147
147
|
export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
|
|
148
148
|
displayName: "StyledModalFooterSummary",
|
|
149
|
-
componentId: "core-
|
|
149
|
+
componentId: "core-12_26_3__sc-1ijdug2-12"
|
|
150
150
|
})(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
|
|
151
151
|
//# sourceMappingURL=Modal.styles.js.map
|
|
@@ -6,26 +6,26 @@ import { getFocus } from '../_styles/mixins';
|
|
|
6
6
|
import { spacing } from '../_styles/spacing';
|
|
7
7
|
export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
|
|
8
8
|
displayName: "StyledMultiSelectValues",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-12_26_3__sc-s9ym9q-0"
|
|
10
10
|
})(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
|
|
11
11
|
export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
|
|
12
12
|
displayName: "StyledMultiSelectToken",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-12_26_3__sc-s9ym9q-1"
|
|
14
14
|
})(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
|
|
15
15
|
export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
|
|
16
16
|
displayName: "StyledMultiSelectSearchInput",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-12_26_3__sc-s9ym9q-2"
|
|
18
18
|
})(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
|
|
19
19
|
var $isNavigatingTokens = _ref.$isNavigatingTokens;
|
|
20
20
|
return $isNavigatingTokens && css(["color:transparent;"]);
|
|
21
21
|
}, colors.gray45);
|
|
22
22
|
export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
|
|
23
23
|
displayName: "StyledMultiSelectSearch",
|
|
24
|
-
componentId: "core-
|
|
24
|
+
componentId: "core-12_26_3__sc-s9ym9q-3"
|
|
25
25
|
})(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
|
|
26
26
|
export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
|
|
27
27
|
displayName: "StyledMultiSelectSearchIcon",
|
|
28
|
-
componentId: "core-
|
|
28
|
+
componentId: "core-12_26_3__sc-s9ym9q-4"
|
|
29
29
|
})(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
|
|
30
30
|
export var StyledMultiSelectClearIcon = StyledSelectClearIcon;
|
|
31
31
|
export var StyledMultiSelectArrowContainer = StyledSelectArrowContainer;
|
|
@@ -33,7 +33,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
|
|
|
33
33
|
export var StyledMultiSelectMenu = StyledSelectMenu;
|
|
34
34
|
export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
|
|
35
35
|
displayName: "StyledMultiSelectButton",
|
|
36
|
-
componentId: "core-
|
|
36
|
+
componentId: "core-12_26_3__sc-s9ym9q-5"
|
|
37
37
|
})(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref2) {
|
|
38
38
|
var $emptyValue = _ref2.$emptyValue;
|
|
39
39
|
return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);
|
|
@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
|
|
|
6
6
|
export var defaultMenuHeight = 64;
|
|
7
7
|
export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
|
|
8
8
|
displayName: "StyledOptions",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-12_26_3__sc-3o6zya-0"
|
|
10
10
|
})([""]);
|
|
11
11
|
export var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
12
12
|
displayName: "StyledItem",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-12_26_3__sc-3o6zya-1"
|
|
14
14
|
})(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
|
|
15
15
|
export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
|
|
16
16
|
displayName: "StyledGroup",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-12_26_3__sc-3o6zya-2"
|
|
18
18
|
})(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
|
|
19
19
|
//# sourceMappingURL=NextMenu.styles.js.map
|
|
@@ -21,7 +21,7 @@ import { TextEditorContext } from '../TextEditor/TextEditorProvider';
|
|
|
21
21
|
import { useOverridableFocusScope } from '../_hooks/FocusScopeOverride';
|
|
22
22
|
import { useI18nContext } from '../_hooks/I18n';
|
|
23
23
|
import { useZIndexContext } from '../_hooks/ZIndex';
|
|
24
|
-
import {
|
|
24
|
+
import { GlobalEditorStyles, StyledTextEditor } from './NextTextEditor.styles';
|
|
25
25
|
import { useStickyToolbar } from './StickyToolbar';
|
|
26
26
|
import { TextEditorTheme } from './textEditorTheming';
|
|
27
27
|
import { useCKEditorCss } from './useCKEditorCss';
|
|
@@ -137,11 +137,11 @@ export function NextTextEditor(_ref) {
|
|
|
137
137
|
if (cssLoading) {
|
|
138
138
|
return null;
|
|
139
139
|
}
|
|
140
|
-
return /*#__PURE__*/React.createElement(
|
|
140
|
+
return /*#__PURE__*/React.createElement(StyledTextEditor, {
|
|
141
141
|
ref: editorRef,
|
|
142
|
-
key: editorKey
|
|
143
|
-
|
|
144
|
-
|
|
142
|
+
key: editorKey,
|
|
143
|
+
error: error
|
|
144
|
+
}, /*#__PURE__*/React.createElement(GlobalEditorStyles, {
|
|
145
145
|
zIndex: zIndex + 1
|
|
146
146
|
}), /*#__PURE__*/React.createElement(TextEditorTheme, null), /*#__PURE__*/React.createElement(CKEditor, _extends({}, restProps, {
|
|
147
147
|
editor: ClassicEditor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NextTextEditor.js","names":["CKEditor","ClassicEditor","React","TextEditorContext","useOverridableFocusScope","useI18nContext","useZIndexContext","EditorStyles","useStickyToolbar","TextEditorTheme","useCKEditorCss","useTabAsNavigation","addButtonDataAttributes","addPluginsFromStringArray","getDefaultConfig","applyLegacyTinyMceCompatibility","isLegacyTinyMceConfig","NextTextEditor","_ref","disabled","error","value","initialValue","onChange","onEditorChange","onDirty","onInit","onKeyDown","onFocusOut","onBlur","init","externalConfig","config","stringPlugins","plugins","propLocale","locale","restProps","_objectWithoutProperties","_excluded","_useCKEditorCss","cssLoading","isLoading","editorRef","useRef","editorInstanceRef","initialValueRef","_React$useState","useState","_React$useState2","_slicedToArray","isDirtyState","setIsDirtyState","_useI18nContext","contextLocale","useEffect","undefined","current","_useZIndexContext","zIndex","_React$useContext","useContext","features","enableStickyToolbar","stickyToolbar","enableTabAsNavigation","tabAsNavigation","mergedConfig","useMemo","defaultConfig","configWithPlugins","length","externalResult","finalConfig","_objectSpread","focusScope","setProps","contain","handleChange","_event","editor","data","getData","isDirty","handleReady","setData","editing","view","document","on","domEvent","handleBlur","event","_useStickyToolbar","enabled","stickyConfig","_useTabAsNavigation","editorKey","concat","createElement","ref","key","_extends","onReady"],"sources":["../../src/NextTextEditor/NextTextEditor.tsx"],"sourcesContent":["import { CKEditor } from '@ckeditor/ckeditor5-react'\nimport type { EditorConfig } from 'ckeditor5'\nimport { ClassicEditor, type EventInfo } from 'ckeditor5'\nimport React from 'react'\n\nimport { TextEditorContext } from '../TextEditor/TextEditorProvider'\nimport { useOverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport { EditorStyles } from './NextTextEditor.styles'\nimport type { NextTextEditorProps } from './NextTextEditor.types'\nimport { useStickyToolbar } from './StickyToolbar'\nimport { TextEditorTheme } from './textEditorTheming'\nimport { useCKEditorCss } from './useCKEditorCss'\nimport { useTabAsNavigation } from './useTabAsNavigation'\nimport {\n addButtonDataAttributes,\n addPluginsFromStringArray,\n getDefaultConfig,\n} from './utils'\n\nimport {\n applyLegacyTinyMceCompatibility,\n isLegacyTinyMceConfig,\n} from './plugins/LegacyPasteAdapter/legacyTinyMceAdapter'\n\nexport function NextTextEditor({\n disabled,\n error,\n value,\n initialValue,\n onChange,\n onEditorChange,\n onDirty,\n onInit,\n onKeyDown,\n onFocusOut,\n onBlur,\n init,\n config: externalConfig,\n plugins: stringPlugins,\n locale: propLocale,\n ...restProps\n}: NextTextEditorProps) {\n const { isLoading: cssLoading } = useCKEditorCss()\n\n const editorRef = React.useRef<HTMLDivElement>(null)\n const editorInstanceRef = React.useRef<ClassicEditor | null>(null)\n const initialValueRef = React.useRef<string>(value || initialValue || '')\n const [isDirtyState, setIsDirtyState] = React.useState(false)\n const { locale: contextLocale } = useI18nContext()\n const locale = propLocale || contextLocale\n\n React.useEffect(() => {\n if (value !== undefined) {\n initialValueRef.current = value\n }\n }, [value])\n\n const { value: zIndex } = useZIndexContext()\n\n const { features } = React.useContext(TextEditorContext)\n const enableStickyToolbar = !!features?.stickyToolbar\n const enableTabAsNavigation = !!features?.tabAsNavigation\n\n const mergedConfig = React.useMemo(() => {\n const defaultConfig = getDefaultConfig(locale)\n\n // Handle string plugins for backward compatibility\n const configWithPlugins = stringPlugins?.length\n ? addPluginsFromStringArray(defaultConfig, stringPlugins)\n : defaultConfig\n\n // Apply any external CKEditor config overrides provided by the consumer\n const externalResult =\n typeof externalConfig === 'function'\n ? externalConfig(configWithPlugins)\n : undefined\n // Merge default config (with plugins) and consumer overrides\n let finalConfig: EditorConfig = {\n ...configWithPlugins,\n ...(externalResult ?? {}),\n }\n // Apply TinyMCE legacy compatibility only if `init` contains a legacy config\n if (init && isLegacyTinyMceConfig(init)) {\n finalConfig = applyLegacyTinyMceCompatibility(finalConfig, init)\n }\n\n return finalConfig\n }, [externalConfig, init, locale, stringPlugins])\n\n const focusScope = useOverridableFocusScope()\n React.useEffect(() => {\n focusScope.setProps({ contain: false })\n }, [focusScope])\n\n const handleChange = (\n _event: EventInfo<string, unknown>,\n editor: ClassicEditor\n ) => {\n const data = editor.getData()\n const isDirty = data !== initialValueRef.current\n\n // Call onDirty only on first content modification\n if (isDirty && !isDirtyState) {\n setIsDirtyState(true)\n onDirty?.()\n }\n\n onChange?.(data, isDirty)\n onEditorChange?.(data)\n }\n\n const handleReady = (editor: ClassicEditor) => {\n addButtonDataAttributes(editor)\n editorInstanceRef.current = editor\n\n if (initialValue) {\n editor.setData(initialValue)\n }\n\n if (onKeyDown) {\n editor.editing.view.document.on('keydown', (_event, data) => {\n onKeyDown(data.domEvent as KeyboardEvent)\n })\n }\n\n onInit?.(editor)\n }\n\n const handleBlur = (\n event: EventInfo<string, unknown>,\n editor: ClassicEditor\n ) => {\n onBlur?.(event, editor)\n onFocusOut?.()\n }\n\n const { config: stickyConfig } = useStickyToolbar({\n config: mergedConfig,\n enabled: enableStickyToolbar,\n editor: editorInstanceRef.current,\n editorRef,\n cssLoading,\n })\n\n const { config } = useTabAsNavigation({\n config: stickyConfig,\n enabled: enableTabAsNavigation,\n editor: editorInstanceRef.current,\n })\n\n const editorKey = `${locale}-${enableTabAsNavigation}`\n\n if (cssLoading) {\n return null\n }\n\n return (\n <div ref={editorRef} key={editorKey}>\n <EditorStyles error={error} zIndex={zIndex + 1} />\n <TextEditorTheme />\n <CKEditor\n {...restProps}\n editor={ClassicEditor}\n config={config}\n disabled={disabled}\n data={value}\n onChange={handleChange}\n onReady={handleReady}\n onBlur={handleBlur}\n />\n </div>\n )\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NextTextEditor.js","names":["CKEditor","ClassicEditor","React","TextEditorContext","useOverridableFocusScope","useI18nContext","useZIndexContext","GlobalEditorStyles","StyledTextEditor","useStickyToolbar","TextEditorTheme","useCKEditorCss","useTabAsNavigation","addButtonDataAttributes","addPluginsFromStringArray","getDefaultConfig","applyLegacyTinyMceCompatibility","isLegacyTinyMceConfig","NextTextEditor","_ref","disabled","error","value","initialValue","onChange","onEditorChange","onDirty","onInit","onKeyDown","onFocusOut","onBlur","init","externalConfig","config","stringPlugins","plugins","propLocale","locale","restProps","_objectWithoutProperties","_excluded","_useCKEditorCss","cssLoading","isLoading","editorRef","useRef","editorInstanceRef","initialValueRef","_React$useState","useState","_React$useState2","_slicedToArray","isDirtyState","setIsDirtyState","_useI18nContext","contextLocale","useEffect","undefined","current","_useZIndexContext","zIndex","_React$useContext","useContext","features","enableStickyToolbar","stickyToolbar","enableTabAsNavigation","tabAsNavigation","mergedConfig","useMemo","defaultConfig","configWithPlugins","length","externalResult","finalConfig","_objectSpread","focusScope","setProps","contain","handleChange","_event","editor","data","getData","isDirty","handleReady","setData","editing","view","document","on","domEvent","handleBlur","event","_useStickyToolbar","enabled","stickyConfig","_useTabAsNavigation","editorKey","concat","createElement","ref","key","_extends","onReady"],"sources":["../../src/NextTextEditor/NextTextEditor.tsx"],"sourcesContent":["import { CKEditor } from '@ckeditor/ckeditor5-react'\nimport type { EditorConfig } from 'ckeditor5'\nimport { ClassicEditor, type EventInfo } from 'ckeditor5'\nimport React from 'react'\n\nimport { TextEditorContext } from '../TextEditor/TextEditorProvider'\nimport { useOverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport { GlobalEditorStyles, StyledTextEditor } from './NextTextEditor.styles'\nimport type { NextTextEditorProps } from './NextTextEditor.types'\nimport { useStickyToolbar } from './StickyToolbar'\nimport { TextEditorTheme } from './textEditorTheming'\nimport { useCKEditorCss } from './useCKEditorCss'\nimport { useTabAsNavigation } from './useTabAsNavigation'\nimport {\n addButtonDataAttributes,\n addPluginsFromStringArray,\n getDefaultConfig,\n} from './utils'\n\nimport {\n applyLegacyTinyMceCompatibility,\n isLegacyTinyMceConfig,\n} from './plugins/LegacyPasteAdapter/legacyTinyMceAdapter'\n\nexport function NextTextEditor({\n disabled,\n error,\n value,\n initialValue,\n onChange,\n onEditorChange,\n onDirty,\n onInit,\n onKeyDown,\n onFocusOut,\n onBlur,\n init,\n config: externalConfig,\n plugins: stringPlugins,\n locale: propLocale,\n ...restProps\n}: NextTextEditorProps) {\n const { isLoading: cssLoading } = useCKEditorCss()\n\n const editorRef = React.useRef<HTMLDivElement>(null)\n const editorInstanceRef = React.useRef<ClassicEditor | null>(null)\n const initialValueRef = React.useRef<string>(value || initialValue || '')\n const [isDirtyState, setIsDirtyState] = React.useState(false)\n const { locale: contextLocale } = useI18nContext()\n const locale = propLocale || contextLocale\n\n React.useEffect(() => {\n if (value !== undefined) {\n initialValueRef.current = value\n }\n }, [value])\n\n const { value: zIndex } = useZIndexContext()\n\n const { features } = React.useContext(TextEditorContext)\n const enableStickyToolbar = !!features?.stickyToolbar\n const enableTabAsNavigation = !!features?.tabAsNavigation\n\n const mergedConfig = React.useMemo(() => {\n const defaultConfig = getDefaultConfig(locale)\n\n // Handle string plugins for backward compatibility\n const configWithPlugins = stringPlugins?.length\n ? addPluginsFromStringArray(defaultConfig, stringPlugins)\n : defaultConfig\n\n // Apply any external CKEditor config overrides provided by the consumer\n const externalResult =\n typeof externalConfig === 'function'\n ? externalConfig(configWithPlugins)\n : undefined\n // Merge default config (with plugins) and consumer overrides\n let finalConfig: EditorConfig = {\n ...configWithPlugins,\n ...(externalResult ?? {}),\n }\n // Apply TinyMCE legacy compatibility only if `init` contains a legacy config\n if (init && isLegacyTinyMceConfig(init)) {\n finalConfig = applyLegacyTinyMceCompatibility(finalConfig, init)\n }\n\n return finalConfig\n }, [externalConfig, init, locale, stringPlugins])\n\n const focusScope = useOverridableFocusScope()\n React.useEffect(() => {\n focusScope.setProps({ contain: false })\n }, [focusScope])\n\n const handleChange = (\n _event: EventInfo<string, unknown>,\n editor: ClassicEditor\n ) => {\n const data = editor.getData()\n const isDirty = data !== initialValueRef.current\n\n // Call onDirty only on first content modification\n if (isDirty && !isDirtyState) {\n setIsDirtyState(true)\n onDirty?.()\n }\n\n onChange?.(data, isDirty)\n onEditorChange?.(data)\n }\n\n const handleReady = (editor: ClassicEditor) => {\n addButtonDataAttributes(editor)\n editorInstanceRef.current = editor\n\n if (initialValue) {\n editor.setData(initialValue)\n }\n\n if (onKeyDown) {\n editor.editing.view.document.on('keydown', (_event, data) => {\n onKeyDown(data.domEvent as KeyboardEvent)\n })\n }\n\n onInit?.(editor)\n }\n\n const handleBlur = (\n event: EventInfo<string, unknown>,\n editor: ClassicEditor\n ) => {\n onBlur?.(event, editor)\n onFocusOut?.()\n }\n\n const { config: stickyConfig } = useStickyToolbar({\n config: mergedConfig,\n enabled: enableStickyToolbar,\n editor: editorInstanceRef.current,\n editorRef,\n cssLoading,\n })\n\n const { config } = useTabAsNavigation({\n config: stickyConfig,\n enabled: enableTabAsNavigation,\n editor: editorInstanceRef.current,\n })\n\n const editorKey = `${locale}-${enableTabAsNavigation}`\n\n if (cssLoading) {\n return null\n }\n\n return (\n <StyledTextEditor ref={editorRef} key={editorKey} error={error}>\n <GlobalEditorStyles zIndex={zIndex + 1} />\n <TextEditorTheme />\n <CKEditor\n {...restProps}\n editor={ClassicEditor}\n config={config}\n disabled={disabled}\n data={value}\n onChange={handleChange}\n onReady={handleReady}\n onBlur={handleBlur}\n />\n </StyledTextEditor>\n )\n}\n"],"mappings":"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"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const
|
|
3
|
-
error?: boolean | undefined;
|
|
2
|
+
export declare const GlobalEditorStyles: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
|
|
4
3
|
zIndex: number;
|
|
5
4
|
}>;
|
|
5
|
+
export declare const StyledTextEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
6
|
+
error?: boolean | undefined;
|
|
7
|
+
}>> & string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { createGlobalStyle } from 'styled-components';
|
|
1
|
+
import styled, { createGlobalStyle } from 'styled-components';
|
|
2
2
|
import { colors } from '../_styles/colors';
|
|
3
|
-
export var
|
|
3
|
+
export var GlobalEditorStyles = /*#__PURE__*/createGlobalStyle([":root{--ck-z-default:", ";--ck-z-modal:", ";}.ck-body-wrapper{--ck-z-default:", ";--ck-z-modal:", ";}.ck-balloon-panel{z-index:", " !important;}.ck-content{padding:16px 28px !important;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu,Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;line-height:1.4;p{margin-top:0 !important;margin-bottom:0 !important;}ul,ol{li .ck-list-bogus-paragraph > br{display:none;}}ol,ol ol,ol ol ol{list-style-type:revert-layer;}}"], function (_ref) {
|
|
4
4
|
var zIndex = _ref.zIndex;
|
|
5
5
|
return zIndex;
|
|
6
6
|
}, function (_ref2) {
|
|
@@ -15,8 +15,12 @@ export var EditorStyles = /*#__PURE__*/createGlobalStyle([":root{--ck-z-default:
|
|
|
15
15
|
}, function (_ref5) {
|
|
16
16
|
var zIndex = _ref5.zIndex;
|
|
17
17
|
return zIndex + 1000;
|
|
18
|
-
}
|
|
18
|
+
});
|
|
19
|
+
export var StyledTextEditor = /*#__PURE__*/styled.div.withConfig({
|
|
20
|
+
displayName: "StyledTextEditor",
|
|
21
|
+
componentId: "core-12_26_3__sc-e12rsq-0"
|
|
22
|
+
})(["", ""], function (_ref6) {
|
|
19
23
|
var error = _ref6.error;
|
|
20
|
-
return error && "\n .ck-sticky-panel__content {\n border-top-color: ".concat(colors.red50, " !important;\n border-left-color: ").concat(colors.red50, " !important;\n border-right-color: ").concat(colors.red50, " !important;\n }\n\n .ck-editor__editable {\n border-left-color: ").concat(colors.red50, " !important;\n border-right-color: ").concat(colors.red50, " !important;\n border-bottom-color: ").concat(colors.red50, " !important;\n }\n
|
|
24
|
+
return error && "\n .ck-sticky-panel__content {\n border-top-color: ".concat(colors.red50, " !important;\n border-left-color: ").concat(colors.red50, " !important;\n border-right-color: ").concat(colors.red50, " !important;\n }\n\n .ck-editor__editable {\n border-left-color: ").concat(colors.red50, " !important;\n border-right-color: ").concat(colors.red50, " !important;\n border-bottom-color: ").concat(colors.red50, " !important;\n }\n ");
|
|
21
25
|
});
|
|
22
26
|
//# sourceMappingURL=NextTextEditor.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NextTextEditor.styles.js","names":["createGlobalStyle","colors","
|
|
1
|
+
{"version":3,"file":"NextTextEditor.styles.js","names":["styled","createGlobalStyle","colors","GlobalEditorStyles","_ref","zIndex","_ref2","_ref3","_ref4","_ref5","StyledTextEditor","div","withConfig","displayName","componentId","_ref6","error","concat","red50"],"sources":["../../src/NextTextEditor/NextTextEditor.styles.ts"],"sourcesContent":["import styled, { createGlobalStyle } from 'styled-components'\nimport { colors } from '../_styles/colors'\n\nexport const GlobalEditorStyles = createGlobalStyle<{\n zIndex: number\n}>`\n :root {\n --ck-z-default: ${({ zIndex }) => zIndex};\n --ck-z-modal: ${({ zIndex }) => zIndex + 999};\n }\n \n .ck-body-wrapper {\n --ck-z-default: ${({ zIndex }) => zIndex};\n --ck-z-modal: ${({ zIndex }) => zIndex + 999};\n }\n \n .ck-balloon-panel {\n z-index: ${({ zIndex }) => zIndex + 1000} !important;\n }\n\n .ck-content {\n padding: 16px 28px !important;\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Oxygen,\n Ubuntu,\n Cantarell,\n \"Open Sans\",\n \"Helvetica Neue\",\n sans-serif;\n line-height: 1.4;\n\n p {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n }\n\n ul, ol {\n li .ck-list-bogus-paragraph > br {\n display: none;\n }\n }\n\n ol,\n ol ol,\n ol ol ol {\n list-style-type: revert-layer;\n }\n }\n`\n\nexport const StyledTextEditor = styled.div<{\n error?: boolean\n}>`\n ${({ error }) =>\n error &&\n `\n .ck-sticky-panel__content {\n border-top-color: ${colors.red50} !important;\n border-left-color: ${colors.red50} !important;\n border-right-color: ${colors.red50} !important;\n }\n\n .ck-editor__editable {\n border-left-color: ${colors.red50} !important;\n border-right-color: ${colors.red50} !important;\n border-bottom-color: ${colors.red50} !important;\n }\n `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,iBAAiB,QAAQ,mBAAmB;AAC7D,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,kBAAkB,gBAAGF,iBAAiB,kfAI7B,UAAAG,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAOA,MAAM;AAAA,GACxB,UAAAC,KAAA;EAAA,IAAGD,MAAM,GAAAC,KAAA,CAAND,MAAM;EAAA,OAAOA,MAAM,GAAG,GAAG;AAAA,GAI1B,UAAAE,KAAA;EAAA,IAAGF,MAAM,GAAAE,KAAA,CAANF,MAAM;EAAA,OAAOA,MAAM;AAAA,GACxB,UAAAG,KAAA;EAAA,IAAGH,MAAM,GAAAG,KAAA,CAANH,MAAM;EAAA,OAAOA,MAAM,GAAG,GAAG;AAAA,GAIjC,UAAAI,KAAA;EAAA,IAAGJ,MAAM,GAAAI,KAAA,CAANJ,MAAM;EAAA,OAAOA,MAAM,GAAG,IAAI;AAAA,EAmC3C;AAED,OAAO,IAAMK,gBAAgB,gBAAGV,MAAM,CAACW,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAGtC,UAAAC,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OACRA,KAAK,sEAAAC,MAAA,CAGmBf,MAAM,CAACgB,KAAK,+CAAAD,MAAA,CACXf,MAAM,CAACgB,KAAK,gDAAAD,MAAA,CACXf,MAAM,CAACgB,KAAK,wFAAAD,MAAA,CAIbf,MAAM,CAACgB,KAAK,gDAAAD,MAAA,CACXf,MAAM,CAACgB,KAAK,iDAAAD,MAAA,CACXf,MAAM,CAACgB,KAAK,gCAEtC;AAAA,EACJ"}
|