@cloudgrid-io/ui 0.18.1 → 0.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blocks/compare-table.d.ts.map +1 -1
- package/dist/blocks/compare-table.js +10 -8
- package/dist/blocks/compare-table.js.map +1 -1
- package/dist/blocks/drop-zone.js +2 -2
- package/dist/blocks/drop-zone.js.map +1 -1
- package/dist/blocks/entity-card.d.ts +190 -13
- package/dist/blocks/entity-card.d.ts.map +1 -1
- package/dist/blocks/entity-card.js +223 -52
- package/dist/blocks/entity-card.js.map +1 -1
- package/dist/blocks/eyebrow.d.ts +43 -0
- package/dist/blocks/eyebrow.d.ts.map +1 -0
- package/dist/blocks/eyebrow.js +53 -0
- package/dist/blocks/eyebrow.js.map +1 -0
- package/dist/blocks/feature-cells.d.ts +12 -7
- package/dist/blocks/feature-cells.d.ts.map +1 -1
- package/dist/blocks/feature-cells.js +11 -11
- package/dist/blocks/feature-cells.js.map +1 -1
- package/dist/blocks/icons.d.ts +68 -10
- package/dist/blocks/icons.d.ts.map +1 -1
- package/dist/blocks/icons.js +68 -10
- package/dist/blocks/icons.js.map +1 -1
- package/dist/blocks/onboarding-question.js +2 -2
- package/dist/blocks/onboarding-question.js.map +1 -1
- package/dist/blocks/page-heading.d.ts +5 -0
- package/dist/blocks/page-heading.d.ts.map +1 -1
- package/dist/blocks/page-heading.js +7 -1
- package/dist/blocks/page-heading.js.map +1 -1
- package/dist/blocks/phosphor-marks.d.ts +99 -22
- package/dist/blocks/phosphor-marks.d.ts.map +1 -1
- package/dist/blocks/phosphor-marks.js +155 -25
- package/dist/blocks/phosphor-marks.js.map +1 -1
- package/dist/blocks/pricing-tier-cards.d.ts +6 -3
- package/dist/blocks/pricing-tier-cards.d.ts.map +1 -1
- package/dist/blocks/pricing-tier-cards.js +2 -2
- package/dist/blocks/pricing-tier-cards.js.map +1 -1
- package/dist/blocks/token-specimen.d.ts +59 -0
- package/dist/blocks/token-specimen.d.ts.map +1 -0
- package/dist/blocks/token-specimen.js +61 -0
- package/dist/blocks/token-specimen.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/ui/accordion.d.ts.map +1 -1
- package/dist/ui/accordion.js +2 -2
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/badge.d.ts +1 -1
- package/dist/ui/button.d.ts +1 -1
- package/dist/ui/checkbox.d.ts.map +1 -1
- package/dist/ui/checkbox.js +2 -2
- package/dist/ui/checkbox.js.map +1 -1
- package/dist/ui/code-block.js +1 -1
- package/dist/ui/code-block.js.map +1 -1
- package/dist/ui/combobox.js +3 -3
- package/dist/ui/combobox.js.map +1 -1
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +2 -2
- package/dist/ui/dialog.js.map +1 -1
- package/dist/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/ui/dropdown-menu.js +1 -1
- package/dist/ui/dropdown-menu.js.map +1 -1
- package/dist/ui/number-field.js +1 -1
- package/dist/ui/number-field.js.map +1 -1
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +1 -1
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/sonner.js +5 -5
- package/dist/ui/sonner.js.map +1 -1
- package/package.json +1 -2
|
@@ -41,57 +41,122 @@ function mark(...paths) {
|
|
|
41
41
|
return (_jsx("svg", { viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": "true", className: className, children: paths.map((d, i) => (_jsx("path", { d: d }, i))) }));
|
|
42
42
|
};
|
|
43
43
|
}
|
|
44
|
-
/** A friend. Phosphor `user
|
|
44
|
+
/** A friend. Phosphor `user`, regular. */
|
|
45
45
|
export const UserMark = mark("M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z");
|
|
46
|
-
/** X. Phosphor `x-logo
|
|
46
|
+
/** X. Phosphor `x-logo`, regular. */
|
|
47
47
|
export const XLogoMark = mark("M214.75,211.71l-62.6-98.38,61.77-67.95a8,8,0,0,0-11.84-10.76L143.24,99.34,102.75,35.71A8,8,0,0,0,96,32H48a8,8,0,0,0-6.75,12.3l62.6,98.37-61.77,68a8,8,0,1,0,11.84,10.76l58.84-64.72,40.49,63.63A8,8,0,0,0,160,224h48a8,8,0,0,0,6.75-12.29ZM164.39,208,62.57,48h29L193.43,208Z");
|
|
48
|
-
/** LinkedIn. Phosphor `linkedin-logo
|
|
48
|
+
/** LinkedIn. Phosphor `linkedin-logo`, regular. */
|
|
49
49
|
export const LinkedinLogoMark = mark("M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24Zm0,192H40V40H216V216ZM96,112v64a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0Zm88,28v36a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140ZM100,84A12,12,0,1,1,88,72,12,12,0,0,1,100,84Z");
|
|
50
|
-
/** YouTube. Phosphor `youtube-logo
|
|
50
|
+
/** YouTube. Phosphor `youtube-logo`, regular. */
|
|
51
51
|
export const YoutubeLogoMark = mark("M164.44,121.34l-48-32A8,8,0,0,0,104,96v64a8,8,0,0,0,12.44,6.66l48-32a8,8,0,0,0,0-13.32ZM120,145.05V111l25.58,17ZM234.33,69.52a24,24,0,0,0-14.49-16.4C185.56,39.88,131,40,128,40s-57.56-.12-91.84,13.12a24,24,0,0,0-14.49,16.4C19.08,79.5,16,97.74,16,128s3.08,48.5,5.67,58.48a24,24,0,0,0,14.49,16.41C69,215.56,120.4,216,127.34,216h1.32c6.94,0,58.37-.44,91.18-13.11a24,24,0,0,0,14.49-16.41c2.59-10,5.67-28.22,5.67-58.48S236.92,79.5,234.33,69.52Zm-15.49,113a8,8,0,0,1-4.77,5.49c-31.65,12.22-85.48,12-86,12H128c-.54,0-54.33.2-86-12a8,8,0,0,1-4.77-5.49C34.8,173.39,32,156.57,32,128s2.8-45.39,5.16-54.47A8,8,0,0,1,41.93,68c30.52-11.79,81.66-12,85.85-12h.27c.54,0,54.38-.18,86,12a8,8,0,0,1,4.77,5.49C221.2,82.61,224,99.43,224,128S221.2,173.39,218.84,182.47Z");
|
|
52
|
-
/** A podcast. Phosphor `apple-podcasts-logo
|
|
52
|
+
/** A podcast. Phosphor `apple-podcasts-logo`, regular. */
|
|
53
53
|
export const ApplePodcastsLogoMark = mark("M154.2,138.33a32,32,0,1,0-52.4,0,24.27,24.27,0,0,0-8.76,7,23.68,23.68,0,0,0-4.3,20.49l12.18,48A24.18,24.18,0,0,0,124.44,232h7.12a24.18,24.18,0,0,0,23.52-18.15l12.18-48a23.68,23.68,0,0,0-4.3-20.49A24.27,24.27,0,0,0,154.2,138.33ZM128,104a16,16,0,1,1-16,16A16,16,0,0,1,128,104Zm23.75,57.91-12.18,48a8.18,8.18,0,0,1-8,6.09h-7.12a8.18,8.18,0,0,1-8-6.09l-12.18-48a7.71,7.71,0,0,1,1.42-6.73,8.26,8.26,0,0,1,6.58-3.18h31.5a8.26,8.26,0,0,1,6.58,3.18A7.71,7.71,0,0,1,151.75,161.91ZM72,128a56.31,56.31,0,0,0,2,15,8,8,0,0,1-15.41,4.29,72,72,0,1,1,138.74,0A8,8,0,0,1,182,143,56,56,0,1,0,72,128Zm160,0a103.92,103.92,0,0,1-46.18,86.46,8,8,0,0,1-8.9-13.3,88,88,0,1,0-97.84,0,8,8,0,0,1-8.9,13.3A104,104,0,1,1,232,128Z");
|
|
54
|
-
/** Google Search. Phosphor `google-logo
|
|
54
|
+
/** Google Search. Phosphor `google-logo`, regular. */
|
|
55
55
|
export const GoogleLogoMark = mark("M224,128a96,96,0,1,1-21.95-61.09,8,8,0,1,1-12.33,10.18A80,80,0,1,0,207.6,136H128a8,8,0,0,1,0-16h88A8,8,0,0,1,224,128Z");
|
|
56
|
-
/** My AI tool said so. Phosphor `star-four
|
|
56
|
+
/** My AI tool said so. Phosphor `star-four`, regular. */
|
|
57
57
|
export const StarFourMark = mark("M229.5,113,166.06,89.94,143,26.5a16,16,0,0,0-30,0L89.94,89.94,26.5,113a16,16,0,0,0,0,30l63.44,23.07L113,229.5a16,16,0,0,0,30,0l23.07-63.44L229.5,143a16,16,0,0,0,0-30ZM157.08,152.3a8,8,0,0,0-4.78,4.78L128,223.9l-24.3-66.82a8,8,0,0,0-4.78-4.78L32.1,128l66.82-24.3a8,8,0,0,0,4.78-4.78L128,32.1l24.3,66.82a8,8,0,0,0,4.78,4.78L223.9,128Z");
|
|
58
|
-
/** Somewhere else. Phosphor `dots-three-outline
|
|
58
|
+
/** Somewhere else. Phosphor `dots-three-outline`, regular. */
|
|
59
59
|
export const DotsThreeOutlineMark = mark("M128,96a32,32,0,1,0,32,32A32,32,0,0,0,128,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,128,144ZM48,96a32,32,0,1,0,32,32A32,32,0,0,0,48,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,48,144ZM208,96a32,32,0,1,0,32,32A32,32,0,0,0,208,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,208,144Z");
|
|
60
|
-
/** Dashboards. Phosphor `chart-pie-slice
|
|
60
|
+
/** Dashboards. Phosphor `chart-pie-slice`, regular. */
|
|
61
61
|
export const ChartPieSliceMark = mark("M100,116.43a8,8,0,0,0,4-6.93v-72A8,8,0,0,0,93.34,30,104.06,104.06,0,0,0,25.73,147a8,8,0,0,0,4.52,5.81,7.86,7.86,0,0,0,3.35.74,8,8,0,0,0,4-1.07ZM88,49.62v55.26L40.12,132.51C40,131,40,129.48,40,128A88.12,88.12,0,0,1,88,49.62ZM128,24a8,8,0,0,0-8,8v91.82L41.19,169.73a8,8,0,0,0-2.87,11A104,104,0,1,0,128,24Zm0,192a88.47,88.47,0,0,1-71.49-36.68l75.52-44a8,8,0,0,0,4-6.92V40.36A88,88,0,0,1,128,216Z");
|
|
62
|
-
/** Web apps. Phosphor `browsers
|
|
62
|
+
/** Web apps. Phosphor `browsers`, regular. */
|
|
63
63
|
export const BrowsersMark = mark("M216,40H72A16,16,0,0,0,56,56V72H40A16,16,0,0,0,24,88V200a16,16,0,0,0,16,16H184a16,16,0,0,0,16-16V184h16a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM184,88v16H40V88Zm0,112H40V120H184v80Zm32-32H200V88a16,16,0,0,0-16-16H72V56H216Z");
|
|
64
|
-
/** Sites and landing pages. Phosphor `devices
|
|
64
|
+
/** Sites and landing pages. Phosphor `devices`, regular. */
|
|
65
65
|
export const DevicesMark = mark("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");
|
|
66
|
-
/** Games. Phosphor `ghost
|
|
66
|
+
/** Games. Phosphor `ghost`, regular. */
|
|
67
67
|
export const GhostMark = mark("M112,116a12,12,0,1,1-12-12A12,12,0,0,1,112,116Zm44-12a12,12,0,1,0,12,12A12,12,0,0,0,156,104Zm68,16v96a8,8,0,0,1-13.07,6.19l-24.26-19.85L162.4,222.19a8,8,0,0,1-10.13,0L128,202.34l-24.27,19.85a8,8,0,0,1-10.13,0L69.33,202.34,45.07,222.19A8,8,0,0,1,32,216V120a96,96,0,0,1,192,0Zm-16,0a80,80,0,0,0-160,0v79.12l16.27-13.31a8,8,0,0,1,10.13,0l24.27,19.85,24.26-19.85a8,8,0,0,1,10.14,0l24.26,19.85,24.27-19.85a8,8,0,0,1,10.13,0L208,199.12Z");
|
|
68
|
-
/** Internal tools. Phosphor `code-block
|
|
68
|
+
/** Internal tools. Phosphor `code-block`, regular. */
|
|
69
69
|
export const CodeBlockMark = mark("M58.34,101.66l-32-32a8,8,0,0,1,0-11.32l32-32A8,8,0,0,1,69.66,37.66L43.31,64,69.66,90.34a8,8,0,0,1-11.32,11.32Zm40,0a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0,0-11.32l-32-32A8,8,0,0,0,98.34,37.66L124.69,64,98.34,90.34A8,8,0,0,0,98.34,101.66ZM200,40H176a8,8,0,0,0,0,16h24V200H56V136a8,8,0,0,0-16,0v64a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Z");
|
|
70
|
-
/** APIs and backends. Phosphor `database
|
|
70
|
+
/** APIs and backends. Phosphor `database`, regular. */
|
|
71
71
|
export const DatabaseMark = mark("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");
|
|
72
|
-
/** Automations. Phosphor `gear
|
|
72
|
+
/** Automations. Phosphor `gear`, regular. */
|
|
73
73
|
export const GearMark = mark("M128,80a48,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,160Zm88-29.84q.06-2.16,0-4.32l14.92-18.64a8,8,0,0,0,1.48-7.06,107.21,107.21,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.71,107.71,0,0,0-26.25-10.87,8,8,0,0,0-7.06,1.49L130.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.21,107.21,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.06Zm-16.1-6.5a73.93,73.93,0,0,1,0,8.68,8,8,0,0,0,1.74,5.48l14.19,17.73a91.57,91.57,0,0,1-6.23,15L187,173.11a8,8,0,0,0-5.1,2.64,74.11,74.11,0,0,1-6.14,6.14,8,8,0,0,0-2.64,5.1l-2.51,22.58a91.32,91.32,0,0,1-15,6.23l-17.74-14.19a8,8,0,0,0-5-1.75h-.48a73.93,73.93,0,0,1-8.68,0,8,8,0,0,0-5.48,1.74L100.45,215.8a91.57,91.57,0,0,1-15-6.23L82.89,187a8,8,0,0,0-2.64-5.1,74.11,74.11,0,0,1-6.14-6.14,8,8,0,0,0-5.1-2.64L46.43,170.6a91.32,91.32,0,0,1-6.23-15l14.19-17.74a8,8,0,0,0,1.74-5.48,73.93,73.93,0,0,1,0-8.68,8,8,0,0,0-1.74-5.48L40.2,100.45a91.57,91.57,0,0,1,6.23-15L69,82.89a8,8,0,0,0,5.1-2.64,74.11,74.11,0,0,1,6.14-6.14A8,8,0,0,0,82.89,69L85.4,46.43a91.32,91.32,0,0,1,15-6.23l17.74,14.19a8,8,0,0,0,5.48,1.74,73.93,73.93,0,0,1,8.68,0,8,8,0,0,0,5.48-1.74L155.55,40.2a91.57,91.57,0,0,1,15,6.23L173.11,69a8,8,0,0,0,2.64,5.1,74.11,74.11,0,0,1,6.14,6.14,8,8,0,0,0,5.1,2.64l22.58,2.51a91.32,91.32,0,0,1,6.23,15l-14.19,17.74A8,8,0,0,0,199.87,123.66Z");
|
|
74
|
-
/** AI apps. Phosphor `robot
|
|
74
|
+
/** AI apps. Phosphor `robot`, regular. */
|
|
75
75
|
export const RobotMark = mark("M200,48H136V16a8,8,0,0,0-16,0V48H56A32,32,0,0,0,24,80V192a32,32,0,0,0,32,32H200a32,32,0,0,0,32-32V80A32,32,0,0,0,200,48Zm16,144a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V80A16,16,0,0,1,56,64H200a16,16,0,0,1,16,16Zm-52-56H92a28,28,0,0,0,0,56h72a28,28,0,0,0,0-56Zm-24,16v24H116V152ZM80,164a12,12,0,0,1,12-12h8v24H92A12,12,0,0,1,80,164Zm84,12h-8V152h8a12,12,0,0,1,0,24ZM72,108a12,12,0,1,1,12,12A12,12,0,0,1,72,108Zm88,0a12,12,0,1,1,12,12A12,12,0,0,1,160,108Z");
|
|
76
|
-
// ---- The curated icon surface's marks (#165)
|
|
76
|
+
// ---- The curated icon surface's marks (#165, #167) -------------------------
|
|
77
77
|
//
|
|
78
78
|
// Components only. They are deliberately absent from PHOSPHOR_MARKS below,
|
|
79
79
|
// which is keyed by the label an onboarding QUESTION shows; see ICON_MARKS in
|
|
80
80
|
// the generator for why the two sets stay apart. blocks/icons.tsx re-exports
|
|
81
|
-
// these under stable CloudGrid names, and RobotMark
|
|
82
|
-
//
|
|
83
|
-
|
|
81
|
+
// these under stable CloudGrid names, and RobotMark, UserMark, DatabaseMark and
|
|
82
|
+
// ChartPieSliceMark above serve the icon surface too rather than being inlined a
|
|
83
|
+
// second time.
|
|
84
|
+
/** An inspiration. Phosphor `lightbulb`, regular. */
|
|
84
85
|
export const LightbulbMark = mark("M176,232a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,232Zm40-128a87.55,87.55,0,0,1-33.64,69.21A16.24,16.24,0,0,0,176,186v6a16,16,0,0,1-16,16H96a16,16,0,0,1-16-16v-6a16,16,0,0,0-6.23-12.66A87.59,87.59,0,0,1,40,104.49C39.74,56.83,78.26,17.14,125.88,16A88,88,0,0,1,216,104Zm-16,0a72,72,0,0,0-73.74-72c-39,.92-70.47,33.39-70.26,72.39a71.65,71.65,0,0,0,27.64,56.3A32,32,0,0,1,96,186v6h64v-6a32.15,32.15,0,0,1,12.47-25.35A71.65,71.65,0,0,0,200,104Zm-16.11-9.34a57.6,57.6,0,0,0-46.56-46.55,8,8,0,0,0-2.66,15.78c16.57,2.79,30.63,16.85,33.44,33.45A8,8,0,0,0,176,104a9,9,0,0,0,1.35-.11A8,8,0,0,0,183.89,94.66Z");
|
|
85
|
-
/** A runnable app. Phosphor `app-window
|
|
86
|
+
/** A runnable app. Phosphor `app-window`, regular. */
|
|
86
87
|
export const AppWindowMark = mark("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,40Zm0,160H40V56H216V200ZM80,84A12,12,0,1,1,68,72,12,12,0,0,1,80,84Zm40,0a12,12,0,1,1-12-12A12,12,0,0,1,120,84Z");
|
|
87
|
-
/** Open it live. Phosphor `arrow-up-right
|
|
88
|
+
/** Open it live. Phosphor `arrow-up-right`, regular. */
|
|
88
89
|
export const ArrowUpRightMark = mark("M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z");
|
|
89
|
-
/**
|
|
90
|
+
/** Look inside — the dashboard. Phosphor `gauge`, regular. */
|
|
91
|
+
export const GaugeMark = mark("M207.06,72.67A111.24,111.24,0,0,0,128,40h-.4C66.07,40.21,16,91,16,153.13V176a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V152A111.25,111.25,0,0,0,207.06,72.67ZM224,176H119.71l54.76-75.3a8,8,0,0,0-12.94-9.42L99.92,176H32V153.13c0-3.08.15-6.12.43-9.13H56a8,8,0,0,0,0-16H35.27c10.32-38.86,44-68.24,84.73-71.66V80a8,8,0,0,0,16,0V56.33A96.14,96.14,0,0,1,221,128H200a8,8,0,0,0,0,16h23.67c.21,2.65.33,5.31.33,8Z");
|
|
92
|
+
/** Settings. Phosphor `gear-six`, regular. */
|
|
90
93
|
export const GearSixMark = mark("M128,80a48,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,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A112.1,112.1,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.62a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.08,8.08,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8.08,8.08,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z");
|
|
91
|
-
/** Views. Phosphor `eye
|
|
94
|
+
/** Views. Phosphor `eye`, regular. */
|
|
92
95
|
export const EyeMark = mark("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");
|
|
93
|
-
/** Comments. Phosphor `chat-circle
|
|
96
|
+
/** Comments. Phosphor `chat-circle`, regular. */
|
|
94
97
|
export const ChatCircleMark = mark("M128,24A104,104,0,0,0,36.18,176.88L24.83,210.93a16,16,0,0,0,20.24,20.24l34.05-11.35A104,104,0,1,0,128,24Zm0,192a87.87,87.87,0,0,1-44.06-11.81,8,8,0,0,0-6.54-.67L40,216,52.47,178.6a8,8,0,0,0-.66-6.54A88,88,0,1,1,128,216Z");
|
|
98
|
+
/** A disclosure chevron, pointing down. Phosphor `caret-down`, regular. */
|
|
99
|
+
export const CaretDownMark = mark("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");
|
|
100
|
+
/** A disclosure chevron, pointing up. Phosphor `caret-up`, regular. */
|
|
101
|
+
export const CaretUpMark = mark("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");
|
|
102
|
+
/** A disclosure chevron, pointing right. Phosphor `caret-right`, regular. */
|
|
103
|
+
export const CaretRightMark = mark("M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z");
|
|
104
|
+
/** A tick. Phosphor `check`, regular. */
|
|
105
|
+
export const CheckMark = mark("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");
|
|
106
|
+
/** A tick that survives a filled indicator under 16px. Phosphor `check`, bold. */
|
|
107
|
+
export const CheckBoldMark = mark("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");
|
|
108
|
+
/** Dismiss, close, clear. Phosphor `x`, regular. */
|
|
109
|
+
export const XMark = mark("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");
|
|
110
|
+
/** Copy to the clipboard. Phosphor `copy`, regular. */
|
|
111
|
+
export const CopyMark = mark("M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z");
|
|
112
|
+
/** Decrement. Phosphor `minus`, regular. */
|
|
113
|
+
export const MinusMark = mark("M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z");
|
|
114
|
+
/** Increment. Phosphor `plus`, regular. */
|
|
115
|
+
export const PlusMark = mark("M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z");
|
|
116
|
+
/** Drop it here. Phosphor `arrow-down`, regular. */
|
|
117
|
+
export const ArrowDownMark = mark("M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72a8,8,0,0,1,11.32-11.32L120,196.69V40a8,8,0,0,1,16,0V196.69l58.34-58.35a8,8,0,0,1,11.32,11.32Z");
|
|
118
|
+
/** Succeeded, or included. Phosphor `check-circle`, regular. */
|
|
119
|
+
export const CheckCircleMark = mark("M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z");
|
|
120
|
+
/** For information. Phosphor `info`, regular. */
|
|
121
|
+
export const InfoMark = mark("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");
|
|
122
|
+
/** A warning. Phosphor `warning`, regular. */
|
|
123
|
+
export const WarningMark = mark("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");
|
|
124
|
+
/** An error. Phosphor `warning-octagon`, regular. */
|
|
125
|
+
export const WarningOctagonMark = mark("M120,136V80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0ZM232,91.55v72.9a15.86,15.86,0,0,1-4.69,11.31l-51.55,51.55A15.86,15.86,0,0,1,164.45,232H91.55a15.86,15.86,0,0,1-11.31-4.69L28.69,175.76A15.86,15.86,0,0,1,24,164.45V91.55a15.86,15.86,0,0,1,4.69-11.31L80.24,28.69A15.86,15.86,0,0,1,91.55,24h72.9a15.86,15.86,0,0,1,11.31,4.69l51.55,51.55A15.86,15.86,0,0,1,232,91.55Zm-16,0L164.45,40H91.55L40,91.55v72.9L91.55,216h72.9L216,164.45ZM128,160a12,12,0,1,0,12,12A12,12,0,0,0,128,160Z");
|
|
126
|
+
/** Not included. Phosphor `x-circle`, regular. */
|
|
127
|
+
export const XCircleMark = mark("M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z");
|
|
128
|
+
/** Working on it. Phosphor `circle-notch`, regular. */
|
|
129
|
+
export const CircleNotchMark = mark("M232,128a104,104,0,0,1-208,0c0-41,23.81-78.36,60.66-95.27a8,8,0,0,1,6.68,14.54C60.15,61.59,40,93.27,40,128a88,88,0,0,0,176,0c0-34.73-20.15-66.41-51.34-80.73a8,8,0,0,1,6.68-14.54C208.19,49.64,232,87,232,128Z");
|
|
130
|
+
/** AI. Phosphor `sparkle`, regular. */
|
|
131
|
+
export const SparkleMark = mark("M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z");
|
|
132
|
+
/** Storage. Phosphor `hard-drive`, regular. */
|
|
133
|
+
export const HardDriveMark = mark("M224,64H32A16,16,0,0,0,16,80v96a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V80A16,16,0,0,0,224,64Zm0,112H32V80H224v96Zm-24-48a12,12,0,1,1-12-12A12,12,0,0,1,200,128Z");
|
|
134
|
+
/** Memory. Phosphor `brain`, regular. */
|
|
135
|
+
export const BrainMark = mark("M248,124a56.11,56.11,0,0,0-32-50.61V72a48,48,0,0,0-88-26.49A48,48,0,0,0,40,72v1.39a56,56,0,0,0,0,101.2V176a48,48,0,0,0,88,26.49A48,48,0,0,0,216,176v-1.41A56.09,56.09,0,0,0,248,124ZM88,208a32,32,0,0,1-31.81-28.56A55.87,55.87,0,0,0,64,180h8a8,8,0,0,0,0-16H64A40,40,0,0,1,50.67,86.27,8,8,0,0,0,56,78.73V72a32,32,0,0,1,64,0v68.26A47.8,47.8,0,0,0,88,128a8,8,0,0,0,0,16,32,32,0,0,1,0,64Zm104-44h-8a8,8,0,0,0,0,16h8a55.87,55.87,0,0,0,7.81-.56A32,32,0,1,1,168,144a8,8,0,0,0,0-16,47.8,47.8,0,0,0-32,12.26V72a32,32,0,0,1,64,0v6.73a8,8,0,0,0,5.33,7.54A40,40,0,0,1,192,164Zm16-52a8,8,0,0,1-8,8h-4a36,36,0,0,1-36-36V80a8,8,0,0,1,16,0v4a20,20,0,0,0,20,20h4A8,8,0,0,1,208,112ZM60,120H56a8,8,0,0,1,0-16h4A20,20,0,0,0,80,84V80a8,8,0,0,1,16,0v4A36,36,0,0,1,60,120Z");
|
|
136
|
+
/** On the web. Phosphor `globe`, regular. */
|
|
137
|
+
export const GlobeMark = mark("M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z");
|
|
138
|
+
/** A secret, a key, signing in. Phosphor `key`, regular. */
|
|
139
|
+
export const KeyMark = mark("M216.57,39.43A80,80,0,0,0,83.91,120.78L28.69,176A15.86,15.86,0,0,0,24,187.31V216a16,16,0,0,0,16,16H72a8,8,0,0,0,8-8V208H96a8,8,0,0,0,8-8V184h16a8,8,0,0,0,5.66-2.34l9.56-9.57A79.73,79.73,0,0,0,160,176h.1A80,80,0,0,0,216.57,39.43ZM224,98.1c-1.09,34.09-29.75,61.86-63.89,61.9H160a63.7,63.7,0,0,1-23.65-4.51,8,8,0,0,0-8.84,1.68L116.69,168H96a8,8,0,0,0-8,8v16H72a8,8,0,0,0-8,8v16H40V187.31l58.83-58.82a8,8,0,0,0,1.68-8.84A63.72,63.72,0,0,1,96,95.92c0-34.14,27.81-62.8,61.9-63.89A64,64,0,0,1,224,98.1ZM192,76a12,12,0,1,1-12-12A12,12,0,0,1,192,76Z");
|
|
140
|
+
/** On a schedule. Phosphor `clock`, regular. */
|
|
141
|
+
export const ClockMark = mark("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,216Zm64-88a8,8,0,0,1-8,8H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48A8,8,0,0,1,192,128Z");
|
|
142
|
+
/** People. Phosphor `users`, regular. */
|
|
143
|
+
export const UsersMark = mark("M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z");
|
|
144
|
+
/** Fast. Phosphor `lightning`, regular. */
|
|
145
|
+
export const LightningMark = mark("M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17ZM109.37,214l10.47-52.38a8,8,0,0,0-5-9.06L62,132.71l84.62-90.66L136.16,94.43a8,8,0,0,0,5,9.06l52.8,19.8Z");
|
|
146
|
+
/** Plugged in. Phosphor `plug`, regular. */
|
|
147
|
+
export const PlugMark = mark("M237.66,66.34a8,8,0,0,0-11.32,0L192,100.69,155.31,64l34.35-34.34a8,8,0,1,0-11.32-11.32L144,52.69,117.66,26.34a8,8,0,0,0-11.32,11.32L112.69,44l-53,53a40,40,0,0,0,0,56.57l15.71,15.71L26.34,218.34a8,8,0,0,0,11.32,11.32l49.09-49.09,15.71,15.71a40,40,0,0,0,56.57,0l53-53,6.34,6.35a8,8,0,0,0,11.32-11.32L203.31,112l34.35-34.34A8,8,0,0,0,237.66,66.34ZM147.72,185a24,24,0,0,1-33.95,0L71,142.23a24,24,0,0,1,0-33.95l53-53L200.69,132Z");
|
|
148
|
+
/** Email. Phosphor `envelope`, regular. */
|
|
149
|
+
export const EnvelopeMark = mark("M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48Zm-96,85.15L52.57,64H203.43ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z");
|
|
150
|
+
/** Search. Phosphor `magnifying-glass`, regular. */
|
|
151
|
+
export const MagnifyingGlassMark = mark("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");
|
|
152
|
+
/** An ad. Phosphor `megaphone-simple`, regular. */
|
|
153
|
+
export const MegaphoneSimpleMark = mark("M228.54,86.66l-176.06-54A16,16,0,0,0,32,48V192a16,16,0,0,0,16,16,16,16,0,0,0,4.52-.65L136,181.73V192a16,16,0,0,0,16,16h32a16,16,0,0,0,16-16v-29.9l28.54-8.75A16.09,16.09,0,0,0,240,138V102A16.09,16.09,0,0,0,228.54,86.66ZM136,165,48,192V48l88,27Zm48,27H152V176.82L184,167Zm40-54-.11,0L152,160.08V79.92l71.89,22,.11,0v36Z");
|
|
154
|
+
/** Layers, internal tools. Phosphor `stack`, regular. */
|
|
155
|
+
export const StackMark = mark("M230.91,172A8,8,0,0,1,228,182.91l-96,56a8,8,0,0,1-8.06,0l-96-56A8,8,0,0,1,36,169.09l92,53.65,92-53.65A8,8,0,0,1,230.91,172ZM220,121.09l-92,53.65L36,121.09A8,8,0,0,0,28,134.91l96,56a8,8,0,0,0,8.06,0l96-56A8,8,0,1,0,220,121.09ZM24,80a8,8,0,0,1,4-6.91l96-56a8,8,0,0,1,8.06,0l96,56a8,8,0,0,1,0,13.82l-96,56a8,8,0,0,1-8.06,0l-96-56A8,8,0,0,1,24,80Zm23.88,0L128,126.74,208.12,80,128,33.26Z");
|
|
156
|
+
/** Save it. Phosphor `bookmark-simple`, regular. */
|
|
157
|
+
export const BookmarkSimpleMark = mark("M184,32H72A16,16,0,0,0,56,48V224a8,8,0,0,0,12.24,6.78L128,193.43l59.77,37.35A8,8,0,0,0,200,224V48A16,16,0,0,0,184,32Zm0,177.57-51.77-32.35a8,8,0,0,0-8.48,0L72,209.57V48H184Z");
|
|
158
|
+
/** More actions. Phosphor `dots-three-vertical`, regular. */
|
|
159
|
+
export const DotsThreeVerticalMark = mark("M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128ZM128,72a12,12,0,1,0-12-12A12,12,0,0,0,128,72Zm0,112a12,12,0,1,0,12,12A12,12,0,0,0,128,184Z");
|
|
95
160
|
/** Keyed by the label a caller shows, the same shape as TOOL_MARKS. */
|
|
96
161
|
export const PHOSPHOR_MARKS = {
|
|
97
162
|
"A friend": UserMark,
|
|
@@ -111,4 +176,69 @@ export const PHOSPHOR_MARKS = {
|
|
|
111
176
|
"Automations": GearMark,
|
|
112
177
|
"AI apps": RobotMark,
|
|
113
178
|
};
|
|
179
|
+
/**
|
|
180
|
+
* Where every mark in this file came from: the Phosphor slug and the weight.
|
|
181
|
+
*
|
|
182
|
+
* Not decoration. The gallery's icons page (#167) prints this beside the
|
|
183
|
+
* rendered mark so a designer can check a glyph against the Figma frame without
|
|
184
|
+
* reading the generator, and a weight departure from `regular` is visible on
|
|
185
|
+
* the page rather than buried in a list. Generated with the marks, so it cannot
|
|
186
|
+
* drift from what was actually inlined.
|
|
187
|
+
*/
|
|
188
|
+
export const PHOSPHOR_MARK_SOURCES = {
|
|
189
|
+
UserMark: { slug: "user", weight: "regular" },
|
|
190
|
+
XLogoMark: { slug: "x-logo", weight: "regular" },
|
|
191
|
+
LinkedinLogoMark: { slug: "linkedin-logo", weight: "regular" },
|
|
192
|
+
YoutubeLogoMark: { slug: "youtube-logo", weight: "regular" },
|
|
193
|
+
ApplePodcastsLogoMark: { slug: "apple-podcasts-logo", weight: "regular" },
|
|
194
|
+
GoogleLogoMark: { slug: "google-logo", weight: "regular" },
|
|
195
|
+
StarFourMark: { slug: "star-four", weight: "regular" },
|
|
196
|
+
DotsThreeOutlineMark: { slug: "dots-three-outline", weight: "regular" },
|
|
197
|
+
ChartPieSliceMark: { slug: "chart-pie-slice", weight: "regular" },
|
|
198
|
+
BrowsersMark: { slug: "browsers", weight: "regular" },
|
|
199
|
+
DevicesMark: { slug: "devices", weight: "regular" },
|
|
200
|
+
GhostMark: { slug: "ghost", weight: "regular" },
|
|
201
|
+
CodeBlockMark: { slug: "code-block", weight: "regular" },
|
|
202
|
+
DatabaseMark: { slug: "database", weight: "regular" },
|
|
203
|
+
GearMark: { slug: "gear", weight: "regular" },
|
|
204
|
+
RobotMark: { slug: "robot", weight: "regular" },
|
|
205
|
+
LightbulbMark: { slug: "lightbulb", weight: "regular" },
|
|
206
|
+
AppWindowMark: { slug: "app-window", weight: "regular" },
|
|
207
|
+
ArrowUpRightMark: { slug: "arrow-up-right", weight: "regular" },
|
|
208
|
+
GaugeMark: { slug: "gauge", weight: "regular" },
|
|
209
|
+
GearSixMark: { slug: "gear-six", weight: "regular" },
|
|
210
|
+
EyeMark: { slug: "eye", weight: "regular" },
|
|
211
|
+
ChatCircleMark: { slug: "chat-circle", weight: "regular" },
|
|
212
|
+
CaretDownMark: { slug: "caret-down", weight: "regular" },
|
|
213
|
+
CaretUpMark: { slug: "caret-up", weight: "regular" },
|
|
214
|
+
CaretRightMark: { slug: "caret-right", weight: "regular" },
|
|
215
|
+
CheckMark: { slug: "check", weight: "regular" },
|
|
216
|
+
CheckBoldMark: { slug: "check", weight: "bold" },
|
|
217
|
+
XMark: { slug: "x", weight: "regular" },
|
|
218
|
+
CopyMark: { slug: "copy", weight: "regular" },
|
|
219
|
+
MinusMark: { slug: "minus", weight: "regular" },
|
|
220
|
+
PlusMark: { slug: "plus", weight: "regular" },
|
|
221
|
+
ArrowDownMark: { slug: "arrow-down", weight: "regular" },
|
|
222
|
+
CheckCircleMark: { slug: "check-circle", weight: "regular" },
|
|
223
|
+
InfoMark: { slug: "info", weight: "regular" },
|
|
224
|
+
WarningMark: { slug: "warning", weight: "regular" },
|
|
225
|
+
WarningOctagonMark: { slug: "warning-octagon", weight: "regular" },
|
|
226
|
+
XCircleMark: { slug: "x-circle", weight: "regular" },
|
|
227
|
+
CircleNotchMark: { slug: "circle-notch", weight: "regular" },
|
|
228
|
+
SparkleMark: { slug: "sparkle", weight: "regular" },
|
|
229
|
+
HardDriveMark: { slug: "hard-drive", weight: "regular" },
|
|
230
|
+
BrainMark: { slug: "brain", weight: "regular" },
|
|
231
|
+
GlobeMark: { slug: "globe", weight: "regular" },
|
|
232
|
+
KeyMark: { slug: "key", weight: "regular" },
|
|
233
|
+
ClockMark: { slug: "clock", weight: "regular" },
|
|
234
|
+
UsersMark: { slug: "users", weight: "regular" },
|
|
235
|
+
LightningMark: { slug: "lightning", weight: "regular" },
|
|
236
|
+
PlugMark: { slug: "plug", weight: "regular" },
|
|
237
|
+
EnvelopeMark: { slug: "envelope", weight: "regular" },
|
|
238
|
+
MagnifyingGlassMark: { slug: "magnifying-glass", weight: "regular" },
|
|
239
|
+
MegaphoneSimpleMark: { slug: "megaphone-simple", weight: "regular" },
|
|
240
|
+
StackMark: { slug: "stack", weight: "regular" },
|
|
241
|
+
BookmarkSimpleMark: { slug: "bookmark-simple", weight: "regular" },
|
|
242
|
+
DotsThreeVerticalMark: { slug: "dots-three-vertical", weight: "regular" },
|
|
243
|
+
};
|
|
114
244
|
//# sourceMappingURL=phosphor-marks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"phosphor-marks.js","sourceRoot":"","sources":["../../src/blocks/phosphor-marks.tsx"],"names":[],"mappings":";AAAA,uEAAuE;AACvE,iFAAiF;AACjF,6CAA6C;AAC7C,EAAE;AACF,6DAA6D;AAC7D,EAAE;AACF,sCAAsC;AACtC,iFAAiF;AACjF,kFAAkF;AAClF,6EAA6E;AAC7E,uDAAuD;AACvD,EAAE;AACF,yBAAyB;AACzB,EAAE;AACF,6EAA6E;AAC7E,+EAA+E;AAC/E,4DAA4D;AAC5D,EAAE;AACF,gFAAgF;AAChF,4EAA4E;AAC5E,wBAAwB;AACxB,EAAE;AACF,qEAAqE;AACrE,EAAE;AACF,0EAA0E;AAC1E,uEAAuE;AACvE,gFAAgF;AAChF,oDAAoD;AACpD,EAAE;AACF,aAAa;AACb,EAAE;AACF,iFAAiF;AACjF,8EAA8E;AAC9E,6EAA6E;AAC7E,UAAU;AAEV,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,wEAAwE;AACxE,SAAS,IAAI,CAAC,GAAG,KAAe;IAC9B,OAAO,SAAS,IAAI,CAAC,EAAE,SAAS,EAAqB;QACnD,OAAO,CACL,cAAK,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,cAAc,iBAAa,MAAM,EAAC,SAAS,EAAE,SAAS,YACnF,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,eAAc,CAAC,EAAE,CAAC,IAAP,CAAC,CAAU,CACvB,CAAC,GACE,CACP,CAAA;IACH,CAAC,CAAA;AACH,CAAC;AAED,
|
|
1
|
+
{"version":3,"file":"phosphor-marks.js","sourceRoot":"","sources":["../../src/blocks/phosphor-marks.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,9 +8,12 @@
|
|
|
8
8
|
* ## Three changes from v0
|
|
9
9
|
*
|
|
10
10
|
* The check mark was a Phosphor SVG inlined as a string and rendered with
|
|
11
|
-
* `dangerouslySetInnerHTML`. It is
|
|
12
|
-
*
|
|
13
|
-
*
|
|
11
|
+
* `dangerouslySetInnerHTML`. It is `CheckBoldIcon` now — the same Phosphor
|
|
12
|
+
* `check`, read out of `@phosphor-icons/core` by the generator rather than
|
|
13
|
+
* transcribed, and reached through the library's own icon surface so a glyph
|
|
14
|
+
* swap never touches this file. The BOLD weight because the bullet renders at
|
|
15
|
+
* 14px, where a regular stroke lands under one device pixel. innerHTML for
|
|
16
|
+
* decoration is a sharp tool used for nothing.
|
|
14
17
|
*
|
|
15
18
|
* The CTA is a real anchor wearing `buttonVariants` rather than a `Button` with an
|
|
16
19
|
* `href` prop. Our `Button` is a Base UI button and has no `href`; a link that
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pricing-tier-cards.d.ts","sourceRoot":"","sources":["../../src/blocks/pricing-tier-cards.tsx"],"names":[],"mappings":"AAKA
|
|
1
|
+
{"version":3,"file":"pricing-tier-cards.d.ts","sourceRoot":"","sources":["../../src/blocks/pricing-tier-cards.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IACpC,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAC5C,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB,+BA8DA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAC3B,YAAY,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { CheckBoldIcon } from "./icons.js";
|
|
3
3
|
import { buttonVariants } from "../ui/button.js";
|
|
4
4
|
import { cn } from "../lib/cloudgrid-cn.js";
|
|
5
5
|
function PricingTierCards({ tiers, className, ...props }) {
|
|
6
6
|
return (_jsx("div", { "data-slot": "pricing-tier-cards",
|
|
7
7
|
// auto-fit rather than a fixed column count: the number of tiers is the
|
|
8
8
|
// caller's, so the grid has to work for two as well as five.
|
|
9
|
-
className: cn("grid gap-5 [grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))]", className), ...props, children: tiers.map((tier) => (_jsxs("article", { "data-featured": tier.featured || undefined, className: cn("flex flex-col gap-3 rounded-xl border border-hairline bg-card p-6 text-ink", tier.featured && "border-brand bg-brand-tint"), children: [_jsx("p", { className: "m-0 text-label font-medium text-ink", children: tier.name }), tier.audience ? (_jsx("p", { className: "m-0 text-body-sm text-faint", children: tier.audience })) : null, _jsxs("p", { className: "m-0 font-display text-display-sm font-heavy text-ink", children: [tier.price, tier.priceNote ? (_jsx("span", { className: "ml-1 font-body text-body-sm font-medium text-body", children: tier.priceNote })) : null] }), _jsx("p", { className: "m-0 text-body-sm text-body", children: tier.blurb }), _jsx("ul", { role: "list", className: "m-0 grid list-none gap-2 p-0", children: tier.bullets.map((line) => (_jsxs("li", { className: "flex items-start gap-2 text-body-sm text-body", children: [_jsx(
|
|
9
|
+
className: cn("grid gap-5 [grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))]", className), ...props, children: tiers.map((tier) => (_jsxs("article", { "data-featured": tier.featured || undefined, className: cn("flex flex-col gap-3 rounded-xl border border-hairline bg-card p-6 text-ink", tier.featured && "border-brand bg-brand-tint"), children: [_jsx("p", { className: "m-0 text-label font-medium text-ink", children: tier.name }), tier.audience ? (_jsx("p", { className: "m-0 text-body-sm text-faint", children: tier.audience })) : null, _jsxs("p", { className: "m-0 font-display text-display-sm font-heavy text-ink", children: [tier.price, tier.priceNote ? (_jsx("span", { className: "ml-1 font-body text-body-sm font-medium text-body", children: tier.priceNote })) : null] }), _jsx("p", { className: "m-0 text-body-sm text-body", children: tier.blurb }), _jsx("ul", { role: "list", className: "m-0 grid list-none gap-2 p-0", children: tier.bullets.map((line) => (_jsxs("li", { className: "flex items-start gap-2 text-body-sm text-body", children: [_jsx(CheckBoldIcon, { className: "mt-1 size-3.5 shrink-0 text-brand" }), line] }, line))) }), _jsx("a", { href: tier.cta.href, className: cn(buttonVariants({ variant: tier.featured ? "default" : "outline" }), "mt-auto w-full no-underline"), children: tier.cta.label })] }, tier.name))) }));
|
|
10
10
|
}
|
|
11
11
|
export { PricingTierCards };
|
|
12
12
|
//# sourceMappingURL=pricing-tier-cards.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pricing-tier-cards.js","sourceRoot":"","sources":["../../src/blocks/pricing-tier-cards.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"pricing-tier-cards.js","sourceRoot":"","sources":["../../src/blocks/pricing-tier-cards.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AA4CvC,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EAGT;IACC,OAAO,CACL,2BACY,oBAAoB;QAC9B,wEAAwE;QACxE,6DAA6D;QAC7D,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,SAAS,CACV,KACG,KAAK,YAER,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,oCAEiB,IAAI,CAAC,QAAQ,IAAI,SAAS,EACzC,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,IAAI,CAAC,QAAQ,IAAI,4BAA4B,CAC9C,aAED,YAAG,SAAS,EAAC,qCAAqC,YAAE,IAAI,CAAC,IAAI,GAAK,EACjE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,YAAG,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,QAAQ,GAAK,CAC/D,CAAC,CAAC,CAAC,IAAI,EAER,aAAG,SAAS,EAAC,sDAAsD,aAChE,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,eAAM,SAAS,EAAC,mDAAmD,YAChE,IAAI,CAAC,SAAS,GACV,CACR,CAAC,CAAC,CAAC,IAAI,IACN,EAEJ,YAAG,SAAS,EAAC,4BAA4B,YAAE,IAAI,CAAC,KAAK,GAAK,EAE1D,aAAI,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,8BAA8B,YACrD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,cAAe,SAAS,EAAC,+CAA+C,aACtE,KAAC,aAAa,IAAC,SAAS,EAAC,mCAAmC,GAAG,EAC9D,IAAI,KAFE,IAAI,CAGR,CACN,CAAC,GACC,EAKL,YACE,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EACnB,SAAS,EAAE,EAAE,CACX,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,EAClE,6BAA6B,CAC9B,YAEA,IAAI,CAAC,GAAG,CAAC,KAAK,GACb,KA3CC,IAAI,CAAC,IAAI,CA4CN,CACX,CAAC,GACE,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A colour token, shown. The square paints the token, the caption names it, and
|
|
3
|
+
* an optional note says when to reach for it.
|
|
4
|
+
*
|
|
5
|
+
* ## The one component in this library that paints a raw token, on purpose
|
|
6
|
+
*
|
|
7
|
+
* Every other component here styles through a utility, and the rule behind that
|
|
8
|
+
* — `component source ships no literal colours`, asserted over this whole
|
|
9
|
+
* directory — exists because a hardcoded value looks right on white and is the
|
|
10
|
+
* one wrong thing on a purple panel.
|
|
11
|
+
*
|
|
12
|
+
* A specimen inverts the rule rather than breaking it. Its subject IS the token,
|
|
13
|
+
* so it has to read `var(--cg-…)` directly: a swatch of `--cg-primary` drawn
|
|
14
|
+
* with `bg-brand` is a swatch of whatever `bg-brand` happens to mean, which is
|
|
15
|
+
* the same claim made twice and provable by neither. The token name arrives as a
|
|
16
|
+
* prop, so this file still contains no colour of its own and the scan still
|
|
17
|
+
* finds nothing to flag.
|
|
18
|
+
*
|
|
19
|
+
* ## Why the library owns it (#176)
|
|
20
|
+
*
|
|
21
|
+
* The console's styleguide hand-built one, and said so in a comment: the library
|
|
22
|
+
* has no swatch, so a reference page for the design system drew its own. The
|
|
23
|
+
* caption borrowed `Badge variant="outline"`, which is a pill. Founder ruling
|
|
24
|
+
* 2026-09-08 — *the styleguide is inherited by the UI library in full* — makes
|
|
25
|
+
* that the library's gap rather than the console's workaround, and the test it
|
|
26
|
+
* sets is whether the thing would serve another surface: `ui.cloudgrid.io`'s own
|
|
27
|
+
* gallery wants exactly this component.
|
|
28
|
+
*
|
|
29
|
+
* ## Three things about it that are not obvious
|
|
30
|
+
*
|
|
31
|
+
* **The edge is `border-line`, not `border-hairline`.** A specimen of a
|
|
32
|
+
* near-white token on the white page has no visible boundary at all, and the
|
|
33
|
+
* hairline is too faint to give it one — it is a separator, sized for a rule
|
|
34
|
+
* between rows. `--cg-border-control` is the token declared for a control's own
|
|
35
|
+
* edge and it flips with the surface, so a light swatch on the page and a dark
|
|
36
|
+
* swatch on ink both keep a boundary. Every swatch carries it, including the
|
|
37
|
+
* ones that do not need it, because an edge that appears only on some swatches
|
|
38
|
+
* reads as a property of those colours.
|
|
39
|
+
*
|
|
40
|
+
* **A translucent token shows as it will render, not as it is declared.**
|
|
41
|
+
* `--cg-scrim-strong` and the panel's white washes are alpha values, so the
|
|
42
|
+
* swatch shows them over whatever surface the specimen sits on. That is the
|
|
43
|
+
* honest picture — those tokens have no appearance of their own — and it is why
|
|
44
|
+
* a page documenting them should place the specimen on the surface the token is
|
|
45
|
+
* meant for rather than on the default ground.
|
|
46
|
+
*
|
|
47
|
+
* **The square is `aria-hidden` and the name is not.** The colour is the
|
|
48
|
+
* information for anyone who can see it and nothing at all to anyone who cannot;
|
|
49
|
+
* what a screen reader needs is the token's name, which is the caption. So the
|
|
50
|
+
* caption is real text rather than a `title` on the square.
|
|
51
|
+
*/
|
|
52
|
+
declare function TokenSpecimen({ token, note, className, ...props }: Omit<React.ComponentProps<"div">, "children"> & {
|
|
53
|
+
/** The custom property to paint, written in full: `--cg-primary`. */
|
|
54
|
+
token: string;
|
|
55
|
+
/** One line on when to use it. Optional: a swatch strip needs no prose. */
|
|
56
|
+
note?: React.ReactNode;
|
|
57
|
+
}): import("react").JSX.Element;
|
|
58
|
+
export { TokenSpecimen };
|
|
59
|
+
//# sourceMappingURL=token-specimen.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"token-specimen.d.ts","sourceRoot":"","sources":["../../src/blocks/token-specimen.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACjD,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,+BA8BA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "../lib/cloudgrid-cn.js";
|
|
3
|
+
/**
|
|
4
|
+
* A colour token, shown. The square paints the token, the caption names it, and
|
|
5
|
+
* an optional note says when to reach for it.
|
|
6
|
+
*
|
|
7
|
+
* ## The one component in this library that paints a raw token, on purpose
|
|
8
|
+
*
|
|
9
|
+
* Every other component here styles through a utility, and the rule behind that
|
|
10
|
+
* — `component source ships no literal colours`, asserted over this whole
|
|
11
|
+
* directory — exists because a hardcoded value looks right on white and is the
|
|
12
|
+
* one wrong thing on a purple panel.
|
|
13
|
+
*
|
|
14
|
+
* A specimen inverts the rule rather than breaking it. Its subject IS the token,
|
|
15
|
+
* so it has to read `var(--cg-…)` directly: a swatch of `--cg-primary` drawn
|
|
16
|
+
* with `bg-brand` is a swatch of whatever `bg-brand` happens to mean, which is
|
|
17
|
+
* the same claim made twice and provable by neither. The token name arrives as a
|
|
18
|
+
* prop, so this file still contains no colour of its own and the scan still
|
|
19
|
+
* finds nothing to flag.
|
|
20
|
+
*
|
|
21
|
+
* ## Why the library owns it (#176)
|
|
22
|
+
*
|
|
23
|
+
* The console's styleguide hand-built one, and said so in a comment: the library
|
|
24
|
+
* has no swatch, so a reference page for the design system drew its own. The
|
|
25
|
+
* caption borrowed `Badge variant="outline"`, which is a pill. Founder ruling
|
|
26
|
+
* 2026-09-08 — *the styleguide is inherited by the UI library in full* — makes
|
|
27
|
+
* that the library's gap rather than the console's workaround, and the test it
|
|
28
|
+
* sets is whether the thing would serve another surface: `ui.cloudgrid.io`'s own
|
|
29
|
+
* gallery wants exactly this component.
|
|
30
|
+
*
|
|
31
|
+
* ## Three things about it that are not obvious
|
|
32
|
+
*
|
|
33
|
+
* **The edge is `border-line`, not `border-hairline`.** A specimen of a
|
|
34
|
+
* near-white token on the white page has no visible boundary at all, and the
|
|
35
|
+
* hairline is too faint to give it one — it is a separator, sized for a rule
|
|
36
|
+
* between rows. `--cg-border-control` is the token declared for a control's own
|
|
37
|
+
* edge and it flips with the surface, so a light swatch on the page and a dark
|
|
38
|
+
* swatch on ink both keep a boundary. Every swatch carries it, including the
|
|
39
|
+
* ones that do not need it, because an edge that appears only on some swatches
|
|
40
|
+
* reads as a property of those colours.
|
|
41
|
+
*
|
|
42
|
+
* **A translucent token shows as it will render, not as it is declared.**
|
|
43
|
+
* `--cg-scrim-strong` and the panel's white washes are alpha values, so the
|
|
44
|
+
* swatch shows them over whatever surface the specimen sits on. That is the
|
|
45
|
+
* honest picture — those tokens have no appearance of their own — and it is why
|
|
46
|
+
* a page documenting them should place the specimen on the surface the token is
|
|
47
|
+
* meant for rather than on the default ground.
|
|
48
|
+
*
|
|
49
|
+
* **The square is `aria-hidden` and the name is not.** The colour is the
|
|
50
|
+
* information for anyone who can see it and nothing at all to anyone who cannot;
|
|
51
|
+
* what a screen reader needs is the token's name, which is the caption. So the
|
|
52
|
+
* caption is real text rather than a `title` on the square.
|
|
53
|
+
*/
|
|
54
|
+
function TokenSpecimen({ token, note, className, ...props }) {
|
|
55
|
+
return (_jsxs("div", { "data-slot": "token-specimen", "data-token": token, className: cn("flex items-start gap-3", className), ...props, children: [_jsx("span", { "data-slot": "token-specimen-swatch", "aria-hidden": "true", className: "size-10 shrink-0 rounded-md border border-line", style: { background: `var(${token})` } }), _jsxs("span", { className: "flex min-w-0 flex-col gap-1", children: [_jsx("code", { "data-slot": "token-specimen-name",
|
|
56
|
+
// break-all rather than truncate: a token name is an identifier
|
|
57
|
+
// someone is going to copy, and half of one is worse than two lines.
|
|
58
|
+
className: "font-mono text-caption break-all text-ink", children: token }), note ? _jsx("span", { className: "text-caption text-body", children: note }) : null] })] }));
|
|
59
|
+
}
|
|
60
|
+
export { TokenSpecimen };
|
|
61
|
+
//# sourceMappingURL=token-specimen.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"token-specimen.js","sourceRoot":"","sources":["../../src/blocks/token-specimen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,SAAS,aAAa,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EAMT;IACC,OAAO,CACL,4BACY,gBAAgB,gBAId,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAC9C,KAAK,aAET,4BACY,uBAAuB,iBACrB,MAAM,EAClB,SAAS,EAAC,gDAAgD,EAC1D,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,KAAK,GAAG,EAAE,GACtC,EACF,gBAAM,SAAS,EAAC,6BAA6B,aAC3C,4BACY,qBAAqB;wBAC/B,gEAAgE;wBAChE,qEAAqE;wBACrE,SAAS,EAAC,2CAA2C,YAEpD,KAAK,GACD,EACN,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,wBAAwB,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IAChE,IACH,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -31,6 +31,7 @@ export * from "./blocks/drop-zone.js";
|
|
|
31
31
|
export * from "./blocks/entity-card.js";
|
|
32
32
|
export * from "./blocks/entity-identity.js";
|
|
33
33
|
export * from "./blocks/entity-status.js";
|
|
34
|
+
export * from "./blocks/eyebrow.js";
|
|
34
35
|
export * from "./blocks/feature-cells.js";
|
|
35
36
|
export * from "./blocks/hub-index.js";
|
|
36
37
|
export * from "./blocks/icons.js";
|
|
@@ -47,6 +48,7 @@ export * from "./blocks/rich-text.js";
|
|
|
47
48
|
export * from "./blocks/sign-in-options.js";
|
|
48
49
|
export * from "./blocks/stage-panel.js";
|
|
49
50
|
export * from "./blocks/step-item.js";
|
|
51
|
+
export * from "./blocks/token-specimen.js";
|
|
50
52
|
export * from "./blocks/tool-logo.js";
|
|
51
53
|
export * from "./blocks/tool-setup.js";
|
|
52
54
|
export * from "./blocks/tool-marks.js";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAGtC,cAAc,uBAAuB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAGtC,cAAc,uBAAuB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -48,6 +48,7 @@ export * from "./blocks/drop-zone.js";
|
|
|
48
48
|
export * from "./blocks/entity-card.js";
|
|
49
49
|
export * from "./blocks/entity-identity.js";
|
|
50
50
|
export * from "./blocks/entity-status.js";
|
|
51
|
+
export * from "./blocks/eyebrow.js";
|
|
51
52
|
export * from "./blocks/feature-cells.js";
|
|
52
53
|
export * from "./blocks/hub-index.js";
|
|
53
54
|
export * from "./blocks/icons.js";
|
|
@@ -64,6 +65,7 @@ export * from "./blocks/rich-text.js";
|
|
|
64
65
|
export * from "./blocks/sign-in-options.js";
|
|
65
66
|
export * from "./blocks/stage-panel.js";
|
|
66
67
|
export * from "./blocks/step-item.js";
|
|
68
|
+
export * from "./blocks/token-specimen.js";
|
|
67
69
|
export * from "./blocks/tool-logo.js";
|
|
68
70
|
export * from "./blocks/tool-setup.js";
|
|
69
71
|
export * from "./blocks/tool-marks.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,oEAAoE;AACpE,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,yEAAyE;AACzE,gFAAgF;AAChF,4EAA4E;AAC5E,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,uEAAuE;AAEvE,cAAc;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,mBAAmB;AACnB,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAEtC,0EAA0E;AAC1E,cAAc,uBAAuB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,oEAAoE;AACpE,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,yEAAyE;AACzE,gFAAgF;AAChF,4EAA4E;AAC5E,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,uEAAuE;AAEvE,cAAc;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,mBAAmB;AACnB,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAEtC,0EAA0E;AAC1E,cAAc,uBAAuB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAK1E,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,+BAQxE;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,+BAQ5E;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAAK,+
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAK1E,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,+BAQxE;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,+BAQ5E;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAAK,+BAuBlC;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,KAAK,CAAC,KAAK,+BAiBhC;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
|
package/dist/ui/accordion.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
|
|
4
4
|
import { cn } from "../lib/cloudgrid-cn.js";
|
|
5
|
-
import { ChevronDownIcon, ChevronUpIcon } from "
|
|
5
|
+
import { ChevronDownIcon, ChevronUpIcon } from "../blocks/icons.js";
|
|
6
6
|
function Accordion({ className, ...props }) {
|
|
7
7
|
return (_jsx(AccordionPrimitive.Root, { "data-slot": "accordion", className: cn("flex w-full flex-col", className), ...props }));
|
|
8
8
|
}
|
|
@@ -10,7 +10,7 @@ function AccordionItem({ className, ...props }) {
|
|
|
10
10
|
return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("not-last:border-b", className), ...props }));
|
|
11
11
|
}
|
|
12
12
|
function AccordionTrigger({ className, children, ...props }) {
|
|
13
|
-
return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-body-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50
|
|
13
|
+
return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-body-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "pointer-events-none ml-auto size-4 shrink-0 text-muted-foreground group-aria-expanded/accordion-trigger:hidden" }), _jsx(ChevronUpIcon, { className: "pointer-events-none ml-auto hidden size-4 shrink-0 text-muted-foreground group-aria-expanded/accordion-trigger:inline" })] }) }));
|
|
14
14
|
}
|
|
15
15
|
function AccordionContent({ className, children, ...props }) {
|
|
16
16
|
return (_jsx(AccordionPrimitive.Panel, { "data-slot": "accordion-content", className: "overflow-hidden text-body-sm data-open:animate-accordion-down data-closed:animate-accordion-up", ...props, children: _jsx("div", { className: cn("h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className), children: children }) }));
|
package/dist/ui/accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/ui/accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAE1E,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/ui/accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAE1E,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEpE,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACvE,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,iBACZ,WAAW,EACrB,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,KAC5C,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IAC3E,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,iBACZ,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACyB;IACjC,OAAO,CACL,KAAC,kBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,YACzC,MAAC,kBAAkB,CAAC,OAAO,iBACf,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CACX,uWAAuW,EACvW,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EAOT,KAAC,eAAe,IAAC,SAAS,EAAC,gHAAgH,GAAG,EAC9I,KAAC,aAAa,IAAC,SAAS,EAAC,uHAAuH,GAAG,IACxH,GACH,CAC7B,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACuB;IAC/B,OAAO,CACL,KAAC,kBAAkB,CAAC,KAAK,iBACb,mBAAmB,EAC7B,SAAS,EAAC,gGAAgG,KACtG,KAAK,YAET,cACE,SAAS,EAAE,EAAE,CACX,yLAAyL,EACzL,SAAS,CACV,YAEA,QAAQ,GACL,GACmB,CAC5B,CAAA;AACH,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
|
package/dist/ui/badge.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useRender } from "@base-ui/react/use-render";
|
|
2
2
|
import { type VariantProps } from "class-variance-authority";
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
|
-
variant?: "link" | "
|
|
4
|
+
variant?: "link" | "ghost" | "default" | "secondary" | "destructive" | "outline" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
6
|
declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
7
7
|
export { Badge, badgeVariants };
|
package/dist/ui/button.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Button as ButtonPrimitive } from "@base-ui/react/button";
|
|
2
2
|
import { type VariantProps } from "class-variance-authority";
|
|
3
3
|
declare const buttonVariants: (props?: ({
|
|
4
|
-
variant?: "link" | "
|
|
4
|
+
variant?: "link" | "ghost" | "default" | "secondary" | "destructive" | "outline" | null | undefined;
|
|
5
5
|
size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAKvE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,+
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAKvE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,+BAkBtE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|