@discourser/design-system 0.22.4 → 0.23.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/{chunk-WSJLKVXZ.cjs → chunk-AGZVRI36.cjs} +130 -2
- package/dist/chunk-AGZVRI36.cjs.map +1 -0
- package/dist/{chunk-GLPWI7OF.js → chunk-HN2IHIMR.js} +13 -7
- package/dist/chunk-HN2IHIMR.js.map +1 -0
- package/dist/{chunk-NN4YW27E.cjs → chunk-KIJKNZ73.cjs} +13 -7
- package/dist/chunk-KIJKNZ73.cjs.map +1 -0
- package/dist/{chunk-NU6GI57K.js → chunk-KQOHRIUP.js} +130 -3
- package/dist/chunk-KQOHRIUP.js.map +1 -0
- package/dist/components/Icons/AppleLoginIcon.d.ts +6 -0
- package/dist/components/Icons/AppleLoginIcon.d.ts.map +1 -0
- package/dist/components/Icons/GoogleLoginIcon.d.ts +6 -0
- package/dist/components/Icons/GoogleLoginIcon.d.ts.map +1 -0
- package/dist/components/Icons/index.d.ts +2 -0
- package/dist/components/Icons/index.d.ts.map +1 -1
- package/dist/components/divider/divider.d.ts +9 -0
- package/dist/components/divider/divider.d.ts.map +1 -0
- package/dist/components/divider/index.d.ts +2 -0
- package/dist/components/divider/index.d.ts.map +1 -0
- package/dist/components/index.cjs +73 -69
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/contracts/design-language.contract.d.ts +2 -0
- package/dist/contracts/design-language.contract.d.ts.map +1 -1
- package/dist/figma-codex.json +2 -2
- package/dist/index.cjs +77 -73
- package/dist/index.js +2 -2
- package/dist/languages/material3.language.d.ts.map +1 -1
- package/dist/languages/transform.d.ts +1 -0
- package/dist/languages/transform.d.ts.map +1 -1
- package/dist/preset/index.cjs +2 -2
- package/dist/preset/index.js +1 -1
- package/package.json +1 -1
- package/src/components/Icons/AppleLoginIcon.tsx +21 -0
- package/src/components/Icons/GoogleLoginIcon.tsx +36 -0
- package/src/components/Icons/index.ts +2 -0
- package/src/components/divider/divider.tsx +125 -0
- package/src/components/divider/index.ts +1 -0
- package/src/components/index.ts +3 -0
- package/src/contracts/design-language.contract.ts +3 -1
- package/src/languages/material3.language.ts +55 -45
- package/src/languages/transform.ts +3 -0
- package/src/stories/foundations/Typography.mdx +5 -2
- package/dist/chunk-GLPWI7OF.js.map +0 -1
- package/dist/chunk-NN4YW27E.cjs.map +0 -1
- package/dist/chunk-NU6GI57K.js.map +0 -1
- package/dist/chunk-WSJLKVXZ.cjs.map +0 -1
- package/docs/context-share/STORY-001-VALIDATION-PASSED.md +0 -192
- package/docs/context-share/STORY-002-IMPLEMENTATION-COMPLETE.md +0 -161
- package/docs/context-share/STORYBOOK_MCP_STRATEGY.md +0 -867
- package/docs/context-share/m3-token-pipeline-audit.md +0 -125
- package/docs/context-share/storybook-mcp-kai-agent-revised-summary.md +0 -211
|
@@ -146,6 +146,133 @@ var InputGroup2 = Object.assign(InputGroupRoot, {
|
|
|
146
146
|
});
|
|
147
147
|
var Textarea = jsx.styled(field.Field.Textarea, recipes.textarea);
|
|
148
148
|
var Header = jsx.styled("h2", recipes.heading);
|
|
149
|
+
var Divider = react$1.forwardRef(
|
|
150
|
+
function Divider2({ label, orientation = "horizontal", className, ...props }, ref) {
|
|
151
|
+
if (orientation === "vertical") {
|
|
152
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
153
|
+
"div",
|
|
154
|
+
{
|
|
155
|
+
ref,
|
|
156
|
+
role: "separator",
|
|
157
|
+
"aria-orientation": "vertical",
|
|
158
|
+
className: css.cx(
|
|
159
|
+
css.css({
|
|
160
|
+
display: "inline-flex",
|
|
161
|
+
flexDirection: "column",
|
|
162
|
+
alignItems: "center",
|
|
163
|
+
gap: "sm",
|
|
164
|
+
alignSelf: "stretch"
|
|
165
|
+
}),
|
|
166
|
+
className
|
|
167
|
+
),
|
|
168
|
+
...props,
|
|
169
|
+
children: [
|
|
170
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
171
|
+
"div",
|
|
172
|
+
{
|
|
173
|
+
className: css.css({
|
|
174
|
+
flex: 1,
|
|
175
|
+
width: "1px",
|
|
176
|
+
bg: "outlineVariant"
|
|
177
|
+
})
|
|
178
|
+
}
|
|
179
|
+
),
|
|
180
|
+
label && /* @__PURE__ */ jsxRuntime.jsx(
|
|
181
|
+
"span",
|
|
182
|
+
{
|
|
183
|
+
className: css.css({
|
|
184
|
+
textStyle: "labelMedium",
|
|
185
|
+
color: "onSurfaceVariant",
|
|
186
|
+
userSelect: "none"
|
|
187
|
+
}),
|
|
188
|
+
children: label
|
|
189
|
+
}
|
|
190
|
+
),
|
|
191
|
+
label && /* @__PURE__ */ jsxRuntime.jsx(
|
|
192
|
+
"div",
|
|
193
|
+
{
|
|
194
|
+
className: css.css({
|
|
195
|
+
flex: 1,
|
|
196
|
+
width: "1px",
|
|
197
|
+
bg: "outlineVariant"
|
|
198
|
+
})
|
|
199
|
+
}
|
|
200
|
+
)
|
|
201
|
+
]
|
|
202
|
+
}
|
|
203
|
+
);
|
|
204
|
+
}
|
|
205
|
+
if (label) {
|
|
206
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
207
|
+
"div",
|
|
208
|
+
{
|
|
209
|
+
ref,
|
|
210
|
+
role: "separator",
|
|
211
|
+
className: css.cx(
|
|
212
|
+
css.css({
|
|
213
|
+
display: "flex",
|
|
214
|
+
alignItems: "center",
|
|
215
|
+
gap: "sm",
|
|
216
|
+
width: "full"
|
|
217
|
+
}),
|
|
218
|
+
className
|
|
219
|
+
),
|
|
220
|
+
...props,
|
|
221
|
+
children: [
|
|
222
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
223
|
+
"div",
|
|
224
|
+
{
|
|
225
|
+
className: css.css({
|
|
226
|
+
flex: 1,
|
|
227
|
+
height: "1px",
|
|
228
|
+
bg: "outlineVariant"
|
|
229
|
+
})
|
|
230
|
+
}
|
|
231
|
+
),
|
|
232
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
233
|
+
"span",
|
|
234
|
+
{
|
|
235
|
+
className: css.css({
|
|
236
|
+
textStyle: "labelMedium",
|
|
237
|
+
color: "onSurfaceVariant",
|
|
238
|
+
userSelect: "none"
|
|
239
|
+
}),
|
|
240
|
+
children: label
|
|
241
|
+
}
|
|
242
|
+
),
|
|
243
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
244
|
+
"div",
|
|
245
|
+
{
|
|
246
|
+
className: css.css({
|
|
247
|
+
flex: 1,
|
|
248
|
+
height: "1px",
|
|
249
|
+
bg: "outlineVariant"
|
|
250
|
+
})
|
|
251
|
+
}
|
|
252
|
+
)
|
|
253
|
+
]
|
|
254
|
+
}
|
|
255
|
+
);
|
|
256
|
+
}
|
|
257
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
258
|
+
"div",
|
|
259
|
+
{
|
|
260
|
+
ref,
|
|
261
|
+
role: "separator",
|
|
262
|
+
"aria-orientation": "horizontal",
|
|
263
|
+
className: css.cx(
|
|
264
|
+
css.css({
|
|
265
|
+
width: "full",
|
|
266
|
+
height: "1px",
|
|
267
|
+
bg: "outlineVariant"
|
|
268
|
+
}),
|
|
269
|
+
className
|
|
270
|
+
),
|
|
271
|
+
...props
|
|
272
|
+
}
|
|
273
|
+
);
|
|
274
|
+
}
|
|
275
|
+
);
|
|
149
276
|
var BaseBadge = jsx.styled(factory.ark.div, recipes.badge);
|
|
150
277
|
var Badge = react$1.forwardRef(
|
|
151
278
|
function Badge2(props, ref) {
|
|
@@ -2706,6 +2833,7 @@ exports.ContentCard_exports = ContentCard_exports;
|
|
|
2706
2833
|
exports.DashboardIcon = DashboardIcon;
|
|
2707
2834
|
exports.Dialog_exports = Dialog_exports;
|
|
2708
2835
|
exports.DiscourserLogo = DiscourserLogo;
|
|
2836
|
+
exports.Divider = Divider;
|
|
2709
2837
|
exports.Drawer_exports = Drawer_exports;
|
|
2710
2838
|
exports.ExitStudioIcon = ExitStudioIcon;
|
|
2711
2839
|
exports.GripDotsVerticalIcon = GripDotsVerticalIcon;
|
|
@@ -2752,5 +2880,5 @@ exports.UserProfileIcon = UserProfileIcon;
|
|
|
2752
2880
|
exports.difficultyColorMap = difficultyColorMap;
|
|
2753
2881
|
exports.difficultyLabel = difficultyLabel;
|
|
2754
2882
|
exports.toaster = toaster;
|
|
2755
|
-
//# sourceMappingURL=chunk-
|
|
2756
|
-
//# sourceMappingURL=chunk-
|
|
2883
|
+
//# sourceMappingURL=chunk-AGZVRI36.cjs.map
|
|
2884
|
+
//# sourceMappingURL=chunk-AGZVRI36.cjs.map
|