@tenerife.music/ui 1.0.13 → 1.0.16
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 +113 -419
- package/dist/{colors-CVA7_16U.d.cts → colors-BrFmCQv-.d.cts} +6 -1
- package/dist/{colors-CVA7_16U.d.ts → colors-BrFmCQv-.d.ts} +6 -1
- package/dist/{index-BgXvioll.d.cts → index-DPWxsWs3.d.cts} +861 -228
- package/dist/{index-Bv4wWj9I.d.ts → index-DPWxsWs3.d.ts} +861 -228
- package/dist/index.cjs +2196 -1132
- package/dist/index.d.cts +451 -127
- package/dist/index.d.ts +451 -127
- package/dist/index.mjs +2196 -1133
- package/dist/preset.cjs +29 -57
- package/dist/preset.mjs +29 -57
- package/dist/styles.css +3637 -57
- package/dist/theme/index.cjs +1305 -127
- package/dist/theme/index.d.cts +2 -2
- package/dist/theme/index.d.ts +2 -2
- package/dist/theme/index.mjs +1304 -126
- package/dist/tokens/index.cjs +628 -442
- package/dist/tokens/index.d.cts +89 -2
- package/dist/tokens/index.d.ts +89 -2
- package/dist/tokens/index.mjs +628 -443
- package/package.json +57 -53
package/dist/tokens/index.d.cts
CHANGED
|
@@ -1,2 +1,89 @@
|
|
|
1
|
-
export { B as BaseColorTokens,
|
|
2
|
-
export { A as ALERT_TOKENS,
|
|
1
|
+
export { B as BaseColorTokens, C as ChartColors, a as ColorScale, b as ColorTokens, M as Mode, S as SemanticColors, c as SurfaceColors, T as TextColors, d as accentColors, e as baseColors, f as chartColors, g as colorCSSVariables, h as cssVariableColorTokens, p as primaryColors, s as secondaryColors, i as semanticColors, j as surfaceColors, t as tailwindThemeColors, k as textColors } from '../colors-BrFmCQv-.cjs';
|
|
2
|
+
export { A as ALERT_TOKENS, l as AlertVariant, cG as AlignOffsetToken, bo as Animation, cH as AnimationPresetToken, cI as AspectRatioToken, B as BUTTON_TOKENS, bR as BorderRadius, m as ButtonFontSize, n as ButtonHeight, o as ButtonPaddingHorizontal, p as ButtonPaddingVertical, q as ButtonShadow, C as CARD_TOKENS, a as CHECKBOX_TOKENS, cm as CanonicalFontSize, cn as CanonicalFontWeight, co as CanonicalLetterSpacing, cp as CanonicalLineHeight, cq as CanonicalTextColor, r as CardPadding, s as CardRadius, t as CardShadow, u as CardSize, v as CardSpacingVertical, w as CheckboxSize, x as CheckboxState, y as CheckboxVariant, cJ as ColorToken, bX as ColoredShadow, bS as ComponentRadius, c9 as ComponentSpacing, cK as ContainerMaxWidthToken, cL as ContainerPaddingToken, ca as ContainerSpacing, D as DATA_TOKENS, b as DOMAIN_TOKENS, c as DROPDOWN_TOKENS, z as DataListLabelWidth, E as DataListRowPadding, cM as DelayToken, F as DomainCardBadge, G as DomainCardImage, H as DomainCardLayout, J as DomainCardMetadata, K as DomainCardMotion, L as DomainCardPriceCapacity, Q as DomainCardSkeleton, U as DomainCardSkeletonContentWidth, V as DomainCardSurface, W as DropdownItemSize, X as DropdownMenuSize, Y as DropdownTriggerSize, Z as DropdownVariant, bp as Duration, bq as Easing, bY as ElevationShadow, _ as EmptyStateIconSize, cN as FlexBasisToken, bZ as FocusRing, cr as FontFamily, cs as FontSize, ct as FontWeight, b_ as GlowEffect, cb as GridSpacing, I as ICON_TOKENS, d as INPUT_TOKENS, $ as IconColor, a0 as IconSize, a1 as IconStroke, a2 as InputFontSize, a3 as InputHeight, a4 as InputPaddingHorizontal, a5 as InputPaddingVertical, a6 as InputRadius, a7 as InputSize, br as Keyframe, cO as LayoutSpaceToken, cu as LetterSpacing, cv as LineHeight, M as MENU_TOKENS, e as MOTION_TOKENS, a8 as MenuContentMinWidth, a9 as MenuContentPadding, aa as MenuContentRadius, ab as MenuContentShadow, ac as MenuIndicatorOffset, ad as MenuIndicatorSize, ae as MenuItemGap, af as MenuItemHeight, ag as MenuItemPadding, ah as MenuItemRadius, ai as MenuLabelPadding, aj as MenuSeparatorMargin, cP as ModalFooterAlignToken, cQ as ModalHeightToken, cR as ModalSizeToken, cS as ModalWidthToken, ak as MotionAnimation, al as MotionDuration, cT as MotionDurationToken, am as MotionEasing, cU as MotionEasingToken, cV as MotionToken, an as MotionTransition, ao as MotionTransitionPreset, cW as MotionTransitionToken, bD as MotionV2CombinedType, bE as MotionV2Duration, bF as MotionV2Easing, bG as MotionV2SlideDirection, bH as MotionV2Transition, N as NAVIGATION_TOKENS, f as NOTIFICATION_TOKENS, ap as NavigationItemPadding, aq as NavigationListGap, ar as NavigationRadius, as as NavigationShadow, at as NavigationSize, au as NavigationState, av as NotificationPanelWidth, aw as NotificationVariant, O as OVERLAY_TOKENS, ax as OverlayBackdropVariant, ay as OverlayModalSize, P as POPOVER_TOKENS, az as PopoverArrowOffset, aA as PopoverArrowSize, aB as PopoverContentPadding, aC as PopoverContentRadius, aD as PopoverContentShadow, aE as PopoverContentWidth, R as RADIO_TOKENS, aF as RadioSize, aG as RadioState, aH as RadioVariant, cX as RadiusToken, cY as ResponsiveAlignOffset, cZ as ResponsiveAnimationPreset, c_ as ResponsiveAspectRatio, c$ as ResponsiveColor, d0 as ResponsiveContainerMaxWidth, d1 as ResponsiveContainerPadding, d2 as ResponsiveDelay, d3 as ResponsiveFlexBasis, d4 as ResponsiveModalHeight, d5 as ResponsiveModalSize, d6 as ResponsiveModalWidth, d7 as ResponsiveMotion, d8 as ResponsiveRadius, d9 as ResponsiveSelectSize, da as ResponsiveSelectWidth, db as ResponsiveShadow, dc as ResponsiveSideOffset, dd as ResponsiveSpace, de as ResponsiveSurface, df as ResponsiveTextLineHeight, dg as ResponsiveTextSize, dh as ResponsiveTextWeight, S as SECTION_TOKENS, g as SELECT_TOKENS, h as SURFACE_TOKENS, i as SWITCH_TOKENS, aI as SectionGap, aJ as SectionPadding, cc as SectionSpacing, aK as SelectContentPadding, aL as SelectContentRadius, aM as SelectItemFontSize, aN as SelectItemPaddingHorizontal, aO as SelectItemPaddingVertical, aP as SelectItemRadius, aQ as SelectLabelFontSize, aR as SelectLabelPaddingHorizontal, aS as SelectLabelPaddingVertical, aT as SelectSeparatorMarginHorizontal, aU as SelectSeparatorMarginVertical, di as SelectSizeToken, dj as SelectStateToken, aV as SelectTriggerFontSize, aW as SelectTriggerHeight, aX as SelectTriggerPaddingHorizontal, aY as SelectTriggerPaddingVertical, aZ as SelectTriggerRadius, dk as SelectVariantToken, dl as SelectWidthToken, cd as SemanticSpacing, dm as ShadowToken, dn as SideOffsetToken, a_ as SkeletonAnimation, a$ as SkeletonBackground, b0 as SkeletonVariant, dp as SpaceToken, ce as Spacing, dq as SpacingToken, bs as Spring, cf as StackSpacing, b1 as SurfacePadding, b2 as SurfaceRadius, b3 as SurfaceShadow, dr as SurfaceToken, b4 as SurfaceVariant, b5 as SwitchSize, b6 as SwitchState, b7 as SwitchVariant, T as TEXT_TOKENS, j as TOAST_TOKENS, k as TOOLTIP_TOKENS, b8 as TableCellPadding, b9 as TableGap, ba as TableHeaderPadding, bb as TableRowHeight, bc as TableShadow, bd as TextFontSize, be as TextFontWeight, bf as TextLetterSpacing, ds as TextLetterSpacingToken, bg as TextLineHeight, dt as TextLineHeightToken, du as TextSizeToken, cw as TextStyle, dv as TextWeightToken, bh as ToastVariant, bi as TooltipContentRadius, bj as TooltipContentShadow, bt as Transition, cl as UI_COLORS, b$ as accentColoredShadows, bk as allCSSVariables, bl as allCSSVariablesCSS, bu as animations, bT as borderRadius, bU as componentRadius, c0 as componentShadowMapping, bv as durations, bw as easings, c1 as elevationShadows, c2 as focusRings, cx as fontFamily, cy as fontSize, cz as fontSizeWithMd, cA as fontWeight, bm as generateCSSVariablesCSS, c3 as glowEffects, bx as keyframes, cg as layoutSpacing, cB as letterSpacing, cC as lineHeight, by as motionCSSVariables, bI as motionV2CSSVariables, bJ as motionV2Combined, bK as motionV2Durations, bL as motionV2Easings, bM as motionV2Fade, bN as motionV2Scale, bO as motionV2Slide, bP as motionV2TailwindConfig, bQ as motionV2Transitions, c4 as primaryColoredShadows, bV as radiusCSSVariables, bz as reducedMotion, ch as semanticSpacing, c5 as shadowBase, c6 as shadowCSSVariables, c7 as shadowOpacity, ci as spacing, cj as spacingCSSVariables, bA as springs, bB as tailwindMotionConfig, bW as tailwindRadiusConfig, c8 as tailwindShadowConfig, ck as tailwindSpacingConfig, cD as tailwindTypographyConfig, cE as textStyles, bn as tokenSystemSummary, bC as transitions, cF as typographyCSSVariables } from '../index-DPWxsWs3.cjs';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Artist Card Component Tokens
|
|
6
|
+
*
|
|
7
|
+
* Domain-specific design tokens for ArtistCard component.
|
|
8
|
+
* Provides artist-specific styling tokens that complement DOMAIN_TOKENS.
|
|
9
|
+
* All values reference foundation tokens or other component tokens.
|
|
10
|
+
*
|
|
11
|
+
* Foundation tokens referenced:
|
|
12
|
+
* - DOMAIN_TOKENS: image, spacing, metadata, text from src/tokens/components/domain.ts
|
|
13
|
+
* - Layout utilities: flex, positioning, sizing from Tailwind (allowed)
|
|
14
|
+
*/
|
|
15
|
+
/**
|
|
16
|
+
* Artist Card Component Tokens
|
|
17
|
+
*
|
|
18
|
+
* Defines artist-specific tokens for ArtistCard component.
|
|
19
|
+
* Values reference DOMAIN_TOKENS and foundation tokens where possible.
|
|
20
|
+
*/
|
|
21
|
+
declare const ARTIST_TOKENS: {
|
|
22
|
+
/**
|
|
23
|
+
* Image container tokens
|
|
24
|
+
* Layout classes for image container wrapper
|
|
25
|
+
*/
|
|
26
|
+
readonly image: {
|
|
27
|
+
/**
|
|
28
|
+
* Container layout tokens
|
|
29
|
+
* Positioning and sizing for image container
|
|
30
|
+
*/
|
|
31
|
+
readonly container: {
|
|
32
|
+
/**
|
|
33
|
+
* Base container layout
|
|
34
|
+
* Relative positioning, full width, overflow hidden
|
|
35
|
+
* Uses Tailwind layout utilities (allowed per architecture)
|
|
36
|
+
*/
|
|
37
|
+
readonly layout: "relative w-full overflow-hidden";
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* Image sizing tokens
|
|
41
|
+
* Full width and height for images
|
|
42
|
+
*/
|
|
43
|
+
readonly sizing: {
|
|
44
|
+
/**
|
|
45
|
+
* Full size image
|
|
46
|
+
* Uses Tailwind sizing utilities (allowed per architecture)
|
|
47
|
+
*/
|
|
48
|
+
readonly full: "h-full w-full";
|
|
49
|
+
};
|
|
50
|
+
/**
|
|
51
|
+
* Placeholder container tokens
|
|
52
|
+
* Layout for placeholder icon container when no image is provided
|
|
53
|
+
*/
|
|
54
|
+
readonly placeholder: {
|
|
55
|
+
/**
|
|
56
|
+
* Placeholder container layout
|
|
57
|
+
* Flex centering for placeholder icon
|
|
58
|
+
* Uses Tailwind layout utilities (allowed per architecture)
|
|
59
|
+
*/
|
|
60
|
+
readonly container: "flex h-full w-full items-center justify-center";
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
/**
|
|
64
|
+
* Footer border tokens
|
|
65
|
+
* Border styling for card footer separator
|
|
66
|
+
*/
|
|
67
|
+
readonly footer: {
|
|
68
|
+
/**
|
|
69
|
+
* Footer border tokens
|
|
70
|
+
* Top border separator for footer section
|
|
71
|
+
*/
|
|
72
|
+
readonly border: {
|
|
73
|
+
/**
|
|
74
|
+
* Footer border top
|
|
75
|
+
* Uses semantic border color token
|
|
76
|
+
*/
|
|
77
|
+
readonly top: "border-t border-border";
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
/**
|
|
82
|
+
* Type exports for Artist Card tokens
|
|
83
|
+
*/
|
|
84
|
+
type ArtistCardImageContainer = typeof ARTIST_TOKENS.image.container;
|
|
85
|
+
type ArtistCardImageSizing = typeof ARTIST_TOKENS.image.sizing;
|
|
86
|
+
type ArtistCardImagePlaceholder = typeof ARTIST_TOKENS.image.placeholder;
|
|
87
|
+
type ArtistCardFooterBorder = typeof ARTIST_TOKENS.footer.border;
|
|
88
|
+
|
|
89
|
+
export { ARTIST_TOKENS, type ArtistCardFooterBorder, type ArtistCardImageContainer, type ArtistCardImagePlaceholder, type ArtistCardImageSizing };
|
package/dist/tokens/index.d.ts
CHANGED
|
@@ -1,2 +1,89 @@
|
|
|
1
|
-
export { B as BaseColorTokens,
|
|
2
|
-
export { A as ALERT_TOKENS,
|
|
1
|
+
export { B as BaseColorTokens, C as ChartColors, a as ColorScale, b as ColorTokens, M as Mode, S as SemanticColors, c as SurfaceColors, T as TextColors, d as accentColors, e as baseColors, f as chartColors, g as colorCSSVariables, h as cssVariableColorTokens, p as primaryColors, s as secondaryColors, i as semanticColors, j as surfaceColors, t as tailwindThemeColors, k as textColors } from '../colors-BrFmCQv-.js';
|
|
2
|
+
export { A as ALERT_TOKENS, l as AlertVariant, cG as AlignOffsetToken, bo as Animation, cH as AnimationPresetToken, cI as AspectRatioToken, B as BUTTON_TOKENS, bR as BorderRadius, m as ButtonFontSize, n as ButtonHeight, o as ButtonPaddingHorizontal, p as ButtonPaddingVertical, q as ButtonShadow, C as CARD_TOKENS, a as CHECKBOX_TOKENS, cm as CanonicalFontSize, cn as CanonicalFontWeight, co as CanonicalLetterSpacing, cp as CanonicalLineHeight, cq as CanonicalTextColor, r as CardPadding, s as CardRadius, t as CardShadow, u as CardSize, v as CardSpacingVertical, w as CheckboxSize, x as CheckboxState, y as CheckboxVariant, cJ as ColorToken, bX as ColoredShadow, bS as ComponentRadius, c9 as ComponentSpacing, cK as ContainerMaxWidthToken, cL as ContainerPaddingToken, ca as ContainerSpacing, D as DATA_TOKENS, b as DOMAIN_TOKENS, c as DROPDOWN_TOKENS, z as DataListLabelWidth, E as DataListRowPadding, cM as DelayToken, F as DomainCardBadge, G as DomainCardImage, H as DomainCardLayout, J as DomainCardMetadata, K as DomainCardMotion, L as DomainCardPriceCapacity, Q as DomainCardSkeleton, U as DomainCardSkeletonContentWidth, V as DomainCardSurface, W as DropdownItemSize, X as DropdownMenuSize, Y as DropdownTriggerSize, Z as DropdownVariant, bp as Duration, bq as Easing, bY as ElevationShadow, _ as EmptyStateIconSize, cN as FlexBasisToken, bZ as FocusRing, cr as FontFamily, cs as FontSize, ct as FontWeight, b_ as GlowEffect, cb as GridSpacing, I as ICON_TOKENS, d as INPUT_TOKENS, $ as IconColor, a0 as IconSize, a1 as IconStroke, a2 as InputFontSize, a3 as InputHeight, a4 as InputPaddingHorizontal, a5 as InputPaddingVertical, a6 as InputRadius, a7 as InputSize, br as Keyframe, cO as LayoutSpaceToken, cu as LetterSpacing, cv as LineHeight, M as MENU_TOKENS, e as MOTION_TOKENS, a8 as MenuContentMinWidth, a9 as MenuContentPadding, aa as MenuContentRadius, ab as MenuContentShadow, ac as MenuIndicatorOffset, ad as MenuIndicatorSize, ae as MenuItemGap, af as MenuItemHeight, ag as MenuItemPadding, ah as MenuItemRadius, ai as MenuLabelPadding, aj as MenuSeparatorMargin, cP as ModalFooterAlignToken, cQ as ModalHeightToken, cR as ModalSizeToken, cS as ModalWidthToken, ak as MotionAnimation, al as MotionDuration, cT as MotionDurationToken, am as MotionEasing, cU as MotionEasingToken, cV as MotionToken, an as MotionTransition, ao as MotionTransitionPreset, cW as MotionTransitionToken, bD as MotionV2CombinedType, bE as MotionV2Duration, bF as MotionV2Easing, bG as MotionV2SlideDirection, bH as MotionV2Transition, N as NAVIGATION_TOKENS, f as NOTIFICATION_TOKENS, ap as NavigationItemPadding, aq as NavigationListGap, ar as NavigationRadius, as as NavigationShadow, at as NavigationSize, au as NavigationState, av as NotificationPanelWidth, aw as NotificationVariant, O as OVERLAY_TOKENS, ax as OverlayBackdropVariant, ay as OverlayModalSize, P as POPOVER_TOKENS, az as PopoverArrowOffset, aA as PopoverArrowSize, aB as PopoverContentPadding, aC as PopoverContentRadius, aD as PopoverContentShadow, aE as PopoverContentWidth, R as RADIO_TOKENS, aF as RadioSize, aG as RadioState, aH as RadioVariant, cX as RadiusToken, cY as ResponsiveAlignOffset, cZ as ResponsiveAnimationPreset, c_ as ResponsiveAspectRatio, c$ as ResponsiveColor, d0 as ResponsiveContainerMaxWidth, d1 as ResponsiveContainerPadding, d2 as ResponsiveDelay, d3 as ResponsiveFlexBasis, d4 as ResponsiveModalHeight, d5 as ResponsiveModalSize, d6 as ResponsiveModalWidth, d7 as ResponsiveMotion, d8 as ResponsiveRadius, d9 as ResponsiveSelectSize, da as ResponsiveSelectWidth, db as ResponsiveShadow, dc as ResponsiveSideOffset, dd as ResponsiveSpace, de as ResponsiveSurface, df as ResponsiveTextLineHeight, dg as ResponsiveTextSize, dh as ResponsiveTextWeight, S as SECTION_TOKENS, g as SELECT_TOKENS, h as SURFACE_TOKENS, i as SWITCH_TOKENS, aI as SectionGap, aJ as SectionPadding, cc as SectionSpacing, aK as SelectContentPadding, aL as SelectContentRadius, aM as SelectItemFontSize, aN as SelectItemPaddingHorizontal, aO as SelectItemPaddingVertical, aP as SelectItemRadius, aQ as SelectLabelFontSize, aR as SelectLabelPaddingHorizontal, aS as SelectLabelPaddingVertical, aT as SelectSeparatorMarginHorizontal, aU as SelectSeparatorMarginVertical, di as SelectSizeToken, dj as SelectStateToken, aV as SelectTriggerFontSize, aW as SelectTriggerHeight, aX as SelectTriggerPaddingHorizontal, aY as SelectTriggerPaddingVertical, aZ as SelectTriggerRadius, dk as SelectVariantToken, dl as SelectWidthToken, cd as SemanticSpacing, dm as ShadowToken, dn as SideOffsetToken, a_ as SkeletonAnimation, a$ as SkeletonBackground, b0 as SkeletonVariant, dp as SpaceToken, ce as Spacing, dq as SpacingToken, bs as Spring, cf as StackSpacing, b1 as SurfacePadding, b2 as SurfaceRadius, b3 as SurfaceShadow, dr as SurfaceToken, b4 as SurfaceVariant, b5 as SwitchSize, b6 as SwitchState, b7 as SwitchVariant, T as TEXT_TOKENS, j as TOAST_TOKENS, k as TOOLTIP_TOKENS, b8 as TableCellPadding, b9 as TableGap, ba as TableHeaderPadding, bb as TableRowHeight, bc as TableShadow, bd as TextFontSize, be as TextFontWeight, bf as TextLetterSpacing, ds as TextLetterSpacingToken, bg as TextLineHeight, dt as TextLineHeightToken, du as TextSizeToken, cw as TextStyle, dv as TextWeightToken, bh as ToastVariant, bi as TooltipContentRadius, bj as TooltipContentShadow, bt as Transition, cl as UI_COLORS, b$ as accentColoredShadows, bk as allCSSVariables, bl as allCSSVariablesCSS, bu as animations, bT as borderRadius, bU as componentRadius, c0 as componentShadowMapping, bv as durations, bw as easings, c1 as elevationShadows, c2 as focusRings, cx as fontFamily, cy as fontSize, cz as fontSizeWithMd, cA as fontWeight, bm as generateCSSVariablesCSS, c3 as glowEffects, bx as keyframes, cg as layoutSpacing, cB as letterSpacing, cC as lineHeight, by as motionCSSVariables, bI as motionV2CSSVariables, bJ as motionV2Combined, bK as motionV2Durations, bL as motionV2Easings, bM as motionV2Fade, bN as motionV2Scale, bO as motionV2Slide, bP as motionV2TailwindConfig, bQ as motionV2Transitions, c4 as primaryColoredShadows, bV as radiusCSSVariables, bz as reducedMotion, ch as semanticSpacing, c5 as shadowBase, c6 as shadowCSSVariables, c7 as shadowOpacity, ci as spacing, cj as spacingCSSVariables, bA as springs, bB as tailwindMotionConfig, bW as tailwindRadiusConfig, c8 as tailwindShadowConfig, ck as tailwindSpacingConfig, cD as tailwindTypographyConfig, cE as textStyles, bn as tokenSystemSummary, bC as transitions, cF as typographyCSSVariables } from '../index-DPWxsWs3.js';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Artist Card Component Tokens
|
|
6
|
+
*
|
|
7
|
+
* Domain-specific design tokens for ArtistCard component.
|
|
8
|
+
* Provides artist-specific styling tokens that complement DOMAIN_TOKENS.
|
|
9
|
+
* All values reference foundation tokens or other component tokens.
|
|
10
|
+
*
|
|
11
|
+
* Foundation tokens referenced:
|
|
12
|
+
* - DOMAIN_TOKENS: image, spacing, metadata, text from src/tokens/components/domain.ts
|
|
13
|
+
* - Layout utilities: flex, positioning, sizing from Tailwind (allowed)
|
|
14
|
+
*/
|
|
15
|
+
/**
|
|
16
|
+
* Artist Card Component Tokens
|
|
17
|
+
*
|
|
18
|
+
* Defines artist-specific tokens for ArtistCard component.
|
|
19
|
+
* Values reference DOMAIN_TOKENS and foundation tokens where possible.
|
|
20
|
+
*/
|
|
21
|
+
declare const ARTIST_TOKENS: {
|
|
22
|
+
/**
|
|
23
|
+
* Image container tokens
|
|
24
|
+
* Layout classes for image container wrapper
|
|
25
|
+
*/
|
|
26
|
+
readonly image: {
|
|
27
|
+
/**
|
|
28
|
+
* Container layout tokens
|
|
29
|
+
* Positioning and sizing for image container
|
|
30
|
+
*/
|
|
31
|
+
readonly container: {
|
|
32
|
+
/**
|
|
33
|
+
* Base container layout
|
|
34
|
+
* Relative positioning, full width, overflow hidden
|
|
35
|
+
* Uses Tailwind layout utilities (allowed per architecture)
|
|
36
|
+
*/
|
|
37
|
+
readonly layout: "relative w-full overflow-hidden";
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* Image sizing tokens
|
|
41
|
+
* Full width and height for images
|
|
42
|
+
*/
|
|
43
|
+
readonly sizing: {
|
|
44
|
+
/**
|
|
45
|
+
* Full size image
|
|
46
|
+
* Uses Tailwind sizing utilities (allowed per architecture)
|
|
47
|
+
*/
|
|
48
|
+
readonly full: "h-full w-full";
|
|
49
|
+
};
|
|
50
|
+
/**
|
|
51
|
+
* Placeholder container tokens
|
|
52
|
+
* Layout for placeholder icon container when no image is provided
|
|
53
|
+
*/
|
|
54
|
+
readonly placeholder: {
|
|
55
|
+
/**
|
|
56
|
+
* Placeholder container layout
|
|
57
|
+
* Flex centering for placeholder icon
|
|
58
|
+
* Uses Tailwind layout utilities (allowed per architecture)
|
|
59
|
+
*/
|
|
60
|
+
readonly container: "flex h-full w-full items-center justify-center";
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
/**
|
|
64
|
+
* Footer border tokens
|
|
65
|
+
* Border styling for card footer separator
|
|
66
|
+
*/
|
|
67
|
+
readonly footer: {
|
|
68
|
+
/**
|
|
69
|
+
* Footer border tokens
|
|
70
|
+
* Top border separator for footer section
|
|
71
|
+
*/
|
|
72
|
+
readonly border: {
|
|
73
|
+
/**
|
|
74
|
+
* Footer border top
|
|
75
|
+
* Uses semantic border color token
|
|
76
|
+
*/
|
|
77
|
+
readonly top: "border-t border-border";
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
/**
|
|
82
|
+
* Type exports for Artist Card tokens
|
|
83
|
+
*/
|
|
84
|
+
type ArtistCardImageContainer = typeof ARTIST_TOKENS.image.container;
|
|
85
|
+
type ArtistCardImageSizing = typeof ARTIST_TOKENS.image.sizing;
|
|
86
|
+
type ArtistCardImagePlaceholder = typeof ARTIST_TOKENS.image.placeholder;
|
|
87
|
+
type ArtistCardFooterBorder = typeof ARTIST_TOKENS.footer.border;
|
|
88
|
+
|
|
89
|
+
export { ARTIST_TOKENS, type ArtistCardFooterBorder, type ArtistCardImageContainer, type ArtistCardImagePlaceholder, type ArtistCardImageSizing };
|