@pure-ds/core 0.5.2 → 0.5.4

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.
Files changed (14) hide show
  1. package/dist/types/public/assets/js/pds-manager.d.ts +419 -138
  2. package/dist/types/public/assets/js/pds-manager.d.ts.map +1 -1
  3. package/dist/types/public/assets/js/pds.d.ts +2 -1
  4. package/dist/types/public/assets/js/pds.d.ts.map +1 -1
  5. package/dist/types/src/js/pds-core/pds-live.d.ts.map +1 -1
  6. package/dist/types/src/js/pds-core/pds-start-helpers.d.ts +1 -0
  7. package/dist/types/src/js/pds-core/pds-start-helpers.d.ts.map +1 -1
  8. package/package.json +1 -1
  9. package/public/assets/js/app.js +9 -9
  10. package/public/assets/js/pds-manager.js +8 -8
  11. package/public/assets/js/pds.js +5 -5
  12. package/src/js/pds-core/pds-live.js +2 -15
  13. package/src/js/pds-core/pds-start-helpers.js +13 -0
  14. package/src/js/pds.js +2 -0
package/dist/types/public/assets/js/pds-manager.d.ts CHANGED
@@ -1,11 +1,12 @@
1
- export function startLive(PDS2: any, config: any, { emitReady, applyResolvedTheme, setupSystemListenerIfNeeded }: {
1
+ export { ot as startLive };
2
+ declare function ot(n: any, t: any, { emitReady: e, applyResolvedTheme: a, setupSystemListenerIfNeeded: r }: {
2
3
  emitReady: any;
3
4
  applyResolvedTheme: any;
4
5
  setupSystemListenerIfNeeded: any;
5
6
  }): Promise<{
6
7
  generator: {
7
- "__#private@#layers": any;
8
- "__#private@#stylesheets": any;
8
+ "__#private@#e": any;
9
+ "__#private@#a": any;
9
10
  options: {
10
11
  debug: boolean;
11
12
  };
@@ -117,7 +118,9 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
117
118
  hover: string;
118
119
  };
119
120
  };
120
- spacing: string;
121
+ spacing: {
122
+ 0: string;
123
+ };
121
124
  radius: {
122
125
  none: string;
123
126
  xs: string;
@@ -320,7 +323,9 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
320
323
  hover: string;
321
324
  };
322
325
  };
323
- spacing: string;
326
+ spacing: {
327
+ 0: string;
328
+ };
324
329
  radius: {
325
330
  none: string;
326
331
  xs: string;
@@ -415,7 +420,7 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
415
420
  externalPath: any;
416
421
  };
417
422
  };
418
- "__#private@#generateColorTokens"(colorConfig: any): {
423
+ "__#private@#v"(t: any): {
419
424
  primary: {
420
425
  50: string;
421
426
  100: string;
@@ -522,7 +527,7 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
522
527
  hover: string;
523
528
  };
524
529
  };
525
- "__#private@#generateColorScale"(baseColor: any): {
530
+ "__#private@#r"(t: any): {
526
531
  50: string;
527
532
  100: string;
528
533
  200: string;
@@ -534,9 +539,9 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
534
539
  800: string;
535
540
  900: string;
536
541
  };
537
- "__#private@#deriveSuccessColor"(mainColor: any): string;
538
- "__#private@#deriveDangerColor"(mainColor: any): string;
539
- "__#private@#generateGrayScale"(supportingColor: any): {
542
+ "__#private@#x"(t: any): string;
543
+ "__#private@#w"(t: any): string;
544
+ "__#private@#p"(t: any): {
540
545
  50: string;
541
546
  100: string;
542
547
  200: string;
@@ -548,7 +553,7 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
548
553
  800: string;
549
554
  900: string;
550
555
  };
551
- "__#private@#generateBackgroundShades"(backgroundBase: any): {
556
+ "__#private@#u"(t: any): {
552
557
  base: any;
553
558
  subtle: string;
554
559
  elevated: string;
@@ -557,16 +562,16 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
557
562
  inverse: string;
558
563
  hover: string;
559
564
  };
560
- "__#private@#generateFieldsetAdaptiveColors"(backgroundShades: any): {
565
+ "__#private@#k"(t: any): {
561
566
  base: any;
562
567
  subtle: any;
563
568
  elevated: any;
564
569
  sunken: string;
565
570
  overlay: any;
566
571
  };
567
- "__#private@#darkenColor"(hexColor: any, factor?: number): string;
568
- "__#private@#generateSmartDarkBackground"(lightBackground: any): string;
569
- "__#private@#generateDarkModeColors"(lightColors: any, backgroundBase?: string, overrides?: {}): {
572
+ "__#private@#S"(t: any, e?: number): string;
573
+ "__#private@#g"(t: any): string;
574
+ "__#private@#$"(t: any, e?: string, a?: {}): {
570
575
  surface: {
571
576
  fieldset: {
572
577
  base: any;
@@ -592,48 +597,34 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
592
597
  warning: {};
593
598
  danger: {};
594
599
  };
595
- "__#private@#hexToRgb"(hex: any): {
600
+ "__#private@#s"(t: any): {
596
601
  r: number;
597
602
  g: number;
598
603
  b: number;
599
604
  };
600
- "__#private@#luminance"(hex: any): number;
601
- "__#private@#contrastRatio"(aHex: any, bHex: any): number;
602
- "__#private@#findReadableOnColor"(bgHex: any, target?: number): "#ffffff" | "#000000";
603
- "__#private@#rgbaFromHex"(hex: any, alpha?: number): string;
604
- "__#private@#mixTowards"(sourceHex: any, targetHex: any, factor?: number): string;
605
- "__#private@#rgbToHex"(r: any, g: any, b: any): string;
606
- "__#private@#generateDarkModeFieldsetColors"(darkSurface: any): {
605
+ "__#private@#l"(t: any): number;
606
+ "__#private@#c"(t: any, e: any): number;
607
+ "__#private@#m"(t: any, e?: number): string;
608
+ "__#private@#h"(t: any, e?: number): string;
609
+ "__#private@#z"(t: any, e: any, a?: number): string;
610
+ "__#private@#M"(t: any, e: any, a: any): string;
611
+ "__#private@#F"(t: any): {
607
612
  base: any;
608
613
  subtle: any;
609
614
  elevated: string;
610
615
  sunken: any;
611
616
  overlay: string;
612
617
  };
613
- /**
614
- * Pick a readable primary shade on a given surface background, targeting AA contrast.
615
- * Returns the first shade that meets target from a preferred order; falls back to the best ratio.
616
- */
617
- "__#private@#pickReadablePrimaryOnSurface"(primaryScale?: {}, surfaceBg?: string, target?: number): any;
618
- "__#private@#pickFillShadeForWhite"(scale?: {}, target?: number): any;
619
- /**
620
- * Generate smart surface tokens with context-aware colors for text, icons, shadows, and borders.
621
- * Each surface variant gets its own semantic tokens that automatically adapt to the surface's luminance.
622
- *
623
- * @param {Object} surfaceShades - Object with surface color variants (base, subtle, elevated, etc.)
624
- * @returns {Object} Smart tokens for each surface with text, icon, shadow, and border colors
625
- */
626
- "__#private@#generateSmartSurfaceTokens"(surfaceShades: any): any;
627
- "__#private@#lightenColor"(hexColor: any, factor?: number): string;
628
- "__#private@#adjustColorsForDarkMode"(colorScale: any): {};
629
- "__#private@#dimColorForDarkMode"(hexColor: any, dimFactor?: number): string;
630
- /**
631
- * Generate spacing tokens based on the provided configuration.
632
- * @param {Object} spatialConfig
633
- * @returns { String } CSS spacing tokens
634
- */
635
- generateSpacingTokens(spatialConfig: any): string;
636
- "__#private@#generateRadiusTokens"(shapeConfig: any): {
618
+ "__#private@#E"(t?: {}, e?: string, a?: number): any;
619
+ "__#private@#f"(t?: {}, e?: number): any;
620
+ "__#private@#b"(t: any): {};
621
+ "__#private@#y"(t: any, e?: number): string;
622
+ "__#private@#n"(t: any): {};
623
+ "__#private@#C"(t: any, e?: number): string;
624
+ generateSpacingTokens(t: any): {
625
+ 0: string;
626
+ };
627
+ "__#private@#T"(t: any): {
637
628
  none: string;
638
629
  xs: string;
639
630
  sm: string;
@@ -642,13 +633,13 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
642
633
  xl: string;
643
634
  full: string;
644
635
  };
645
- "__#private@#generateBorderWidthTokens"(shapeConfig: any): {
636
+ "__#private@#L"(t: any): {
646
637
  hairline: string;
647
638
  thin: string;
648
639
  medium: string;
649
640
  thick: string;
650
641
  };
651
- generateTypographyTokens(typographyConfig: any): {
642
+ generateTypographyTokens(t: any): {
652
643
  fontFamily: {
653
644
  headings: any;
654
645
  body: any;
@@ -677,7 +668,7 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
677
668
  relaxed: any;
678
669
  };
679
670
  };
680
- "__#private@#generateShadowTokens"(layersConfig: any): {
671
+ "__#private@#R"(t: any): {
681
672
  sm: string;
682
673
  base: string;
683
674
  md: string;
@@ -685,7 +676,7 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
685
676
  xl: string;
686
677
  inner: string;
687
678
  };
688
- "__#private@#generateLayoutTokens"(layoutConfig: any): {
679
+ "__#private@#A"(t: any): {
689
680
  maxWidth: string;
690
681
  minHeight: string;
691
682
  containerPadding: string;
@@ -701,12 +692,12 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
701
692
  heroSpacing: string;
702
693
  footerSpacing: string;
703
694
  };
704
- "__#private@#generateTransitionTokens"(behaviorConfig: any): {
695
+ "__#private@#W"(t: any): {
705
696
  fast: string;
706
697
  normal: string;
707
698
  slow: string;
708
699
  };
709
- "__#private@#generateZIndexTokens"(layersConfig: any): {
700
+ "__#private@#B"(t: any): {
710
701
  dropdown: any;
711
702
  sticky: any;
712
703
  fixed: any;
@@ -716,7 +707,7 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
716
707
  tooltip: any;
717
708
  notification: any;
718
709
  };
719
- "__#private@#generateIconTokens"(iconConfig: any): {
710
+ "__#private@#j"(t: any): {
720
711
  set: any;
721
712
  weight: any;
722
713
  defaultSize: string;
@@ -726,45 +717,45 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
726
717
  spritePath: any;
727
718
  externalPath: any;
728
719
  };
729
- "__#private@#generateColorVariables"(colors: any): string;
730
- "__#private@#generateMeshGradients"(colors: any): string;
731
- "__#private@#generateSpacingVariables"(spacing: any): string;
732
- "__#private@#generateRadiusVariables"(radius: any): string;
733
- "__#private@#generateBorderWidthVariables"(borderWidths: any): string;
734
- "__#private@#generateTypographyVariables"(typography: any): string;
735
- "__#private@#generateShadowVariables"(shadows: any): string;
736
- "__#private@#generateLayoutVariables"(layout: any): string;
737
- "__#private@#generateTransitionVariables"(transitions: any): string;
738
- "__#private@#generateZIndexVariables"(zIndex: any): string;
739
- "__#private@#generateIconVariables"(icons: any): string;
740
- "__#private@#generateDarkVariablesOnly"(colors: any): string;
741
- "__#private@#generateDarkVariablesForTokensLayer"(colors: any): string;
742
- "__#private@#generateMeshGradientsDarkVariablesOnly"(colors: any): string;
743
- "__#private@#generateMeshGradientsDark"(colors: any): string;
744
- "__#private@#generateDarkModeComponentRules"(): string;
745
- "__#private@#generateBodyBackgroundMeshRule"(): string;
746
- "__#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";
747
- "__#private@#generateBorderGradientUtilities"(): string;
748
- "__#private@#generateSemanticHTMLStyles"(): string;
749
- "__#private@#generateFormStyles"(): string;
750
- "__#private@#generateTableStyles"(): string;
751
- "__#private@#generateAlertStyles"(): string;
752
- "__#private@#generateAccordionStyles"(): string;
753
- "__#private@#generateBadgeStyles"(): string;
754
- "__#private@#generateDialogStyles"(): string;
755
- "__#private@#generateTabStripStyles"(): string;
756
- "__#private@#generateScrollbarStyles"(): string;
757
- "__#private@#generateIconStyles"(): string;
758
- "__#private@#generateDropdownStyles"(): string;
759
- "__#private@#generateLayoutUtilities"(): string;
760
- "__#private@#generateMediaUtilities"(): string;
761
- "__#private@#generateMediaQueries"(): string;
762
- "__#private@#hexToHsl"(hex: any): {
720
+ "__#private@#D"(t: any): string;
721
+ "__#private@#N"(t: any): string;
722
+ "__#private@#P"(t: any): string;
723
+ "__#private@#I"(t: any): string;
724
+ "__#private@#U"(t: any): string;
725
+ "__#private@#O"(t: any): string;
726
+ "__#private@#H"(t: any): string;
727
+ "__#private@#q"(t: any): string;
728
+ "__#private@#G"(t: any): string;
729
+ "__#private@#_"(t: any): string;
730
+ "__#private@#V"(t: any): string;
731
+ "__#private@#Q"(t: any): string;
732
+ "__#private@#Z"(t: any): string;
733
+ "__#private@#J"(t: any): string;
734
+ "__#private@#Y"(t: any): string;
735
+ "__#private@#K"(): string;
736
+ "__#private@#X"(): string;
737
+ "__#private@#ee"(): "" | "/* 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";
738
+ "__#private@#te"(): string;
739
+ "__#private@#re"(): string;
740
+ "__#private@#ae"(): string;
741
+ "__#private@#oe"(): string;
742
+ "__#private@#ne"(): string;
743
+ "__#private@#ie"(): string;
744
+ "__#private@#se"(): string;
745
+ "__#private@#ce"(): string;
746
+ "__#private@#le"(): string;
747
+ "__#private@#de"(): string;
748
+ "__#private@#pe"(): string;
749
+ "__#private@#ue"(): string;
750
+ "__#private@#ge"(): string;
751
+ "__#private@#me"(): string;
752
+ "__#private@#he"(): string;
753
+ "__#private@#o"(t: any): {
763
754
  h: number;
764
755
  s: number;
765
756
  l: number;
766
757
  };
767
- "__#private@#hslToHex"(h: any, s: any, l: any): string;
758
+ "__#private@#t"(t: any, e: any, a: any): string;
768
759
  getTokens(): {
769
760
  colors: {
770
761
  primary: {
@@ -873,7 +864,9 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
873
864
  hover: string;
874
865
  };
875
866
  };
876
- spacing: string;
867
+ spacing: {
868
+ 0: string;
869
+ };
877
870
  radius: {
878
871
  none: string;
879
872
  xs: string;
@@ -969,41 +962,349 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
969
962
  };
970
963
  };
971
964
  exportCSS(): string;
972
- /**
973
- * Generate separate CSS layers: tokens, primitives, components, utilities
974
- * Following the cascade layers pattern from the best practices document
975
- */
976
- "__#private@#generateLayers"(): void;
977
- "__#private@#generateTokensLayer"(): string;
978
- "__#private@#generatePrimitivesLayer"(): string;
979
- "__#private@#generateComponentsLayer"(): string;
980
- "__#private@#generateUtilitiesLayer"(): string;
981
- /**
982
- * Create constructable stylesheets for each layer
983
- */
984
- "__#private@#createConstructableStylesheets"(): void;
985
- "__#private@#updateConstructableStylesheets"(): void;
965
+ "__#private@#fe"(): void;
966
+ "__#private@#be"(): string;
967
+ "__#private@#ye"(): string;
968
+ "__#private@#ve"(): string;
969
+ "__#private@#xe"(): string;
970
+ "__#private@#we"(): void;
971
+ "__#private@#ke"(): void;
986
972
  get tokensCSS(): any;
987
973
  get primitivesCSS(): any;
988
974
  get componentsCSS(): any;
989
975
  get utilitiesCSS(): any;
990
976
  get layeredCSS(): string;
991
- /**
992
- * Get a complete compiled representation of the design system state.
993
- * This provides structured access to all generated tokens, scales, layers, and metadata.
994
- * Linked to ontology and enums for introspection and tooling.
995
- *
996
- * @returns {Object} Compiled design system state with tokens, layers, metadata, and references
997
- */
998
- get compiled(): any;
977
+ get compiled(): {
978
+ tokens: {
979
+ colors: {
980
+ primary: {
981
+ 50: string;
982
+ 100: string;
983
+ 200: string;
984
+ 300: string;
985
+ 400: string;
986
+ 500: any;
987
+ 600: string;
988
+ 700: string;
989
+ 800: string;
990
+ 900: string;
991
+ };
992
+ secondary: {
993
+ 50: string;
994
+ 100: string;
995
+ 200: string;
996
+ 300: string;
997
+ 400: string;
998
+ 500: any;
999
+ 600: string;
1000
+ 700: string;
1001
+ 800: string;
1002
+ 900: string;
1003
+ };
1004
+ accent: {
1005
+ 50: string;
1006
+ 100: string;
1007
+ 200: string;
1008
+ 300: string;
1009
+ 400: string;
1010
+ 500: any;
1011
+ 600: string;
1012
+ 700: string;
1013
+ 800: string;
1014
+ 900: string;
1015
+ };
1016
+ success: {
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
+ warning: {
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
+ danger: {
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
+ info: {
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
+ gray: {
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
+ surface: {
1077
+ base: any;
1078
+ subtle: string;
1079
+ elevated: string;
1080
+ sunken: string;
1081
+ overlay: string;
1082
+ inverse: string;
1083
+ hover: string;
1084
+ };
1085
+ };
1086
+ spacing: {
1087
+ 0: string;
1088
+ };
1089
+ radius: {
1090
+ none: string;
1091
+ xs: string;
1092
+ sm: string;
1093
+ md: string;
1094
+ lg: string;
1095
+ xl: string;
1096
+ full: string;
1097
+ };
1098
+ borderWidths: {
1099
+ hairline: string;
1100
+ thin: string;
1101
+ medium: string;
1102
+ thick: string;
1103
+ };
1104
+ typography: {
1105
+ fontFamily: {
1106
+ headings: any;
1107
+ body: any;
1108
+ mono: any;
1109
+ };
1110
+ fontSize: {
1111
+ xs: string;
1112
+ sm: string;
1113
+ base: string;
1114
+ lg: string;
1115
+ xl: string;
1116
+ "2xl": string;
1117
+ "3xl": string;
1118
+ "4xl": string;
1119
+ };
1120
+ fontWeight: {
1121
+ light: any;
1122
+ normal: any;
1123
+ medium: any;
1124
+ semibold: any;
1125
+ bold: any;
1126
+ };
1127
+ lineHeight: {
1128
+ tight: any;
1129
+ normal: any;
1130
+ relaxed: any;
1131
+ };
1132
+ };
1133
+ shadows: {
1134
+ sm: string;
1135
+ base: string;
1136
+ md: string;
1137
+ lg: string;
1138
+ xl: string;
1139
+ inner: string;
1140
+ };
1141
+ layout: {
1142
+ maxWidth: string;
1143
+ minHeight: string;
1144
+ containerPadding: string;
1145
+ breakpoints: {
1146
+ sm: string;
1147
+ md: string;
1148
+ lg: string;
1149
+ xl: string;
1150
+ };
1151
+ pageMargin: string;
1152
+ sectionGap: string;
1153
+ containerGap: string;
1154
+ heroSpacing: string;
1155
+ footerSpacing: string;
1156
+ };
1157
+ transitions: {
1158
+ fast: string;
1159
+ normal: string;
1160
+ slow: string;
1161
+ };
1162
+ zIndex: {
1163
+ dropdown: any;
1164
+ sticky: any;
1165
+ fixed: any;
1166
+ modal: any;
1167
+ drawer: any;
1168
+ popover: any;
1169
+ tooltip: any;
1170
+ notification: any;
1171
+ };
1172
+ icons: {
1173
+ set: any;
1174
+ weight: any;
1175
+ defaultSize: string;
1176
+ sizes: {
1177
+ [k: string]: string;
1178
+ };
1179
+ spritePath: any;
1180
+ externalPath: any;
1181
+ };
1182
+ };
1183
+ layers: {
1184
+ tokens: {
1185
+ css: any;
1186
+ size: any;
1187
+ sizeKB: string;
1188
+ };
1189
+ primitives: {
1190
+ css: any;
1191
+ size: any;
1192
+ sizeKB: string;
1193
+ };
1194
+ components: {
1195
+ css: any;
1196
+ size: any;
1197
+ sizeKB: string;
1198
+ };
1199
+ utilities: {
1200
+ css: any;
1201
+ size: any;
1202
+ sizeKB: string;
1203
+ };
1204
+ combined: {
1205
+ css: string;
1206
+ size: number;
1207
+ sizeKB: string;
1208
+ };
1209
+ };
1210
+ config: {
1211
+ design: any;
1212
+ preset: any;
1213
+ debug: boolean;
1214
+ };
1215
+ capabilities: {
1216
+ constructableStylesheets: boolean;
1217
+ blobURLs: boolean;
1218
+ shadowDOM: boolean;
1219
+ };
1220
+ references: {
1221
+ ontology: any;
1222
+ enums: any;
1223
+ };
1224
+ meta: {
1225
+ generatedAt: string;
1226
+ totalSize: any;
1227
+ totalSizeKB: string;
1228
+ layerCount: number;
1229
+ tokenGroups: number;
1230
+ };
1231
+ helpers: {
1232
+ getColorScales: () => {
1233
+ name: string;
1234
+ scale: {
1235
+ 50: string;
1236
+ 100: string;
1237
+ 200: string;
1238
+ 300: string;
1239
+ 400: string;
1240
+ 500: any;
1241
+ 600: string;
1242
+ 700: string;
1243
+ 800: string;
1244
+ 900: string;
1245
+ } | {
1246
+ 50: string;
1247
+ 100: string;
1248
+ 200: string;
1249
+ 300: string;
1250
+ 400: string;
1251
+ 500: any;
1252
+ 600: string;
1253
+ 700: string;
1254
+ 800: string;
1255
+ 900: string;
1256
+ } | {
1257
+ base: any;
1258
+ subtle: string;
1259
+ elevated: string;
1260
+ sunken: string;
1261
+ overlay: string;
1262
+ inverse: string;
1263
+ hover: string;
1264
+ };
1265
+ }[];
1266
+ getColorScale: (t: any) => any;
1267
+ getSpacingValues: () => {
1268
+ key: string;
1269
+ value: string;
1270
+ }[];
1271
+ getTypography: () => {
1272
+ fontFamily: {
1273
+ headings: any;
1274
+ body: any;
1275
+ mono: any;
1276
+ };
1277
+ fontSize: {
1278
+ xs: string;
1279
+ sm: string;
1280
+ base: string;
1281
+ lg: string;
1282
+ xl: string;
1283
+ "2xl": string;
1284
+ "3xl": string;
1285
+ "4xl": string;
1286
+ };
1287
+ fontWeight: {
1288
+ light: any;
1289
+ normal: any;
1290
+ medium: any;
1291
+ semibold: any;
1292
+ bold: any;
1293
+ };
1294
+ lineHeight: {
1295
+ tight: any;
1296
+ normal: any;
1297
+ relaxed: any;
1298
+ };
1299
+ };
1300
+ getLayerCSS: (t: any) => any;
1301
+ usesEnumValue: (t: any, e: any) => boolean;
1302
+ };
1303
+ };
999
1304
  get tokensStylesheet(): any;
1000
1305
  get primitivesStylesheet(): any;
1001
1306
  get componentsStylesheet(): any;
1002
1307
  get utilitiesStylesheet(): any;
1003
- /**
1004
- * Generate CSS module files for export
1005
- * Returns object with filename => content
1006
- */
1007
1308
  getCSSModules(): {
1008
1309
  "pds-tokens.css.js": string;
1009
1310
  "pds-primitives.css.js": string;
@@ -1011,33 +1312,13 @@ export function startLive(PDS2: any, config: any, { emitReady, applyResolvedThem
1011
1312
  "pds-utilities.css.js": string;
1012
1313
  "pds-styles.css.js": string;
1013
1314
  };
1014
- "__#private@#generateCSSModule"(name: any, css: any): string;
1315
+ "__#private@#i"(t: any, e: any): string;
1015
1316
  };
1016
1317
  config: {
1017
1318
  design: any;
1018
1319
  preset: any;
1019
1320
  } | {
1020
- design: {
1021
- colors: unknown;
1022
- } | {
1023
- typography: unknown;
1024
- } | {
1025
- spatialRhythm: unknown;
1026
- } | {
1027
- shape: unknown;
1028
- } | {
1029
- behavior: unknown;
1030
- } | {
1031
- layout: unknown;
1032
- } | {
1033
- advanced: unknown;
1034
- } | {
1035
- a11y: unknown;
1036
- } | {
1037
- components: unknown;
1038
- } | {
1039
- icons: unknown;
1040
- };
1321
+ design: {};
1041
1322
  } | {
1042
1323
  debug: boolean;
1043
1324
  };