@leafygreen-ui/icon 11.17.0 → 11.18.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/.turbo/turbo-build.log +777 -0
- package/.turbo/turbo-tsc.log +1 -0
- package/CHANGELOG.md +6 -0
- package/README.md +7 -7
- package/dist/Federation.js +2 -0
- package/dist/Federation.js.map +1 -0
- package/dist/esm/Federation.js +2 -0
- package/dist/esm/Federation.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/generated/Federation.d.ts +17 -0
- package/dist/generated/Federation.d.ts.map +1 -0
- 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 +5 -4
- package/src/generated/Federation.tsx +65 -0
- package/src/glyphs/Federation.svg +3 -0
- package/src/glyphs/index.ts +2 -0
- package/stories.js +1 -1
- package/tsconfig.json +9 -3
- package/tsconfig.tsbuildinfo +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
$ tsc --build tsconfig.json
|
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -47,13 +47,13 @@ const SomeComponent = () => <Icon glyph="Plus" fill="#FF0000" />;
|
|
|
47
47
|
|
|
48
48
|
## Properties
|
|
49
49
|
|
|
50
|
-
| Prop | Type
|
|
51
|
-
| ------------------ |
|
|
52
|
-
| `glyph` (Required) | `'ActivityFeed'`, `'AddFile'`, `'Apps'`, `'Array'`, `'ArrowDown'`, `'ArrowLeft'`, `'ArrowRight'`, `'ArrowUp'`, `'Beaker'`, `'Bell'`, `'Biometric'`, `'Building'`, `'Bulb'`, `'Calendar'`, `'CaretDown'`, `'CaretLeft'`, `'CaretRight'`, `'CaretUp'`, `'ChartFilled'`, `'Charts'`, `'Checkmark'`, `'CheckmarkWithCircle'`, `'ChevronDown'`,, `'ChevronLeft'` `'ChevronRight'`,`'ChevronUp'`, `'Clock'`,`'ClockWithArrow'`, `'Clone'`, `'Cloud'`, `'Code'`, `'Connect'`,`'Copy'`,`'CreditCard'`, `'CurlyBraces'`, `'Dashboard'`, `'Database'`, `'Diagram'`, `'Diagram2'`, `'Diagram3'`, `'Disconnect'`, `'Download'`, `'Drag'`, `'Edit'`, `'Ellipsis'`, `'Email'`, `'Export'`, `'Favorite'`, `'File'`, `'Filter'`,`'Folder'`, `'FullScreenEnter'`, `'FullScreenExit'`, `'Guage'`, `'GlobeAmericas'`, `'GovernmentBuilding'`, `'Highlight'`, `'Home'`, `'Import'`, `'ImportantWithCircle'`, `'InfoWithCircle'`, `'InviteUser'`, `'Key'`, `'Laptop'`, `'Lock'`, `'LogIn'`, `'LogOut'`, `'MagnifyingGlass'`, `'Megaphone'`, `'Menu'`, `'Minus'`, `'NoFilter'`, `'NotAllowed'`, `'Note'`, `'OpenNewTab'`, `'Pause'`, `'Person'`, `'PersonGroup'`, `'PersonWithLock'`, `'Play'`, `'Plus'`, `'PlusWithCircle'`, `'QuestionMarkWithCircle'`, `'Read'`, `'Redo'`, `'Refresh'`,`'Relationship'`, `'ReplicaSet'`,`'Resize'`, `'Save'`, `'Serverless'`, `'Settings'`, `'ShardedCluster'`, `'Shell'`, `'SMS'`,`'SortAscending'`, `'SortDescending'`, `'SortHorizontal'`, `'SortVertical'`, `'Stitch'`, `'Support'`, `'Sweep'`, `'Table'`, `'Tag'`, `'ThumbsDown'`, `'ThumbsUp'`, `'TimeSeries'`, `'Trash'`, `'Undo'`, `'University'`, `'Unlock'`, `'Unsorted'`, `'UpDownCarets'`, `'Upload'`, `'VerticalEllipsis'`, `'Visibility'`, `'VisibilityOff'`, `'Warning'`, `'Wizard'`, `'Wrench'`, `'Write'`,`'X'`, `'XWithCircle'` | Specifies the glyph to use. | |
|
|
53
|
-
| `size` | `'small'`, `'default'`, `'large'`, `'xlarge'`, `number`
|
|
54
|
-
| `fill` | `string`
|
|
55
|
-
| `title` | `string`, `boolean`, `null`
|
|
56
|
-
| ... | `SVGR.ComponentProps`
|
|
50
|
+
| Prop | Type | Description | Default |
|
|
51
|
+
| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
52
|
+
| `glyph` (Required) | `'ActivityFeed'`, `'AddFile'`, `'Apps'`, `'Array'`, `'ArrowDown'`, `'ArrowLeft'`, `'ArrowRight'`, `'ArrowUp'`, `'Beaker'`, `'Bell'`, `'Biometric'`, `'Building'`, `'Bulb'`, `'Calendar'`, `'CaretDown'`, `'CaretLeft'`, `'CaretRight'`, `'CaretUp'`, `'ChartFilled'`, `'Charts'`, `'Checkmark'`, `'CheckmarkWithCircle'`, `'ChevronDown'`,, `'ChevronLeft'` `'ChevronRight'`,`'ChevronUp'`, `'Clock'`,`'ClockWithArrow'`, `'Clone'`, `'Cloud'`, `'Code'`, `'Connect'`,`'Copy'`,`'CreditCard'`, `'CurlyBraces'`, `'Dashboard'`, `'Database'`, `'Diagram'`, `'Diagram2'`, `'Diagram3'`, `'Disconnect'`, `'Download'`, `'Drag'`, `'Edit'`, `'Ellipsis'`, `'Email'`, `'Export'`, `'Favorite'`, `'Federation'`, `'File'`, `'Filter'`,`'Folder'`, `'FullScreenEnter'`, `'FullScreenExit'`, `'Guage'`, `'GlobeAmericas'`, `'GovernmentBuilding'`, `'Highlight'`, `'Home'`, `'Import'`, `'ImportantWithCircle'`, `'InfoWithCircle'`, `'InviteUser'`, `'Key'`, `'Laptop'`, `'Lock'`, `'LogIn'`, `'LogOut'`, `'MagnifyingGlass'`, `'Megaphone'`, `'Menu'`, `'Minus'`, `'NoFilter'`, `'NotAllowed'`, `'Note'`, `'OpenNewTab'`, `'Pause'`, `'Person'`, `'PersonGroup'`, `'PersonWithLock'`, `'Play'`, `'Plus'`, `'PlusWithCircle'`, `'QuestionMarkWithCircle'`, `'Read'`, `'Redo'`, `'Refresh'`,`'Relationship'`, `'ReplicaSet'`,`'Resize'`, `'Save'`, `'Serverless'`, `'Settings'`, `'ShardedCluster'`, `'Shell'`, `'SMS'`,`'SortAscending'`, `'SortDescending'`, `'SortHorizontal'`, `'SortVertical'`, `'Stitch'`, `'Support'`, `'Sweep'`, `'Table'`, `'Tag'`, `'ThumbsDown'`, `'ThumbsUp'`, `'TimeSeries'`, `'Trash'`, `'Undo'`, `'University'`, `'Unlock'`, `'Unsorted'`, `'UpDownCarets'`, `'Upload'`, `'VerticalEllipsis'`, `'Visibility'`, `'VisibilityOff'`, `'Warning'`, `'Wizard'`, `'Wrench'`, `'Write'`,`'X'`, `'XWithCircle'` | Specifies the glyph to use. | |
|
|
53
|
+
| `size` | `'small'`, `'default'`, `'large'`, `'xlarge'`, `number` | The height and width of the glyph's viewBox. This can be any `number` or one of the following `'small'`, `'default'`, `'large'`, `'xlarge'` | `'default'` |
|
|
54
|
+
| `fill` | `string` | The fill color that is passed to the glyph. By default, the glyph will inherit its fill from the CSS color property of its nearest ancestor. | |
|
|
55
|
+
| `title` | `string`, `boolean`, `null` | Renders a title tag with the passed string within the SVG element for screen reader accessibility. Setting this value to `false` will entirely unset the title. <br />If title is `undefined` or `null`, a human-readable title will be generated based on the glyph's name. | |
|
|
56
|
+
| ... | `SVGR.ComponentProps` | All other props will be spread on the `svg` element | |
|
|
57
57
|
|
|
58
58
|
# createIconComponent
|
|
59
59
|
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("@leafygreen-ui/emotion"),require("prop-types"),require("react")):"function"==typeof define&&define.amd?define(["@leafygreen-ui/emotion","prop-types","react"],r):((e="undefined"!=typeof globalThis?globalThis:e||self).Federation=e.Federation||{},e.Federation.js=r(e["@leafygreen-ui/emotion"],e.PropTypes,e.React))}(this,(function(e,r,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=n(r),l=i(t);function o(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(this,arguments)}function f(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}function c(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var s,b,p={small:14,default:16,large:20,xlarge:24};var d=["className","size","title","aria-label","aria-labelledby","fill","role"],y=function(r){var t,n=r.className,i=r.size,a=void 0===i?16:i,y=r.title,m=r["aria-label"],g=r["aria-labelledby"],v=r.fill,C=r.role,O=void 0===C?"img":C,j=f(r,d),h=e.css(s||(s=c(["\n color: ",";\n "])),v),w=e.css(b||(b=c(["\n flex-shrink: 0;\n "]))),P=function(e,r,t){var n,i,a=t["aria-label"],l=t["aria-labelledby"],u=t.title;switch(e){case"img":return a||l||u?(o(n={},"aria-labelledby",l),o(n,"aria-label",a),o(n,"title",u),n):{"aria-label":(i=r,"".concat(i.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(O,"Federation",(o(t={title:y},"aria-label",m),o(t,"aria-labelledby",g),t));return l.createElement("svg",u({className:e.cx(o({},h,null!=v),w,n),height:"number"==typeof a?a:p[a],width:"number"==typeof a?a:p[a],role:O},P,j,{viewBox:"0 0 16 16"}),l.createElement("path",{d:"M8 0C9.6 0 10.8 1.3 10.8 3C10.8 4.5 9.8 5.7 8.5 6V8.1L11.6 10.5C12 10.2 12.6 10 13.1 10C14.7 10 15.9 11.3 15.9 13C15.9 14.7 14.6 16 13.1 16C11.5 16 10.3 14.7 10.3 13C10.3 12.3 10.5 11.7 10.9 11.2L8 9L5.1 11.2C5.5 11.7 5.7 12.3 5.7 13C5.7 14.7 4.4 16 2.9 16C1.4 16 0 14.7 0 13C0 11.3 1.3 10 2.8 10C3.4 10 3.9 10.2 4.3 10.5L7.4 8.1V5.9C6.2 5.7 5.2 4.5 5.2 3C5.2 1.3 6.4 0 8 0ZM8 5C8.8 5 9.9 4.2 9.9 3C9.9 1.9 9 1 8 1C7 1 6.1 1.9 6.1 3C6.1 4.2 7.1 5 8 5ZM2.8 11C1.8 11 0.9 11.9 0.9 13C0.9 14.1 1.7 15 2.8 15C3.9 15 4.7 14.1 4.7 13C4.7 11.9 3.9 11 2.8 11ZM13.2 11C12.2 11 11.3 11.9 11.3 13C11.3 14.1 12.1 15 13.2 15C14.3 15 15.1 14.1 15.1 13C15.1 11.9 14.2 11 13.2 11Z",fill:"currentColor"}))};return y.displayName="Federation",y.isGlyph=!0,y.propTypes={fill:a.default.string,size:a.default.oneOfType([a.default.number,a.default.string]),className:a.default.string},y}));
|
|
2
|
+
//# sourceMappingURL=Federation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Federation.js","sources":["../src/glyphCommon.ts","../src/generated/Federation.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 cfc3d87292d7b7cee8bb0273ea93327c\n */\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\n\nimport { generateAccessibleProps, sizeMap } from '../glyphCommon';\nimport { LGGlyph } from '../types';\nexport interface FederationProps extends LGGlyph.ComponentProps {}\nconst Federation = ({\n className,\n size = 16,\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n fill,\n role = 'img',\n ...props\n}: FederationProps) => {\n const fillStyle = css`\n color: ${fill};\n `;\n const noFlexShrink = css`\n flex-shrink: 0;\n `;\n const accessibleProps = generateAccessibleProps(role, 'Federation', {\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=\"M8 0C9.6 0 10.8 1.3 10.8 3C10.8 4.5 9.8 5.7 8.5 6V8.1L11.6 10.5C12 10.2 12.6 10 13.1 10C14.7 10 15.9 11.3 15.9 13C15.9 14.7 14.6 16 13.1 16C11.5 16 10.3 14.7 10.3 13C10.3 12.3 10.5 11.7 10.9 11.2L8 9L5.1 11.2C5.5 11.7 5.7 12.3 5.7 13C5.7 14.7 4.4 16 2.9 16C1.4 16 0 14.7 0 13C0 11.3 1.3 10 2.8 10C3.4 10 3.9 10.2 4.3 10.5L7.4 8.1V5.9C6.2 5.7 5.2 4.5 5.2 3C5.2 1.3 6.4 0 8 0ZM8 5C8.8 5 9.9 4.2 9.9 3C9.9 1.9 9 1 8 1C7 1 6.1 1.9 6.1 3C6.1 4.2 7.1 5 8 5ZM2.8 11C1.8 11 0.9 11.9 0.9 13C0.9 14.1 1.7 15 2.8 15C3.9 15 4.7 14.1 4.7 13C4.7 11.9 3.9 11 2.8 11ZM13.2 11C12.2 11 11.3 11.9 11.3 13C11.3 14.1 12.1 15 13.2 15C14.3 15 15.1 14.1 15.1 13C15.1 11.9 14.2 11 13.2 11Z\"\n fill={'currentColor'}\n />\n </svg>\n );\n};\nFederation.displayName = 'Federation';\nFederation.isGlyph = true;\nFederation.propTypes = {\n fill: PropTypes.string,\n size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n className: PropTypes.string,\n};\nexport default Federation;\n"],"names":["_templateObject","_templateObject2","sizeMap","small","default","large","xlarge","_excluded","Federation","_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","React","createElement","_extends","cx","height","width","viewBox","d","displayName","isGlyph","propTypes","PropTypes","string","oneOfType","number"],"mappings":"q8DAOO,ICHHA,EAAiBC,EDGVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICNV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAWpFC,EAAa,SAAoBC,GACnC,IAAIC,EACAC,EAAYF,EAAKE,UACnBC,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,GACrCe,EAAYC,EAAAA,IAAIvB,IAAoBA,EAAkBwB,EAAuB,CAAC,gBAAiB,WAAYP,GAC3GQ,EAAeF,EAAGA,IAACtB,IAAqBA,EAAmBuB,EAAuB,CAAC,gCACnFE,EDjBC,SAAiCP,EAAMQ,EAAWlB,GACvD,IAAImB,EAmBwBC,EAlBxBd,EAAYN,EAAK,cACnBO,EAAiBP,EAAK,mBACtBK,EAAQL,EAAKK,MACf,OAAQK,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,GAKnBgB,EAAZF,EAAQ,GAA2B,kBAAmBZ,GAAiBc,EAAgBF,EAAO,aAAcb,GAAYe,EAAgBF,EAAO,QAASd,GAAQc,GAJ9J,CACL,cAWoBC,EAXQF,EAY7B,GAAGI,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,KCCWC,CAAwBf,EAAM,cAEjDW,EAFgEpB,EAAwB,CACzFI,MAAOA,GACiC,aAAcC,GAAYe,EAAgBpB,EAAuB,kBAAmBM,GAAiBN,IAC/I,OAAoByB,EAAMC,cAAc,MAAOC,EAAS,CACtD1B,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,cACMN,EAAMC,cAAc,OAAQ,CAC3CM,EAAG,2pBACHzB,KAAM,0BAGVT,EAAWmC,YAAc,aACzBnC,EAAWoC,SAAU,EACrBpC,EAAWqC,UAAY,CACrB5B,KAAM6B,EAAS,QAACC,OAChBlC,KAAMiC,EAAS,QAACE,UAAU,CAACF,EAAS,QAACG,OAAQH,EAAAA,QAAUC,SACvDpC,UAAWmC,EAAS,QAACC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{css as e,cx as r}from"@leafygreen-ui/emotion";import t from"prop-types";import*as a from"react";function l(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,r||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(){return i=Object.assign?Object.assign.bind():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},i.apply(this,arguments)}function n(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 o(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var u,f,c={small:14,default:16,large:20,xlarge:24};var s=["className","size","title","aria-label","aria-labelledby","fill","role"],b=function(t){var b,p=t.className,m=t.size,y=void 0===m?16:m,C=t.title,v=t["aria-label"],d=t["aria-labelledby"],g=t.fill,O=t.role,h=void 0===O?"img":O,j=n(t,s),w=e(u||(u=o(["\n color: ",";\n "])),g),P=e(f||(f=o(["\n flex-shrink: 0;\n "]))),x=function(e,r,t){var a,i,n=t["aria-label"],o=t["aria-labelledby"],u=t.title;switch(e){case"img":return n||o||u?(l(a={},"aria-labelledby",o),l(a,"aria-label",n),l(a,"title",u),a):{"aria-label":(i=r,"".concat(i.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(h,"Federation",(l(b={title:C},"aria-label",v),l(b,"aria-labelledby",d),b));return a.createElement("svg",i({className:r(l({},w,null!=g),P,p),height:"number"==typeof y?y:c[y],width:"number"==typeof y?y:c[y],role:h},x,j,{viewBox:"0 0 16 16"}),a.createElement("path",{d:"M8 0C9.6 0 10.8 1.3 10.8 3C10.8 4.5 9.8 5.7 8.5 6V8.1L11.6 10.5C12 10.2 12.6 10 13.1 10C14.7 10 15.9 11.3 15.9 13C15.9 14.7 14.6 16 13.1 16C11.5 16 10.3 14.7 10.3 13C10.3 12.3 10.5 11.7 10.9 11.2L8 9L5.1 11.2C5.5 11.7 5.7 12.3 5.7 13C5.7 14.7 4.4 16 2.9 16C1.4 16 0 14.7 0 13C0 11.3 1.3 10 2.8 10C3.4 10 3.9 10.2 4.3 10.5L7.4 8.1V5.9C6.2 5.7 5.2 4.5 5.2 3C5.2 1.3 6.4 0 8 0ZM8 5C8.8 5 9.9 4.2 9.9 3C9.9 1.9 9 1 8 1C7 1 6.1 1.9 6.1 3C6.1 4.2 7.1 5 8 5ZM2.8 11C1.8 11 0.9 11.9 0.9 13C0.9 14.1 1.7 15 2.8 15C3.9 15 4.7 14.1 4.7 13C4.7 11.9 3.9 11 2.8 11ZM13.2 11C12.2 11 11.3 11.9 11.3 13C11.3 14.1 12.1 15 13.2 15C14.3 15 15.1 14.1 15.1 13C15.1 11.9 14.2 11 13.2 11Z",fill:"currentColor"}))};b.displayName="Federation",b.isGlyph=!0,b.propTypes={fill:t.string,size:t.oneOfType([t.number,t.string]),className:t.string};export{b as default};
|
|
2
|
+
//# sourceMappingURL=Federation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Federation.js","sources":["../../src/glyphCommon.ts","../../src/generated/Federation.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 cfc3d87292d7b7cee8bb0273ea93327c\n */\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\n\nimport { generateAccessibleProps, sizeMap } from '../glyphCommon';\nimport { LGGlyph } from '../types';\nexport interface FederationProps extends LGGlyph.ComponentProps {}\nconst Federation = ({\n className,\n size = 16,\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n fill,\n role = 'img',\n ...props\n}: FederationProps) => {\n const fillStyle = css`\n color: ${fill};\n `;\n const noFlexShrink = css`\n flex-shrink: 0;\n `;\n const accessibleProps = generateAccessibleProps(role, 'Federation', {\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=\"M8 0C9.6 0 10.8 1.3 10.8 3C10.8 4.5 9.8 5.7 8.5 6V8.1L11.6 10.5C12 10.2 12.6 10 13.1 10C14.7 10 15.9 11.3 15.9 13C15.9 14.7 14.6 16 13.1 16C11.5 16 10.3 14.7 10.3 13C10.3 12.3 10.5 11.7 10.9 11.2L8 9L5.1 11.2C5.5 11.7 5.7 12.3 5.7 13C5.7 14.7 4.4 16 2.9 16C1.4 16 0 14.7 0 13C0 11.3 1.3 10 2.8 10C3.4 10 3.9 10.2 4.3 10.5L7.4 8.1V5.9C6.2 5.7 5.2 4.5 5.2 3C5.2 1.3 6.4 0 8 0ZM8 5C8.8 5 9.9 4.2 9.9 3C9.9 1.9 9 1 8 1C7 1 6.1 1.9 6.1 3C6.1 4.2 7.1 5 8 5ZM2.8 11C1.8 11 0.9 11.9 0.9 13C0.9 14.1 1.7 15 2.8 15C3.9 15 4.7 14.1 4.7 13C4.7 11.9 3.9 11 2.8 11ZM13.2 11C12.2 11 11.3 11.9 11.3 13C11.3 14.1 12.1 15 13.2 15C14.3 15 15.1 14.1 15.1 13C15.1 11.9 14.2 11 13.2 11Z\"\n fill={'currentColor'}\n />\n </svg>\n );\n};\nFederation.displayName = 'Federation';\nFederation.isGlyph = true;\nFederation.propTypes = {\n fill: PropTypes.string,\n size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n className: PropTypes.string,\n};\nexport default Federation;\n"],"names":["_templateObject","_templateObject2","sizeMap","small","default","large","xlarge","_excluded","Federation","_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","React","createElement","_extends","cx","height","width","viewBox","d","displayName","isGlyph","propTypes","PropTypes","string","oneOfType","number"],"mappings":"yvCAOO,ICHHA,EAAiBC,EDGVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICNV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAWpFC,EAAa,SAAoBC,GACnC,IAAIC,EACAC,EAAYF,EAAKE,UACnBC,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,GACrCe,EAAYC,EAAIvB,IAAoBA,EAAkBwB,EAAuB,CAAC,gBAAiB,WAAYP,GAC3GQ,EAAeF,EAAItB,IAAqBA,EAAmBuB,EAAuB,CAAC,gCACnFE,EDjBC,SAAiCP,EAAMQ,EAAWlB,GACvD,IAAImB,EAmBwBC,EAlBxBd,EAAYN,EAAK,cACnBO,EAAiBP,EAAK,mBACtBK,EAAQL,EAAKK,MACf,OAAQK,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,GAKnBgB,EAAZF,EAAQ,GAA2B,kBAAmBZ,GAAiBc,EAAgBF,EAAO,aAAcb,GAAYe,EAAgBF,EAAO,QAASd,GAAQc,GAJ9J,CACL,cAWoBC,EAXQF,EAY7B,GAAGI,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,KCCWC,CAAwBf,EAAM,cAEjDW,EAFgEpB,EAAwB,CACzFI,MAAOA,GACiC,aAAcC,GAAYe,EAAgBpB,EAAuB,kBAAmBM,GAAiBN,IAC/I,OAAoByB,EAAMC,cAAc,MAAOC,EAAS,CACtD1B,UAAW2B,EAAGR,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,cACMN,EAAMC,cAAc,OAAQ,CAC3CM,EAAG,2pBACHzB,KAAM,mBAGVT,EAAWmC,YAAc,aACzBnC,EAAWoC,SAAU,EACrBpC,EAAWqC,UAAY,CACrB5B,KAAM6B,EAAUC,OAChBlC,KAAMiC,EAAUE,UAAU,CAACF,EAAUG,OAAQH,EAAUC,SACvDpC,UAAWmC,EAAUC"}
|