@tenerife.music/ui 1.1.0 → 1.2.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/README.md +2 -1
- package/dist/{index-Cj8oRSOc.d.cts → index-DXmHg8ji.d.cts} +6 -489
- package/dist/{index-Cj8oRSOc.d.ts → index-DXmHg8ji.d.ts} +6 -489
- package/dist/index.cjs +855 -2844
- package/dist/index.d.cts +122 -525
- package/dist/index.d.ts +122 -525
- package/dist/index.mjs +840 -2826
- package/dist/styles.css +22 -93
- package/dist/theme/index.cjs +87 -16
- package/dist/theme/index.mjs +87 -16
- package/dist/tokens/index.cjs +5 -4
- package/dist/tokens/index.d.cts +486 -2
- package/dist/tokens/index.d.ts +486 -2
- package/dist/tokens/index.mjs +5 -4
- package/package.json +39 -38
|
@@ -184,12 +184,13 @@ declare const BUTTON_TOKENS: {
|
|
|
184
184
|
/**
|
|
185
185
|
* Icon size within buttons by button size
|
|
186
186
|
* Scales proportionally with button size for visual balance
|
|
187
|
+
* Contains full SVG selector classes for direct use in CVA
|
|
187
188
|
*/
|
|
188
189
|
readonly iconSize: {
|
|
189
|
-
readonly sm: "
|
|
190
|
-
readonly md: "
|
|
191
|
-
readonly lg: "
|
|
192
|
-
readonly icon: "
|
|
190
|
+
readonly sm: "[&_svg]:w-3.5 [&_svg]:h-3.5";
|
|
191
|
+
readonly md: "[&_svg]:w-4 [&_svg]:h-4";
|
|
192
|
+
readonly lg: "[&_svg]:w-5 [&_svg]:h-5";
|
|
193
|
+
readonly icon: "[&_svg]:w-4 [&_svg]:h-4";
|
|
193
194
|
};
|
|
194
195
|
/**
|
|
195
196
|
* Width tokens
|
|
@@ -499,490 +500,6 @@ type CardSpacingVertical = keyof typeof CARD_TOKENS.spacing.vertical;
|
|
|
499
500
|
type CardShadow = keyof typeof CARD_TOKENS.shadow;
|
|
500
501
|
type CardSize = keyof typeof CARD_TOKENS.size;
|
|
501
502
|
|
|
502
|
-
/**
|
|
503
|
-
* Domain Component Tokens
|
|
504
|
-
*
|
|
505
|
-
* Domain-specific design tokens for card components (EventCard, VenueCard, ArtistCard,
|
|
506
|
-
* TicketCard, PromoCard, CategoryCard). These tokens provide a consistent foundation
|
|
507
|
-
* for card surface styles, layout, images, metadata, badges, price/capacity displays,
|
|
508
|
-
* hover/motion states, and skeleton loading states.
|
|
509
|
-
*
|
|
510
|
-
* All values reference foundation tokens or other component tokens.
|
|
511
|
-
* Based on audit requirements from L3_CARD_AUDIT.md.
|
|
512
|
-
*
|
|
513
|
-
* Foundation tokens referenced:
|
|
514
|
-
* - SPACING_TOKENS: semanticSpacing (xs, sm, md, lg, xl, 2xl, 3xl) from src/tokens/spacing.ts
|
|
515
|
-
* - RADIUS_TOKENS: borderRadius (xs, sm, md, lg, xl, 2xl, full) from src/tokens/radius.ts
|
|
516
|
-
* - TEXT_TOKENS: fontSize, fontWeight from src/tokens/components/text.ts
|
|
517
|
-
* - ICON_TOKENS: sizes, colors from src/tokens/components/icon.ts
|
|
518
|
-
* - SHADOW_TOKENS: elevationShadows (xs, sm, md, lg, xl, 2xl) from src/tokens/shadows.ts
|
|
519
|
-
* - MOTION_TOKENS: transition, transitionPreset from src/tokens/components/motion.ts
|
|
520
|
-
* - DATA_TOKENS: skeleton patterns from src/tokens/components/data.ts
|
|
521
|
-
*/
|
|
522
|
-
/**
|
|
523
|
-
* Domain Card Component Tokens
|
|
524
|
-
*
|
|
525
|
-
* Defines all tokens for domain-specific card components.
|
|
526
|
-
* Values reference foundation tokens or other component tokens.
|
|
527
|
-
*/
|
|
528
|
-
declare const DOMAIN_TOKENS: {
|
|
529
|
-
/**
|
|
530
|
-
* Surface tokens for card containers
|
|
531
|
-
* Defines background, border, radius, and shadow for card surfaces
|
|
532
|
-
*/
|
|
533
|
-
readonly surface: {
|
|
534
|
-
/**
|
|
535
|
-
* Background colors
|
|
536
|
-
* Maps to semantic color tokens
|
|
537
|
-
*/
|
|
538
|
-
readonly bg: {
|
|
539
|
-
readonly default: "bg-card";
|
|
540
|
-
readonly hover: "hover:bg-card/95";
|
|
541
|
-
};
|
|
542
|
-
/**
|
|
543
|
-
* Border styles
|
|
544
|
-
* Maps to semantic border tokens
|
|
545
|
-
*/
|
|
546
|
-
readonly border: {
|
|
547
|
-
readonly default: "border border-border";
|
|
548
|
-
readonly hover: "hover:border-primary/20";
|
|
549
|
-
};
|
|
550
|
-
/**
|
|
551
|
-
* Border radius
|
|
552
|
-
* References borderRadius.xl (0.75rem / 12px)
|
|
553
|
-
* Using Tailwind class "rounded-xl" which maps to borderRadius.xl
|
|
554
|
-
*/
|
|
555
|
-
readonly radius: {
|
|
556
|
-
readonly default: "rounded-xl";
|
|
557
|
-
};
|
|
558
|
-
/**
|
|
559
|
-
* Shadow (elevation) tokens
|
|
560
|
-
* References elevationShadows.md
|
|
561
|
-
* Using Tailwind class "shadow-md" which maps to elevationShadows.md
|
|
562
|
-
*/
|
|
563
|
-
readonly shadow: {
|
|
564
|
-
readonly default: "shadow-md";
|
|
565
|
-
};
|
|
566
|
-
/**
|
|
567
|
-
* Elevation change on hover
|
|
568
|
-
* References elevationShadows.xl
|
|
569
|
-
* Using Tailwind class "hover:shadow-xl" which maps to elevationShadows.xl
|
|
570
|
-
*/
|
|
571
|
-
readonly elevation: {
|
|
572
|
-
readonly hover: "hover:shadow-xl";
|
|
573
|
-
};
|
|
574
|
-
};
|
|
575
|
-
/**
|
|
576
|
-
* Spacing tokens for card component spacing
|
|
577
|
-
* References semanticSpacing tokens
|
|
578
|
-
* Note: Tailwind classes are used for component className application
|
|
579
|
-
*/
|
|
580
|
-
readonly spacing: {
|
|
581
|
-
/**
|
|
582
|
-
* Section spacing - vertical spacing between card sections
|
|
583
|
-
*/
|
|
584
|
-
readonly section: {
|
|
585
|
-
readonly titleToSubtitle: "mb-xs";
|
|
586
|
-
readonly subtitleToMetadata: "mb-sm";
|
|
587
|
-
};
|
|
588
|
-
/**
|
|
589
|
-
* Badge spacing offsets
|
|
590
|
-
*/
|
|
591
|
-
readonly badges: {
|
|
592
|
-
readonly offsetX: "1rem";
|
|
593
|
-
readonly offsetY: "1rem";
|
|
594
|
-
};
|
|
595
|
-
/**
|
|
596
|
-
* Image spacing
|
|
597
|
-
*/
|
|
598
|
-
readonly image: {
|
|
599
|
-
readonly bottomMargin: "0";
|
|
600
|
-
};
|
|
601
|
-
/**
|
|
602
|
-
* Card vertical gap
|
|
603
|
-
*/
|
|
604
|
-
readonly card: {
|
|
605
|
-
readonly verticalGap: "1rem";
|
|
606
|
-
};
|
|
607
|
-
/**
|
|
608
|
-
* Metadata item gap
|
|
609
|
-
*/
|
|
610
|
-
readonly metadata: {
|
|
611
|
-
readonly itemGap: "0.25rem";
|
|
612
|
-
};
|
|
613
|
-
/**
|
|
614
|
-
* Footer spacing
|
|
615
|
-
*/
|
|
616
|
-
readonly footer: {
|
|
617
|
-
readonly paddingTopDefault: "pt-sm";
|
|
618
|
-
readonly paddingTopCompact: "pt-xs";
|
|
619
|
-
};
|
|
620
|
-
/**
|
|
621
|
-
* Button spacing
|
|
622
|
-
*/
|
|
623
|
-
readonly button: {
|
|
624
|
-
readonly paddingDefault: "px-md py-xs";
|
|
625
|
-
readonly paddingCompact: "px-sm py-xs";
|
|
626
|
-
readonly iconMarginLeft: "ml-xs";
|
|
627
|
-
};
|
|
628
|
-
};
|
|
629
|
-
/**
|
|
630
|
-
* Layout tokens for card spacing and gaps
|
|
631
|
-
* References semanticSpacing tokens
|
|
632
|
-
* Note: Tailwind utilities are used for component className application
|
|
633
|
-
*/
|
|
634
|
-
readonly layout: {
|
|
635
|
-
/**
|
|
636
|
-
* Padding tokens
|
|
637
|
-
* References semanticSpacing (md = 16px, sm = 8px)
|
|
638
|
-
* Note: "p-md" and "p-sm" are Tailwind utilities that apply semanticSpacing values
|
|
639
|
-
*/
|
|
640
|
-
readonly padding: {
|
|
641
|
-
readonly default: "p-md";
|
|
642
|
-
readonly compact: "p-sm";
|
|
643
|
-
};
|
|
644
|
-
/**
|
|
645
|
-
* Gap tokens for spacing between card elements
|
|
646
|
-
* References semanticSpacing (md = 16px, xs = 4px)
|
|
647
|
-
* Note: "gap-md" and "gap-xs" are Tailwind utilities that apply semanticSpacing values
|
|
648
|
-
*/
|
|
649
|
-
readonly gap: {
|
|
650
|
-
readonly default: "gap-md";
|
|
651
|
-
readonly compact: "gap-xs";
|
|
652
|
-
};
|
|
653
|
-
};
|
|
654
|
-
/**
|
|
655
|
-
* Image tokens for card media
|
|
656
|
-
* Defines aspect ratio, radius, overlay styles, and placeholder gradients
|
|
657
|
-
*/
|
|
658
|
-
readonly image: {
|
|
659
|
-
/**
|
|
660
|
-
* Aspect ratio for card images
|
|
661
|
-
* Standard 16:9 aspect ratio for card images
|
|
662
|
-
*/
|
|
663
|
-
readonly aspectRatio: "aspect-video";
|
|
664
|
-
/**
|
|
665
|
-
* Border radius for images
|
|
666
|
-
* References borderRadius.xl (0.75rem / 12px) for top corners only
|
|
667
|
-
* Using Tailwind class "rounded-t-xl" which maps to borderRadius.xl
|
|
668
|
-
*/
|
|
669
|
-
readonly radius: "rounded-t-xl";
|
|
670
|
-
/**
|
|
671
|
-
* Overlay gradient tokens for image overlays
|
|
672
|
-
* Used for hover states and text readability
|
|
673
|
-
*/
|
|
674
|
-
readonly overlay: {
|
|
675
|
-
readonly gradient: "bg-gradient-to-t from-black/60 via-transparent to-transparent";
|
|
676
|
-
};
|
|
677
|
-
/**
|
|
678
|
-
* Placeholder gradient tokens for image placeholders
|
|
679
|
-
* Used when no image URL is provided
|
|
680
|
-
*/
|
|
681
|
-
readonly placeholder: {
|
|
682
|
-
readonly gradient: "bg-gradient-to-br from-muted to-muted/50";
|
|
683
|
-
};
|
|
684
|
-
};
|
|
685
|
-
/**
|
|
686
|
-
* Text tokens for card text elements
|
|
687
|
-
* Defines hover states and line clamping for titles and descriptions
|
|
688
|
-
*/
|
|
689
|
-
readonly text: {
|
|
690
|
-
/**
|
|
691
|
-
* Hover state tokens for text elements
|
|
692
|
-
* Used for interactive text elements like titles
|
|
693
|
-
*/
|
|
694
|
-
readonly hover: {
|
|
695
|
-
readonly primary: "group-hover:text-primary";
|
|
696
|
-
};
|
|
697
|
-
/**
|
|
698
|
-
* Line clamp tokens for text truncation
|
|
699
|
-
* Used for limiting text to specific number of lines
|
|
700
|
-
*/
|
|
701
|
-
readonly lineClamp: {
|
|
702
|
-
readonly one: "line-clamp-1";
|
|
703
|
-
readonly two: "line-clamp-2";
|
|
704
|
-
readonly three: "line-clamp-3";
|
|
705
|
-
};
|
|
706
|
-
};
|
|
707
|
-
/**
|
|
708
|
-
* Metadata tokens for card information displays
|
|
709
|
-
* Used for date/time, location, and other metadata patterns
|
|
710
|
-
* Maps to TEXT_TOKENS, ICON_TOKENS, and semanticSpacing
|
|
711
|
-
*/
|
|
712
|
-
readonly metadata: {
|
|
713
|
-
/**
|
|
714
|
-
* Text color tokens
|
|
715
|
-
* Maps to semantic text color tokens
|
|
716
|
-
*/
|
|
717
|
-
readonly text: {
|
|
718
|
-
readonly primary: "text-foreground";
|
|
719
|
-
readonly secondary: "text-muted-foreground";
|
|
720
|
-
};
|
|
721
|
-
/**
|
|
722
|
-
* Icon tokens
|
|
723
|
-
* Maps to ICON_TOKENS for sizes and colors
|
|
724
|
-
*/
|
|
725
|
-
readonly icon: {
|
|
726
|
-
readonly default: "text-muted-foreground";
|
|
727
|
-
readonly sizeSm: "h-4 w-4";
|
|
728
|
-
};
|
|
729
|
-
/**
|
|
730
|
-
* Spacing tokens for metadata layouts
|
|
731
|
-
* References semanticSpacing (xs = 4px, sm = 8px)
|
|
732
|
-
* Using Tailwind classes which map to semanticSpacing values
|
|
733
|
-
*/
|
|
734
|
-
readonly spacing: {
|
|
735
|
-
readonly vertical: "gap-xs";
|
|
736
|
-
readonly horizontal: "gap-sm";
|
|
737
|
-
};
|
|
738
|
-
};
|
|
739
|
-
/**
|
|
740
|
-
* Badge tokens for featured/popular badges
|
|
741
|
-
* References semanticSpacing, borderRadius, and elevationShadows
|
|
742
|
-
*/
|
|
743
|
-
readonly badges: {
|
|
744
|
-
/**
|
|
745
|
-
* Badge size tokens (padding)
|
|
746
|
-
* References semanticSpacing for padding values
|
|
747
|
-
* Using Tailwind classes which map to semanticSpacing values
|
|
748
|
-
*/
|
|
749
|
-
readonly size: {
|
|
750
|
-
readonly sm: "px-xs py-xs";
|
|
751
|
-
readonly md: "px-sm py-xs";
|
|
752
|
-
};
|
|
753
|
-
/**
|
|
754
|
-
* Badge positioning tokens
|
|
755
|
-
* References semanticSpacing for absolute positioning
|
|
756
|
-
* Using Tailwind classes which map to semanticSpacing values
|
|
757
|
-
*/
|
|
758
|
-
readonly position: {
|
|
759
|
-
readonly default: "right-md top-md";
|
|
760
|
-
readonly compact: "right-sm top-sm";
|
|
761
|
-
};
|
|
762
|
-
/**
|
|
763
|
-
* Additional vertical positioning tokens for multi-badge scenarios
|
|
764
|
-
* References semanticSpacing for top positioning
|
|
765
|
-
* Using Tailwind classes which map to semanticSpacing values
|
|
766
|
-
*/
|
|
767
|
-
readonly positionY: {
|
|
768
|
-
readonly xl: "top-xl";
|
|
769
|
-
readonly "2xl": "top-2xl";
|
|
770
|
-
readonly "3xl": "top-3xl";
|
|
771
|
-
};
|
|
772
|
-
/**
|
|
773
|
-
* Badge surface (background) tokens
|
|
774
|
-
* Maps to semantic color tokens
|
|
775
|
-
*/
|
|
776
|
-
readonly surface: {
|
|
777
|
-
readonly default: "bg-primary";
|
|
778
|
-
readonly featured: "bg-gradient-to-r from-accent-500 to-primary-600";
|
|
779
|
-
};
|
|
780
|
-
/**
|
|
781
|
-
* Badge text color
|
|
782
|
-
* White for contrast on colored backgrounds
|
|
783
|
-
*/
|
|
784
|
-
readonly text: {
|
|
785
|
-
readonly color: "text-white";
|
|
786
|
-
};
|
|
787
|
-
/**
|
|
788
|
-
* Badge border radius
|
|
789
|
-
* References borderRadius.full (pill shape)
|
|
790
|
-
* Using Tailwind class "rounded-full" which maps to borderRadius.full
|
|
791
|
-
*/
|
|
792
|
-
readonly radius: "rounded-full";
|
|
793
|
-
/**
|
|
794
|
-
* Badge shadow
|
|
795
|
-
* References elevationShadows.lg
|
|
796
|
-
* Using Tailwind class "shadow-lg" which maps to elevationShadows.lg
|
|
797
|
-
*/
|
|
798
|
-
readonly shadow: "shadow-lg";
|
|
799
|
-
};
|
|
800
|
-
/**
|
|
801
|
-
* Price/Capacity tokens for displaying price and capacity information
|
|
802
|
-
* Maps to semantic text color tokens and semanticSpacing
|
|
803
|
-
*/
|
|
804
|
-
readonly priceCapacity: {
|
|
805
|
-
/**
|
|
806
|
-
* Text color tokens
|
|
807
|
-
* Maps to semantic text color tokens
|
|
808
|
-
*/
|
|
809
|
-
readonly text: {
|
|
810
|
-
readonly primary: "text-foreground";
|
|
811
|
-
readonly secondary: "text-muted-foreground";
|
|
812
|
-
};
|
|
813
|
-
/**
|
|
814
|
-
* Spacing between price and capacity elements
|
|
815
|
-
* References semanticSpacing.sm (8px)
|
|
816
|
-
* Using Tailwind class "gap-sm" which maps to semanticSpacing.sm
|
|
817
|
-
*/
|
|
818
|
-
readonly spacing: "gap-sm";
|
|
819
|
-
};
|
|
820
|
-
/**
|
|
821
|
-
* Motion tokens for hover and interaction states
|
|
822
|
-
* References MOTION_TOKENS for transitions and animations
|
|
823
|
-
*/
|
|
824
|
-
readonly motion: {
|
|
825
|
-
/**
|
|
826
|
-
* Hover state tokens
|
|
827
|
-
* References MOTION_TOKENS and elevationShadows
|
|
828
|
-
*/
|
|
829
|
-
readonly hover: {
|
|
830
|
-
readonly transition: "transition-all duration-normal ease-in-out";
|
|
831
|
-
readonly scale: "hover:scale-110";
|
|
832
|
-
readonly elevation: "hover:shadow-xl";
|
|
833
|
-
};
|
|
834
|
-
};
|
|
835
|
-
/**
|
|
836
|
-
* Skeleton tokens for loading states
|
|
837
|
-
* References DATA_TOKENS.skeleton for skeleton patterns and semanticSpacing for dimensions
|
|
838
|
-
*/
|
|
839
|
-
readonly skeleton: {
|
|
840
|
-
/**
|
|
841
|
-
* Base skeleton wrapper tokens
|
|
842
|
-
* Default styling for skeleton wrapper components
|
|
843
|
-
*/
|
|
844
|
-
readonly base: {
|
|
845
|
-
/**
|
|
846
|
-
* Default border radius for skeleton wrapper
|
|
847
|
-
* References DATA_TOKENS.skeleton.radius.text
|
|
848
|
-
*/
|
|
849
|
-
readonly radius: "rounded-sm";
|
|
850
|
-
/**
|
|
851
|
-
* Default animation for skeleton wrapper
|
|
852
|
-
* References DATA_TOKENS.skeleton.animation.pulse
|
|
853
|
-
*/
|
|
854
|
-
readonly animation: "animate-pulse";
|
|
855
|
-
/**
|
|
856
|
-
* Default background for skeleton wrapper
|
|
857
|
-
* References DATA_TOKENS.skeleton.background.default
|
|
858
|
-
*/
|
|
859
|
-
readonly background: "bg-muted";
|
|
860
|
-
};
|
|
861
|
-
/**
|
|
862
|
-
* Image skeleton height
|
|
863
|
-
* Domain-specific: card images need 192px (spacing[48] = 12rem)
|
|
864
|
-
* Note: DATA_TOKENS.skeleton.height.card is 128px, but card images need 192px
|
|
865
|
-
* Using Tailwind class "h-48" which maps to spacing[48] (12rem / 192px)
|
|
866
|
-
*/
|
|
867
|
-
readonly image: {
|
|
868
|
-
readonly height: "h-48";
|
|
869
|
-
};
|
|
870
|
-
/**
|
|
871
|
-
* Content gap for skeleton elements
|
|
872
|
-
* References semanticSpacing.md (16px)
|
|
873
|
-
* Using Tailwind class "gap-md" which maps to semanticSpacing.md
|
|
874
|
-
*/
|
|
875
|
-
readonly content: {
|
|
876
|
-
readonly gap: "gap-md";
|
|
877
|
-
/**
|
|
878
|
-
* Content width tokens for skeleton elements
|
|
879
|
-
* References DATA_TOKENS where available, uses Tailwind fraction classes for domain-specific values
|
|
880
|
-
*/
|
|
881
|
-
readonly width: {
|
|
882
|
-
readonly full: "w-full";
|
|
883
|
-
readonly threeQuarters: "w-3/4";
|
|
884
|
-
readonly half: "w-1/2";
|
|
885
|
-
};
|
|
886
|
-
};
|
|
887
|
-
/**
|
|
888
|
-
* Badge skeleton dimensions
|
|
889
|
-
* Domain-specific values for badge skeleton sizing
|
|
890
|
-
* References spacing values via Tailwind classes
|
|
891
|
-
*/
|
|
892
|
-
readonly badge: {
|
|
893
|
-
readonly width: "w-20";
|
|
894
|
-
readonly height: "h-6";
|
|
895
|
-
};
|
|
896
|
-
};
|
|
897
|
-
/**
|
|
898
|
-
* CTA (Call-to-Action) button tokens for domain card components
|
|
899
|
-
* Provides PromoCard-specific CTA button styling tokens
|
|
900
|
-
* These tokens are semantically owned by domain card components, not by the Button component
|
|
901
|
-
* References foundation tokens (spacing, typography, radius, shadows, motion) for consistency
|
|
902
|
-
*/
|
|
903
|
-
readonly cta: {
|
|
904
|
-
/**
|
|
905
|
-
* CTA button styling tokens
|
|
906
|
-
* Used by PromoCard and other domain card components for CTA button elements
|
|
907
|
-
*/
|
|
908
|
-
readonly button: {
|
|
909
|
-
/**
|
|
910
|
-
* Button heights by size
|
|
911
|
-
* Maps to Tailwind height utilities: h-8, h-9
|
|
912
|
-
*/
|
|
913
|
-
readonly height: {
|
|
914
|
-
readonly sm: "h-8";
|
|
915
|
-
readonly md: "h-9";
|
|
916
|
-
};
|
|
917
|
-
/**
|
|
918
|
-
* Button padding by size
|
|
919
|
-
* Horizontal and vertical padding values
|
|
920
|
-
* References semanticSpacing tokens
|
|
921
|
-
*/
|
|
922
|
-
readonly padding: {
|
|
923
|
-
readonly horizontal: {
|
|
924
|
-
readonly sm: "px-sm";
|
|
925
|
-
readonly md: "px-md";
|
|
926
|
-
};
|
|
927
|
-
readonly vertical: {
|
|
928
|
-
readonly sm: "py-xs";
|
|
929
|
-
};
|
|
930
|
-
};
|
|
931
|
-
/**
|
|
932
|
-
* Border radius for CTA buttons
|
|
933
|
-
* References borderRadius.md (6px / 0.375rem)
|
|
934
|
-
* Using Tailwind class "rounded-md" which maps to borderRadius.md
|
|
935
|
-
*/
|
|
936
|
-
readonly radius: "rounded-md";
|
|
937
|
-
/**
|
|
938
|
-
* Font sizes by button size
|
|
939
|
-
* Maps to foundation typography fontSize tokens
|
|
940
|
-
*/
|
|
941
|
-
readonly fontSize: {
|
|
942
|
-
readonly sm: "text-xs";
|
|
943
|
-
readonly md: "text-sm";
|
|
944
|
-
};
|
|
945
|
-
/**
|
|
946
|
-
* Shadow tokens for CTA buttons
|
|
947
|
-
* Maps to foundation elevation shadow tokens
|
|
948
|
-
*/
|
|
949
|
-
readonly shadow: {
|
|
950
|
-
readonly primary: "shadow";
|
|
951
|
-
};
|
|
952
|
-
/**
|
|
953
|
-
* Color tokens for CTA button variants
|
|
954
|
-
* Uses semantic color tokens that map to CSS variables
|
|
955
|
-
*/
|
|
956
|
-
readonly variant: {
|
|
957
|
-
readonly primary: {
|
|
958
|
-
readonly background: "bg-primary";
|
|
959
|
-
readonly text: "text-primary-foreground";
|
|
960
|
-
readonly hover: "hover:bg-primary/90";
|
|
961
|
-
};
|
|
962
|
-
};
|
|
963
|
-
/**
|
|
964
|
-
* Transition tokens for CTA buttons
|
|
965
|
-
* References MOTION_TOKENS for transitions
|
|
966
|
-
*/
|
|
967
|
-
readonly transition: {
|
|
968
|
-
readonly colors: "transition-colors";
|
|
969
|
-
};
|
|
970
|
-
};
|
|
971
|
-
};
|
|
972
|
-
};
|
|
973
|
-
/**
|
|
974
|
-
* Type exports for Domain Card tokens
|
|
975
|
-
*/
|
|
976
|
-
type DomainCardSurface = typeof DOMAIN_TOKENS.surface;
|
|
977
|
-
type DomainCardLayout = typeof DOMAIN_TOKENS.layout;
|
|
978
|
-
type DomainCardImage = typeof DOMAIN_TOKENS.image;
|
|
979
|
-
type DomainCardMetadata = typeof DOMAIN_TOKENS.metadata;
|
|
980
|
-
type DomainCardBadge = typeof DOMAIN_TOKENS.badges;
|
|
981
|
-
type DomainCardPriceCapacity = typeof DOMAIN_TOKENS.priceCapacity;
|
|
982
|
-
type DomainCardMotion = typeof DOMAIN_TOKENS.motion;
|
|
983
|
-
type DomainCardSkeleton = typeof DOMAIN_TOKENS.skeleton;
|
|
984
|
-
type DomainCardSkeletonContentWidth = typeof DOMAIN_TOKENS.skeleton.content.width;
|
|
985
|
-
|
|
986
503
|
/**
|
|
987
504
|
* Input Component Tokens
|
|
988
505
|
*
|
|
@@ -7321,4 +6838,4 @@ type ResponsiveContextMenuSize = Responsive<ContextMenuSizeToken>;
|
|
|
7321
6838
|
*/
|
|
7322
6839
|
type ResponsiveContextMenuWidth = Responsive<ContextMenuWidthToken>;
|
|
7323
6840
|
|
|
7324
|
-
export { type
|
|
6841
|
+
export { type MenuItemGap as $, ALERT_TOKENS as A, BUTTON_TOKENS as B, CARD_TOKENS as C, DATA_TOKENS as D, type EmptyStateIconSize as E, type IconSize as F, type IconStroke as G, type InputFontSize as H, ICON_TOKENS as I, type InputHeight as J, type InputPaddingHorizontal as K, type InputPaddingVertical as L, MENU_TOKENS as M, NAVIGATION_TOKENS as N, OVERLAY_TOKENS as O, POPOVER_TOKENS as P, type InputRadius as Q, RADIO_TOKENS as R, SECTION_TOKENS as S, TEXT_TOKENS as T, type InputSize as U, type MenuContentMinWidth as V, type MenuContentPadding as W, type MenuContentRadius as X, type MenuContentShadow as Y, type MenuIndicatorOffset as Z, type MenuIndicatorSize as _, CHECKBOX_TOKENS as a, type TextFontWeight as a$, type MenuItemHeight as a0, type MenuItemPadding as a1, type MenuItemRadius as a2, type MenuLabelPadding as a3, type MenuSeparatorMargin as a4, type MotionAnimation as a5, type MotionDuration as a6, type MotionEasing as a7, type MotionTransition as a8, type MotionTransitionPreset as a9, type SelectItemRadius as aA, type SelectLabelFontSize as aB, type SelectLabelPaddingHorizontal as aC, type SelectLabelPaddingVertical as aD, type SelectSeparatorMarginHorizontal as aE, type SelectSeparatorMarginVertical as aF, type SelectTriggerFontSize as aG, type SelectTriggerHeight as aH, type SelectTriggerPaddingHorizontal as aI, type SelectTriggerPaddingVertical as aJ, type SelectTriggerRadius as aK, type SkeletonAnimation as aL, type SkeletonBackground as aM, type SkeletonVariant as aN, type SurfacePadding as aO, type SurfaceRadius as aP, type SurfaceShadow as aQ, type SurfaceVariant as aR, type SwitchSize as aS, type SwitchState as aT, type SwitchVariant as aU, type TableCellPadding as aV, type TableGap as aW, type TableHeaderPadding as aX, type TableRowHeight as aY, type TableShadow as aZ, type TextFontSize as a_, type NavigationItemPadding as aa, type NavigationListGap as ab, type NavigationRadius as ac, type NavigationShadow as ad, type NavigationSize as ae, type NavigationState as af, type NotificationPanelWidth as ag, type NotificationVariant as ah, type OverlayBackdropVariant as ai, type OverlayModalSize as aj, type PopoverArrowOffset as ak, type PopoverArrowSize as al, type PopoverContentPadding as am, type PopoverContentRadius as an, type PopoverContentShadow as ao, type PopoverContentWidth as ap, type RadioSize as aq, type RadioState as ar, type RadioVariant as as, type SectionGap as at, type SectionPadding as au, type SelectContentPadding as av, type SelectContentRadius as aw, type SelectItemFontSize as ax, type SelectItemPaddingHorizontal as ay, type SelectItemPaddingVertical as az, INPUT_TOKENS as b, type Spacing as b$, type TextLetterSpacing as b0, type TextLineHeight as b1, type ToastVariant as b2, type TooltipContentRadius as b3, type TooltipContentShadow as b4, allCSSVariables as b5, allCSSVariablesCSS as b6, generateCSSVariablesCSS as b7, tokenSystemSummary as b8, type Animation as b9, motionV2TailwindConfig as bA, motionV2Transitions as bB, type BorderRadius as bC, type ComponentRadius as bD, borderRadius as bE, componentRadius as bF, radiusCSSVariables as bG, tailwindRadiusConfig as bH, type ColoredShadow as bI, type ElevationShadow as bJ, type FocusRing as bK, type GlowEffect as bL, accentColoredShadows as bM, componentShadowMapping as bN, elevationShadows as bO, focusRings as bP, glowEffects as bQ, primaryColoredShadows as bR, shadowBase as bS, shadowCSSVariables as bT, shadowOpacity as bU, tailwindShadowConfig as bV, type ComponentSpacing as bW, type ContainerSpacing as bX, type GridSpacing as bY, type SectionSpacing as bZ, type SemanticSpacing as b_, type Duration as ba, type Easing as bb, type Keyframe as bc, type Spring as bd, type Transition as be, animations as bf, durations as bg, easings as bh, keyframes as bi, motionCSSVariables as bj, reducedMotion as bk, springs as bl, tailwindMotionConfig as bm, transitions as bn, type MotionV2CombinedType as bo, type MotionV2Duration as bp, type MotionV2Easing as bq, type MotionV2SlideDirection as br, type MotionV2Transition as bs, motionV2CSSVariables as bt, motionV2Combined as bu, motionV2Durations as bv, motionV2Easings as bw, motionV2Fade as bx, motionV2Scale as by, motionV2Slide as bz, MOTION_TOKENS as c, type ResponsiveSurface as c$, type StackSpacing as c0, layoutSpacing as c1, semanticSpacing as c2, spacing as c3, spacingCSSVariables as c4, tailwindSpacingConfig as c5, UI_COLORS as c6, type CanonicalFontSize as c7, type CanonicalFontWeight as c8, type CanonicalLetterSpacing as c9, type ModalFooterAlignToken as cA, type ModalHeightToken as cB, type ModalSizeToken as cC, type ModalWidthToken as cD, type MotionDurationToken as cE, type MotionEasingToken as cF, type MotionToken as cG, type MotionTransitionToken as cH, type RadiusToken as cI, type ResponsiveAlignOffset as cJ, type ResponsiveAnimationPreset as cK, type ResponsiveAspectRatio as cL, type ResponsiveColor as cM, type ResponsiveContainerMaxWidth as cN, type ResponsiveContainerPadding as cO, type ResponsiveDelay as cP, type ResponsiveFlexBasis as cQ, type ResponsiveModalHeight as cR, type ResponsiveModalSize as cS, type ResponsiveModalWidth as cT, type ResponsiveMotion as cU, type ResponsiveRadius as cV, type ResponsiveSelectSize as cW, type ResponsiveSelectWidth as cX, type ResponsiveShadow as cY, type ResponsiveSideOffset as cZ, type ResponsiveSpace as c_, type CanonicalLineHeight as ca, type CanonicalTextColor as cb, type FontFamily as cc, type FontSize as cd, type FontWeight as ce, type LetterSpacing as cf, type LineHeight as cg, type TextStyle as ch, fontFamily as ci, fontSize as cj, fontSizeWithMd as ck, fontWeight as cl, letterSpacing as cm, lineHeight as cn, tailwindTypographyConfig as co, textStyles as cp, typographyCSSVariables as cq, type AlignOffsetToken as cr, type AnimationPresetToken as cs, type AspectRatioToken as ct, type ColorToken as cu, type ContainerMaxWidthToken as cv, type ContainerPaddingToken as cw, type DelayToken as cx, type FlexBasisToken as cy, type LayoutSpaceToken as cz, NOTIFICATION_TOKENS as d, type ResponsiveTextLineHeight as d0, type ResponsiveTextSize as d1, type ResponsiveTextWeight as d2, type SelectSizeToken as d3, type SelectStateToken as d4, type SelectVariantToken as d5, type SelectWidthToken as d6, type ShadowToken as d7, type SideOffsetToken as d8, type SpaceToken as d9, type SpacingToken as da, type SurfaceToken as db, type TextLetterSpacingToken as dc, type TextLineHeightToken as dd, type TextSizeToken as de, type TextWeightToken as df, type Responsive as dg, type ResponsiveContextMenuSize as dh, type ResponsiveContextMenuWidth as di, type ContextMenuItemToneToken as dj, type ResponsiveTabsSize as dk, type TabsVariantToken as dl, type TabsToneToken as dm, type Breakpoint as dn, SELECT_TOKENS as e, SURFACE_TOKENS as f, SWITCH_TOKENS as g, TOAST_TOKENS as h, TOOLTIP_TOKENS as i, type AlertVariant as j, type ButtonFontSize as k, type ButtonHeight as l, type ButtonPaddingHorizontal as m, type ButtonPaddingVertical as n, type ButtonShadow as o, type CardPadding as p, type CardRadius as q, type CardShadow as r, type CardSize as s, type CardSpacingVertical as t, type CheckboxSize as u, type CheckboxState as v, type CheckboxVariant as w, type DataListLabelWidth as x, type DataListRowPadding as y, type IconColor as z };
|