@sken-ds/icons 0.5.0 → 0.6.1
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/dist/{catalog-C0MX2DSN.js → catalog-y40FMic1.js} +60 -15
- package/dist/catalog-y40FMic1.js.map +1 -0
- package/dist/catalog.d.ts +1 -55
- package/dist/catalog.d.ts.map +1 -1
- package/dist/catalog.js +1 -1
- package/dist/sken-icon.d.ts +0 -29
- package/dist/sken-icon.d.ts.map +1 -1
- package/dist/sken-icon.js +2 -2
- package/dist/sken-icon.js.map +1 -1
- package/package.json +19 -19
- package/dist/catalog-C0MX2DSN.js.map +0 -1
|
@@ -21,20 +21,40 @@ var e = {
|
|
|
21
21
|
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM112,184a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm56-8a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136a23.76,23.76,0,0,1-4.84,14.45L152,176ZM48,80V48H72v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80Z\"/></svg>",
|
|
22
22
|
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M208,28H188V24a12,12,0,0,0-24,0v4H92V24a12,12,0,0,0-24,0v4H48A20,20,0,0,0,28,48V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V48A20,20,0,0,0,208,28ZM68,52a12,12,0,0,0,24,0h72a12,12,0,0,0,24,0h16V76H52V52ZM52,204V100H204V204Zm60-80v56a12,12,0,0,1-24,0V143.32a12,12,0,0,1-9.37-22l16-8A12,12,0,0,1,112,124Zm61.49,33.88L163.9,168H168a12,12,0,0,1,0,24H136a12,12,0,0,1-8.71-20.25L155.45,142a4,4,0,0,0,.55-2,4,4,0,0,0-7.47-2,12,12,0,0,1-20.78-12A28,28,0,0,1,180,140a27.77,27.77,0,0,1-5.64,16.86A10.63,10.63,0,0,1,173.49,157.88Z\"/></svg>"
|
|
23
23
|
},
|
|
24
|
-
"
|
|
24
|
+
"caret-down": {
|
|
25
25
|
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z\"/></svg>",
|
|
26
26
|
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z\"/></svg>",
|
|
27
27
|
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z\"/></svg>"
|
|
28
28
|
},
|
|
29
|
+
"caret-up": {
|
|
30
|
+
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z\"/></svg>",
|
|
31
|
+
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M215.39,163.06A8,8,0,0,1,208,168H48a8,8,0,0,1-5.66-13.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,215.39,163.06Z\"/></svg>",
|
|
32
|
+
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z\"/></svg>"
|
|
33
|
+
},
|
|
34
|
+
"chart-bar": {
|
|
35
|
+
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,200h-8V40a8,8,0,0,0-8-8H152a8,8,0,0,0-8,8V80H96a8,8,0,0,0-8,8v40H48a8,8,0,0,0-8,8v64H32a8,8,0,0,0,0,16H224a8,8,0,0,0,0-16ZM160,48h40V200H160ZM104,96h40V200H104ZM56,144H88v56H56Z\"/></svg>",
|
|
36
|
+
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M232,208a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16h8V136a8,8,0,0,1,8-8H72a8,8,0,0,1,8,8v64H96V88a8,8,0,0,1,8-8h32a8,8,0,0,1,8,8V200h16V40a8,8,0,0,1,8-8h40a8,8,0,0,1,8,8V200h8A8,8,0,0,1,232,208Z\"/></svg>",
|
|
37
|
+
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,196h-4V40a12,12,0,0,0-12-12H152a12,12,0,0,0-12,12V76H96A12,12,0,0,0,84,88v36H48a12,12,0,0,0-12,12v60H32a12,12,0,0,0,0,24H224a12,12,0,0,0,0-24ZM164,52h32V196H164Zm-56,48h32v96H108ZM60,148H84v48H60Z\"/></svg>"
|
|
38
|
+
},
|
|
29
39
|
check: {
|
|
30
40
|
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"/></svg>",
|
|
31
41
|
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z\"/></svg>",
|
|
32
42
|
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z\"/></svg>"
|
|
33
43
|
},
|
|
34
|
-
|
|
35
|
-
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"
|
|
36
|
-
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"
|
|
37
|
-
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"
|
|
44
|
+
"clock-counter-clockwise": {
|
|
45
|
+
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M136,80v43.47l36.12,21.67a8,8,0,0,1-8.24,13.72l-40-24A8,8,0,0,1,120,128V80a8,8,0,0,1,16,0Zm-8-48A95.44,95.44,0,0,0,60.08,60.15C52.81,67.51,46.35,74.59,40,82V64a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H72a8,8,0,0,0,0-16H49c7.15-8.42,14.27-16.35,22.39-24.57a80,80,0,1,1,1.66,114.75,8,8,0,1,0-11,11.64A96,96,0,1,0,128,32Z\"/></svg>",
|
|
46
|
+
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128A96,96,0,0,1,62.11,197.82a8,8,0,1,1,11-11.64A80,80,0,1,0,71.43,71.43C67.9,75,64.58,78.51,61.35,82L77.66,98.34A8,8,0,0,1,72,112H32a8,8,0,0,1-8-8V64a8,8,0,0,1,13.66-5.66L50,70.7c3.22-3.49,6.54-7,10.06-10.55A96,96,0,0,1,224,128ZM128,72a8,8,0,0,0-8,8v48a8,8,0,0,0,3.88,6.86l40,24a8,8,0,1,0,8.24-13.72L136,123.47V80A8,8,0,0,0,128,72Z\"/></svg>",
|
|
47
|
+
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M140,80v41.21l34.17,20.5a12,12,0,1,1-12.34,20.58l-40-24A12,12,0,0,1,116,128V80a12,12,0,0,1,24,0ZM128,28A99.38,99.38,0,0,0,57.24,57.34c-4.69,4.74-9,9.37-13.24,14V64a12,12,0,0,0-24,0v40a12,12,0,0,0,12,12H72a12,12,0,0,0,0-24H57.77C63,86,68.37,80.22,74.26,74.26a76,76,0,1,1,1.58,109,12,12,0,0,0-16.48,17.46A100,100,0,1,0,128,28Z\"/></svg>"
|
|
48
|
+
},
|
|
49
|
+
database: {
|
|
50
|
+
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24C74.17,24,32,48.6,32,80v96c0,31.4,42.17,56,96,56s96-24.6,96-56V80C224,48.6,181.83,24,128,24Zm80,104c0,9.62-7.88,19.43-21.61,26.92C170.93,163.35,150.19,168,128,168s-42.93-4.65-58.39-13.08C55.88,147.43,48,137.62,48,128V111.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64ZM69.61,53.08C85.07,44.65,105.81,40,128,40s42.93,4.65,58.39,13.08C200.12,60.57,208,70.38,208,80s-7.88,19.43-21.61,26.92C170.93,115.35,150.19,120,128,120s-42.93-4.65-58.39-13.08C55.88,99.43,48,89.62,48,80S55.88,60.57,69.61,53.08ZM186.39,202.92C170.93,211.35,150.19,216,128,216s-42.93-4.65-58.39-13.08C55.88,195.43,48,185.62,48,176V159.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64V176C208,185.62,200.12,195.43,186.39,202.92Z\"/></svg>",
|
|
51
|
+
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24C74.17,24,32,48.6,32,80v96c0,31.4,42.17,56,96,56s96-24.6,96-56V80C224,48.6,181.83,24,128,24Zm80,104c0,9.62-7.88,19.43-21.61,26.92C170.93,163.35,150.19,168,128,168s-42.93-4.65-58.39-13.08C55.88,147.43,48,137.62,48,128V111.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64Zm-21.61,74.92C170.93,211.35,150.19,216,128,216s-42.93-4.65-58.39-13.08C55.88,195.43,48,185.62,48,176V159.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64V176C208,185.62,200.12,195.43,186.39,202.92Z\"/></svg>",
|
|
52
|
+
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M196,35.52C177.62,25.51,153.48,20,128,20S78.38,25.51,60,35.52C39.37,46.79,28,62.58,28,80v96c0,17.42,11.37,33.21,32,44.48,18.35,10,42.49,15.52,68,15.52s49.62-5.51,68-15.52c20.66-11.27,32-27.06,32-44.48V80C228,62.58,216.63,46.79,196,35.52ZM204,128c0,17-31.21,36-76,36s-76-19-76-36v-8.46a88.9,88.9,0,0,0,8,4.94c18.35,10,42.49,15.52,68,15.52s49.62-5.51,68-15.52a88.9,88.9,0,0,0,8-4.94ZM128,44c44.79,0,76,19,76,36s-31.21,36-76,36S52,97,52,80,83.21,44,128,44Zm0,168c-44.79,0-76-19-76-36v-8.46a88.9,88.9,0,0,0,8,4.94c18.35,10,42.49,15.52,68,15.52s49.62-5.51,68-15.52a88.9,88.9,0,0,0,8-4.94V176C204,193,172.79,212,128,212Z\"/></svg>"
|
|
53
|
+
},
|
|
54
|
+
devices: {
|
|
55
|
+
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,72H208V64a24,24,0,0,0-24-24H40A24,24,0,0,0,16,64v96a24,24,0,0,0,24,24H152v8a24,24,0,0,0,24,24h48a24,24,0,0,0,24-24V96A24,24,0,0,0,224,72ZM40,168a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H184a8,8,0,0,1,8,8v8H176a24,24,0,0,0-24,24v72Zm192,24a8,8,0,0,1-8,8H176a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8Zm-96,16a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h40A8,8,0,0,1,136,208Zm80-96a8,8,0,0,1-8,8H192a8,8,0,0,1,0-16h16A8,8,0,0,1,216,112Z\"/></svg>",
|
|
56
|
+
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,72H208V64a24,24,0,0,0-24-24H40A24,24,0,0,0,16,64v96a24,24,0,0,0,24,24H152v8a24,24,0,0,0,24,24h48a24,24,0,0,0,24-24V96A24,24,0,0,0,224,72Zm8,120a8,8,0,0,1-8,8H176a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8Zm-96,16a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h40A8,8,0,0,1,136,208Zm80-96a8,8,0,0,1-8,8H192a8,8,0,0,1,0-16h16A8,8,0,0,1,216,112Z\"/></svg>",
|
|
57
|
+
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,72H212V64a28,28,0,0,0-28-28H40A28,28,0,0,0,12,64v88a28,28,0,0,0,28,28h96v12a28,28,0,0,0,28,28h60a28,28,0,0,0,28-28V100A28,28,0,0,0,224,72ZM40,156a4,4,0,0,1-4-4V64a4,4,0,0,1,4-4H184a4,4,0,0,1,4,4v8H164a28,28,0,0,0-28,28v56Zm188,36a4,4,0,0,1-4,4H164a4,4,0,0,1-4-4V100a4,4,0,0,1,4-4h60a4,4,0,0,1,4,4ZM124,208a12,12,0,0,1-12,12H88a12,12,0,0,1,0-24h24A12,12,0,0,1,124,208Zm88-84a12,12,0,0,1-12,12H188a12,12,0,0,1,0-24h12A12,12,0,0,1,212,124Z\"/></svg>"
|
|
38
58
|
},
|
|
39
59
|
eye: {
|
|
40
60
|
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z\"/></svg>",
|
|
@@ -51,16 +71,31 @@ var e = {
|
|
|
51
71
|
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M216,130.16q.06-2.16,0-4.32l14.92-18.64a8,8,0,0,0,1.48-7.06,107.6,107.6,0,0,0-10.88-26.25,8,8,0,0,0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186,40.54a8,8,0,0,0-3.94-6,107.29,107.29,0,0,0-26.25-10.86,8,8,0,0,0-7.06,1.48L130.16,40Q128,40,125.84,40L107.2,25.11a8,8,0,0,0-7.06-1.48A107.6,107.6,0,0,0,73.89,34.51a8,8,0,0,0-3.93,6L67.32,64.27q-1.56,1.49-3,3L40.54,70a8,8,0,0,0-6,3.94,107.71,107.71,0,0,0-10.87,26.25,8,8,0,0,0,1.49,7.06L40,125.84Q40,128,40,130.16L25.11,148.8a8,8,0,0,0-1.48,7.06,107.6,107.6,0,0,0,10.88,26.25,8,8,0,0,0,6,3.93l23.72,2.64q1.49,1.56,3,3L70,215.46a8,8,0,0,0,3.94,6,107.71,107.71,0,0,0,26.25,10.87,8,8,0,0,0,7.06-1.49L125.84,216q2.16.06,4.32,0l18.64,14.92a8,8,0,0,0,7.06,1.48,107.21,107.21,0,0,0,26.25-10.88,8,8,0,0,0,3.93-6l2.64-23.72q1.56-1.48,3-3L215.46,186a8,8,0,0,0,6-3.94,107.71,107.71,0,0,0,10.87-26.25,8,8,0,0,0-1.49-7.06ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z\"/></svg>",
|
|
52
72
|
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,76a52,52,0,1,0,52,52A52.06,52.06,0,0,0,128,76Zm0,80a28,28,0,1,1,28-28A28,28,0,0,1,128,156Zm92-27.21v-1.58l14-17.51a12,12,0,0,0,2.23-10.59A111.75,111.75,0,0,0,225,71.89,12,12,0,0,0,215.89,66L193.61,63.5l-1.11-1.11L190,40.1A12,12,0,0,0,184.11,31a111.67,111.67,0,0,0-27.23-11.27A12,12,0,0,0,146.3,22L128.79,36h-1.58L109.7,22a12,12,0,0,0-10.59-2.23A111.75,111.75,0,0,0,71.89,31.05,12,12,0,0,0,66,40.11L63.5,62.39,62.39,63.5,40.1,66A12,12,0,0,0,31,71.89,111.67,111.67,0,0,0,19.77,99.12,12,12,0,0,0,22,109.7l14,17.51v1.58L22,146.3a12,12,0,0,0-2.23,10.59,111.75,111.75,0,0,0,11.29,27.22A12,12,0,0,0,40.11,190l22.28,2.48,1.11,1.11L66,215.9A12,12,0,0,0,71.89,225a111.67,111.67,0,0,0,27.23,11.27A12,12,0,0,0,109.7,234l17.51-14h1.58l17.51,14a12,12,0,0,0,10.59,2.23A111.75,111.75,0,0,0,184.11,225a12,12,0,0,0,5.91-9.06l2.48-22.28,1.11-1.11L215.9,190a12,12,0,0,0,9.06-5.91,111.67,111.67,0,0,0,11.27-27.23A12,12,0,0,0,234,146.3Zm-24.12-4.89a70.1,70.1,0,0,1,0,8.2,12,12,0,0,0,2.61,8.22l12.84,16.05A86.47,86.47,0,0,1,207,166.86l-20.43,2.27a12,12,0,0,0-7.65,4,69,69,0,0,1-5.8,5.8,12,12,0,0,0-4,7.65L166.86,207a86.47,86.47,0,0,1-10.49,4.35l-16.05-12.85a12,12,0,0,0-7.5-2.62c-.24,0-.48,0-.72,0a70.1,70.1,0,0,1-8.2,0,12.06,12.06,0,0,0-8.22,2.6L99.63,211.33A86.47,86.47,0,0,1,89.14,207l-2.27-20.43a12,12,0,0,0-4-7.65,69,69,0,0,1-5.8-5.8,12,12,0,0,0-7.65-4L49,166.86a86.47,86.47,0,0,1-4.35-10.49l12.84-16.05a12,12,0,0,0,2.61-8.22,70.1,70.1,0,0,1,0-8.2,12,12,0,0,0-2.61-8.22L44.67,99.63A86.47,86.47,0,0,1,49,89.14l20.43-2.27a12,12,0,0,0,7.65-4,69,69,0,0,1,5.8-5.8,12,12,0,0,0,4-7.65L89.14,49a86.47,86.47,0,0,1,10.49-4.35l16.05,12.85a12.06,12.06,0,0,0,8.22,2.6,70.1,70.1,0,0,1,8.2,0,12,12,0,0,0,8.22-2.6l16.05-12.85A86.47,86.47,0,0,1,166.86,49l2.27,20.43a12,12,0,0,0,4,7.65,69,69,0,0,1,5.8,5.8,12,12,0,0,0,7.65,4L207,89.14a86.47,86.47,0,0,1,4.35,10.49l-12.84,16.05A12,12,0,0,0,195.88,123.9Z\"/></svg>"
|
|
53
73
|
},
|
|
54
|
-
|
|
55
|
-
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"
|
|
56
|
-
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,
|
|
57
|
-
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"
|
|
74
|
+
house: {
|
|
75
|
+
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z\"/></svg>",
|
|
76
|
+
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,120v96a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V164a4,4,0,0,0-4-4H108a4,4,0,0,0-4,4v52a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V120a16,16,0,0,1,4.69-11.31l80-80a16,16,0,0,1,22.62,0l80,80A16,16,0,0,1,224,120Z\"/></svg>",
|
|
77
|
+
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M222.14,105.85l-80-80a20,20,0,0,0-28.28,0l-80,80A19.86,19.86,0,0,0,28,120v96a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V164h24v52a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V120A19.86,19.86,0,0,0,222.14,105.85ZM204,204H164V152a12,12,0,0,0-12-12H104a12,12,0,0,0-12,12v52H52V121.65l76-76,76,76Z\"/></svg>"
|
|
78
|
+
},
|
|
79
|
+
"identification-badge": {
|
|
80
|
+
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M75.19,198.4a8,8,0,0,0,11.21-1.6,52,52,0,0,1,83.2,0,8,8,0,1,0,12.8-9.6A67.88,67.88,0,0,0,155,165.51a40,40,0,1,0-53.94,0A67.88,67.88,0,0,0,73.6,187.2,8,8,0,0,0,75.19,198.4ZM128,112a24,24,0,1,1-24,24A24,24,0,0,1,128,112Zm72-88H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V40A16,16,0,0,0,200,24Zm0,192H56V40H200ZM88,64a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H96A8,8,0,0,1,88,64Z\"/></svg>",
|
|
81
|
+
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M200,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V40A16,16,0,0,0,200,24ZM96,48h64a8,8,0,0,1,0,16H96a8,8,0,0,1,0-16Zm84.81,150.4a8,8,0,0,1-11.21-1.6,52,52,0,0,0-83.2,0,8,8,0,1,1-12.8-9.6A67.88,67.88,0,0,1,101,165.51a40,40,0,1,1,53.94,0A67.88,67.88,0,0,1,182.4,187.2,8,8,0,0,1,180.81,198.4ZM152,136a24,24,0,1,1-24-24A24,24,0,0,1,152,136Z\"/></svg>",
|
|
82
|
+
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M200,20H56A20,20,0,0,0,36,40V216a20,20,0,0,0,20,20H200a20,20,0,0,0,20-20V40A20,20,0,0,0,200,20Zm-4,192H60V44H196ZM84,68A12,12,0,0,1,96,56h64a12,12,0,0,1,0,24H96A12,12,0,0,1,84,68Zm8.8,127.37a48,48,0,0,1,70.4,0,12,12,0,0,0,17.6-16.32,72,72,0,0,0-19.21-14.68,44,44,0,1,0-67.19,0,72.12,72.12,0,0,0-19.2,14.68,12,12,0,0,0,17.6,16.32ZM128,116a20,20,0,1,1-20,20A20,20,0,0,1,128,116Z\"/></svg>"
|
|
58
83
|
},
|
|
59
84
|
info: {
|
|
60
85
|
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z\"/></svg>",
|
|
61
86
|
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z\"/></svg>",
|
|
62
87
|
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M108,84a16,16,0,1,1,16,16A16,16,0,0,1,108,84Zm128,44A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Zm-72,36.68V132a20,20,0,0,0-20-20,12,12,0,0,0-4,23.32V168a20,20,0,0,0,20,20,12,12,0,0,0,4-23.32Z\"/></svg>"
|
|
63
88
|
},
|
|
89
|
+
lifebuoy: {
|
|
90
|
+
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm39.1,131.79a47.84,47.84,0,0,0,0-55.58l28.5-28.49a87.83,87.83,0,0,1,0,112.56ZM96,128a32,32,0,1,1,32,32A32,32,0,0,1,96,128Zm88.28-67.6L155.79,88.9a47.84,47.84,0,0,0-55.58,0L71.72,60.4a87.83,87.83,0,0,1,112.56,0ZM60.4,71.72l28.5,28.49a47.84,47.84,0,0,0,0,55.58L60.4,184.28a87.83,87.83,0,0,1,0-112.56ZM71.72,195.6l28.49-28.5a47.84,47.84,0,0,0,55.58,0l28.49,28.5a87.83,87.83,0,0,1-112.56,0Z\"/></svg>",
|
|
91
|
+
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM96,128a32,32,0,1,1,32,32A32,32,0,0,1,96,128Zm88.28-67.6L155.79,88.9a47.84,47.84,0,0,0-55.58,0L71.72,60.4a87.83,87.83,0,0,1,112.56,0ZM71.72,195.6l28.49-28.5a47.84,47.84,0,0,0,55.58,0l28.49,28.5a87.83,87.83,0,0,1-112.56,0Z\"/></svg>",
|
|
92
|
+
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm44.25,135.28a51.89,51.89,0,0,0,0-54.56l23-23a83.84,83.84,0,0,1,0,100.56ZM100,128a28,28,0,1,1,28,28A28,28,0,0,1,100,128Zm78.28-67.25-23,23a51.89,51.89,0,0,0-54.56,0l-23-23a83.84,83.84,0,0,1,100.56,0Zm-117.53,17,23,23a51.89,51.89,0,0,0,0,54.56l-23,23a83.84,83.84,0,0,1,0-100.56Zm17,117.53,23-23a51.89,51.89,0,0,0,54.56,0l23,23a83.84,83.84,0,0,1-100.56,0Z\"/></svg>"
|
|
93
|
+
},
|
|
94
|
+
"magnifying-glass": {
|
|
95
|
+
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z\"/></svg>",
|
|
96
|
+
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z\"/></svg>",
|
|
97
|
+
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z\"/></svg>"
|
|
98
|
+
},
|
|
64
99
|
minus: {
|
|
65
100
|
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z\"/></svg>",
|
|
66
101
|
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM184,136H72a8,8,0,0,1,0-16H184a8,8,0,0,1,0,16Z\"/></svg>",
|
|
@@ -71,10 +106,10 @@ var e = {
|
|
|
71
106
|
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM184,136H136v48a8,8,0,0,1-16,0V136H72a8,8,0,0,1,0-16h48V72a8,8,0,0,1,16,0v48h48a8,8,0,0,1,0,16Z\"/></svg>",
|
|
72
107
|
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z\"/></svg>"
|
|
73
108
|
},
|
|
74
|
-
|
|
75
|
-
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"
|
|
76
|
-
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"
|
|
77
|
-
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"
|
|
109
|
+
"shield-chevron": {
|
|
110
|
+
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M208,40H48A16,16,0,0,0,32,56v56c0,52.72,25.52,84.67,46.93,102.19,23.06,18.86,46,25.26,47,25.53a8,8,0,0,0,4.2,0c1-.27,23.91-6.67,47-25.53C198.48,196.67,224,164.72,224,112V56A16,16,0,0,0,208,40ZM167.4,201.42A129.3,129.3,0,0,1,128,223.62a128.25,128.25,0,0,1-38.92-21.81,111.82,111.82,0,0,1-24.51-27.64L128,129.77l63.43,44.4A111.56,111.56,0,0,1,167.4,201.42ZM208,112q0,26.31-9.14,47.84l-66.27-46.39a8,8,0,0,0-9.18,0L57.13,159.84C51.06,145.52,48,129.54,48,112l0-56,160,0Z\"/></svg>",
|
|
111
|
+
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M208,40H48A16,16,0,0,0,32,56v56c0,52.72,25.52,84.67,46.93,102.19,23.06,18.86,46,25.26,47,25.53a8,8,0,0,0,4.2,0c1-.27,23.91-6.67,47-25.53C198.48,196.67,224,164.72,224,112V56A16,16,0,0,0,208,40Zm0,72q0,26.31-9.14,47.84l-66.27-46.39a8,8,0,0,0-9.18,0L57.13,159.84C51.06,145.52,48,129.54,48,112l0-56,160,0Z\"/></svg>",
|
|
112
|
+
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M208,36H48A20,20,0,0,0,28,56v56c0,54.29,26.32,87.22,48.4,105.29,23.71,19.39,47.44,26,48.44,26.29a12.1,12.1,0,0,0,6.32,0c1-.28,24.73-6.9,48.44-26.29,22.08-18.07,48.4-51,48.4-105.29V56A20,20,0,0,0,208,36ZM52,60H204v52a119.54,119.54,0,0,1-7,41.64l-62.11-43.47a12,12,0,0,0-13.76,0L59,153.64A119.54,119.54,0,0,1,52,112ZM165.09,198.15A126.28,126.28,0,0,1,128,219.38a126.14,126.14,0,0,1-37.09-21.23A109,109,0,0,1,70,175.23l58-40.58,58,40.58A109,109,0,0,1,165.09,198.15Z\"/></svg>"
|
|
78
113
|
},
|
|
79
114
|
spinner: {
|
|
80
115
|
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M136,32V64a8,8,0,0,1-16,0V32a8,8,0,0,1,16,0Zm37.25,58.75a8,8,0,0,0,5.66-2.35l22.63-22.62a8,8,0,0,0-11.32-11.32L167.6,77.09a8,8,0,0,0,5.65,13.66ZM224,120H192a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16Zm-45.09,47.6a8,8,0,0,0-11.31,11.31l22.62,22.63a8,8,0,0,0,11.32-11.32ZM128,184a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V192A8,8,0,0,0,128,184ZM77.09,167.6,54.46,190.22a8,8,0,0,0,11.32,11.32L88.4,178.91A8,8,0,0,0,77.09,167.6ZM72,128a8,8,0,0,0-8-8H32a8,8,0,0,0,0,16H64A8,8,0,0,0,72,128ZM65.78,54.46A8,8,0,0,0,54.46,65.78L77.09,88.4A8,8,0,0,0,88.4,77.09Z\"/></svg>",
|
|
@@ -91,19 +126,29 @@ var e = {
|
|
|
91
126
|
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M230.93,220a8,8,0,0,1-6.93,4H32a8,8,0,0,1-6.92-12c15.23-26.33,38.7-45.21,66.09-54.16a72,72,0,1,1,73.66,0c27.39,8.95,50.86,27.83,66.09,54.16A8,8,0,0,1,230.93,220Z\"/></svg>",
|
|
92
127
|
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z\"/></svg>"
|
|
93
128
|
},
|
|
129
|
+
"users-three": {
|
|
130
|
+
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M244.8,150.4a8,8,0,0,1-11.2-1.6A51.6,51.6,0,0,0,192,128a8,8,0,0,1-7.37-4.89,8,8,0,0,1,0-6.22A8,8,0,0,1,192,112a24,24,0,1,0-23.24-30,8,8,0,1,1-15.5-4A40,40,0,1,1,219,117.51a67.94,67.94,0,0,1,27.43,21.68A8,8,0,0,1,244.8,150.4ZM190.92,212a8,8,0,1,1-13.84,8,57,57,0,0,0-98.16,0,8,8,0,1,1-13.84-8,72.06,72.06,0,0,1,33.74-29.92,48,48,0,1,1,58.36,0A72.06,72.06,0,0,1,190.92,212ZM128,176a32,32,0,1,0-32-32A32,32,0,0,0,128,176ZM72,120a8,8,0,0,0-8-8A24,24,0,1,1,87.24,82a8,8,0,1,0,15.5-4A40,40,0,1,0,37,117.51,67.94,67.94,0,0,0,9.6,139.19a8,8,0,1,0,12.8,9.61A51.6,51.6,0,0,1,64,128,8,8,0,0,0,72,120Z\"/></svg>",
|
|
131
|
+
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M64.12,147.8a4,4,0,0,1-4,4.2H16a8,8,0,0,1-7.8-6.17,8.35,8.35,0,0,1,1.62-6.93A67.79,67.79,0,0,1,37,117.51a40,40,0,1,1,66.46-35.8,3.94,3.94,0,0,1-2.27,4.18A64.08,64.08,0,0,0,64,144C64,145.28,64,146.54,64.12,147.8Zm182-8.91A67.76,67.76,0,0,0,219,117.51a40,40,0,1,0-66.46-35.8,3.94,3.94,0,0,0,2.27,4.18A64.08,64.08,0,0,1,192,144c0,1.28,0,2.54-.12,3.8a4,4,0,0,0,4,4.2H240a8,8,0,0,0,7.8-6.17A8.33,8.33,0,0,0,246.17,138.89Zm-89,43.18a48,48,0,1,0-58.37,0A72.13,72.13,0,0,0,65.07,212,8,8,0,0,0,72,224H184a8,8,0,0,0,6.93-12A72.15,72.15,0,0,0,157.19,182.07Z\"/></svg>",
|
|
132
|
+
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M164.38,181.1a52,52,0,1,0-72.76,0,75.89,75.89,0,0,0-30,28.89,12,12,0,0,0,20.78,12,53,53,0,0,1,91.22,0,12,12,0,1,0,20.78-12A75.89,75.89,0,0,0,164.38,181.1ZM100,144a28,28,0,1,1,28,28A28,28,0,0,1,100,144Zm147.21,9.59a12,12,0,0,1-16.81-2.39c-8.33-11.09-19.85-19.59-29.33-21.64a12,12,0,0,1-1.82-22.91,20,20,0,1,0-24.78-28.3,12,12,0,1,1-21-11.6,44,44,0,1,1,73.28,48.35,92.18,92.18,0,0,1,22.85,21.69A12,12,0,0,1,247.21,153.59Zm-192.28-24c-9.48,2.05-21,10.55-29.33,21.65A12,12,0,0,1,6.41,136.79,92.37,92.37,0,0,1,29.26,115.1a44,44,0,1,1,73.28-48.35,12,12,0,1,1-21,11.6,20,20,0,1,0-24.78,28.3,12,12,0,0,1-1.82,22.91Z\"/></svg>"
|
|
133
|
+
},
|
|
94
134
|
warning: {
|
|
95
135
|
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z\"/></svg>",
|
|
96
136
|
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM120,104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,192Z\"/></svg>",
|
|
97
137
|
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M240.26,186.1,152.81,34.23h0a28.74,28.74,0,0,0-49.62,0L15.74,186.1a27.45,27.45,0,0,0,0,27.71A28.31,28.31,0,0,0,40.55,228h174.9a28.31,28.31,0,0,0,24.79-14.19A27.45,27.45,0,0,0,240.26,186.1Zm-20.8,15.7a4.46,4.46,0,0,1-4,2.2H40.55a4.46,4.46,0,0,1-4-2.2,3.56,3.56,0,0,1,0-3.73L124,46.2a4.77,4.77,0,0,1,8,0l87.44,151.87A3.56,3.56,0,0,1,219.46,201.8ZM116,136V104a12,12,0,0,1,24,0v32a12,12,0,0,1-24,0Zm28,40a16,16,0,1,1-16-16A16,16,0,0,1,144,176Z\"/></svg>"
|
|
138
|
+
},
|
|
139
|
+
x: {
|
|
140
|
+
regular: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z\"/></svg>",
|
|
141
|
+
filled: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z\"/></svg>",
|
|
142
|
+
emphasis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z\"/></svg>"
|
|
98
143
|
}
|
|
99
144
|
};
|
|
100
145
|
function t(t, n = "regular") {
|
|
101
146
|
return e[t][n];
|
|
102
147
|
}
|
|
103
148
|
function n(e) {
|
|
104
|
-
return e === "
|
|
149
|
+
return e === "arrow-left" || e === "arrow-right" || e === "bell" || e === "calendar" || e === "caret-down" || e === "caret-up" || e === "chart-bar" || e === "check" || e === "clock-counter-clockwise" || e === "database" || e === "devices" || e === "eye" || e === "eye-slash" || e === "gear" || e === "house" || e === "identification-badge" || e === "info" || e === "lifebuoy" || e === "magnifying-glass" || e === "minus" || e === "plus" || e === "shield-chevron" || e === "spinner" || e === "trash" || e === "user" || e === "users-three" || e === "warning" || e === "x";
|
|
105
150
|
}
|
|
106
151
|
//#endregion
|
|
107
152
|
export { n, t };
|
|
108
153
|
|
|
109
|
-
//# sourceMappingURL=catalog-
|
|
154
|
+
//# sourceMappingURL=catalog-y40FMic1.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"catalog-y40FMic1.js","names":[],"sources":["../src/catalog.ts"],"sourcesContent":["import ArrowLeftBoldSvg from '@phosphor-icons/core/bold/arrow-left-bold.svg?raw'\nimport ArrowRightBoldSvg from '@phosphor-icons/core/bold/arrow-right-bold.svg?raw'\nimport BellBoldSvg from '@phosphor-icons/core/bold/bell-bold.svg?raw'\nimport CalendarBoldSvg from '@phosphor-icons/core/bold/calendar-bold.svg?raw'\nimport CaretDownBoldSvg from '@phosphor-icons/core/bold/caret-down-bold.svg?raw'\nimport CaretUpBoldSvg from '@phosphor-icons/core/bold/caret-up-bold.svg?raw'\nimport ChartBarBoldSvg from '@phosphor-icons/core/bold/chart-bar-bold.svg?raw'\nimport CheckBoldSvg from '@phosphor-icons/core/bold/check-bold.svg?raw'\nimport ClockCounterClockwiseBoldSvg from '@phosphor-icons/core/bold/clock-counter-clockwise-bold.svg?raw'\nimport DatabaseBoldSvg from '@phosphor-icons/core/bold/database-bold.svg?raw'\nimport DevicesBoldSvg from '@phosphor-icons/core/bold/devices-bold.svg?raw'\nimport EyeBoldSvg from '@phosphor-icons/core/bold/eye-bold.svg?raw'\nimport EyeSlashBoldSvg from '@phosphor-icons/core/bold/eye-slash-bold.svg?raw'\nimport GearBoldSvg from '@phosphor-icons/core/bold/gear-bold.svg?raw'\nimport HouseBoldSvg from '@phosphor-icons/core/bold/house-bold.svg?raw'\nimport IdentificationBadgeBoldSvg from '@phosphor-icons/core/bold/identification-badge-bold.svg?raw'\nimport InfoBoldSvg from '@phosphor-icons/core/bold/info-bold.svg?raw'\nimport LifebuoyBoldSvg from '@phosphor-icons/core/bold/lifebuoy-bold.svg?raw'\nimport MagnifyingGlassBoldSvg from '@phosphor-icons/core/bold/magnifying-glass-bold.svg?raw'\nimport MinusBoldSvg from '@phosphor-icons/core/bold/minus-bold.svg?raw'\nimport PlusBoldSvg from '@phosphor-icons/core/bold/plus-bold.svg?raw'\nimport ShieldChevronBoldSvg from '@phosphor-icons/core/bold/shield-chevron-bold.svg?raw'\nimport SpinnerBoldSvg from '@phosphor-icons/core/bold/spinner-bold.svg?raw'\nimport TrashBoldSvg from '@phosphor-icons/core/bold/trash-bold.svg?raw'\nimport UserBoldSvg from '@phosphor-icons/core/bold/user-bold.svg?raw'\nimport UsersThreeBoldSvg from '@phosphor-icons/core/bold/users-three-bold.svg?raw'\nimport WarningBoldSvg from '@phosphor-icons/core/bold/warning-bold.svg?raw'\nimport XBoldSvg from '@phosphor-icons/core/bold/x-bold.svg?raw'\nimport ArrowLeftFillSvg from '@phosphor-icons/core/fill/arrow-left-fill.svg?raw'\nimport ArrowRightFillSvg from '@phosphor-icons/core/fill/arrow-right-fill.svg?raw'\nimport BellFillSvg from '@phosphor-icons/core/fill/bell-fill.svg?raw'\nimport CalendarFillSvg from '@phosphor-icons/core/fill/calendar-fill.svg?raw'\nimport CaretDownFillSvg from '@phosphor-icons/core/fill/caret-down-fill.svg?raw'\nimport CaretUpFillSvg from '@phosphor-icons/core/fill/caret-up-fill.svg?raw'\nimport ChartBarFillSvg from '@phosphor-icons/core/fill/chart-bar-fill.svg?raw'\nimport CheckFillSvg from '@phosphor-icons/core/fill/check-fill.svg?raw'\nimport ClockCounterClockwiseFillSvg from '@phosphor-icons/core/fill/clock-counter-clockwise-fill.svg?raw'\nimport DatabaseFillSvg from '@phosphor-icons/core/fill/database-fill.svg?raw'\nimport DevicesFillSvg from '@phosphor-icons/core/fill/devices-fill.svg?raw'\nimport EyeFillSvg from '@phosphor-icons/core/fill/eye-fill.svg?raw'\nimport EyeSlashFillSvg from '@phosphor-icons/core/fill/eye-slash-fill.svg?raw'\nimport GearFillSvg from '@phosphor-icons/core/fill/gear-fill.svg?raw'\nimport HouseFillSvg from '@phosphor-icons/core/fill/house-fill.svg?raw'\nimport IdentificationBadgeFillSvg from '@phosphor-icons/core/fill/identification-badge-fill.svg?raw'\nimport InfoFillSvg from '@phosphor-icons/core/fill/info-fill.svg?raw'\nimport LifebuoyFillSvg from '@phosphor-icons/core/fill/lifebuoy-fill.svg?raw'\nimport MagnifyingGlassFillSvg from '@phosphor-icons/core/fill/magnifying-glass-fill.svg?raw'\nimport MinusFillSvg from '@phosphor-icons/core/fill/minus-fill.svg?raw'\nimport PlusFillSvg from '@phosphor-icons/core/fill/plus-fill.svg?raw'\nimport ShieldChevronFillSvg from '@phosphor-icons/core/fill/shield-chevron-fill.svg?raw'\nimport SpinnerFillSvg from '@phosphor-icons/core/fill/spinner-fill.svg?raw'\nimport TrashFillSvg from '@phosphor-icons/core/fill/trash-fill.svg?raw'\nimport UserFillSvg from '@phosphor-icons/core/fill/user-fill.svg?raw'\nimport UsersThreeFillSvg from '@phosphor-icons/core/fill/users-three-fill.svg?raw'\nimport WarningFillSvg from '@phosphor-icons/core/fill/warning-fill.svg?raw'\nimport XFillSvg from '@phosphor-icons/core/fill/x-fill.svg?raw'\nimport ArrowLeftRegularSvg from '@phosphor-icons/core/regular/arrow-left.svg?raw'\nimport ArrowRightRegularSvg from '@phosphor-icons/core/regular/arrow-right.svg?raw'\nimport BellRegularSvg from '@phosphor-icons/core/regular/bell.svg?raw'\nimport CalendarRegularSvg from '@phosphor-icons/core/regular/calendar.svg?raw'\nimport CaretDownRegularSvg from '@phosphor-icons/core/regular/caret-down.svg?raw'\nimport CaretUpRegularSvg from '@phosphor-icons/core/regular/caret-up.svg?raw'\nimport ChartBarRegularSvg from '@phosphor-icons/core/regular/chart-bar.svg?raw'\nimport CheckRegularSvg from '@phosphor-icons/core/regular/check.svg?raw'\nimport ClockCounterClockwiseRegularSvg from '@phosphor-icons/core/regular/clock-counter-clockwise.svg?raw'\nimport DatabaseRegularSvg from '@phosphor-icons/core/regular/database.svg?raw'\nimport DevicesRegularSvg from '@phosphor-icons/core/regular/devices.svg?raw'\nimport EyeSlashRegularSvg from '@phosphor-icons/core/regular/eye-slash.svg?raw'\nimport EyeRegularSvg from '@phosphor-icons/core/regular/eye.svg?raw'\nimport GearRegularSvg from '@phosphor-icons/core/regular/gear.svg?raw'\nimport HouseRegularSvg from '@phosphor-icons/core/regular/house.svg?raw'\nimport IdentificationBadgeRegularSvg from '@phosphor-icons/core/regular/identification-badge.svg?raw'\nimport InfoRegularSvg from '@phosphor-icons/core/regular/info.svg?raw'\nimport LifebuoyRegularSvg from '@phosphor-icons/core/regular/lifebuoy.svg?raw'\nimport MagnifyingGlassRegularSvg from '@phosphor-icons/core/regular/magnifying-glass.svg?raw'\nimport MinusRegularSvg from '@phosphor-icons/core/regular/minus.svg?raw'\nimport PlusRegularSvg from '@phosphor-icons/core/regular/plus.svg?raw'\nimport ShieldChevronRegularSvg from '@phosphor-icons/core/regular/shield-chevron.svg?raw'\nimport SpinnerRegularSvg from '@phosphor-icons/core/regular/spinner.svg?raw'\nimport TrashRegularSvg from '@phosphor-icons/core/regular/trash.svg?raw'\nimport UserRegularSvg from '@phosphor-icons/core/regular/user.svg?raw'\nimport UsersThreeRegularSvg from '@phosphor-icons/core/regular/users-three.svg?raw'\nimport WarningRegularSvg from '@phosphor-icons/core/regular/warning.svg?raw'\nimport XRegularSvg from '@phosphor-icons/core/regular/x.svg?raw'\n\nexport type SkenIconName =\n | 'arrow-left'\n | 'arrow-right'\n | 'bell'\n | 'calendar'\n | 'caret-down'\n | 'caret-up'\n | 'chart-bar'\n | 'check'\n | 'clock-counter-clockwise'\n | 'database'\n | 'devices'\n | 'eye'\n | 'eye-slash'\n | 'gear'\n | 'house'\n | 'identification-badge'\n | 'info'\n | 'lifebuoy'\n | 'magnifying-glass'\n | 'minus'\n | 'plus'\n | 'shield-chevron'\n | 'spinner'\n | 'trash'\n | 'user'\n | 'users-three'\n | 'warning'\n | 'x'\n\nexport type SkenIconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport type SkenIconColor =\n 'current' | 'default' | 'muted' | 'primary' | 'danger' | 'success' | 'warning' | 'info'\n\nexport type SkenIconWeight = 'regular' | 'filled' | 'emphasis'\n\ninterface IconAsset {\n regular: string\n filled: string\n emphasis: string\n}\n\nconst REGISTRY: Record<SkenIconName, IconAsset> = {\n 'arrow-left': {\n regular: ArrowLeftRegularSvg,\n filled: ArrowLeftFillSvg,\n emphasis: ArrowLeftBoldSvg,\n },\n 'arrow-right': {\n regular: ArrowRightRegularSvg,\n filled: ArrowRightFillSvg,\n emphasis: ArrowRightBoldSvg,\n },\n bell: {\n regular: BellRegularSvg,\n filled: BellFillSvg,\n emphasis: BellBoldSvg,\n },\n calendar: {\n regular: CalendarRegularSvg,\n filled: CalendarFillSvg,\n emphasis: CalendarBoldSvg,\n },\n 'caret-down': {\n regular: CaretDownRegularSvg,\n filled: CaretDownFillSvg,\n emphasis: CaretDownBoldSvg,\n },\n 'caret-up': {\n regular: CaretUpRegularSvg,\n filled: CaretUpFillSvg,\n emphasis: CaretUpBoldSvg,\n },\n 'chart-bar': {\n regular: ChartBarRegularSvg,\n filled: ChartBarFillSvg,\n emphasis: ChartBarBoldSvg,\n },\n check: {\n regular: CheckRegularSvg,\n filled: CheckFillSvg,\n emphasis: CheckBoldSvg,\n },\n 'clock-counter-clockwise': {\n regular: ClockCounterClockwiseRegularSvg,\n filled: ClockCounterClockwiseFillSvg,\n emphasis: ClockCounterClockwiseBoldSvg,\n },\n database: {\n regular: DatabaseRegularSvg,\n filled: DatabaseFillSvg,\n emphasis: DatabaseBoldSvg,\n },\n devices: {\n regular: DevicesRegularSvg,\n filled: DevicesFillSvg,\n emphasis: DevicesBoldSvg,\n },\n eye: {\n regular: EyeRegularSvg,\n filled: EyeFillSvg,\n emphasis: EyeBoldSvg,\n },\n 'eye-slash': {\n regular: EyeSlashRegularSvg,\n filled: EyeSlashFillSvg,\n emphasis: EyeSlashBoldSvg,\n },\n gear: {\n regular: GearRegularSvg,\n filled: GearFillSvg,\n emphasis: GearBoldSvg,\n },\n house: {\n regular: HouseRegularSvg,\n filled: HouseFillSvg,\n emphasis: HouseBoldSvg,\n },\n 'identification-badge': {\n regular: IdentificationBadgeRegularSvg,\n filled: IdentificationBadgeFillSvg,\n emphasis: IdentificationBadgeBoldSvg,\n },\n info: {\n regular: InfoRegularSvg,\n filled: InfoFillSvg,\n emphasis: InfoBoldSvg,\n },\n lifebuoy: {\n regular: LifebuoyRegularSvg,\n filled: LifebuoyFillSvg,\n emphasis: LifebuoyBoldSvg,\n },\n 'magnifying-glass': {\n regular: MagnifyingGlassRegularSvg,\n filled: MagnifyingGlassFillSvg,\n emphasis: MagnifyingGlassBoldSvg,\n },\n minus: {\n regular: MinusRegularSvg,\n filled: MinusFillSvg,\n emphasis: MinusBoldSvg,\n },\n plus: {\n regular: PlusRegularSvg,\n filled: PlusFillSvg,\n emphasis: PlusBoldSvg,\n },\n 'shield-chevron': {\n regular: ShieldChevronRegularSvg,\n filled: ShieldChevronFillSvg,\n emphasis: ShieldChevronBoldSvg,\n },\n spinner: {\n regular: SpinnerRegularSvg,\n filled: SpinnerFillSvg,\n emphasis: SpinnerBoldSvg,\n },\n trash: {\n regular: TrashRegularSvg,\n filled: TrashFillSvg,\n emphasis: TrashBoldSvg,\n },\n user: {\n regular: UserRegularSvg,\n filled: UserFillSvg,\n emphasis: UserBoldSvg,\n },\n 'users-three': {\n regular: UsersThreeRegularSvg,\n filled: UsersThreeFillSvg,\n emphasis: UsersThreeBoldSvg,\n },\n warning: {\n regular: WarningRegularSvg,\n filled: WarningFillSvg,\n emphasis: WarningBoldSvg,\n },\n x: {\n regular: XRegularSvg,\n filled: XFillSvg,\n emphasis: XBoldSvg,\n },\n}\n\nexport function getSkenIconSvg(name: SkenIconName, weight: SkenIconWeight = 'regular'): string {\n return REGISTRY[name][weight]\n}\n\nexport function isSkenIconName(name: string): name is SkenIconName {\n return (\n name === 'arrow-left' ||\n name === 'arrow-right' ||\n name === 'bell' ||\n name === 'calendar' ||\n name === 'caret-down' ||\n name === 'caret-up' ||\n name === 'chart-bar' ||\n name === 'check' ||\n name === 'clock-counter-clockwise' ||\n name === 'database' ||\n name === 'devices' ||\n name === 'eye' ||\n name === 'eye-slash' ||\n name === 'gear' ||\n name === 'house' ||\n name === 'identification-badge' ||\n name === 'info' ||\n name === 'lifebuoy' ||\n name === 'magnifying-glass' ||\n name === 'minus' ||\n name === 'plus' ||\n name === 'shield-chevron' ||\n name === 'spinner' ||\n name === 'trash' ||\n name === 'user' ||\n name === 'users-three' ||\n name === 'warning' ||\n name === 'x'\n )\n}\n"],"mappings":";;AAgIA,IAAM,IAA4C;CAChD,cAAc;EACZ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,eAAe;EACb,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,UAAU;EACR,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,cAAc;EACZ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,YAAY;EACV,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,aAAa;EACX,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,OAAO;EACL,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,2BAA2B;EACzB,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,UAAU;EACR,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,SAAS;EACP,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,KAAK;EACH,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,aAAa;EACX,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,OAAO;EACL,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,wBAAwB;EACtB,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,UAAU;EACR,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,oBAAoB;EAClB,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,OAAO;EACL,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,kBAAkB;EAChB,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,SAAS;EACP,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,OAAO;EACL,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,eAAe;EACb,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,SAAS;EACP,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,GAAG;EACD,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;AACF;AAEA,SAAgB,EAAe,GAAoB,IAAyB,WAAmB;CAC7F,OAAO,EAAS,EAAK,CAAC;AACxB;AAEA,SAAgB,EAAe,GAAoC;CACjE,OACE,MAAS,gBACT,MAAS,iBACT,MAAS,UACT,MAAS,cACT,MAAS,gBACT,MAAS,cACT,MAAS,eACT,MAAS,WACT,MAAS,6BACT,MAAS,cACT,MAAS,aACT,MAAS,SACT,MAAS,eACT,MAAS,UACT,MAAS,WACT,MAAS,0BACT,MAAS,UACT,MAAS,cACT,MAAS,sBACT,MAAS,WACT,MAAS,UACT,MAAS,oBACT,MAAS,aACT,MAAS,WACT,MAAS,UACT,MAAS,iBACT,MAAS,aACT,MAAS;AAEb"}
|
package/dist/catalog.d.ts
CHANGED
|
@@ -1,61 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
* Sken icon names. The literal type that the SkenIcon primitive
|
|
3
|
-
* accepts. Adding a new icon means adding a literal here AND a
|
|
4
|
-
* row in the `REGISTRY` below — TS will catch the missing row.
|
|
5
|
-
*/
|
|
6
|
-
export type SkenIconName = 'calendar' | 'user' | 'trash' | 'chevron-down' | 'search' | 'close' | 'eye' | 'eye-slash' | 'warning' | 'check' | 'history' | 'gear' | 'plus' | 'minus' | 'arrow-left' | 'arrow-right' | 'info' | 'bell' | 'spinner';
|
|
7
|
-
/**
|
|
8
|
-
* SkenIcon size tokens. The literal type that the SkenIcon
|
|
9
|
-
* primitive accepts. Maps 1:1 to the icon-size token scale.
|
|
10
|
-
*/
|
|
1
|
+
export type SkenIconName = 'arrow-left' | 'arrow-right' | 'bell' | 'calendar' | 'caret-down' | 'caret-up' | 'chart-bar' | 'check' | 'clock-counter-clockwise' | 'database' | 'devices' | 'eye' | 'eye-slash' | 'gear' | 'house' | 'identification-badge' | 'info' | 'lifebuoy' | 'magnifying-glass' | 'minus' | 'plus' | 'shield-chevron' | 'spinner' | 'trash' | 'user' | 'users-three' | 'warning' | 'x';
|
|
11
2
|
export type SkenIconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
12
|
-
/**
|
|
13
|
-
* SkenIcon color tokens. The literal type that the SkenIcon
|
|
14
|
-
* primitive accepts. Maps 1:1 to the icon-color token scale.
|
|
15
|
-
* `'current'` is a CSS keyword (currentColor) that inherits the
|
|
16
|
-
* consumer's text color — it is intentionally not a token, because
|
|
17
|
-
* it is a value the consumer controls, not a Sken value.
|
|
18
|
-
*/
|
|
19
3
|
export type SkenIconColor = 'current' | 'default' | 'muted' | 'primary' | 'danger' | 'success' | 'warning' | 'info';
|
|
20
|
-
/**
|
|
21
|
-
* SkenIcon weights. The Sken-facing set of three semantic weights
|
|
22
|
-
* exposed via the public API.
|
|
23
|
-
*
|
|
24
|
-
* - `regular` — outline weight, default. Most UI uses this.
|
|
25
|
-
* - `filled` — solid weight, used for active / selected / alert
|
|
26
|
-
* states (matches the Legrand Care brand guidance
|
|
27
|
-
* to keep weight vocabulary simple).
|
|
28
|
-
* - `emphasis` — bold weight, used for primary actions or visually
|
|
29
|
-
* loud UI. Mapped to Phosphor's `bold/` subpath.
|
|
30
|
-
*
|
|
31
|
-
* The name `weight` (not `variant`) is deliberate: `variant` is
|
|
32
|
-
* already used in Sken for component variants (e.g.
|
|
33
|
-
* `<SkenButton variant="primary">`); reusing it for icons would
|
|
34
|
-
* overload one word with two meanings and complicate the contract
|
|
35
|
-
* over time.
|
|
36
|
-
*/
|
|
37
4
|
export type SkenIconWeight = 'regular' | 'filled' | 'emphasis';
|
|
38
|
-
/**
|
|
39
|
-
* Get the vendor SVG for a Sken icon name and weight. Returns the
|
|
40
|
-
* `regular` weight by default. Runtime-based: the `name` arrives
|
|
41
|
-
* at runtime (an HTML attribute the consumer sets), so Rollup
|
|
42
|
-
* cannot statically resolve which case of the switch runs, and
|
|
43
|
-
* the full 48-SVG catalog ships in the primitive's bundle
|
|
44
|
-
* (~21 KB raw, ~5 KB gzip). See the file-level "Bundle-cost note"
|
|
45
|
-
* for the rationale and the future per-icon-module escape hatch.
|
|
46
|
-
*
|
|
47
|
-
* The body is a single Record lookup, not a 16-case switch.
|
|
48
|
-
* Replacing the vendor (Phosphor today, internal SVGs tomorrow,
|
|
49
|
-
* a third-party set the day after) is a change to the `REGISTRY`
|
|
50
|
-
* literal above and to the imports at the top of the file. The
|
|
51
|
-
* Web Component API does not change.
|
|
52
|
-
*/
|
|
53
5
|
export declare function getSkenIconSvg(name: SkenIconName, weight?: SkenIconWeight): string;
|
|
54
|
-
/**
|
|
55
|
-
* True if the given name is a known Sken icon. The SkenIcon
|
|
56
|
-
* primitive uses this to throw `SkenIconError: icon "x" not in
|
|
57
|
-
* catalog` for unknown names, rather than render a broken icon
|
|
58
|
-
* (which is what the vendor-based primitives used to do).
|
|
59
|
-
*/
|
|
60
6
|
export declare function isSkenIconName(name: string): name is SkenIconName;
|
|
61
7
|
//# sourceMappingURL=catalog.d.ts.map
|
package/dist/catalog.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../src/catalog.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../src/catalog.ts"],"names":[],"mappings":"AAqFA,MAAM,MAAM,YAAY,GACpB,YAAY,GACZ,aAAa,GACb,MAAM,GACN,UAAU,GACV,YAAY,GACZ,UAAU,GACV,WAAW,GACX,OAAO,GACP,yBAAyB,GACzB,UAAU,GACV,SAAS,GACT,KAAK,GACL,WAAW,GACX,MAAM,GACN,OAAO,GACP,sBAAsB,GACtB,MAAM,GACN,UAAU,GACV,kBAAkB,GAClB,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,SAAS,GACT,OAAO,GACP,MAAM,GACN,aAAa,GACb,SAAS,GACT,GAAG,CAAA;AAEP,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3D,MAAM,MAAM,aAAa,GACvB,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;AAEzF,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;AAuJ9D,wBAAgB,cAAc,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,GAAE,cAA0B,GAAG,MAAM,CAE7F;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,YAAY,CA+BjE"}
|
package/dist/catalog.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./catalog-
|
|
1
|
+
import { n as e, t } from "./catalog-y40FMic1.js";
|
|
2
2
|
export { t as getSkenIconSvg, e as isSkenIconName };
|
package/dist/sken-icon.d.ts
CHANGED
|
@@ -1,40 +1,11 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
import { SkenIconColor, SkenIconName, SkenIconSize, SkenIconWeight } from './catalog.js';
|
|
3
3
|
export declare class SkenIcon extends LitElement {
|
|
4
|
-
/** The semantic icon name. Must be a key of the ICONS catalog. */
|
|
5
4
|
name: SkenIconName;
|
|
6
|
-
/** The icon size. Maps 1:1 to the --sken-icon-size-* tokens. */
|
|
7
5
|
size: SkenIconSize;
|
|
8
|
-
/**
|
|
9
|
-
* The icon color. 'current' inherits the consumer's text color
|
|
10
|
-
* (the default — icons usually follow text colour). The other
|
|
11
|
-
* values map to the --sken-icon-color-* tokens.
|
|
12
|
-
*/
|
|
13
6
|
color: SkenIconColor;
|
|
14
|
-
/**
|
|
15
|
-
* The icon weight. Maps to a Phosphor subpath:
|
|
16
|
-
* `regular` → `regular/` (default — outline, most UI)
|
|
17
|
-
* `filled` → `fill/` (solid, active / selected / alert)
|
|
18
|
-
* `emphasis` → `bold/` (visually loud, primary actions)
|
|
19
|
-
*
|
|
20
|
-
* The vocabulary is Sken's, not Phosphor's. The name `weight`
|
|
21
|
-
* is deliberate: `variant` is reserved in Sken for component
|
|
22
|
-
* variants (e.g. `<SkenButton variant="primary">`) and reusing
|
|
23
|
-
* it for icons would overload one word with two meanings.
|
|
24
|
-
* See the Icon weights section of ADR-0011 for the rationale.
|
|
25
|
-
*/
|
|
26
7
|
weight: SkenIconWeight;
|
|
27
|
-
/**
|
|
28
|
-
* When true (the default), the icon is decorative and gets
|
|
29
|
-
* aria-hidden="true". Set to false and provide `ariaLabel` to
|
|
30
|
-
* make the icon meaningful to assistive tech.
|
|
31
|
-
*/
|
|
32
8
|
decorative: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Accessible label for the icon. Only used when `decorative`
|
|
35
|
-
* is false. When set, the primitive emits role="img" and a
|
|
36
|
-
* <title> child for screen readers.
|
|
37
|
-
*/
|
|
38
9
|
ariaLabel: string | null;
|
|
39
10
|
static styles: import('lit').CSSResult;
|
|
40
11
|
protected render(): import('lit').TemplateResult<1>;
|
package/dist/sken-icon.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sken-icon.d.ts","sourceRoot":"","sources":["../src/sken-icon.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"sken-icon.d.ts","sourceRoot":"","sources":["../src/sken-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAE3C,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,cAAc,EACpB,MAAM,cAAc,CAAA;AAErB,qBACa,QAAS,SAAQ,UAAU;IAEtC,IAAI,EAAE,YAAY,CAAU;IAG5B,IAAI,EAAE,YAAY,CAAO;IAGzB,KAAK,EAAE,aAAa,CAAY;IAGhC,MAAM,EAAE,cAAc,CAAY;IAGlC,UAAU,UAAO;IAGjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAO;IAE/B,MAAM,CAAC,MAAM,0BAyFZ;cAEkB,MAAM;CAiB1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAA;KACtB;CACF"}
|
package/dist/sken-icon.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { n as e, t } from "./catalog-
|
|
1
|
+
import { n as e, t } from "./catalog-y40FMic1.js";
|
|
2
2
|
import { LitElement as n, css as r, html as i } from "lit";
|
|
3
3
|
import { customElement as a, property as o } from "lit/decorators.js";
|
|
4
|
-
//#region \0@oxc-project+runtime@0.
|
|
4
|
+
//#region \0@oxc-project+runtime@0.147.0/helpers/esm/decorate.js
|
|
5
5
|
function s(e, t, n, r) {
|
|
6
6
|
var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
7
7
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
|
package/dist/sken-icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sken-icon.js","names":[],"sources":["../src/sken-icon.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"sken-icon.js","names":[],"sources":["../src/sken-icon.ts"],"sourcesContent":["import { LitElement, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport {\n getSkenIconSvg,\n isSkenIconName,\n type SkenIconColor,\n type SkenIconName,\n type SkenIconSize,\n type SkenIconWeight,\n} from './catalog.js'\n\n@customElement('sken-icon')\nexport class SkenIcon extends LitElement {\n @property({ reflect: true })\n name: SkenIconName = 'check'\n\n @property({ reflect: true })\n size: SkenIconSize = 'md'\n\n @property({ reflect: true })\n color: SkenIconColor = 'current'\n\n @property({ reflect: true })\n weight: SkenIconWeight = 'regular'\n\n @property({ reflect: true, type: Boolean })\n decorative = true\n\n @property({ attribute: 'aria-label' })\n ariaLabel: string | null = null\n\n static styles = css`\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n line-height: 1;\n /* Size: defaults to md. The size attribute on the host\n overrides via the inline style set in render(). */\n font-size: var(--sken-icon-size-md);\n width: 1em;\n height: 1em;\n }\n\n :host([size='xs']) {\n font-size: var(--sken-icon-size-xs);\n }\n :host([size='sm']) {\n font-size: var(--sken-icon-size-sm);\n }\n :host([size='md']) {\n font-size: var(--sken-icon-size-md);\n }\n :host([size='lg']) {\n font-size: var(--sken-icon-size-lg);\n }\n :host([size='xl']) {\n font-size: var(--sken-icon-size-xl);\n }\n\n :host([color='current']) {\n color: inherit;\n }\n :host([color='default']) {\n color: var(--sken-icon-color-default);\n }\n :host([color='muted']) {\n color: var(--sken-icon-color-muted);\n }\n :host([color='primary']) {\n color: var(--sken-icon-color-primary);\n }\n :host([color='danger']) {\n color: var(--sken-icon-color-danger);\n }\n :host([color='success']) {\n color: var(--sken-icon-color-success);\n }\n :host([color='warning']) {\n color: var(--sken-icon-color-warning);\n }\n :host([color='info']) {\n color: var(--sken-icon-color-info);\n }\n\n .sken-icon-svg {\n width: 1em;\n height: 1em;\n display: block;\n fill: currentColor;\n }\n\n /* The spinner is the only icon in the curated catalog with\n an intrinsic motion. The animation lives in the icon's\n own stylesheet (not the consumer's, not the datatable's)\n because the rotation is part of what the name \"spinner\"\n *means* — a static spinner would be a different icon. The\n consumer does not opt in: any <sken-icon name=\"spinner\">\n spins. We honour prefers-reduced-motion at the host level\n (a global opt-out for users who do not want animation). */\n @keyframes sken-icon-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n\n :host([name='spinner']) .sken-icon-svg {\n animation: sken-icon-spin 1s linear infinite;\n transform-origin: 50% 50%;\n }\n\n @media (prefers-reduced-motion: reduce) {\n :host([name='spinner']) .sken-icon-svg {\n animation: none;\n }\n }\n `\n\n protected override render() {\n if (!isSkenIconName(this.name)) {\n console.warn(`[sken-icon] icon \"${this.name}\" not in catalog`)\n return html`<span class=\"sken-icon-svg\" aria-hidden=\"true\"></span>`\n }\n const raw = getSkenIconSvg(this.name, this.weight)\n if (this.decorative || !this.ariaLabel) {\n return html` <div class=\"sken-icon-svg\" aria-hidden=\"true\" .innerHTML=${raw}></div> `\n }\n return html`\n <div\n class=\"sken-icon-svg\"\n role=\"img\"\n .innerHTML=${`${raw}<title>${this.ariaLabel}</title>`}\n ></div>\n `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'sken-icon': SkenIcon\n }\n}\n"],"mappings":";;;;;;;;;;;;AAYO,IAAM,IAAN,cAAuB,EAAW;;EAiBZ,aAfN,KAAA,OAAA,SAGA,KAAA,OAAA,MAGE,KAAA,QAAA,WAGE,KAAA,SAAA,WAGZ,KAAA,aAAA,IAGc,KAAA,YAAA;;;EAEX,KAAA,SAAA,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FnB,SAA4B;EAC1B,IAAI,CAAC,EAAe,KAAK,IAAI,GAE3B,OADA,QAAQ,KAAK,qBAAqB,KAAK,KAAK,iBAAiB,GACtD,CAAI;EAEb,IAAM,IAAM,EAAe,KAAK,MAAM,KAAK,MAAM;EAIjD,OAHI,KAAK,cAAc,CAAC,KAAK,YACpB,CAAI,6DAA6D,EAAI,YAEvE,CAAI;;;;qBAIM,GAAG,EAAI,SAAS,KAAK,UAAU,UAAU;;;CAG5D;AACF;AA9HG,EAAA,CAAA,EAAS,EAAE,SAAS,GAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAG1B,EAAA,CAAA,EAAS,EAAE,SAAS,GAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAG1B,EAAA,CAAA,EAAS,EAAE,SAAS,GAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAG1B,EAAA,CAAA,EAAS,EAAE,SAAS,GAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAG1B,EAAA,CAAA,EAAS;CAAE,SAAS;CAAM,MAAM;AAAQ,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS,EAAE,WAAW,aAAa,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAjBtC,IAAA,EAAA,CAAA,EAAc,WAAW,CAAA,GAAA,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sken-ds/icons",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"registry": "https://registry.npmjs.org",
|
|
6
6
|
"access": "public"
|
|
@@ -11,35 +11,21 @@
|
|
|
11
11
|
"types": "./dist/sken-icon.d.ts",
|
|
12
12
|
"exports": {
|
|
13
13
|
".": {
|
|
14
|
-
"types": "./dist/
|
|
14
|
+
"types": "./dist/sken-icon.d.ts",
|
|
15
15
|
"import": "./dist/sken-icon.js"
|
|
16
16
|
},
|
|
17
17
|
"./sken-icon": {
|
|
18
|
-
"types": "./dist/
|
|
18
|
+
"types": "./dist/sken-icon.d.ts",
|
|
19
19
|
"import": "./dist/sken-icon.js"
|
|
20
20
|
},
|
|
21
21
|
"./catalog": {
|
|
22
|
-
"types": "./dist/
|
|
22
|
+
"types": "./dist/catalog.d.ts",
|
|
23
23
|
"import": "./dist/catalog.js"
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"files": [
|
|
27
27
|
"dist"
|
|
28
28
|
],
|
|
29
|
-
"dependencies": {
|
|
30
|
-
"@phosphor-icons/core": "^2.1.1",
|
|
31
|
-
"lit": "^3.3.3",
|
|
32
|
-
"@sken-ds/contracts": "0.5.0"
|
|
33
|
-
},
|
|
34
|
-
"devDependencies": {
|
|
35
|
-
"@microsoft/api-extractor": "^7.58.12",
|
|
36
|
-
"@vitest/coverage-v8": "^4.1.10",
|
|
37
|
-
"happy-dom": "^20.11.1",
|
|
38
|
-
"typescript": "^6.0.3",
|
|
39
|
-
"vite": "^8.2.0",
|
|
40
|
-
"vite-plugin-dts": "^5.0.3",
|
|
41
|
-
"vitest": "^4.1.10"
|
|
42
|
-
},
|
|
43
29
|
"scripts": {
|
|
44
30
|
"build": "vite build",
|
|
45
31
|
"dev": "vite build --watch",
|
|
@@ -49,5 +35,19 @@
|
|
|
49
35
|
"test:watch": "vitest",
|
|
50
36
|
"test:coverage": "vitest run --coverage",
|
|
51
37
|
"clean": "rm -rf dist .turbo *.tsbuildinfo coverage"
|
|
38
|
+
},
|
|
39
|
+
"dependencies": {
|
|
40
|
+
"@sken-ds/contracts": "*",
|
|
41
|
+
"@phosphor-icons/core": "^2.1.1",
|
|
42
|
+
"lit": "^3.3.3"
|
|
43
|
+
},
|
|
44
|
+
"devDependencies": {
|
|
45
|
+
"@microsoft/api-extractor": "^7.58.12",
|
|
46
|
+
"@vitest/coverage-v8": "^4.1.11",
|
|
47
|
+
"happy-dom": "^20.11.1",
|
|
48
|
+
"typescript": "^6.0.3",
|
|
49
|
+
"vite": "^8.2.2",
|
|
50
|
+
"vite-plugin-dts": "^5.0.3",
|
|
51
|
+
"vitest": "^4.1.10"
|
|
52
52
|
}
|
|
53
|
-
}
|
|
53
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"catalog-C0MX2DSN.js","names":[],"sources":["../src/catalog.ts"],"sourcesContent":["/**\n * Sken icon catalog (ADR-0011).\n *\n * The icon family is Sken-owned. The set of semantic names is curated\n * here, the mapping from each name to a vendor SVG is curated here,\n * and the consumer never sees the vendor. To swap the vendor (or to\n * use a custom SVG), this file is the only place that changes.\n *\n * Vendor-agnostic by construction. The catalog is a `Record` of\n * semantic names to `IconAsset` records. The asset records point\n * to SVG strings imported as `?raw` from any path: a vendor\n * package (`@phosphor-icons/core/...`), a Figma export, an\n * internally drawn icon, a third-party set, or a mix of all of\n * the above. The Web Component API (`<SkenIcon name=\"...\" weight=\"...\" />`)\n * is the same regardless of where the SVG came from. Replacing the\n * vendor is an import-path swap in the `REGISTRY` literal below;\n * no consumer code moves.\n *\n * Bundle-cost note (revised 2026-07-28). The icon registry is\n * intentionally **runtime-based**, not tree-shakeable. The consumer\n * API is `<SkenIcon name=\"...\" weight=\"...\" />` where the `name`\n * arrives at runtime (it is an HTML attribute the user can type).\n * Rollup cannot statically resolve which case of the switch will\n * run, so the bundler keeps all 48 SVG strings (~21 KB raw,\n * ~5 KB gzip) in the primitive's bundle. Earlier versions of this\n * comment claimed that the per-case import structure was\n * tree-shakeable; that was wrong, and the inaccuracy was\n * introduced when the per-weight imports were added in this round.\n *\n * Why runtime and not build-time. The two real options for an icon\n * library are:\n *\n * - **Per-icon module** (Radix Icons, Lucide, Heroicons):\n * `<SkenCheckIcon />` imported from `@sken-ds/icons/check`. This\n * IS tree-shakeable but it forces the consumer to learn one\n * import per icon, and it makes a runtime-driven API\n * (`<sken-icon name=\"check\">`) impossible without lazy loading.\n * Sken is a design system; its API stability is worth more\n * than the per-icon bundle saving. The curated catalog is\n * small (16 names × 3 weights = 48 SVGs) and the runtime\n * cost (~5 KB gzip) is in the same league as `floating-ui`\n * or a `date-fns` locale.\n *\n * - **Runtime registry** (this file): one primitive, one\n * `getSkenIconSvg(name, weight)` lookup, 48 static imports.\n * Vendor-agnostic, name-agnostic, theme-agnostic. The\n * consumer writes the same `<SkenIcon name=\"...\" />` they\n * would have written anyway. The implementation can change\n * to per-icon modules in a future iteration without touching\n * the consumer surface.\n *\n * The decision is documented in the Status note of ADR-0011\n * (\"Runtime registry: why the icon catalog is not tree-shakeable\",\n * added 2026-07-28).\n *\n * Naming convention: the semantic name is a Sken decision, not a\n * Phosphor decision. We use `calendar` (not `ph-calendar`), `user`\n * (not `ph-user`), and so on. The vendor class is internal.\n *\n * Weight convention: Sken exposes three weights — `regular`,\n * `filled`, `emphasis` — to match the 95% of UI usage outlined\n * in the Icon weights section of ADR-0011. Phosphor offers six\n * (`thin`, `light`, `regular`, `bold`, `fill`, `duotone`); the\n * other three are not exposed because the Legrand Care brand does\n * not need them and exposing them would force the consumer to know\n * Phosphor's vocabulary. The mapping is:\n *\n * Sken weight → Phosphor subpath\n * `regular` → `regular/`\n * `filled` → `fill/`\n * `emphasis` → `bold/`\n *\n * Adding a new icon:\n * 1. Pick a semantic name (e.g. `user` for a generic avatar\n * icon, not `ph-user`). If the icon represents a new\n * concept, add the literal to `SkenIconName` below.\n * 2. Add three imports (one per weight) pointing to the\n * chosen SVG. The path is whatever the team decides: a\n * vendor subpath, an internal asset folder, a Figma\n * export, etc. Vite's `?raw` query makes any of these\n * work the same.\n * 3. Add a row to the `REGISTRY` literal mapping the name\n * to `{ regular, filled, emphasis }`. TypeScript will\n * catch a missing weight or a typo in the property name.\n */\n// regular/ — default weight, used for most UI\nimport ArrowLeftRegularSvg from '@phosphor-icons/core/regular/arrow-left.svg?raw'\nimport ArrowRightRegularSvg from '@phosphor-icons/core/regular/arrow-right.svg?raw'\nimport BellRegularSvg from '@phosphor-icons/core/regular/bell.svg?raw'\nimport CalendarRegularSvg from '@phosphor-icons/core/regular/calendar.svg?raw'\nimport CaretDownRegularSvg from '@phosphor-icons/core/regular/caret-down.svg?raw'\nimport CheckRegularSvg from '@phosphor-icons/core/regular/check.svg?raw'\nimport ClockCounterClockwiseRegularSvg from '@phosphor-icons/core/regular/clock-counter-clockwise.svg?raw'\nimport EyeSlashRegularSvg from '@phosphor-icons/core/regular/eye-slash.svg?raw'\nimport EyeRegularSvg from '@phosphor-icons/core/regular/eye.svg?raw'\nimport GearRegularSvg from '@phosphor-icons/core/regular/gear.svg?raw'\nimport InfoRegularSvg from '@phosphor-icons/core/regular/info.svg?raw'\nimport MagnifyingGlassRegularSvg from '@phosphor-icons/core/regular/magnifying-glass.svg?raw'\nimport MinusRegularSvg from '@phosphor-icons/core/regular/minus.svg?raw'\nimport PlusRegularSvg from '@phosphor-icons/core/regular/plus.svg?raw'\nimport SpinnerRegularSvg from '@phosphor-icons/core/regular/spinner.svg?raw'\nimport TrashRegularSvg from '@phosphor-icons/core/regular/trash.svg?raw'\nimport UserRegularSvg from '@phosphor-icons/core/regular/user.svg?raw'\nimport WarningRegularSvg from '@phosphor-icons/core/regular/warning.svg?raw'\nimport XRegularSvg from '@phosphor-icons/core/regular/x.svg?raw'\n// fill/ — filled weight, used for active/selected/alert states\nimport ArrowLeftFillSvg from '@phosphor-icons/core/fill/arrow-left-fill.svg?raw'\nimport ArrowRightFillSvg from '@phosphor-icons/core/fill/arrow-right-fill.svg?raw'\nimport BellFillSvg from '@phosphor-icons/core/fill/bell-fill.svg?raw'\nimport CalendarFillSvg from '@phosphor-icons/core/fill/calendar-fill.svg?raw'\nimport CaretDownFillSvg from '@phosphor-icons/core/fill/caret-down-fill.svg?raw'\nimport CheckFillSvg from '@phosphor-icons/core/fill/check-fill.svg?raw'\nimport ClockCounterClockwiseFillSvg from '@phosphor-icons/core/fill/clock-counter-clockwise-fill.svg?raw'\nimport EyeFillSvg from '@phosphor-icons/core/fill/eye-fill.svg?raw'\nimport EyeSlashFillSvg from '@phosphor-icons/core/fill/eye-slash-fill.svg?raw'\nimport GearFillSvg from '@phosphor-icons/core/fill/gear-fill.svg?raw'\nimport InfoFillSvg from '@phosphor-icons/core/fill/info-fill.svg?raw'\nimport MagnifyingGlassFillSvg from '@phosphor-icons/core/fill/magnifying-glass-fill.svg?raw'\nimport MinusFillSvg from '@phosphor-icons/core/fill/minus-fill.svg?raw'\nimport PlusFillSvg from '@phosphor-icons/core/fill/plus-fill.svg?raw'\nimport SpinnerFillSvg from '@phosphor-icons/core/fill/spinner-fill.svg?raw'\nimport TrashFillSvg from '@phosphor-icons/core/fill/trash-fill.svg?raw'\nimport UserFillSvg from '@phosphor-icons/core/fill/user-fill.svg?raw'\nimport WarningFillSvg from '@phosphor-icons/core/fill/warning-fill.svg?raw'\nimport XFillSvg from '@phosphor-icons/core/fill/x-fill.svg?raw'\n// bold/ — emphasis weight, used for primary actions or visually loud UI\nimport ArrowLeftBoldSvg from '@phosphor-icons/core/bold/arrow-left-bold.svg?raw'\nimport ArrowRightBoldSvg from '@phosphor-icons/core/bold/arrow-right-bold.svg?raw'\nimport BellBoldSvg from '@phosphor-icons/core/bold/bell-bold.svg?raw'\nimport CalendarBoldSvg from '@phosphor-icons/core/bold/calendar-bold.svg?raw'\nimport CaretDownBoldSvg from '@phosphor-icons/core/bold/caret-down-bold.svg?raw'\nimport CheckBoldSvg from '@phosphor-icons/core/bold/check-bold.svg?raw'\nimport ClockCounterClockwiseBoldSvg from '@phosphor-icons/core/bold/clock-counter-clockwise-bold.svg?raw'\nimport EyeBoldSvg from '@phosphor-icons/core/bold/eye-bold.svg?raw'\nimport EyeSlashBoldSvg from '@phosphor-icons/core/bold/eye-slash-bold.svg?raw'\nimport GearBoldSvg from '@phosphor-icons/core/bold/gear-bold.svg?raw'\nimport InfoBoldSvg from '@phosphor-icons/core/bold/info-bold.svg?raw'\nimport MagnifyingGlassBoldSvg from '@phosphor-icons/core/bold/magnifying-glass-bold.svg?raw'\nimport MinusBoldSvg from '@phosphor-icons/core/bold/minus-bold.svg?raw'\nimport PlusBoldSvg from '@phosphor-icons/core/bold/plus-bold.svg?raw'\nimport SpinnerBoldSvg from '@phosphor-icons/core/bold/spinner-bold.svg?raw'\nimport TrashBoldSvg from '@phosphor-icons/core/bold/trash-bold.svg?raw'\nimport UserBoldSvg from '@phosphor-icons/core/bold/user-bold.svg?raw'\nimport WarningBoldSvg from '@phosphor-icons/core/bold/warning-bold.svg?raw'\nimport XBoldSvg from '@phosphor-icons/core/bold/x-bold.svg?raw'\n\n/**\n * Sken icon names. The literal type that the SkenIcon primitive\n * accepts. Adding a new icon means adding a literal here AND a\n * row in the `REGISTRY` below — TS will catch the missing row.\n */\nexport type SkenIconName =\n | 'calendar'\n | 'user'\n | 'trash'\n | 'chevron-down'\n | 'search'\n | 'close'\n | 'eye'\n | 'eye-slash'\n | 'warning'\n | 'check'\n | 'history'\n | 'gear'\n | 'plus'\n | 'minus'\n | 'arrow-left'\n | 'arrow-right'\n | 'info'\n | 'bell'\n | 'spinner'\n\n/**\n * SkenIcon size tokens. The literal type that the SkenIcon\n * primitive accepts. Maps 1:1 to the icon-size token scale.\n */\nexport type SkenIconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\n/**\n * SkenIcon color tokens. The literal type that the SkenIcon\n * primitive accepts. Maps 1:1 to the icon-color token scale.\n * `'current'` is a CSS keyword (currentColor) that inherits the\n * consumer's text color — it is intentionally not a token, because\n * it is a value the consumer controls, not a Sken value.\n */\nexport type SkenIconColor =\n 'current' | 'default' | 'muted' | 'primary' | 'danger' | 'success' | 'warning' | 'info'\n\n/**\n * SkenIcon weights. The Sken-facing set of three semantic weights\n * exposed via the public API.\n *\n * - `regular` — outline weight, default. Most UI uses this.\n * - `filled` — solid weight, used for active / selected / alert\n * states (matches the Legrand Care brand guidance\n * to keep weight vocabulary simple).\n * - `emphasis` — bold weight, used for primary actions or visually\n * loud UI. Mapped to Phosphor's `bold/` subpath.\n *\n * The name `weight` (not `variant`) is deliberate: `variant` is\n * already used in Sken for component variants (e.g.\n * `<SkenButton variant=\"primary\">`); reusing it for icons would\n * overload one word with two meanings and complicate the contract\n * over time.\n */\nexport type SkenIconWeight = 'regular' | 'filled' | 'emphasis'\n\n/**\n * One icon's worth of SVG strings, one per weight. The three\n * SVG paths can come from any source (vendor, internal asset,\n * Figma export, third-party set). `IconAsset` is the internal\n * shape; the consumer never imports this type — they go through\n * `SkenIconName` and `getSkenIconSvg(name, weight)`.\n */\ninterface IconAsset {\n regular: string\n filled: string\n emphasis: string\n}\n\n/**\n * The catalog. A Record from each semantic name to its three\n * SVGs. This is the only place a vendor swap touches: change the\n * import paths at the top of the file and the asset values here,\n * nothing else moves. The Web Component API stays the same.\n */\nconst REGISTRY: Record<SkenIconName, IconAsset> = {\n 'arrow-left': {\n regular: ArrowLeftRegularSvg,\n filled: ArrowLeftFillSvg,\n emphasis: ArrowLeftBoldSvg,\n },\n 'arrow-right': {\n regular: ArrowRightRegularSvg,\n filled: ArrowRightFillSvg,\n emphasis: ArrowRightBoldSvg,\n },\n bell: {\n regular: BellRegularSvg,\n filled: BellFillSvg,\n emphasis: BellBoldSvg,\n },\n calendar: {\n regular: CalendarRegularSvg,\n filled: CalendarFillSvg,\n emphasis: CalendarBoldSvg,\n },\n 'chevron-down': {\n regular: CaretDownRegularSvg,\n filled: CaretDownFillSvg,\n emphasis: CaretDownBoldSvg,\n },\n check: {\n regular: CheckRegularSvg,\n filled: CheckFillSvg,\n emphasis: CheckBoldSvg,\n },\n close: {\n regular: XRegularSvg,\n filled: XFillSvg,\n emphasis: XBoldSvg,\n },\n eye: {\n regular: EyeRegularSvg,\n filled: EyeFillSvg,\n emphasis: EyeBoldSvg,\n },\n 'eye-slash': {\n regular: EyeSlashRegularSvg,\n filled: EyeSlashFillSvg,\n emphasis: EyeSlashBoldSvg,\n },\n gear: {\n regular: GearRegularSvg,\n filled: GearFillSvg,\n emphasis: GearBoldSvg,\n },\n history: {\n regular: ClockCounterClockwiseRegularSvg,\n filled: ClockCounterClockwiseFillSvg,\n emphasis: ClockCounterClockwiseBoldSvg,\n },\n info: {\n regular: InfoRegularSvg,\n filled: InfoFillSvg,\n emphasis: InfoBoldSvg,\n },\n minus: {\n regular: MinusRegularSvg,\n filled: MinusFillSvg,\n emphasis: MinusBoldSvg,\n },\n plus: {\n regular: PlusRegularSvg,\n filled: PlusFillSvg,\n emphasis: PlusBoldSvg,\n },\n search: {\n regular: MagnifyingGlassRegularSvg,\n filled: MagnifyingGlassFillSvg,\n emphasis: MagnifyingGlassBoldSvg,\n },\n spinner: {\n regular: SpinnerRegularSvg,\n filled: SpinnerFillSvg,\n emphasis: SpinnerBoldSvg,\n },\n trash: {\n regular: TrashRegularSvg,\n filled: TrashFillSvg,\n emphasis: TrashBoldSvg,\n },\n user: {\n regular: UserRegularSvg,\n filled: UserFillSvg,\n emphasis: UserBoldSvg,\n },\n warning: {\n regular: WarningRegularSvg,\n filled: WarningFillSvg,\n emphasis: WarningBoldSvg,\n },\n}\n\n/**\n * Get the vendor SVG for a Sken icon name and weight. Returns the\n * `regular` weight by default. Runtime-based: the `name` arrives\n * at runtime (an HTML attribute the consumer sets), so Rollup\n * cannot statically resolve which case of the switch runs, and\n * the full 48-SVG catalog ships in the primitive's bundle\n * (~21 KB raw, ~5 KB gzip). See the file-level \"Bundle-cost note\"\n * for the rationale and the future per-icon-module escape hatch.\n *\n * The body is a single Record lookup, not a 16-case switch.\n * Replacing the vendor (Phosphor today, internal SVGs tomorrow,\n * a third-party set the day after) is a change to the `REGISTRY`\n * literal above and to the imports at the top of the file. The\n * Web Component API does not change.\n */\nexport function getSkenIconSvg(name: SkenIconName, weight: SkenIconWeight = 'regular'): string {\n return REGISTRY[name][weight]\n}\n\n/**\n * True if the given name is a known Sken icon. The SkenIcon\n * primitive uses this to throw `SkenIconError: icon \"x\" not in\n * catalog` for unknown names, rather than render a broken icon\n * (which is what the vendor-based primitives used to do).\n */\nexport function isSkenIconName(name: string): name is SkenIconName {\n return (\n name === 'calendar' ||\n name === 'user' ||\n name === 'trash' ||\n name === 'chevron-down' ||\n name === 'search' ||\n name === 'close' ||\n name === 'eye' ||\n name === 'eye-slash' ||\n name === 'warning' ||\n name === 'check' ||\n name === 'history' ||\n name === 'gear' ||\n name === 'plus' ||\n name === 'minus' ||\n name === 'arrow-left' ||\n name === 'arrow-right' ||\n name === 'info' ||\n name === 'bell' ||\n name === 'spinner'\n )\n}\n"],"mappings":";;AAkOA,IAAM,IAA4C;CAChD,cAAc;EACZ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,eAAe;EACb,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,UAAU;EACR,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,gBAAgB;EACd,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,OAAO;EACL,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,OAAO;EACL,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,KAAK;EACH,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,aAAa;EACX,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,SAAS;EACP,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,OAAO;EACL,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,SAAS;EACP,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,OAAO;EACL,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;CACA,SAAS;EACP,SAAS;EACT,QAAQ;EACR,UAAU;CACZ;AACF;AAiBA,SAAgB,EAAe,GAAoB,IAAyB,WAAmB;CAC7F,OAAO,EAAS,EAAK,CAAC;AACxB;AAQA,SAAgB,EAAe,GAAoC;CACjE,OACE,MAAS,cACT,MAAS,UACT,MAAS,WACT,MAAS,kBACT,MAAS,YACT,MAAS,WACT,MAAS,SACT,MAAS,eACT,MAAS,aACT,MAAS,WACT,MAAS,aACT,MAAS,UACT,MAAS,UACT,MAAS,WACT,MAAS,gBACT,MAAS,iBACT,MAAS,UACT,MAAS,UACT,MAAS;AAEb"}
|