@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
package/dist/blocks/icons.d.ts
CHANGED
|
@@ -21,10 +21,13 @@
|
|
|
21
21
|
* below are Phosphor's, inlined by `scripts/generate-phosphor-marks.mjs` into
|
|
22
22
|
* `blocks/phosphor-marks.tsx` and re-exported here under role names.
|
|
23
23
|
*
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
24
|
+
* As of #167 this is the whole icon surface. lucide is gone from the package,
|
|
25
|
+
* from the gallery, from every registry item and from the lockfile, and two
|
|
26
|
+
* gates keep it gone: `scripts/check-icon-packages.mjs` fails if any icon
|
|
27
|
+
* package other than `@phosphor-icons/core` appears in a `package.json`, and
|
|
28
|
+
* `scripts/check-literals.mjs` fails on an import of one from source. Adding a
|
|
29
|
+
* glyph means adding a slug to `ICON_MARKS` in the generator and a name below —
|
|
30
|
+
* never a second icon dependency.
|
|
28
31
|
*
|
|
29
32
|
* This module shipped its first draft as lucide re-exports, which was wrong for
|
|
30
33
|
* the reason `phosphor-marks.tsx` already had written down: the Figma frames
|
|
@@ -82,17 +85,72 @@
|
|
|
82
85
|
* running yet).
|
|
83
86
|
* OpenLiveIcon Phosphor `arrow-up-right`. Named by the issue. One
|
|
84
87
|
* stroke, and it means "leaves this surface" everywhere.
|
|
85
|
-
*
|
|
86
|
-
*
|
|
87
|
-
*
|
|
88
|
+
* EntityDashboardIcon Phosphor `gauge`. The entity card's second panel
|
|
89
|
+
* action, and it is NOT a gear. Founder direction
|
|
90
|
+
* 2026-09-08 (#182): that door opens the entity's page in
|
|
91
|
+
* the console, which shows analytics and what runs under
|
|
92
|
+
* the hood, so it means "look inside". A gear means
|
|
93
|
+
* "change how this is configured", which is a different
|
|
94
|
+
* page and a different promise. A needle on a dial says
|
|
95
|
+
* readings at 14px without needing any interior detail.
|
|
96
|
+
* SettingsIcon Phosphor `gear-six`. Still here, still exported, for
|
|
97
|
+
* the surfaces that really are settings. The six-tooth
|
|
98
|
+
* gear reads cleaner at 14px than the eight-tooth `gear`
|
|
99
|
+
* the build question uses.
|
|
88
100
|
* ViewsIcon Phosphor `eye`, for a count in a card's stat row.
|
|
89
101
|
* CommentsIcon Phosphor `chat-circle`, for the count beside it.
|
|
90
|
-
*
|
|
91
|
-
*
|
|
102
|
+
* SaveIcon Phosphor `bookmark-simple`, for the entity card's
|
|
103
|
+
* header actions (#176). The simple ribbon rather than
|
|
104
|
+
* `bookmark`: the notched one turns to a smudge at 16px,
|
|
105
|
+
* which is the size a row control actually renders at.
|
|
106
|
+
* MoreActionsIcon Phosphor `dots-three-vertical`. The vertical kebab, not
|
|
107
|
+
* the horizontal three: a row's overflow menu is vertical
|
|
108
|
+
* everywhere a user has already seen one, and the
|
|
109
|
+
* horizontal form is spoken for by "and more" in prose.
|
|
110
|
+
*
|
|
111
|
+
* Both of the last two are ROLES, not shapes. `SaveIcon` is the mark for the
|
|
112
|
+
* save action whether or not the thing is saved — a filled or crossed state is
|
|
113
|
+
* the caller's, because "saved" is product state and this library holds none.
|
|
114
|
+
*
|
|
115
|
+
* ## Two naming conventions, on purpose
|
|
116
|
+
*
|
|
117
|
+
* A **content** glyph gets a role name — `SuccessIcon`, `MemoryIcon`,
|
|
118
|
+
* `KindAppIcon` — because the caller means the idea and the library decides the
|
|
119
|
+
* picture. A **control affordance** keeps its conventional name —
|
|
120
|
+
* `ChevronDownIcon`, `CheckIcon`, `CloseIcon`, `CopyIcon` — because a disclosure
|
|
121
|
+
* chevron IS the shape: there is no role behind it to rename to, and every
|
|
122
|
+
* consumer already knows what to reach for. Founder named these four in #167.
|
|
123
|
+
*
|
|
124
|
+
* `ChevronDown` and Phosphor's `caret-down` are the same picture under two
|
|
125
|
+
* vocabularies. The CloudGrid name is the one that stays.
|
|
126
|
+
*
|
|
127
|
+
* ## One weight departure
|
|
128
|
+
*
|
|
129
|
+
* Phosphor `regular` is the house weight, 6.25% of the box, and what the Figma
|
|
130
|
+
* frames are drawn with. Against lucide's default 2/24 stroke that is one notch
|
|
131
|
+
* lighter across the board — a uniform, deliberate shift to what the designs
|
|
132
|
+
* actually use, not per-glyph drift.
|
|
133
|
+
*
|
|
134
|
+
* `CheckBoldIcon` is the exception, and there is a number behind it: at 12-14px
|
|
135
|
+
* a regular tick's stroke lands at 0.75-0.875 device pixels, and a tick inside a
|
|
136
|
+
* FILLED indicator has to hold against a solid ground. Two call sites use it —
|
|
137
|
+
* `Checkbox` at 14px and `OnboardingQuestion` at 12px, which is where lucide
|
|
138
|
+
* itself carried an explicit `strokeWidth={3}`. Everything else is regular,
|
|
139
|
+
* including every tick at 16px and above.
|
|
140
|
+
*
|
|
141
|
+
* No comments inside the export blocks below, deliberately. The barrel's
|
|
92
142
|
* collision test reads exported names with a regex that splits the braces on
|
|
93
143
|
* commas, so a sentence in there is parsed as an export name.
|
|
94
144
|
*/
|
|
95
|
-
export { RobotMark as KindAgentIcon, LightbulbMark as KindInspirationIcon, AppWindowMark as KindAppIcon, ArrowUpRightMark as OpenLiveIcon, GearSixMark as SettingsIcon, EyeMark as ViewsIcon, ChatCircleMark as CommentsIcon, } from "./phosphor-marks.js";
|
|
145
|
+
export { RobotMark as KindAgentIcon, LightbulbMark as KindInspirationIcon, AppWindowMark as KindAppIcon, ArrowUpRightMark as OpenLiveIcon, GaugeMark as EntityDashboardIcon, GearSixMark as SettingsIcon, EyeMark as ViewsIcon, ChatCircleMark as CommentsIcon, BookmarkSimpleMark as SaveIcon, DotsThreeVerticalMark as MoreActionsIcon, } from "./phosphor-marks.js";
|
|
146
|
+
/** Control affordances: the glyphs a primitive draws to work at all. */
|
|
147
|
+
export { CaretDownMark as ChevronDownIcon, CaretUpMark as ChevronUpIcon, CaretRightMark as ChevronRightIcon, CheckMark as CheckIcon, CheckBoldMark as CheckBoldIcon, XMark as CloseIcon, CopyMark as CopyIcon, MinusMark as MinusIcon, PlusMark as PlusIcon, ArrowDownMark as ArrowDownIcon, } from "./phosphor-marks.js";
|
|
148
|
+
/** Status: how a surface reports what happened. */
|
|
149
|
+
export { CheckCircleMark as SuccessIcon, InfoMark as InfoIcon, WarningMark as WarningIcon, WarningOctagonMark as ErrorIcon, CircleNotchMark as LoadingIcon, CheckCircleMark as IncludedIcon, XCircleMark as NotIncludedIcon, } from "./phosphor-marks.js";
|
|
150
|
+
/** Capabilities: what a CloudGrid app is made of. */
|
|
151
|
+
export { SparkleMark as AiIcon, DatabaseMark as DatabaseIcon, HardDriveMark as StorageIcon, BrainMark as MemoryIcon, GlobeMark as WebIcon, KeyMark as SecretIcon, ClockMark as ScheduleIcon, UsersMark as PeopleIcon, LightningMark as FastIcon, PlugMark as PlugIcon, } from "./phosphor-marks.js";
|
|
152
|
+
/** The rest: glyphs an onboarding question or a sign-in method reaches for. */
|
|
153
|
+
export { UserMark as PersonIcon, EnvelopeMark as EmailIcon, MagnifyingGlassMark as SearchIcon, MegaphoneSimpleMark as AdIcon, StackMark as LayersIcon, ChartPieSliceMark as DashboardIcon, } from "./phosphor-marks.js";
|
|
96
154
|
/**
|
|
97
155
|
* The props every icon above takes, and all it takes.
|
|
98
156
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/blocks/icons.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/blocks/icons.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+IG;AAEH,OAAO,EACL,SAAS,IAAI,aAAa,EAC1B,aAAa,IAAI,mBAAmB,EACpC,aAAa,IAAI,WAAW,EAC5B,gBAAgB,IAAI,YAAY,EAChC,SAAS,IAAI,mBAAmB,EAChC,WAAW,IAAI,YAAY,EAC3B,OAAO,IAAI,SAAS,EACpB,cAAc,IAAI,YAAY,EAC9B,kBAAkB,IAAI,QAAQ,EAC9B,qBAAqB,IAAI,eAAe,GACzC,MAAM,8BAA8B,CAAA;AAErC,wEAAwE;AACxE,OAAO,EACL,aAAa,IAAI,eAAe,EAChC,WAAW,IAAI,aAAa,EAC5B,cAAc,IAAI,gBAAgB,EAClC,SAAS,IAAI,SAAS,EACtB,aAAa,IAAI,aAAa,EAC9B,KAAK,IAAI,SAAS,EAClB,QAAQ,IAAI,QAAQ,EACpB,SAAS,IAAI,SAAS,EACtB,QAAQ,IAAI,QAAQ,EACpB,aAAa,IAAI,aAAa,GAC/B,MAAM,8BAA8B,CAAA;AAErC,mDAAmD;AACnD,OAAO,EACL,eAAe,IAAI,WAAW,EAC9B,QAAQ,IAAI,QAAQ,EACpB,WAAW,IAAI,WAAW,EAC1B,kBAAkB,IAAI,SAAS,EAC/B,eAAe,IAAI,WAAW,EAC9B,eAAe,IAAI,YAAY,EAC/B,WAAW,IAAI,eAAe,GAC/B,MAAM,8BAA8B,CAAA;AAErC,qDAAqD;AACrD,OAAO,EACL,WAAW,IAAI,MAAM,EACrB,YAAY,IAAI,YAAY,EAC5B,aAAa,IAAI,WAAW,EAC5B,SAAS,IAAI,UAAU,EACvB,SAAS,IAAI,OAAO,EACpB,OAAO,IAAI,UAAU,EACrB,SAAS,IAAI,YAAY,EACzB,SAAS,IAAI,UAAU,EACvB,aAAa,IAAI,QAAQ,EACzB,QAAQ,IAAI,QAAQ,GACrB,MAAM,8BAA8B,CAAA;AAErC,+EAA+E;AAC/E,OAAO,EACL,QAAQ,IAAI,UAAU,EACtB,YAAY,IAAI,SAAS,EACzB,mBAAmB,IAAI,UAAU,EACjC,mBAAmB,IAAI,MAAM,EAC7B,SAAS,IAAI,UAAU,EACvB,iBAAiB,IAAI,aAAa,GACnC,MAAM,8BAA8B,CAAA;AAErC;;;;;;GAMG;AACH,YAAY,EAAE,iBAAiB,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAA"}
|
package/dist/blocks/icons.js
CHANGED
|
@@ -21,10 +21,13 @@
|
|
|
21
21
|
* below are Phosphor's, inlined by `scripts/generate-phosphor-marks.mjs` into
|
|
22
22
|
* `blocks/phosphor-marks.tsx` and re-exported here under role names.
|
|
23
23
|
*
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
24
|
+
* As of #167 this is the whole icon surface. lucide is gone from the package,
|
|
25
|
+
* from the gallery, from every registry item and from the lockfile, and two
|
|
26
|
+
* gates keep it gone: `scripts/check-icon-packages.mjs` fails if any icon
|
|
27
|
+
* package other than `@phosphor-icons/core` appears in a `package.json`, and
|
|
28
|
+
* `scripts/check-literals.mjs` fails on an import of one from source. Adding a
|
|
29
|
+
* glyph means adding a slug to `ICON_MARKS` in the generator and a name below —
|
|
30
|
+
* never a second icon dependency.
|
|
28
31
|
*
|
|
29
32
|
* This module shipped its first draft as lucide re-exports, which was wrong for
|
|
30
33
|
* the reason `phosphor-marks.tsx` already had written down: the Figma frames
|
|
@@ -82,15 +85,70 @@
|
|
|
82
85
|
* running yet).
|
|
83
86
|
* OpenLiveIcon Phosphor `arrow-up-right`. Named by the issue. One
|
|
84
87
|
* stroke, and it means "leaves this surface" everywhere.
|
|
85
|
-
*
|
|
86
|
-
*
|
|
87
|
-
*
|
|
88
|
+
* EntityDashboardIcon Phosphor `gauge`. The entity card's second panel
|
|
89
|
+
* action, and it is NOT a gear. Founder direction
|
|
90
|
+
* 2026-09-08 (#182): that door opens the entity's page in
|
|
91
|
+
* the console, which shows analytics and what runs under
|
|
92
|
+
* the hood, so it means "look inside". A gear means
|
|
93
|
+
* "change how this is configured", which is a different
|
|
94
|
+
* page and a different promise. A needle on a dial says
|
|
95
|
+
* readings at 14px without needing any interior detail.
|
|
96
|
+
* SettingsIcon Phosphor `gear-six`. Still here, still exported, for
|
|
97
|
+
* the surfaces that really are settings. The six-tooth
|
|
98
|
+
* gear reads cleaner at 14px than the eight-tooth `gear`
|
|
99
|
+
* the build question uses.
|
|
88
100
|
* ViewsIcon Phosphor `eye`, for a count in a card's stat row.
|
|
89
101
|
* CommentsIcon Phosphor `chat-circle`, for the count beside it.
|
|
90
|
-
*
|
|
91
|
-
*
|
|
102
|
+
* SaveIcon Phosphor `bookmark-simple`, for the entity card's
|
|
103
|
+
* header actions (#176). The simple ribbon rather than
|
|
104
|
+
* `bookmark`: the notched one turns to a smudge at 16px,
|
|
105
|
+
* which is the size a row control actually renders at.
|
|
106
|
+
* MoreActionsIcon Phosphor `dots-three-vertical`. The vertical kebab, not
|
|
107
|
+
* the horizontal three: a row's overflow menu is vertical
|
|
108
|
+
* everywhere a user has already seen one, and the
|
|
109
|
+
* horizontal form is spoken for by "and more" in prose.
|
|
110
|
+
*
|
|
111
|
+
* Both of the last two are ROLES, not shapes. `SaveIcon` is the mark for the
|
|
112
|
+
* save action whether or not the thing is saved — a filled or crossed state is
|
|
113
|
+
* the caller's, because "saved" is product state and this library holds none.
|
|
114
|
+
*
|
|
115
|
+
* ## Two naming conventions, on purpose
|
|
116
|
+
*
|
|
117
|
+
* A **content** glyph gets a role name — `SuccessIcon`, `MemoryIcon`,
|
|
118
|
+
* `KindAppIcon` — because the caller means the idea and the library decides the
|
|
119
|
+
* picture. A **control affordance** keeps its conventional name —
|
|
120
|
+
* `ChevronDownIcon`, `CheckIcon`, `CloseIcon`, `CopyIcon` — because a disclosure
|
|
121
|
+
* chevron IS the shape: there is no role behind it to rename to, and every
|
|
122
|
+
* consumer already knows what to reach for. Founder named these four in #167.
|
|
123
|
+
*
|
|
124
|
+
* `ChevronDown` and Phosphor's `caret-down` are the same picture under two
|
|
125
|
+
* vocabularies. The CloudGrid name is the one that stays.
|
|
126
|
+
*
|
|
127
|
+
* ## One weight departure
|
|
128
|
+
*
|
|
129
|
+
* Phosphor `regular` is the house weight, 6.25% of the box, and what the Figma
|
|
130
|
+
* frames are drawn with. Against lucide's default 2/24 stroke that is one notch
|
|
131
|
+
* lighter across the board — a uniform, deliberate shift to what the designs
|
|
132
|
+
* actually use, not per-glyph drift.
|
|
133
|
+
*
|
|
134
|
+
* `CheckBoldIcon` is the exception, and there is a number behind it: at 12-14px
|
|
135
|
+
* a regular tick's stroke lands at 0.75-0.875 device pixels, and a tick inside a
|
|
136
|
+
* FILLED indicator has to hold against a solid ground. Two call sites use it —
|
|
137
|
+
* `Checkbox` at 14px and `OnboardingQuestion` at 12px, which is where lucide
|
|
138
|
+
* itself carried an explicit `strokeWidth={3}`. Everything else is regular,
|
|
139
|
+
* including every tick at 16px and above.
|
|
140
|
+
*
|
|
141
|
+
* No comments inside the export blocks below, deliberately. The barrel's
|
|
92
142
|
* collision test reads exported names with a regex that splits the braces on
|
|
93
143
|
* commas, so a sentence in there is parsed as an export name.
|
|
94
144
|
*/
|
|
95
|
-
export { RobotMark as KindAgentIcon, LightbulbMark as KindInspirationIcon, AppWindowMark as KindAppIcon, ArrowUpRightMark as OpenLiveIcon, GearSixMark as SettingsIcon, EyeMark as ViewsIcon, ChatCircleMark as CommentsIcon, } from "./phosphor-marks.js";
|
|
145
|
+
export { RobotMark as KindAgentIcon, LightbulbMark as KindInspirationIcon, AppWindowMark as KindAppIcon, ArrowUpRightMark as OpenLiveIcon, GaugeMark as EntityDashboardIcon, GearSixMark as SettingsIcon, EyeMark as ViewsIcon, ChatCircleMark as CommentsIcon, BookmarkSimpleMark as SaveIcon, DotsThreeVerticalMark as MoreActionsIcon, } from "./phosphor-marks.js";
|
|
146
|
+
/** Control affordances: the glyphs a primitive draws to work at all. */
|
|
147
|
+
export { CaretDownMark as ChevronDownIcon, CaretUpMark as ChevronUpIcon, CaretRightMark as ChevronRightIcon, CheckMark as CheckIcon, CheckBoldMark as CheckBoldIcon, XMark as CloseIcon, CopyMark as CopyIcon, MinusMark as MinusIcon, PlusMark as PlusIcon, ArrowDownMark as ArrowDownIcon, } from "./phosphor-marks.js";
|
|
148
|
+
/** Status: how a surface reports what happened. */
|
|
149
|
+
export { CheckCircleMark as SuccessIcon, InfoMark as InfoIcon, WarningMark as WarningIcon, WarningOctagonMark as ErrorIcon, CircleNotchMark as LoadingIcon, CheckCircleMark as IncludedIcon, XCircleMark as NotIncludedIcon, } from "./phosphor-marks.js";
|
|
150
|
+
/** Capabilities: what a CloudGrid app is made of. */
|
|
151
|
+
export { SparkleMark as AiIcon, DatabaseMark as DatabaseIcon, HardDriveMark as StorageIcon, BrainMark as MemoryIcon, GlobeMark as WebIcon, KeyMark as SecretIcon, ClockMark as ScheduleIcon, UsersMark as PeopleIcon, LightningMark as FastIcon, PlugMark as PlugIcon, } from "./phosphor-marks.js";
|
|
152
|
+
/** The rest: glyphs an onboarding question or a sign-in method reaches for. */
|
|
153
|
+
export { UserMark as PersonIcon, EnvelopeMark as EmailIcon, MagnifyingGlassMark as SearchIcon, MegaphoneSimpleMark as AdIcon, StackMark as LayersIcon, ChartPieSliceMark as DashboardIcon, } from "./phosphor-marks.js";
|
|
96
154
|
//# sourceMappingURL=icons.js.map
|
package/dist/blocks/icons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/blocks/icons.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/blocks/icons.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+IG;AAEH,OAAO,EACL,SAAS,IAAI,aAAa,EAC1B,aAAa,IAAI,mBAAmB,EACpC,aAAa,IAAI,WAAW,EAC5B,gBAAgB,IAAI,YAAY,EAChC,SAAS,IAAI,mBAAmB,EAChC,WAAW,IAAI,YAAY,EAC3B,OAAO,IAAI,SAAS,EACpB,cAAc,IAAI,YAAY,EAC9B,kBAAkB,IAAI,QAAQ,EAC9B,qBAAqB,IAAI,eAAe,GACzC,MAAM,8BAA8B,CAAA;AAErC,wEAAwE;AACxE,OAAO,EACL,aAAa,IAAI,eAAe,EAChC,WAAW,IAAI,aAAa,EAC5B,cAAc,IAAI,gBAAgB,EAClC,SAAS,IAAI,SAAS,EACtB,aAAa,IAAI,aAAa,EAC9B,KAAK,IAAI,SAAS,EAClB,QAAQ,IAAI,QAAQ,EACpB,SAAS,IAAI,SAAS,EACtB,QAAQ,IAAI,QAAQ,EACpB,aAAa,IAAI,aAAa,GAC/B,MAAM,8BAA8B,CAAA;AAErC,mDAAmD;AACnD,OAAO,EACL,eAAe,IAAI,WAAW,EAC9B,QAAQ,IAAI,QAAQ,EACpB,WAAW,IAAI,WAAW,EAC1B,kBAAkB,IAAI,SAAS,EAC/B,eAAe,IAAI,WAAW,EAC9B,eAAe,IAAI,YAAY,EAC/B,WAAW,IAAI,eAAe,GAC/B,MAAM,8BAA8B,CAAA;AAErC,qDAAqD;AACrD,OAAO,EACL,WAAW,IAAI,MAAM,EACrB,YAAY,IAAI,YAAY,EAC5B,aAAa,IAAI,WAAW,EAC5B,SAAS,IAAI,UAAU,EACvB,SAAS,IAAI,OAAO,EACpB,OAAO,IAAI,UAAU,EACrB,SAAS,IAAI,YAAY,EACzB,SAAS,IAAI,UAAU,EACvB,aAAa,IAAI,QAAQ,EACzB,QAAQ,IAAI,QAAQ,GACrB,MAAM,8BAA8B,CAAA;AAErC,+EAA+E;AAC/E,OAAO,EACL,QAAQ,IAAI,UAAU,EACtB,YAAY,IAAI,SAAS,EACzB,mBAAmB,IAAI,UAAU,EACjC,mBAAmB,IAAI,MAAM,EAC7B,SAAS,IAAI,UAAU,EACvB,iBAAiB,IAAI,aAAa,GACnC,MAAM,8BAA8B,CAAA"}
|
|
@@ -5,7 +5,7 @@ import { Checkbox } from "@base-ui/react/checkbox";
|
|
|
5
5
|
import { CheckboxGroup } from "@base-ui/react/checkbox-group";
|
|
6
6
|
import { Radio } from "@base-ui/react/radio";
|
|
7
7
|
import { RadioGroup } from "@base-ui/react/radio-group";
|
|
8
|
-
import {
|
|
8
|
+
import { CheckBoldIcon } from "./icons.js";
|
|
9
9
|
import { Button } from "../ui/button.js";
|
|
10
10
|
import { OptionCard } from "./option-card.js";
|
|
11
11
|
import { PageHeading } from "./page-heading.js";
|
|
@@ -82,7 +82,7 @@ function OnboardingQuestionOption({ option, mode, variant, glyphTone, name, }) {
|
|
|
82
82
|
const element = chip ? (_jsx("span", { children: option.label })) : (_jsx(OptionCard, { title: option.label, body: option.description, glyph: option.icon, glyphTone: glyphTone }));
|
|
83
83
|
const optionClass = chip ? CHIP_CLASS : OPTION_CLASS;
|
|
84
84
|
if (mode === "multi") {
|
|
85
|
-
return (_jsx(Checkbox.Root, { value: option.value, name: name, disabled: option.disabled, "data-slot": "onboarding-question-option", "data-variant": variant, className: optionClass, render: element, children: chip ? null : (_jsx("span", { "aria-hidden": "true", "data-slot": "onboarding-question-indicator", className: cn(INDICATOR_CLASS, "rounded-[4px]"), children: _jsx(Checkbox.Indicator, { className: "flex [&>svg]:size-3", children: _jsx(
|
|
85
|
+
return (_jsx(Checkbox.Root, { value: option.value, name: name, disabled: option.disabled, "data-slot": "onboarding-question-option", "data-variant": variant, className: optionClass, render: element, children: chip ? null : (_jsx("span", { "aria-hidden": "true", "data-slot": "onboarding-question-indicator", className: cn(INDICATOR_CLASS, "rounded-[4px]"), children: _jsx(Checkbox.Indicator, { className: "flex [&>svg]:size-3", children: _jsx(CheckBoldIcon, {}) }) })) }));
|
|
86
86
|
}
|
|
87
87
|
return (_jsx(Radio.Root, { value: option.value, disabled: option.disabled, "data-slot": "onboarding-question-option", "data-variant": variant, className: optionClass, render: element, children: chip ? null : (_jsx("span", { "aria-hidden": "true", "data-slot": "onboarding-question-indicator", className: cn(INDICATOR_CLASS, "rounded-pill"), children: _jsx(Radio.Indicator, { className: "size-2 rounded-pill bg-current" }) })) }));
|
|
88
88
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onboarding-question.js","sourceRoot":"","sources":["../../src/blocks/onboarding-question.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"onboarding-question.js","sourceRoot":"","sources":["../../src/blocks/onboarding-question.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* The page lockup: optional eyebrow, display heading, optional subline.
|
|
3
3
|
*
|
|
4
|
+
* The eyebrow is `Eyebrow`, not three classes written here. It was the latter
|
|
5
|
+
* for a year, which meant the only way to get the label was to render a whole
|
|
6
|
+
* lockup, and a surface that wanted just the label built its own (#176). One
|
|
7
|
+
* definition, two doors.
|
|
8
|
+
*
|
|
4
9
|
* Ported from v0's `core/PageHeading`, keeping its two house rules. The title is
|
|
5
10
|
* authored in sentence case and rendered uppercase by CSS, so no string in a
|
|
6
11
|
* repo is ever written in caps. The subline is one sentence, which is why it
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-heading.d.ts","sourceRoot":"","sources":["../../src/blocks/page-heading.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"page-heading.d.ts","sourceRoot":"","sources":["../../src/blocks/page-heading.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,KAAK;;;;;CAKD,CAAA;AAEV,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,KAAK,EACL,GAAG,EACH,IAAW,EACX,KAAe,EACf,KAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;CACd,+BAqCA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Eyebrow } from "./eyebrow.js";
|
|
2
3
|
import { cn } from "../lib/cloudgrid-cn.js";
|
|
3
4
|
/**
|
|
4
5
|
* The page lockup: optional eyebrow, display heading, optional subline.
|
|
5
6
|
*
|
|
7
|
+
* The eyebrow is `Eyebrow`, not three classes written here. It was the latter
|
|
8
|
+
* for a year, which meant the only way to get the label was to render a whole
|
|
9
|
+
* lockup, and a surface that wanted just the label built its own (#176). One
|
|
10
|
+
* definition, two doors.
|
|
11
|
+
*
|
|
6
12
|
* Ported from v0's `core/PageHeading`, keeping its two house rules. The title is
|
|
7
13
|
* authored in sentence case and rendered uppercase by CSS, so no string in a
|
|
8
14
|
* repo is ever written in caps. The subline is one sentence, which is why it
|
|
@@ -24,7 +30,7 @@ const SIZES = {
|
|
|
24
30
|
};
|
|
25
31
|
function PageHeading({ eyebrow, title, sub, size = "lg", align = "start", level = 1, className, ...props }) {
|
|
26
32
|
const Heading = level === 1 ? "h1" : "h2";
|
|
27
|
-
return (_jsxs("header", { "data-slot": "page-heading", className: cn("flex flex-col gap-3", align === "center" && "items-center text-center", className), ...props, children: [eyebrow ?
|
|
33
|
+
return (_jsxs("header", { "data-slot": "page-heading", className: cn("flex flex-col gap-3", align === "center" && "items-center text-center", className), ...props, children: [eyebrow ? _jsx(Eyebrow, { children: eyebrow }) : null, _jsx(Heading, { className: cn("font-display font-heavy tracking-display uppercase leading-display text-balance text-(--cg-text-accent)", SIZES[size]), children: title }), sub ? _jsx("p", { className: "text-body-lg text-body", children: sub }) : null] }));
|
|
28
34
|
}
|
|
29
35
|
export { PageHeading };
|
|
30
36
|
//# sourceMappingURL=page-heading.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-heading.js","sourceRoot":"","sources":["../../src/blocks/page-heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC
|
|
1
|
+
{"version":3,"file":"page-heading.js","sourceRoot":"","sources":["../../src/blocks/page-heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,oCAAoC;IACxC,EAAE,EAAE,oCAAoC;IACxC,EAAE,EAAE,oCAAoC;CAChC,CAAA;AAEV,SAAS,WAAW,CAAC,EACnB,OAAO,EACP,KAAK,EACL,GAAG,EACH,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,OAAO,EACf,KAAK,GAAG,CAAC,EACT,SAAS,EACT,GAAG,KAAK,EAST;IACC,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAEzC,OAAO,CACL,+BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,KAAK,KAAK,QAAQ,IAAI,0BAA0B,EAChD,SAAS,CACV,KACG,KAAK,aAER,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,cAAE,OAAO,GAAW,CAAC,CAAC,CAAC,IAAI,EAa9C,KAAC,OAAO,IACN,SAAS,EAAE,EAAE,CACX,yGAAyG,EACzG,KAAK,CAAC,IAAI,CAAC,CACZ,YAEA,KAAK,GACE,EACT,GAAG,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,wBAAwB,YAAE,GAAG,GAAK,CAAC,CAAC,CAAC,IAAI,IACtD,CACV,CAAA;AACH,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -13,50 +13,114 @@ import * as React from "react";
|
|
|
13
13
|
export type PhosphorMarkProps = {
|
|
14
14
|
className?: string;
|
|
15
15
|
};
|
|
16
|
-
/** A friend. Phosphor `user
|
|
16
|
+
/** A friend. Phosphor `user`, regular. */
|
|
17
17
|
export declare const UserMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
18
|
-
/** X. Phosphor `x-logo
|
|
18
|
+
/** X. Phosphor `x-logo`, regular. */
|
|
19
19
|
export declare const XLogoMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
20
|
-
/** LinkedIn. Phosphor `linkedin-logo
|
|
20
|
+
/** LinkedIn. Phosphor `linkedin-logo`, regular. */
|
|
21
21
|
export declare const LinkedinLogoMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
22
|
-
/** YouTube. Phosphor `youtube-logo
|
|
22
|
+
/** YouTube. Phosphor `youtube-logo`, regular. */
|
|
23
23
|
export declare const YoutubeLogoMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
24
|
-
/** A podcast. Phosphor `apple-podcasts-logo
|
|
24
|
+
/** A podcast. Phosphor `apple-podcasts-logo`, regular. */
|
|
25
25
|
export declare const ApplePodcastsLogoMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
26
|
-
/** Google Search. Phosphor `google-logo
|
|
26
|
+
/** Google Search. Phosphor `google-logo`, regular. */
|
|
27
27
|
export declare const GoogleLogoMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
28
|
-
/** My AI tool said so. Phosphor `star-four
|
|
28
|
+
/** My AI tool said so. Phosphor `star-four`, regular. */
|
|
29
29
|
export declare const StarFourMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
30
|
-
/** Somewhere else. Phosphor `dots-three-outline
|
|
30
|
+
/** Somewhere else. Phosphor `dots-three-outline`, regular. */
|
|
31
31
|
export declare const DotsThreeOutlineMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
32
|
-
/** Dashboards. Phosphor `chart-pie-slice
|
|
32
|
+
/** Dashboards. Phosphor `chart-pie-slice`, regular. */
|
|
33
33
|
export declare const ChartPieSliceMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
34
|
-
/** Web apps. Phosphor `browsers
|
|
34
|
+
/** Web apps. Phosphor `browsers`, regular. */
|
|
35
35
|
export declare const BrowsersMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
36
|
-
/** Sites and landing pages. Phosphor `devices
|
|
36
|
+
/** Sites and landing pages. Phosphor `devices`, regular. */
|
|
37
37
|
export declare const DevicesMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
38
|
-
/** Games. Phosphor `ghost
|
|
38
|
+
/** Games. Phosphor `ghost`, regular. */
|
|
39
39
|
export declare const GhostMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
40
|
-
/** Internal tools. Phosphor `code-block
|
|
40
|
+
/** Internal tools. Phosphor `code-block`, regular. */
|
|
41
41
|
export declare const CodeBlockMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
42
|
-
/** APIs and backends. Phosphor `database
|
|
42
|
+
/** APIs and backends. Phosphor `database`, regular. */
|
|
43
43
|
export declare const DatabaseMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
44
|
-
/** Automations. Phosphor `gear
|
|
44
|
+
/** Automations. Phosphor `gear`, regular. */
|
|
45
45
|
export declare const GearMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
46
|
-
/** AI apps. Phosphor `robot
|
|
46
|
+
/** AI apps. Phosphor `robot`, regular. */
|
|
47
47
|
export declare const RobotMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
48
|
-
/** An inspiration. Phosphor `lightbulb
|
|
48
|
+
/** An inspiration. Phosphor `lightbulb`, regular. */
|
|
49
49
|
export declare const LightbulbMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
50
|
-
/** A runnable app. Phosphor `app-window
|
|
50
|
+
/** A runnable app. Phosphor `app-window`, regular. */
|
|
51
51
|
export declare const AppWindowMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
52
|
-
/** Open it live. Phosphor `arrow-up-right
|
|
52
|
+
/** Open it live. Phosphor `arrow-up-right`, regular. */
|
|
53
53
|
export declare const ArrowUpRightMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
54
|
-
/**
|
|
54
|
+
/** Look inside — the dashboard. Phosphor `gauge`, regular. */
|
|
55
|
+
export declare const GaugeMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
56
|
+
/** Settings. Phosphor `gear-six`, regular. */
|
|
55
57
|
export declare const GearSixMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
56
|
-
/** Views. Phosphor `eye
|
|
58
|
+
/** Views. Phosphor `eye`, regular. */
|
|
57
59
|
export declare const EyeMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
58
|
-
/** Comments. Phosphor `chat-circle
|
|
60
|
+
/** Comments. Phosphor `chat-circle`, regular. */
|
|
59
61
|
export declare const ChatCircleMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
62
|
+
/** A disclosure chevron, pointing down. Phosphor `caret-down`, regular. */
|
|
63
|
+
export declare const CaretDownMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
64
|
+
/** A disclosure chevron, pointing up. Phosphor `caret-up`, regular. */
|
|
65
|
+
export declare const CaretUpMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
66
|
+
/** A disclosure chevron, pointing right. Phosphor `caret-right`, regular. */
|
|
67
|
+
export declare const CaretRightMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
68
|
+
/** A tick. Phosphor `check`, regular. */
|
|
69
|
+
export declare const CheckMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
70
|
+
/** A tick that survives a filled indicator under 16px. Phosphor `check`, bold. */
|
|
71
|
+
export declare const CheckBoldMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
72
|
+
/** Dismiss, close, clear. Phosphor `x`, regular. */
|
|
73
|
+
export declare const XMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
74
|
+
/** Copy to the clipboard. Phosphor `copy`, regular. */
|
|
75
|
+
export declare const CopyMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
76
|
+
/** Decrement. Phosphor `minus`, regular. */
|
|
77
|
+
export declare const MinusMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
78
|
+
/** Increment. Phosphor `plus`, regular. */
|
|
79
|
+
export declare const PlusMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
80
|
+
/** Drop it here. Phosphor `arrow-down`, regular. */
|
|
81
|
+
export declare const ArrowDownMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
82
|
+
/** Succeeded, or included. Phosphor `check-circle`, regular. */
|
|
83
|
+
export declare const CheckCircleMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
84
|
+
/** For information. Phosphor `info`, regular. */
|
|
85
|
+
export declare const InfoMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
86
|
+
/** A warning. Phosphor `warning`, regular. */
|
|
87
|
+
export declare const WarningMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
88
|
+
/** An error. Phosphor `warning-octagon`, regular. */
|
|
89
|
+
export declare const WarningOctagonMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
90
|
+
/** Not included. Phosphor `x-circle`, regular. */
|
|
91
|
+
export declare const XCircleMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
92
|
+
/** Working on it. Phosphor `circle-notch`, regular. */
|
|
93
|
+
export declare const CircleNotchMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
94
|
+
/** AI. Phosphor `sparkle`, regular. */
|
|
95
|
+
export declare const SparkleMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
96
|
+
/** Storage. Phosphor `hard-drive`, regular. */
|
|
97
|
+
export declare const HardDriveMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
98
|
+
/** Memory. Phosphor `brain`, regular. */
|
|
99
|
+
export declare const BrainMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
100
|
+
/** On the web. Phosphor `globe`, regular. */
|
|
101
|
+
export declare const GlobeMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
102
|
+
/** A secret, a key, signing in. Phosphor `key`, regular. */
|
|
103
|
+
export declare const KeyMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
104
|
+
/** On a schedule. Phosphor `clock`, regular. */
|
|
105
|
+
export declare const ClockMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
106
|
+
/** People. Phosphor `users`, regular. */
|
|
107
|
+
export declare const UsersMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
108
|
+
/** Fast. Phosphor `lightning`, regular. */
|
|
109
|
+
export declare const LightningMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
110
|
+
/** Plugged in. Phosphor `plug`, regular. */
|
|
111
|
+
export declare const PlugMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
112
|
+
/** Email. Phosphor `envelope`, regular. */
|
|
113
|
+
export declare const EnvelopeMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
114
|
+
/** Search. Phosphor `magnifying-glass`, regular. */
|
|
115
|
+
export declare const MagnifyingGlassMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
116
|
+
/** An ad. Phosphor `megaphone-simple`, regular. */
|
|
117
|
+
export declare const MegaphoneSimpleMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
118
|
+
/** Layers, internal tools. Phosphor `stack`, regular. */
|
|
119
|
+
export declare const StackMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
120
|
+
/** Save it. Phosphor `bookmark-simple`, regular. */
|
|
121
|
+
export declare const BookmarkSimpleMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
122
|
+
/** More actions. Phosphor `dots-three-vertical`, regular. */
|
|
123
|
+
export declare const DotsThreeVerticalMark: ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
60
124
|
/** Keyed by the label a caller shows, the same shape as TOOL_MARKS. */
|
|
61
125
|
export declare const PHOSPHOR_MARKS: {
|
|
62
126
|
readonly "A friend": ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
@@ -77,4 +141,17 @@ export declare const PHOSPHOR_MARKS: {
|
|
|
77
141
|
readonly "AI apps": ({ className }: PhosphorMarkProps) => React.JSX.Element;
|
|
78
142
|
};
|
|
79
143
|
export type PhosphorMarkName = keyof typeof PHOSPHOR_MARKS;
|
|
144
|
+
/**
|
|
145
|
+
* Where every mark in this file came from: the Phosphor slug and the weight.
|
|
146
|
+
*
|
|
147
|
+
* Not decoration. The gallery's icons page (#167) prints this beside the
|
|
148
|
+
* rendered mark so a designer can check a glyph against the Figma frame without
|
|
149
|
+
* reading the generator, and a weight departure from `regular` is visible on
|
|
150
|
+
* the page rather than buried in a list. Generated with the marks, so it cannot
|
|
151
|
+
* drift from what was actually inlined.
|
|
152
|
+
*/
|
|
153
|
+
export declare const PHOSPHOR_MARK_SOURCES: Record<string, {
|
|
154
|
+
slug: string;
|
|
155
|
+
weight: string;
|
|
156
|
+
}>;
|
|
80
157
|
//# sourceMappingURL=phosphor-marks.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"phosphor-marks.d.ts","sourceRoot":"","sources":["../../src/blocks/phosphor-marks.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;;;GAUG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAetD,
|
|
1
|
+
{"version":3,"file":"phosphor-marks.d.ts","sourceRoot":"","sources":["../../src/blocks/phosphor-marks.tsx"],"names":[],"mappings":"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"}
|