@atlaskit/editor-toolbar 0.0.3 → 0.0.5
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 +18 -0
- package/afm-cc/tsconfig.json +54 -0
- package/afm-jira/tsconfig.json +54 -0
- package/afm-post-office/tsconfig.json +54 -0
- package/build/tsconfig.json +17 -0
- package/dist/cjs/index.js +229 -0
- package/dist/cjs/types.js +5 -0
- package/dist/cjs/ui/ColorIndicatorWrapper.compiled.css +4 -0
- package/dist/cjs/ui/ColorIndicatorWrapper.js +26 -0
- package/dist/cjs/ui/Toolbar.compiled.css +8 -0
- package/dist/cjs/ui/Toolbar.js +24 -0
- package/dist/cjs/ui/ToolbarButton.compiled.css +34 -0
- package/dist/cjs/ui/ToolbarButton.js +65 -0
- package/dist/cjs/ui/ToolbarButtonGroup.compiled.css +1 -0
- package/dist/cjs/ui/ToolbarButtonGroup.js +21 -0
- package/dist/cjs/ui/ToolbarDivider.compiled.css +6 -0
- package/dist/cjs/ui/ToolbarDivider.js +20 -0
- package/dist/cjs/ui/ToolbarDropdownDivider.compiled.css +3 -0
- package/dist/cjs/ui/ToolbarDropdownDivider.js +20 -0
- package/dist/cjs/ui/ToolbarDropdownItem.compiled.css +23 -0
- package/dist/cjs/ui/ToolbarDropdownItem.js +79 -0
- package/dist/cjs/ui/ToolbarDropdownItemSection.compiled.css +2 -0
- package/dist/cjs/ui/ToolbarDropdownItemSection.js +21 -0
- package/dist/cjs/ui/ToolbarDropdownMenu.js +36 -0
- package/dist/cjs/ui/ToolbarKeyboardShortcutHint.js +13 -0
- package/dist/cjs/ui/ToolbarNestedDropdownMenu.js +32 -0
- package/dist/cjs/ui/ToolbarSection.compiled.css +2 -0
- package/dist/cjs/ui/ToolbarSection.js +21 -0
- package/dist/cjs/ui/ToolbarTooltip.js +16 -0
- package/dist/cjs/ui/icons/AIAdjustLengthIcon.js +13 -0
- package/dist/cjs/ui/icons/AICasualIcon.js +13 -0
- package/dist/cjs/ui/icons/AIChangeToneIcon.js +13 -0
- package/dist/cjs/ui/icons/AIChatIcon.js +18 -0
- package/dist/cjs/ui/icons/AICommandIcon.js +13 -0
- package/dist/cjs/ui/icons/AIHeartIcon.js +13 -0
- package/dist/cjs/ui/icons/AILengthenIcon.js +13 -0
- package/dist/cjs/ui/icons/AIProfessionalIcon.js +13 -0
- package/dist/cjs/ui/icons/AIShortenIcon.js +13 -0
- package/dist/cjs/ui/icons/AISpellcheckIcon.js +13 -0
- package/dist/cjs/ui/icons/AITranslateIcon.js +13 -0
- package/dist/cjs/ui/icons/AddIcon.js +13 -0
- package/dist/cjs/ui/icons/AppsIcon.js +13 -0
- package/dist/cjs/ui/icons/BoldIcon.js +13 -0
- package/dist/cjs/ui/icons/ClearFormattingIcon.js +13 -0
- package/dist/cjs/ui/icons/CommentIcon.js +13 -0
- package/dist/cjs/ui/icons/HeadingFiveIcon.js +13 -0
- package/dist/cjs/ui/icons/HeadingFourIcon.js +13 -0
- package/dist/cjs/ui/icons/HeadingOneIcon.js +13 -0
- package/dist/cjs/ui/icons/HeadingSixIcon.js +13 -0
- package/dist/cjs/ui/icons/HeadingThreeIcon.js +13 -0
- package/dist/cjs/ui/icons/HeadingTwoIcon.js +13 -0
- package/dist/cjs/ui/icons/ItalicIcon.js +13 -0
- package/dist/cjs/ui/icons/LinkIcon.js +13 -0
- package/dist/cjs/ui/icons/ListBulletedIcon.js +13 -0
- package/dist/cjs/ui/icons/ListNumberedIcon.js +13 -0
- package/dist/cjs/ui/icons/MoreItemsIcon.js +24 -0
- package/dist/cjs/ui/icons/NestedDropdownRightIcon.js +24 -0
- package/dist/cjs/ui/icons/PinIcon.js +13 -0
- package/dist/cjs/ui/icons/PinnedIcon.js +13 -0
- package/dist/cjs/ui/icons/QuoteIcon.js +13 -0
- package/dist/cjs/ui/icons/TextColorIcon.js +13 -0
- package/dist/cjs/ui/icons/TextIcon.js +13 -0
- package/dist/es2019/index.js +33 -0
- package/dist/es2019/types.js +1 -0
- package/dist/es2019/ui/ColorIndicatorWrapper.compiled.css +4 -0
- package/dist/es2019/ui/ColorIndicatorWrapper.js +18 -0
- package/dist/es2019/ui/Toolbar.compiled.css +8 -0
- package/dist/es2019/ui/Toolbar.js +18 -0
- package/dist/es2019/ui/ToolbarButton.compiled.css +34 -0
- package/dist/es2019/ui/ToolbarButton.js +58 -0
- package/dist/es2019/ui/ToolbarButtonGroup.compiled.css +1 -0
- package/dist/es2019/ui/ToolbarButtonGroup.js +15 -0
- package/dist/es2019/ui/ToolbarDivider.compiled.css +6 -0
- package/dist/es2019/ui/ToolbarDivider.js +13 -0
- package/dist/es2019/ui/ToolbarDropdownDivider.compiled.css +3 -0
- package/dist/es2019/ui/ToolbarDropdownDivider.js +13 -0
- package/dist/es2019/ui/ToolbarDropdownItem.compiled.css +23 -0
- package/dist/es2019/ui/ToolbarDropdownItem.js +68 -0
- package/dist/es2019/ui/ToolbarDropdownItemSection.compiled.css +2 -0
- package/dist/es2019/ui/ToolbarDropdownItemSection.js +15 -0
- package/dist/es2019/ui/ToolbarDropdownMenu.js +28 -0
- package/dist/es2019/ui/ToolbarKeyboardShortcutHint.js +7 -0
- package/dist/es2019/ui/ToolbarNestedDropdownMenu.js +24 -0
- package/dist/es2019/ui/ToolbarSection.compiled.css +2 -0
- package/dist/es2019/ui/ToolbarSection.js +15 -0
- package/dist/es2019/ui/ToolbarTooltip.js +10 -0
- package/dist/es2019/ui/icons/AIAdjustLengthIcon.js +2 -0
- package/dist/es2019/ui/icons/AICasualIcon.js +2 -0
- package/dist/es2019/ui/icons/AIChangeToneIcon.js +2 -0
- package/dist/es2019/ui/icons/AIChatIcon.js +10 -0
- package/dist/es2019/ui/icons/AICommandIcon.js +2 -0
- package/dist/es2019/ui/icons/AIHeartIcon.js +2 -0
- package/dist/es2019/ui/icons/AILengthenIcon.js +2 -0
- package/dist/es2019/ui/icons/AIProfessionalIcon.js +2 -0
- package/dist/es2019/ui/icons/AIShortenIcon.js +2 -0
- package/dist/es2019/ui/icons/AISpellcheckIcon.js +2 -0
- package/dist/es2019/ui/icons/AITranslateIcon.js +2 -0
- package/dist/es2019/ui/icons/AddIcon.js +2 -0
- package/dist/es2019/ui/icons/AppsIcon.js +2 -0
- package/dist/es2019/ui/icons/BoldIcon.js +2 -0
- package/dist/es2019/ui/icons/ClearFormattingIcon.js +2 -0
- package/dist/es2019/ui/icons/CommentIcon.js +2 -0
- package/dist/es2019/ui/icons/HeadingFiveIcon.js +2 -0
- package/dist/es2019/ui/icons/HeadingFourIcon.js +2 -0
- package/dist/es2019/ui/icons/HeadingOneIcon.js +2 -0
- package/dist/es2019/ui/icons/HeadingSixIcon.js +2 -0
- package/dist/es2019/ui/icons/HeadingThreeIcon.js +2 -0
- package/dist/es2019/ui/icons/HeadingTwoIcon.js +2 -0
- package/dist/es2019/ui/icons/ItalicIcon.js +2 -0
- package/dist/es2019/ui/icons/LinkIcon.js +2 -0
- package/dist/es2019/ui/icons/ListBulletedIcon.js +2 -0
- package/dist/es2019/ui/icons/ListNumberedIcon.js +2 -0
- package/dist/es2019/ui/icons/MoreItemsIcon.js +16 -0
- package/dist/es2019/ui/icons/NestedDropdownRightIcon.js +16 -0
- package/dist/es2019/ui/icons/PinIcon.js +2 -0
- package/dist/es2019/ui/icons/PinnedIcon.js +2 -0
- package/dist/es2019/ui/icons/QuoteIcon.js +2 -0
- package/dist/es2019/ui/icons/TextColorIcon.js +2 -0
- package/dist/es2019/ui/icons/TextIcon.js +2 -0
- package/dist/esm/index.js +33 -0
- package/dist/esm/types.js +1 -0
- package/dist/esm/ui/ColorIndicatorWrapper.compiled.css +4 -0
- package/dist/esm/ui/ColorIndicatorWrapper.js +19 -0
- package/dist/esm/ui/Toolbar.compiled.css +8 -0
- package/dist/esm/ui/Toolbar.js +17 -0
- package/dist/esm/ui/ToolbarButton.compiled.css +34 -0
- package/dist/esm/ui/ToolbarButton.js +57 -0
- package/dist/esm/ui/ToolbarButtonGroup.compiled.css +1 -0
- package/dist/esm/ui/ToolbarButtonGroup.js +14 -0
- package/dist/esm/ui/ToolbarDivider.compiled.css +6 -0
- package/dist/esm/ui/ToolbarDivider.js +13 -0
- package/dist/esm/ui/ToolbarDropdownDivider.compiled.css +3 -0
- package/dist/esm/ui/ToolbarDropdownDivider.js +13 -0
- package/dist/esm/ui/ToolbarDropdownItem.compiled.css +23 -0
- package/dist/esm/ui/ToolbarDropdownItem.js +71 -0
- package/dist/esm/ui/ToolbarDropdownItemSection.compiled.css +2 -0
- package/dist/esm/ui/ToolbarDropdownItemSection.js +14 -0
- package/dist/esm/ui/ToolbarDropdownMenu.js +29 -0
- package/dist/esm/ui/ToolbarKeyboardShortcutHint.js +6 -0
- package/dist/esm/ui/ToolbarNestedDropdownMenu.js +25 -0
- package/dist/esm/ui/ToolbarSection.compiled.css +2 -0
- package/dist/esm/ui/ToolbarSection.js +14 -0
- package/dist/esm/ui/ToolbarTooltip.js +9 -0
- package/dist/esm/ui/icons/AIAdjustLengthIcon.js +2 -0
- package/dist/esm/ui/icons/AICasualIcon.js +2 -0
- package/dist/esm/ui/icons/AIChangeToneIcon.js +2 -0
- package/dist/esm/ui/icons/AIChatIcon.js +11 -0
- package/dist/esm/ui/icons/AICommandIcon.js +2 -0
- package/dist/esm/ui/icons/AIHeartIcon.js +2 -0
- package/dist/esm/ui/icons/AILengthenIcon.js +2 -0
- package/dist/esm/ui/icons/AIProfessionalIcon.js +2 -0
- package/dist/esm/ui/icons/AIShortenIcon.js +2 -0
- package/dist/esm/ui/icons/AISpellcheckIcon.js +2 -0
- package/dist/esm/ui/icons/AITranslateIcon.js +2 -0
- package/dist/esm/ui/icons/AddIcon.js +2 -0
- package/dist/esm/ui/icons/AppsIcon.js +2 -0
- package/dist/esm/ui/icons/BoldIcon.js +2 -0
- package/dist/esm/ui/icons/ClearFormattingIcon.js +2 -0
- package/dist/esm/ui/icons/CommentIcon.js +2 -0
- package/dist/esm/ui/icons/HeadingFiveIcon.js +2 -0
- package/dist/esm/ui/icons/HeadingFourIcon.js +2 -0
- package/dist/esm/ui/icons/HeadingOneIcon.js +2 -0
- package/dist/esm/ui/icons/HeadingSixIcon.js +2 -0
- package/dist/esm/ui/icons/HeadingThreeIcon.js +2 -0
- package/dist/esm/ui/icons/HeadingTwoIcon.js +2 -0
- package/dist/esm/ui/icons/ItalicIcon.js +2 -0
- package/dist/esm/ui/icons/LinkIcon.js +2 -0
- package/dist/esm/ui/icons/ListBulletedIcon.js +2 -0
- package/dist/esm/ui/icons/ListNumberedIcon.js +2 -0
- package/dist/esm/ui/icons/MoreItemsIcon.js +17 -0
- package/dist/esm/ui/icons/NestedDropdownRightIcon.js +17 -0
- package/dist/esm/ui/icons/PinIcon.js +2 -0
- package/dist/esm/ui/icons/PinnedIcon.js +2 -0
- package/dist/esm/ui/icons/QuoteIcon.js +2 -0
- package/dist/esm/ui/icons/TextColorIcon.js +2 -0
- package/dist/esm/ui/icons/TextIcon.js +2 -0
- package/dist/types/index.d.ts +33 -0
- package/dist/types/types.d.ts +4 -0
- package/dist/types/ui/ColorIndicatorWrapper.d.ts +7 -0
- package/dist/types/ui/Toolbar.d.ts +7 -0
- package/dist/types/ui/ToolbarButton.d.ts +18 -0
- package/dist/types/ui/ToolbarButtonGroup.d.ts +6 -0
- package/dist/types/ui/ToolbarDivider.d.ts +2 -0
- package/dist/types/ui/ToolbarDropdownDivider.d.ts +2 -0
- package/dist/types/ui/ToolbarDropdownItem.d.ts +24 -0
- package/dist/types/ui/ToolbarDropdownItemSection.d.ts +6 -0
- package/dist/types/ui/ToolbarDropdownMenu.d.ts +11 -0
- package/dist/types/ui/ToolbarKeyboardShortcutHint.d.ts +6 -0
- package/dist/types/ui/ToolbarNestedDropdownMenu.d.ts +10 -0
- package/dist/types/ui/ToolbarSection.d.ts +6 -0
- package/dist/types/ui/ToolbarTooltip.d.ts +7 -0
- package/dist/types/ui/icons/AIAdjustLengthIcon.d.ts +1 -0
- package/dist/types/ui/icons/AICasualIcon.d.ts +1 -0
- package/dist/types/ui/icons/AIChangeToneIcon.d.ts +1 -0
- package/dist/types/ui/icons/AIChatIcon.d.ts +7 -0
- package/dist/types/ui/icons/AICommandIcon.d.ts +1 -0
- package/dist/types/ui/icons/AIHeartIcon.d.ts +1 -0
- package/dist/types/ui/icons/AILengthenIcon.d.ts +1 -0
- package/dist/types/ui/icons/AIProfessionalIcon.d.ts +1 -0
- package/dist/types/ui/icons/AIShortenIcon.d.ts +1 -0
- package/dist/types/ui/icons/AISpellcheckIcon.d.ts +1 -0
- package/dist/types/ui/icons/AITranslateIcon.d.ts +1 -0
- package/dist/types/ui/icons/AddIcon.d.ts +1 -0
- package/dist/types/ui/icons/AppsIcon.d.ts +1 -0
- package/dist/types/ui/icons/BoldIcon.d.ts +1 -0
- package/dist/types/ui/icons/ClearFormattingIcon.d.ts +1 -0
- package/dist/types/ui/icons/CommentIcon.d.ts +1 -0
- package/dist/types/ui/icons/HeadingFiveIcon.d.ts +1 -0
- package/dist/types/ui/icons/HeadingFourIcon.d.ts +1 -0
- package/dist/types/ui/icons/HeadingOneIcon.d.ts +1 -0
- package/dist/types/ui/icons/HeadingSixIcon.d.ts +1 -0
- package/dist/types/ui/icons/HeadingThreeIcon.d.ts +1 -0
- package/dist/types/ui/icons/HeadingTwoIcon.d.ts +1 -0
- package/dist/types/ui/icons/ItalicIcon.d.ts +1 -0
- package/dist/types/ui/icons/LinkIcon.d.ts +1 -0
- package/dist/types/ui/icons/ListBulletedIcon.d.ts +1 -0
- package/dist/types/ui/icons/ListNumberedIcon.d.ts +1 -0
- package/dist/types/ui/icons/MoreItemsIcon.d.ts +2 -0
- package/dist/types/ui/icons/NestedDropdownRightIcon.d.ts +2 -0
- package/dist/types/ui/icons/PinIcon.d.ts +1 -0
- package/dist/types/ui/icons/PinnedIcon.d.ts +1 -0
- package/dist/types/ui/icons/QuoteIcon.d.ts +1 -0
- package/dist/types/ui/icons/TextColorIcon.d.ts +1 -0
- package/dist/types/ui/icons/TextIcon.d.ts +1 -0
- package/dist/types-ts4.5/index.d.ts +33 -0
- package/dist/types-ts4.5/types.d.ts +4 -0
- package/dist/types-ts4.5/ui/ColorIndicatorWrapper.d.ts +7 -0
- package/dist/types-ts4.5/ui/Toolbar.d.ts +7 -0
- package/dist/types-ts4.5/ui/ToolbarButton.d.ts +18 -0
- package/dist/types-ts4.5/ui/ToolbarButtonGroup.d.ts +6 -0
- package/dist/types-ts4.5/ui/ToolbarDivider.d.ts +2 -0
- package/dist/types-ts4.5/ui/ToolbarDropdownDivider.d.ts +2 -0
- package/dist/types-ts4.5/ui/ToolbarDropdownItem.d.ts +24 -0
- package/dist/types-ts4.5/ui/ToolbarDropdownItemSection.d.ts +6 -0
- package/dist/types-ts4.5/ui/ToolbarDropdownMenu.d.ts +11 -0
- package/dist/types-ts4.5/ui/ToolbarKeyboardShortcutHint.d.ts +6 -0
- package/dist/types-ts4.5/ui/ToolbarNestedDropdownMenu.d.ts +10 -0
- package/dist/types-ts4.5/ui/ToolbarSection.d.ts +6 -0
- package/dist/types-ts4.5/ui/ToolbarTooltip.d.ts +7 -0
- package/dist/types-ts4.5/ui/icons/AIAdjustLengthIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/AICasualIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/AIChangeToneIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/AIChatIcon.d.ts +7 -0
- package/dist/types-ts4.5/ui/icons/AICommandIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/AIHeartIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/AILengthenIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/AIProfessionalIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/AIShortenIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/AISpellcheckIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/AITranslateIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/AddIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/AppsIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/BoldIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/ClearFormattingIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/CommentIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/HeadingFiveIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/HeadingFourIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/HeadingOneIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/HeadingSixIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/HeadingThreeIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/HeadingTwoIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/ItalicIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/LinkIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/ListBulletedIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/ListNumberedIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/MoreItemsIcon.d.ts +2 -0
- package/dist/types-ts4.5/ui/icons/NestedDropdownRightIcon.d.ts +2 -0
- package/dist/types-ts4.5/ui/icons/PinIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/PinnedIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/QuoteIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/TextColorIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/TextIcon.d.ts +1 -0
- package/examples/toolbar/examples/ExampleManuallyComposedToolbar.tsx +3 -3
- package/package.json +6 -5
- package/src/index.ts +5 -2
- package/tsconfig.app.json +1 -2
- package/tsconfig.dev.json +7 -1
- package/tsconfig.json +7 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "ListNumberedIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _listNumbered.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _listNumbered = _interopRequireDefault(require("@atlaskit/icon/core/list-numbered"));
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.MoreItemsIcon = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
10
|
+
var MoreItemsIcon = exports.MoreItemsIcon = function MoreItemsIcon(_ref) {
|
|
11
|
+
var label = _ref.label,
|
|
12
|
+
testId = _ref.testId,
|
|
13
|
+
color = _ref.color,
|
|
14
|
+
shouldRecommendSmallIcon = _ref.shouldRecommendSmallIcon,
|
|
15
|
+
spacing = _ref.spacing;
|
|
16
|
+
return /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
|
|
17
|
+
label: label,
|
|
18
|
+
testId: testId,
|
|
19
|
+
color: color,
|
|
20
|
+
shouldRecommendSmallIcon: shouldRecommendSmallIcon,
|
|
21
|
+
spacing: spacing,
|
|
22
|
+
size: "small"
|
|
23
|
+
});
|
|
24
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.NestedDropdownRightIcon = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
|
|
10
|
+
var NestedDropdownRightIcon = exports.NestedDropdownRightIcon = function NestedDropdownRightIcon(_ref) {
|
|
11
|
+
var label = _ref.label,
|
|
12
|
+
testId = _ref.testId,
|
|
13
|
+
color = _ref.color,
|
|
14
|
+
shouldRecommendSmallIcon = _ref.shouldRecommendSmallIcon,
|
|
15
|
+
spacing = _ref.spacing;
|
|
16
|
+
return /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
|
|
17
|
+
label: label,
|
|
18
|
+
testId: testId,
|
|
19
|
+
color: color,
|
|
20
|
+
shouldRecommendSmallIcon: shouldRecommendSmallIcon,
|
|
21
|
+
spacing: spacing,
|
|
22
|
+
size: "small"
|
|
23
|
+
});
|
|
24
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "PinIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _pin.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _pin = _interopRequireDefault(require("@atlaskit/icon/core/pin"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "PinnedIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _pinFilled.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _pinFilled = _interopRequireDefault(require("@atlaskit/icon/core/pin-filled"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "QuoteIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _quotationMark.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _quotationMark = _interopRequireDefault(require("@atlaskit/icon/core/quotation-mark"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "TextColorIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _textStyle.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _textStyle = _interopRequireDefault(require("@atlaskit/icon/core/text-style"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "TextIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _text.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _text = _interopRequireDefault(require("@atlaskit/icon/core/text"));
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
+
export { Toolbar } from './ui/Toolbar';
|
|
3
|
+
export { ToolbarButton } from './ui/ToolbarButton';
|
|
4
|
+
export { ToolbarButtonGroup } from './ui/ToolbarButtonGroup';
|
|
5
|
+
export { ToolbarDropdownMenu } from './ui/ToolbarDropdownMenu';
|
|
6
|
+
export { ToolbarDropdownItem } from './ui/ToolbarDropdownItem';
|
|
7
|
+
export { ToolbarDropdownItemSection } from './ui/ToolbarDropdownItemSection';
|
|
8
|
+
export { ToolbarKeyboardShortcutHint } from './ui/ToolbarKeyboardShortcutHint';
|
|
9
|
+
export { ToolbarSection } from './ui/ToolbarSection';
|
|
10
|
+
export { ToolbarTooltip } from './ui/ToolbarTooltip';
|
|
11
|
+
export { AIAdjustLengthIcon } from './ui/icons/AIAdjustLengthIcon';
|
|
12
|
+
export { AIChatIcon } from './ui/icons/AIChatIcon';
|
|
13
|
+
export { AICommandIcon } from './ui/icons/AICommandIcon';
|
|
14
|
+
export { AddIcon } from './ui/icons/AddIcon';
|
|
15
|
+
export { AppsIcon } from './ui/icons/AppsIcon';
|
|
16
|
+
export { BoldIcon } from './ui/icons/BoldIcon';
|
|
17
|
+
export { CommentIcon } from './ui/icons/CommentIcon';
|
|
18
|
+
export { HeadingFiveIcon } from './ui/icons/HeadingFiveIcon';
|
|
19
|
+
export { HeadingFourIcon } from './ui/icons/HeadingFourIcon';
|
|
20
|
+
export { HeadingOneIcon } from './ui/icons/HeadingOneIcon';
|
|
21
|
+
export { HeadingSixIcon } from './ui/icons/HeadingSixIcon';
|
|
22
|
+
export { HeadingThreeIcon } from './ui/icons/HeadingThreeIcon';
|
|
23
|
+
export { HeadingTwoIcon } from './ui/icons/HeadingTwoIcon';
|
|
24
|
+
export { ItalicIcon } from './ui/icons/ItalicIcon';
|
|
25
|
+
export { LinkIcon } from './ui/icons/LinkIcon';
|
|
26
|
+
export { ListBulletedIcon } from './ui/icons/ListBulletedIcon';
|
|
27
|
+
export { ListNumberedIcon } from './ui/icons/ListNumberedIcon';
|
|
28
|
+
export { MoreItemsIcon } from './ui/icons/MoreItemsIcon';
|
|
29
|
+
export { PinIcon } from './ui/icons/PinIcon';
|
|
30
|
+
export { PinnedIcon } from './ui/icons/PinnedIcon';
|
|
31
|
+
export { QuoteIcon } from './ui/icons/QuoteIcon';
|
|
32
|
+
export { TextColorIcon } from './ui/icons/TextColorIcon';
|
|
33
|
+
export { TextIcon } from './ui/icons/TextIcon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/* ColorIndicatorWrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./ColorIndicatorWrapper.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
const styles = {
|
|
7
|
+
indicator: "_4t3i7vkz _1o3i7jlr _1il9nqa1 _1docjfq9"
|
|
8
|
+
};
|
|
9
|
+
export const ColorIndicatorWrapper = ({
|
|
10
|
+
color,
|
|
11
|
+
children
|
|
12
|
+
}) => /*#__PURE__*/React.createElement(Box, {
|
|
13
|
+
xcss: styles.indicator,
|
|
14
|
+
style: {
|
|
15
|
+
borderBottomColor: color
|
|
16
|
+
},
|
|
17
|
+
as: "span"
|
|
18
|
+
}, children);
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
._2rkoi2wt{border-radius:6px}._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
|
|
3
|
+
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
4
|
+
._1bsb184x{width:min-content}
|
|
5
|
+
._1e0c1txw{display:flex}
|
|
6
|
+
._4cvr1h6o{align-items:center}
|
|
7
|
+
._4t3i1ylp{height:40px}
|
|
8
|
+
._u5f31b66{padding-right:var(--ds-space-050,4px)}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/* Toolbar.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./Toolbar.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
const styles = {
|
|
7
|
+
toolbar: "_2rkoi2wt _u5f31b66 _19bv1b66 _16qs1cd0 _4t3i1ylp _1bsb184x _1e0c1txw _4cvr1h6o"
|
|
8
|
+
};
|
|
9
|
+
export const Toolbar = ({
|
|
10
|
+
children,
|
|
11
|
+
label
|
|
12
|
+
}) => {
|
|
13
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
14
|
+
xcss: styles.toolbar,
|
|
15
|
+
role: "toolbar",
|
|
16
|
+
"aria-label": label
|
|
17
|
+
}, children);
|
|
18
|
+
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
|
|
2
|
+
._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
|
|
3
|
+
._zulp12x7{gap:var(--ds-space-075,6px)}._13liidpf{border-top-left-radius:0}
|
|
4
|
+
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
5
|
+
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
6
|
+
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
7
|
+
._19bvv77o{padding-left:var(--ds-space-025,2px)}
|
|
8
|
+
._1bah1h6o{justify-content:center}
|
|
9
|
+
._1bah1y6m{justify-content:flex-start}
|
|
10
|
+
._1bahesu3{justify-content:flex-end}
|
|
11
|
+
._1e0c1txw{display:flex}
|
|
12
|
+
._1o0zidpf{border-bottom-right-radius:0}
|
|
13
|
+
._1tkezwfg{min-height:2pc}
|
|
14
|
+
._4cvr1h6o{align-items:center}
|
|
15
|
+
._80om13gf{cursor:not-allowed}
|
|
16
|
+
._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
|
|
17
|
+
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
18
|
+
._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
|
|
19
|
+
._mrkbidpf{border-bottom-left-radius:0}
|
|
20
|
+
._o5721q9c{white-space:nowrap}
|
|
21
|
+
._qrwqidpf{border-top-right-radius:0}
|
|
22
|
+
._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
|
|
23
|
+
._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
|
|
24
|
+
._u5f312x7{padding-right:var(--ds-space-075,6px)}
|
|
25
|
+
._u5f31b66{padding-right:var(--ds-space-050,4px)}
|
|
26
|
+
._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
|
|
27
|
+
._u5f3v77o{padding-right:var(--ds-space-025,2px)}
|
|
28
|
+
._1ah3idpf:focus-visible{outline-offset:0}
|
|
29
|
+
._g0pbkb7n:focus-visible{z-index:1}
|
|
30
|
+
._oh03h2mm:focus-visible{position:relative}
|
|
31
|
+
._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
|
|
32
|
+
._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
|
|
33
|
+
._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
|
|
34
|
+
._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/* ToolbarButton.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./ToolbarButton.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React, { forwardRef } from 'react';
|
|
5
|
+
import { cx } from '@atlaskit/css';
|
|
6
|
+
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
7
|
+
const ICON_COLOR = {
|
|
8
|
+
default: "var(--ds-icon-subtle, #626F86)",
|
|
9
|
+
disabled: "var(--ds-icon-disabled, #091E424F)",
|
|
10
|
+
selected: "var(--ds-icon-selected, #0C66E4)"
|
|
11
|
+
};
|
|
12
|
+
const styles = {
|
|
13
|
+
button: "_zulp12x7 _2rkoiti9 _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tkezwfg _syaz1gjq _k48p1wq8 _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
|
|
14
|
+
enabled: "_irr3166n _1di61dty",
|
|
15
|
+
disabled: "_syaz1lh4 _80om13gf",
|
|
16
|
+
selected: "_bfhkfg4m _irr3i1yw _1di619ru",
|
|
17
|
+
groupStart: "_qrwqidpf _1o0zidpf _1bahesu3 _19bv12x7 _u5f3v77o",
|
|
18
|
+
groupMiddle: "_13liidpf _mrkbidpf _qrwqidpf _1o0zidpf _19bv1b66 _u5f31b66",
|
|
19
|
+
groupEnd: "_13liidpf _mrkbidpf _1bah1y6m _19bvv77o _u5f312x7"
|
|
20
|
+
};
|
|
21
|
+
export const ToolbarButton = /*#__PURE__*/forwardRef(({
|
|
22
|
+
icon: IconComponent,
|
|
23
|
+
label,
|
|
24
|
+
children,
|
|
25
|
+
onClick,
|
|
26
|
+
isSelected,
|
|
27
|
+
'aria-expanded': ariaExpanded,
|
|
28
|
+
'aria-haspopup': ariaHasPopup,
|
|
29
|
+
'aria-controls': ariaControls,
|
|
30
|
+
'data-ds--level': dataDsLevel,
|
|
31
|
+
onBlur,
|
|
32
|
+
onFocus,
|
|
33
|
+
testId,
|
|
34
|
+
groupLocation,
|
|
35
|
+
isDisabled,
|
|
36
|
+
ariaKeyshortcuts
|
|
37
|
+
}, ref) => {
|
|
38
|
+
const iconColor = isDisabled ? ICON_COLOR.disabled : isSelected ? ICON_COLOR.selected : ICON_COLOR.default;
|
|
39
|
+
return /*#__PURE__*/React.createElement(Pressable, {
|
|
40
|
+
ref: ref,
|
|
41
|
+
xcss: cx(styles.button, isDisabled ? styles.disabled : isSelected ? styles.selected : styles.enabled, groupLocation === 'start' && styles.groupStart, groupLocation === 'middle' && styles.groupMiddle, groupLocation === 'end' && styles.groupEnd),
|
|
42
|
+
"aria-pressed": isSelected,
|
|
43
|
+
"aria-expanded": ariaExpanded,
|
|
44
|
+
"aria-haspopup": ariaHasPopup,
|
|
45
|
+
"aria-controls": ariaControls,
|
|
46
|
+
"aria-keyshortcuts": ariaKeyshortcuts,
|
|
47
|
+
"data-ds--level": dataDsLevel,
|
|
48
|
+
onClick: onClick,
|
|
49
|
+
onBlur: onBlur,
|
|
50
|
+
onFocus: onFocus,
|
|
51
|
+
testId: testId,
|
|
52
|
+
isDisabled: isDisabled
|
|
53
|
+
}, /*#__PURE__*/React.createElement(IconComponent, {
|
|
54
|
+
label: label,
|
|
55
|
+
size: "medium",
|
|
56
|
+
color: iconColor
|
|
57
|
+
}), children);
|
|
58
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._1e0c1txw{display:flex}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./ToolbarButtonGroup.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
const styles = {
|
|
7
|
+
container: "_1e0c1txw"
|
|
8
|
+
};
|
|
9
|
+
export const ToolbarButtonGroup = ({
|
|
10
|
+
children
|
|
11
|
+
}) => {
|
|
12
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
13
|
+
xcss: styles.container
|
|
14
|
+
}, children);
|
|
15
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
2
|
+
._1p3lnqa1{border-left-style:solid}
|
|
3
|
+
._2hwx1b66{margin-right:var(--ds-space-050,4px)}
|
|
4
|
+
._4t3i7vkz{height:1pc}
|
|
5
|
+
._5wramuej{border-left-color:var(--ds-border,#091e4224)}
|
|
6
|
+
._t6vde4h9{border-left-width:var(--ds-border-width,1px)}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/* ToolbarDivider.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./ToolbarDivider.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
const styles = {
|
|
7
|
+
divider: "_4t3i7vkz _5wramuej _1p3lnqa1 _t6vde4h9 _18u01b66 _2hwx1b66"
|
|
8
|
+
};
|
|
9
|
+
export const ToolbarDivider = () => {
|
|
10
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
11
|
+
xcss: styles.divider
|
|
12
|
+
});
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/* ToolbarDropdownDivider.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./ToolbarDropdownDivider.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
const styles = {
|
|
7
|
+
divider: "_1o3imuej _1il9nqa1 _1doce4h9"
|
|
8
|
+
};
|
|
9
|
+
export const ToolbarDropdownDivider = () => {
|
|
10
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
11
|
+
xcss: styles.divider
|
|
12
|
+
});
|
|
13
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
._11c8140y{font:var(--ds-font-heading-xsmall,normal 600 14px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c81c04{font:var(--ds-font-heading-xlarge,normal 600 29px/2pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
+
._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
4
|
+
._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
5
|
+
._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
6
|
+
._11c8nbxd{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
7
|
+
._11c8nf1z{font:var(--ds-font-heading-large,normal 500 24px/28px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
8
|
+
._19bvutpp{padding-left:var(--ds-space-150,9pt)}
|
|
9
|
+
._1bsb1osq{width:100%}
|
|
10
|
+
._1tke14no{min-height:36px}
|
|
11
|
+
._80om13gf{cursor:not-allowed}
|
|
12
|
+
._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
|
|
13
|
+
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
14
|
+
._kqswh2mm{position:relative}
|
|
15
|
+
._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
|
|
16
|
+
._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
|
|
17
|
+
._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
|
|
18
|
+
._1basglpi:focus-visible{border-radius:var(--ds-border-radius,4px)}
|
|
19
|
+
._1ah31i6y:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}
|
|
20
|
+
._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
|
|
21
|
+
._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
|
|
22
|
+
._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
|
|
23
|
+
._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./ToolbarDropdownItem.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React, { forwardRef } from 'react';
|
|
5
|
+
import { cx } from '@atlaskit/css';
|
|
6
|
+
import { DropdownItem } from '@atlaskit/dropdown-menu';
|
|
7
|
+
import { Box, Pressable } from '@atlaskit/primitives/compiled';
|
|
8
|
+
const styles = {
|
|
9
|
+
toolbarDropdownItem: "_kqswh2mm _bfhksm61 _1bsb1osq _1tke14no _19bvutpp _u5f3utpp _1basglpi _1ah31i6y",
|
|
10
|
+
enabled: "_irr3166n _1di61dty",
|
|
11
|
+
disabled: "_syaz1lh4 _80om13gf",
|
|
12
|
+
selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru",
|
|
13
|
+
normal: "_11c82smr",
|
|
14
|
+
heading1: "_11c81c04",
|
|
15
|
+
heading2: "_11c8nf1z",
|
|
16
|
+
heading3: "_11c8lodh",
|
|
17
|
+
heading4: "_11c8nbxd",
|
|
18
|
+
heading5: "_11c8140y",
|
|
19
|
+
heading6: "_11c81vhk"
|
|
20
|
+
};
|
|
21
|
+
const CustomDropdownMenuItemButton = /*#__PURE__*/forwardRef(({
|
|
22
|
+
children,
|
|
23
|
+
'data-testid': testId,
|
|
24
|
+
'aria-haspopup': ariaHasPopup,
|
|
25
|
+
'aria-disabled': ariaDisabled,
|
|
26
|
+
'aria-pressed': ariaPressed,
|
|
27
|
+
'aria-keyshortcuts': ariaKeyshortcuts,
|
|
28
|
+
onClick,
|
|
29
|
+
tabIndex
|
|
30
|
+
}, ref) => /*#__PURE__*/React.createElement(Pressable, {
|
|
31
|
+
testId: testId,
|
|
32
|
+
xcss: cx(styles.toolbarDropdownItem, ariaDisabled ? styles.disabled : ariaPressed ? styles.selected : styles.enabled),
|
|
33
|
+
onClick: onClick,
|
|
34
|
+
tabIndex: tabIndex,
|
|
35
|
+
"aria-haspopup": ariaHasPopup,
|
|
36
|
+
"aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined,
|
|
37
|
+
"aria-pressed": ariaPressed,
|
|
38
|
+
"aria-disabled": ariaDisabled,
|
|
39
|
+
"aria-keyshortcuts": ariaKeyshortcuts,
|
|
40
|
+
ref: ref
|
|
41
|
+
}, children));
|
|
42
|
+
export const ToolbarDropdownItem = ({
|
|
43
|
+
onClick,
|
|
44
|
+
elemBefore,
|
|
45
|
+
elemAfter,
|
|
46
|
+
isSelected,
|
|
47
|
+
children,
|
|
48
|
+
textStyle = 'normal',
|
|
49
|
+
isDisabled,
|
|
50
|
+
hasNestedDropdownMenu,
|
|
51
|
+
triggerRef,
|
|
52
|
+
testId,
|
|
53
|
+
ariaKeyshortcuts
|
|
54
|
+
}) => /*#__PURE__*/React.createElement(DropdownItem, {
|
|
55
|
+
onClick: onClick,
|
|
56
|
+
elemBefore: elemBefore,
|
|
57
|
+
elemAfter: elemAfter,
|
|
58
|
+
isSelected: isSelected,
|
|
59
|
+
isDisabled: isDisabled,
|
|
60
|
+
"aria-haspopup": hasNestedDropdownMenu,
|
|
61
|
+
"aria-pressed": isSelected,
|
|
62
|
+
"aria-keyshortcuts": ariaKeyshortcuts,
|
|
63
|
+
ref: triggerRef,
|
|
64
|
+
component: CustomDropdownMenuItemButton,
|
|
65
|
+
testId: testId
|
|
66
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
67
|
+
xcss: styles[textStyle]
|
|
68
|
+
}, children));
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* ToolbarDropdownItemSection.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./ToolbarDropdownItemSection.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
const styles = {
|
|
7
|
+
container: "_1e0c1txw _2lx21bp4"
|
|
8
|
+
};
|
|
9
|
+
export const ToolbarDropdownItemSection = ({
|
|
10
|
+
children
|
|
11
|
+
}) => {
|
|
12
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
13
|
+
xcss: styles.container
|
|
14
|
+
}, children);
|
|
15
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import DropdownMenu from '@atlaskit/dropdown-menu';
|
|
3
|
+
import { ToolbarButton } from './ToolbarButton';
|
|
4
|
+
export const ToolbarDropdownMenu = ({
|
|
5
|
+
icon,
|
|
6
|
+
label,
|
|
7
|
+
groupLocation,
|
|
8
|
+
children,
|
|
9
|
+
isDisabled
|
|
10
|
+
}) => {
|
|
11
|
+
return /*#__PURE__*/React.createElement(DropdownMenu, {
|
|
12
|
+
trigger: triggerProps => /*#__PURE__*/React.createElement(ToolbarButton, {
|
|
13
|
+
ref: triggerProps.triggerRef,
|
|
14
|
+
isSelected: triggerProps.isSelected,
|
|
15
|
+
"aria-expanded": triggerProps['aria-expanded'],
|
|
16
|
+
"aria-haspopup": triggerProps['aria-haspopup'],
|
|
17
|
+
"aria-controls": triggerProps['aria-controls'],
|
|
18
|
+
onBlur: triggerProps.onBlur,
|
|
19
|
+
onClick: triggerProps.onClick,
|
|
20
|
+
onFocus: triggerProps.onFocus,
|
|
21
|
+
testId: triggerProps.testId,
|
|
22
|
+
icon: icon,
|
|
23
|
+
label: label,
|
|
24
|
+
groupLocation: groupLocation,
|
|
25
|
+
isDisabled: isDisabled
|
|
26
|
+
})
|
|
27
|
+
}, children);
|
|
28
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import DropdownMenu from '@atlaskit/dropdown-menu';
|
|
3
|
+
import { ToolbarDropdownItem } from './ToolbarDropdownItem';
|
|
4
|
+
export const ToolbarNestedDropdownMenu = ({
|
|
5
|
+
elemBefore,
|
|
6
|
+
text,
|
|
7
|
+
elemAfter,
|
|
8
|
+
children,
|
|
9
|
+
isDisabled
|
|
10
|
+
}) => {
|
|
11
|
+
return /*#__PURE__*/React.createElement(DropdownMenu, {
|
|
12
|
+
placement: "right-start",
|
|
13
|
+
trigger: triggerProps => /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
14
|
+
elemBefore: elemBefore,
|
|
15
|
+
elemAfter: elemAfter,
|
|
16
|
+
isSelected: triggerProps.isSelected,
|
|
17
|
+
onClick: triggerProps.onClick,
|
|
18
|
+
testId: triggerProps.testId,
|
|
19
|
+
triggerRef: triggerProps.triggerRef,
|
|
20
|
+
hasNestedDropdownMenu: true,
|
|
21
|
+
isDisabled: isDisabled
|
|
22
|
+
}, text)
|
|
23
|
+
}, children);
|
|
24
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* ToolbarSection.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./ToolbarSection.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
const styles = {
|
|
7
|
+
container: "_1e0c1txw _4cvr1h6o"
|
|
8
|
+
};
|
|
9
|
+
export const ToolbarSection = ({
|
|
10
|
+
children
|
|
11
|
+
}) => {
|
|
12
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
13
|
+
xcss: styles.container
|
|
14
|
+
}, children);
|
|
15
|
+
};
|