@leafygreen-ui/icon 14.6.1 → 14.7.0

package/src/generated/index.ts

@@ -0,0 +1,188 @@
+/**
+ * This is a generated file. Do not modify it manually.
+ *
+ * @script packages/icon/scripts/prebuild/index.ts
+ */
+
+export { default as ActivityFeed } from './ActivityFeed';
+export { default as AddFile } from './AddFile';
+export { default as AIModel } from './AIModel';
+export { default as AllProducts } from './AllProducts';
+export { default as AnalyticsNode } from './AnalyticsNode';
+export { default as Apps } from './Apps';
+export { default as Array } from './Array';
+export { default as ArrowDown } from './ArrowDown';
+export { default as ArrowLeft } from './ArrowLeft';
+export { default as ArrowRight } from './ArrowRight';
+export { default as ArrowUp } from './ArrowUp';
+export { default as Award } from './Award';
+export { default as Beaker } from './Beaker';
+export { default as Bell } from './Bell';
+export { default as Biometric } from './Biometric';
+export { default as Boolean } from './Boolean';
+export { default as Building } from './Building';
+export { default as Bulb } from './Bulb';
+export { default as Calendar } from './Calendar';
+export { default as Camera } from './Camera';
+export { default as Cap } from './Cap';
+export { default as CaretDown } from './CaretDown';
+export { default as CaretLeft } from './CaretLeft';
+export { default as CaretRight } from './CaretRight';
+export { default as CaretUp } from './CaretUp';
+export { default as ChartFilled } from './ChartFilled';
+export { default as Charts } from './Charts';
+export { default as Checkmark } from './Checkmark';
+export { default as CheckmarkWithCircle } from './CheckmarkWithCircle';
+export { default as ChevronDown } from './ChevronDown';
+export { default as ChevronLeft } from './ChevronLeft';
+export { default as ChevronRight } from './ChevronRight';
+export { default as ChevronUp } from './ChevronUp';
+export { default as Circle } from './Circle';
+export { default as Clock } from './Clock';
+export { default as ClockWithArrow } from './ClockWithArrow';
+export { default as Clone } from './Clone';
+export { default as Cloud } from './Cloud';
+export { default as Code } from './Code';
+export { default as CodeBlock } from './CodeBlock';
+export { default as Coin } from './Coin';
+export { default as Colon } from './Colon';
+export { default as Config } from './Config';
+export { default as Connect } from './Connect';
+export { default as Copy } from './Copy';
+export { default as CreditCard } from './CreditCard';
+export { default as CurlyBraces } from './CurlyBraces';
+export { default as Cursor } from './Cursor';
+export { default as Dashboard } from './Dashboard';
+export { default as Database } from './Database';
+export { default as Diagram } from './Diagram';
+export { default as Diagram2 } from './Diagram2';
+export { default as Diagram3 } from './Diagram3';
+export { default as Disconnect } from './Disconnect';
+export { default as Download } from './Download';
+export { default as Drag } from './Drag';
+export { default as Edit } from './Edit';
+export { default as Ellipsis } from './Ellipsis';
+export { default as Email } from './Email';
+export { default as EmptyDatabase } from './EmptyDatabase';
+export { default as EmptyFolder } from './EmptyFolder';
+export { default as Eraser } from './Eraser';
+export { default as Escalation } from './Escalation';
+export { default as Export } from './Export';
+export { default as Favorite } from './Favorite';
+export { default as Federation } from './Federation';
+export { default as File } from './File';
+export { default as Filter } from './Filter';
+export { default as Folder } from './Folder';
+export { default as Format } from './Format';
+export { default as FullScreenEnter } from './FullScreenEnter';
+export { default as FullScreenExit } from './FullScreenExit';
+export { default as Function } from './Function';
+export { default as Gauge } from './Gauge';
+export { default as GlobeAmericas } from './GlobeAmericas';
+export { default as GovernmentBuilding } from './GovernmentBuilding';
+export { default as Guide } from './Guide';
+export { default as Hash } from './Hash';
+export { default as HiddenSecondaryNode } from './HiddenSecondaryNode';
+export { default as Highlight } from './Highlight';
+export { default as Home } from './Home';
+export { default as HorizontalDrag } from './HorizontalDrag';
+export { default as Import } from './Import';
+export { default as ImportantWithCircle } from './ImportantWithCircle';
+export { default as InfoWithCircle } from './InfoWithCircle';
+export { default as InternalEmployee } from './InternalEmployee';
+export { default as InviteUser } from './InviteUser';
+export { default as Key } from './Key';
+export { default as Laptop } from './Laptop';
+export { default as LightningBolt } from './LightningBolt';
+export { default as Link } from './Link';
+export { default as List } from './List';
+export { default as Lock } from './Lock';
+export { default as LogIn } from './LogIn';
+export { default as LogOut } from './LogOut';
+export { default as MagnifyingGlass } from './MagnifyingGlass';
+export { default as Megaphone } from './Megaphone';
+export { default as Menu } from './Menu';
+export { default as Minus } from './Minus';
+export { default as Mobile } from './Mobile';
+export { default as Moon } from './Moon';
+export { default as MultiDirectionArrow } from './MultiDirectionArrow';
+export { default as MultiLayers } from './MultiLayers';
+export { default as NavCollapse } from './NavCollapse';
+export { default as NavExpand } from './NavExpand';
+export { default as NoFilter } from './NoFilter';
+export { default as NotAllowed } from './NotAllowed';
+export { default as Note } from './Note';
+export { default as NumberedList } from './NumberedList';
+export { default as OpenNewTab } from './OpenNewTab';
+export { default as OutlineFavorite } from './OutlineFavorite';
+export { default as Package } from './Package';
+export { default as Pause } from './Pause';
+export { default as Pending } from './Pending';
+export { default as Person } from './Person';
+export { default as PersonGroup } from './PersonGroup';
+export { default as PersonWithLock } from './PersonWithLock';
+export { default as Pin } from './Pin';
+export { default as Play } from './Play';
+export { default as Plus } from './Plus';
+export { default as PlusWithCircle } from './PlusWithCircle';
+export { default as Primary } from './Primary';
+export { default as Project } from './Project';
+export { default as QuestionMarkWithCircle } from './QuestionMarkWithCircle';
+export { default as Read } from './Read';
+export { default as Recommended } from './Recommended';
+export { default as Redo } from './Redo';
+export { default as Refresh } from './Refresh';
+export { default as Relationship } from './Relationship';
+export { default as ReplicaSet } from './ReplicaSet';
+export { default as Resize } from './Resize';
+export { default as Resource } from './Resource';
+export { default as Return } from './Return';
+export { default as Revert } from './Revert';
+export { default as Router } from './Router';
+export { default as Save } from './Save';
+export { default as SearchIndex } from './SearchIndex';
+export { default as Secondary } from './Secondary';
+export { default as Serverless } from './Serverless';
+export { default as Settings } from './Settings';
+export { default as ShardedCluster } from './ShardedCluster';
+export { default as Shell } from './Shell';
+export { default as Shield } from './Shield';
+export { default as Shirt } from './Shirt';
+export { default as Shortcut } from './Shortcut';
+export { default as SMS } from './SMS';
+export { default as SortAscending } from './SortAscending';
+export { default as SortDescending } from './SortDescending';
+export { default as Sparkle } from './Sparkle';
+export { default as SplitHorizontal } from './SplitHorizontal';
+export { default as SplitVertical } from './SplitVertical';
+export { default as Stitch } from './Stitch';
+export { default as Stop } from './Stop';
+export { default as Streaming } from './Streaming';
+export { default as String } from './String';
+export { default as Sun } from './Sun';
+export { default as Support } from './Support';
+export { default as Sweep } from './Sweep';
+export { default as Table } from './Table';
+export { default as Tag } from './Tag';
+export { default as TemporaryTable } from './TemporaryTable';
+export { default as ThumbsDown } from './ThumbsDown';
+export { default as ThumbsUp } from './ThumbsUp';
+export { default as TimeSeries } from './TimeSeries';
+export { default as TimeSeriesCollection } from './TimeSeriesCollection';
+export { default as Trash } from './Trash';
+export { default as Undo } from './Undo';
+export { default as University } from './University';
+export { default as Unlock } from './Unlock';
+export { default as Unsorted } from './Unsorted';
+export { default as UpDownCarets } from './UpDownCarets';
+export { default as Upload } from './Upload';
+export { default as VerticalEllipsis } from './VerticalEllipsis';
+export { default as View } from './View';
+export { default as Visibility } from './Visibility';
+export { default as VisibilityOff } from './VisibilityOff';
+export { default as Warning } from './Warning';
+export { default as Wizard } from './Wizard';
+export { default as Wrench } from './Wrench';
+export { default as Write } from './Write';
+export { default as X } from './X';
+export { default as XWithCircle } from './XWithCircle';

package/src/glyphCommon.ts

@@ -18,10 +18,11 @@ interface AccessibleFunctionParams {
   'aria-labelledby'?: string;
   'aria-label'?: string;
   title?: string | null;
+  titleId?: string;
 }
 
 type AccessibleFunctionReturnType =
-  | AccessibleFunctionParams
+  | { 'aria-labelledby'?: string; 'aria-label'?: string }
   | { 'aria-hidden': true; alt: '' };
 
 export function generateAccessibleProps(
@@ -31,19 +32,34 @@ export function generateAccessibleProps(
     ['aria-label']: ariaLabel,
     ['aria-labelledby']: ariaLabelledby,
     title,
+    titleId,
   }: AccessibleFunctionParams,
 ): AccessibleFunctionReturnType {
   switch (role) {
-    case 'img':
+    case 'img': {
       if (!ariaLabel && !ariaLabelledby && !title) {
         return { 'aria-label': getGlyphLabel(glyphName) };
       }
 
+      // If there's a title, use the titleId for aria-labelledby
+      // If there's already an aria-labelledby, combine them
+      let labelledBy: string | undefined;
+
+      if (title) {
+        if (ariaLabelledby) {
+          labelledBy = `${titleId} ${ariaLabelledby}`;
+        } else {
+          labelledBy = titleId;
+        }
+      } else {
+        labelledBy = ariaLabelledby;
+      }
+
       return {
-        ['aria-labelledby']: ariaLabelledby,
+        ['aria-labelledby']: labelledBy,
         ['aria-label']: ariaLabel,
-        title,
       };
+    }
 
     case 'presentation':
       return { 'aria-hidden': true, alt: '' };

package/src/glyphs/AIModel.svg

@@ -1,20 +1,3 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.5625 5.30957V10.6895L8 13.4414L2.4375 10.6895V5.30957L8 2.55762L13.5625 5.30957Z" stroke="#000"/>
-<path d="M8 2L8 14" stroke="#000" stroke-width="0.5"/>
-<path d="M3.09998 10.8594L12.5324 5.19998" stroke="#000" stroke-width="0.5" stroke-linecap="round"/>
-<path d="M3.19995 5.20001L12.6324 10.8595" stroke="#000" stroke-width="0.5" stroke-linecap="round"/>
-<circle cx="8" cy="2.75" r="1.75" fill="#000"/>
-<circle cx="8" cy="2.75" r="1.75" stroke="#000"/>
-<circle cx="8" cy="13.25" r="1.75" fill="#000"/>
-<circle cx="8" cy="13.25" r="1.75" stroke="#000"/>
-<circle cx="8" cy="8" r="1.75" fill="#000"/>
-<circle cx="8" cy="8" r="1.75" stroke="#000"/>
-<circle cx="13.25" cy="5" r="1.75" fill="#000"/>
-<circle cx="13.25" cy="5" r="1.75" stroke="#000"/>
-<circle cx="13.25" cy="10.75" r="1.75" fill="#000"/>
-<circle cx="13.25" cy="10.75" r="1.75" stroke="#000"/>
-<circle cx="2.75" cy="10.75" r="1.75" fill="#000"/>
-<circle cx="2.75" cy="10.75" r="1.75" stroke="#000"/>
-<circle cx="2.75" cy="5" r="1.75" fill="#000"/>
-<circle cx="2.75" cy="5" r="1.75" stroke="#000"/>
+<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 0C7.4665 0 8.25 0.783502 8.25 1.75C8.25 1.8343 8.24199 1.91693 8.23047 1.99805L9.85938 2.93848C10.1792 2.52019 10.6828 2.25 11.25 2.25C12.2165 2.25 13 3.0335 13 4C13 4.81198 12.4462 5.49188 11.6963 5.68945V8.05957C12.4463 8.25706 13 8.93793 13 9.75C13 10.7165 12.2165 11.5 11.25 11.5C10.7615 11.5 10.3204 11.2993 10.0029 10.9766L8.23047 12C8.24217 12.0817 8.25 12.165 8.25 12.25C8.25 13.2165 7.4665 14 6.5 14C5.5335 14 4.75 13.2165 4.75 12.25C4.75 12.1651 4.75686 12.0817 4.76855 12L2.99609 10.9766C2.67867 11.299 2.23822 11.5 1.75 11.5C0.783502 11.5 0 10.7165 0 9.75C0 8.93793 0.553657 8.25706 1.30371 8.05957V5.68945C0.553779 5.49188 0 4.81198 0 4C0 3.0335 0.783502 2.25 1.75 2.25C2.31696 2.25 2.81985 2.52046 3.13965 2.93848L4.76855 1.99805C4.75704 1.91697 4.75 1.83426 4.75 1.75C4.75 0.783502 5.5335 0 6.5 0ZM3.36914 9.08789C3.4528 9.29225 3.5 9.51552 3.5 9.75C3.5 9.86702 3.48773 9.98121 3.46582 10.0918L5.19238 11.0889C5.46062 10.787 5.83101 10.5795 6.25 10.5195V8.72949C5.78109 8.66231 5.37343 8.41073 5.10156 8.04883L3.36914 9.08789ZM7.80957 8.15723C7.54115 8.46075 7.17039 8.66926 6.75 8.72949V10.5195C7.16876 10.5795 7.53844 10.7873 7.80664 11.0889L9.5332 10.0918C9.51132 9.98126 9.5 9.86696 9.5 9.75C9.5 9.56512 9.5289 9.38701 9.58203 9.21973L7.80957 8.15723ZM8.08301 6.25879C8.1887 6.48413 8.25 6.73464 8.25 7C8.25 7.26458 8.1891 7.51442 8.08398 7.73926L9.7998 8.76855C10.0134 8.45352 10.3282 8.21359 10.6963 8.09082V5.6582C10.3976 5.5585 10.1352 5.38146 9.93262 5.14941L8.08301 6.25879ZM2.96973 5.25293C2.78312 5.43462 2.55638 5.57387 2.30371 5.6582V8.09082C2.62655 8.19851 2.9069 8.39729 3.11523 8.65723L4.86133 7.60938C4.79065 7.4194 4.75 7.21459 4.75 7C4.75 6.78476 4.79025 6.57912 4.86133 6.38867L2.96973 5.25293ZM3.49414 3.88867C3.49646 3.92553 3.5 3.96255 3.5 4C3.5 4.31053 3.41821 4.60166 3.27637 4.85449L5.10156 5.94922C5.37346 5.58794 5.78157 5.3366 6.25 5.26953V3.47949C5.83011 3.41934 5.45878 3.21212 5.19043 2.90918L3.49414 3.88867ZM7.80762 2.90918C7.53934 3.21159 7.16944 3.4194 6.75 3.47949V5.26953C7.16972 5.32963 7.54025 5.53811 7.80859 5.84082L9.66016 4.72949C9.55804 4.5073 9.5 4.26055 9.5 4C9.5 3.96258 9.50257 3.92551 9.50488 3.88867L7.80762 2.90918Z" fill="#000"/>
 </svg>

package/src/glyphs/index.ts

@@ -1,9 +1,6 @@
-import { createGlyphComponent } from '../createGlyphComponent';
-import { LGGlyph } from '../types';
-
+// Glyphs
 import ActivityFeed from './ActivityFeed.svg';
 import AddFile from './AddFile.svg';
-// Glyphs
 import AIModel from './AIModel.svg';
 import AllProducts from './AllProducts.svg';
 import AnalyticsNode from './AnalyticsNode.svg';
@@ -185,7 +182,7 @@ import Write from './Write.svg';
 import X from './X.svg';
 import XWithCircle from './XWithCircle.svg';
 
-const _glyphs = {
+export const glyphs = {
   AIModel,
   ActivityFeed,
   AddFile,
@@ -370,12 +367,4 @@ const _glyphs = {
   XWithCircle,
 } as const;
 
-export type GlyphName = keyof typeof _glyphs;
-
-const glyphKeys = Object.keys(_glyphs) as Array<GlyphName>;
-
-export const glyphs = glyphKeys.reduce((acc, name) => {
-  acc[name] = createGlyphComponent(name, _glyphs[name]);
-
-  return acc;
-}, {} as Record<GlyphName, LGGlyph.Component>);
+export type GlyphName = keyof typeof glyphs;