@charcoal-ui/icons 5.8.1 → 5.9.0-beta.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.
Files changed (6) hide show
  1. package/css/v1/index.css +31 -1
  2. package/css/v1/index.html +27 -0
  3. package/css/v1/index.story.tsx +61 -1
  4. package/css/v2/index.css +1 -1
  5. package/css/v2/index.story.tsx +1 -1
  6. package/package.json +2 -3
package/css/v1/index.css CHANGED
@@ -732,7 +732,7 @@
732
732
  display: inline-block;
733
733
  width: 1em;
734
734
  height: 1em;
735
- mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22a%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M13%2012a1%201%200%2011-2%200%201%201%200%20012%200zM9%2012a1%201%200%2011-2%200%201%201%200%20012%200zM5%2012a1%201%200%2011-2%200%201%201%200%20012%200zM17%2012a1%201%200%2011-2%200%201%201%200%20012%200zM21%2012a1%201%200%2011-2%200%201%201%200%20012%200zM13%2016a1%201%200%2011-2%200%201%201%200%20012%200zM9%2016a1%201%200%2011-2%200%201%201%200%20012%200zM5%2016a1%201%200%2011-2%200%201%201%200%20012%200zM17%2016a1%201%200%2011-2%200%201%201%200%20012%200zM21%2016a1%201%200%2011-2%200%201%201%200%20012%200zM13%2020a1%201%200%2011-2%200%201%201%200%20012%200zM9%2020a1%201%200%2011-2%200%201%201%200%20012%200zM5%2020a1%201%200%2011-2%200%201%201%200%20012%200zM17%2020a1%201%200%2011-2%200%201%201%200%20012%200zM21%2020a1%201%200%2011-2%200%201%201%200%20012%200zM13%208a1%201%200%2011-2%200%201%201%200%20012%200zM9%208a1%201%200%2011-2%200%201%201%200%20012%200zM5%208a1%201%200%2011-2%200%201%201%200%20012%200zM17%208a1%201%200%2011-2%200%201%201%200%20012%200zM21%208a1%201%200%2011-2%200%201%201%200%20012%200zM13%204a1%201%200%2011-2%200%201%201%200%20012%200zM9%204a1%201%200%2011-2%200%201%201%200%20012%200zM5%204a1%201%200%2011-2%200%201%201%200%20012%200zM17%204a1%201%200%2011-2%200%201%201%200%20012%200zM21%204a1%201%200%2011-2%200%201%201%200%20012%200z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M13%2012a1%201%200%2011-2%200%201%201%200%20012%200zM9%2012a1%201%200%2011-2%200%201%201%200%20012%200zM5%2012a1%201%200%2011-2%200%201%201%200%20012%200zM17%2012a1%201%200%2011-2%200%201%201%200%20012%200zM21%2012a1%201%200%2011-2%200%201%201%200%20012%200zM13%2016a1%201%200%2011-2%200%201%201%200%20012%200zM9%2016a1%201%200%2011-2%200%201%201%200%20012%200zM5%2016a1%201%200%2011-2%200%201%201%200%20012%200zM17%2016a1%201%200%2011-2%200%201%201%200%20012%200zM21%2016a1%201%200%2011-2%200%201%201%200%20012%200zM13%2020a1%201%200%2011-2%200%201%201%200%20012%200zM9%2020a1%201%200%2011-2%200%201%201%200%20012%200zM5%2020a1%201%200%2011-2%200%201%201%200%20012%200zM17%2020a1%201%200%2011-2%200%201%201%200%20012%200zM21%2020a1%201%200%2011-2%200%201%201%200%20012%200zM13%208a1%201%200%2011-2%200%201%201%200%20012%200zM9%208a1%201%200%2011-2%200%201%201%200%20012%200zM5%208a1%201%200%2011-2%200%201%201%200%20012%200zM17%208a1%201%200%2011-2%200%201%201%200%20012%200zM21%208a1%201%200%2011-2%200%201%201%200%20012%200zM13%204a1%201%200%2011-2%200%201%201%200%20012%200zM9%204a1%201%200%2011-2%200%201%201%200%20012%200zM5%204a1%201%200%2011-2%200%201%201%200%20012%200zM17%204a1%201%200%2011-2%200%201%201%200%20012%200zM21%204a1%201%200%2011-2%200%201%201%200%20012%200z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20mask%3D%22url(%23a)%22%2F%3E%3C%2Fsvg%3E');
735
+ mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22a%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M13%2012a1%201%200%2011-2%200%201%201%200%20012%200zM9%2012a1%201%200%2011-2%200%201%201%200%20012%200zM5%2012a1%201%200%2011-2%200%201%201%200%20012%200zM17%2012a1%201%200%2011-2%200%201%201%200%20012%200zM21%2012a1%201%200%2011-2%200%201%201%200%20012%200zM13%2016a1%201%200%2011-2%200%201%201%200%20012%200zM9%2016a1%201%200%2011-2%200%201%201%200%20012%200zM5%2016a1%201%200%2011-2%200%201%201%200%20012%200zM17%2016a1%201%200%2011-2%200%201%201%200%20012%200zM21%2016a1%201%200%2011-2%200%201%201%200%20012%200zM13%2020a1%201%200%2011-2%200%201%201%200%20012%200zM9%2020a1%201%200%2011-2%200%201%201%200%20012%200zM5%2020a1%201%200%2011-2%200%201%201%200%20012%200zM17%2020a1%201%200%2011-2%200%201%201%200%20012%200zM21%2020a1%201%200%2011-2%200%201%201%200%20012%200zM13%208a1%201%200%2011-2%200%201%201%200%20012%200zM9%208a1%201%200%2011-2%200%201%201%200%20012%200zM5%208a1%201%200%2011-2%200%201%201%200%20012%200zM17%208a1%201%200%2011-2%200%201%201%200%20012%200zM21%208a1%201%200%2011-2%200%201%201%200%20012%200zM13%204a1%201%200%2011-2%200%201%201%200%20012%200zM9%204a1%201%200%2011-2%200%201%201%200%20012%200zM5%204a1%201%200%2011-2%200%201%201%200%20012%200zM17%204a1%201%200%2011-2%200%201%201%200%20012%200zM21%204a1%201%200%2011-2%200%201%201%200%20012%200z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M13%2012a1%201%200%2011-2%200%201%201%200%20012%200zM9%2012a1%201%200%2011-2%200%201%201%200%20012%200zM5%2012a1%201%200%2011-2%200%201%201%200%20012%200zM17%2012a1%201%200%2011-2%200%201%201%200%20012%200zM21%2012a1%201%200%2011-2%200%201%201%200%20012%200zM13%2016a1%201%200%2011-2%200%201%201%200%20012%200zM9%2016a1%201%200%2011-2%200%201%201%200%20012%200zM5%2016a1%201%200%2011-2%200%201%201%200%20012%200zM17%2016a1%201%200%2011-2%200%201%201%200%20012%200zM21%2016a1%201%200%2011-2%200%201%201%200%20012%200zM13%2020a1%201%200%2011-2%200%201%201%200%20012%200zM9%2020a1%201%200%2011-2%200%201%201%200%20012%200zM5%2020a1%201%200%2011-2%200%201%201%200%20012%200zM17%2020a1%201%200%2011-2%200%201%201%200%20012%200zM21%2020a1%201%200%2011-2%200%201%201%200%20012%200zM13%208a1%201%200%2011-2%200%201%201%200%20012%200zM9%208a1%201%200%2011-2%200%201%201%200%20012%200zM5%208a1%201%200%2011-2%200%201%201%200%20012%200zM17%208a1%201%200%2011-2%200%201%201%200%20012%200zM21%208a1%201%200%2011-2%200%201%201%200%20012%200zM13%204a1%201%200%2011-2%200%201%201%200%20012%200zM9%204a1%201%200%2011-2%200%201%201%200%20012%200zM5%204a1%201%200%2011-2%200%201%201%200%20012%200zM17%204a1%201%200%2011-2%200%201%201%200%20012%200zM21%204a1%201%200%2011-2%200%201%201%200%20012%200z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20mask%3D%22url%28%23a%29%22%2F%3E%3C%2Fsvg%3E');
736
736
  mask-size: 100% 100%;
737
737
  background: currentColor;
738
738
  aspect-ratio: 1/1;
@@ -1528,6 +1528,16 @@
1528
1528
  aspect-ratio: 1/1;
1529
1529
  }
1530
1530
 
1531
+ .charcoal-icon-v1-login {
1532
+ display: inline-block;
1533
+ width: 1em;
1534
+ height: 1em;
1535
+ mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%203a1%201%200%2000-1%201v1a1%201%200%20102%200h6.764l-2.211%201.105A1%201%200%200014%207v10h-4a1%201%200%2010-2%200v1a1%201%200%20001%201h5v2a1%201%200%20001.447.894l6-3A1%201%200%200022%2018V4a1%201%200%2000-1-1H9zm11%2014.382l-4%202V7.618l4-2v11.764z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M7.707%207.293a1%201%200%2010-1.414%201.414L7.586%2010H3a1%201%200%20000%202h4.586l-1.293%201.293a1%201%200%20001.414%201.414l3-3a1%201%200%20000-1.414l-3-3z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
1536
+ mask-size: 100% 100%;
1537
+ background: currentColor;
1538
+ aspect-ratio: 1/1;
1539
+ }
1540
+
1531
1541
  .charcoal-icon-v1-logout {
1532
1542
  display: inline-block;
1533
1543
  width: 1em;
@@ -2578,6 +2588,26 @@
2578
2588
  aspect-ratio: 1/1;
2579
2589
  }
2580
2590
 
2591
+ .charcoal-icon-v1-trash-16 {
2592
+ display: inline-block;
2593
+ width: 1em;
2594
+ height: 1em;
2595
+ mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%207a1%201%200%20011-1h6a1%201%200%20011%201v6a1%201%200%2001-1%201H5a1%201%200%2001-1-1V7zM10%203h1.5a1%201%200%20110%202h-7a1%201%200%20010-2H6V2h4v1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
2596
+ mask-size: 100% 100%;
2597
+ background: currentColor;
2598
+ aspect-ratio: 1/1;
2599
+ }
2600
+
2601
+ .charcoal-icon-v1-trash-Inline {
2602
+ display: inline-block;
2603
+ width: 1em;
2604
+ height: 1em;
2605
+ mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%204a1%201%200%20011%201v6a1%201%200%2001-1%201H2a1%201%200%2001-1-1V5a1%201%200%20011-1h6zM7%201h1.5a1%201%200%20110%202h-7a1%201%200%20010-2H3V0h4v1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
2606
+ mask-size: 100% 100%;
2607
+ background: currentColor;
2608
+ aspect-ratio: 1/1;
2609
+ }
2610
+
2581
2611
  .charcoal-icon-v1-trashalt {
2582
2612
  display: inline-block;
2583
2613
  width: 1em;
package/css/v1/index.html CHANGED
@@ -1394,6 +1394,15 @@
1394
1394
  <code>.charcoal-icon-v1-lockunlock</code>
1395
1395
  </div>
1396
1396
 
1397
+ <div>
1398
+ <div
1399
+ class="charcoal-icon-v1-login"
1400
+ aria-label=".charcoal-icon-v1-login"
1401
+ role="img"
1402
+ />
1403
+ <code>.charcoal-icon-v1-login</code>
1404
+ </div>
1405
+
1397
1406
  <div>
1398
1407
  <div
1399
1408
  class="charcoal-icon-v1-logout"
@@ -2339,6 +2348,24 @@
2339
2348
  <code>.charcoal-icon-v1-trash</code>
2340
2349
  </div>
2341
2350
 
2351
+ <div>
2352
+ <div
2353
+ class="charcoal-icon-v1-trash-16"
2354
+ aria-label=".charcoal-icon-v1-trash-16"
2355
+ role="img"
2356
+ />
2357
+ <code>.charcoal-icon-v1-trash-16</code>
2358
+ </div>
2359
+
2360
+ <div>
2361
+ <div
2362
+ class="charcoal-icon-v1-trash-Inline"
2363
+ aria-label=".charcoal-icon-v1-trash-Inline"
2364
+ role="img"
2365
+ />
2366
+ <code>.charcoal-icon-v1-trash-Inline</code>
2367
+ </div>
2368
+
2342
2369
  <div>
2343
2370
  <div
2344
2371
  class="charcoal-icon-v1-trashalt"
package/css/v1/index.story.tsx CHANGED
@@ -821,7 +821,7 @@ export default {
821
821
  display: inline-block;
822
822
  width: 1em;
823
823
  height: 1em;
824
- mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22a%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M13%2012a1%201%200%2011-2%200%201%201%200%20012%200zM9%2012a1%201%200%2011-2%200%201%201%200%20012%200zM5%2012a1%201%200%2011-2%200%201%201%200%20012%200zM17%2012a1%201%200%2011-2%200%201%201%200%20012%200zM21%2012a1%201%200%2011-2%200%201%201%200%20012%200zM13%2016a1%201%200%2011-2%200%201%201%200%20012%200zM9%2016a1%201%200%2011-2%200%201%201%200%20012%200zM5%2016a1%201%200%2011-2%200%201%201%200%20012%200zM17%2016a1%201%200%2011-2%200%201%201%200%20012%200zM21%2016a1%201%200%2011-2%200%201%201%200%20012%200zM13%2020a1%201%200%2011-2%200%201%201%200%20012%200zM9%2020a1%201%200%2011-2%200%201%201%200%20012%200zM5%2020a1%201%200%2011-2%200%201%201%200%20012%200zM17%2020a1%201%200%2011-2%200%201%201%200%20012%200zM21%2020a1%201%200%2011-2%200%201%201%200%20012%200zM13%208a1%201%200%2011-2%200%201%201%200%20012%200zM9%208a1%201%200%2011-2%200%201%201%200%20012%200zM5%208a1%201%200%2011-2%200%201%201%200%20012%200zM17%208a1%201%200%2011-2%200%201%201%200%20012%200zM21%208a1%201%200%2011-2%200%201%201%200%20012%200zM13%204a1%201%200%2011-2%200%201%201%200%20012%200zM9%204a1%201%200%2011-2%200%201%201%200%20012%200zM5%204a1%201%200%2011-2%200%201%201%200%20012%200zM17%204a1%201%200%2011-2%200%201%201%200%20012%200zM21%204a1%201%200%2011-2%200%201%201%200%20012%200z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M13%2012a1%201%200%2011-2%200%201%201%200%20012%200zM9%2012a1%201%200%2011-2%200%201%201%200%20012%200zM5%2012a1%201%200%2011-2%200%201%201%200%20012%200zM17%2012a1%201%200%2011-2%200%201%201%200%20012%200zM21%2012a1%201%200%2011-2%200%201%201%200%20012%200zM13%2016a1%201%200%2011-2%200%201%201%200%20012%200zM9%2016a1%201%200%2011-2%200%201%201%200%20012%200zM5%2016a1%201%200%2011-2%200%201%201%200%20012%200zM17%2016a1%201%200%2011-2%200%201%201%200%20012%200zM21%2016a1%201%200%2011-2%200%201%201%200%20012%200zM13%2020a1%201%200%2011-2%200%201%201%200%20012%200zM9%2020a1%201%200%2011-2%200%201%201%200%20012%200zM5%2020a1%201%200%2011-2%200%201%201%200%20012%200zM17%2020a1%201%200%2011-2%200%201%201%200%20012%200zM21%2020a1%201%200%2011-2%200%201%201%200%20012%200zM13%208a1%201%200%2011-2%200%201%201%200%20012%200zM9%208a1%201%200%2011-2%200%201%201%200%20012%200zM5%208a1%201%200%2011-2%200%201%201%200%20012%200zM17%208a1%201%200%2011-2%200%201%201%200%20012%200zM21%208a1%201%200%2011-2%200%201%201%200%20012%200zM13%204a1%201%200%2011-2%200%201%201%200%20012%200zM9%204a1%201%200%2011-2%200%201%201%200%20012%200zM5%204a1%201%200%2011-2%200%201%201%200%20012%200zM17%204a1%201%200%2011-2%200%201%201%200%20012%200zM21%204a1%201%200%2011-2%200%201%201%200%20012%200z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20mask%3D%22url(%23a)%22%2F%3E%3C%2Fsvg%3E');
824
+ mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22a%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M13%2012a1%201%200%2011-2%200%201%201%200%20012%200zM9%2012a1%201%200%2011-2%200%201%201%200%20012%200zM5%2012a1%201%200%2011-2%200%201%201%200%20012%200zM17%2012a1%201%200%2011-2%200%201%201%200%20012%200zM21%2012a1%201%200%2011-2%200%201%201%200%20012%200zM13%2016a1%201%200%2011-2%200%201%201%200%20012%200zM9%2016a1%201%200%2011-2%200%201%201%200%20012%200zM5%2016a1%201%200%2011-2%200%201%201%200%20012%200zM17%2016a1%201%200%2011-2%200%201%201%200%20012%200zM21%2016a1%201%200%2011-2%200%201%201%200%20012%200zM13%2020a1%201%200%2011-2%200%201%201%200%20012%200zM9%2020a1%201%200%2011-2%200%201%201%200%20012%200zM5%2020a1%201%200%2011-2%200%201%201%200%20012%200zM17%2020a1%201%200%2011-2%200%201%201%200%20012%200zM21%2020a1%201%200%2011-2%200%201%201%200%20012%200zM13%208a1%201%200%2011-2%200%201%201%200%20012%200zM9%208a1%201%200%2011-2%200%201%201%200%20012%200zM5%208a1%201%200%2011-2%200%201%201%200%20012%200zM17%208a1%201%200%2011-2%200%201%201%200%20012%200zM21%208a1%201%200%2011-2%200%201%201%200%20012%200zM13%204a1%201%200%2011-2%200%201%201%200%20012%200zM9%204a1%201%200%2011-2%200%201%201%200%20012%200zM5%204a1%201%200%2011-2%200%201%201%200%20012%200zM17%204a1%201%200%2011-2%200%201%201%200%20012%200zM21%204a1%201%200%2011-2%200%201%201%200%20012%200z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M13%2012a1%201%200%2011-2%200%201%201%200%20012%200zM9%2012a1%201%200%2011-2%200%201%201%200%20012%200zM5%2012a1%201%200%2011-2%200%201%201%200%20012%200zM17%2012a1%201%200%2011-2%200%201%201%200%20012%200zM21%2012a1%201%200%2011-2%200%201%201%200%20012%200zM13%2016a1%201%200%2011-2%200%201%201%200%20012%200zM9%2016a1%201%200%2011-2%200%201%201%200%20012%200zM5%2016a1%201%200%2011-2%200%201%201%200%20012%200zM17%2016a1%201%200%2011-2%200%201%201%200%20012%200zM21%2016a1%201%200%2011-2%200%201%201%200%20012%200zM13%2020a1%201%200%2011-2%200%201%201%200%20012%200zM9%2020a1%201%200%2011-2%200%201%201%200%20012%200zM5%2020a1%201%200%2011-2%200%201%201%200%20012%200zM17%2020a1%201%200%2011-2%200%201%201%200%20012%200zM21%2020a1%201%200%2011-2%200%201%201%200%20012%200zM13%208a1%201%200%2011-2%200%201%201%200%20012%200zM9%208a1%201%200%2011-2%200%201%201%200%20012%200zM5%208a1%201%200%2011-2%200%201%201%200%20012%200zM17%208a1%201%200%2011-2%200%201%201%200%20012%200zM21%208a1%201%200%2011-2%200%201%201%200%20012%200zM13%204a1%201%200%2011-2%200%201%201%200%20012%200zM9%204a1%201%200%2011-2%200%201%201%200%20012%200zM5%204a1%201%200%2011-2%200%201%201%200%20012%200zM17%204a1%201%200%2011-2%200%201%201%200%20012%200zM21%204a1%201%200%2011-2%200%201%201%200%20012%200z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20mask%3D%22url%28%23a%29%22%2F%3E%3C%2Fsvg%3E');
825
825
  mask-size: 100% 100%;
826
826
  background: currentColor;
827
827
  aspect-ratio: 1/1;
@@ -1697,6 +1697,17 @@ export default {
1697
1697
  }
1698
1698
 
1699
1699
 
1700
+ .charcoal-icon-v1-login {
1701
+ display: inline-block;
1702
+ width: 1em;
1703
+ height: 1em;
1704
+ mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%203a1%201%200%2000-1%201v1a1%201%200%20102%200h6.764l-2.211%201.105A1%201%200%200014%207v10h-4a1%201%200%2010-2%200v1a1%201%200%20001%201h5v2a1%201%200%20001.447.894l6-3A1%201%200%200022%2018V4a1%201%200%2000-1-1H9zm11%2014.382l-4%202V7.618l4-2v11.764z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M7.707%207.293a1%201%200%2010-1.414%201.414L7.586%2010H3a1%201%200%20000%202h4.586l-1.293%201.293a1%201%200%20001.414%201.414l3-3a1%201%200%20000-1.414l-3-3z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
1705
+ mask-size: 100% 100%;
1706
+ background: currentColor;
1707
+ aspect-ratio: 1/1;
1708
+ }
1709
+
1710
+
1700
1711
  .charcoal-icon-v1-logout {
1701
1712
  display: inline-block;
1702
1713
  width: 1em;
@@ -2852,6 +2863,28 @@ export default {
2852
2863
  }
2853
2864
 
2854
2865
 
2866
+ .charcoal-icon-v1-trash-16 {
2867
+ display: inline-block;
2868
+ width: 1em;
2869
+ height: 1em;
2870
+ mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%207a1%201%200%20011-1h6a1%201%200%20011%201v6a1%201%200%2001-1%201H5a1%201%200%2001-1-1V7zM10%203h1.5a1%201%200%20110%202h-7a1%201%200%20010-2H6V2h4v1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
2871
+ mask-size: 100% 100%;
2872
+ background: currentColor;
2873
+ aspect-ratio: 1/1;
2874
+ }
2875
+
2876
+
2877
+ .charcoal-icon-v1-trash-Inline {
2878
+ display: inline-block;
2879
+ width: 1em;
2880
+ height: 1em;
2881
+ mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%204a1%201%200%20011%201v6a1%201%200%2001-1%201H2a1%201%200%2001-1-1V5a1%201%200%20011-1h6zM7%201h1.5a1%201%200%20110%202h-7a1%201%200%20010-2H3V0h4v1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
2882
+ mask-size: 100% 100%;
2883
+ background: currentColor;
2884
+ aspect-ratio: 1/1;
2885
+ }
2886
+
2887
+
2855
2888
  .charcoal-icon-v1-trashalt {
2856
2889
  display: inline-block;
2857
2890
  width: 1em;
@@ -4512,6 +4545,15 @@ export default {
4512
4545
  <code>.charcoal-icon-v1-lockunlock</code>
4513
4546
  </div>
4514
4547
 
4548
+ <div>
4549
+ <div
4550
+ className="charcoal-icon-v1-login"
4551
+ aria-label=".charcoal-icon-v1-login"
4552
+ role="img"
4553
+ />
4554
+ <code>.charcoal-icon-v1-login</code>
4555
+ </div>
4556
+
4515
4557
  <div>
4516
4558
  <div
4517
4559
  className="charcoal-icon-v1-logout"
@@ -5457,6 +5499,24 @@ export default {
5457
5499
  <code>.charcoal-icon-v1-trash</code>
5458
5500
  </div>
5459
5501
 
5502
+ <div>
5503
+ <div
5504
+ className="charcoal-icon-v1-trash-16"
5505
+ aria-label=".charcoal-icon-v1-trash-16"
5506
+ role="img"
5507
+ />
5508
+ <code>.charcoal-icon-v1-trash-16</code>
5509
+ </div>
5510
+
5511
+ <div>
5512
+ <div
5513
+ className="charcoal-icon-v1-trash-Inline"
5514
+ aria-label=".charcoal-icon-v1-trash-Inline"
5515
+ role="img"
5516
+ />
5517
+ <code>.charcoal-icon-v1-trash-Inline</code>
5518
+ </div>
5519
+
5460
5520
  <div>
5461
5521
  <div
5462
5522
  className="charcoal-icon-v1-trashalt"
package/css/v2/index.css CHANGED
@@ -1272,7 +1272,7 @@
1272
1272
  display: inline-block;
1273
1273
  width: 1em;
1274
1274
  height: 1em;
1275
- background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.89%2018.41c-2.446-2.377-2.82-6.166-.974-9.034%201.29-2.003%202.85-3.795%204.374-5.626%201.226%201.517%202.633%202.954%203.712%204.577%201.079-1.623%202.462-3.08%203.708-4.577%201.497%201.854%203.083%203.622%204.374%205.627%201.846%202.867%201.472%206.656-.975%209.033-2.027%201.969-5.253%201.724-7.109-.321-1.855%202.045-5.082%202.29-7.11.32z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.685%206.386c-.84.973-1.613%201.885-2.273%202.879a1.693%201.693%200%2001-2.821%200c-.653-.983-1.406-1.855-2.234-2.812l-.06-.07C7.22%207.68%206.213%208.938%205.34%2010.294c-1.424%202.212-1.119%205.105.73%206.902%201.29%201.251%203.415%201.146%204.676-.244a1.694%201.694%200%20012.508%200c1.261%201.39%203.387%201.495%204.675.244%201.85-1.797%202.155-4.69.73-6.902-.875-1.36-1.887-2.595-2.974-3.907z%22%20fill%3D%22url(%23paint0_linear_23698_16556)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_23698_16556%22%20x1%3D%2219.105%22%20y1%3D%228.488%22%20x2%3D%226.604%22%20y2%3D%2216.235%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
1275
+ background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.89%2018.41c-2.446-2.377-2.82-6.166-.974-9.034%201.29-2.003%202.85-3.795%204.374-5.626%201.226%201.517%202.633%202.954%203.712%204.577%201.079-1.623%202.462-3.08%203.708-4.577%201.497%201.854%203.083%203.622%204.374%205.627%201.846%202.867%201.472%206.656-.975%209.033-2.027%201.969-5.253%201.724-7.109-.321-1.855%202.045-5.082%202.29-7.11.32z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.685%206.386c-.84.973-1.613%201.885-2.273%202.879a1.693%201.693%200%2001-2.821%200c-.653-.983-1.406-1.855-2.234-2.812l-.06-.07C7.22%207.68%206.213%208.938%205.34%2010.294c-1.424%202.212-1.119%205.105.73%206.902%201.29%201.251%203.415%201.146%204.676-.244a1.694%201.694%200%20012.508%200c1.261%201.39%203.387%201.495%204.675.244%201.85-1.797%202.155-4.69.73-6.902-.875-1.36-1.887-2.595-2.974-3.907z%22%20fill%3D%22url%28%23paint0_linear_23698_16556%29%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_23698_16556%22%20x1%3D%2219.105%22%20y1%3D%228.488%22%20x2%3D%226.604%22%20y2%3D%2216.235%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
1276
1276
  aspect-ratio: 1/1;
1277
1277
  }
1278
1278
 
package/css/v2/index.story.tsx CHANGED
@@ -1415,7 +1415,7 @@ export default {
1415
1415
  display: inline-block;
1416
1416
  width: 1em;
1417
1417
  height: 1em;
1418
- background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.89%2018.41c-2.446-2.377-2.82-6.166-.974-9.034%201.29-2.003%202.85-3.795%204.374-5.626%201.226%201.517%202.633%202.954%203.712%204.577%201.079-1.623%202.462-3.08%203.708-4.577%201.497%201.854%203.083%203.622%204.374%205.627%201.846%202.867%201.472%206.656-.975%209.033-2.027%201.969-5.253%201.724-7.109-.321-1.855%202.045-5.082%202.29-7.11.32z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.685%206.386c-.84.973-1.613%201.885-2.273%202.879a1.693%201.693%200%2001-2.821%200c-.653-.983-1.406-1.855-2.234-2.812l-.06-.07C7.22%207.68%206.213%208.938%205.34%2010.294c-1.424%202.212-1.119%205.105.73%206.902%201.29%201.251%203.415%201.146%204.676-.244a1.694%201.694%200%20012.508%200c1.261%201.39%203.387%201.495%204.675.244%201.85-1.797%202.155-4.69.73-6.902-.875-1.36-1.887-2.595-2.974-3.907z%22%20fill%3D%22url(%23paint0_linear_23698_16556)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_23698_16556%22%20x1%3D%2219.105%22%20y1%3D%228.488%22%20x2%3D%226.604%22%20y2%3D%2216.235%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
1418
+ background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.89%2018.41c-2.446-2.377-2.82-6.166-.974-9.034%201.29-2.003%202.85-3.795%204.374-5.626%201.226%201.517%202.633%202.954%203.712%204.577%201.079-1.623%202.462-3.08%203.708-4.577%201.497%201.854%203.083%203.622%204.374%205.627%201.846%202.867%201.472%206.656-.975%209.033-2.027%201.969-5.253%201.724-7.109-.321-1.855%202.045-5.082%202.29-7.11.32z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.685%206.386c-.84.973-1.613%201.885-2.273%202.879a1.693%201.693%200%2001-2.821%200c-.653-.983-1.406-1.855-2.234-2.812l-.06-.07C7.22%207.68%206.213%208.938%205.34%2010.294c-1.424%202.212-1.119%205.105.73%206.902%201.29%201.251%203.415%201.146%204.676-.244a1.694%201.694%200%20012.508%200c1.261%201.39%203.387%201.495%204.675.244%201.85-1.797%202.155-4.69.73-6.902-.875-1.36-1.887-2.595-2.974-3.907z%22%20fill%3D%22url%28%23paint0_linear_23698_16556%29%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_23698_16556%22%20x1%3D%2219.105%22%20y1%3D%228.488%22%20x2%3D%226.604%22%20y2%3D%2216.235%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
1419
1419
  aspect-ratio: 1/1;
1420
1420
  }
1421
1421
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@charcoal-ui/icons",
3
- "version": "5.8.1",
3
+ "version": "5.9.0-beta.0",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -27,14 +27,13 @@
27
27
  "@types/styled-components": "^5.1.21",
28
28
  "@types/warning": "^3.0.0",
29
29
  "@types/webpack-env": "^1.18.8",
30
- "@vitejs/plugin-react": "^4.3.1",
31
30
  "jsdom": "^24.1.0",
32
31
  "react": "^18.3.1",
33
32
  "styled-components": "^5.3.11"
34
33
  },
35
34
  "dependencies": {
36
35
  "warning": "^4.0.3",
37
- "@charcoal-ui/icon-files": "5.8.1"
36
+ "@charcoal-ui/icon-files": "5.9.0-beta.0"
38
37
  },
39
38
  "peerDependencies": {
40
39
  "react": ">=17.0.0"