@unpunnyfuns/swatchbook-blocks 0.60.8 → 0.61.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/index.d.mts +16 -19
- package/dist/index.mjs +63 -190
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
package/dist/index.d.mts
CHANGED
|
@@ -114,9 +114,6 @@ type VirtualTokenGraph = TokenGraph;
|
|
|
114
114
|
*/
|
|
115
115
|
interface ProjectSnapshot {
|
|
116
116
|
axes: readonly VirtualAxisShape[];
|
|
117
|
-
/** Axis names suppressed via `config.disabledAxes` — pinned to their defaults, hidden from the toolbar. */
|
|
118
|
-
disabledAxes: readonly string[];
|
|
119
|
-
presets: readonly VirtualPresetShape[];
|
|
120
117
|
activeTheme: string;
|
|
121
118
|
activeAxes: Readonly<Record<string, string>>;
|
|
122
119
|
cssVarPrefix: string;
|
|
@@ -169,7 +166,7 @@ declare function useActiveTheme(): string;
|
|
|
169
166
|
* Active axis tuple for the current story/docs render — `Record<axisName,
|
|
170
167
|
* contextName>`. Derived from the same input as {@link ThemeContext}; split
|
|
171
168
|
* out so consumers needing per-axis info (toolbar, panel, tuple-aware
|
|
172
|
-
* blocks) don't have to reparse the composed
|
|
169
|
+
* blocks) don't have to reparse the composed theme name.
|
|
173
170
|
*/
|
|
174
171
|
declare const AxesContext: _$react.Context<Readonly<Record<string, string>>>;
|
|
175
172
|
declare function useActiveAxes(): Readonly<Record<string, string>>;
|
|
@@ -314,7 +311,7 @@ interface ColorTableProps {
|
|
|
314
311
|
*
|
|
315
312
|
* Single-member groups render as plain rows (no pill selector). Empty
|
|
316
313
|
* map (default) disables grouping entirely; each token renders as its
|
|
317
|
-
* own row
|
|
314
|
+
* own row.
|
|
318
315
|
*/
|
|
319
316
|
variants?: Record<string, string>;
|
|
320
317
|
}
|
|
@@ -348,7 +345,7 @@ declare function Diagnostics({
|
|
|
348
345
|
}?: DiagnosticsProps): ReactElement;
|
|
349
346
|
//#endregion
|
|
350
347
|
//#region src/dimension-scale/DimensionBar.d.ts
|
|
351
|
-
type
|
|
348
|
+
type DimensionVisual = 'length' | 'radius' | 'size';
|
|
352
349
|
interface DimensionBarProps {
|
|
353
350
|
/** Full dot-path of the dimension token to preview. */
|
|
354
351
|
path: string;
|
|
@@ -358,11 +355,11 @@ interface DimensionBarProps {
|
|
|
358
355
|
* - `'radius'`: 56×56 square with the token applied as `border-radius`.
|
|
359
356
|
* - `'size'`: a square sized to the token's dimension.
|
|
360
357
|
*/
|
|
361
|
-
|
|
358
|
+
visual?: DimensionVisual;
|
|
362
359
|
}
|
|
363
360
|
declare function DimensionBar({
|
|
364
361
|
path,
|
|
365
|
-
|
|
362
|
+
visual
|
|
366
363
|
}: DimensionBarProps): ReactElement;
|
|
367
364
|
//#endregion
|
|
368
365
|
//#region src/DimensionScale.d.ts
|
|
@@ -378,7 +375,7 @@ interface DimensionScaleProps {
|
|
|
378
375
|
* - `'radius'`: 56×56 square with the token applied as `border-radius`.
|
|
379
376
|
* - `'size'`: a square sized to the token's dimension.
|
|
380
377
|
*/
|
|
381
|
-
|
|
378
|
+
visual?: DimensionVisual;
|
|
382
379
|
/** Override the caption. */
|
|
383
380
|
caption?: string;
|
|
384
381
|
/**
|
|
@@ -394,14 +391,14 @@ interface DimensionScaleProps {
|
|
|
394
391
|
}
|
|
395
392
|
declare function DimensionScale({
|
|
396
393
|
filter,
|
|
397
|
-
|
|
394
|
+
visual,
|
|
398
395
|
caption,
|
|
399
396
|
sortBy,
|
|
400
397
|
sortDir
|
|
401
398
|
}: DimensionScaleProps): ReactElement;
|
|
402
399
|
//#endregion
|
|
403
|
-
//#region src/
|
|
404
|
-
interface
|
|
400
|
+
//#region src/FontFamilyPreview.d.ts
|
|
401
|
+
interface FontFamilyPreviewProps {
|
|
405
402
|
/**
|
|
406
403
|
* Token-path filter. Defaults to every `fontFamily` token. Use e.g.
|
|
407
404
|
* `"font.family.*"` to scope to the ref layer.
|
|
@@ -420,13 +417,13 @@ interface FontFamilySampleProps {
|
|
|
420
417
|
/** `'asc'` (default) or `'desc'`. */
|
|
421
418
|
sortDir?: SortDir;
|
|
422
419
|
}
|
|
423
|
-
declare function
|
|
420
|
+
declare function FontFamilyPreview({
|
|
424
421
|
filter,
|
|
425
422
|
sample,
|
|
426
423
|
caption,
|
|
427
424
|
sortBy,
|
|
428
425
|
sortDir
|
|
429
|
-
}:
|
|
426
|
+
}: FontFamilyPreviewProps): ReactElement;
|
|
430
427
|
//#endregion
|
|
431
428
|
//#region src/FontWeightScale.d.ts
|
|
432
429
|
interface FontWeightScaleProps {
|
|
@@ -628,8 +625,8 @@ declare function ShadowSample({
|
|
|
628
625
|
path
|
|
629
626
|
}: ShadowSampleProps): ReactElement;
|
|
630
627
|
//#endregion
|
|
631
|
-
//#region src/
|
|
632
|
-
interface
|
|
628
|
+
//#region src/StrokeStylePreview.d.ts
|
|
629
|
+
interface StrokeStylePreviewProps {
|
|
633
630
|
/**
|
|
634
631
|
* Token-path filter. Defaults to every `strokeStyle` token. Use e.g.
|
|
635
632
|
* `"stroke.style.*"` to scope to the ref layer.
|
|
@@ -646,12 +643,12 @@ interface StrokeStyleSampleProps {
|
|
|
646
643
|
/** `'asc'` (default) or `'desc'`. */
|
|
647
644
|
sortDir?: SortDir;
|
|
648
645
|
}
|
|
649
|
-
declare function
|
|
646
|
+
declare function StrokeStylePreview({
|
|
650
647
|
filter,
|
|
651
648
|
caption,
|
|
652
649
|
sortBy,
|
|
653
650
|
sortDir
|
|
654
|
-
}:
|
|
651
|
+
}: StrokeStylePreviewProps): ReactElement;
|
|
655
652
|
//#endregion
|
|
656
653
|
//#region src/TokenDetail.d.ts
|
|
657
654
|
interface TokenDetailProps {
|
|
@@ -859,5 +856,5 @@ declare function TypographyScale({
|
|
|
859
856
|
sortDir
|
|
860
857
|
}: TypographyScaleProps): ReactElement;
|
|
861
858
|
//#endregion
|
|
862
|
-
export { AliasChain, type AliasChainProps, AliasedBy, type AliasedByProps, AxesContext, AxisVariance, type AxisVarianceProps, BorderPreview, type BorderPreviewProps, BorderSample, type BorderSampleProps, COLOR_FORMATS, type ColorFormat, ColorFormatContext, ColorPalette, type ColorPaletteProps, ColorTable, type ColorTableProps, CompositeBreakdown, type CompositeBreakdownProps, CompositePreview, type CompositePreviewProps, ConsumerOutput, type ConsumerOutputProps, Diagnostics, type DiagnosticsProps, DimensionBar, type DimensionBarProps,
|
|
859
|
+
export { AliasChain, type AliasChainProps, AliasedBy, type AliasedByProps, AxesContext, AxisVariance, type AxisVarianceProps, BorderPreview, type BorderPreviewProps, BorderSample, type BorderSampleProps, COLOR_FORMATS, type ColorFormat, ColorFormatContext, ColorPalette, type ColorPaletteProps, ColorTable, type ColorTableProps, CompositeBreakdown, type CompositeBreakdownProps, CompositePreview, type CompositePreviewProps, ConsumerOutput, type ConsumerOutputProps, Diagnostics, type DiagnosticsProps, DimensionBar, type DimensionBarProps, DimensionScale, type DimensionScaleProps, type DimensionVisual, FontFamilyPreview, type FontFamilyPreviewProps, FontWeightScale, type FontWeightScaleProps, type FormatColorResult, GradientPalette, type GradientPaletteProps, MotionPreview, type MotionPreviewProps, MotionSample, type MotionSampleProps, type MotionSpeed, type NormalizedColor, OpacityScale, type OpacityScaleProps, type ProjectSnapshot, ShadowPreview, type ShadowPreviewProps, ShadowSample, type ShadowSampleProps, StrokeStylePreview, type StrokeStylePreviewProps, SwatchbookContext, SwatchbookProvider, type SwatchbookProviderProps, ThemeContext, TokenDetail, type TokenDetailProps, TokenHeader, type TokenHeaderProps, TokenNavigator, type TokenNavigatorProps, TokenTable, type TokenTableProps, TokenUsageSnippet, type TokenUsageSnippetProps, TypographyScale, type TypographyScaleProps, type VirtualAxisShape as VirtualAxis, type VirtualAxisShape, type VirtualDiagnosticShape as VirtualDiagnostic, type VirtualDiagnosticShape, type VirtualPresetShape as VirtualPreset, type VirtualPresetShape, type VirtualTokenShape as VirtualToken, type VirtualTokenShape, type VirtualTokenGraph, type VirtualTokenListingShape, formatColor, useActiveAxes, useActiveTheme, useColorFormat, useOptionalSwatchbookData, useSwatchbookData };
|
|
863
860
|
//# sourceMappingURL=index.d.mts.map
|