UNPKG

@patreon/studio

Version:

Patreon Studio Design System

github.com/Patreon/studio

Patreon/studio

77 lines • 5.61 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
/** * This file is generated. Do not edit. * Generated on Tue Apr 08 2025 7:01:52 PM */ import { tokens } from '../../tokens'; import styles from './Color.module.css'; const classNameMap = { [tokens.global.bg.baseAlt.default]: styles.colorGlobalBgBaseAltDefault, [tokens.global.bg.base.default]: styles.colorGlobalBgBaseDefault, [tokens.global.bg.elevated.default]: styles.colorGlobalBgElevatedDefault, [tokens.global.bg.pageAlt.default]: styles.colorGlobalBgPageAltDefault, [tokens.global.bg.page.default]: styles.colorGlobalBgPageDefault, [tokens.global.border.action.default]: styles.colorGlobalBorderActionDefault, [tokens.global.border.muted.default]: styles.colorGlobalBorderMutedDefault, [tokens.global.brand.discord]: styles.colorGlobalBrandDiscord, [tokens.global.brand.facebook]: styles.colorGlobalBrandFacebook, [tokens.global.brand.google]: styles.colorGlobalBrandGoogle, [tokens.global.brand.memberful]: styles.colorGlobalBrandMemberful, [tokens.global.brand.patreon]: styles.colorGlobalBrandPatreon, [tokens.global.brand.pinterest]: styles.colorGlobalBrandPinterest, [tokens.global.brand.reddit]: styles.colorGlobalBrandReddit, [tokens.global.brand.spotify]: styles.colorGlobalBrandSpotify, [tokens.global.brand.tumblr]: styles.colorGlobalBrandTumblr, [tokens.global.brand.twitch]: styles.colorGlobalBrandTwitch, [tokens.global.brand.twitter]: styles.colorGlobalBrandTwitter, [tokens.global.brand.youtubeBlack]: styles.colorGlobalBrandYoutubeBlack, [tokens.global.brand.youtube]: styles.colorGlobalBrandYoutube, [tokens.global.constant.black.default]: styles.colorGlobalConstantBlackDefault, [tokens.global.constant.blackMuted.default]: styles.colorGlobalConstantBlackMutedDefault, [tokens.global.constant.blackSubtle.default]: styles.colorGlobalConstantBlackSubtleDefault, [tokens.global.constant.white.default]: styles.colorGlobalConstantWhiteDefault, [tokens.global.constant.whiteMuted.default]: styles.colorGlobalConstantWhiteMutedDefault, [tokens.global.constant.whiteSubtle.default]: styles.colorGlobalConstantWhiteSubtleDefault, [tokens.global.content.inverted.default]: styles.colorGlobalContentInvertedDefault, [tokens.global.content.invertedMuted.default]: styles.colorGlobalContentInvertedMutedDefault, [tokens.global.content.invertedSubtle.default]: styles.colorGlobalContentInvertedSubtleDefault, [tokens.global.content.muted.default]: styles.colorGlobalContentMutedDefault, [tokens.global.content.regular.default]: styles.colorGlobalContentRegularDefault, [tokens.global.content.subtle.default]: styles.colorGlobalContentSubtleDefault, [tokens.global.critical.action.default]: styles.colorGlobalCriticalActionDefault, [tokens.global.critical.muted.default]: styles.colorGlobalCriticalMutedDefault, [tokens.global.critical.onAction.default]: styles.colorGlobalCriticalOnActionDefault, [tokens.global.critical.onMuted.default]: styles.colorGlobalCriticalOnMutedDefault, [tokens.global.nonSemantic.blueberry]: styles.colorGlobalNonSemanticBlueberry, [tokens.global.nonSemantic.holly]: styles.colorGlobalNonSemanticHolly, [tokens.global.nonSemantic.honeycomb]: styles.colorGlobalNonSemanticHoneycomb, [tokens.global.nonSemantic.jasper]: styles.colorGlobalNonSemanticJasper, [tokens.global.nonSemantic.lavender]: styles.colorGlobalNonSemanticLavender, [tokens.global.nonSemantic.lollipop]: styles.colorGlobalNonSemanticLollipop, [tokens.global.nonSemantic.moonshade]: styles.colorGlobalNonSemanticMoonshade, [tokens.global.nonSemantic.ocean]: styles.colorGlobalNonSemanticOcean, [tokens.global.nonSemantic.pumpkin]: styles.colorGlobalNonSemanticPumpkin, [tokens.global.nonSemantic.raspberry]: styles.colorGlobalNonSemanticRaspberry, [tokens.global.primary.actionBase.default]: styles.colorGlobalPrimaryActionBaseDefault, [tokens.global.primary.action.default]: styles.colorGlobalPrimaryActionDefault, [tokens.global.primary.muted.default]: styles.colorGlobalPrimaryMutedDefault, [tokens.global.primary.onActionBase.default]: styles.colorGlobalPrimaryOnActionBaseDefault, [tokens.global.primary.onMuted.default]: styles.colorGlobalPrimaryOnMutedDefault, [tokens.global.primary.onSubtle.default]: styles.colorGlobalPrimaryOnSubtleDefault, [tokens.global.primary.subtle.default]: styles.colorGlobalPrimarySubtleDefault, [tokens.global.secondary.action.default]: styles.colorGlobalSecondaryActionDefault, [tokens.global.secondary.muted.default]: styles.colorGlobalSecondaryMutedDefault, [tokens.global.secondary.onAction.default]: styles.colorGlobalSecondaryOnActionDefault, [tokens.global.secondary.onMuted.default]: styles.colorGlobalSecondaryOnMutedDefault, [tokens.global.success.action.default]: styles.colorGlobalSuccessActionDefault, [tokens.global.success.muted.default]: styles.colorGlobalSuccessMutedDefault, [tokens.global.success.onAction.default]: styles.colorGlobalSuccessOnActionDefault, [tokens.global.success.onMuted.default]: styles.colorGlobalSuccessOnMutedDefault, [tokens.global.warning.action.default]: styles.colorGlobalWarningActionDefault, [tokens.global.warning.muted.default]: styles.colorGlobalWarningMutedDefault, [tokens.global.warning.onAction.default]: styles.colorGlobalWarningOnActionDefault, [tokens.global.warning.onMuted.default]: styles.colorGlobalWarningOnMutedDefault, }; export function classNameForColor({ color }) { return classNameMap[color]; } //# sourceMappingURL=index.js.map