@leafygreen-ui/icon 13.0.0 → 13.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +7 -7
- package/dist/Circle.js +2 -0
- package/dist/Circle.js.map +1 -0
- package/dist/Coin.js.map +1 -1
- package/dist/esm/Circle.js +2 -0
- package/dist/esm/Circle.js.map +1 -0
- package/dist/esm/Coin.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/generated/Circle.d.ts +17 -0
- package/dist/generated/Circle.d.ts.map +1 -0
- package/dist/generated/Coin.d.ts +1 -1
- package/dist/glyphs/index.d.ts +5 -1
- package/dist/glyphs/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/generated/Circle.tsx +39 -0
- package/src/generated/Coin.tsx +1 -1
- package/src/glyphs/Circle.svg +3 -0
- package/src/glyphs/Coin.svg +1 -1
- package/src/glyphs/index.ts +2 -0
- package/stories.js +1 -1
package/package.json
CHANGED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This is a generated file. Do not modify it manually.
|
|
3
|
+
*
|
|
4
|
+
* @script ./node_modules/.bin/ts-node packages/icon/scripts/prebuild.ts
|
|
5
|
+
* @checksum 141253d9beef012bb559cc8f4bf78319
|
|
6
|
+
*/
|
|
7
|
+
import * as React from "react";
|
|
8
|
+
import { css, cx } from '@leafygreen-ui/emotion';
|
|
9
|
+
import { generateAccessibleProps, sizeMap } from '../glyphCommon';
|
|
10
|
+
import { LGGlyph } from '../types';
|
|
11
|
+
export interface CircleProps extends LGGlyph.ComponentProps {}
|
|
12
|
+
const Circle = ({
|
|
13
|
+
className,
|
|
14
|
+
size = 16,
|
|
15
|
+
title,
|
|
16
|
+
['aria-label']: ariaLabel,
|
|
17
|
+
['aria-labelledby']: ariaLabelledby,
|
|
18
|
+
fill,
|
|
19
|
+
role = 'img',
|
|
20
|
+
...props
|
|
21
|
+
}: CircleProps) => {
|
|
22
|
+
const fillStyle = css`
|
|
23
|
+
color: ${fill};
|
|
24
|
+
`;
|
|
25
|
+
const noFlexShrink = css`
|
|
26
|
+
flex-shrink: 0;
|
|
27
|
+
`;
|
|
28
|
+
const accessibleProps = generateAccessibleProps(role, 'Circle', {
|
|
29
|
+
title,
|
|
30
|
+
['aria-label']: ariaLabel,
|
|
31
|
+
['aria-labelledby']: ariaLabelledby
|
|
32
|
+
});
|
|
33
|
+
return <svg className={cx({
|
|
34
|
+
[fillStyle]: fill != null
|
|
35
|
+
}, noFlexShrink, className)} height={typeof size === 'number' ? size : sizeMap[size]} width={typeof size === 'number' ? size : sizeMap[size]} role={role} {...accessibleProps} {...props} viewBox="0 0 16 16"><circle cx={8} cy={8} r={7} fill={'currentColor'} /></svg>;
|
|
36
|
+
};
|
|
37
|
+
Circle.displayName = 'Circle';
|
|
38
|
+
Circle.isGlyph = true;
|
|
39
|
+
export default Circle;
|
package/src/generated/Coin.tsx
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* This is a generated file. Do not modify it manually.
|
|
3
3
|
*
|
|
4
4
|
* @script ./node_modules/.bin/ts-node packages/icon/scripts/prebuild.ts
|
|
5
|
-
* @checksum
|
|
5
|
+
* @checksum e6d0e724cd09b019697d2b1159ac3b73
|
|
6
6
|
*/
|
|
7
7
|
import * as React from "react";
|
|
8
8
|
import { css, cx } from '@leafygreen-ui/emotion';
|
package/src/glyphs/Coin.svg
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
|
2
2
|
<path d="M8 1C4.13 1 1 4.13 1 8C1 11.87 4.13 15 8 15C11.87 15 15 11.87 15 8C15 4.13 11.87 1 8 1ZM10.29 10.41C10.2 10.67 10.06 10.87 9.86 11.02C9.66 11.17 9.4 11.27 9.08 11.33C8.82 11.38 8.51 11.41 8.16 11.42L8.06 12.49H6.95L7.05 11.39C7.05 11.39 6.98 11.39 6.94 11.39C6.53 11.36 6.05 11.29 5.52 11.17L5.61 10.08C6 10.08 6.33 10.1 6.62 10.11C6.91 10.11 7.15 10.12 7.36 10.12H7.89C8.15 10.12 8.35 10.1 8.5 10.07C8.65 10.04 8.76 9.97 8.82 9.88C8.88 9.79 8.91 9.65 8.91 9.46C8.91 9.3 8.89 9.17 8.84 9.08C8.8 8.98 8.73 8.9 8.63 8.85C8.54 8.79 8.41 8.74 8.24 8.69L6.87 8.21C6.35 8.02 5.98 7.76 5.76 7.45C5.55 7.14 5.44 6.72 5.44 6.21C5.44 5.81 5.49 5.49 5.58 5.24C5.67 4.99 5.82 4.79 6.02 4.65C6.23 4.51 6.49 4.41 6.81 4.36C7.09 4.31 7.42 4.29 7.79 4.29L7.89 3.38H9L8.89 4.33C8.95 4.33 8.99 4.33 9.05 4.33C9.44 4.36 9.83 4.44 10.2 4.55L10.1 5.56C9.81 5.56 9.47 5.55 9.08 5.54C8.69 5.54 8.31 5.53 7.94 5.53C7.76 5.53 7.61 5.53 7.48 5.55C7.35 5.55 7.25 5.58 7.17 5.63L7 5.82C6.97 5.91 6.95 6.03 6.95 6.18C6.95 6.41 7 6.58 7.11 6.69C7.22 6.8 7.42 6.89 7.69 6.98L8.98 7.41C9.52 7.6 9.9 7.85 10.11 8.17C10.32 8.49 10.43 8.91 10.43 9.43C10.43 9.82 10.38 10.15 10.29 10.41Z" fill="#000000"/>
|
|
3
3
|
</svg>
|
package/src/glyphs/index.ts
CHANGED
|
@@ -32,6 +32,7 @@ import ChevronDown from './ChevronDown.svg';
|
|
|
32
32
|
import ChevronLeft from './ChevronLeft.svg';
|
|
33
33
|
import ChevronRight from './ChevronRight.svg';
|
|
34
34
|
import ChevronUp from './ChevronUp.svg';
|
|
35
|
+
import Circle from './Circle.svg';
|
|
35
36
|
import Clock from './Clock.svg';
|
|
36
37
|
import ClockWithArrow from './ClockWithArrow.svg';
|
|
37
38
|
import Clone from './Clone.svg';
|
|
@@ -197,6 +198,7 @@ const _glyphs = {
|
|
|
197
198
|
ChevronLeft,
|
|
198
199
|
ChevronRight,
|
|
199
200
|
ChevronUp,
|
|
201
|
+
Circle,
|
|
200
202
|
Clock,
|
|
201
203
|
ClockWithArrow,
|
|
202
204
|
Clone,
|