@devalok/shilp-sutra 0.29.0 → 0.30.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/composed/avatar-group.d.ts.map +1 -1
- package/dist/composed/avatar-group.js +94 -79
- package/dist/composed/index.d.ts +1 -1
- package/dist/composed/index.d.ts.map +1 -1
- package/dist/composed/page-header.d.ts.map +1 -1
- package/dist/composed/page-header.js +36 -23
- package/dist/composed/rich-text-editor.d.ts +3 -0
- package/dist/composed/rich-text-editor.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.js +243 -240
- package/dist/tokens/primitives.css +10 -0
- package/dist/tokens/semantic.css +6 -2
- package/dist/ui/button-processing.d.ts +2 -1
- package/dist/ui/button-processing.d.ts.map +1 -1
- package/dist/ui/lib/utils.js +3 -3
- package/docs/components/composed/rich-text-editor.md +6 -0
- package/llms-full.txt +7 -1
- package/llms.txt +9 -3
- package/package.json +1 -1
|
@@ -427,4 +427,14 @@
|
|
|
427
427
|
--emerald-11: oklch(0.76 0.0821 160);
|
|
428
428
|
--emerald-12: oklch(0.88 0.0316 160);
|
|
429
429
|
|
|
430
|
+
/* ── Amber Bright (dark) — warning semantic use — H:65, higher chroma than category amber ── */
|
|
431
|
+
--amber-bright-2: oklch(0.18 0.02 65);
|
|
432
|
+
--amber-bright-3: oklch(0.25 0.045 65);
|
|
433
|
+
--amber-bright-4: oklch(0.32 0.065 65);
|
|
434
|
+
--amber-bright-5: oklch(0.38 0.085 65);
|
|
435
|
+
--amber-bright-7: oklch(0.50 0.13 65);
|
|
436
|
+
--amber-bright-9: oklch(0.72 0.17 65);
|
|
437
|
+
--amber-bright-10: oklch(0.66 0.17 65);
|
|
438
|
+
--amber-bright-11: oklch(0.82 0.11 65);
|
|
439
|
+
|
|
430
440
|
}
|
package/dist/tokens/semantic.css
CHANGED
|
@@ -424,12 +424,16 @@
|
|
|
424
424
|
--color-success-fg: var(--neutral-12);
|
|
425
425
|
--color-info-fg: var(--neutral-12);
|
|
426
426
|
|
|
427
|
-
/* Warning: amber-bright
|
|
427
|
+
/* Warning: amber-bright dark ramp for dark mode */
|
|
428
428
|
--color-warning-2: var(--amber-bright-2);
|
|
429
429
|
--color-warning-3: var(--amber-bright-3);
|
|
430
430
|
--color-warning-4: var(--amber-bright-4);
|
|
431
431
|
--color-warning-5: var(--amber-bright-5);
|
|
432
|
-
--color-warning-
|
|
432
|
+
--color-warning-7: var(--amber-bright-7);
|
|
433
|
+
--color-warning-9: var(--amber-bright-9);
|
|
434
|
+
--color-warning-10: var(--amber-bright-10);
|
|
435
|
+
--color-warning-11: var(--amber-bright-11);
|
|
436
|
+
--color-warning-fg: var(--neutral-12);
|
|
433
437
|
|
|
434
438
|
/* Dark mode borders need lower contrast — bright borders look harsh.
|
|
435
439
|
Drop to step 3/4 for subtle resting borders that don't overpower surfaces */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
export type ProcessingSpeed = 'ambient' | 'working' | 'urgent';
|
|
3
|
-
|
|
3
|
+
interface ProcessingOverlayProps {
|
|
4
4
|
active: boolean;
|
|
5
5
|
speed: ProcessingSpeed;
|
|
6
6
|
/** Resolved color name — maps to CSS token `--color-{name}-9` */
|
|
@@ -12,4 +12,5 @@ export interface ProcessingOverlayProps {
|
|
|
12
12
|
* Not exported from the barrel — used only by Button.
|
|
13
13
|
*/
|
|
14
14
|
export declare function ProcessingOverlay({ active, speed, color }: ProcessingOverlayProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
15
16
|
//# sourceMappingURL=button-processing.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-processing.d.ts","sourceRoot":"","sources":["../../src/ui/button-processing.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9D,
|
|
1
|
+
{"version":3,"file":"button-processing.d.ts","sourceRoot":"","sources":["../../src/ui/button-processing.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9D,UAAU,sBAAsB;IAC9B,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,eAAe,CAAA;IACtB,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;CACd;AAwBD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,sBAAsB,2CA6EjF"}
|
package/dist/ui/lib/utils.js
CHANGED
|
@@ -5,13 +5,13 @@ const t = d({
|
|
|
5
5
|
spacing: ["ds-01", "ds-02", "ds-02b", "ds-03", "ds-04", "ds-05", "ds-05b", "ds-06", "ds-06b", "ds-07", "ds-08", "ds-09", "ds-10", "ds-11", "ds-12", "ds-13"]
|
|
6
6
|
},
|
|
7
7
|
classGroups: {
|
|
8
|
-
"font-size": [{ "text-ds": ["xs", "sm", "md"] }]
|
|
8
|
+
"font-size": [{ "text-ds": ["xs", "sm", "md", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"] }]
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
function
|
|
12
|
+
function l(...s) {
|
|
13
13
|
return t(e(s));
|
|
14
14
|
}
|
|
15
15
|
export {
|
|
16
|
-
|
|
16
|
+
l as cn
|
|
17
17
|
};
|
|
@@ -18,8 +18,11 @@ Exports: RichTextEditor, RichTextViewer
|
|
|
18
18
|
onFileUpload?: (file: File) => Promise<{ url: string; name: string; size: number }> — enables file attachments
|
|
19
19
|
mentions?: MentionItem[] — static list for @mention autocomplete
|
|
20
20
|
onMentionSearch?: (query: string) => Promise<MentionItem[]> — async search, takes precedence over static mentions
|
|
21
|
+
toolbar?: ToolbarItem[] — whitelist of toolbar items to show. Omit to show all.
|
|
21
22
|
onMentionSelect?: (item: MentionItem) => void — called when a mention is selected
|
|
22
23
|
|
|
24
|
+
ToolbarItem: 'bold' | 'italic' | 'underline' | 'strike' | 'highlight' | 'h2' | 'h3' | 'blockquote' | 'bulletList' | 'orderedList' | 'taskList' | 'codeBlock' | 'link' | 'image' | 'file' | 'hr' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'emoji' | 'undo' | 'redo'
|
|
25
|
+
|
|
23
26
|
MentionItem: { id: string; label: string; avatar?: string }
|
|
24
27
|
|
|
25
28
|
### RichTextViewer
|
|
@@ -52,6 +55,9 @@ MentionItem: { id: string; label: string; avatar?: string }
|
|
|
52
55
|
- Features: bold, italic, underline, strikethrough, highlight, headings, blockquote, lists, task lists, code, links, images, file attachments, mentions, emoji, text alignment, horizontal rule
|
|
53
56
|
|
|
54
57
|
## Changes
|
|
58
|
+
### v0.30.0
|
|
59
|
+
- **Added** `toolbar` prop — whitelist of `ToolbarItem` names to control which toolbar buttons appear. Dividers render only between groups that have visible items. `ToolbarItem` type exported from barrel.
|
|
60
|
+
|
|
55
61
|
### v0.18.0
|
|
56
62
|
- **Fixed** Use ref to track internal changes, prevent update loop
|
|
57
63
|
|
package/llms-full.txt
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
> All variant values and props verified from source CVA definitions.
|
|
6
6
|
>
|
|
7
7
|
> Package: @devalok/shilp-sutra
|
|
8
|
-
> Version: 0.
|
|
8
|
+
> Version: 0.30.0
|
|
9
9
|
|
|
10
10
|
---
|
|
11
11
|
|
|
@@ -4838,8 +4838,11 @@ Exports: RichTextEditor, RichTextViewer
|
|
|
4838
4838
|
onFileUpload?: (file: File) => Promise<{ url: string; name: string; size: number }> — enables file attachments
|
|
4839
4839
|
mentions?: MentionItem[] — static list for @mention autocomplete
|
|
4840
4840
|
onMentionSearch?: (query: string) => Promise<MentionItem[]> — async search, takes precedence over static mentions
|
|
4841
|
+
toolbar?: ToolbarItem[] — whitelist of toolbar items to show. Omit to show all.
|
|
4841
4842
|
onMentionSelect?: (item: MentionItem) => void — called when a mention is selected
|
|
4842
4843
|
|
|
4844
|
+
ToolbarItem: 'bold' | 'italic' | 'underline' | 'strike' | 'highlight' | 'h2' | 'h3' | 'blockquote' | 'bulletList' | 'orderedList' | 'taskList' | 'codeBlock' | 'link' | 'image' | 'file' | 'hr' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'emoji' | 'undo' | 'redo'
|
|
4845
|
+
|
|
4843
4846
|
MentionItem: { id: string; label: string; avatar?: string }
|
|
4844
4847
|
|
|
4845
4848
|
### RichTextViewer
|
|
@@ -4872,6 +4875,9 @@ MentionItem: { id: string; label: string; avatar?: string }
|
|
|
4872
4875
|
- Features: bold, italic, underline, strikethrough, highlight, headings, blockquote, lists, task lists, code, links, images, file attachments, mentions, emoji, text alignment, horizontal rule
|
|
4873
4876
|
|
|
4874
4877
|
## Changes
|
|
4878
|
+
### v0.30.0
|
|
4879
|
+
- **Added** `toolbar` prop — whitelist of `ToolbarItem` names to control which toolbar buttons appear. Dividers render only between groups that have visible items. `ToolbarItem` type exported from barrel.
|
|
4880
|
+
|
|
4875
4881
|
### v0.18.0
|
|
4876
4882
|
- **Fixed** Use ref to track internal changes, prevent update loop
|
|
4877
4883
|
|
package/llms.txt
CHANGED
|
@@ -4,6 +4,13 @@
|
|
|
4
4
|
> Built on the same primitives as shadcn/ui but with key API differences.
|
|
5
5
|
> Read this file BEFORE writing any UI code. Do NOT guess from shadcn/ui knowledge.
|
|
6
6
|
|
|
7
|
+
## CHANGES (v0.30.0)
|
|
8
|
+
- **RichTextEditor `toolbar` prop** — `toolbar?: ToolbarItem[]` whitelist of toolbar items to display. Omit to show all (default). `ToolbarItem` type exported.
|
|
9
|
+
- **`@devalok/shilp-sutra-karm` removed** — Domain components moved to Karm app repo. npm package deprecated.
|
|
10
|
+
- **Warning dark mode fixed** — `warning-*` tokens now have proper dark mode values (higher chroma than category amber).
|
|
11
|
+
- **tailwind-merge fix** — All `text-ds-*` sizes now correctly registered. `cn('text-ds-lg', 'text-accent-11')` no longer strips the color.
|
|
12
|
+
- **AvatarGroup fixes** — Overflow badge text matches avatar size, indicator dots scale with size, aria-labels added.
|
|
13
|
+
|
|
7
14
|
## BREAKING CHANGES (v0.27.0 — Externalized Dependencies)
|
|
8
15
|
|
|
9
16
|
FilePreview and MarkdownViewer dependencies are now **external** (not bundled).
|
|
@@ -101,12 +108,11 @@ Same pattern for `border-surface-*`, `text-surface-*`, `ring-surface-*`.
|
|
|
101
108
|
|
|
102
109
|
**Server safety changes:** EmptyState, StatusBadge, Spinner are NO LONGER server-safe (they now use Framer Motion). Remove from RSC imports.
|
|
103
110
|
|
|
104
|
-
**Build:** `framer-motion` and `sonner` moved from `dependencies` to `devDependencies` (bundled at build time — no consumer install needed for core
|
|
111
|
+
**Build:** `framer-motion` and `sonner` moved from `dependencies` to `devDependencies` (bundled at build time — no consumer install needed for core).
|
|
105
112
|
|
|
106
113
|
**New APIs in v0.18.0:**
|
|
107
114
|
- Combobox: `accessibleLabel?: string` — custom aria-label for trigger (falls back to placeholder)
|
|
108
115
|
- Slider: multi-thumb support — pass array `defaultValue={[25, 75]}` for range sliders
|
|
109
|
-
- StreamingText (karm): `isComplete?: boolean` — debounces aria-live, announces only on completion
|
|
110
116
|
|
|
111
117
|
## CHANGES (v0.16.0)
|
|
112
118
|
- **DataTable server-side features**: `onSort` callback (manual sorting), `pagination` prop (server-side pagination with page/total/onPageChange), `selectedIds` + `selectableFilter` (controlled selection), `loading` shimmer, `emptyState` ReactNode, `singleExpand`, `stickyHeader`, `onRowClick`, `bulkActions` floating bar
|
|
@@ -243,7 +249,7 @@ pnpm add @devalok/shilp-sutra
|
|
|
243
249
|
|
|
244
250
|
Add to next.config.js:
|
|
245
251
|
```js
|
|
246
|
-
transpilePackages: ["@devalok/shilp-sutra", "@devalok/shilp-sutra-
|
|
252
|
+
transpilePackages: ["@devalok/shilp-sutra", "@devalok/shilp-sutra-brand"]
|
|
247
253
|
```
|
|
248
254
|
|
|
249
255
|
// Import components (barrel):
|