@pure-ds/core 0.7.24 → 0.7.25
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-ask.d.ts +1 -2
- package/dist/types/public/assets/js/pds-ask.d.ts.map +1 -1
- package/dist/types/public/assets/js/pds-autocomplete.d.ts +36 -25
- package/dist/types/public/assets/js/pds-autocomplete.d.ts.map +1 -1
- package/dist/types/public/assets/js/pds-enhancers.d.ts +4 -4
- package/dist/types/public/assets/js/pds-enhancers.d.ts.map +1 -1
- package/dist/types/public/assets/js/pds-manager.d.ts +159 -444
- package/dist/types/public/assets/js/pds-manager.d.ts.map +1 -1
- package/dist/types/public/assets/js/pds-toast.d.ts +6 -7
- package/dist/types/public/assets/js/pds-toast.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-toaster.d.ts +3 -0
- package/dist/types/public/assets/pds/components/pds-toaster.d.ts.map +1 -1
- package/dist/types/src/js/pds-core/pds-live.d.ts.map +1 -1
- package/package.json +1 -1
- package/packages/pds-cli/bin/templates/bootstrap/pds.config.js +14 -4
- package/public/assets/js/app.js +1 -1
- package/public/assets/js/pds-manager.js +12 -12
- package/public/assets/pds/components/pds-toaster.js +35 -1
- package/public/assets/pds/core/pds-manager.js +12 -12
- package/src/js/pds-core/pds-generator.js +1 -1
- package/src/js/pds-core/pds-live.js +5 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export function clearLiveImportHistory(): Promise<void>;
|
|
2
|
+
export function convertBrandGuidelinesToPatch(input?: {}): {
|
|
3
3
|
source: string;
|
|
4
4
|
type: string;
|
|
5
5
|
confidence: number;
|
|
@@ -12,7 +12,7 @@ declare function qt(t?: {}): {
|
|
|
12
12
|
template: any;
|
|
13
13
|
meta: any;
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
export function convertTailwindHtmlToPds(input?: {}): {
|
|
16
16
|
source: string;
|
|
17
17
|
type: string;
|
|
18
18
|
confidence: number;
|
|
@@ -25,7 +25,7 @@ declare function st(t?: {}): {
|
|
|
25
25
|
template: any;
|
|
26
26
|
meta: any;
|
|
27
27
|
};
|
|
28
|
-
|
|
28
|
+
export function createImportResult(input?: {}): {
|
|
29
29
|
source: string;
|
|
30
30
|
type: string;
|
|
31
31
|
confidence: number;
|
|
@@ -38,23 +38,23 @@ declare function O(t?: {}): {
|
|
|
38
38
|
template: any;
|
|
39
39
|
meta: any;
|
|
40
40
|
};
|
|
41
|
-
|
|
41
|
+
export function describeTailwindConversionRules(): {
|
|
42
42
|
directMappings: any;
|
|
43
43
|
ignoredPatterns: any;
|
|
44
44
|
nonPdsClassPatterns: any;
|
|
45
45
|
rulesJsonPath: string;
|
|
46
46
|
};
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
export function getLiveImportHistoryEntry(id: any): Promise<any>;
|
|
48
|
+
export function getLiveImportSources(): {
|
|
49
49
|
id: string;
|
|
50
50
|
name: string;
|
|
51
51
|
}[];
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
52
|
+
export function isImportResult(value: any): boolean;
|
|
53
|
+
export function listLiveImportHistory(options?: {}): Promise<any>;
|
|
54
|
+
export function listLiveTemplates(options?: {}): Promise<any>;
|
|
55
|
+
export function loadGoogleFont(fontFamily: any, options?: {}): Promise<any>;
|
|
56
|
+
export function loadLiveTemplateCatalog(options?: {}): Promise<any>;
|
|
57
|
+
export function runLiveImport(request?: {}): Promise<{
|
|
58
58
|
source: string;
|
|
59
59
|
type: string;
|
|
60
60
|
confidence: number;
|
|
@@ -67,7 +67,7 @@ declare function Ra(t?: {}): Promise<{
|
|
|
67
67
|
template: any;
|
|
68
68
|
meta: any;
|
|
69
69
|
}>;
|
|
70
|
-
|
|
70
|
+
export function saveLiveImportHistory(input?: {}): Promise<{
|
|
71
71
|
createdAt: number;
|
|
72
72
|
createdAtIso: string;
|
|
73
73
|
sourceType: string;
|
|
@@ -95,15 +95,15 @@ declare function Ia(t?: {}): Promise<{
|
|
|
95
95
|
resultSnapshot: any;
|
|
96
96
|
id: any;
|
|
97
97
|
}>;
|
|
98
|
-
|
|
98
|
+
export function startLive(PDS3: any, config: any, { emitReady, emitConfigChanged, applyResolvedTheme, setupSystemListenerIfNeeded }: {
|
|
99
99
|
emitReady: any;
|
|
100
100
|
emitConfigChanged: any;
|
|
101
101
|
applyResolvedTheme: any;
|
|
102
102
|
setupSystemListenerIfNeeded: any;
|
|
103
103
|
}): Promise<{
|
|
104
104
|
generator: {
|
|
105
|
-
"__#private@#
|
|
106
|
-
"__#private@#
|
|
105
|
+
"__#private@#layers": any;
|
|
106
|
+
"__#private@#stylesheets": any;
|
|
107
107
|
options: {
|
|
108
108
|
debug: boolean;
|
|
109
109
|
};
|
|
@@ -215,9 +215,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
215
215
|
hover: string;
|
|
216
216
|
};
|
|
217
217
|
};
|
|
218
|
-
spacing:
|
|
219
|
-
0: string;
|
|
220
|
-
};
|
|
218
|
+
spacing: string;
|
|
221
219
|
radius: {
|
|
222
220
|
none: string;
|
|
223
221
|
xs: string;
|
|
@@ -432,9 +430,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
432
430
|
hover: string;
|
|
433
431
|
};
|
|
434
432
|
};
|
|
435
|
-
spacing:
|
|
436
|
-
0: string;
|
|
437
|
-
};
|
|
433
|
+
spacing: string;
|
|
438
434
|
radius: {
|
|
439
435
|
none: string;
|
|
440
436
|
xs: string;
|
|
@@ -541,13 +537,13 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
541
537
|
externalPath: any;
|
|
542
538
|
};
|
|
543
539
|
};
|
|
544
|
-
"__#private@#
|
|
540
|
+
"__#private@#resolveShadowOpacityConfig"(config?: {}): {
|
|
545
541
|
light: number;
|
|
546
542
|
dark: number;
|
|
547
543
|
};
|
|
548
|
-
"__#private@#
|
|
549
|
-
"__#private@#
|
|
550
|
-
"__#private@#
|
|
544
|
+
"__#private@#normalizeOpacity"(value: any): number;
|
|
545
|
+
"__#private@#mergeShadowConfig"(layersConfig: {}, baseShadowOpacity: any): {};
|
|
546
|
+
"__#private@#generateColorTokens"(colorConfig: any, shadowOpacityConfig?: {}): {
|
|
551
547
|
primary: {
|
|
552
548
|
50: string;
|
|
553
549
|
100: string;
|
|
@@ -654,7 +650,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
654
650
|
hover: string;
|
|
655
651
|
};
|
|
656
652
|
};
|
|
657
|
-
"__#private@#
|
|
653
|
+
"__#private@#generateColorScale"(baseColor: any): {
|
|
658
654
|
50: string;
|
|
659
655
|
100: string;
|
|
660
656
|
200: string;
|
|
@@ -666,9 +662,9 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
666
662
|
800: string;
|
|
667
663
|
900: string;
|
|
668
664
|
};
|
|
669
|
-
"__#private@#
|
|
670
|
-
"__#private@#
|
|
671
|
-
"__#private@#
|
|
665
|
+
"__#private@#deriveSuccessColor"(mainColor: any): string;
|
|
666
|
+
"__#private@#deriveDangerColor"(mainColor: any): string;
|
|
667
|
+
"__#private@#generateGrayScale"(supportingColor: any): {
|
|
672
668
|
50: string;
|
|
673
669
|
100: string;
|
|
674
670
|
200: string;
|
|
@@ -680,7 +676,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
680
676
|
800: string;
|
|
681
677
|
900: string;
|
|
682
678
|
};
|
|
683
|
-
"__#private@#
|
|
679
|
+
"__#private@#generateBackgroundShades"(backgroundBase: any): {
|
|
684
680
|
base: any;
|
|
685
681
|
subtle: string;
|
|
686
682
|
elevated: string;
|
|
@@ -689,16 +685,16 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
689
685
|
inverse: string;
|
|
690
686
|
hover: string;
|
|
691
687
|
};
|
|
692
|
-
"__#private@#
|
|
688
|
+
"__#private@#generateFieldsetAdaptiveColors"(backgroundShades: any): {
|
|
693
689
|
base: any;
|
|
694
690
|
subtle: any;
|
|
695
691
|
elevated: any;
|
|
696
692
|
sunken: string;
|
|
697
693
|
overlay: any;
|
|
698
694
|
};
|
|
699
|
-
"__#private@#
|
|
700
|
-
"__#private@#
|
|
701
|
-
"__#private@#
|
|
695
|
+
"__#private@#darkenColor"(hexColor: any, factor?: number): string;
|
|
696
|
+
"__#private@#generateSmartDarkBackground"(lightBackground: any): string;
|
|
697
|
+
"__#private@#generateDarkModeColors"(lightColors: any, backgroundBase?: string, overrides?: {}): {
|
|
702
698
|
surface: {
|
|
703
699
|
fieldset: {
|
|
704
700
|
base: any;
|
|
@@ -724,34 +720,48 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
724
720
|
warning: {};
|
|
725
721
|
danger: {};
|
|
726
722
|
};
|
|
727
|
-
"__#private@#
|
|
723
|
+
"__#private@#hexToRgb"(hex: any): {
|
|
728
724
|
r: number;
|
|
729
725
|
g: number;
|
|
730
726
|
b: number;
|
|
731
727
|
};
|
|
732
|
-
"__#private@#
|
|
733
|
-
"__#private@#
|
|
734
|
-
"__#private@#
|
|
735
|
-
"__#private@#
|
|
736
|
-
"__#private@#
|
|
737
|
-
"__#private@#
|
|
738
|
-
"__#private@#
|
|
728
|
+
"__#private@#luminance"(hex: any): number;
|
|
729
|
+
"__#private@#contrastRatio"(aHex: any, bHex: any): number;
|
|
730
|
+
"__#private@#findReadableOnColor"(bgHex: any, target?: number): "#ffffff" | "#000000";
|
|
731
|
+
"__#private@#rgbaFromHex"(hex: any, alpha?: number): string;
|
|
732
|
+
"__#private@#mixTowards"(sourceHex: any, targetHex: any, factor?: number): string;
|
|
733
|
+
"__#private@#rgbToHex"(r: any, g: any, b: any): string;
|
|
734
|
+
"__#private@#generateDarkModeFieldsetColors"(darkSurface: any): {
|
|
739
735
|
base: any;
|
|
740
736
|
subtle: any;
|
|
741
737
|
elevated: string;
|
|
742
738
|
sunken: any;
|
|
743
739
|
overlay: string;
|
|
744
740
|
};
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
"__#private@#
|
|
750
|
-
"__#private@#
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
741
|
+
/**
|
|
742
|
+
* Pick a readable primary shade on a given surface background, targeting AA contrast.
|
|
743
|
+
* Returns the first shade that meets target from a preferred order; falls back to the best ratio.
|
|
744
|
+
*/
|
|
745
|
+
"__#private@#pickReadablePrimaryOnSurface"(primaryScale?: {}, surfaceBg?: string, target?: number): any;
|
|
746
|
+
"__#private@#pickFillShadeForWhite"(scale?: {}, target?: number): any;
|
|
747
|
+
/**
|
|
748
|
+
* Generate smart surface tokens with context-aware colors for text, icons, shadows, and borders.
|
|
749
|
+
* Each surface variant gets its own semantic tokens that automatically adapt to the surface's luminance.
|
|
750
|
+
*
|
|
751
|
+
* @param {Object} surfaceShades - Object with surface color variants (base, subtle, elevated, etc.)
|
|
752
|
+
* @returns {Object} Smart tokens for each surface with text, icon, shadow, and border colors
|
|
753
|
+
*/
|
|
754
|
+
"__#private@#generateSmartSurfaceTokens"(surfaceShades: any, shadowOpacityConfig?: {}): any;
|
|
755
|
+
"__#private@#lightenColor"(hexColor: any, factor?: number): string;
|
|
756
|
+
"__#private@#adjustColorsForDarkMode"(colorScale: any): {};
|
|
757
|
+
"__#private@#dimColorForDarkMode"(hexColor: any, dimFactor?: number): string;
|
|
758
|
+
/**
|
|
759
|
+
* Generate spacing tokens based on the provided configuration.
|
|
760
|
+
* @param {Object} spatialConfig
|
|
761
|
+
* @returns { String } CSS spacing tokens
|
|
762
|
+
*/
|
|
763
|
+
generateSpacingTokens(spatialConfig: any): string;
|
|
764
|
+
"__#private@#generateRadiusTokens"(shapeConfig: any): {
|
|
755
765
|
none: string;
|
|
756
766
|
xs: string;
|
|
757
767
|
sm: string;
|
|
@@ -760,13 +770,13 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
760
770
|
xl: string;
|
|
761
771
|
full: string;
|
|
762
772
|
};
|
|
763
|
-
"__#private@#
|
|
773
|
+
"__#private@#generateBorderWidthTokens"(shapeConfig: any): {
|
|
764
774
|
hairline: string;
|
|
765
775
|
thin: string;
|
|
766
776
|
medium: string;
|
|
767
777
|
thick: string;
|
|
768
778
|
};
|
|
769
|
-
generateTypographyTokens(
|
|
779
|
+
generateTypographyTokens(typographyConfig: any): {
|
|
770
780
|
fontFamily: {
|
|
771
781
|
headings: any;
|
|
772
782
|
body: any;
|
|
@@ -795,7 +805,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
795
805
|
relaxed: any;
|
|
796
806
|
};
|
|
797
807
|
};
|
|
798
|
-
"__#private@#
|
|
808
|
+
"__#private@#generateShadowTokens"(layersConfig: any): {
|
|
799
809
|
sm: string;
|
|
800
810
|
base: string;
|
|
801
811
|
md: string;
|
|
@@ -803,7 +813,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
803
813
|
xl: string;
|
|
804
814
|
inner: string;
|
|
805
815
|
};
|
|
806
|
-
"__#private@#
|
|
816
|
+
"__#private@#generateLayoutTokens"(layoutConfig: any): {
|
|
807
817
|
maxWidth: any;
|
|
808
818
|
maxWidthSm: any;
|
|
809
819
|
maxWidthMd: any;
|
|
@@ -823,21 +833,21 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
823
833
|
heroSpacing: string;
|
|
824
834
|
footerSpacing: string;
|
|
825
835
|
};
|
|
826
|
-
"__#private@#
|
|
836
|
+
"__#private@#resolveLayoutMaxWidths"(layoutConfig?: {}, options?: {}): {
|
|
827
837
|
sm: any;
|
|
828
838
|
md: any;
|
|
829
839
|
lg: any;
|
|
830
840
|
xl: any;
|
|
831
841
|
};
|
|
832
|
-
"__#private@#
|
|
833
|
-
"__#private@#
|
|
834
|
-
"__#private@#
|
|
835
|
-
"__#private@#
|
|
842
|
+
"__#private@#hasDefinedConfigValue"(source: any, key: any): boolean;
|
|
843
|
+
"__#private@#formatLength"(value: any, fallback: any): any;
|
|
844
|
+
"__#private@#toNumber"(value: any, fallback: any): any;
|
|
845
|
+
"__#private@#generateTransitionTokens"(behaviorConfig: any): {
|
|
836
846
|
fast: string;
|
|
837
847
|
normal: string;
|
|
838
848
|
slow: string;
|
|
839
849
|
};
|
|
840
|
-
"__#private@#
|
|
850
|
+
"__#private@#generateZIndexTokens"(layersConfig: any): {
|
|
841
851
|
dropdown: any;
|
|
842
852
|
sticky: any;
|
|
843
853
|
fixed: any;
|
|
@@ -847,7 +857,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
847
857
|
tooltip: any;
|
|
848
858
|
notification: any;
|
|
849
859
|
};
|
|
850
|
-
"__#private@#
|
|
860
|
+
"__#private@#generateIconTokens"(iconConfig: any): {
|
|
851
861
|
set: any;
|
|
852
862
|
weight: any;
|
|
853
863
|
defaultSize: string;
|
|
@@ -857,45 +867,45 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
857
867
|
spritePath: any;
|
|
858
868
|
externalPath: any;
|
|
859
869
|
};
|
|
860
|
-
"__#private@#
|
|
861
|
-
"__#private@#
|
|
862
|
-
"__#private@#
|
|
863
|
-
"__#private@#
|
|
864
|
-
"__#private@#
|
|
865
|
-
"__#private@#
|
|
866
|
-
"__#private@#
|
|
867
|
-
"__#private@#
|
|
868
|
-
"__#private@#
|
|
869
|
-
"__#private@#
|
|
870
|
-
"__#private@#
|
|
871
|
-
"__#private@#
|
|
872
|
-
"__#private@#
|
|
873
|
-
"__#private@#
|
|
874
|
-
"__#private@#
|
|
875
|
-
"__#private@#
|
|
876
|
-
"__#private@#
|
|
877
|
-
"__#private@#
|
|
878
|
-
"__#private@#
|
|
879
|
-
"__#private@#
|
|
880
|
-
"__#private@#
|
|
881
|
-
"__#private@#
|
|
882
|
-
"__#private@#
|
|
883
|
-
"__#private@#
|
|
884
|
-
"__#private@#
|
|
885
|
-
"__#private@#
|
|
886
|
-
"__#private@#
|
|
887
|
-
"__#private@#
|
|
888
|
-
"__#private@#
|
|
889
|
-
"__#private@#
|
|
890
|
-
"__#private@#
|
|
891
|
-
"__#private@#
|
|
892
|
-
"__#private@#
|
|
893
|
-
"__#private@#
|
|
870
|
+
"__#private@#generateColorVariables"(colors: any): string;
|
|
871
|
+
"__#private@#generateMeshGradients"(colors: any): string;
|
|
872
|
+
"__#private@#generateSpacingVariables"(spacing: any): string;
|
|
873
|
+
"__#private@#generateRadiusVariables"(radius: any): string;
|
|
874
|
+
"__#private@#generateBorderWidthVariables"(borderWidths: any): string;
|
|
875
|
+
"__#private@#generateTypographyVariables"(typography: any): string;
|
|
876
|
+
"__#private@#generateShadowVariables"(shadows: any): string;
|
|
877
|
+
"__#private@#generateLayoutVariables"(layout: any): string;
|
|
878
|
+
"__#private@#generateTransitionVariables"(transitions: any): string;
|
|
879
|
+
"__#private@#generateZIndexVariables"(zIndex: any): string;
|
|
880
|
+
"__#private@#generateIconVariables"(icons: any): string;
|
|
881
|
+
"__#private@#generateDarkVariablesOnly"(colors: any, darkShadows: any): string;
|
|
882
|
+
"__#private@#generateDarkVariablesForTokensLayer"(colors: any, darkShadows: any): string;
|
|
883
|
+
"__#private@#generateMeshGradientsDarkVariablesOnly"(colors: any): string;
|
|
884
|
+
"__#private@#generateMeshGradientsDark"(colors: any): string;
|
|
885
|
+
"__#private@#generateDarkModeComponentRules"(): string;
|
|
886
|
+
"__#private@#generateBodyBackgroundMeshRule"(): string;
|
|
887
|
+
"__#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: var(--border-width-thin) 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: var(--border-width-thin) 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";
|
|
888
|
+
"__#private@#generateBorderGradientUtilities"(): string;
|
|
889
|
+
"__#private@#generateSemanticHTMLStyles"(): string;
|
|
890
|
+
"__#private@#generateFormStyles"(): string;
|
|
891
|
+
"__#private@#generateTableStyles"(): string;
|
|
892
|
+
"__#private@#generateCalloutStyles"(): string;
|
|
893
|
+
"__#private@#generateAccordionStyles"(): string;
|
|
894
|
+
"__#private@#generateBadgeStyles"(): string;
|
|
895
|
+
"__#private@#generateDialogStyles"(): string;
|
|
896
|
+
"__#private@#generateTabStripStyles"(): string;
|
|
897
|
+
"__#private@#generateScrollbarStyles"(): string;
|
|
898
|
+
"__#private@#generateIconStyles"(): string;
|
|
899
|
+
"__#private@#generateDropdownStyles"(): string;
|
|
900
|
+
"__#private@#generateLayoutUtilities"(): string;
|
|
901
|
+
"__#private@#generateMediaUtilities"(): string;
|
|
902
|
+
"__#private@#generateMediaQueries"(): string;
|
|
903
|
+
"__#private@#hexToHsl"(hex: any): {
|
|
894
904
|
h: number;
|
|
895
905
|
s: number;
|
|
896
906
|
l: number;
|
|
897
907
|
};
|
|
898
|
-
"__#private@#
|
|
908
|
+
"__#private@#hslToHex"(h: any, s: any, l: any): string;
|
|
899
909
|
getTokens(): {
|
|
900
910
|
colors: {
|
|
901
911
|
primary: {
|
|
@@ -1004,9 +1014,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
1004
1014
|
hover: string;
|
|
1005
1015
|
};
|
|
1006
1016
|
};
|
|
1007
|
-
spacing:
|
|
1008
|
-
0: string;
|
|
1009
|
-
};
|
|
1017
|
+
spacing: string;
|
|
1010
1018
|
radius: {
|
|
1011
1019
|
none: string;
|
|
1012
1020
|
xs: string;
|
|
@@ -1114,353 +1122,41 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
1114
1122
|
};
|
|
1115
1123
|
};
|
|
1116
1124
|
exportCSS(): string;
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
"__#private@#
|
|
1122
|
-
"__#private@#
|
|
1123
|
-
"__#private@#
|
|
1125
|
+
/**
|
|
1126
|
+
* Generate separate CSS layers: tokens, primitives, components, utilities
|
|
1127
|
+
* Following the cascade layers pattern from the best practices document
|
|
1128
|
+
*/
|
|
1129
|
+
"__#private@#generateLayers"(): void;
|
|
1130
|
+
"__#private@#generateTokensLayer"(): string;
|
|
1131
|
+
"__#private@#generatePrimitivesLayer"(): string;
|
|
1132
|
+
"__#private@#generateComponentsLayer"(): string;
|
|
1133
|
+
"__#private@#generateUtilitiesLayer"(): string;
|
|
1134
|
+
/**
|
|
1135
|
+
* Create constructable stylesheets for each layer
|
|
1136
|
+
*/
|
|
1137
|
+
"__#private@#createConstructableStylesheets"(): void;
|
|
1138
|
+
"__#private@#updateConstructableStylesheets"(): void;
|
|
1124
1139
|
get tokensCSS(): any;
|
|
1125
1140
|
get primitivesCSS(): any;
|
|
1126
1141
|
get componentsCSS(): any;
|
|
1127
1142
|
get utilitiesCSS(): any;
|
|
1128
1143
|
get layeredCSS(): string;
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
400: string;
|
|
1138
|
-
500: any;
|
|
1139
|
-
600: string;
|
|
1140
|
-
700: string;
|
|
1141
|
-
800: string;
|
|
1142
|
-
900: string;
|
|
1143
|
-
};
|
|
1144
|
-
secondary: {
|
|
1145
|
-
50: string;
|
|
1146
|
-
100: string;
|
|
1147
|
-
200: string;
|
|
1148
|
-
300: string;
|
|
1149
|
-
400: string;
|
|
1150
|
-
500: any;
|
|
1151
|
-
600: string;
|
|
1152
|
-
700: string;
|
|
1153
|
-
800: string;
|
|
1154
|
-
900: string;
|
|
1155
|
-
};
|
|
1156
|
-
accent: {
|
|
1157
|
-
50: string;
|
|
1158
|
-
100: string;
|
|
1159
|
-
200: string;
|
|
1160
|
-
300: string;
|
|
1161
|
-
400: string;
|
|
1162
|
-
500: any;
|
|
1163
|
-
600: string;
|
|
1164
|
-
700: string;
|
|
1165
|
-
800: string;
|
|
1166
|
-
900: string;
|
|
1167
|
-
};
|
|
1168
|
-
success: {
|
|
1169
|
-
50: string;
|
|
1170
|
-
100: string;
|
|
1171
|
-
200: string;
|
|
1172
|
-
300: string;
|
|
1173
|
-
400: string;
|
|
1174
|
-
500: any;
|
|
1175
|
-
600: string;
|
|
1176
|
-
700: string;
|
|
1177
|
-
800: string;
|
|
1178
|
-
900: string;
|
|
1179
|
-
};
|
|
1180
|
-
warning: {
|
|
1181
|
-
50: string;
|
|
1182
|
-
100: string;
|
|
1183
|
-
200: string;
|
|
1184
|
-
300: string;
|
|
1185
|
-
400: string;
|
|
1186
|
-
500: any;
|
|
1187
|
-
600: string;
|
|
1188
|
-
700: string;
|
|
1189
|
-
800: string;
|
|
1190
|
-
900: string;
|
|
1191
|
-
};
|
|
1192
|
-
danger: {
|
|
1193
|
-
50: string;
|
|
1194
|
-
100: string;
|
|
1195
|
-
200: string;
|
|
1196
|
-
300: string;
|
|
1197
|
-
400: string;
|
|
1198
|
-
500: any;
|
|
1199
|
-
600: string;
|
|
1200
|
-
700: string;
|
|
1201
|
-
800: string;
|
|
1202
|
-
900: string;
|
|
1203
|
-
};
|
|
1204
|
-
info: {
|
|
1205
|
-
50: string;
|
|
1206
|
-
100: string;
|
|
1207
|
-
200: string;
|
|
1208
|
-
300: string;
|
|
1209
|
-
400: string;
|
|
1210
|
-
500: any;
|
|
1211
|
-
600: string;
|
|
1212
|
-
700: string;
|
|
1213
|
-
800: string;
|
|
1214
|
-
900: string;
|
|
1215
|
-
};
|
|
1216
|
-
gray: {
|
|
1217
|
-
50: string;
|
|
1218
|
-
100: string;
|
|
1219
|
-
200: string;
|
|
1220
|
-
300: string;
|
|
1221
|
-
400: string;
|
|
1222
|
-
500: any;
|
|
1223
|
-
600: string;
|
|
1224
|
-
700: string;
|
|
1225
|
-
800: string;
|
|
1226
|
-
900: string;
|
|
1227
|
-
};
|
|
1228
|
-
surface: {
|
|
1229
|
-
base: any;
|
|
1230
|
-
subtle: string;
|
|
1231
|
-
elevated: string;
|
|
1232
|
-
sunken: string;
|
|
1233
|
-
overlay: string;
|
|
1234
|
-
inverse: string;
|
|
1235
|
-
hover: string;
|
|
1236
|
-
};
|
|
1237
|
-
};
|
|
1238
|
-
spacing: {
|
|
1239
|
-
0: string;
|
|
1240
|
-
};
|
|
1241
|
-
radius: {
|
|
1242
|
-
none: string;
|
|
1243
|
-
xs: string;
|
|
1244
|
-
sm: string;
|
|
1245
|
-
md: string;
|
|
1246
|
-
lg: string;
|
|
1247
|
-
xl: string;
|
|
1248
|
-
full: string;
|
|
1249
|
-
};
|
|
1250
|
-
borderWidths: {
|
|
1251
|
-
hairline: string;
|
|
1252
|
-
thin: string;
|
|
1253
|
-
medium: string;
|
|
1254
|
-
thick: string;
|
|
1255
|
-
};
|
|
1256
|
-
typography: {
|
|
1257
|
-
fontFamily: {
|
|
1258
|
-
headings: any;
|
|
1259
|
-
body: any;
|
|
1260
|
-
mono: any;
|
|
1261
|
-
};
|
|
1262
|
-
fontSize: {
|
|
1263
|
-
xs: string;
|
|
1264
|
-
sm: string;
|
|
1265
|
-
base: string;
|
|
1266
|
-
lg: string;
|
|
1267
|
-
xl: string;
|
|
1268
|
-
"2xl": string;
|
|
1269
|
-
"3xl": string;
|
|
1270
|
-
"4xl": string;
|
|
1271
|
-
};
|
|
1272
|
-
fontWeight: {
|
|
1273
|
-
light: any;
|
|
1274
|
-
normal: any;
|
|
1275
|
-
medium: any;
|
|
1276
|
-
semibold: any;
|
|
1277
|
-
bold: any;
|
|
1278
|
-
};
|
|
1279
|
-
lineHeight: {
|
|
1280
|
-
tight: any;
|
|
1281
|
-
normal: any;
|
|
1282
|
-
relaxed: any;
|
|
1283
|
-
};
|
|
1284
|
-
};
|
|
1285
|
-
shadows: {
|
|
1286
|
-
sm: string;
|
|
1287
|
-
base: string;
|
|
1288
|
-
md: string;
|
|
1289
|
-
lg: string;
|
|
1290
|
-
xl: string;
|
|
1291
|
-
inner: string;
|
|
1292
|
-
};
|
|
1293
|
-
layout: {
|
|
1294
|
-
maxWidth: any;
|
|
1295
|
-
maxWidthSm: any;
|
|
1296
|
-
maxWidthMd: any;
|
|
1297
|
-
maxWidthLg: any;
|
|
1298
|
-
maxWidthXl: any;
|
|
1299
|
-
minHeight: string;
|
|
1300
|
-
containerPadding: any;
|
|
1301
|
-
breakpoints: {
|
|
1302
|
-
sm: any;
|
|
1303
|
-
md: any;
|
|
1304
|
-
lg: any;
|
|
1305
|
-
xl: any;
|
|
1306
|
-
};
|
|
1307
|
-
pageMargin: string;
|
|
1308
|
-
sectionGap: string;
|
|
1309
|
-
containerGap: string;
|
|
1310
|
-
heroSpacing: string;
|
|
1311
|
-
footerSpacing: string;
|
|
1312
|
-
};
|
|
1313
|
-
transitions: {
|
|
1314
|
-
fast: string;
|
|
1315
|
-
normal: string;
|
|
1316
|
-
slow: string;
|
|
1317
|
-
};
|
|
1318
|
-
zIndex: {
|
|
1319
|
-
dropdown: any;
|
|
1320
|
-
sticky: any;
|
|
1321
|
-
fixed: any;
|
|
1322
|
-
modal: any;
|
|
1323
|
-
drawer: any;
|
|
1324
|
-
popover: any;
|
|
1325
|
-
tooltip: any;
|
|
1326
|
-
notification: any;
|
|
1327
|
-
};
|
|
1328
|
-
icons: {
|
|
1329
|
-
set: any;
|
|
1330
|
-
weight: any;
|
|
1331
|
-
defaultSize: string;
|
|
1332
|
-
sizes: {
|
|
1333
|
-
[k: string]: string;
|
|
1334
|
-
};
|
|
1335
|
-
spritePath: any;
|
|
1336
|
-
externalPath: any;
|
|
1337
|
-
};
|
|
1338
|
-
};
|
|
1339
|
-
layers: {
|
|
1340
|
-
tokens: {
|
|
1341
|
-
css: any;
|
|
1342
|
-
size: any;
|
|
1343
|
-
sizeKB: string;
|
|
1344
|
-
};
|
|
1345
|
-
primitives: {
|
|
1346
|
-
css: any;
|
|
1347
|
-
size: any;
|
|
1348
|
-
sizeKB: string;
|
|
1349
|
-
};
|
|
1350
|
-
components: {
|
|
1351
|
-
css: any;
|
|
1352
|
-
size: any;
|
|
1353
|
-
sizeKB: string;
|
|
1354
|
-
};
|
|
1355
|
-
utilities: {
|
|
1356
|
-
css: any;
|
|
1357
|
-
size: any;
|
|
1358
|
-
sizeKB: string;
|
|
1359
|
-
};
|
|
1360
|
-
combined: {
|
|
1361
|
-
css: string;
|
|
1362
|
-
size: number;
|
|
1363
|
-
sizeKB: string;
|
|
1364
|
-
};
|
|
1365
|
-
};
|
|
1366
|
-
config: {
|
|
1367
|
-
design: any;
|
|
1368
|
-
preset: any;
|
|
1369
|
-
debug: boolean;
|
|
1370
|
-
};
|
|
1371
|
-
capabilities: {
|
|
1372
|
-
constructableStylesheets: boolean;
|
|
1373
|
-
blobURLs: boolean;
|
|
1374
|
-
shadowDOM: boolean;
|
|
1375
|
-
};
|
|
1376
|
-
references: {
|
|
1377
|
-
ontology: any;
|
|
1378
|
-
enums: any;
|
|
1379
|
-
};
|
|
1380
|
-
meta: {
|
|
1381
|
-
generatedAt: string;
|
|
1382
|
-
totalSize: any;
|
|
1383
|
-
totalSizeKB: string;
|
|
1384
|
-
layerCount: number;
|
|
1385
|
-
tokenGroups: number;
|
|
1386
|
-
};
|
|
1387
|
-
helpers: {
|
|
1388
|
-
getColorScales: () => {
|
|
1389
|
-
name: string;
|
|
1390
|
-
scale: {
|
|
1391
|
-
50: string;
|
|
1392
|
-
100: string;
|
|
1393
|
-
200: string;
|
|
1394
|
-
300: string;
|
|
1395
|
-
400: string;
|
|
1396
|
-
500: any;
|
|
1397
|
-
600: string;
|
|
1398
|
-
700: string;
|
|
1399
|
-
800: string;
|
|
1400
|
-
900: string;
|
|
1401
|
-
} | {
|
|
1402
|
-
50: string;
|
|
1403
|
-
100: string;
|
|
1404
|
-
200: string;
|
|
1405
|
-
300: string;
|
|
1406
|
-
400: string;
|
|
1407
|
-
500: any;
|
|
1408
|
-
600: string;
|
|
1409
|
-
700: string;
|
|
1410
|
-
800: string;
|
|
1411
|
-
900: string;
|
|
1412
|
-
} | {
|
|
1413
|
-
base: any;
|
|
1414
|
-
subtle: string;
|
|
1415
|
-
elevated: string;
|
|
1416
|
-
sunken: string;
|
|
1417
|
-
overlay: string;
|
|
1418
|
-
inverse: string;
|
|
1419
|
-
hover: string;
|
|
1420
|
-
};
|
|
1421
|
-
}[];
|
|
1422
|
-
getColorScale: (e: any) => any;
|
|
1423
|
-
getSpacingValues: () => {
|
|
1424
|
-
key: string;
|
|
1425
|
-
value: string;
|
|
1426
|
-
}[];
|
|
1427
|
-
getTypography: () => {
|
|
1428
|
-
fontFamily: {
|
|
1429
|
-
headings: any;
|
|
1430
|
-
body: any;
|
|
1431
|
-
mono: any;
|
|
1432
|
-
};
|
|
1433
|
-
fontSize: {
|
|
1434
|
-
xs: string;
|
|
1435
|
-
sm: string;
|
|
1436
|
-
base: string;
|
|
1437
|
-
lg: string;
|
|
1438
|
-
xl: string;
|
|
1439
|
-
"2xl": string;
|
|
1440
|
-
"3xl": string;
|
|
1441
|
-
"4xl": string;
|
|
1442
|
-
};
|
|
1443
|
-
fontWeight: {
|
|
1444
|
-
light: any;
|
|
1445
|
-
normal: any;
|
|
1446
|
-
medium: any;
|
|
1447
|
-
semibold: any;
|
|
1448
|
-
bold: any;
|
|
1449
|
-
};
|
|
1450
|
-
lineHeight: {
|
|
1451
|
-
tight: any;
|
|
1452
|
-
normal: any;
|
|
1453
|
-
relaxed: any;
|
|
1454
|
-
};
|
|
1455
|
-
};
|
|
1456
|
-
getLayerCSS: (e: any) => any;
|
|
1457
|
-
usesEnumValue: (e: any, r: any) => boolean;
|
|
1458
|
-
};
|
|
1459
|
-
};
|
|
1144
|
+
/**
|
|
1145
|
+
* Get a complete compiled representation of the design system state.
|
|
1146
|
+
* This provides structured access to all generated tokens, scales, layers, and metadata.
|
|
1147
|
+
* Linked to ontology and enums for introspection and tooling.
|
|
1148
|
+
*
|
|
1149
|
+
* @returns {Object} Compiled design system state with tokens, layers, metadata, and references
|
|
1150
|
+
*/
|
|
1151
|
+
get compiled(): any;
|
|
1460
1152
|
get tokensStylesheet(): any;
|
|
1461
1153
|
get primitivesStylesheet(): any;
|
|
1462
1154
|
get componentsStylesheet(): any;
|
|
1463
1155
|
get utilitiesStylesheet(): any;
|
|
1156
|
+
/**
|
|
1157
|
+
* Generate CSS module files for export
|
|
1158
|
+
* Returns object with filename => content
|
|
1159
|
+
*/
|
|
1464
1160
|
getCSSModules(): {
|
|
1465
1161
|
"pds-tokens.css.js": string;
|
|
1466
1162
|
"pds-primitives.css.js": string;
|
|
@@ -1468,18 +1164,37 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
|
|
|
1468
1164
|
"pds-utilities.css.js": string;
|
|
1469
1165
|
"pds-styles.css.js": string;
|
|
1470
1166
|
};
|
|
1471
|
-
"__#private@#
|
|
1167
|
+
"__#private@#generateCSSModule"(name: any, css: any): string;
|
|
1472
1168
|
};
|
|
1473
1169
|
config: {
|
|
1474
1170
|
design: any;
|
|
1475
1171
|
preset: any;
|
|
1476
1172
|
} | {
|
|
1477
|
-
design: {
|
|
1173
|
+
design: {
|
|
1174
|
+
colors: unknown;
|
|
1175
|
+
} | {
|
|
1176
|
+
typography: unknown;
|
|
1177
|
+
} | {
|
|
1178
|
+
spatialRhythm: unknown;
|
|
1179
|
+
} | {
|
|
1180
|
+
shape: unknown;
|
|
1181
|
+
} | {
|
|
1182
|
+
behavior: unknown;
|
|
1183
|
+
} | {
|
|
1184
|
+
layout: unknown;
|
|
1185
|
+
} | {
|
|
1186
|
+
advanced: unknown;
|
|
1187
|
+
} | {
|
|
1188
|
+
a11y: unknown;
|
|
1189
|
+
} | {
|
|
1190
|
+
components: unknown;
|
|
1191
|
+
} | {
|
|
1192
|
+
icons: unknown;
|
|
1193
|
+
};
|
|
1478
1194
|
} | {
|
|
1479
1195
|
debug: boolean;
|
|
1480
1196
|
};
|
|
1481
1197
|
theme: string;
|
|
1482
1198
|
autoDefiner: {};
|
|
1483
1199
|
}>;
|
|
1484
|
-
export { _a as clearLiveImportHistory, qt as convertBrandGuidelinesToPatch, st as convertTailwindHtmlToPds, O as createImportResult, sa as describeTailwindConversionRules, Ba as getLiveImportHistoryEntry, La as getLiveImportSources, Zn as isImportResult, ja as listLiveImportHistory, Mr as listLiveTemplates, fr as loadGoogleFont, Qe as loadLiveTemplateCatalog, Ra as runLiveImport, Ia as saveLiveImportHistory, Yn as startLive };
|
|
1485
1200
|
//# sourceMappingURL=pds-manager.d.ts.map
|