@stasho/ds 0.11.0 → 0.12.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/package.json +1 -1
- package/src/components/logo/logo.tsx +67 -1
package/package.json
CHANGED
|
@@ -64,5 +64,71 @@ const LogoFull = forwardRef<SVGSVGElement, LogoProps>(
|
|
|
64
64
|
|
|
65
65
|
LogoFull.displayName = "LogoFull";
|
|
66
66
|
|
|
67
|
-
|
|
67
|
+
/**
|
|
68
|
+
* stasho wordmark only, no icon (placeholder logotype, rebrand still deferred).
|
|
69
|
+
* Set in Anybody 800 italic to match the brand headings; the consuming app must
|
|
70
|
+
* load Anybody or it falls back to sans-serif. viewBox is fitted to "stasho" at
|
|
71
|
+
* that cut. Inherits color from parent via `currentColor`.
|
|
72
|
+
*/
|
|
73
|
+
const LogoWordmark = forwardRef<SVGSVGElement, LogoProps>(
|
|
74
|
+
({ className, ...rest }, ref) => (
|
|
75
|
+
<svg
|
|
76
|
+
ref={ref}
|
|
77
|
+
viewBox="0 0 654 229"
|
|
78
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
79
|
+
fill="currentColor"
|
|
80
|
+
className={cn("shrink-0", className)}
|
|
81
|
+
{...rest}
|
|
82
|
+
>
|
|
83
|
+
<text
|
|
84
|
+
x="0"
|
|
85
|
+
y="180"
|
|
86
|
+
fill="currentColor"
|
|
87
|
+
fontFamily="Anybody, sans-serif"
|
|
88
|
+
fontSize="200"
|
|
89
|
+
fontWeight="800"
|
|
90
|
+
fontStyle="italic"
|
|
91
|
+
>
|
|
92
|
+
stasho
|
|
93
|
+
</text>
|
|
94
|
+
</svg>
|
|
95
|
+
),
|
|
96
|
+
);
|
|
97
|
+
|
|
98
|
+
LogoWordmark.displayName = "LogoWordmark";
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* stasho letter mark "s", for collapsed / compact placements (placeholder
|
|
102
|
+
* logotype, rebrand still deferred). Set in Anybody 800 italic to match the
|
|
103
|
+
* brand headings; the consuming app must load Anybody or it falls back to
|
|
104
|
+
* sans-serif. Inherits color from parent via `currentColor`.
|
|
105
|
+
*/
|
|
106
|
+
const LogoLetter = forwardRef<SVGSVGElement, LogoProps>(
|
|
107
|
+
({ className, ...rest }, ref) => (
|
|
108
|
+
<svg
|
|
109
|
+
ref={ref}
|
|
110
|
+
viewBox="0 0 119 229"
|
|
111
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
112
|
+
fill="currentColor"
|
|
113
|
+
className={cn("shrink-0", className)}
|
|
114
|
+
{...rest}
|
|
115
|
+
>
|
|
116
|
+
<text
|
|
117
|
+
x="0"
|
|
118
|
+
y="180"
|
|
119
|
+
fill="currentColor"
|
|
120
|
+
fontFamily="Anybody, sans-serif"
|
|
121
|
+
fontSize="200"
|
|
122
|
+
fontWeight="800"
|
|
123
|
+
fontStyle="italic"
|
|
124
|
+
>
|
|
125
|
+
s
|
|
126
|
+
</text>
|
|
127
|
+
</svg>
|
|
128
|
+
),
|
|
129
|
+
);
|
|
130
|
+
|
|
131
|
+
LogoLetter.displayName = "LogoLetter";
|
|
132
|
+
|
|
133
|
+
export { Logo, LogoFull, LogoWordmark, LogoLetter };
|
|
68
134
|
export type { LogoProps };
|