@leafygreen-ui/icon 14.3.0 → 14.4.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 +14 -27
- package/dist/Award.js +2 -0
- package/dist/Award.js.map +1 -0
- package/dist/checksums.json +1 -0
- package/dist/esm/Award.js +2 -0
- package/dist/esm/Award.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/types/generated/Award.d.ts +17 -0
- package/dist/types/generated/Award.d.ts.map +1 -0
- package/dist/types/glyphs/index.d.ts +5 -1
- package/dist/types/glyphs/index.d.ts.map +1 -1
- package/dist/umd/Award.js +2 -0
- package/dist/umd/Award.js.map +1 -0
- package/dist/umd/index.js +1 -1
- package/dist/umd/index.js.map +1 -1
- package/package.json +2 -2
- package/src/generated/Award.tsx +39 -0
- package/src/glyphs/Award.svg +4 -0
- package/src/glyphs/index.ts +2 -0
- package/stories.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@leafygreen-ui/icon",
|
|
3
|
-
"version": "14.
|
|
3
|
+
"version": "14.4.0",
|
|
4
4
|
"description": "LeafyGreen UI Kit Icons",
|
|
5
5
|
"main": "./dist/umd/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"p-queue": "^8.1.0",
|
|
25
25
|
"fs-extra": "11.1.1",
|
|
26
26
|
"@leafygreen-ui/lib": "^15.2.0",
|
|
27
|
-
"@leafygreen-ui/palette": "^5.0.0",
|
|
28
27
|
"@lg-tools/build": "^0.8.0",
|
|
28
|
+
"@leafygreen-ui/palette": "^5.0.0",
|
|
29
29
|
"@lg-tools/lint": "^3.0.0"
|
|
30
30
|
},
|
|
31
31
|
"gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This is a generated file. Do not modify it manually.
|
|
3
|
+
*
|
|
4
|
+
* @script packages/icon/scripts/prebuild/index.ts
|
|
5
|
+
* @checksum 2af5130aab048c3e288e34ff76af2958
|
|
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 AwardProps extends LGGlyph.ComponentProps {}
|
|
12
|
+
const Award = ({
|
|
13
|
+
className,
|
|
14
|
+
size = 16,
|
|
15
|
+
title,
|
|
16
|
+
['aria-label']: ariaLabel,
|
|
17
|
+
['aria-labelledby']: ariaLabelledby,
|
|
18
|
+
fill,
|
|
19
|
+
role = 'img',
|
|
20
|
+
...props
|
|
21
|
+
}: AwardProps) => {
|
|
22
|
+
const fillStyle = css`
|
|
23
|
+
color: ${fill};
|
|
24
|
+
`;
|
|
25
|
+
const noFlexShrink = css`
|
|
26
|
+
flex-shrink: 0;
|
|
27
|
+
`;
|
|
28
|
+
const accessibleProps = generateAccessibleProps(role, 'Award', {
|
|
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"><path d="M7.86523 4.50095C7.91495 4.37545 8.08505 4.37545 8.13477 4.50095L8.58203 5.63056C8.60293 5.68332 8.64988 5.71981 8.7041 5.72453L9.86621 5.82242C9.99499 5.83357 10.0474 6.00227 9.94922 6.09063L9.06445 6.88644C9.023 6.92372 9.00492 6.98243 9.01758 7.03817L9.28711 8.22749C9.31712 8.35959 9.18073 8.46438 9.07031 8.3939L8.07617 7.75568C8.0296 7.72581 7.9704 7.72581 7.92383 7.75568L6.92969 8.3939C6.81926 8.46437 6.68288 8.35959 6.71289 8.22749L6.98242 7.03817C6.99508 6.98243 6.977 6.92372 6.93555 6.88644L6.05078 6.09063C5.95261 6.00227 6.00503 5.83356 6.13379 5.82242L7.2959 5.72453C7.35011 5.7198 7.39706 5.68331 7.41797 5.63056L7.86523 4.50095Z" fill={'currentColor'} /><path fillRule="evenodd" clipRule="evenodd" d="M8 1.3999C10.7614 1.3999 13 3.64376 13 6.41169C13 7.54003 12.6278 8.58111 12 9.41877V13.5975C12 14.1511 11.5523 14.5999 11 14.5999H10.9727C10.8025 14.5999 10.635 14.5565 10.4863 14.4736L8 13.0856L5.51367 14.4736C5.36498 14.5565 5.1975 14.5999 5.02734 14.5999H5C4.44772 14.5999 4 14.1511 4 13.5975V9.41877C3.37223 8.58111 3 7.54003 3 6.41169C3 3.64376 5.23858 1.3999 8 1.3999ZM11 10.4201C10.1642 11.0496 9.1259 11.4235 8 11.4235C6.8741 11.4235 5.83577 11.0496 5 10.4201V13.5975H5.02734L7.51367 12.2095C7.81599 12.0409 8.18401 12.0409 8.48633 12.2095L10.9727 13.5975H11V10.4201ZM8 2.40226C5.79086 2.40226 4 4.19734 4 6.41169C4 8.62604 5.79086 10.4211 8 10.4211C10.2091 10.4211 12 8.62604 12 6.41169C12 4.19734 10.2091 2.40226 8 2.40226Z" fill={'currentColor'} /></svg>;
|
|
36
|
+
};
|
|
37
|
+
Award.displayName = 'Award';
|
|
38
|
+
Award.isGlyph = true;
|
|
39
|
+
export default Award;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M7.86523 4.50095C7.91495 4.37545 8.08505 4.37545 8.13477 4.50095L8.58203 5.63056C8.60293 5.68332 8.64988 5.71981 8.7041 5.72453L9.86621 5.82242C9.99499 5.83357 10.0474 6.00227 9.94922 6.09063L9.06445 6.88644C9.023 6.92372 9.00492 6.98243 9.01758 7.03817L9.28711 8.22749C9.31712 8.35959 9.18073 8.46438 9.07031 8.3939L8.07617 7.75568C8.0296 7.72581 7.9704 7.72581 7.92383 7.75568L6.92969 8.3939C6.81926 8.46437 6.68288 8.35959 6.71289 8.22749L6.98242 7.03817C6.99508 6.98243 6.977 6.92372 6.93555 6.88644L6.05078 6.09063C5.95261 6.00227 6.00503 5.83356 6.13379 5.82242L7.2959 5.72453C7.35011 5.7198 7.39706 5.68331 7.41797 5.63056L7.86523 4.50095Z" fill="#000"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.3999C10.7614 1.3999 13 3.64376 13 6.41169C13 7.54003 12.6278 8.58111 12 9.41877V13.5975C12 14.1511 11.5523 14.5999 11 14.5999H10.9727C10.8025 14.5999 10.635 14.5565 10.4863 14.4736L8 13.0856L5.51367 14.4736C5.36498 14.5565 5.1975 14.5999 5.02734 14.5999H5C4.44772 14.5999 4 14.1511 4 13.5975V9.41877C3.37223 8.58111 3 7.54003 3 6.41169C3 3.64376 5.23858 1.3999 8 1.3999ZM11 10.4201C10.1642 11.0496 9.1259 11.4235 8 11.4235C6.8741 11.4235 5.83577 11.0496 5 10.4201V13.5975H5.02734L7.51367 12.2095C7.81599 12.0409 8.18401 12.0409 8.48633 12.2095L10.9727 13.5975H11V10.4201ZM8 2.40226C5.79086 2.40226 4 4.19734 4 6.41169C4 8.62604 5.79086 10.4211 8 10.4211C10.2091 10.4211 12 8.62604 12 6.41169C12 4.19734 10.2091 2.40226 8 2.40226Z" fill="#000"/>
|
|
4
|
+
</svg>
|
package/src/glyphs/index.ts
CHANGED
|
@@ -13,6 +13,7 @@ import ArrowDown from './ArrowDown.svg';
|
|
|
13
13
|
import ArrowLeft from './ArrowLeft.svg';
|
|
14
14
|
import ArrowRight from './ArrowRight.svg';
|
|
15
15
|
import ArrowUp from './ArrowUp.svg';
|
|
16
|
+
import Award from './Award.svg';
|
|
16
17
|
import Beaker from './Beaker.svg';
|
|
17
18
|
import Bell from './Bell.svg';
|
|
18
19
|
import Biometric from './Biometric.svg';
|
|
@@ -196,6 +197,7 @@ const _glyphs = {
|
|
|
196
197
|
ArrowLeft,
|
|
197
198
|
ArrowRight,
|
|
198
199
|
ArrowUp,
|
|
200
|
+
Award,
|
|
199
201
|
Beaker,
|
|
200
202
|
Bell,
|
|
201
203
|
Biometric,
|