aural-ui 2.1.18 → 2.1.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/button/Button.stories.tsx +122 -1
- package/dist/components/button/index.tsx +39 -1
- package/dist/components/chip/index.tsx +1 -1
- package/dist/icons/image-avatar-sparkle-icon/ImageAvatarSparkleIcon.stories.tsx +749 -0
- package/dist/icons/image-avatar-sparkle-icon/index.tsx +41 -0
- package/dist/icons/image-avatar-sparkle-icon/meta.ts +8 -0
- package/dist/icons/index.ts +3 -0
- package/dist/icons/magic-edit-icon/MagicEditIcon.stories.tsx +742 -0
- package/dist/icons/magic-edit-icon/index.tsx +46 -0
- package/dist/icons/magic-edit-icon/meta.ts +8 -0
- package/dist/icons/page-text-icon/PageTextIcon.stories.tsx +747 -0
- package/dist/icons/page-text-icon/index.tsx +32 -0
- package/dist/icons/page-text-icon/meta.ts +8 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/styles/aural-theme.css +6 -0
- package/package.json +1 -1
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React from "react"
|
|
2
|
+
import { AccessibleIcon } from "@radix-ui/react-accessible-icon"
|
|
3
|
+
|
|
4
|
+
export interface MagicEditIconProps extends React.SVGProps<SVGSVGElement> {
|
|
5
|
+
withAccessibility?: boolean
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
export const MagicEditIcon = (props: MagicEditIconProps) => {
|
|
9
|
+
const { withAccessibility = true, ...svgProps } = props
|
|
10
|
+
|
|
11
|
+
const svg = (
|
|
12
|
+
<svg
|
|
13
|
+
width="18"
|
|
14
|
+
height="18"
|
|
15
|
+
viewBox="0 0 18 18"
|
|
16
|
+
fill="none"
|
|
17
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
18
|
+
{...svgProps}
|
|
19
|
+
>
|
|
20
|
+
<path
|
|
21
|
+
d="M12.0938 2.8125L15.1875 5.90625L5.90625 15.1875H2.8125V12.0938L12.0938 2.8125Z"
|
|
22
|
+
stroke="currentColor"
|
|
23
|
+
strokeWidth="1.2"
|
|
24
|
+
strokeLinecap="round"
|
|
25
|
+
/>
|
|
26
|
+
<path
|
|
27
|
+
d="M3.75 3.75L3 5.25L1.5 6L3 6.75L3.75 8.25L4.5 6.75L6 6L4.5 5.25L3.75 3.75Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
<path
|
|
31
|
+
d="M6.75 1.5L6.25 2.5L5.25 3L6.25 3.5L6.75 4.5L7.25 3.5L8.25 3L7.25 2.5L6.75 1.5Z"
|
|
32
|
+
fill="currentColor"
|
|
33
|
+
/>
|
|
34
|
+
<path
|
|
35
|
+
d="M13.875 11.25L13.25 12.5L12 13.125L13.25 13.75L13.875 15L14.5 13.75L15.75 13.125L14.5 12.5L13.875 11.25Z"
|
|
36
|
+
fill="currentColor"
|
|
37
|
+
/>
|
|
38
|
+
</svg>
|
|
39
|
+
)
|
|
40
|
+
|
|
41
|
+
if (withAccessibility) {
|
|
42
|
+
return <AccessibleIcon label="Magic Edit icon">{svg}</AccessibleIcon>
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
return svg
|
|
46
|
+
}
|