@pure-ds/core 0.5.38 → 0.5.40
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/types/public/assets/js/pds-manager.d.ts +141 -426
- package/dist/types/public/assets/js/pds-manager.d.ts.map +1 -1
- package/dist/types/public/assets/js/pds.d.ts +3 -4
- package/dist/types/public/assets/js/pds.d.ts.map +1 -1
- package/dist/types/public/assets/pds/components/pds-fab.d.ts.map +1 -1
- package/dist/types/src/js/lit.d.ts +19 -0
- package/dist/types/src/js/lit.d.ts.map +1 -1
- package/dist/types/src/js/pds-core/pds-start-helpers.d.ts.map +1 -1
- package/package.json +1 -1
- package/packages/pds-cli/bin/pds-static.js +13 -3
- package/public/assets/js/app.js +71 -53
- package/public/assets/js/lit.js +3 -3
- package/public/assets/js/pds-manager.js +12 -12
- package/public/assets/js/pds.js +6 -6
- package/public/assets/pds/components/pds-fab.js +4 -6
- package/src/js/pds-core/pds-start-helpers.js +23 -3
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
export {
|
|
2
|
-
declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setupSystemListenerIfNeeded: a }: {
|
|
1
|
+
export function startLive(PDS2: any, config: any, { emitReady, applyResolvedTheme, setupSystemListenerIfNeeded }: {
|
|
3
2
|
emitReady: any;
|
|
4
3
|
applyResolvedTheme: any;
|
|
5
4
|
setupSystemListenerIfNeeded: any;
|
|
6
5
|
}): Promise<{
|
|
7
6
|
generator: {
|
|
8
|
-
"__#private@#
|
|
9
|
-
"__#private@#
|
|
7
|
+
"__#private@#layers": any;
|
|
8
|
+
"__#private@#stylesheets": any;
|
|
10
9
|
options: {
|
|
11
10
|
debug: boolean;
|
|
12
11
|
};
|
|
@@ -118,9 +117,7 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
118
117
|
hover: string;
|
|
119
118
|
};
|
|
120
119
|
};
|
|
121
|
-
spacing:
|
|
122
|
-
0: string;
|
|
123
|
-
};
|
|
120
|
+
spacing: string;
|
|
124
121
|
radius: {
|
|
125
122
|
none: string;
|
|
126
123
|
xs: string;
|
|
@@ -327,9 +324,7 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
327
324
|
hover: string;
|
|
328
325
|
};
|
|
329
326
|
};
|
|
330
|
-
spacing:
|
|
331
|
-
0: string;
|
|
332
|
-
};
|
|
327
|
+
spacing: string;
|
|
333
328
|
radius: {
|
|
334
329
|
none: string;
|
|
335
330
|
xs: string;
|
|
@@ -428,7 +423,7 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
428
423
|
externalPath: any;
|
|
429
424
|
};
|
|
430
425
|
};
|
|
431
|
-
"__#private@#
|
|
426
|
+
"__#private@#generateColorTokens"(colorConfig: any): {
|
|
432
427
|
primary: {
|
|
433
428
|
50: string;
|
|
434
429
|
100: string;
|
|
@@ -535,7 +530,7 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
535
530
|
hover: string;
|
|
536
531
|
};
|
|
537
532
|
};
|
|
538
|
-
"__#private@#
|
|
533
|
+
"__#private@#generateColorScale"(baseColor: any): {
|
|
539
534
|
50: string;
|
|
540
535
|
100: string;
|
|
541
536
|
200: string;
|
|
@@ -547,9 +542,9 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
547
542
|
800: string;
|
|
548
543
|
900: string;
|
|
549
544
|
};
|
|
550
|
-
"__#private@#
|
|
551
|
-
"__#private
|
|
552
|
-
"__#private@#
|
|
545
|
+
"__#private@#deriveSuccessColor"(mainColor: any): string;
|
|
546
|
+
"__#private@#deriveDangerColor"(mainColor: any): string;
|
|
547
|
+
"__#private@#generateGrayScale"(supportingColor: any): {
|
|
553
548
|
50: string;
|
|
554
549
|
100: string;
|
|
555
550
|
200: string;
|
|
@@ -561,7 +556,7 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
561
556
|
800: string;
|
|
562
557
|
900: string;
|
|
563
558
|
};
|
|
564
|
-
"__#private@#
|
|
559
|
+
"__#private@#generateBackgroundShades"(backgroundBase: any): {
|
|
565
560
|
base: any;
|
|
566
561
|
subtle: string;
|
|
567
562
|
elevated: string;
|
|
@@ -570,16 +565,16 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
570
565
|
inverse: string;
|
|
571
566
|
hover: string;
|
|
572
567
|
};
|
|
573
|
-
"__#private@#
|
|
568
|
+
"__#private@#generateFieldsetAdaptiveColors"(backgroundShades: any): {
|
|
574
569
|
base: any;
|
|
575
570
|
subtle: any;
|
|
576
571
|
elevated: any;
|
|
577
572
|
sunken: string;
|
|
578
573
|
overlay: any;
|
|
579
574
|
};
|
|
580
|
-
"__#private@#
|
|
581
|
-
"__#private@#
|
|
582
|
-
"__#private@#
|
|
575
|
+
"__#private@#darkenColor"(hexColor: any, factor?: number): string;
|
|
576
|
+
"__#private@#generateSmartDarkBackground"(lightBackground: any): string;
|
|
577
|
+
"__#private@#generateDarkModeColors"(lightColors: any, backgroundBase?: string, overrides?: {}): {
|
|
583
578
|
surface: {
|
|
584
579
|
fieldset: {
|
|
585
580
|
base: any;
|
|
@@ -605,34 +600,48 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
605
600
|
warning: {};
|
|
606
601
|
danger: {};
|
|
607
602
|
};
|
|
608
|
-
"__#private@#
|
|
603
|
+
"__#private@#hexToRgb"(hex: any): {
|
|
609
604
|
r: number;
|
|
610
605
|
g: number;
|
|
611
606
|
b: number;
|
|
612
607
|
};
|
|
613
|
-
"__#private@#
|
|
614
|
-
"__#private@#
|
|
615
|
-
"__#private@#
|
|
616
|
-
"__#private@#
|
|
617
|
-
"__#private@#
|
|
618
|
-
"__#private@#
|
|
619
|
-
"__#private@#
|
|
608
|
+
"__#private@#luminance"(hex: any): number;
|
|
609
|
+
"__#private@#contrastRatio"(aHex: any, bHex: any): number;
|
|
610
|
+
"__#private@#findReadableOnColor"(bgHex: any, target?: number): "#ffffff" | "#000000";
|
|
611
|
+
"__#private@#rgbaFromHex"(hex: any, alpha?: number): string;
|
|
612
|
+
"__#private@#mixTowards"(sourceHex: any, targetHex: any, factor?: number): string;
|
|
613
|
+
"__#private@#rgbToHex"(r: any, g: any, b: any): string;
|
|
614
|
+
"__#private@#generateDarkModeFieldsetColors"(darkSurface: any): {
|
|
620
615
|
base: any;
|
|
621
616
|
subtle: any;
|
|
622
617
|
elevated: string;
|
|
623
618
|
sunken: any;
|
|
624
619
|
overlay: string;
|
|
625
620
|
};
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
"__#private@#
|
|
631
|
-
"__#private@#
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
621
|
+
/**
|
|
622
|
+
* Pick a readable primary shade on a given surface background, targeting AA contrast.
|
|
623
|
+
* Returns the first shade that meets target from a preferred order; falls back to the best ratio.
|
|
624
|
+
*/
|
|
625
|
+
"__#private@#pickReadablePrimaryOnSurface"(primaryScale?: {}, surfaceBg?: string, target?: number): any;
|
|
626
|
+
"__#private@#pickFillShadeForWhite"(scale?: {}, target?: number): any;
|
|
627
|
+
/**
|
|
628
|
+
* Generate smart surface tokens with context-aware colors for text, icons, shadows, and borders.
|
|
629
|
+
* Each surface variant gets its own semantic tokens that automatically adapt to the surface's luminance.
|
|
630
|
+
*
|
|
631
|
+
* @param {Object} surfaceShades - Object with surface color variants (base, subtle, elevated, etc.)
|
|
632
|
+
* @returns {Object} Smart tokens for each surface with text, icon, shadow, and border colors
|
|
633
|
+
*/
|
|
634
|
+
"__#private@#generateSmartSurfaceTokens"(surfaceShades: any): any;
|
|
635
|
+
"__#private@#lightenColor"(hexColor: any, factor?: number): string;
|
|
636
|
+
"__#private@#adjustColorsForDarkMode"(colorScale: any): {};
|
|
637
|
+
"__#private@#dimColorForDarkMode"(hexColor: any, dimFactor?: number): string;
|
|
638
|
+
/**
|
|
639
|
+
* Generate spacing tokens based on the provided configuration.
|
|
640
|
+
* @param {Object} spatialConfig
|
|
641
|
+
* @returns { String } CSS spacing tokens
|
|
642
|
+
*/
|
|
643
|
+
generateSpacingTokens(spatialConfig: any): string;
|
|
644
|
+
"__#private@#generateRadiusTokens"(shapeConfig: any): {
|
|
636
645
|
none: string;
|
|
637
646
|
xs: string;
|
|
638
647
|
sm: string;
|
|
@@ -641,13 +650,13 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
641
650
|
xl: string;
|
|
642
651
|
full: string;
|
|
643
652
|
};
|
|
644
|
-
"__#private@#
|
|
653
|
+
"__#private@#generateBorderWidthTokens"(shapeConfig: any): {
|
|
645
654
|
hairline: string;
|
|
646
655
|
thin: string;
|
|
647
656
|
medium: string;
|
|
648
657
|
thick: string;
|
|
649
658
|
};
|
|
650
|
-
generateTypographyTokens(
|
|
659
|
+
generateTypographyTokens(typographyConfig: any): {
|
|
651
660
|
fontFamily: {
|
|
652
661
|
headings: any;
|
|
653
662
|
body: any;
|
|
@@ -676,7 +685,7 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
676
685
|
relaxed: any;
|
|
677
686
|
};
|
|
678
687
|
};
|
|
679
|
-
"__#private@#
|
|
688
|
+
"__#private@#generateShadowTokens"(layersConfig: any): {
|
|
680
689
|
sm: string;
|
|
681
690
|
base: string;
|
|
682
691
|
md: string;
|
|
@@ -684,7 +693,7 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
684
693
|
xl: string;
|
|
685
694
|
inner: string;
|
|
686
695
|
};
|
|
687
|
-
"__#private@#
|
|
696
|
+
"__#private@#generateLayoutTokens"(layoutConfig: any): {
|
|
688
697
|
maxWidth: any;
|
|
689
698
|
maxWidthSm: any;
|
|
690
699
|
maxWidthMd: any;
|
|
@@ -704,20 +713,20 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
704
713
|
heroSpacing: string;
|
|
705
714
|
footerSpacing: string;
|
|
706
715
|
};
|
|
707
|
-
"__#private@#
|
|
716
|
+
"__#private@#resolveLayoutMaxWidths"(layoutConfig?: {}): {
|
|
708
717
|
sm: any;
|
|
709
718
|
md: any;
|
|
710
719
|
lg: any;
|
|
711
720
|
xl: any;
|
|
712
721
|
};
|
|
713
|
-
"__#private@#
|
|
714
|
-
"__#private@#
|
|
715
|
-
"__#private@#
|
|
722
|
+
"__#private@#formatLength"(value: any, fallback: any): any;
|
|
723
|
+
"__#private@#toNumber"(value: any, fallback: any): any;
|
|
724
|
+
"__#private@#generateTransitionTokens"(behaviorConfig: any): {
|
|
716
725
|
fast: string;
|
|
717
726
|
normal: string;
|
|
718
727
|
slow: string;
|
|
719
728
|
};
|
|
720
|
-
"__#private@#
|
|
729
|
+
"__#private@#generateZIndexTokens"(layersConfig: any): {
|
|
721
730
|
dropdown: any;
|
|
722
731
|
sticky: any;
|
|
723
732
|
fixed: any;
|
|
@@ -727,7 +736,7 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
727
736
|
tooltip: any;
|
|
728
737
|
notification: any;
|
|
729
738
|
};
|
|
730
|
-
"__#private@#
|
|
739
|
+
"__#private@#generateIconTokens"(iconConfig: any): {
|
|
731
740
|
set: any;
|
|
732
741
|
weight: any;
|
|
733
742
|
defaultSize: string;
|
|
@@ -737,45 +746,45 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
737
746
|
spritePath: any;
|
|
738
747
|
externalPath: any;
|
|
739
748
|
};
|
|
740
|
-
"__#private@#
|
|
741
|
-
"__#private@#
|
|
742
|
-
"__#private@#
|
|
743
|
-
"__#private@#
|
|
744
|
-
"__#private@#
|
|
745
|
-
"__#private@#
|
|
746
|
-
"__#private@#
|
|
747
|
-
"__#private@#
|
|
748
|
-
"__#private@#
|
|
749
|
-
"__#private@#
|
|
750
|
-
"__#private@#
|
|
751
|
-
"__#private@#
|
|
752
|
-
"__#private@#
|
|
753
|
-
"__#private@#
|
|
754
|
-
"__#private@#
|
|
755
|
-
"__#private@#
|
|
756
|
-
"__#private@#
|
|
757
|
-
"__#private@#
|
|
758
|
-
"__#private@#
|
|
759
|
-
"__#private@#
|
|
760
|
-
"__#private@#
|
|
761
|
-
"__#private@#
|
|
762
|
-
"__#private@#
|
|
763
|
-
"__#private@#
|
|
764
|
-
"__#private@#
|
|
765
|
-
"__#private@#
|
|
766
|
-
"__#private@#
|
|
767
|
-
"__#private@#
|
|
768
|
-
"__#private@#
|
|
769
|
-
"__#private@#
|
|
770
|
-
"__#private@#
|
|
771
|
-
"__#private@#
|
|
772
|
-
"__#private@#
|
|
773
|
-
"__#private@#
|
|
749
|
+
"__#private@#generateColorVariables"(colors: any): string;
|
|
750
|
+
"__#private@#generateMeshGradients"(colors: any): string;
|
|
751
|
+
"__#private@#generateSpacingVariables"(spacing: any): string;
|
|
752
|
+
"__#private@#generateRadiusVariables"(radius: any): string;
|
|
753
|
+
"__#private@#generateBorderWidthVariables"(borderWidths: any): string;
|
|
754
|
+
"__#private@#generateTypographyVariables"(typography: any): string;
|
|
755
|
+
"__#private@#generateShadowVariables"(shadows: any): string;
|
|
756
|
+
"__#private@#generateLayoutVariables"(layout: any): string;
|
|
757
|
+
"__#private@#generateTransitionVariables"(transitions: any): string;
|
|
758
|
+
"__#private@#generateZIndexVariables"(zIndex: any): string;
|
|
759
|
+
"__#private@#generateIconVariables"(icons: any): string;
|
|
760
|
+
"__#private@#generateDarkVariablesOnly"(colors: any): string;
|
|
761
|
+
"__#private@#generateDarkVariablesForTokensLayer"(colors: any): string;
|
|
762
|
+
"__#private@#generateMeshGradientsDarkVariablesOnly"(colors: any): string;
|
|
763
|
+
"__#private@#generateMeshGradientsDark"(colors: any): string;
|
|
764
|
+
"__#private@#generateDarkModeComponentRules"(): string;
|
|
765
|
+
"__#private@#generateBodyBackgroundMeshRule"(): string;
|
|
766
|
+
"__#private@#generateLiquidGlassUtility"(): "" | "/* Liquid glass utility (opt-in via options.liquidGlassEffects) */\n.liquid-glass {\n border-radius: var(--radius-lg);\n /* Subtle translucent fill blended with surface */\n background: color-mix(in oklab, var(--color-surface-subtle) 45%, transparent);\n\n background-image: linear-gradient(\n 135deg,\n rgba(255,255,255,0.35),\n rgba(255,255,255,0.12)\n );\n /* Frosted glass blur + saturation */\n -webkit-backdrop-filter: blur(12px) saturate(140%);\n backdrop-filter: blur(12px) saturate(140%);\n /* Soft inner highlight and outer depth */\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,0.6),\n inset 0 -40px 80px rgba(255,255,255,0.12),\n 0 10px 30px rgba(0,0,0,0.10);\n /* Glossy border with slight light and dark edges */\n border: 1px solid color-mix(in oklab, var(--color-primary-500) 22%, transparent);\n outline: 1px solid color-mix(in oklab, #ffffff 18%, transparent);\n outline-offset: -1px;\n}\n\nhtml[data-theme=\"dark\"] .liquid-glass {\n background: color-mix(in oklab, var(--color-surface-inverse) 45%, transparent);\n background-image: linear-gradient(\n 135deg,\n color-mix(in oklab, var(--color-primary-300) 40%, transparent),\n color-mix(in oklab, var(--color-surface-overlay) 48%, transparent)\n );\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,0.12),\n inset 0 -40px 80px rgba(0,0,0,0.55),\n 0 18px 38px rgba(0,0,0,0.65);\n border: 1px solid color-mix(in oklab, var(--color-primary-300) 26%, transparent);\n outline: 1px solid color-mix(in oklab, #ffffff 16%, transparent);\n}\n\n/* Fallback when backdrop-filter isn't supported */\n@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {\n .liquid-glass {\n /* Strengthen fill a bit to compensate for lack of blur */\n background: color-mix(in oklab, var(--color-surface-subtle) 70%, rgba(255,255,255,0.4));\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,0.6),\n 0 10px 24px rgba(0,0,0,0.08);\n }\n\n html[data-theme=\"dark\"] .liquid-glass {\n background: color-mix(in oklab, var(--color-surface-inverse) 70%, transparent);\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,0.1),\n 0 18px 32px rgba(0,0,0,0.58);\n }\n}\n";
|
|
767
|
+
"__#private@#generateBorderGradientUtilities"(): string;
|
|
768
|
+
"__#private@#generateSemanticHTMLStyles"(): string;
|
|
769
|
+
"__#private@#generateFormStyles"(): string;
|
|
770
|
+
"__#private@#generateTableStyles"(): string;
|
|
771
|
+
"__#private@#generateCalloutStyles"(): string;
|
|
772
|
+
"__#private@#generateAccordionStyles"(): string;
|
|
773
|
+
"__#private@#generateBadgeStyles"(): string;
|
|
774
|
+
"__#private@#generateDialogStyles"(): string;
|
|
775
|
+
"__#private@#generateTabStripStyles"(): string;
|
|
776
|
+
"__#private@#generateScrollbarStyles"(): string;
|
|
777
|
+
"__#private@#generateIconStyles"(): string;
|
|
778
|
+
"__#private@#generateDropdownStyles"(): string;
|
|
779
|
+
"__#private@#generateLayoutUtilities"(): string;
|
|
780
|
+
"__#private@#generateMediaUtilities"(): string;
|
|
781
|
+
"__#private@#generateMediaQueries"(): string;
|
|
782
|
+
"__#private@#hexToHsl"(hex: any): {
|
|
774
783
|
h: number;
|
|
775
784
|
s: number;
|
|
776
785
|
l: number;
|
|
777
786
|
};
|
|
778
|
-
"__#private@#
|
|
787
|
+
"__#private@#hslToHex"(h: any, s: any, l: any): string;
|
|
779
788
|
getTokens(): {
|
|
780
789
|
colors: {
|
|
781
790
|
primary: {
|
|
@@ -884,9 +893,7 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
884
893
|
hover: string;
|
|
885
894
|
};
|
|
886
895
|
};
|
|
887
|
-
spacing:
|
|
888
|
-
0: string;
|
|
889
|
-
};
|
|
896
|
+
spacing: string;
|
|
890
897
|
radius: {
|
|
891
898
|
none: string;
|
|
892
899
|
xs: string;
|
|
@@ -986,353 +993,41 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
986
993
|
};
|
|
987
994
|
};
|
|
988
995
|
exportCSS(): string;
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
"__#private@#
|
|
994
|
-
"__#private
|
|
995
|
-
"__#private@#
|
|
996
|
+
/**
|
|
997
|
+
* Generate separate CSS layers: tokens, primitives, components, utilities
|
|
998
|
+
* Following the cascade layers pattern from the best practices document
|
|
999
|
+
*/
|
|
1000
|
+
"__#private@#generateLayers"(): void;
|
|
1001
|
+
"__#private@#generateTokensLayer"(): string;
|
|
1002
|
+
"__#private@#generatePrimitivesLayer"(): string;
|
|
1003
|
+
"__#private@#generateComponentsLayer"(): string;
|
|
1004
|
+
"__#private@#generateUtilitiesLayer"(): string;
|
|
1005
|
+
/**
|
|
1006
|
+
* Create constructable stylesheets for each layer
|
|
1007
|
+
*/
|
|
1008
|
+
"__#private@#createConstructableStylesheets"(): void;
|
|
1009
|
+
"__#private@#updateConstructableStylesheets"(): void;
|
|
996
1010
|
get tokensCSS(): any;
|
|
997
1011
|
get primitivesCSS(): any;
|
|
998
1012
|
get componentsCSS(): any;
|
|
999
1013
|
get utilitiesCSS(): any;
|
|
1000
1014
|
get layeredCSS(): string;
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
400: string;
|
|
1010
|
-
500: any;
|
|
1011
|
-
600: string;
|
|
1012
|
-
700: string;
|
|
1013
|
-
800: string;
|
|
1014
|
-
900: string;
|
|
1015
|
-
};
|
|
1016
|
-
secondary: {
|
|
1017
|
-
50: string;
|
|
1018
|
-
100: string;
|
|
1019
|
-
200: string;
|
|
1020
|
-
300: string;
|
|
1021
|
-
400: string;
|
|
1022
|
-
500: any;
|
|
1023
|
-
600: string;
|
|
1024
|
-
700: string;
|
|
1025
|
-
800: string;
|
|
1026
|
-
900: string;
|
|
1027
|
-
};
|
|
1028
|
-
accent: {
|
|
1029
|
-
50: string;
|
|
1030
|
-
100: string;
|
|
1031
|
-
200: string;
|
|
1032
|
-
300: string;
|
|
1033
|
-
400: string;
|
|
1034
|
-
500: any;
|
|
1035
|
-
600: string;
|
|
1036
|
-
700: string;
|
|
1037
|
-
800: string;
|
|
1038
|
-
900: string;
|
|
1039
|
-
};
|
|
1040
|
-
success: {
|
|
1041
|
-
50: string;
|
|
1042
|
-
100: string;
|
|
1043
|
-
200: string;
|
|
1044
|
-
300: string;
|
|
1045
|
-
400: string;
|
|
1046
|
-
500: any;
|
|
1047
|
-
600: string;
|
|
1048
|
-
700: string;
|
|
1049
|
-
800: string;
|
|
1050
|
-
900: string;
|
|
1051
|
-
};
|
|
1052
|
-
warning: {
|
|
1053
|
-
50: string;
|
|
1054
|
-
100: string;
|
|
1055
|
-
200: string;
|
|
1056
|
-
300: string;
|
|
1057
|
-
400: string;
|
|
1058
|
-
500: any;
|
|
1059
|
-
600: string;
|
|
1060
|
-
700: string;
|
|
1061
|
-
800: string;
|
|
1062
|
-
900: string;
|
|
1063
|
-
};
|
|
1064
|
-
danger: {
|
|
1065
|
-
50: string;
|
|
1066
|
-
100: string;
|
|
1067
|
-
200: string;
|
|
1068
|
-
300: string;
|
|
1069
|
-
400: string;
|
|
1070
|
-
500: any;
|
|
1071
|
-
600: string;
|
|
1072
|
-
700: string;
|
|
1073
|
-
800: string;
|
|
1074
|
-
900: string;
|
|
1075
|
-
};
|
|
1076
|
-
info: {
|
|
1077
|
-
50: string;
|
|
1078
|
-
100: string;
|
|
1079
|
-
200: string;
|
|
1080
|
-
300: string;
|
|
1081
|
-
400: string;
|
|
1082
|
-
500: any;
|
|
1083
|
-
600: string;
|
|
1084
|
-
700: string;
|
|
1085
|
-
800: string;
|
|
1086
|
-
900: string;
|
|
1087
|
-
};
|
|
1088
|
-
gray: {
|
|
1089
|
-
50: string;
|
|
1090
|
-
100: string;
|
|
1091
|
-
200: string;
|
|
1092
|
-
300: string;
|
|
1093
|
-
400: string;
|
|
1094
|
-
500: any;
|
|
1095
|
-
600: string;
|
|
1096
|
-
700: string;
|
|
1097
|
-
800: string;
|
|
1098
|
-
900: string;
|
|
1099
|
-
};
|
|
1100
|
-
surface: {
|
|
1101
|
-
base: any;
|
|
1102
|
-
subtle: string;
|
|
1103
|
-
elevated: string;
|
|
1104
|
-
sunken: string;
|
|
1105
|
-
overlay: string;
|
|
1106
|
-
inverse: string;
|
|
1107
|
-
hover: string;
|
|
1108
|
-
};
|
|
1109
|
-
};
|
|
1110
|
-
spacing: {
|
|
1111
|
-
0: string;
|
|
1112
|
-
};
|
|
1113
|
-
radius: {
|
|
1114
|
-
none: string;
|
|
1115
|
-
xs: string;
|
|
1116
|
-
sm: string;
|
|
1117
|
-
md: string;
|
|
1118
|
-
lg: string;
|
|
1119
|
-
xl: string;
|
|
1120
|
-
full: string;
|
|
1121
|
-
};
|
|
1122
|
-
borderWidths: {
|
|
1123
|
-
hairline: string;
|
|
1124
|
-
thin: string;
|
|
1125
|
-
medium: string;
|
|
1126
|
-
thick: string;
|
|
1127
|
-
};
|
|
1128
|
-
typography: {
|
|
1129
|
-
fontFamily: {
|
|
1130
|
-
headings: any;
|
|
1131
|
-
body: any;
|
|
1132
|
-
mono: any;
|
|
1133
|
-
};
|
|
1134
|
-
fontSize: {
|
|
1135
|
-
xs: string;
|
|
1136
|
-
sm: string;
|
|
1137
|
-
base: string;
|
|
1138
|
-
lg: string;
|
|
1139
|
-
xl: string;
|
|
1140
|
-
"2xl": string;
|
|
1141
|
-
"3xl": string;
|
|
1142
|
-
"4xl": string;
|
|
1143
|
-
};
|
|
1144
|
-
fontWeight: {
|
|
1145
|
-
light: any;
|
|
1146
|
-
normal: any;
|
|
1147
|
-
medium: any;
|
|
1148
|
-
semibold: any;
|
|
1149
|
-
bold: any;
|
|
1150
|
-
};
|
|
1151
|
-
lineHeight: {
|
|
1152
|
-
tight: any;
|
|
1153
|
-
normal: any;
|
|
1154
|
-
relaxed: any;
|
|
1155
|
-
};
|
|
1156
|
-
};
|
|
1157
|
-
shadows: {
|
|
1158
|
-
sm: string;
|
|
1159
|
-
base: string;
|
|
1160
|
-
md: string;
|
|
1161
|
-
lg: string;
|
|
1162
|
-
xl: string;
|
|
1163
|
-
inner: string;
|
|
1164
|
-
};
|
|
1165
|
-
layout: {
|
|
1166
|
-
maxWidth: any;
|
|
1167
|
-
maxWidthSm: any;
|
|
1168
|
-
maxWidthMd: any;
|
|
1169
|
-
maxWidthLg: any;
|
|
1170
|
-
maxWidthXl: any;
|
|
1171
|
-
minHeight: string;
|
|
1172
|
-
containerPadding: any;
|
|
1173
|
-
breakpoints: {
|
|
1174
|
-
sm: any;
|
|
1175
|
-
md: any;
|
|
1176
|
-
lg: any;
|
|
1177
|
-
xl: any;
|
|
1178
|
-
};
|
|
1179
|
-
pageMargin: string;
|
|
1180
|
-
sectionGap: string;
|
|
1181
|
-
containerGap: string;
|
|
1182
|
-
heroSpacing: string;
|
|
1183
|
-
footerSpacing: string;
|
|
1184
|
-
};
|
|
1185
|
-
transitions: {
|
|
1186
|
-
fast: string;
|
|
1187
|
-
normal: string;
|
|
1188
|
-
slow: string;
|
|
1189
|
-
};
|
|
1190
|
-
zIndex: {
|
|
1191
|
-
dropdown: any;
|
|
1192
|
-
sticky: any;
|
|
1193
|
-
fixed: any;
|
|
1194
|
-
modal: any;
|
|
1195
|
-
drawer: any;
|
|
1196
|
-
popover: any;
|
|
1197
|
-
tooltip: any;
|
|
1198
|
-
notification: any;
|
|
1199
|
-
};
|
|
1200
|
-
icons: {
|
|
1201
|
-
set: any;
|
|
1202
|
-
weight: any;
|
|
1203
|
-
defaultSize: string;
|
|
1204
|
-
sizes: {
|
|
1205
|
-
[k: string]: string;
|
|
1206
|
-
};
|
|
1207
|
-
spritePath: any;
|
|
1208
|
-
externalPath: any;
|
|
1209
|
-
};
|
|
1210
|
-
};
|
|
1211
|
-
layers: {
|
|
1212
|
-
tokens: {
|
|
1213
|
-
css: any;
|
|
1214
|
-
size: any;
|
|
1215
|
-
sizeKB: string;
|
|
1216
|
-
};
|
|
1217
|
-
primitives: {
|
|
1218
|
-
css: any;
|
|
1219
|
-
size: any;
|
|
1220
|
-
sizeKB: string;
|
|
1221
|
-
};
|
|
1222
|
-
components: {
|
|
1223
|
-
css: any;
|
|
1224
|
-
size: any;
|
|
1225
|
-
sizeKB: string;
|
|
1226
|
-
};
|
|
1227
|
-
utilities: {
|
|
1228
|
-
css: any;
|
|
1229
|
-
size: any;
|
|
1230
|
-
sizeKB: string;
|
|
1231
|
-
};
|
|
1232
|
-
combined: {
|
|
1233
|
-
css: string;
|
|
1234
|
-
size: number;
|
|
1235
|
-
sizeKB: string;
|
|
1236
|
-
};
|
|
1237
|
-
};
|
|
1238
|
-
config: {
|
|
1239
|
-
design: any;
|
|
1240
|
-
preset: any;
|
|
1241
|
-
debug: boolean;
|
|
1242
|
-
};
|
|
1243
|
-
capabilities: {
|
|
1244
|
-
constructableStylesheets: boolean;
|
|
1245
|
-
blobURLs: boolean;
|
|
1246
|
-
shadowDOM: boolean;
|
|
1247
|
-
};
|
|
1248
|
-
references: {
|
|
1249
|
-
ontology: any;
|
|
1250
|
-
enums: any;
|
|
1251
|
-
};
|
|
1252
|
-
meta: {
|
|
1253
|
-
generatedAt: string;
|
|
1254
|
-
totalSize: any;
|
|
1255
|
-
totalSizeKB: string;
|
|
1256
|
-
layerCount: number;
|
|
1257
|
-
tokenGroups: number;
|
|
1258
|
-
};
|
|
1259
|
-
helpers: {
|
|
1260
|
-
getColorScales: () => {
|
|
1261
|
-
name: string;
|
|
1262
|
-
scale: {
|
|
1263
|
-
50: string;
|
|
1264
|
-
100: string;
|
|
1265
|
-
200: string;
|
|
1266
|
-
300: string;
|
|
1267
|
-
400: string;
|
|
1268
|
-
500: any;
|
|
1269
|
-
600: string;
|
|
1270
|
-
700: string;
|
|
1271
|
-
800: string;
|
|
1272
|
-
900: string;
|
|
1273
|
-
} | {
|
|
1274
|
-
50: string;
|
|
1275
|
-
100: string;
|
|
1276
|
-
200: string;
|
|
1277
|
-
300: string;
|
|
1278
|
-
400: string;
|
|
1279
|
-
500: any;
|
|
1280
|
-
600: string;
|
|
1281
|
-
700: string;
|
|
1282
|
-
800: string;
|
|
1283
|
-
900: string;
|
|
1284
|
-
} | {
|
|
1285
|
-
base: any;
|
|
1286
|
-
subtle: string;
|
|
1287
|
-
elevated: string;
|
|
1288
|
-
sunken: string;
|
|
1289
|
-
overlay: string;
|
|
1290
|
-
inverse: string;
|
|
1291
|
-
hover: string;
|
|
1292
|
-
};
|
|
1293
|
-
}[];
|
|
1294
|
-
getColorScale: (t: any) => any;
|
|
1295
|
-
getSpacingValues: () => {
|
|
1296
|
-
key: string;
|
|
1297
|
-
value: string;
|
|
1298
|
-
}[];
|
|
1299
|
-
getTypography: () => {
|
|
1300
|
-
fontFamily: {
|
|
1301
|
-
headings: any;
|
|
1302
|
-
body: any;
|
|
1303
|
-
mono: any;
|
|
1304
|
-
};
|
|
1305
|
-
fontSize: {
|
|
1306
|
-
xs: string;
|
|
1307
|
-
sm: string;
|
|
1308
|
-
base: string;
|
|
1309
|
-
lg: string;
|
|
1310
|
-
xl: string;
|
|
1311
|
-
"2xl": string;
|
|
1312
|
-
"3xl": string;
|
|
1313
|
-
"4xl": string;
|
|
1314
|
-
};
|
|
1315
|
-
fontWeight: {
|
|
1316
|
-
light: any;
|
|
1317
|
-
normal: any;
|
|
1318
|
-
medium: any;
|
|
1319
|
-
semibold: any;
|
|
1320
|
-
bold: any;
|
|
1321
|
-
};
|
|
1322
|
-
lineHeight: {
|
|
1323
|
-
tight: any;
|
|
1324
|
-
normal: any;
|
|
1325
|
-
relaxed: any;
|
|
1326
|
-
};
|
|
1327
|
-
};
|
|
1328
|
-
getLayerCSS: (t: any) => any;
|
|
1329
|
-
usesEnumValue: (t: any, e: any) => boolean;
|
|
1330
|
-
};
|
|
1331
|
-
};
|
|
1015
|
+
/**
|
|
1016
|
+
* Get a complete compiled representation of the design system state.
|
|
1017
|
+
* This provides structured access to all generated tokens, scales, layers, and metadata.
|
|
1018
|
+
* Linked to ontology and enums for introspection and tooling.
|
|
1019
|
+
*
|
|
1020
|
+
* @returns {Object} Compiled design system state with tokens, layers, metadata, and references
|
|
1021
|
+
*/
|
|
1022
|
+
get compiled(): any;
|
|
1332
1023
|
get tokensStylesheet(): any;
|
|
1333
1024
|
get primitivesStylesheet(): any;
|
|
1334
1025
|
get componentsStylesheet(): any;
|
|
1335
1026
|
get utilitiesStylesheet(): any;
|
|
1027
|
+
/**
|
|
1028
|
+
* Generate CSS module files for export
|
|
1029
|
+
* Returns object with filename => content
|
|
1030
|
+
*/
|
|
1336
1031
|
getCSSModules(): {
|
|
1337
1032
|
"pds-tokens.css.js": string;
|
|
1338
1033
|
"pds-primitives.css.js": string;
|
|
@@ -1340,13 +1035,33 @@ declare function st(n: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
|
|
|
1340
1035
|
"pds-utilities.css.js": string;
|
|
1341
1036
|
"pds-styles.css.js": string;
|
|
1342
1037
|
};
|
|
1343
|
-
"__#private@#
|
|
1038
|
+
"__#private@#generateCSSModule"(name: any, css: any): string;
|
|
1344
1039
|
};
|
|
1345
1040
|
config: {
|
|
1346
1041
|
design: any;
|
|
1347
1042
|
preset: any;
|
|
1348
1043
|
} | {
|
|
1349
|
-
design: {
|
|
1044
|
+
design: {
|
|
1045
|
+
colors: unknown;
|
|
1046
|
+
} | {
|
|
1047
|
+
typography: unknown;
|
|
1048
|
+
} | {
|
|
1049
|
+
spatialRhythm: unknown;
|
|
1050
|
+
} | {
|
|
1051
|
+
shape: unknown;
|
|
1052
|
+
} | {
|
|
1053
|
+
behavior: unknown;
|
|
1054
|
+
} | {
|
|
1055
|
+
layout: unknown;
|
|
1056
|
+
} | {
|
|
1057
|
+
advanced: unknown;
|
|
1058
|
+
} | {
|
|
1059
|
+
a11y: unknown;
|
|
1060
|
+
} | {
|
|
1061
|
+
components: unknown;
|
|
1062
|
+
} | {
|
|
1063
|
+
icons: unknown;
|
|
1064
|
+
};
|
|
1350
1065
|
} | {
|
|
1351
1066
|
debug: boolean;
|
|
1352
1067
|
};
|