@cloudgrid-io/ui 0.9.0 → 0.11.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/onboarding-question.d.ts +6 -0
- package/dist/blocks/onboarding-question.d.ts.map +1 -1
- package/dist/blocks/onboarding-question.js +5 -5
- package/dist/blocks/onboarding-question.js.map +1 -1
- package/dist/blocks/option-card.d.ts +11 -1
- package/dist/blocks/option-card.d.ts.map +1 -1
- package/dist/blocks/option-card.js +2 -2
- package/dist/blocks/option-card.js.map +1 -1
- package/dist/blocks/phosphor-marks.d.ts +58 -0
- package/dist/blocks/phosphor-marks.d.ts.map +1 -0
- package/dist/blocks/phosphor-marks.js +95 -0
- package/dist/blocks/phosphor-marks.js.map +1 -0
- package/dist/blocks/tool-setup.d.ts.map +1 -1
- package/dist/blocks/tool-setup.js +10 -1
- package/dist/blocks/tool-setup.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/blocks/social-marks.d.ts +0 -34
- package/dist/blocks/social-marks.d.ts.map +0 -1
- package/dist/blocks/social-marks.js +0 -44
- package/dist/blocks/social-marks.js.map +0 -1
|
@@ -109,6 +109,12 @@ type OnboardingQuestionBaseProps = Omit<React.ComponentProps<"section">, "ref" |
|
|
|
109
109
|
* `columns` is ignored for chips, which size to their text and wrap.
|
|
110
110
|
*/
|
|
111
111
|
variant?: "card" | "chip";
|
|
112
|
+
/**
|
|
113
|
+
* Forwarded to `OptionCard`. `ink` for a question whose options are VENDOR
|
|
114
|
+
* MARKS — eight logos in brand purple read as eight instances of CloudGrid
|
|
115
|
+
* rather than eight different products.
|
|
116
|
+
*/
|
|
117
|
+
glyphTone?: "accent" | "ink";
|
|
112
118
|
/**
|
|
113
119
|
* `stacked` puts the question above its options. `side` puts it in a column
|
|
114
120
|
* beside them, which is what lets two questions share one screen without two
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onboarding-question.d.ts","sourceRoot":"","sources":["../../src/blocks/onboarding-question.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAGxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,OAAO;;;;;CAKH,CAAA;
|
|
1
|
+
{"version":3,"file":"onboarding-question.d.ts","sourceRoot":"","sources":["../../src/blocks/onboarding-question.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAGxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,OAAO;;;;;CAKH,CAAA;AAmJV,8EAA8E;AAC9E,KAAK,2BAA2B,GAAG,IAAI,CACrC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAC/B,KAAK,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAC9C,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;IACb,2DAA2D;IAC3D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC9B,4EAA4E;IAC5E,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACb,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IAC9D;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,uBAAuB,GAAG,2BAA2B,GACxD,CACI;IACE,uEAAuE;IACvE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,GACD;IACE,0EAA0E;IAC1E,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAC1C,CACJ,CAAA;AAEH,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAgLzD;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
|
|
@@ -69,7 +69,7 @@ const OPTION_CLASS = cn("group relative cursor-pointer pe-11 text-start transiti
|
|
|
69
69
|
const CHIP_CLASS = cn("group relative inline-flex cursor-pointer items-center rounded-pill px-4 py-2 text-start", "border border-hairline bg-card text-body-sm text-ink transition-colors select-none", "hover:border-line", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring focus-visible:outline-none", "data-checked:border-transparent data-checked:bg-primary data-checked:text-on-primary", "data-disabled:pointer-events-none data-disabled:opacity-50");
|
|
70
70
|
/** The indicator's frame. Round for one-of, square for many-of: shape says which. */
|
|
71
71
|
const INDICATOR_CLASS = cn("pointer-events-none absolute end-4 top-4 flex size-4 shrink-0 items-center justify-center", "border border-line text-ink transition-colors group-data-checked:border-line-strong");
|
|
72
|
-
function OnboardingQuestionOption({ option, mode, variant, name, }) {
|
|
72
|
+
function OnboardingQuestionOption({ option, mode, variant, glyphTone, name, }) {
|
|
73
73
|
// A chip is the render element itself, not an OptionCard: there is no title,
|
|
74
74
|
// body or glyph to place, and routing a bare word through a card component
|
|
75
75
|
// would mean overriding away every part of it.
|
|
@@ -79,7 +79,7 @@ function OnboardingQuestionOption({ option, mode, variant, name, }) {
|
|
|
79
79
|
// literally an OptionCard with radio or checkbox semantics rather than a
|
|
80
80
|
// lookalike. className is concatenated, and OptionCard runs the result through
|
|
81
81
|
// cn() last, so these utilities win the conflicts they are meant to win.
|
|
82
|
-
const element = chip ? (_jsx("span", { children: option.label })) : (_jsx(OptionCard, { title: option.label, body: option.description, glyph: option.icon }));
|
|
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
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(CheckIcon, { strokeWidth: 3 }) }) })) }));
|
|
@@ -93,7 +93,7 @@ function OnboardingQuestion(props) {
|
|
|
93
93
|
// first would collapse both into one union and hand the console a value it has
|
|
94
94
|
// to unpick at every call site.
|
|
95
95
|
const isMulti = props.mode === "multi";
|
|
96
|
-
const { title, sub, eyebrow, options, variant = "card", layout = "stacked", columns = 2, level = 1, headingSize = "md", continueLabel = "Continue", onContinue, canContinue, footer, name, className,
|
|
96
|
+
const { title, sub, eyebrow, options, variant = "card", glyphTone = "accent", layout = "stacked", columns = 2, level = 1, headingSize = "md", continueLabel = "Continue", onContinue, canContinue, footer, name, className,
|
|
97
97
|
// Held back so they cannot reach the DOM as attributes.
|
|
98
98
|
mode: _mode, value: _value, defaultValue: _defaultValue, onValueChange: _onValueChange, ...rest } = props;
|
|
99
99
|
// A mirror, kept for ONE reason: to know whether the button should be live.
|
|
@@ -134,11 +134,11 @@ function OnboardingQuestion(props) {
|
|
|
134
134
|
return (_jsxs("section", { "data-slot": "onboarding-question", "data-layout": layout, className: cn("flex flex-col gap-8", className), ...rest, children: [_jsxs("div", { "data-slot": "onboarding-question-band", className: band, children: [layout === "side" ? (_jsxs("div", { id: headingId, "data-slot": "onboarding-question-label", children: [React.createElement(level === 1 ? "h1" : "h2", { className: "m-0 text-body-sm font-medium text-ink" }, title), sub ? _jsx("p", { className: "mt-1 text-caption text-faint", children: sub }) : null] })) : (_jsx(PageHeading, { id: headingId, eyebrow: eyebrow, title: title, sub: sub, size: headingSize, level: level })), isMulti ? (_jsx(CheckboxGroup, { "aria-labelledby": headingId, "data-slot": "onboarding-question-options", className: grid, defaultValue: props.defaultValue ?? undefined, value: props.value, onValueChange: (next) => {
|
|
135
135
|
setPicked(next);
|
|
136
136
|
props.onValueChange?.(next);
|
|
137
|
-
}, children: options.map((option) => (_jsx(OnboardingQuestionOption, { option: option, mode: "multi", variant: variant, name: name }, option.value))) })) : (_jsx(RadioGroup, { "aria-labelledby": headingId, "data-slot": "onboarding-question-options", className: grid, name: name, defaultValue: props.defaultValue ?? undefined, value: props.value === null ? "" : props.value, onValueChange: (next) => {
|
|
137
|
+
}, children: options.map((option) => (_jsx(OnboardingQuestionOption, { option: option, mode: "multi", variant: variant, glyphTone: glyphTone, name: name }, option.value))) })) : (_jsx(RadioGroup, { "aria-labelledby": headingId, "data-slot": "onboarding-question-options", className: grid, name: name, defaultValue: props.defaultValue ?? undefined, value: props.value === null ? "" : props.value, onValueChange: (next) => {
|
|
138
138
|
const answer = typeof next === "string" && next !== "" ? next : null;
|
|
139
139
|
setPicked(answer == null ? [] : [answer]);
|
|
140
140
|
props.onValueChange?.(answer);
|
|
141
|
-
}, children: options.map((option) => (_jsx(OnboardingQuestionOption, { option: option, mode: "single", variant: variant }, option.value))) }))] }), continueLabel !== null || footer ? (_jsxs("div", { "data-slot": "onboarding-question-actions", className: "flex flex-col items-start gap-4", children: [continueLabel !== null ? (_jsx(Button, { type: "button", size: "lg", "data-slot": "onboarding-question-continue", onClick: onContinue, disabled: !(canContinue ?? answered), children: continueLabel })) : null, footer] })) : null] }));
|
|
141
|
+
}, children: options.map((option) => (_jsx(OnboardingQuestionOption, { option: option, mode: "single", variant: variant, glyphTone: glyphTone }, option.value))) }))] }), continueLabel !== null || footer ? (_jsxs("div", { "data-slot": "onboarding-question-actions", className: "flex flex-col items-start gap-4", children: [continueLabel !== null ? (_jsx(Button, { type: "button", size: "lg", "data-slot": "onboarding-question-continue", onClick: onContinue, disabled: !(canContinue ?? answered), children: continueLabel })) : null, footer] })) : null] }));
|
|
142
142
|
}
|
|
143
143
|
export { OnboardingQuestion };
|
|
144
144
|
//# sourceMappingURL=onboarding-question.js.map
|
|
@@ -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,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAoFvC;;;;;;;;;GASG;AACH,MAAM,OAAO,GAAG;IACd,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,4BAA4B;IAC/B,CAAC,EAAE,2CAA2C;IAC9C,CAAC,EAAE,2CAA2C;CACtC,CAAA;AAEV;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,EAAE,CACrB,8EAA8E,EAC9E,mBAAmB,EACnB,mGAAmG,EACnG,4FAA4F,EAC5F,4DAA4D,CAC7D,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,GAAG,EAAE,CACnB,0FAA0F,EAC1F,oFAAoF,EACpF,mBAAmB,EACnB,mGAAmG,EACnG,sFAAsF,EACtF,4DAA4D,CAC7D,CAAA;AAED,qFAAqF;AACrF,MAAM,eAAe,GAAG,EAAE,CACxB,2FAA2F,EAC3F,qFAAqF,CACtF,CAAA;AAED,SAAS,wBAAwB,CAAC,EAChC,MAAM,EACN,IAAI,EACJ,OAAO,EACP,IAAI,
|
|
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,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAoFvC;;;;;;;;;GASG;AACH,MAAM,OAAO,GAAG;IACd,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,4BAA4B;IAC/B,CAAC,EAAE,2CAA2C;IAC9C,CAAC,EAAE,2CAA2C;CACtC,CAAA;AAEV;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,EAAE,CACrB,8EAA8E,EAC9E,mBAAmB,EACnB,mGAAmG,EACnG,4FAA4F,EAC5F,4DAA4D,CAC7D,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,GAAG,EAAE,CACnB,0FAA0F,EAC1F,oFAAoF,EACpF,mBAAmB,EACnB,mGAAmG,EACnG,sFAAsF,EACtF,4DAA4D,CAC7D,CAAA;AAED,qFAAqF;AACrF,MAAM,eAAe,GAAG,EAAE,CACxB,2FAA2F,EAC3F,qFAAqF,CACtF,CAAA;AAED,SAAS,wBAAwB,CAAC,EAChC,MAAM,EACN,IAAI,EACJ,OAAO,EACP,SAAS,EACT,IAAI,GAQL;IACC,6EAA6E;IAC7E,2EAA2E;IAC3E,+CAA+C;IAC/C,MAAM,IAAI,GAAG,OAAO,KAAK,MAAM,CAAA;IAC/B,4EAA4E;IAC5E,+EAA+E;IAC/E,yEAAyE;IACzE,+EAA+E;IAC/E,yEAAyE;IACzE,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CACrB,yBAAO,MAAM,CAAC,KAAK,GAAQ,CAC5B,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,IAAI,EAAE,MAAM,CAAC,WAAW,EACxB,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;IACD,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAA;IAEpD,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,CAAC,QAAQ,eACf,4BAA4B,kBACxB,OAAO,EACrB,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,OAAO,YAEd,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,8BACc,MAAM,eACR,+BAA+B,EACzC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,YAE/C,KAAC,QAAQ,CAAC,SAAS,IAAC,SAAS,EAAC,qBAAqB,YACjD,KAAC,SAAS,IAAC,WAAW,EAAE,CAAC,GAAI,GACV,GAChB,CACR,GACa,CACjB,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,KAAK,CAAC,IAAI,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,eACf,4BAA4B,kBACxB,OAAO,EACrB,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,OAAO,YAEd,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,8BACc,MAAM,eACR,+BAA+B,EACzC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,cAAc,CAAC,YAE9C,KAAC,KAAK,CAAC,SAAS,IAAC,SAAS,EAAC,gCAAgC,GAAG,GACzD,CACR,GACU,CACd,CAAA;AACH,CAAC;AA6ED,SAAS,kBAAkB,CAAC,KAA8B;IACxD,6EAA6E;IAC7E,6EAA6E;IAC7E,+EAA+E;IAC/E,+EAA+E;IAC/E,gCAAgC;IAChC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,KAAK,OAAO,CAAA;IAEtC,MAAM,EACJ,KAAK,EACL,GAAG,EACH,OAAO,EACP,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,SAAS,GAAG,QAAQ,EACpB,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,CAAC,EACT,WAAW,GAAG,IAAI,EAClB,aAAa,GAAG,UAAU,EAC1B,UAAU,EACV,WAAW,EACX,MAAM,EACN,IAAI,EACJ,SAAS;IACT,wDAAwD;IACxD,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,aAAa,EAC3B,aAAa,EAAE,cAAc,EAC7B,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,4EAA4E;IAC5E,4EAA4E;IAC5E,+EAA+E;IAC/E,wEAAwE;IACxE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,GAAG,EAAE;QACxD,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAA;QACjD,IAAI,OAAO,IAAI,IAAI;YAAE,OAAO,EAAE,CAAA;QAC9B,OAAO,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,CAAC,CAAC,CAAA;IACF,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS;QACzC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;YAC1B,CAAC,CAAC,KAAK,CAAC,KAAK;YACb,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI;gBACnB,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;QACnB,CAAC,CAAC,MAAM,CACT,CAAC,MAAM,GAAG,CAAC,CAAA;IAEZ,8EAA8E;IAC9E,+EAA+E;IAC/E,+EAA+E;IAC/E,2DAA2D;IAC3D,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IAE/B,+EAA+E;IAC/E,6EAA6E;IAC7E,QAAQ;IACR,MAAM,IAAI,GACR,OAAO,KAAK,MAAM;QAChB,CAAC,CAAC,sBAAsB;QACxB,CAAC,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;IAExC,8EAA8E;IAC9E,8EAA8E;IAC9E,sEAAsE;IACtE,qEAAqE;IACrE,MAAM,IAAI,GACR,MAAM,KAAK,MAAM;QACf,CAAC,CAAC,oEAAoE;QACtE,CAAC,CAAC,qBAAqB,CAAA;IAE3B,OAAO,CACL,gCACY,qBAAqB,iBAClB,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAC3C,IAAI,aAER,4BAAe,0BAA0B,EAAC,SAAS,EAAE,IAAI,aAaxD,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CACnB,eAAK,EAAE,EAAE,SAAS,eAAY,2BAA2B,aACtD,KAAK,CAAC,aAAa,CAClB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACzB,EAAE,SAAS,EAAE,uCAAuC,EAAE,EACtD,KAAK,CACN,EACA,GAAG,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,8BAA8B,YAAE,GAAG,GAAK,CAAC,CAAC,CAAC,IAAI,IAC/D,CACP,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GAAI,CAC1G,EAEA,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,aAAa,uBACK,SAAS,eAChB,6BAA6B,EACvC,SAAS,EAAE,IAAI,EACf,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,SAAS,EAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;4BACtB,SAAS,CAAC,IAAI,CAAC,CAAA;4BACf,KAAK,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAA;wBAC7B,CAAC,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,wBAAwB,IAEvB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IALL,MAAM,CAAC,KAAK,CAMjB,CACH,CAAC,GACY,CACjB,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,uBACQ,SAAS,eAChB,6BAA6B,EACvC,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,SAAS,EAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAC9C,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;4BACtB,MAAM,MAAM,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;4BACpE,SAAS,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;4BACzC,KAAK,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,CAAA;wBAC/B,CAAC,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,wBAAwB,IAEvB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAJf,MAAM,CAAC,KAAK,CAKjB,CACH,CAAC,GACS,CACd,IAEK,EAEL,aAAa,KAAK,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CACpC,4BAAe,6BAA6B,EAAC,SAAS,EAAC,iCAAiC,aACrF,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,eACC,8BAA8B,EACxC,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,CAAC,CAAC,WAAW,IAAI,QAAQ,CAAC,YAEnC,aAAa,GACP,CACR,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,IACH,CACL,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAA;AACH,CAAC;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
* is unusable by keyboard, and the ring here is the same token every other control
|
|
19
19
|
* uses so it flips per surface.
|
|
20
20
|
*/
|
|
21
|
-
declare function OptionCard({ title, body, href, note, glyph, className, children, ...props }: Omit<React.ComponentProps<"div">, "ref" | "href"> & {
|
|
21
|
+
declare function OptionCard({ title, body, href, note, glyph, glyphTone, className, children, ...props }: Omit<React.ComponentProps<"div">, "ref" | "href"> & {
|
|
22
22
|
title: string;
|
|
23
23
|
body?: string;
|
|
24
24
|
href?: string;
|
|
@@ -26,6 +26,16 @@ declare function OptionCard({ title, body, href, note, glyph, className, childre
|
|
|
26
26
|
note?: string;
|
|
27
27
|
/** An outline SVG at 26 to 30px. */
|
|
28
28
|
glyph?: React.ReactNode;
|
|
29
|
+
/**
|
|
30
|
+
* `accent` is the card's own brand purple, which is right when the glyph is a
|
|
31
|
+
* decorative lead-in. `ink` follows the text, which is what a card carrying a
|
|
32
|
+
* VENDOR MARK needs: the onboarding frames draw all eight referral logos in
|
|
33
|
+
* one ink weight, and a row of them in brand purple reads as eight instances
|
|
34
|
+
* of CloudGrid rather than eight different products.
|
|
35
|
+
*
|
|
36
|
+
* Defaults to `accent`, so every existing caller renders exactly as before.
|
|
37
|
+
*/
|
|
38
|
+
glyphTone?: "accent" | "ink";
|
|
29
39
|
}): import("react").JSX.Element;
|
|
30
40
|
export { OptionCard };
|
|
31
41
|
//# sourceMappingURL=option-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"option-card.d.ts","sourceRoot":"","sources":["../../src/blocks/option-card.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,GAAG;IACrD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"option-card.d.ts","sourceRoot":"","sources":["../../src/blocks/option-card.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAoB,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,GAAG;IACrD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CAC7B,+BAmCA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -20,13 +20,13 @@ import { cn } from "../lib/cloudgrid-cn.js";
|
|
|
20
20
|
* is unusable by keyboard, and the ring here is the same token every other control
|
|
21
21
|
* uses so it flips per surface.
|
|
22
22
|
*/
|
|
23
|
-
function OptionCard({ title, body, href, note, glyph, className, children, ...props }) {
|
|
23
|
+
function OptionCard({ title, body, href, note, glyph, glyphTone = "accent", className, children, ...props }) {
|
|
24
24
|
// Cast because the element type varies: div props are not assignable to anchor
|
|
25
25
|
// props and vice versa. The props this component accepts are already pinned by
|
|
26
26
|
// its own signature above, so the cast widens the tag, not the API.
|
|
27
27
|
const Tag = (href ? "a" : "div");
|
|
28
28
|
return (_jsxs(Tag, { "data-slot": "option-card", href: href, className: cn("flex flex-col gap-2 rounded-xl border border-hairline bg-card p-5 text-ink", href &&
|
|
29
|
-
"no-underline transition-colors hover:border-line-accent focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring focus-visible:outline-none", className), ...props, children: [glyph ? (_jsx("span", { "aria-hidden": "true", className: "[&>svg]:size-7 text-(--cg-text-accent)", children: glyph })) : null, _jsx("span", { className: "text-heading-sm font-medium", children: title }), body ? _jsx("span", { className: "text-body-sm text-body", children: body }) : null, children, note ? _jsx("span", { className: "text-caption text-faint", children: note }) : null] }));
|
|
29
|
+
"no-underline transition-colors hover:border-line-accent focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring focus-visible:outline-none", className), ...props, children: [glyph ? (_jsx("span", { "aria-hidden": "true", className: cn("[&>svg]:size-7", glyphTone === "ink" ? "text-ink" : "text-(--cg-text-accent)"), children: glyph })) : null, _jsx("span", { className: "text-heading-sm font-medium", children: title }), body ? _jsx("span", { className: "text-body-sm text-body", children: body }) : null, children, note ? _jsx("span", { className: "text-caption text-faint", children: note }) : null] }));
|
|
30
30
|
}
|
|
31
31
|
export { OptionCard };
|
|
32
32
|
//# sourceMappingURL=option-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"option-card.js","sourceRoot":"","sources":["../../src/blocks/option-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"option-card.js","sourceRoot":"","sources":["../../src/blocks/option-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAmBT;IACC,+EAA+E;IAC/E,+EAA+E;IAC/E,oEAAoE;IACpE,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAsB,CAAA;IAErD,OAAO,CACL,MAAC,GAAG,iBACQ,aAAa,EACvB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,IAAI;YACF,2JAA2J,EAC7J,SAAS,CACV,KACG,KAAK,aAER,KAAK,CAAC,CAAC,CAAC,CACP,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,yBAAyB,CAC7D,YAEA,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAQ,EAC3D,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,wBAAwB,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACpE,QAAQ,EACR,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,yBAAyB,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IAClE,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
type MarkProps = {
|
|
3
|
+
className?: string;
|
|
4
|
+
};
|
|
5
|
+
/** A friend. Phosphor `user`. */
|
|
6
|
+
export declare const UserMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
7
|
+
/** X. Phosphor `x-logo`. */
|
|
8
|
+
export declare const XLogoMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
9
|
+
/** LinkedIn. Phosphor `linkedin-logo`. */
|
|
10
|
+
export declare const LinkedinLogoMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
11
|
+
/** YouTube. Phosphor `youtube-logo`. */
|
|
12
|
+
export declare const YoutubeLogoMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
13
|
+
/** A podcast. Phosphor `apple-podcasts-logo`. */
|
|
14
|
+
export declare const ApplePodcastsLogoMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
15
|
+
/** Google Search. Phosphor `google-logo`. */
|
|
16
|
+
export declare const GoogleLogoMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
17
|
+
/** My AI tool said so. Phosphor `star-four`. */
|
|
18
|
+
export declare const StarFourMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
19
|
+
/** Somewhere else. Phosphor `dots-three-outline`. */
|
|
20
|
+
export declare const DotsThreeOutlineMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
21
|
+
/** Dashboards. Phosphor `chart-pie-slice`. */
|
|
22
|
+
export declare const ChartPieSliceMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
23
|
+
/** Web apps. Phosphor `browsers`. */
|
|
24
|
+
export declare const BrowsersMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
25
|
+
/** Sites and landing pages. Phosphor `devices`. */
|
|
26
|
+
export declare const DevicesMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
27
|
+
/** Games. Phosphor `ghost`. */
|
|
28
|
+
export declare const GhostMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
29
|
+
/** Internal tools. Phosphor `code-block`. */
|
|
30
|
+
export declare const CodeBlockMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
31
|
+
/** APIs and backends. Phosphor `database`. */
|
|
32
|
+
export declare const DatabaseMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
33
|
+
/** Automations. Phosphor `gear`. */
|
|
34
|
+
export declare const GearMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
35
|
+
/** AI apps. Phosphor `robot`. */
|
|
36
|
+
export declare const RobotMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
37
|
+
/** Keyed by the label a caller shows, the same shape as TOOL_MARKS. */
|
|
38
|
+
export declare const PHOSPHOR_MARKS: {
|
|
39
|
+
readonly "A friend": ({ className }: MarkProps) => React.JSX.Element;
|
|
40
|
+
readonly X: ({ className }: MarkProps) => React.JSX.Element;
|
|
41
|
+
readonly LinkedIn: ({ className }: MarkProps) => React.JSX.Element;
|
|
42
|
+
readonly YouTube: ({ className }: MarkProps) => React.JSX.Element;
|
|
43
|
+
readonly "A podcast": ({ className }: MarkProps) => React.JSX.Element;
|
|
44
|
+
readonly "Google Search": ({ className }: MarkProps) => React.JSX.Element;
|
|
45
|
+
readonly "My AI tool said so": ({ className }: MarkProps) => React.JSX.Element;
|
|
46
|
+
readonly "Somewhere else": ({ className }: MarkProps) => React.JSX.Element;
|
|
47
|
+
readonly Dashboards: ({ className }: MarkProps) => React.JSX.Element;
|
|
48
|
+
readonly "Web apps": ({ className }: MarkProps) => React.JSX.Element;
|
|
49
|
+
readonly "Sites and landing pages": ({ className }: MarkProps) => React.JSX.Element;
|
|
50
|
+
readonly Games: ({ className }: MarkProps) => React.JSX.Element;
|
|
51
|
+
readonly "Internal tools": ({ className }: MarkProps) => React.JSX.Element;
|
|
52
|
+
readonly "APIs and backends": ({ className }: MarkProps) => React.JSX.Element;
|
|
53
|
+
readonly Automations: ({ className }: MarkProps) => React.JSX.Element;
|
|
54
|
+
readonly "AI apps": ({ className }: MarkProps) => React.JSX.Element;
|
|
55
|
+
};
|
|
56
|
+
export type PhosphorMarkName = keyof typeof PHOSPHOR_MARKS;
|
|
57
|
+
export {};
|
|
58
|
+
//# sourceMappingURL=phosphor-marks.d.ts.map
|
|
@@ -0,0 +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,KAAK,SAAS,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAevC,iCAAiC;AACjC,eAAO,MAAM,QAAQ,kBAZiB,SAAS,sBAc5C,CAAA;AAEH,4BAA4B;AAC5B,eAAO,MAAM,SAAS,kBAjBgB,SAAS,sBAmB5C,CAAA;AAEH,0CAA0C;AAC1C,eAAO,MAAM,gBAAgB,kBAtBS,SAAS,sBAwB5C,CAAA;AAEH,wCAAwC;AACxC,eAAO,MAAM,eAAe,kBA3BU,SAAS,sBA6B5C,CAAA;AAEH,iDAAiD;AACjD,eAAO,MAAM,qBAAqB,kBAhCI,SAAS,sBAkC5C,CAAA;AAEH,6CAA6C;AAC7C,eAAO,MAAM,cAAc,kBArCW,SAAS,sBAuC5C,CAAA;AAEH,gDAAgD;AAChD,eAAO,MAAM,YAAY,kBA1Ca,SAAS,sBA4C5C,CAAA;AAEH,qDAAqD;AACrD,eAAO,MAAM,oBAAoB,kBA/CK,SAAS,sBAiD5C,CAAA;AAEH,8CAA8C;AAC9C,eAAO,MAAM,iBAAiB,kBApDQ,SAAS,sBAsD5C,CAAA;AAEH,qCAAqC;AACrC,eAAO,MAAM,YAAY,kBAzDa,SAAS,sBA2D5C,CAAA;AAEH,mDAAmD;AACnD,eAAO,MAAM,WAAW,kBA9Dc,SAAS,sBAgE5C,CAAA;AAEH,+BAA+B;AAC/B,eAAO,MAAM,SAAS,kBAnEgB,SAAS,sBAqE5C,CAAA;AAEH,6CAA6C;AAC7C,eAAO,MAAM,aAAa,kBAxEY,SAAS,sBA0E5C,CAAA;AAEH,8CAA8C;AAC9C,eAAO,MAAM,YAAY,kBA7Ea,SAAS,sBA+E5C,CAAA;AAEH,oCAAoC;AACpC,eAAO,MAAM,QAAQ,kBAlFiB,SAAS,sBAoF5C,CAAA;AAEH,iCAAiC;AACjC,eAAO,MAAM,SAAS,kBAvFgB,SAAS,sBAyF5C,CAAA;AAEH,uEAAuE;AACvE,eAAO,MAAM,cAAc;yCA5FW,SAAS;gCAAT,SAAS;uCAAT,SAAS;sCAAT,SAAS;0CAAT,SAAS;8CAAT,SAAS;mDAAT,SAAS;+CAAT,SAAS;yCAAT,SAAS;yCAAT,SAAS;wDAAT,SAAS;oCAAT,SAAS;+CAAT,SAAS;kDAAT,SAAS;0CAAT,SAAS;wCAAT,SAAS;CA6GrC,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,cAAc,CAAA"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// GENERATED by scripts/generate-phosphor-marks.mjs — do not hand-edit.
|
|
3
|
+
// Regenerate instead: path data transcribed by hand is how a mark ends up subtly
|
|
4
|
+
// wrong, which is worse than no mark at all.
|
|
5
|
+
//
|
|
6
|
+
// Source: @phosphor-icons/core (MIT), read programmatically.
|
|
7
|
+
//
|
|
8
|
+
// Copyright (c) 2023 Phosphor Icons
|
|
9
|
+
// Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
10
|
+
// of this software and associated documentation files (the "Software"), to deal
|
|
11
|
+
// in the Software without restriction. The above copyright notice and this
|
|
12
|
+
// permission notice shall be included in all copies.
|
|
13
|
+
//
|
|
14
|
+
// ## Why this set exists
|
|
15
|
+
//
|
|
16
|
+
// The Figma frames are drawn with Phosphor and name its glyphs directly. The
|
|
17
|
+
// console rendered lucide equivalents, so every icon on the onboarding screens
|
|
18
|
+
// was an approximation of one the designer actually picked.
|
|
19
|
+
//
|
|
20
|
+
// It also carries LinkedIn, which nothing else could: simple-icons removed that
|
|
21
|
+
// mark after a trademark request, so the referral screen shipped a monogram
|
|
22
|
+
// where a logo belongs.
|
|
23
|
+
//
|
|
24
|
+
// ## A licence covers the FILE. It never covers the trademark in it.
|
|
25
|
+
//
|
|
26
|
+
// Phosphor shipping `linkedin-logo` means we are not sourcing the artwork
|
|
27
|
+
// ourselves. It does not grant rights to the mark. Each vendor's brand
|
|
28
|
+
// guidelines still govern use: alongside our own marks, not more prominent, not
|
|
29
|
+
// on merchandise, not folded into our own branding.
|
|
30
|
+
//
|
|
31
|
+
// ## viewBox
|
|
32
|
+
//
|
|
33
|
+
// 256x256 throughout — Phosphor's own canvas, kept rather than normalised to 24,
|
|
34
|
+
// because rescaling path data is exactly the hand-editing this file exists to
|
|
35
|
+
// avoid. `ToolLogo` sizes by the rendered box, so the canvas never reaches a
|
|
36
|
+
// caller.
|
|
37
|
+
import * as React from "react";
|
|
38
|
+
/** One mark. `currentColor` so a caller's tone rule can recolour it. */
|
|
39
|
+
function mark(...paths) {
|
|
40
|
+
return function Mark({ className }) {
|
|
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
|
+
};
|
|
43
|
+
}
|
|
44
|
+
/** A friend. Phosphor `user`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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`. */
|
|
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
|
+
/** Keyed by the label a caller shows, the same shape as TOOL_MARKS. */
|
|
77
|
+
export const PHOSPHOR_MARKS = {
|
|
78
|
+
"A friend": UserMark,
|
|
79
|
+
"X": XLogoMark,
|
|
80
|
+
"LinkedIn": LinkedinLogoMark,
|
|
81
|
+
"YouTube": YoutubeLogoMark,
|
|
82
|
+
"A podcast": ApplePodcastsLogoMark,
|
|
83
|
+
"Google Search": GoogleLogoMark,
|
|
84
|
+
"My AI tool said so": StarFourMark,
|
|
85
|
+
"Somewhere else": DotsThreeOutlineMark,
|
|
86
|
+
"Dashboards": ChartPieSliceMark,
|
|
87
|
+
"Web apps": BrowsersMark,
|
|
88
|
+
"Sites and landing pages": DevicesMark,
|
|
89
|
+
"Games": GhostMark,
|
|
90
|
+
"Internal tools": CodeBlockMark,
|
|
91
|
+
"APIs and backends": DatabaseMark,
|
|
92
|
+
"Automations": GearMark,
|
|
93
|
+
"AI apps": RobotMark,
|
|
94
|
+
};
|
|
95
|
+
//# sourceMappingURL=phosphor-marks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phosphor-marks.js","sourceRoot":"","sources":["../../src/blocks/phosphor-marks.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tool-setup.d.ts","sourceRoot":"","sources":["../../src/blocks/tool-setup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAIxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,MAAM,WAAW,aAAa;IAC5B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAA;IACd,2EAA2E;IAC3E,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;
|
|
1
|
+
{"version":3,"file":"tool-setup.d.ts","sourceRoot":"","sources":["../../src/blocks/tool-setup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAIxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,MAAM,WAAW,aAAa;IAC5B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAA;IACd,2EAA2E;IAC3E,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AA8BD,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,EACL,GAAG,EACH,OAAO,EACP,KAAS,EACT,WAAkB,EAClB,aAA0B,EAC1B,UAAU,EACV,WAAkB,EAClB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GAAG;IACxF,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACb,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IAC9D;;;;;;;;;;;OAWG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,qBA4HA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -15,7 +15,16 @@ import { cn } from "../lib/cloudgrid-cn.js";
|
|
|
15
15
|
* a fixed height with nowrap is a horizontal scrollbar on a laptop, so height
|
|
16
16
|
* goes auto and the list wraps to a second row instead.
|
|
17
17
|
*/
|
|
18
|
-
const TRIGGER_CLASS = cn(
|
|
18
|
+
const TRIGGER_CLASS = cn(
|
|
19
|
+
// No `grow`. It stretched every tab to consume the row, so a strip that
|
|
20
|
+
// wrapped put its last two tabs at opposite ends of an empty line — measured
|
|
21
|
+
// live: "Gemini CLI" and "Antigravity" spread across the full width with a
|
|
22
|
+
// void between them, where the design draws an even, tight strip.
|
|
23
|
+
//
|
|
24
|
+
// `basis-auto` rather than a fixed basis for the same reason: a tab is as wide
|
|
25
|
+
// as its label, and forcing "Cursor" to the width of "ChatGPT Desktop" is the
|
|
26
|
+
// same mistake one level down.
|
|
27
|
+
"h-auto min-h-[3.75rem] flex-none basis-auto flex-col gap-0.5 whitespace-normal", "rounded-lg px-3 py-2 text-center text-body-sm leading-tight",
|
|
19
28
|
// The dark selected pill is `bg-code`/`text-on-code` — the library's OWN
|
|
20
29
|
// ink-surface pair, the one AgentPrompt and CodeBlock already paint with. A
|
|
21
30
|
// first pass invented `bg-ink-strong`/`text-on-ink`, which are not tokens:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tool-setup.js","sourceRoot":"","sources":["../../src/blocks/tool-setup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC7E,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAiEvC;;;;;;;;GAQG;AACH,MAAM,aAAa,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"tool-setup.js","sourceRoot":"","sources":["../../src/blocks/tool-setup.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -36,11 +36,11 @@ export * from "./blocks/logo.js";
|
|
|
36
36
|
export * from "./blocks/onboarding-question.js";
|
|
37
37
|
export * from "./blocks/option-card.js";
|
|
38
38
|
export * from "./blocks/page-heading.js";
|
|
39
|
+
export * from "./blocks/phosphor-marks.js";
|
|
39
40
|
export * from "./blocks/plug-method.js";
|
|
40
41
|
export * from "./blocks/pricing-tier-cards.js";
|
|
41
42
|
export * from "./blocks/pricing-tiers.js";
|
|
42
43
|
export * from "./blocks/quote.js";
|
|
43
|
-
export * from "./blocks/social-marks.js";
|
|
44
44
|
export * from "./blocks/rich-text.js";
|
|
45
45
|
export * from "./blocks/stage-panel.js";
|
|
46
46
|
export * from "./blocks/step-item.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,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,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,
|
|
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,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,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,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAGtC,cAAc,uBAAuB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -53,11 +53,11 @@ export * from "./blocks/logo.js";
|
|
|
53
53
|
export * from "./blocks/onboarding-question.js";
|
|
54
54
|
export * from "./blocks/option-card.js";
|
|
55
55
|
export * from "./blocks/page-heading.js";
|
|
56
|
+
export * from "./blocks/phosphor-marks.js";
|
|
56
57
|
export * from "./blocks/plug-method.js";
|
|
57
58
|
export * from "./blocks/pricing-tier-cards.js";
|
|
58
59
|
export * from "./blocks/pricing-tiers.js";
|
|
59
60
|
export * from "./blocks/quote.js";
|
|
60
|
-
export * from "./blocks/social-marks.js";
|
|
61
61
|
export * from "./blocks/rich-text.js";
|
|
62
62
|
export * from "./blocks/stage-panel.js";
|
|
63
63
|
export * from "./blocks/step-item.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,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,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,
|
|
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,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,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,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAEtC,0EAA0E;AAC1E,cAAc,uBAAuB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
type MarkProps = {
|
|
3
|
-
className?: string;
|
|
4
|
-
};
|
|
5
|
-
/** X. simple-icons. Brand hex 000000. */
|
|
6
|
-
export declare const XMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
7
|
-
/** YouTube. simple-icons. Brand hex FF0000. */
|
|
8
|
-
export declare const YoutubeMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
9
|
-
/** Apple Podcasts. simple-icons. Brand hex 9933CC. */
|
|
10
|
-
export declare const ApplePodcastsMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
11
|
-
/** Google. simple-icons. Brand hex 4285F4. */
|
|
12
|
-
export declare const GoogleMark: ({ className }: MarkProps) => React.JSX.Element;
|
|
13
|
-
/** Keyed by the label a caller shows, the same shape as TOOL_MARKS. */
|
|
14
|
-
export declare const SOCIAL_MARKS: {
|
|
15
|
-
readonly X: {
|
|
16
|
-
readonly Mark: ({ className }: MarkProps) => React.JSX.Element;
|
|
17
|
-
readonly hex: "000000";
|
|
18
|
-
};
|
|
19
|
-
readonly YouTube: {
|
|
20
|
-
readonly Mark: ({ className }: MarkProps) => React.JSX.Element;
|
|
21
|
-
readonly hex: "FF0000";
|
|
22
|
-
};
|
|
23
|
-
readonly "Apple Podcasts": {
|
|
24
|
-
readonly Mark: ({ className }: MarkProps) => React.JSX.Element;
|
|
25
|
-
readonly hex: "9933CC";
|
|
26
|
-
};
|
|
27
|
-
readonly Google: {
|
|
28
|
-
readonly Mark: ({ className }: MarkProps) => React.JSX.Element;
|
|
29
|
-
readonly hex: "4285F4";
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
export type SocialMarkName = keyof typeof SOCIAL_MARKS;
|
|
33
|
-
export {};
|
|
34
|
-
//# sourceMappingURL=social-marks.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"social-marks.d.ts","sourceRoot":"","sources":["../../src/blocks/social-marks.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,SAAS,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAavC,yCAAyC;AACzC,eAAO,MAAM,KAAK,kBAVoB,SAAS,sBAY9C,CAAA;AAED,+CAA+C;AAC/C,eAAO,MAAM,WAAW,kBAfc,SAAS,sBAiB9C,CAAA;AAED,sDAAsD;AACtD,eAAO,MAAM,iBAAiB,kBApBQ,SAAS,sBAsB9C,CAAA;AAED,8CAA8C;AAC9C,eAAO,MAAM,UAAU,kBAzBe,SAAS,sBA2B9C,CAAA;AAED,uEAAuE;AACvE,eAAO,MAAM,YAAY;;uCA9Ba,SAAS;;;;uCAAT,SAAS;;;;uCAAT,SAAS;;;;uCAAT,SAAS;;;CAmCrC,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,YAAY,CAAA"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
// GENERATED by scripts/generate-social-marks.mjs — do not hand-edit.
|
|
3
|
-
// Regenerate instead: path data transcribed by hand is how a mark ends up subtly
|
|
4
|
-
// wrong, which is worse than no mark at all.
|
|
5
|
-
//
|
|
6
|
-
// Source: simple-icons (CC0-1.0), read programmatically.
|
|
7
|
-
//
|
|
8
|
-
// A licence covers the FILE. It never covers the trademark in it. Each vendor's
|
|
9
|
-
// brand guidelines still govern use: alongside our own marks, not more prominent,
|
|
10
|
-
// not on merchandise, not folded into our own branding.
|
|
11
|
-
//
|
|
12
|
-
// Kept apart from tool-marks.tsx on purpose. Those are tools an entity is plugged
|
|
13
|
-
// into and are keyed by tool name for ToolLogo; these answer "where did you hear
|
|
14
|
-
// about us", which is a different question with a different list. One set growing
|
|
15
|
-
// the other's entries is how a picker ends up offering Cursor as a referral
|
|
16
|
-
// source.
|
|
17
|
-
//
|
|
18
|
-
// LinkedIn is NOT here. simple-icons has no LinkedIn mark — it was removed from
|
|
19
|
-
// the set after a trademark request — and a vendor that had its mark pulled is
|
|
20
|
-
// not one to route around by sourcing the artwork elsewhere. ToolLogo renders a
|
|
21
|
-
// monogram when handed no mark, so the option still appears without artwork.
|
|
22
|
-
import * as React from "react";
|
|
23
|
-
/** One mark. `currentColor` so ToolLogo's tone rule can recolour it on ink. */
|
|
24
|
-
function mark(path, viewBox = "0 0 24 24") {
|
|
25
|
-
return function Mark({ className }) {
|
|
26
|
-
return (_jsx("svg", { viewBox: viewBox, fill: "currentColor", "aria-hidden": "true", className: className, children: _jsx("path", { d: path }) }));
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
/** X. simple-icons. Brand hex 000000. */
|
|
30
|
-
export const XMark = mark("M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z");
|
|
31
|
-
/** YouTube. simple-icons. Brand hex FF0000. */
|
|
32
|
-
export const YoutubeMark = mark("M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z");
|
|
33
|
-
/** Apple Podcasts. simple-icons. Brand hex 9933CC. */
|
|
34
|
-
export const ApplePodcastsMark = mark("M5.34 0A5.328 5.328 0 000 5.34v13.32A5.328 5.328 0 005.34 24h13.32A5.328 5.328 0 0024 18.66V5.34A5.328 5.328 0 0018.66 0zm6.525 2.568c2.336 0 4.448.902 6.056 2.587 1.224 1.272 1.912 2.619 2.264 4.392.12.59.12 2.2.007 2.864a8.506 8.506 0 01-3.24 5.296c-.608.46-2.096 1.261-2.336 1.261-.088 0-.096-.091-.056-.46.072-.592.144-.715.48-.856.536-.224 1.448-.874 2.008-1.435a7.644 7.644 0 002.008-3.536c.208-.824.184-2.656-.048-3.504-.728-2.696-2.928-4.792-5.624-5.352-.784-.16-2.208-.16-3 0-2.728.56-4.984 2.76-5.672 5.528-.184.752-.184 2.584 0 3.336.456 1.832 1.64 3.512 3.192 4.512.304.2.672.408.824.472.336.144.408.264.472.856.04.36.03.464-.056.464-.056 0-.464-.176-.896-.384l-.04-.03c-2.472-1.216-4.056-3.274-4.632-6.012-.144-.706-.168-2.392-.03-3.04.36-1.74 1.048-3.1 2.192-4.304 1.648-1.737 3.768-2.656 6.128-2.656zm.134 2.81c.409.004.803.04 1.106.106 2.784.62 4.76 3.408 4.376 6.174-.152 1.114-.536 2.03-1.216 2.88-.336.43-1.152 1.15-1.296 1.15-.023 0-.048-.272-.048-.603v-.605l.416-.496c1.568-1.878 1.456-4.502-.256-6.224-.664-.67-1.432-1.064-2.424-1.246-.64-.118-.776-.118-1.448-.008-1.02.167-1.81.562-2.512 1.256-1.72 1.704-1.832 4.342-.264 6.222l.413.496v.608c0 .336-.027.608-.06.608-.03 0-.264-.16-.512-.36l-.034-.011c-.832-.664-1.568-1.842-1.872-2.997-.184-.698-.184-2.024.008-2.72.504-1.878 1.888-3.335 3.808-4.019.41-.145 1.133-.22 1.814-.211zm-.13 2.99c.31 0 .62.06.844.178.488.253.888.745 1.04 1.259.464 1.578-1.208 2.96-2.72 2.254h-.015c-.712-.331-1.096-.956-1.104-1.77 0-.733.408-1.371 1.112-1.745.224-.117.534-.176.844-.176zm-.011 4.728c.988-.004 1.706.349 1.97.97.198.464.124 1.932-.218 4.302-.232 1.656-.36 2.074-.68 2.356-.44.39-1.064.498-1.656.288h-.003c-.716-.257-.87-.605-1.164-2.644-.341-2.37-.416-3.838-.218-4.302.262-.616.974-.966 1.97-.97z");
|
|
35
|
-
/** Google. simple-icons. Brand hex 4285F4. */
|
|
36
|
-
export const GoogleMark = mark("M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z");
|
|
37
|
-
/** Keyed by the label a caller shows, the same shape as TOOL_MARKS. */
|
|
38
|
-
export const SOCIAL_MARKS = {
|
|
39
|
-
"X": { Mark: XMark, hex: "000000" },
|
|
40
|
-
"YouTube": { Mark: YoutubeMark, hex: "FF0000" },
|
|
41
|
-
"Apple Podcasts": { Mark: ApplePodcastsMark, hex: "9933CC" },
|
|
42
|
-
"Google": { Mark: GoogleMark, hex: "4285F4" },
|
|
43
|
-
};
|
|
44
|
-
//# sourceMappingURL=social-marks.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"social-marks.js","sourceRoot":"","sources":["../../src/blocks/social-marks.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,iFAAiF;AACjF,6CAA6C;AAC7C,EAAE;AACF,yDAAyD;AACzD,EAAE;AACF,gFAAgF;AAChF,kFAAkF;AAClF,wDAAwD;AACxD,EAAE;AACF,kFAAkF;AAClF,iFAAiF;AACjF,kFAAkF;AAClF,4EAA4E;AAC5E,UAAU;AACV,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,gFAAgF;AAChF,6EAA6E;AAE7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,+EAA+E;AAC/E,SAAS,IAAI,CAAC,IAAY,EAAE,OAAO,GAAG,WAAW;IAC/C,OAAO,SAAS,IAAI,CAAC,EAAE,SAAS,EAAa;QAC3C,OAAO,CACL,cAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,cAAc,iBAAa,MAAM,EAAC,SAAS,EAAE,SAAS,YAChF,eAAM,CAAC,EAAE,IAAI,GAAI,GACb,CACP,CAAA;IACH,CAAC,CAAA;AACH,CAAC;AAED,yCAAyC;AACzC,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,CACvB,oMAAoM,CACrM,CAAA;AAED,+CAA+C;AAC/C,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAC7B,8VAA8V,CAC/V,CAAA;AAED,sDAAsD;AACtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CACnC,quDAAquD,CACtuD,CAAA;AAED,8CAA8C;AAC9C,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAC5B,6VAA6V,CAC9V,CAAA;AAED,uEAAuE;AACvE,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE;IACnC,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE;IAC/C,gBAAgB,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,GAAG,EAAE,QAAQ,EAAE;IAC5D,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE;CACrC,CAAA"}
|