@leafygreen-ui/icon 11.9.0 → 11.10.2
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 +22 -0
- package/dist/Folder.js +1 -1
- package/dist/Folder.js.map +1 -1
- package/dist/Relationship.js +2 -0
- package/dist/Relationship.js.map +1 -0
- package/dist/createIconComponent.d.ts +1 -0
- package/dist/createIconComponent.d.ts.map +1 -1
- package/dist/esm/Folder.js +1 -1
- package/dist/esm/Folder.js.map +1 -1
- package/dist/esm/Relationship.js +2 -0
- package/dist/esm/Relationship.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/generated/Relationship.d.ts +17 -0
- package/dist/generated/Relationship.d.ts.map +1 -0
- package/dist/glyphs/index.d.ts +1 -1
- package/dist/glyphs/index.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/isComponentGlyph.d.ts +7 -2
- package/dist/isComponentGlyph.d.ts.map +1 -1
- package/dist/types/LGGlyph.d.ts +5 -2
- package/dist/types/LGGlyph.d.ts.map +1 -1
- package/package.json +12 -4
- package/scripts/build.ts +1 -1
- package/{src → scripts}/template.ts +0 -0
- package/src/Icon.spec.tsx +76 -17
- package/src/Icon.story.tsx +21 -21
- package/src/createGlyphComponent.tsx +3 -3
- package/src/createIconComponent.tsx +3 -1
- package/src/generated/Folder.tsx +2 -2
- package/src/generated/Relationship.tsx +66 -0
- package/src/glyphs/Folder.svg +1 -1
- package/src/glyphs/Relationship.svg +3 -0
- package/src/glyphs/index.ts +2 -0
- package/src/isComponentGlyph.ts +27 -6
- package/src/types/LGGlyph.ts +4 -2
- package/tsconfig.tsbuildinfo +1 -1
- package/dist/template.d.ts +0 -19
- package/dist/template.d.ts.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# @leafygreen-ui/icon
|
|
2
2
|
|
|
3
|
+
## 11.10.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 7caa1c3e: Add 'Relationship' icon
|
|
8
|
+
- 8d7534e9: Adds `tsdoc.json` to published package files
|
|
9
|
+
- Updated dependencies [8d7534e9]
|
|
10
|
+
- @leafygreen-ui/lib@9.4.2
|
|
11
|
+
|
|
12
|
+
## 11.10.1
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- 31f1cf8f: Updated `Folder` SVG
|
|
17
|
+
|
|
18
|
+
## 11.10.0
|
|
19
|
+
|
|
20
|
+
### Minor Changes
|
|
21
|
+
|
|
22
|
+
- 2670e4db: Adds `isGlyph` property to icons returned by `createIconComponent`. This means the generic `<Icon/>` component will now be compatible with Select and Combobox Options.
|
|
23
|
+
Additionally, overloads `isComponentGlyph` function to accept either a `ReactNode`, or `ComponentType`.
|
|
24
|
+
|
|
3
25
|
## 11.9.0
|
|
4
26
|
|
|
5
27
|
### Minor Changes
|
package/dist/Folder.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("react"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","prop-types","@leafygreen-ui/emotion","@emotion/react"],r):((e="undefined"!=typeof globalThis?globalThis:e||self).Folder=e.Folder||{},e.Folder.js=r(e.React,e.PropTypes,e["@leafygreen-ui/emotion"],e.react))}(this,(function(e,r,t,l){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},o.apply(this,arguments)}function u(e,r){if(null==e)return{};var t,l,a=function(e,r){if(null==e)return{};var t,l,a={},n=Object.keys(e);for(l=0;l<n.length;l++)t=n[l],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l<n.length;l++)t=n[l],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function f(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var s,c,b={small:14,default:16,large:20,xlarge:24};var d=["className","size","title","aria-label","aria-labelledby","fill","role"],p=function(e){var r,a=e.className,n=e.size,p=void 0===n?16:n,y=e.title,m=e["aria-label"],g=e["aria-labelledby"],v=e.fill,h=e.role,O=void 0===h?"img":h,j=u(e,d),x=t.css(s||(s=f(["\n color: ",";\n "])),v),w=t.css(c||(c=f(["\n flex-shrink: 0;\n "]))),C=function(e,r,t){var l,a,n=t["aria-label"],o=t["aria-labelledby"],u=t.title;switch(e){case"img":return n||o||u?(i(l={},"aria-labelledby",o),i(l,"aria-label",n),i(l,"title",u),l):{"aria-label":(a=r,"".concat(a.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(O,"Folder",(i(r={title:y},"aria-label",m),i(r,"aria-labelledby",g),r));return l.jsx("svg",o({className:t.cx(i({},x,null!=v),w,a),height:"number"==typeof p?p:b[p],width:"number"==typeof p?p:b[p],role:O},C,j,{viewBox:"0 0 16 16"}),l.jsx("path",{d:"M2
|
|
1
|
+
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("react"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","prop-types","@leafygreen-ui/emotion","@emotion/react"],r):((e="undefined"!=typeof globalThis?globalThis:e||self).Folder=e.Folder||{},e.Folder.js=r(e.React,e.PropTypes,e["@leafygreen-ui/emotion"],e.react))}(this,(function(e,r,t,l){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},o.apply(this,arguments)}function u(e,r){if(null==e)return{};var t,l,a=function(e,r){if(null==e)return{};var t,l,a={},n=Object.keys(e);for(l=0;l<n.length;l++)t=n[l],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l<n.length;l++)t=n[l],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function f(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var s,c,b={small:14,default:16,large:20,xlarge:24};var d=["className","size","title","aria-label","aria-labelledby","fill","role"],p=function(e){var r,a=e.className,n=e.size,p=void 0===n?16:n,y=e.title,m=e["aria-label"],g=e["aria-labelledby"],v=e.fill,h=e.role,O=void 0===h?"img":h,j=u(e,d),x=t.css(s||(s=f(["\n color: ",";\n "])),v),w=t.css(c||(c=f(["\n flex-shrink: 0;\n "]))),C=function(e,r,t){var l,a,n=t["aria-label"],o=t["aria-labelledby"],u=t.title;switch(e){case"img":return n||o||u?(i(l={},"aria-labelledby",o),i(l,"aria-label",n),i(l,"title",u),l):{"aria-label":(a=r,"".concat(a.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(O,"Folder",(i(r={title:y},"aria-label",m),i(r,"aria-labelledby",g),r));return l.jsx("svg",o({className:t.cx(i({},x,null!=v),w,a),height:"number"==typeof p?p:b[p],width:"number"==typeof p?p:b[p],role:O},C,j,{viewBox:"0 0 16 16"}),l.jsx("path",{d:"M2 2C1.44772 2 1 2.44772 1 3V13C1 13.5523 1.44772 14 2 14H14C14.5523 14 15 13.5523 15 13V5C15 4.44772 14.5523 4 14 4H8C7.44772 4 7 3.55228 7 3C7 2.44772 6.55228 2 6 2H2Z",fill:"currentColor"}))};return p.displayName="Folder",p.isGlyph=!0,p.propTypes={fill:n.default.string,size:n.default.oneOfType([n.default.number,n.default.string]),className:n.default.string},p}));
|
|
2
2
|
//# sourceMappingURL=Folder.js.map
|
package/dist/Folder.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Folder.js","sources":["../src/glyphCommon.ts","../src/generated/Folder.tsx"],"sourcesContent":["export const Size = {\n Small: 'small',\n Default: 'default',\n Large: 'large',\n XLarge: 'xlarge',\n} as const;\n\nexport type Size = typeof Size[keyof typeof Size];\n\nexport const sizeMap: Record<Size, number> = {\n small: 14,\n default: 16,\n large: 20,\n xlarge: 24,\n} as const;\n\ninterface AccessibleFunctionParams {\n 'aria-labelledby'?: string;\n 'aria-label'?: string;\n title?: string | null;\n}\n\ntype AccessibleFunctionReturnType =\n | AccessibleFunctionParams\n | { 'aria-hidden': true; alt: '' };\n\nexport function generateAccessibleProps(\n role: 'img' | 'presentation',\n glyphName: string,\n {\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n title,\n }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n switch (role) {\n case 'img':\n if (!ariaLabel && !ariaLabelledby && !title) {\n return { 'aria-label': getGlyphLabel(glyphName) };\n }\n\n return {\n ['aria-labelledby']: ariaLabelledby,\n ['aria-label']: ariaLabel,\n title,\n };\n\n case 'presentation':\n return { 'aria-hidden': true, alt: '' };\n }\n}\n\nexport function getGlyphLabel(name: string) {\n return `${name.replace(/([a-z])([A-Z])/g, '$1 $2')} Icon`;\n}\n","/**\n * This is a generated file. Do not modify it manually.\n *\n * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts\n * @checksum
|
|
1
|
+
{"version":3,"file":"Folder.js","sources":["../src/glyphCommon.ts","../src/generated/Folder.tsx"],"sourcesContent":["export const Size = {\n Small: 'small',\n Default: 'default',\n Large: 'large',\n XLarge: 'xlarge',\n} as const;\n\nexport type Size = typeof Size[keyof typeof Size];\n\nexport const sizeMap: Record<Size, number> = {\n small: 14,\n default: 16,\n large: 20,\n xlarge: 24,\n} as const;\n\ninterface AccessibleFunctionParams {\n 'aria-labelledby'?: string;\n 'aria-label'?: string;\n title?: string | null;\n}\n\ntype AccessibleFunctionReturnType =\n | AccessibleFunctionParams\n | { 'aria-hidden': true; alt: '' };\n\nexport function generateAccessibleProps(\n role: 'img' | 'presentation',\n glyphName: string,\n {\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n title,\n }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n switch (role) {\n case 'img':\n if (!ariaLabel && !ariaLabelledby && !title) {\n return { 'aria-label': getGlyphLabel(glyphName) };\n }\n\n return {\n ['aria-labelledby']: ariaLabelledby,\n ['aria-label']: ariaLabel,\n title,\n };\n\n case 'presentation':\n return { 'aria-hidden': true, alt: '' };\n }\n}\n\nexport function getGlyphLabel(name: string) {\n return `${name.replace(/([a-z])([A-Z])/g, '$1 $2')} Icon`;\n}\n","/**\n * This is a generated file. Do not modify it manually.\n *\n * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts\n * @checksum 2a9ff3a6b8b82526ffa33853f432f626\n */\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport { generateAccessibleProps, sizeMap } from '../glyphCommon';\nimport { LGGlyph } from '../types';\nexport interface FolderProps extends LGGlyph.ComponentProps {}\n\nconst Folder = ({\n className,\n size = 16,\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n fill,\n role = 'img',\n ...props\n}: FolderProps) => {\n const fillStyle = css`\n color: ${fill};\n `;\n const noFlexShrink = css`\n flex-shrink: 0;\n `;\n const accessibleProps = generateAccessibleProps(role, 'Folder', {\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n });\n return (\n <svg\n className={cx(\n {\n [fillStyle]: fill != null,\n },\n noFlexShrink,\n className,\n )}\n height={typeof size === 'number' ? size : sizeMap[size]}\n width={typeof size === 'number' ? size : sizeMap[size]}\n role={role}\n {...accessibleProps}\n {...props}\n viewBox=\"0 0 16 16\"\n >\n <path\n d=\"M2 2C1.44772 2 1 2.44772 1 3V13C1 13.5523 1.44772 14 2 14H14C14.5523 14 15 13.5523 15 13V5C15 4.44772 14.5523 4 14 4H8C7.44772 4 7 3.55228 7 3C7 2.44772 6.55228 2 6 2H2Z\"\n fill={'currentColor'}\n />\n </svg>\n );\n};\n\nFolder.displayName = 'Folder';\nFolder.isGlyph = true;\nFolder.propTypes = {\n fill: PropTypes.string,\n size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n className: PropTypes.string,\n};\nexport default Folder;\n"],"names":["_templateObject","_templateObject2","sizeMap","small","default","large","xlarge","_excluded","Folder","_ref","_generateAccessiblePr","className","_ref$size","size","title","ariaLabel","ariaLabelledby","fill","_ref$role","role","props","_objectWithoutProperties","fillStyle","css","_taggedTemplateLiteral","noFlexShrink","accessibleProps","glyphName","_ref2","name","_defineProperty","concat","replace","alt","generateAccessibleProps","___EmotionJSX","jsx","_extends","cx","height","width","viewBox","d","displayName","isGlyph","propTypes","PropTypes","string","oneOfType","number"],"mappings":"o2CAOO,ICFHA,EAAiBC,EDEVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICJV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAcpFC,EAAS,SAAgBC,GAC3B,IAAIC,EAEAC,EAAYF,EAAKE,UACjBC,EAAYH,EAAKI,KACjBA,OAAqB,IAAdD,EAAuB,GAAKA,EACnCE,EAAQL,EAAKK,MACbC,EAAYN,EAAK,cACjBO,EAAiBP,EAAK,mBACtBQ,EAAOR,EAAKQ,KACZC,EAAYT,EAAKU,KACjBA,OAAqB,IAAdD,EAAuB,MAAQA,EACtCE,EAAQC,EAAyBZ,EAAMF,GAEvCe,EAAYC,EAAAA,IAAIvB,IAAoBA,EAAkBwB,EAAuB,CAAC,gBAAiB,WAAYP,GAC3GQ,EAAeF,EAAGA,IAACtB,IAAqBA,EAAmBuB,EAAuB,CAAC,gCACnFE,EDxBC,SAAiCP,EAAMQ,EAAWlB,GACvD,IAAImB,EAuBwBC,EArBxBd,EAAYN,EAAK,cACjBO,EAAiBP,EAAK,mBACtBK,EAAQL,EAAKK,MAEjB,OAAQK,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,GAMnBgB,EAAZF,EAAQ,GAA2B,kBAAmBZ,GAAiBc,EAAgBF,EAAO,aAAcb,GAAYe,EAAgBF,EAAO,QAASd,GAAQc,GAL9J,CACL,cAaoBC,EAbQF,EAc7B,GAAGI,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,KCIWC,CAAwBf,EAAM,UAEjDW,EAF4DpB,EAAwB,CACrFI,MAAOA,GACiC,aAAcC,GAAYe,EAAgBpB,EAAuB,kBAAmBM,GAAiBN,IAC/I,OAAOyB,EAAaC,IAAC,MAAOC,EAAS,CACnC1B,UAAW2B,EAAAA,GAAGR,EAAgB,GAAIR,EAAmB,MAARL,GAAeQ,EAAcd,GAC1E4B,OAAwB,iBAAT1B,EAAoBA,EAAOX,EAAQW,GAClD2B,MAAuB,iBAAT3B,EAAoBA,EAAOX,EAAQW,GACjDM,KAAMA,GACLO,EAAiBN,EAAO,CACzBqB,QAAS,cACPN,EAAaC,IAAC,OAAQ,CACxBM,EAAG,4KACHzB,KAAM,0BAIVT,EAAOmC,YAAc,SACrBnC,EAAOoC,SAAU,EACjBpC,EAAOqC,UAAY,CACjB5B,KAAM6B,EAAS,QAACC,OAChBlC,KAAMiC,EAAS,QAACE,UAAU,CAACF,EAAS,QAACG,OAAQH,EAAAA,QAAUC,SACvDpC,UAAWmC,EAAS,QAACC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("react"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","prop-types","@leafygreen-ui/emotion","@emotion/react"],r):((e="undefined"!=typeof globalThis?globalThis:e||self).Relationship=e.Relationship||{},e.Relationship.js=r(e.React,e.PropTypes,e["@leafygreen-ui/emotion"],e.react))}(this,(function(e,r,t,a){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(r);function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},o.apply(this,arguments)}function s(e,r){if(null==e)return{};var t,a,l=function(e,r){if(null==e)return{};var t,a,l={},i=Object.keys(e);for(a=0;a<i.length;a++)t=i[a],r.indexOf(t)>=0||(l[t]=e[t]);return l}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)t=i[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}function u(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var f,c,p={small:14,default:16,large:20,xlarge:24};var b=["className","size","title","aria-label","aria-labelledby","fill","role"],d=function(e){var r,l=e.className,i=e.size,d=void 0===i?16:i,y=e.title,m=e["aria-label"],g=e["aria-labelledby"],h=e.fill,v=e.role,O=void 0===v?"img":v,j=s(e,b),C=t.css(f||(f=u(["\n color: ",";\n "])),h),x=t.css(c||(c=u(["\n flex-shrink: 0;\n "]))),w=function(e,r,t){var a,l,i=t["aria-label"],o=t["aria-labelledby"],s=t.title;switch(e){case"img":return i||o||s?(n(a={},"aria-labelledby",o),n(a,"aria-label",i),n(a,"title",s),a):{"aria-label":(l=r,"".concat(l.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(O,"Relationship",(n(r={title:y},"aria-label",m),n(r,"aria-labelledby",g),r));return a.jsx("svg",o({className:t.cx(n({},C,null!=h),x,l),height:"number"==typeof d?d:p[d],width:"number"==typeof d?d:p[d],role:O},w,j,{viewBox:"0 0 16 16"}),a.jsx("path",{d:"M0.5 2C0.5 1.44772 0.947715 1 1.5 1H3.5C4.05228 1 4.5 1.44772 4.5 2V3H5.99999C7.3807 3 8.49998 4.11929 8.49998 5.5V10.5C8.49998 11.3284 9.17156 12 9.99999 12H11.5V11C11.5 10.4477 11.9477 10 12.5 10H14.5C15.0523 10 15.5 10.4477 15.5 11V14C15.5 14.5523 15.0523 15 14.5 15H12.5C11.9477 15 11.5 14.5523 11.5 14V13H9.99999C8.61928 13 7.49998 11.8807 7.49998 10.5V5.5C7.49998 4.67157 6.82841 4 5.99999 4H4.5V5C4.5 5.55228 4.05228 6 3.5 6H1.5C0.947715 6 0.5 5.55228 0.5 5V2Z",fill:"currentColor"}))};return d.displayName="Relationship",d.isGlyph=!0,d.propTypes={fill:i.default.string,size:i.default.oneOfType([i.default.number,i.default.string]),className:i.default.string},d}));
|
|
2
|
+
//# sourceMappingURL=Relationship.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Relationship.js","sources":["../src/glyphCommon.ts","../src/generated/Relationship.tsx"],"sourcesContent":["export const Size = {\n Small: 'small',\n Default: 'default',\n Large: 'large',\n XLarge: 'xlarge',\n} as const;\n\nexport type Size = typeof Size[keyof typeof Size];\n\nexport const sizeMap: Record<Size, number> = {\n small: 14,\n default: 16,\n large: 20,\n xlarge: 24,\n} as const;\n\ninterface AccessibleFunctionParams {\n 'aria-labelledby'?: string;\n 'aria-label'?: string;\n title?: string | null;\n}\n\ntype AccessibleFunctionReturnType =\n | AccessibleFunctionParams\n | { 'aria-hidden': true; alt: '' };\n\nexport function generateAccessibleProps(\n role: 'img' | 'presentation',\n glyphName: string,\n {\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n title,\n }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n switch (role) {\n case 'img':\n if (!ariaLabel && !ariaLabelledby && !title) {\n return { 'aria-label': getGlyphLabel(glyphName) };\n }\n\n return {\n ['aria-labelledby']: ariaLabelledby,\n ['aria-label']: ariaLabel,\n title,\n };\n\n case 'presentation':\n return { 'aria-hidden': true, alt: '' };\n }\n}\n\nexport function getGlyphLabel(name: string) {\n return `${name.replace(/([a-z])([A-Z])/g, '$1 $2')} Icon`;\n}\n","/**\n * This is a generated file. Do not modify it manually.\n *\n * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts\n * @checksum 2e86b84e6912939cc6e356b19936e56c\n */\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport { generateAccessibleProps, sizeMap } from '../glyphCommon';\nimport { LGGlyph } from '../types';\nexport interface RelationshipProps extends LGGlyph.ComponentProps {}\n\nconst Relationship = ({\n className,\n size = 16,\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n fill,\n role = 'img',\n ...props\n}: RelationshipProps) => {\n const fillStyle = css`\n color: ${fill};\n `;\n const noFlexShrink = css`\n flex-shrink: 0;\n `;\n const accessibleProps = generateAccessibleProps(role, 'Relationship', {\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n });\n return (\n <svg\n className={cx(\n {\n [fillStyle]: fill != null,\n },\n noFlexShrink,\n className,\n )}\n height={typeof size === 'number' ? size : sizeMap[size]}\n width={typeof size === 'number' ? size : sizeMap[size]}\n role={role}\n {...accessibleProps}\n {...props}\n viewBox=\"0 0 16 16\"\n >\n <path\n d=\"M0.5 2C0.5 1.44772 0.947715 1 1.5 1H3.5C4.05228 1 4.5 1.44772 4.5 2V3H5.99999C7.3807 3 8.49998 4.11929 8.49998 5.5V10.5C8.49998 11.3284 9.17156 12 9.99999 12H11.5V11C11.5 10.4477 11.9477 10 12.5 10H14.5C15.0523 10 15.5 10.4477 15.5 11V14C15.5 14.5523 15.0523 15 14.5 15H12.5C11.9477 15 11.5 14.5523 11.5 14V13H9.99999C8.61928 13 7.49998 11.8807 7.49998 10.5V5.5C7.49998 4.67157 6.82841 4 5.99999 4H4.5V5C4.5 5.55228 4.05228 6 3.5 6H1.5C0.947715 6 0.5 5.55228 0.5 5V2Z\"\n fill={'currentColor'}\n />\n </svg>\n );\n};\n\nRelationship.displayName = 'Relationship';\nRelationship.isGlyph = true;\nRelationship.propTypes = {\n fill: PropTypes.string,\n size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n className: PropTypes.string,\n};\nexport default Relationship;\n"],"names":["_templateObject","_templateObject2","sizeMap","small","default","large","xlarge","_excluded","Relationship","_ref","_generateAccessiblePr","className","_ref$size","size","title","ariaLabel","ariaLabelledby","fill","_ref$role","role","props","_objectWithoutProperties","fillStyle","css","_taggedTemplateLiteral","noFlexShrink","accessibleProps","glyphName","_ref2","name","_defineProperty","concat","replace","alt","generateAccessibleProps","___EmotionJSX","jsx","_extends","cx","height","width","viewBox","d","displayName","isGlyph","propTypes","PropTypes","string","oneOfType","number"],"mappings":"s3CAOO,ICFHA,EAAiBC,EDEVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICJV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAcpFC,EAAe,SAAsBC,GACvC,IAAIC,EAEAC,EAAYF,EAAKE,UACjBC,EAAYH,EAAKI,KACjBA,OAAqB,IAAdD,EAAuB,GAAKA,EACnCE,EAAQL,EAAKK,MACbC,EAAYN,EAAK,cACjBO,EAAiBP,EAAK,mBACtBQ,EAAOR,EAAKQ,KACZC,EAAYT,EAAKU,KACjBA,OAAqB,IAAdD,EAAuB,MAAQA,EACtCE,EAAQC,EAAyBZ,EAAMF,GAEvCe,EAAYC,EAAAA,IAAIvB,IAAoBA,EAAkBwB,EAAuB,CAAC,gBAAiB,WAAYP,GAC3GQ,EAAeF,EAAGA,IAACtB,IAAqBA,EAAmBuB,EAAuB,CAAC,gCACnFE,EDxBC,SAAiCP,EAAMQ,EAAWlB,GACvD,IAAImB,EAuBwBC,EArBxBd,EAAYN,EAAK,cACjBO,EAAiBP,EAAK,mBACtBK,EAAQL,EAAKK,MAEjB,OAAQK,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,GAMnBgB,EAAZF,EAAQ,GAA2B,kBAAmBZ,GAAiBc,EAAgBF,EAAO,aAAcb,GAAYe,EAAgBF,EAAO,QAASd,GAAQc,GAL9J,CACL,cAaoBC,EAbQF,EAc7B,GAAGI,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,KCIWC,CAAwBf,EAAM,gBAEjDW,EAFkEpB,EAAwB,CAC3FI,MAAOA,GACiC,aAAcC,GAAYe,EAAgBpB,EAAuB,kBAAmBM,GAAiBN,IAC/I,OAAOyB,EAAaC,IAAC,MAAOC,EAAS,CACnC1B,UAAW2B,EAAAA,GAAGR,EAAgB,GAAIR,EAAmB,MAARL,GAAeQ,EAAcd,GAC1E4B,OAAwB,iBAAT1B,EAAoBA,EAAOX,EAAQW,GAClD2B,MAAuB,iBAAT3B,EAAoBA,EAAOX,EAAQW,GACjDM,KAAMA,GACLO,EAAiBN,EAAO,CACzBqB,QAAS,cACPN,EAAaC,IAAC,OAAQ,CACxBM,EAAG,sdACHzB,KAAM,0BAIVT,EAAamC,YAAc,eAC3BnC,EAAaoC,SAAU,EACvBpC,EAAaqC,UAAY,CACvB5B,KAAM6B,EAAS,QAACC,OAChBlC,KAAMiC,EAAS,QAACE,UAAU,CAACF,EAAS,QAACG,OAAQH,EAAAA,QAAUC,SACvDpC,UAAWmC,EAAS,QAACC"}
|
|
@@ -14,6 +14,7 @@ declare type GlyphObject = Record<string, LGGlyph.Component>;
|
|
|
14
14
|
export default function createIconComponent<G extends GlyphObject = GlyphObject>(glyphs: G): {
|
|
15
15
|
({ glyph, ...rest }: IconProps): JSX.Element;
|
|
16
16
|
displayName: string;
|
|
17
|
+
isGlyph: boolean;
|
|
17
18
|
propTypes: any;
|
|
18
19
|
};
|
|
19
20
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createIconComponent.d.ts","sourceRoot":"","sources":["../src/createIconComponent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGrC,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CACtB;AAED,aAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;AAErD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,CAAC,SAAS,WAAW,GAAG,WAAW,EACnC,MAAM,EAAE,CAAC;yBACyB,SAAS
|
|
1
|
+
{"version":3,"file":"createIconComponent.d.ts","sourceRoot":"","sources":["../src/createIconComponent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGrC,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CACtB;AAED,aAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;AAErD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,CAAC,SAAS,WAAW,GAAG,WAAW,EACnC,MAAM,EAAE,CAAC;yBACyB,SAAS;;;;EAmB5C"}
|
package/dist/esm/Folder.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"react";import e from"prop-types";import{css as r,cx as l}from"@leafygreen-ui/emotion";import{jsx as a}from"@emotion/react";function t(e,r,l){return r in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e}function i(){return i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var l=arguments[r];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},i.apply(this,arguments)}function n(e,r){if(null==e)return{};var l,a,t=function(e,r){if(null==e)return{};var l,a,t={},i=Object.keys(e);for(a=0;a<i.length;a++)l=i[a],r.indexOf(l)>=0||(t[l]=e[l]);return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)l=i[a],r.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(t[l]=e[l])}return t}function o(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var c,f,s={small:14,default:16,large:20,xlarge:24};var b=["className","size","title","aria-label","aria-labelledby","fill","role"],u=function(e){var u,p=e.className,m=e.size,y=void 0===m?16:m,d=e.title,g=e["aria-label"],v=e["aria-labelledby"],O=e.fill,h=e.role,j=void 0===h?"img":h,w=n(e,b),C=r(c||(c=o(["\n color: ",";\n "])),O),x=r(f||(f=o(["\n flex-shrink: 0;\n "]))),z=function(e,r,l){var a,i,n=l["aria-label"],o=l["aria-labelledby"],c=l.title;switch(e){case"img":return n||o||c?(t(a={},"aria-labelledby",o),t(a,"aria-label",n),t(a,"title",c),a):{"aria-label":(i=r,"".concat(i.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(j,"Folder",(t(u={title:d},"aria-label",g),t(u,"aria-labelledby",v),u));return a("svg",i({className:l(t({},C,null!=O),x,p),height:"number"==typeof y?y:s[y],width:"number"==typeof y?y:s[y],role:j},z,w,{viewBox:"0 0 16 16"}),a("path",{d:"M2
|
|
1
|
+
import"react";import e from"prop-types";import{css as r,cx as l}from"@leafygreen-ui/emotion";import{jsx as a}from"@emotion/react";function t(e,r,l){return r in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e}function i(){return i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var l=arguments[r];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},i.apply(this,arguments)}function n(e,r){if(null==e)return{};var l,a,t=function(e,r){if(null==e)return{};var l,a,t={},i=Object.keys(e);for(a=0;a<i.length;a++)l=i[a],r.indexOf(l)>=0||(t[l]=e[l]);return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)l=i[a],r.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(t[l]=e[l])}return t}function o(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var c,f,s={small:14,default:16,large:20,xlarge:24};var b=["className","size","title","aria-label","aria-labelledby","fill","role"],u=function(e){var u,p=e.className,m=e.size,y=void 0===m?16:m,d=e.title,g=e["aria-label"],v=e["aria-labelledby"],O=e.fill,h=e.role,j=void 0===h?"img":h,w=n(e,b),C=r(c||(c=o(["\n color: ",";\n "])),O),x=r(f||(f=o(["\n flex-shrink: 0;\n "]))),z=function(e,r,l){var a,i,n=l["aria-label"],o=l["aria-labelledby"],c=l.title;switch(e){case"img":return n||o||c?(t(a={},"aria-labelledby",o),t(a,"aria-label",n),t(a,"title",c),a):{"aria-label":(i=r,"".concat(i.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(j,"Folder",(t(u={title:d},"aria-label",g),t(u,"aria-labelledby",v),u));return a("svg",i({className:l(t({},C,null!=O),x,p),height:"number"==typeof y?y:s[y],width:"number"==typeof y?y:s[y],role:j},z,w,{viewBox:"0 0 16 16"}),a("path",{d:"M2 2C1.44772 2 1 2.44772 1 3V13C1 13.5523 1.44772 14 2 14H14C14.5523 14 15 13.5523 15 13V5C15 4.44772 14.5523 4 14 4H8C7.44772 4 7 3.55228 7 3C7 2.44772 6.55228 2 6 2H2Z",fill:"currentColor"}))};u.displayName="Folder",u.isGlyph=!0,u.propTypes={fill:e.string,size:e.oneOfType([e.number,e.string]),className:e.string};export{u as default};
|
|
2
2
|
//# sourceMappingURL=Folder.js.map
|
package/dist/esm/Folder.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Folder.js","sources":["../../src/glyphCommon.ts","../../src/generated/Folder.tsx"],"sourcesContent":["export const Size = {\n Small: 'small',\n Default: 'default',\n Large: 'large',\n XLarge: 'xlarge',\n} as const;\n\nexport type Size = typeof Size[keyof typeof Size];\n\nexport const sizeMap: Record<Size, number> = {\n small: 14,\n default: 16,\n large: 20,\n xlarge: 24,\n} as const;\n\ninterface AccessibleFunctionParams {\n 'aria-labelledby'?: string;\n 'aria-label'?: string;\n title?: string | null;\n}\n\ntype AccessibleFunctionReturnType =\n | AccessibleFunctionParams\n | { 'aria-hidden': true; alt: '' };\n\nexport function generateAccessibleProps(\n role: 'img' | 'presentation',\n glyphName: string,\n {\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n title,\n }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n switch (role) {\n case 'img':\n if (!ariaLabel && !ariaLabelledby && !title) {\n return { 'aria-label': getGlyphLabel(glyphName) };\n }\n\n return {\n ['aria-labelledby']: ariaLabelledby,\n ['aria-label']: ariaLabel,\n title,\n };\n\n case 'presentation':\n return { 'aria-hidden': true, alt: '' };\n }\n}\n\nexport function getGlyphLabel(name: string) {\n return `${name.replace(/([a-z])([A-Z])/g, '$1 $2')} Icon`;\n}\n","/**\n * This is a generated file. Do not modify it manually.\n *\n * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts\n * @checksum
|
|
1
|
+
{"version":3,"file":"Folder.js","sources":["../../src/glyphCommon.ts","../../src/generated/Folder.tsx"],"sourcesContent":["export const Size = {\n Small: 'small',\n Default: 'default',\n Large: 'large',\n XLarge: 'xlarge',\n} as const;\n\nexport type Size = typeof Size[keyof typeof Size];\n\nexport const sizeMap: Record<Size, number> = {\n small: 14,\n default: 16,\n large: 20,\n xlarge: 24,\n} as const;\n\ninterface AccessibleFunctionParams {\n 'aria-labelledby'?: string;\n 'aria-label'?: string;\n title?: string | null;\n}\n\ntype AccessibleFunctionReturnType =\n | AccessibleFunctionParams\n | { 'aria-hidden': true; alt: '' };\n\nexport function generateAccessibleProps(\n role: 'img' | 'presentation',\n glyphName: string,\n {\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n title,\n }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n switch (role) {\n case 'img':\n if (!ariaLabel && !ariaLabelledby && !title) {\n return { 'aria-label': getGlyphLabel(glyphName) };\n }\n\n return {\n ['aria-labelledby']: ariaLabelledby,\n ['aria-label']: ariaLabel,\n title,\n };\n\n case 'presentation':\n return { 'aria-hidden': true, alt: '' };\n }\n}\n\nexport function getGlyphLabel(name: string) {\n return `${name.replace(/([a-z])([A-Z])/g, '$1 $2')} Icon`;\n}\n","/**\n * This is a generated file. Do not modify it manually.\n *\n * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts\n * @checksum 2a9ff3a6b8b82526ffa33853f432f626\n */\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport { generateAccessibleProps, sizeMap } from '../glyphCommon';\nimport { LGGlyph } from '../types';\nexport interface FolderProps extends LGGlyph.ComponentProps {}\n\nconst Folder = ({\n className,\n size = 16,\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n fill,\n role = 'img',\n ...props\n}: FolderProps) => {\n const fillStyle = css`\n color: ${fill};\n `;\n const noFlexShrink = css`\n flex-shrink: 0;\n `;\n const accessibleProps = generateAccessibleProps(role, 'Folder', {\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n });\n return (\n <svg\n className={cx(\n {\n [fillStyle]: fill != null,\n },\n noFlexShrink,\n className,\n )}\n height={typeof size === 'number' ? size : sizeMap[size]}\n width={typeof size === 'number' ? size : sizeMap[size]}\n role={role}\n {...accessibleProps}\n {...props}\n viewBox=\"0 0 16 16\"\n >\n <path\n d=\"M2 2C1.44772 2 1 2.44772 1 3V13C1 13.5523 1.44772 14 2 14H14C14.5523 14 15 13.5523 15 13V5C15 4.44772 14.5523 4 14 4H8C7.44772 4 7 3.55228 7 3C7 2.44772 6.55228 2 6 2H2Z\"\n fill={'currentColor'}\n />\n </svg>\n );\n};\n\nFolder.displayName = 'Folder';\nFolder.isGlyph = true;\nFolder.propTypes = {\n fill: PropTypes.string,\n size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n className: PropTypes.string,\n};\nexport default Folder;\n"],"names":["_templateObject","_templateObject2","sizeMap","small","default","large","xlarge","_excluded","Folder","_ref","_generateAccessiblePr","className","_ref$size","size","title","ariaLabel","ariaLabelledby","fill","_ref$role","role","props","_objectWithoutProperties","fillStyle","css","_taggedTemplateLiteral","noFlexShrink","accessibleProps","glyphName","_ref2","name","_defineProperty","concat","replace","alt","generateAccessibleProps","___EmotionJSX","_extends","cx","height","width","viewBox","d","displayName","isGlyph","propTypes","PropTypes","string","oneOfType","number"],"mappings":"g7BAOO,ICFHA,EAAiBC,EDEVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICJV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAcpFC,EAAS,SAAgBC,GAC3B,IAAIC,EAEAC,EAAYF,EAAKE,UACjBC,EAAYH,EAAKI,KACjBA,OAAqB,IAAdD,EAAuB,GAAKA,EACnCE,EAAQL,EAAKK,MACbC,EAAYN,EAAK,cACjBO,EAAiBP,EAAK,mBACtBQ,EAAOR,EAAKQ,KACZC,EAAYT,EAAKU,KACjBA,OAAqB,IAAdD,EAAuB,MAAQA,EACtCE,EAAQC,EAAyBZ,EAAMF,GAEvCe,EAAYC,EAAIvB,IAAoBA,EAAkBwB,EAAuB,CAAC,gBAAiB,WAAYP,GAC3GQ,EAAeF,EAAItB,IAAqBA,EAAmBuB,EAAuB,CAAC,gCACnFE,EDxBC,SAAiCP,EAAMQ,EAAWlB,GACvD,IAAImB,EAuBwBC,EArBxBd,EAAYN,EAAK,cACjBO,EAAiBP,EAAK,mBACtBK,EAAQL,EAAKK,MAEjB,OAAQK,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,GAMnBgB,EAAZF,EAAQ,GAA2B,kBAAmBZ,GAAiBc,EAAgBF,EAAO,aAAcb,GAAYe,EAAgBF,EAAO,QAASd,GAAQc,GAL9J,CACL,cAaoBC,EAbQF,EAc7B,GAAGI,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,KCIWC,CAAwBf,EAAM,UAEjDW,EAF4DpB,EAAwB,CACrFI,MAAOA,GACiC,aAAcC,GAAYe,EAAgBpB,EAAuB,kBAAmBM,GAAiBN,IAC/I,OAAOyB,EAAc,MAAOC,EAAS,CACnCzB,UAAW0B,EAAGP,EAAgB,GAAIR,EAAmB,MAARL,GAAeQ,EAAcd,GAC1E2B,OAAwB,iBAATzB,EAAoBA,EAAOX,EAAQW,GAClD0B,MAAuB,iBAAT1B,EAAoBA,EAAOX,EAAQW,GACjDM,KAAMA,GACLO,EAAiBN,EAAO,CACzBoB,QAAS,cACPL,EAAc,OAAQ,CACxBM,EAAG,4KACHxB,KAAM,mBAIVT,EAAOkC,YAAc,SACrBlC,EAAOmC,SAAU,EACjBnC,EAAOoC,UAAY,CACjB3B,KAAM4B,EAAUC,OAChBjC,KAAMgC,EAAUE,UAAU,CAACF,EAAUG,OAAQH,EAAUC,SACvDnC,UAAWkC,EAAUC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import"react";import e from"prop-types";import{css as r,cx as a}from"@leafygreen-ui/emotion";import{jsx as l}from"@emotion/react";function t(e,r,a){return r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}function i(){return i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},i.apply(this,arguments)}function n(e,r){if(null==e)return{};var a,l,t=function(e,r){if(null==e)return{};var a,l,t={},i=Object.keys(e);for(l=0;l<i.length;l++)a=i[l],r.indexOf(a)>=0||(t[a]=e[a]);return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(l=0;l<i.length;l++)a=i[l],r.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}function o(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var s,c,f={small:14,default:16,large:20,xlarge:24};var b=["className","size","title","aria-label","aria-labelledby","fill","role"],p=function(e){var p,u=e.className,m=e.size,y=void 0===m?16:m,d=e.title,g=e["aria-label"],v=e["aria-labelledby"],O=e.fill,h=e.role,C=void 0===h?"img":h,j=n(e,b),w=r(s||(s=o(["\n color: ",";\n "])),O),H=r(c||(c=o(["\n flex-shrink: 0;\n "]))),V=function(e,r,a){var l,i,n=a["aria-label"],o=a["aria-labelledby"],s=a.title;switch(e){case"img":return n||o||s?(t(l={},"aria-labelledby",o),t(l,"aria-label",n),t(l,"title",s),l):{"aria-label":(i=r,"".concat(i.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(C,"Relationship",(t(p={title:d},"aria-label",g),t(p,"aria-labelledby",v),p));return l("svg",i({className:a(t({},w,null!=O),H,u),height:"number"==typeof y?y:f[y],width:"number"==typeof y?y:f[y],role:C},V,j,{viewBox:"0 0 16 16"}),l("path",{d:"M0.5 2C0.5 1.44772 0.947715 1 1.5 1H3.5C4.05228 1 4.5 1.44772 4.5 2V3H5.99999C7.3807 3 8.49998 4.11929 8.49998 5.5V10.5C8.49998 11.3284 9.17156 12 9.99999 12H11.5V11C11.5 10.4477 11.9477 10 12.5 10H14.5C15.0523 10 15.5 10.4477 15.5 11V14C15.5 14.5523 15.0523 15 14.5 15H12.5C11.9477 15 11.5 14.5523 11.5 14V13H9.99999C8.61928 13 7.49998 11.8807 7.49998 10.5V5.5C7.49998 4.67157 6.82841 4 5.99999 4H4.5V5C4.5 5.55228 4.05228 6 3.5 6H1.5C0.947715 6 0.5 5.55228 0.5 5V2Z",fill:"currentColor"}))};p.displayName="Relationship",p.isGlyph=!0,p.propTypes={fill:e.string,size:e.oneOfType([e.number,e.string]),className:e.string};export{p as default};
|
|
2
|
+
//# sourceMappingURL=Relationship.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Relationship.js","sources":["../../src/glyphCommon.ts","../../src/generated/Relationship.tsx"],"sourcesContent":["export const Size = {\n Small: 'small',\n Default: 'default',\n Large: 'large',\n XLarge: 'xlarge',\n} as const;\n\nexport type Size = typeof Size[keyof typeof Size];\n\nexport const sizeMap: Record<Size, number> = {\n small: 14,\n default: 16,\n large: 20,\n xlarge: 24,\n} as const;\n\ninterface AccessibleFunctionParams {\n 'aria-labelledby'?: string;\n 'aria-label'?: string;\n title?: string | null;\n}\n\ntype AccessibleFunctionReturnType =\n | AccessibleFunctionParams\n | { 'aria-hidden': true; alt: '' };\n\nexport function generateAccessibleProps(\n role: 'img' | 'presentation',\n glyphName: string,\n {\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n title,\n }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n switch (role) {\n case 'img':\n if (!ariaLabel && !ariaLabelledby && !title) {\n return { 'aria-label': getGlyphLabel(glyphName) };\n }\n\n return {\n ['aria-labelledby']: ariaLabelledby,\n ['aria-label']: ariaLabel,\n title,\n };\n\n case 'presentation':\n return { 'aria-hidden': true, alt: '' };\n }\n}\n\nexport function getGlyphLabel(name: string) {\n return `${name.replace(/([a-z])([A-Z])/g, '$1 $2')} Icon`;\n}\n","/**\n * This is a generated file. Do not modify it manually.\n *\n * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts\n * @checksum 2e86b84e6912939cc6e356b19936e56c\n */\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport { generateAccessibleProps, sizeMap } from '../glyphCommon';\nimport { LGGlyph } from '../types';\nexport interface RelationshipProps extends LGGlyph.ComponentProps {}\n\nconst Relationship = ({\n className,\n size = 16,\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n fill,\n role = 'img',\n ...props\n}: RelationshipProps) => {\n const fillStyle = css`\n color: ${fill};\n `;\n const noFlexShrink = css`\n flex-shrink: 0;\n `;\n const accessibleProps = generateAccessibleProps(role, 'Relationship', {\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n });\n return (\n <svg\n className={cx(\n {\n [fillStyle]: fill != null,\n },\n noFlexShrink,\n className,\n )}\n height={typeof size === 'number' ? size : sizeMap[size]}\n width={typeof size === 'number' ? size : sizeMap[size]}\n role={role}\n {...accessibleProps}\n {...props}\n viewBox=\"0 0 16 16\"\n >\n <path\n d=\"M0.5 2C0.5 1.44772 0.947715 1 1.5 1H3.5C4.05228 1 4.5 1.44772 4.5 2V3H5.99999C7.3807 3 8.49998 4.11929 8.49998 5.5V10.5C8.49998 11.3284 9.17156 12 9.99999 12H11.5V11C11.5 10.4477 11.9477 10 12.5 10H14.5C15.0523 10 15.5 10.4477 15.5 11V14C15.5 14.5523 15.0523 15 14.5 15H12.5C11.9477 15 11.5 14.5523 11.5 14V13H9.99999C8.61928 13 7.49998 11.8807 7.49998 10.5V5.5C7.49998 4.67157 6.82841 4 5.99999 4H4.5V5C4.5 5.55228 4.05228 6 3.5 6H1.5C0.947715 6 0.5 5.55228 0.5 5V2Z\"\n fill={'currentColor'}\n />\n </svg>\n );\n};\n\nRelationship.displayName = 'Relationship';\nRelationship.isGlyph = true;\nRelationship.propTypes = {\n fill: PropTypes.string,\n size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n className: PropTypes.string,\n};\nexport default Relationship;\n"],"names":["_templateObject","_templateObject2","sizeMap","small","default","large","xlarge","_excluded","Relationship","_ref","_generateAccessiblePr","className","_ref$size","size","title","ariaLabel","ariaLabelledby","fill","_ref$role","role","props","_objectWithoutProperties","fillStyle","css","_taggedTemplateLiteral","noFlexShrink","accessibleProps","glyphName","_ref2","name","_defineProperty","concat","replace","alt","generateAccessibleProps","___EmotionJSX","_extends","cx","height","width","viewBox","d","displayName","isGlyph","propTypes","PropTypes","string","oneOfType","number"],"mappings":"g7BAOO,ICFHA,EAAiBC,EDEVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICJV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAcpFC,EAAe,SAAsBC,GACvC,IAAIC,EAEAC,EAAYF,EAAKE,UACjBC,EAAYH,EAAKI,KACjBA,OAAqB,IAAdD,EAAuB,GAAKA,EACnCE,EAAQL,EAAKK,MACbC,EAAYN,EAAK,cACjBO,EAAiBP,EAAK,mBACtBQ,EAAOR,EAAKQ,KACZC,EAAYT,EAAKU,KACjBA,OAAqB,IAAdD,EAAuB,MAAQA,EACtCE,EAAQC,EAAyBZ,EAAMF,GAEvCe,EAAYC,EAAIvB,IAAoBA,EAAkBwB,EAAuB,CAAC,gBAAiB,WAAYP,GAC3GQ,EAAeF,EAAItB,IAAqBA,EAAmBuB,EAAuB,CAAC,gCACnFE,EDxBC,SAAiCP,EAAMQ,EAAWlB,GACvD,IAAImB,EAuBwBC,EArBxBd,EAAYN,EAAK,cACjBO,EAAiBP,EAAK,mBACtBK,EAAQL,EAAKK,MAEjB,OAAQK,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,GAMnBgB,EAAZF,EAAQ,GAA2B,kBAAmBZ,GAAiBc,EAAgBF,EAAO,aAAcb,GAAYe,EAAgBF,EAAO,QAASd,GAAQc,GAL9J,CACL,cAaoBC,EAbQF,EAc7B,GAAGI,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,KCIWC,CAAwBf,EAAM,gBAEjDW,EAFkEpB,EAAwB,CAC3FI,MAAOA,GACiC,aAAcC,GAAYe,EAAgBpB,EAAuB,kBAAmBM,GAAiBN,IAC/I,OAAOyB,EAAc,MAAOC,EAAS,CACnCzB,UAAW0B,EAAGP,EAAgB,GAAIR,EAAmB,MAARL,GAAeQ,EAAcd,GAC1E2B,OAAwB,iBAATzB,EAAoBA,EAAOX,EAAQW,GAClD0B,MAAuB,iBAAT1B,EAAoBA,EAAOX,EAAQW,GACjDM,KAAMA,GACLO,EAAiBN,EAAO,CACzBoB,QAAS,cACPL,EAAc,OAAQ,CACxBM,EAAG,sdACHxB,KAAM,mBAIVT,EAAakC,YAAc,eAC3BlC,EAAamC,SAAU,EACvBnC,EAAaoC,UAAY,CACvB3B,KAAM4B,EAAUC,OAChBjC,KAAMgC,EAAUE,UAAU,CAACF,EAAUG,OAAQH,EAAUC,SACvDnC,UAAWkC,EAAUC"}
|