@atlaskit/editor-toolbar 0.3.4 → 0.3.6
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/dist/cjs/hooks/ui-context.js +6 -3
- package/dist/cjs/ui/Toolbar.compiled.css +3 -6
- package/dist/cjs/ui/Toolbar.js +2 -2
- package/dist/cjs/ui/ToolbarButtonGroup.compiled.css +1 -2
- package/dist/cjs/ui/ToolbarButtonGroup.js +1 -1
- package/dist/cjs/ui/ToolbarSection.compiled.css +6 -1
- package/dist/cjs/ui/ToolbarSection.js +13 -7
- package/dist/es2019/hooks/ui-context.js +6 -3
- package/dist/es2019/ui/Toolbar.compiled.css +3 -6
- package/dist/es2019/ui/Toolbar.js +2 -2
- package/dist/es2019/ui/ToolbarButtonGroup.compiled.css +1 -2
- package/dist/es2019/ui/ToolbarButtonGroup.js +1 -1
- package/dist/es2019/ui/ToolbarSection.compiled.css +6 -1
- package/dist/es2019/ui/ToolbarSection.js +10 -5
- package/dist/esm/hooks/ui-context.js +6 -3
- package/dist/esm/ui/Toolbar.compiled.css +3 -6
- package/dist/esm/ui/Toolbar.js +2 -2
- package/dist/esm/ui/ToolbarButtonGroup.compiled.css +1 -2
- package/dist/esm/ui/ToolbarButtonGroup.js +1 -1
- package/dist/esm/ui/ToolbarSection.compiled.css +6 -1
- package/dist/esm/ui/ToolbarSection.js +10 -5
- package/dist/types/hooks/ui-context.d.ts +3 -2
- package/dist/types/index.d.ts +1 -1
- package/dist/types/ui/Toolbar.d.ts +5 -0
- package/dist/types/ui/ToolbarSection.d.ts +10 -2
- package/dist/types-ts4.5/hooks/ui-context.d.ts +3 -2
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/Toolbar.d.ts +5 -0
- package/dist/types-ts4.5/ui/ToolbarSection.d.ts +10 -2
- package/package.json +1 -1
- package/afm-cc/tsconfig.json +0 -54
- package/afm-dev-agents/tsconfig.json +0 -54
- package/afm-jira/tsconfig.json +0 -54
- package/afm-passionfruit/tsconfig.json +0 -54
- package/afm-post-office/tsconfig.json +0 -54
- package/afm-rovo-extension/tsconfig.json +0 -54
- package/afm-townsquare/tsconfig.json +0 -54
- package/afm-volt/tsconfig.json +0 -54
- package/build/tsconfig.json +0 -17
- package/examples/basic.tsx +0 -3
- package/examples/config.jsonc +0 -8
- package/examples/toolbar/examples/ExampleManuallyComposedToolbar.tsx +0 -638
- package/examples/toolbar/examples/useExampleToolbarState.tsx +0 -86
- package/examples/toolbar-ui.tsx +0 -26
- package/src/hooks/ui-context.tsx +0 -60
- package/src/index.ts +0 -74
- package/src/types.ts +0 -3
- package/src/ui/ColorPalette/Color.tsx +0 -118
- package/src/ui/ColorPalette/getColorMessage.ts +0 -27
- package/src/ui/ColorPalette/index.tsx +0 -125
- package/src/ui/ColorPalette/types.ts +0 -96
- package/src/ui/ColorPalette/utils.ts +0 -102
- package/src/ui/Toolbar.tsx +0 -55
- package/src/ui/ToolbarButton.tsx +0 -120
- package/src/ui/ToolbarButtonGroup.tsx +0 -57
- package/src/ui/ToolbarColorSwatch.tsx +0 -37
- package/src/ui/ToolbarDropdownItem.tsx +0 -142
- package/src/ui/ToolbarDropdownItemSection.tsx +0 -21
- package/src/ui/ToolbarDropdownMenu.tsx +0 -112
- package/src/ui/ToolbarDropdownMenuContext.tsx +0 -44
- package/src/ui/ToolbarKeyboardShortcutHint.tsx +0 -11
- package/src/ui/ToolbarNestedDropdownMenu.tsx +0 -45
- package/src/ui/ToolbarSection.tsx +0 -24
- package/src/ui/ToolbarTooltip.tsx +0 -18
- package/src/ui/icons/AIAdjustLengthIcon.tsx +0 -2
- package/src/ui/icons/AICasualIcon.tsx +0 -2
- package/src/ui/icons/AIChangeToneIcon.tsx +0 -2
- package/src/ui/icons/AIChatIcon.tsx +0 -50
- package/src/ui/icons/AICommandIcon.tsx +0 -2
- package/src/ui/icons/AIHeartIcon.tsx +0 -2
- package/src/ui/icons/AILengthenIcon.tsx +0 -2
- package/src/ui/icons/AIProfessionalIcon.tsx +0 -2
- package/src/ui/icons/AIShortenIcon.tsx +0 -2
- package/src/ui/icons/AISpellcheckIcon.tsx +0 -2
- package/src/ui/icons/AISummarizeIcon.tsx +0 -2
- package/src/ui/icons/AITranslateIcon.tsx +0 -2
- package/src/ui/icons/AddIcon.tsx +0 -2
- package/src/ui/icons/AlignTextCenterIcon.tsx +0 -2
- package/src/ui/icons/AlignTextLeftIcon.tsx +0 -2
- package/src/ui/icons/AlignTextRightIcon.tsx +0 -2
- package/src/ui/icons/AppsIcon.tsx +0 -2
- package/src/ui/icons/BoldIcon.tsx +0 -2
- package/src/ui/icons/ClearFormattingIcon.tsx +0 -2
- package/src/ui/icons/CodeIcon.tsx +0 -2
- package/src/ui/icons/CommentIcon.tsx +0 -2
- package/src/ui/icons/EmojiIcon.tsx +0 -2
- package/src/ui/icons/HeadingFiveIcon.tsx +0 -2
- package/src/ui/icons/HeadingFourIcon.tsx +0 -2
- package/src/ui/icons/HeadingOneIcon.tsx +0 -2
- package/src/ui/icons/HeadingSixIcon.tsx +0 -2
- package/src/ui/icons/HeadingThreeIcon.tsx +0 -2
- package/src/ui/icons/HeadingTwoIcon.tsx +0 -2
- package/src/ui/icons/HistoryIcon.tsx +0 -2
- package/src/ui/icons/ImageIcon.tsx +0 -2
- package/src/ui/icons/IndentIcon.tsx +0 -2
- package/src/ui/icons/ItalicIcon.tsx +0 -2
- package/src/ui/icons/LayoutIcon.tsx +0 -2
- package/src/ui/icons/LinkIcon.tsx +0 -2
- package/src/ui/icons/ListBulletedIcon.tsx +0 -2
- package/src/ui/icons/ListNumberedIcon.tsx +0 -2
- package/src/ui/icons/MentionIcon.tsx +0 -2
- package/src/ui/icons/MoreItemsIcon.tsx +0 -22
- package/src/ui/icons/NestedDropdownRightIcon.tsx +0 -22
- package/src/ui/icons/OutdentIcon.tsx +0 -2
- package/src/ui/icons/PinIcon.tsx +0 -2
- package/src/ui/icons/PinnedIcon.tsx +0 -2
- package/src/ui/icons/QuoteIcon.tsx +0 -2
- package/src/ui/icons/RedoIcon.tsx +0 -2
- package/src/ui/icons/ShowMoreHorizontal.tsx +0 -22
- package/src/ui/icons/StrikeThroughIcon.tsx +0 -2
- package/src/ui/icons/SubscriptIcon.tsx +0 -31
- package/src/ui/icons/SuperscriptIcon.tsx +0 -31
- package/src/ui/icons/TableIcon.tsx +0 -2
- package/src/ui/icons/TaskIcon.tsx +0 -2
- package/src/ui/icons/TextColorIcon.tsx +0 -43
- package/src/ui/icons/TextIcon.tsx +0 -2
- package/src/ui/icons/UnderlineIcon.tsx +0 -2
- package/src/ui/icons/UndoIcon.tsx +0 -2
- package/tsconfig.app.json +0 -65
- package/tsconfig.dev.json +0 -56
- package/tsconfig.json +0 -18
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React, { type ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
import DropdownMenu from '@atlaskit/dropdown-menu';
|
|
4
|
-
|
|
5
|
-
import { ToolbarDropdownItem } from './ToolbarDropdownItem';
|
|
6
|
-
|
|
7
|
-
type ToolbarNestedDropdownMenuProps = {
|
|
8
|
-
elemBefore: ReactNode;
|
|
9
|
-
elemAfter: ReactNode;
|
|
10
|
-
text?: string;
|
|
11
|
-
children?: ReactNode;
|
|
12
|
-
isDisabled?: boolean;
|
|
13
|
-
testId?: string;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
export const ToolbarNestedDropdownMenu = ({
|
|
17
|
-
elemBefore,
|
|
18
|
-
text,
|
|
19
|
-
elemAfter,
|
|
20
|
-
children,
|
|
21
|
-
isDisabled,
|
|
22
|
-
testId,
|
|
23
|
-
}: ToolbarNestedDropdownMenuProps) => {
|
|
24
|
-
return (
|
|
25
|
-
<DropdownMenu<HTMLButtonElement>
|
|
26
|
-
placement="right-start"
|
|
27
|
-
trigger={(triggerProps) => (
|
|
28
|
-
<ToolbarDropdownItem
|
|
29
|
-
elemBefore={elemBefore}
|
|
30
|
-
elemAfter={elemAfter}
|
|
31
|
-
isSelected={triggerProps.isSelected}
|
|
32
|
-
onClick={triggerProps.onClick}
|
|
33
|
-
testId={testId}
|
|
34
|
-
triggerRef={triggerProps.triggerRef}
|
|
35
|
-
hasNestedDropdownMenu={true}
|
|
36
|
-
isDisabled={isDisabled}
|
|
37
|
-
>
|
|
38
|
-
{text}
|
|
39
|
-
</ToolbarDropdownItem>
|
|
40
|
-
)}
|
|
41
|
-
>
|
|
42
|
-
{children}
|
|
43
|
-
</DropdownMenu>
|
|
44
|
-
);
|
|
45
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React, { type ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
import { cssMap } from '@atlaskit/css';
|
|
4
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
5
|
-
|
|
6
|
-
const styles = cssMap({
|
|
7
|
-
container: {
|
|
8
|
-
display: 'flex',
|
|
9
|
-
alignItems: 'center',
|
|
10
|
-
},
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
type ToolbarSectionProps = {
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
testId?: string;
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export const ToolbarSection = ({ children, testId }: ToolbarSectionProps) => {
|
|
19
|
-
return (
|
|
20
|
-
<Box xcss={styles.container} testId={testId}>
|
|
21
|
-
{children}
|
|
22
|
-
</Box>
|
|
23
|
-
);
|
|
24
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import type { PositionType } from '@atlaskit/tooltip';
|
|
4
|
-
import Tooltip from '@atlaskit/tooltip';
|
|
5
|
-
|
|
6
|
-
type ToolbarTooltipProps = {
|
|
7
|
-
content: React.ReactNode;
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
position?: PositionType;
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export const ToolbarTooltip = ({ content, children, position = 'top' }: ToolbarTooltipProps) => {
|
|
13
|
-
return (
|
|
14
|
-
<Tooltip content={content} position={position}>
|
|
15
|
-
{children}
|
|
16
|
-
</Tooltip>
|
|
17
|
-
);
|
|
18
|
-
};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
import { cssMap, jsx } from '@atlaskit/css';
|
|
7
|
-
|
|
8
|
-
interface AIChatIconProps {
|
|
9
|
-
label: string;
|
|
10
|
-
testId?: string;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
const styles = cssMap({
|
|
14
|
-
container: {
|
|
15
|
-
display: 'flex',
|
|
16
|
-
alignItems: 'center',
|
|
17
|
-
justifyContent: 'center',
|
|
18
|
-
height: '12px',
|
|
19
|
-
width: '12px',
|
|
20
|
-
},
|
|
21
|
-
});
|
|
22
|
-
|
|
23
|
-
const ROVO_SVG_PATH = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
-
<path d="M5.4905 0.135176C5.80591 -0.0450587 6.19311 -0.0450584 6.50852 0.135176L10.8688 2.62676C11.1885 2.80943 11.3857 3.14937 11.3857 3.51754V8.48246C11.3857 8.85063 11.1885 9.19057 10.8688 9.37324L6.50852 11.8648C6.19311 12.0451 5.80591 12.0451 5.4905 11.8648L1.13022 9.37324C0.810557 9.19057 0.613281 8.85063 0.613281 8.48246V3.51754C0.613281 3.14937 0.810557 2.80943 1.13022 2.62676L5.4905 0.135176Z" fill="#BF63F3"/>
|
|
25
|
-
<mask id="mask0_7293_80230" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
|
|
26
|
-
<path d="M5.49147 0.135176C5.80688 -0.0450587 6.19409 -0.0450584 6.5095 0.135176L10.8698 2.62676C11.1894 2.80943 11.3867 3.14937 11.3867 3.51754V8.48246C11.3867 8.85063 11.1894 9.19057 10.8698 9.37324L6.5095 11.8648C6.19409 12.0451 5.80688 12.0451 5.49147 11.8648L1.13119 9.37324C0.811533 9.19057 0.614258 8.85063 0.614258 8.48246V3.51754C0.614258 3.14937 0.811533 2.80943 1.13119 2.62676L5.49147 0.135176Z" fill="#BF63F3"/>
|
|
27
|
-
</mask>
|
|
28
|
-
<g mask="url(#mask0_7293_80230)">
|
|
29
|
-
<path d="M1.16288 17.7949C1.88804 16.4071 2.9469 15.3192 4.34131 14.5785C5.73572 13.8378 7.35499 13.5206 8.99441 13.7092L0.174767 -2.55519C-1.28774 -2.29055 -2.70974 -1.80225 -4.07832 -1.07526C-5.44691 -0.348264 -6.62375 0.522036 -7.64571 1.5465L1.16656 17.7973L1.16288 17.7949Z" fill="#82B536"/>
|
|
30
|
-
<path d="M6.2482 7.95377C3.81481 8.96062 1.95638 10.6236 1.88069 12.9253C1.88069 12.9253 1.88199 12.9371 1.88076 12.9428C1.87578 13.1139 1.87896 13.2868 1.89469 13.4633C1.89533 13.4648 1.89596 13.4663 1.89659 13.4678C1.91139 13.6465 1.93718 13.8294 1.97333 14.0151C1.98259 14.0588 1.99625 14.1041 2.00551 14.1478C2.03868 14.296 2.07186 14.4442 2.11979 14.5968C2.18327 14.7994 2.25711 15.0047 2.3457 15.2144C2.50959 15.6024 2.70185 15.9488 2.90932 16.2571C3.18552 16.6673 3.48842 17.0101 3.79015 17.2936C3.86597 17.3643 3.94053 17.432 4.01695 17.4954C4.37212 17.7357 4.89091 18.0543 5.7602 18.4584C6.328 18.7233 7.04924 19.025 7.97282 19.3662C8.7114 18.2422 10.0629 17.368 11.3277 16.3888C12.3263 15.6149 13.2681 14.7764 13.805 13.6971C14.2974 12.7085 14.3102 11.4765 13.7704 10.1986C12.4194 7.00012 9.42898 6.63591 6.2507 7.95097L6.2482 7.95377Z" fill="#FCA700"/>
|
|
31
|
-
<path d="M11.6634 -7.61136L-2.81461 -5.02797C-2.81461 -5.02797 -1.3238 1.52224 -4.55981 7.48526C-4.11672 7.5189 -3.66847 7.5392 -3.21522 7.53288C5.12023 7.41664 11.7808 0.635945 11.6634 -7.61401L11.6634 -7.61136Z" fill="#1868DB"/>
|
|
32
|
-
</g>
|
|
33
|
-
<path d="M5.67239 2.71364C5.90711 2.58408 6.19359 2.58646 6.42641 2.72078L8.69144 4.02848C8.92849 4.16524 9.07522 4.41898 9.07522 4.69232V7.30776C9.07522 7.58218 8.92938 7.83479 8.69162 7.97148L6.98899 8.95449C6.99272 8.94401 6.99627 8.93347 6.99965 8.92286C7.03126 8.82487 7.04801 8.72132 7.04801 8.61548V6.00004C7.04801 5.64073 6.8569 5.3094 6.54519 5.13016L5.27598 4.39771V3.3846C5.27598 3.30477 5.28833 3.22678 5.31168 3.15296C5.3691 2.97429 5.49122 2.81962 5.65828 2.72306L5.65879 2.72277C5.66358 2.72001 5.66814 2.71694 5.67239 2.71364Z" fill="white"/>
|
|
34
|
-
<path d="M5.09599 3.04811L3.39336 4.03112C3.1556 4.1678 3.00977 4.42042 3.00977 4.69484V7.31028C3.00977 7.58362 3.15646 7.83734 3.39352 7.9741L5.65857 9.28182C5.89139 9.41612 6.17789 9.41851 6.4126 9.28896C6.41685 9.28566 6.42137 9.28261 6.42616 9.27985C6.59341 9.18336 6.71572 9.02863 6.77323 8.84989C6.79663 8.77599 6.809 8.69792 6.809 8.618V7.60489L5.53987 6.87249C5.22822 6.69323 5.03697 6.36183 5.03697 6.00256V3.38712C5.03697 3.28142 5.05368 3.17802 5.0852 3.08015C5.08862 3.0694 5.09222 3.05872 5.09599 3.04811Z" fill="white"/>
|
|
35
|
-
</svg>`;
|
|
36
|
-
|
|
37
|
-
const RovoLogoSVG = ({ label, testId }: { label: string; testId?: string }) => (
|
|
38
|
-
<span
|
|
39
|
-
css={[styles.container]}
|
|
40
|
-
role="img"
|
|
41
|
-
aria-label={label}
|
|
42
|
-
data-testid={testId}
|
|
43
|
-
// eslint-disable-next-line react/no-danger
|
|
44
|
-
dangerouslySetInnerHTML={{ __html: ROVO_SVG_PATH }}
|
|
45
|
-
/>
|
|
46
|
-
);
|
|
47
|
-
|
|
48
|
-
export const AIChatIcon = ({ label, testId }: AIChatIconProps) => (
|
|
49
|
-
<RovoLogoSVG label={label} testId={testId} />
|
|
50
|
-
);
|
package/src/ui/icons/AddIcon.tsx
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import Icon from '@atlaskit/icon/core/chevron-down';
|
|
4
|
-
|
|
5
|
-
import { type IconComponent } from '../../types';
|
|
6
|
-
|
|
7
|
-
export const MoreItemsIcon: IconComponent = ({
|
|
8
|
-
label,
|
|
9
|
-
testId,
|
|
10
|
-
color,
|
|
11
|
-
shouldRecommendSmallIcon,
|
|
12
|
-
spacing,
|
|
13
|
-
}) => (
|
|
14
|
-
<Icon
|
|
15
|
-
label={label}
|
|
16
|
-
testId={testId}
|
|
17
|
-
color={color}
|
|
18
|
-
shouldRecommendSmallIcon={shouldRecommendSmallIcon}
|
|
19
|
-
spacing={spacing}
|
|
20
|
-
size="small"
|
|
21
|
-
/>
|
|
22
|
-
);
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import Icon from '@atlaskit/icon/core/chevron-right';
|
|
4
|
-
|
|
5
|
-
import { type IconComponent } from '../../types';
|
|
6
|
-
|
|
7
|
-
export const NestedDropdownRightIcon: IconComponent = ({
|
|
8
|
-
label,
|
|
9
|
-
testId,
|
|
10
|
-
color,
|
|
11
|
-
shouldRecommendSmallIcon,
|
|
12
|
-
spacing,
|
|
13
|
-
}) => (
|
|
14
|
-
<Icon
|
|
15
|
-
label={label}
|
|
16
|
-
testId={testId}
|
|
17
|
-
color={color}
|
|
18
|
-
shouldRecommendSmallIcon={shouldRecommendSmallIcon}
|
|
19
|
-
spacing={spacing}
|
|
20
|
-
size="small"
|
|
21
|
-
/>
|
|
22
|
-
);
|
package/src/ui/icons/PinIcon.tsx
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import Icon from '@atlaskit/icon/core/show-more-horizontal';
|
|
4
|
-
|
|
5
|
-
import { type IconComponent } from '../../types';
|
|
6
|
-
|
|
7
|
-
export const ShowMoreHorizontalIcon: IconComponent = ({
|
|
8
|
-
label,
|
|
9
|
-
testId,
|
|
10
|
-
color,
|
|
11
|
-
shouldRecommendSmallIcon,
|
|
12
|
-
spacing,
|
|
13
|
-
}) => (
|
|
14
|
-
<Icon
|
|
15
|
-
label={label}
|
|
16
|
-
testId={testId}
|
|
17
|
-
color={color}
|
|
18
|
-
shouldRecommendSmallIcon={shouldRecommendSmallIcon}
|
|
19
|
-
spacing={spacing}
|
|
20
|
-
size="small"
|
|
21
|
-
/>
|
|
22
|
-
);
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
|
|
4
|
-
import { token } from '@atlaskit/tokens';
|
|
5
|
-
|
|
6
|
-
const SVGContainer = ({ children }: React.PropsWithChildren<object>) => (
|
|
7
|
-
<span
|
|
8
|
-
style={{
|
|
9
|
-
width: token('space.200', '16px'),
|
|
10
|
-
height: token('space.200', '16px'),
|
|
11
|
-
display: 'flex',
|
|
12
|
-
justifyContent: 'center',
|
|
13
|
-
alignItems: 'center',
|
|
14
|
-
}}
|
|
15
|
-
>
|
|
16
|
-
{children}
|
|
17
|
-
</span>
|
|
18
|
-
);
|
|
19
|
-
|
|
20
|
-
export const SubscriptIcon = () => (
|
|
21
|
-
<SVGContainer>
|
|
22
|
-
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
23
|
-
<path
|
|
24
|
-
fill-rule="evenodd"
|
|
25
|
-
clip-rule="evenodd"
|
|
26
|
-
d="M5.10609 6.54799L7.88895 2.09448L9.16102 2.88936L5.99047 7.9633L9.21219 13.1191L7.94012 13.914L5.10609 9.37861L2.27207 13.914L1 13.1191L4.2217 7.9633L1.05117 2.88939L2.32324 2.09451L5.10609 6.54799ZM10.858 15.0001V13.696H12.3499V10.3153L10.8418 11.4343V9.86413L12.3138 8.83114H13.8161V13.696H14.9999V15.0001H10.858Z"
|
|
27
|
-
fill="currentColor"
|
|
28
|
-
/>
|
|
29
|
-
</svg>
|
|
30
|
-
</SVGContainer>
|
|
31
|
-
);
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
|
|
4
|
-
import { token } from '@atlaskit/tokens';
|
|
5
|
-
|
|
6
|
-
const SVGContainer = ({ children }: React.PropsWithChildren<object>) => (
|
|
7
|
-
<span
|
|
8
|
-
style={{
|
|
9
|
-
width: token('space.200', '16px'),
|
|
10
|
-
height: token('space.200', '16px'),
|
|
11
|
-
display: 'flex',
|
|
12
|
-
justifyContent: 'center',
|
|
13
|
-
alignItems: 'center',
|
|
14
|
-
}}
|
|
15
|
-
>
|
|
16
|
-
{children}
|
|
17
|
-
</span>
|
|
18
|
-
);
|
|
19
|
-
|
|
20
|
-
export const SuperscriptIcon = () => (
|
|
21
|
-
<SVGContainer>
|
|
22
|
-
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
23
|
-
<path
|
|
24
|
-
fill-rule="evenodd"
|
|
25
|
-
clip-rule="evenodd"
|
|
26
|
-
d="M10.858 7.16892V5.86487H12.3499V2.4842L10.8418 3.60312V2.03298L12.3138 1H13.8161V5.86487H14.9999V7.16892H10.858ZM5.10609 6.5479L7.88895 2.09439L9.16102 2.88927L5.99047 7.96321L9.21219 13.119L7.94012 13.9139L5.10609 9.37852L2.27207 13.9139L1 13.119L4.2217 7.96321L1.05117 2.8893L2.32324 2.09442L5.10609 6.5479Z"
|
|
27
|
-
fill="currentColor"
|
|
28
|
-
/>
|
|
29
|
-
</svg>
|
|
30
|
-
</SVGContainer>
|
|
31
|
-
);
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import { cssMap } from '@atlaskit/css';
|
|
4
|
-
import Icon from '@atlaskit/icon/core/text-style';
|
|
5
|
-
import { type NewCoreIconProps } from '@atlaskit/icon/types';
|
|
6
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
7
|
-
import { token } from '@atlaskit/tokens';
|
|
8
|
-
import { type IconColor } from '@atlaskit/tokens/css-type-schema';
|
|
9
|
-
|
|
10
|
-
type TextColorIconProps = NewCoreIconProps & {
|
|
11
|
-
iconColor?: IconColor;
|
|
12
|
-
isDisabled?: boolean;
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
const styles = cssMap({
|
|
16
|
-
icon: {
|
|
17
|
-
marginTop: token('space.050'),
|
|
18
|
-
},
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
export const TextColorIcon = ({
|
|
22
|
-
label,
|
|
23
|
-
shouldRecommendSmallIcon,
|
|
24
|
-
size,
|
|
25
|
-
spacing,
|
|
26
|
-
testId,
|
|
27
|
-
iconColor,
|
|
28
|
-
isDisabled,
|
|
29
|
-
}: TextColorIconProps) => {
|
|
30
|
-
return (
|
|
31
|
-
// for the moment the Icon is not truely centered - adding margin top as a workaround
|
|
32
|
-
<Box as="span" xcss={styles.icon}>
|
|
33
|
-
<Icon
|
|
34
|
-
label={label}
|
|
35
|
-
testId={testId}
|
|
36
|
-
color={isDisabled ? token('color.icon.disabled') : iconColor}
|
|
37
|
-
shouldRecommendSmallIcon={shouldRecommendSmallIcon}
|
|
38
|
-
spacing={spacing}
|
|
39
|
-
size={size}
|
|
40
|
-
/>
|
|
41
|
-
</Box>
|
|
42
|
-
);
|
|
43
|
-
};
|
package/tsconfig.app.json
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "../../../tsconfig.base.json",
|
|
3
|
-
"include": ["./src/**/*.ts", "./src/**/*.tsx"],
|
|
4
|
-
"exclude": [
|
|
5
|
-
"**/docs/**/*",
|
|
6
|
-
"**/__tests__/**/*",
|
|
7
|
-
"**/vr-tests/**/*",
|
|
8
|
-
"**/__perf__/**/*",
|
|
9
|
-
"**/*.test.*",
|
|
10
|
-
"**/test.*",
|
|
11
|
-
"**/test-*",
|
|
12
|
-
"**/examples.ts",
|
|
13
|
-
"**/examples.tsx",
|
|
14
|
-
"**/examples/*.ts",
|
|
15
|
-
"**/examples/*.tsx",
|
|
16
|
-
"**/examples/**/*.ts",
|
|
17
|
-
"**/examples/**/*.tsx",
|
|
18
|
-
"**/storybook/**/*",
|
|
19
|
-
"**/constellation/**/*",
|
|
20
|
-
".storybook/*",
|
|
21
|
-
"./__fixtures__/**/*",
|
|
22
|
-
"./__generated__/**/*",
|
|
23
|
-
"./mocks/**/*",
|
|
24
|
-
"./__mocks__/**/*",
|
|
25
|
-
"**/mock.*",
|
|
26
|
-
"**/codemods/**/*.ts",
|
|
27
|
-
"**/codemods/**/*.tsx"
|
|
28
|
-
],
|
|
29
|
-
"compilerOptions": {
|
|
30
|
-
"composite": true,
|
|
31
|
-
"outDir": "../../../tsDist/@atlaskit__editor-toolbar/app"
|
|
32
|
-
},
|
|
33
|
-
"references": [
|
|
34
|
-
{
|
|
35
|
-
"path": "../../design-system/badge/tsconfig.app.json"
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
"path": "../../design-system/css/tsconfig.app.json"
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"path": "../../design-system/dropdown-menu/tsconfig.app.json"
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
"path": "../../design-system/icon/tsconfig.app.json"
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"path": "../../design-system/icon-lab/tsconfig.app.json"
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"path": "../../design-system/menu/tsconfig.app.json"
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
"path": "../../design-system/popup/tsconfig.app.json"
|
|
54
|
-
},
|
|
55
|
-
{
|
|
56
|
-
"path": "../../design-system/primitives/tsconfig.app.json"
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"path": "../../design-system/tokens/tsconfig.app.json"
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
"path": "../../design-system/tooltip/tsconfig.app.json"
|
|
63
|
-
}
|
|
64
|
-
]
|
|
65
|
-
}
|