@shokirovr16/frontend-library 0.1.2

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 (58) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +98 -0
  3. package/bin/cmfrt.js +69 -0
  4. package/package.json +47 -0
  5. package/src/auth/README.md +193 -0
  6. package/src/auth/core/AuthEngine.js +623 -0
  7. package/src/auth/core/OidcClient.js +79 -0
  8. package/src/auth/core/OidcDiscovery.js +17 -0
  9. package/src/auth/core/Pkce.js +18 -0
  10. package/src/auth/events/AuthEventBus.js +22 -0
  11. package/src/auth/http/authFetch.js +32 -0
  12. package/src/auth/http/createAuthHttpClient.js +42 -0
  13. package/src/auth/index.js +90 -0
  14. package/src/auth/permissions/ClaimsNormalizer.js +69 -0
  15. package/src/auth/permissions/permissions.js +26 -0
  16. package/src/auth/react/AuthProvider.js +34 -0
  17. package/src/auth/react/guards/RequireAuth.js +35 -0
  18. package/src/auth/react/guards/RequirePermission.js +16 -0
  19. package/src/auth/react/guards/withAuthGuard.js +12 -0
  20. package/src/auth/react/hooks/useRequireAuth.js +24 -0
  21. package/src/auth/react/index.js +6 -0
  22. package/src/auth/react/useAuth.js +29 -0
  23. package/src/auth/silent/silentCallback.js +42 -0
  24. package/src/auth/singleton.js +22 -0
  25. package/src/auth/storage/InMemoryTokenStore.js +56 -0
  26. package/src/auth/storage/TransactionStore.js +51 -0
  27. package/src/auth/sync/BroadcastChannelSync.js +29 -0
  28. package/src/auth/tenancy/TenantResolver.js +39 -0
  29. package/src/auth/types.js +113 -0
  30. package/src/auth/utils/base64url.js +15 -0
  31. package/src/auth/utils/jwt.js +26 -0
  32. package/src/auth/utils/random.js +13 -0
  33. package/src/auth/utils/url.js +27 -0
  34. package/src/commands/add.js +80 -0
  35. package/src/commands/init.js +113 -0
  36. package/src/commands/list.js +92 -0
  37. package/src/commands/remove.js +150 -0
  38. package/src/commands/status.js +96 -0
  39. package/src/commands/theme.js +47 -0
  40. package/src/commands/uninstall.js +198 -0
  41. package/src/commands/update.js +151 -0
  42. package/src/lib/config.js +55 -0
  43. package/src/lib/fs.js +13 -0
  44. package/src/lib/packageManager.js +30 -0
  45. package/src/lib/paths.js +14 -0
  46. package/src/lib/registry.js +11 -0
  47. package/src/lib/styles.js +223 -0
  48. package/src/lib/targets.js +15 -0
  49. package/src/lib/theme.js +102 -0
  50. package/templates/docs/cmfrt-doc.md +82 -0
  51. package/templates/lib/utils.js +6 -0
  52. package/templates/registry.json +42 -0
  53. package/templates/styles/theme.cjs +832 -0
  54. package/templates/styles/type-utilities.css +136 -0
  55. package/templates/styles/type-utility-classes.css +138 -0
  56. package/templates/styles/variables.css +1560 -0
  57. package/templates/styles/variables.json +6870 -0
  58. package/templates/ui/button.jsx +117 -0
package/templates/styles/theme.cjs ADDED
@@ -0,0 +1,832 @@
1
+ module.exports = {
2
+ "colors": {
3
+ "colors-background-frame": "hsl(var(--brand-colorbase-colors-background-frame))",
4
+ "colors-background-primary": "hsl(var(--brand-colorbase-colors-background-primary))",
5
+ "colors-background-secondary": "hsl(var(--brand-colorbase-colors-background-secondary))",
6
+ "colors-background-disabled": "hsl(var(--brand-colorbase-colors-background-disabled))",
7
+ "colors-background-client-accent-primary": "hsl(var(--brand-colorbase-colors-background-client-accent-primary))",
8
+ "colors-background-client-accent-secondary": "hsl(var(--brand-colorbase-colors-background-client-accent-secondary))",
9
+ "colors-background-accent-primary": "hsl(var(--brand-colorbase-colors-background-accent-primary))",
10
+ "colors-background-accent-secondary": "hsl(var(--brand-colorbase-colors-background-accent-secondary))",
11
+ "colors-background-dark": "hsl(var(--brand-colorbase-colors-background-dark))",
12
+ "colors-divider-primary": "hsl(var(--brand-colorbase-colors-divider-primary))",
13
+ "colors-divider-secondary": "hsl(var(--brand-colorbase-colors-divider-secondary))",
14
+ "colors-divider-tertiary": "hsl(var(--brand-colorbase-colors-divider-tertiary))",
15
+ "colors-texticons-primary": "hsl(var(--brand-colorbase-colors-texticons-primary))",
16
+ "colors-texticons-secondary": "hsl(var(--brand-colorbase-colors-texticons-secondary))",
17
+ "colors-texticons-secondary-alpha-light": "hsl(var(--brand-colorbase-colors-texticons-secondary-alpha-light) / var(--brand-colorbase-colors-texticons-secondary-alpha-light-alpha))",
18
+ "colors-texticons-secondary-alpha-dark": "hsl(var(--brand-colorbase-colors-texticons-secondary-alpha-dark) / var(--brand-colorbase-colors-texticons-secondary-alpha-dark-alpha))",
19
+ "colors-texticons-tertiary": "hsl(var(--brand-colorbase-colors-texticons-tertiary))",
20
+ "colors-texticons-tertiary-alpha-light": "hsl(var(--brand-colorbase-colors-texticons-tertiary-alpha-light) / var(--brand-colorbase-colors-texticons-tertiary-alpha-light-alpha))",
21
+ "colors-texticons-tertiary-alpha-dark": "hsl(var(--brand-colorbase-colors-texticons-tertiary-alpha-dark) / var(--brand-colorbase-colors-texticons-tertiary-alpha-dark-alpha))",
22
+ "colors-texticons-accent": "hsl(var(--brand-colorbase-colors-texticons-accent))",
23
+ "colors-texticons-accent-secondary": "hsl(var(--brand-colorbase-colors-texticons-accent-secondary))",
24
+ "colors-texticons-accent-tertiary": "hsl(var(--brand-colorbase-colors-texticons-accent-tertiary))",
25
+ "colors-texticons-negative": "hsl(var(--brand-colorbase-colors-texticons-negative))",
26
+ "colors-texticons-positive": "hsl(var(--brand-colorbase-colors-texticons-positive))",
27
+ "colors-texticons-on-accentdark": "hsl(var(--brand-colorbase-colors-texticons-on-accentdark))",
28
+ "colors-texticons-link": "hsl(var(--brand-colorbase-colors-texticons-link))",
29
+ "colors-text-icons-primary": "hsl(var(--brand-colorbase-colors-texticons-primary))",
30
+ "colors-text-icons-secondary": "hsl(var(--brand-colorbase-colors-texticons-secondary))",
31
+ "colors-text-icons-secondary-alpha-light": "hsl(var(--brand-colorbase-colors-texticons-secondary-alpha-light) / var(--brand-colorbase-colors-texticons-secondary-alpha-light-alpha))",
32
+ "colors-text-icons-secondary-alpha-dark": "hsl(var(--brand-colorbase-colors-texticons-secondary-alpha-dark) / var(--brand-colorbase-colors-texticons-secondary-alpha-dark-alpha))",
33
+ "colors-text-icons-tertiary": "hsl(var(--brand-colorbase-colors-texticons-tertiary))",
34
+ "colors-text-icons-tertiary-alpha-light": "hsl(var(--brand-colorbase-colors-texticons-tertiary-alpha-light) / var(--brand-colorbase-colors-texticons-tertiary-alpha-light-alpha))",
35
+ "colors-text-icons-tertiary-alpha-dark": "hsl(var(--brand-colorbase-colors-texticons-tertiary-alpha-dark) / var(--brand-colorbase-colors-texticons-tertiary-alpha-dark-alpha))",
36
+ "colors-text-icons-accent": "hsl(var(--brand-colorbase-colors-texticons-accent))",
37
+ "colors-text-icons-accent-secondary": "hsl(var(--brand-colorbase-colors-texticons-accent-secondary))",
38
+ "colors-text-icons-accent-tertiary": "hsl(var(--brand-colorbase-colors-texticons-accent-tertiary))",
39
+ "colors-text-icons-negative": "hsl(var(--brand-colorbase-colors-texticons-negative))",
40
+ "colors-text-icons-positive": "hsl(var(--brand-colorbase-colors-texticons-positive))",
41
+ "colors-text-icons-on-accentdark": "hsl(var(--brand-colorbase-colors-texticons-on-accentdark))",
42
+ "colors-text-icons-link": "hsl(var(--brand-colorbase-colors-texticons-link))",
43
+ "colors-button-on-accent-primary-active": "hsl(var(--brand-colorbase-colors-button-on-accent-primary-active))",
44
+ "colors-button-on-accent-primary-on-hover": "hsl(var(--brand-colorbase-colors-button-on-accent-primary-on-hover))",
45
+ "colors-button-on-accent-primary-on-press": "hsl(var(--brand-colorbase-colors-button-on-accent-primary-on-press))",
46
+ "colors-button-on-accent-secondary-active": "hsl(var(--brand-colorbase-colors-button-on-accent-secondary-active) / var(--brand-colorbase-colors-button-on-accent-secondary-active-alpha))",
47
+ "colors-button-on-accent-secondary-on-hover": "hsl(var(--brand-colorbase-colors-button-on-accent-secondary-on-hover) / var(--brand-colorbase-colors-button-on-accent-secondary-on-hover-alpha))",
48
+ "colors-button-on-accent-secondary-on-press": "hsl(var(--brand-colorbase-colors-button-on-accent-secondary-on-press) / var(--brand-colorbase-colors-button-on-accent-secondary-on-press-alpha))",
49
+ "colors-button-on-accent-ghost-active": "hsl(var(--brand-colorbase-colors-button-on-accent-ghost-active) / var(--brand-colorbase-colors-button-on-accent-ghost-active-alpha))",
50
+ "colors-button-on-accent-ghost-on-hover": "hsl(var(--brand-colorbase-colors-button-on-accent-ghost-on-hover) / var(--brand-colorbase-colors-button-on-accent-ghost-on-hover-alpha))",
51
+ "colors-button-on-accent-ghost-on-press": "hsl(var(--brand-colorbase-colors-button-on-accent-ghost-on-press) / var(--brand-colorbase-colors-button-on-accent-ghost-on-press-alpha))",
52
+ "colors-button-negative-primary-active": "hsl(var(--brand-colorbase-colors-button-negative-primary-active))",
53
+ "colors-button-negative-primary-on-hover": "hsl(var(--brand-colorbase-colors-button-negative-primary-on-hover))",
54
+ "colors-button-negative-primary-on-press": "hsl(var(--brand-colorbase-colors-button-negative-primary-on-press))",
55
+ "colors-button-negative-secondary-active": "hsl(var(--brand-colorbase-colors-button-negative-secondary-active))",
56
+ "colors-button-negative-secondary-on-hover": "hsl(var(--brand-colorbase-colors-button-negative-secondary-on-hover))",
57
+ "colors-button-negative-secondary-on-press": "hsl(var(--brand-colorbase-colors-button-negative-secondary-on-press))",
58
+ "colors-button-negative-ghost-active": "hsl(var(--brand-colorbase-colors-button-negative-ghost-active))",
59
+ "colors-button-negative-ghost-on-hover": "hsl(var(--brand-colorbase-colors-button-negative-ghost-on-hover) / var(--brand-colorbase-colors-button-negative-ghost-on-hover-alpha))",
60
+ "colors-button-negative-ghost-on-press": "hsl(var(--brand-colorbase-colors-button-negative-ghost-on-press) / var(--brand-colorbase-colors-button-negative-ghost-on-press-alpha))",
61
+ "colors-button-themed-primary-active": "hsl(var(--brand-colorbase-colors-button-themed-primary-active))",
62
+ "colors-button-themed-primary-on-hover": "hsl(var(--brand-colorbase-colors-button-themed-primary-on-hover))",
63
+ "colors-button-themed-primary-on-press": "hsl(var(--brand-colorbase-colors-button-themed-primary-on-press))",
64
+ "colors-button-themed-secondary-active": "hsl(var(--brand-colorbase-colors-button-themed-secondary-active))",
65
+ "colors-button-themed-secondary-on-hover": "hsl(var(--brand-colorbase-colors-button-themed-secondary-on-hover))",
66
+ "colors-button-themed-secondary-on-press": "hsl(var(--brand-colorbase-colors-button-themed-secondary-on-press))",
67
+ "colors-button-themed-ghost-active": "hsl(var(--brand-colorbase-colors-button-themed-ghost-active))",
68
+ "colors-button-themed-ghost-on-hover": "hsl(var(--brand-colorbase-colors-button-themed-ghost-on-hover) / var(--brand-colorbase-colors-button-themed-ghost-on-hover-alpha))",
69
+ "colors-button-themed-ghost-on-press": "hsl(var(--brand-colorbase-colors-button-themed-ghost-on-press) / var(--brand-colorbase-colors-button-themed-ghost-on-press-alpha))",
70
+ "colors-button-positive-primary-active": "hsl(var(--brand-colorbase-colors-button-positive-primary-active))",
71
+ "colors-button-positive-primary-on-hover": "hsl(var(--brand-colorbase-colors-button-positive-primary-on-hover))",
72
+ "colors-button-positive-primary-on-press": "hsl(var(--brand-colorbase-colors-button-positive-primary-on-press))",
73
+ "colors-button-positive-secondary-active": "hsl(var(--brand-colorbase-colors-button-positive-secondary-active))",
74
+ "colors-button-positive-secondary-on-hover": "hsl(var(--brand-colorbase-colors-button-positive-secondary-on-hover))",
75
+ "colors-button-positive-secondary-on-press": "hsl(var(--brand-colorbase-colors-button-positive-secondary-on-press))",
76
+ "colors-button-positive-ghost-active": "hsl(var(--brand-colorbase-colors-button-positive-ghost-active))",
77
+ "colors-button-positive-ghost-on-hover": "hsl(var(--brand-colorbase-colors-button-positive-ghost-on-hover) / var(--brand-colorbase-colors-button-positive-ghost-on-hover-alpha))",
78
+ "colors-button-positive-ghost-on-press": "hsl(var(--brand-colorbase-colors-button-positive-ghost-on-press) / var(--brand-colorbase-colors-button-positive-ghost-on-press-alpha))",
79
+ "colors-button-neutral-primary-active": "hsl(var(--brand-colorbase-colors-button-neutral-primary-active))",
80
+ "colors-button-neutral-primary-on-hover": "hsl(var(--brand-colorbase-colors-button-neutral-primary-on-hover))",
81
+ "colors-button-neutral-primary-on-press": "hsl(var(--brand-colorbase-colors-button-neutral-primary-on-press))",
82
+ "colors-button-neutral-secondary-active": "hsl(var(--brand-colorbase-colors-button-neutral-secondary-active) / var(--brand-colorbase-colors-button-neutral-secondary-active-alpha))",
83
+ "colors-button-neutral-secondary-on-hover": "hsl(var(--brand-colorbase-colors-button-neutral-secondary-on-hover) / var(--brand-colorbase-colors-button-neutral-secondary-on-hover-alpha))",
84
+ "colors-button-neutral-secondary-on-press": "hsl(var(--brand-colorbase-colors-button-neutral-secondary-on-press) / var(--brand-colorbase-colors-button-neutral-secondary-on-press-alpha))",
85
+ "colors-button-neutral-outlined-active": "hsl(var(--brand-colorbase-colors-button-neutral-outlined-active))",
86
+ "colors-button-neutral-outlined-on-hover": "hsl(var(--brand-colorbase-colors-button-neutral-outlined-on-hover))",
87
+ "colors-button-neutral-outlined-on-press": "hsl(var(--brand-colorbase-colors-button-neutral-outlined-on-press))",
88
+ "colors-button-neutral-ghost-active": "hsl(var(--brand-colorbase-colors-button-neutral-ghost-active))",
89
+ "colors-button-neutral-ghost-on-hover": "hsl(var(--brand-colorbase-colors-button-neutral-ghost-on-hover) / var(--brand-colorbase-colors-button-neutral-ghost-on-hover-alpha))",
90
+ "colors-button-neutral-ghost-on-press": "hsl(var(--brand-colorbase-colors-button-neutral-ghost-on-press) / var(--brand-colorbase-colors-button-neutral-ghost-on-press-alpha))",
91
+ "colors-button-disabled-primarysecondary": "hsl(var(--brand-colorbase-colors-button-disabled-primarysecondary) / var(--brand-colorbase-colors-button-disabled-primarysecondary-alpha))",
92
+ "colors-button-disabled-ghost": "hsl(var(--brand-colorbase-colors-button-disabled-ghost) / var(--brand-colorbase-colors-button-disabled-ghost-alpha))",
93
+ "colors-accent-colors-green": "hsl(var(--brand-colorbase-colors-accent-colors-green))",
94
+ "colors-accent-colors-green-secondary": "hsl(var(--brand-colorbase-colors-accent-colors-green-secondary))",
95
+ "colors-accent-colors-dark-green": "hsl(var(--brand-colorbase-colors-accent-colors-dark-green))",
96
+ "colors-accent-colors-yellow": "hsl(var(--brand-colorbase-colors-accent-colors-yellow))",
97
+ "colors-accent-colors-yellow-secondary": "hsl(var(--brand-colorbase-colors-accent-colors-yellow-secondary))",
98
+ "colors-accent-colors-orange": "hsl(var(--brand-colorbase-colors-accent-colors-orange))",
99
+ "colors-accent-colors-red": "hsl(var(--brand-colorbase-colors-accent-colors-red))",
100
+ "colors-accent-colors-red-secondary": "hsl(var(--brand-colorbase-colors-accent-colors-red-secondary))",
101
+ "colors-accent-colors-dark-red": "hsl(var(--brand-colorbase-colors-accent-colors-dark-red))",
102
+ "colors-accent-colors-client-accent": "hsl(var(--brand-colorbase-colors-accent-colors-client-accent))",
103
+ "colors-accent-colors-client-accent-secondary": "hsl(var(--brand-colorbase-colors-accent-colors-client-accent-secondary))",
104
+ "colors-accent-colors-client-accent-dark": "hsl(var(--brand-colorbase-colors-accent-colors-client-accent-dark))",
105
+ "colors-accent-colors-purple": "hsl(var(--brand-colorbase-colors-accent-colors-purple))",
106
+ "colors-accent-colors-purple-secondary": "hsl(var(--brand-colorbase-colors-accent-colors-purple-secondary))",
107
+ "colors-accent-colors-purple-dark": "hsl(var(--brand-colorbase-colors-accent-colors-purple-dark))",
108
+ "colors-accent-colors-dark-gray": "hsl(var(--brand-colorbase-colors-accent-colors-dark-gray))",
109
+ "colors-border-neutral-primary": "hsl(var(--brand-colorbase-colors-border-neutral-primary) / var(--brand-colorbase-colors-border-neutral-primary-alpha))",
110
+ "colors-border-contrast-primary": "hsl(var(--brand-colorbase-colors-border-contrast-primary) / var(--brand-colorbase-colors-border-contrast-primary-alpha))",
111
+ "color-base-overlays-black-overlay95": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay95) / var(--brand-colorbase-color-base-overlays-black-overlay95-alpha))",
112
+ "color-base-overlays-black-overlay90": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay90) / var(--brand-colorbase-color-base-overlays-black-overlay90-alpha))",
113
+ "color-base-overlays-black-overlay85": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay85) / var(--brand-colorbase-color-base-overlays-black-overlay85-alpha))",
114
+ "color-base-overlays-black-overlay80": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay80) / var(--brand-colorbase-color-base-overlays-black-overlay80-alpha))",
115
+ "color-base-overlays-black-overlay75": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay75) / var(--brand-colorbase-color-base-overlays-black-overlay75-alpha))",
116
+ "color-base-overlays-black-overlay70": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay70) / var(--brand-colorbase-color-base-overlays-black-overlay70-alpha))",
117
+ "color-base-overlays-black-overlay65": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay65) / var(--brand-colorbase-color-base-overlays-black-overlay65-alpha))",
118
+ "color-base-overlays-black-overlay60": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay60) / var(--brand-colorbase-color-base-overlays-black-overlay60-alpha))",
119
+ "color-base-overlays-black-overlay55": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay55) / var(--brand-colorbase-color-base-overlays-black-overlay55-alpha))",
120
+ "color-base-overlays-black-overlay50": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay50) / var(--brand-colorbase-color-base-overlays-black-overlay50-alpha))",
121
+ "color-base-overlays-black-overlay45": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay45) / var(--brand-colorbase-color-base-overlays-black-overlay45-alpha))",
122
+ "color-base-overlays-black-overlay40": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay40) / var(--brand-colorbase-color-base-overlays-black-overlay40-alpha))",
123
+ "color-base-overlays-black-overlay35": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay35) / var(--brand-colorbase-color-base-overlays-black-overlay35-alpha))",
124
+ "color-base-overlays-black-overlay30": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay30) / var(--brand-colorbase-color-base-overlays-black-overlay30-alpha))",
125
+ "color-base-overlays-black-overlay25": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay25) / var(--brand-colorbase-color-base-overlays-black-overlay25-alpha))",
126
+ "color-base-overlays-black-overlay20": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay20) / var(--brand-colorbase-color-base-overlays-black-overlay20-alpha))",
127
+ "color-base-overlays-black-overlay15": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay15) / var(--brand-colorbase-color-base-overlays-black-overlay15-alpha))",
128
+ "color-base-overlays-black-overlay10": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay10) / var(--brand-colorbase-color-base-overlays-black-overlay10-alpha))",
129
+ "color-base-overlays-black-overlay5": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay5) / var(--brand-colorbase-color-base-overlays-black-overlay5-alpha))",
130
+ "color-base-overlays-black-color": "hsl(var(--brand-colorbase-color-base-overlays-black-color) / var(--brand-colorbase-color-base-overlays-black-color-alpha))",
131
+ "color-base-overlays-white-overlay95": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay95) / var(--brand-colorbase-color-base-overlays-white-overlay95-alpha))",
132
+ "color-base-overlays-white-overlay90": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay90) / var(--brand-colorbase-color-base-overlays-white-overlay90-alpha))",
133
+ "color-base-overlays-white-overlay85": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay85) / var(--brand-colorbase-color-base-overlays-white-overlay85-alpha))",
134
+ "color-base-overlays-white-overlay80": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay80) / var(--brand-colorbase-color-base-overlays-white-overlay80-alpha))",
135
+ "color-base-overlays-white-overlay75": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay75) / var(--brand-colorbase-color-base-overlays-white-overlay75-alpha))",
136
+ "color-base-overlays-white-overlay70": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay70) / var(--brand-colorbase-color-base-overlays-white-overlay70-alpha))",
137
+ "color-base-overlays-white-overlay65": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay65) / var(--brand-colorbase-color-base-overlays-white-overlay65-alpha))",
138
+ "color-base-overlays-white-overlay60": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay60) / var(--brand-colorbase-color-base-overlays-white-overlay60-alpha))",
139
+ "color-base-overlays-white-overlay55": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay55) / var(--brand-colorbase-color-base-overlays-white-overlay55-alpha))",
140
+ "color-base-overlays-white-overlay50": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay50) / var(--brand-colorbase-color-base-overlays-white-overlay50-alpha))",
141
+ "color-base-overlays-white-overlay45": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay45) / var(--brand-colorbase-color-base-overlays-white-overlay45-alpha))",
142
+ "color-base-overlays-white-overlay40": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay40) / var(--brand-colorbase-color-base-overlays-white-overlay40-alpha))",
143
+ "color-base-overlays-white-overlay35": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay35) / var(--brand-colorbase-color-base-overlays-white-overlay35-alpha))",
144
+ "color-base-overlays-white-overlay30": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay30) / var(--brand-colorbase-color-base-overlays-white-overlay30-alpha))",
145
+ "color-base-overlays-white-overlay25": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay25) / var(--brand-colorbase-color-base-overlays-white-overlay25-alpha))",
146
+ "color-base-overlays-white-overlay20": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay20) / var(--brand-colorbase-color-base-overlays-white-overlay20-alpha))",
147
+ "color-base-overlays-white-overlay15": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay15) / var(--brand-colorbase-color-base-overlays-white-overlay15-alpha))",
148
+ "color-base-overlays-white-overlay10": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay10) / var(--brand-colorbase-color-base-overlays-white-overlay10-alpha))",
149
+ "color-base-overlays-white-overlay-5": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay-5) / var(--brand-colorbase-color-base-overlays-white-overlay-5-alpha))",
150
+ "color-base-overlays-white-overlay-0": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay-0) / var(--brand-colorbase-color-base-overlays-white-overlay-0-alpha))",
151
+ "color-base-gray-gray-1": "hsl(var(--brand-colorbase-color-base-gray-gray-1))",
152
+ "color-base-gray-gray-2": "hsl(var(--brand-colorbase-color-base-gray-gray-2))",
153
+ "color-base-gray-gray-3": "hsl(var(--brand-colorbase-color-base-gray-gray-3))",
154
+ "color-base-gray-gray-4": "hsl(var(--brand-colorbase-color-base-gray-gray-4))",
155
+ "color-base-gray-gray-5": "hsl(var(--brand-colorbase-color-base-gray-gray-5))",
156
+ "color-base-gray-gray-6": "hsl(var(--brand-colorbase-color-base-gray-gray-6))",
157
+ "color-base-gray-gray-7": "hsl(var(--brand-colorbase-color-base-gray-gray-7))",
158
+ "color-base-gray-gray-8": "hsl(var(--brand-colorbase-color-base-gray-gray-8))",
159
+ "color-base-gray-gray-9": "hsl(var(--brand-colorbase-color-base-gray-gray-9))",
160
+ "color-base-gray-gray-10": "hsl(var(--brand-colorbase-color-base-gray-gray-10))",
161
+ "color-base-gray-gray-11": "hsl(var(--brand-colorbase-color-base-gray-gray-11))",
162
+ "color-base-gray-gray-12": "hsl(var(--brand-colorbase-color-base-gray-gray-12))",
163
+ "color-base-gray-gray-13": "hsl(var(--brand-colorbase-color-base-gray-gray-13))",
164
+ "color-base-gray-gray-14": "hsl(var(--brand-colorbase-color-base-gray-gray-14))",
165
+ "color-base-gray-gray-15": "hsl(var(--brand-colorbase-color-base-gray-gray-15))",
166
+ "color-base-gray-gray-16": "hsl(var(--brand-colorbase-color-base-gray-gray-16))",
167
+ "color-base-gray-gray-17": "hsl(var(--brand-colorbase-color-base-gray-gray-17))",
168
+ "color-base-gray-gray-18": "hsl(var(--brand-colorbase-color-base-gray-gray-18))",
169
+ "color-base-gray-gray-19": "hsl(var(--brand-colorbase-color-base-gray-gray-19))",
170
+ "color-base-gray-gray-20": "hsl(var(--brand-colorbase-color-base-gray-gray-20))",
171
+ "color-base-main-main-1": "hsl(var(--brand-colorbase-color-base-main-main-1))",
172
+ "color-base-main-main-2": "hsl(var(--brand-colorbase-color-base-main-main-2))",
173
+ "color-base-main-main-3": "hsl(var(--brand-colorbase-color-base-main-main-3))",
174
+ "color-base-main-main-4": "hsl(var(--brand-colorbase-color-base-main-main-4))",
175
+ "color-base-main-main-5": "hsl(var(--brand-colorbase-color-base-main-main-5))",
176
+ "color-base-main-main-6": "hsl(var(--brand-colorbase-color-base-main-main-6))",
177
+ "color-base-main-main-7": "hsl(var(--brand-colorbase-color-base-main-main-7))",
178
+ "color-base-main-main-8": "hsl(var(--brand-colorbase-color-base-main-main-8))",
179
+ "color-base-main-main-9": "hsl(var(--brand-colorbase-color-base-main-main-9))",
180
+ "color-base-main-main-10": "hsl(var(--brand-colorbase-color-base-main-main-10))",
181
+ "color-base-main-main-11": "hsl(var(--brand-colorbase-color-base-main-main-11))",
182
+ "color-base-main-main-12": "hsl(var(--brand-colorbase-color-base-main-main-12))",
183
+ "color-base-main-main-13": "hsl(var(--brand-colorbase-color-base-main-main-13))",
184
+ "color-base-red-red-1": "hsl(var(--brand-colorbase-color-base-red-red-1))",
185
+ "color-base-red-red-2": "hsl(var(--brand-colorbase-color-base-red-red-2))",
186
+ "color-base-red-red-3": "hsl(var(--brand-colorbase-color-base-red-red-3))",
187
+ "color-base-red-red-4": "hsl(var(--brand-colorbase-color-base-red-red-4))",
188
+ "color-base-red-red-5": "hsl(var(--brand-colorbase-color-base-red-red-5))",
189
+ "color-base-red-red-6": "hsl(var(--brand-colorbase-color-base-red-red-6))",
190
+ "color-base-red-red-7": "hsl(var(--brand-colorbase-color-base-red-red-7))",
191
+ "color-base-red-red-8": "hsl(var(--brand-colorbase-color-base-red-red-8))",
192
+ "color-base-red-red-9": "hsl(var(--brand-colorbase-color-base-red-red-9))",
193
+ "color-base-red-red-10": "hsl(var(--brand-colorbase-color-base-red-red-10))",
194
+ "color-base-red-red-11": "hsl(var(--brand-colorbase-color-base-red-red-11))",
195
+ "color-base-red-red-12": "hsl(var(--brand-colorbase-color-base-red-red-12))",
196
+ "color-base-red-red-13": "hsl(var(--brand-colorbase-color-base-red-red-13))",
197
+ "color-base-orange-orange-1": "hsl(var(--brand-colorbase-color-base-orange-orange-1))",
198
+ "color-base-orange-orange-2": "hsl(var(--brand-colorbase-color-base-orange-orange-2))",
199
+ "color-base-orange-orange-3": "hsl(var(--brand-colorbase-color-base-orange-orange-3))",
200
+ "color-base-orange-orange-4": "hsl(var(--brand-colorbase-color-base-orange-orange-4))",
201
+ "color-base-orange-orange-5": "hsl(var(--brand-colorbase-color-base-orange-orange-5))",
202
+ "color-base-orange-orange-6": "hsl(var(--brand-colorbase-color-base-orange-orange-6))",
203
+ "color-base-orange-orange-7": "hsl(var(--brand-colorbase-color-base-orange-orange-7))",
204
+ "color-base-orange-orange-8": "hsl(var(--brand-colorbase-color-base-orange-orange-8))",
205
+ "color-base-orange-orange-9": "hsl(var(--brand-colorbase-color-base-orange-orange-9))",
206
+ "color-base-orange-orange-10": "hsl(var(--brand-colorbase-color-base-orange-orange-10))",
207
+ "color-base-orange-orange-11": "hsl(var(--brand-colorbase-color-base-orange-orange-11))",
208
+ "color-base-orange-orange-12": "hsl(var(--brand-colorbase-color-base-orange-orange-12))",
209
+ "color-base-orange-orange-13": "hsl(var(--brand-colorbase-color-base-orange-orange-13))",
210
+ "color-base-yellow-yellow-1": "hsl(var(--brand-colorbase-color-base-yellow-yellow-1))",
211
+ "color-base-yellow-yellow-2": "hsl(var(--brand-colorbase-color-base-yellow-yellow-2))",
212
+ "color-base-yellow-yellow-3": "hsl(var(--brand-colorbase-color-base-yellow-yellow-3))",
213
+ "color-base-yellow-yellow-4": "hsl(var(--brand-colorbase-color-base-yellow-yellow-4))",
214
+ "color-base-yellow-yellow-5": "hsl(var(--brand-colorbase-color-base-yellow-yellow-5))",
215
+ "color-base-yellow-yellow-6": "hsl(var(--brand-colorbase-color-base-yellow-yellow-6))",
216
+ "color-base-yellow-yellow-7": "hsl(var(--brand-colorbase-color-base-yellow-yellow-7))",
217
+ "color-base-yellow-yellow-8": "hsl(var(--brand-colorbase-color-base-yellow-yellow-8))",
218
+ "color-base-yellow-yellow-9": "hsl(var(--brand-colorbase-color-base-yellow-yellow-9))",
219
+ "color-base-yellow-yellow-10": "hsl(var(--brand-colorbase-color-base-yellow-yellow-10))",
220
+ "color-base-yellow-yellow-11": "hsl(var(--brand-colorbase-color-base-yellow-yellow-11))",
221
+ "color-base-yellow-yellow-12": "hsl(var(--brand-colorbase-color-base-yellow-yellow-12))",
222
+ "color-base-yellow-yellow-13": "hsl(var(--brand-colorbase-color-base-yellow-yellow-13))",
223
+ "color-base-green-green-1": "hsl(var(--brand-colorbase-color-base-green-green-1))",
224
+ "color-base-green-green-2": "hsl(var(--brand-colorbase-color-base-green-green-2))",
225
+ "color-base-green-green-3": "hsl(var(--brand-colorbase-color-base-green-green-3))",
226
+ "color-base-green-green-4": "hsl(var(--brand-colorbase-color-base-green-green-4))",
227
+ "color-base-green-green-5": "hsl(var(--brand-colorbase-color-base-green-green-5))",
228
+ "color-base-green-green-6": "hsl(var(--brand-colorbase-color-base-green-green-6))",
229
+ "color-base-green-green-7": "hsl(var(--brand-colorbase-color-base-green-green-7))",
230
+ "color-base-green-green-8": "hsl(var(--brand-colorbase-color-base-green-green-8))",
231
+ "color-base-green-green-9": "hsl(var(--brand-colorbase-color-base-green-green-9))",
232
+ "color-base-green-green-10": "hsl(var(--brand-colorbase-color-base-green-green-10))",
233
+ "color-base-green-green-11": "hsl(var(--brand-colorbase-color-base-green-green-11))",
234
+ "color-base-green-green-12": "hsl(var(--brand-colorbase-color-base-green-green-12))",
235
+ "color-base-green-green-13": "hsl(var(--brand-colorbase-color-base-green-green-13))",
236
+ "color-base-blue-blue-1": "hsl(var(--brand-colorbase-color-base-blue-blue-1))",
237
+ "color-base-blue-blue-2": "hsl(var(--brand-colorbase-color-base-blue-blue-2))",
238
+ "color-base-blue-blue-3": "hsl(var(--brand-colorbase-color-base-blue-blue-3))",
239
+ "color-base-blue-blue-4": "hsl(var(--brand-colorbase-color-base-blue-blue-4))",
240
+ "color-base-blue-blue-5": "hsl(var(--brand-colorbase-color-base-blue-blue-5))",
241
+ "color-base-blue-blue-6": "hsl(var(--brand-colorbase-color-base-blue-blue-6))",
242
+ "color-base-blue-blue-7": "hsl(var(--brand-colorbase-color-base-blue-blue-7))",
243
+ "color-base-blue-blue-8": "hsl(var(--brand-colorbase-color-base-blue-blue-8))",
244
+ "color-base-blue-blue-9": "hsl(var(--brand-colorbase-color-base-blue-blue-9))",
245
+ "color-base-blue-blue-10": "hsl(var(--brand-colorbase-color-base-blue-blue-10))",
246
+ "color-base-blue-blue-11": "hsl(var(--brand-colorbase-color-base-blue-blue-11))",
247
+ "color-base-blue-blue-12": "hsl(var(--brand-colorbase-color-base-blue-blue-12))",
248
+ "color-base-blue-blue-13": "hsl(var(--brand-colorbase-color-base-blue-blue-13))",
249
+ "color-base-purple-purple-1": "hsl(var(--brand-colorbase-color-base-purple-purple-1))",
250
+ "color-base-purple-purple-2": "hsl(var(--brand-colorbase-color-base-purple-purple-2))",
251
+ "color-base-purple-purple-3": "hsl(var(--brand-colorbase-color-base-purple-purple-3))",
252
+ "color-base-purple-purple-4": "hsl(var(--brand-colorbase-color-base-purple-purple-4))",
253
+ "color-base-purple-purple-5": "hsl(var(--brand-colorbase-color-base-purple-purple-5))",
254
+ "color-base-purple-purple-6": "hsl(var(--brand-colorbase-color-base-purple-purple-6))",
255
+ "color-base-purple-purple-7": "hsl(var(--brand-colorbase-color-base-purple-purple-7))",
256
+ "color-base-purple-purple-8": "hsl(var(--brand-colorbase-color-base-purple-purple-8))",
257
+ "color-base-purple-purple-9": "hsl(var(--brand-colorbase-color-base-purple-purple-9))",
258
+ "color-base-purple-purple-10": "hsl(var(--brand-colorbase-color-base-purple-purple-10))",
259
+ "color-base-purple-purple-11": "hsl(var(--brand-colorbase-color-base-purple-purple-11))",
260
+ "color-base-purple-purple-12": "hsl(var(--brand-colorbase-color-base-purple-purple-12))",
261
+ "color-base-purple-purple-13": "hsl(var(--brand-colorbase-color-base-purple-purple-13))",
262
+ "colorbase": {
263
+ "colors-background-frame": "hsl(var(--brand-colorbase-colors-background-frame))",
264
+ "colors-background-primary": "hsl(var(--brand-colorbase-colors-background-primary))",
265
+ "colors-background-secondary": "hsl(var(--brand-colorbase-colors-background-secondary))",
266
+ "colors-background-disabled": "hsl(var(--brand-colorbase-colors-background-disabled))",
267
+ "colors-background-client-accent-primary": "hsl(var(--brand-colorbase-colors-background-client-accent-primary))",
268
+ "colors-background-client-accent-secondary": "hsl(var(--brand-colorbase-colors-background-client-accent-secondary))",
269
+ "colors-background-accent-primary": "hsl(var(--brand-colorbase-colors-background-accent-primary))",
270
+ "colors-background-accent-secondary": "hsl(var(--brand-colorbase-colors-background-accent-secondary))",
271
+ "colors-background-dark": "hsl(var(--brand-colorbase-colors-background-dark))",
272
+ "colors-divider-primary": "hsl(var(--brand-colorbase-colors-divider-primary))",
273
+ "colors-divider-secondary": "hsl(var(--brand-colorbase-colors-divider-secondary))",
274
+ "colors-divider-tertiary": "hsl(var(--brand-colorbase-colors-divider-tertiary))",
275
+ "colors-texticons-primary": "hsl(var(--brand-colorbase-colors-texticons-primary))",
276
+ "colors-texticons-secondary": "hsl(var(--brand-colorbase-colors-texticons-secondary))",
277
+ "colors-texticons-secondary-alpha-light": "hsl(var(--brand-colorbase-colors-texticons-secondary-alpha-light) / var(--brand-colorbase-colors-texticons-secondary-alpha-light-alpha))",
278
+ "colors-texticons-secondary-alpha-dark": "hsl(var(--brand-colorbase-colors-texticons-secondary-alpha-dark) / var(--brand-colorbase-colors-texticons-secondary-alpha-dark-alpha))",
279
+ "colors-texticons-tertiary": "hsl(var(--brand-colorbase-colors-texticons-tertiary))",
280
+ "colors-texticons-tertiary-alpha-light": "hsl(var(--brand-colorbase-colors-texticons-tertiary-alpha-light) / var(--brand-colorbase-colors-texticons-tertiary-alpha-light-alpha))",
281
+ "colors-texticons-tertiary-alpha-dark": "hsl(var(--brand-colorbase-colors-texticons-tertiary-alpha-dark) / var(--brand-colorbase-colors-texticons-tertiary-alpha-dark-alpha))",
282
+ "colors-texticons-accent": "hsl(var(--brand-colorbase-colors-texticons-accent))",
283
+ "colors-texticons-accent-secondary": "hsl(var(--brand-colorbase-colors-texticons-accent-secondary))",
284
+ "colors-texticons-accent-tertiary": "hsl(var(--brand-colorbase-colors-texticons-accent-tertiary))",
285
+ "colors-texticons-negative": "hsl(var(--brand-colorbase-colors-texticons-negative))",
286
+ "colors-texticons-positive": "hsl(var(--brand-colorbase-colors-texticons-positive))",
287
+ "colors-texticons-on-accentdark": "hsl(var(--brand-colorbase-colors-texticons-on-accentdark))",
288
+ "colors-texticons-link": "hsl(var(--brand-colorbase-colors-texticons-link))",
289
+ "colors-text-icons-primary": "hsl(var(--brand-colorbase-colors-texticons-primary))",
290
+ "colors-text-icons-secondary": "hsl(var(--brand-colorbase-colors-texticons-secondary))",
291
+ "colors-text-icons-secondary-alpha-light": "hsl(var(--brand-colorbase-colors-texticons-secondary-alpha-light) / var(--brand-colorbase-colors-texticons-secondary-alpha-light-alpha))",
292
+ "colors-text-icons-secondary-alpha-dark": "hsl(var(--brand-colorbase-colors-texticons-secondary-alpha-dark) / var(--brand-colorbase-colors-texticons-secondary-alpha-dark-alpha))",
293
+ "colors-text-icons-tertiary": "hsl(var(--brand-colorbase-colors-texticons-tertiary))",
294
+ "colors-text-icons-tertiary-alpha-light": "hsl(var(--brand-colorbase-colors-texticons-tertiary-alpha-light) / var(--brand-colorbase-colors-texticons-tertiary-alpha-light-alpha))",
295
+ "colors-text-icons-tertiary-alpha-dark": "hsl(var(--brand-colorbase-colors-texticons-tertiary-alpha-dark) / var(--brand-colorbase-colors-texticons-tertiary-alpha-dark-alpha))",
296
+ "colors-text-icons-accent": "hsl(var(--brand-colorbase-colors-texticons-accent))",
297
+ "colors-text-icons-accent-secondary": "hsl(var(--brand-colorbase-colors-texticons-accent-secondary))",
298
+ "colors-text-icons-accent-tertiary": "hsl(var(--brand-colorbase-colors-texticons-accent-tertiary))",
299
+ "colors-text-icons-negative": "hsl(var(--brand-colorbase-colors-texticons-negative))",
300
+ "colors-text-icons-positive": "hsl(var(--brand-colorbase-colors-texticons-positive))",
301
+ "colors-text-icons-on-accentdark": "hsl(var(--brand-colorbase-colors-texticons-on-accentdark))",
302
+ "colors-text-icons-link": "hsl(var(--brand-colorbase-colors-texticons-link))",
303
+ "colors-button-on-accent-primary-active": "hsl(var(--brand-colorbase-colors-button-on-accent-primary-active))",
304
+ "colors-button-on-accent-primary-on-hover": "hsl(var(--brand-colorbase-colors-button-on-accent-primary-on-hover))",
305
+ "colors-button-on-accent-primary-on-press": "hsl(var(--brand-colorbase-colors-button-on-accent-primary-on-press))",
306
+ "colors-button-on-accent-secondary-active": "hsl(var(--brand-colorbase-colors-button-on-accent-secondary-active) / var(--brand-colorbase-colors-button-on-accent-secondary-active-alpha))",
307
+ "colors-button-on-accent-secondary-on-hover": "hsl(var(--brand-colorbase-colors-button-on-accent-secondary-on-hover) / var(--brand-colorbase-colors-button-on-accent-secondary-on-hover-alpha))",
308
+ "colors-button-on-accent-secondary-on-press": "hsl(var(--brand-colorbase-colors-button-on-accent-secondary-on-press) / var(--brand-colorbase-colors-button-on-accent-secondary-on-press-alpha))",
309
+ "colors-button-on-accent-ghost-active": "hsl(var(--brand-colorbase-colors-button-on-accent-ghost-active) / var(--brand-colorbase-colors-button-on-accent-ghost-active-alpha))",
310
+ "colors-button-on-accent-ghost-on-hover": "hsl(var(--brand-colorbase-colors-button-on-accent-ghost-on-hover) / var(--brand-colorbase-colors-button-on-accent-ghost-on-hover-alpha))",
311
+ "colors-button-on-accent-ghost-on-press": "hsl(var(--brand-colorbase-colors-button-on-accent-ghost-on-press) / var(--brand-colorbase-colors-button-on-accent-ghost-on-press-alpha))",
312
+ "colors-button-negative-primary-active": "hsl(var(--brand-colorbase-colors-button-negative-primary-active))",
313
+ "colors-button-negative-primary-on-hover": "hsl(var(--brand-colorbase-colors-button-negative-primary-on-hover))",
314
+ "colors-button-negative-primary-on-press": "hsl(var(--brand-colorbase-colors-button-negative-primary-on-press))",
315
+ "colors-button-negative-secondary-active": "hsl(var(--brand-colorbase-colors-button-negative-secondary-active))",
316
+ "colors-button-negative-secondary-on-hover": "hsl(var(--brand-colorbase-colors-button-negative-secondary-on-hover))",
317
+ "colors-button-negative-secondary-on-press": "hsl(var(--brand-colorbase-colors-button-negative-secondary-on-press))",
318
+ "colors-button-negative-ghost-active": "hsl(var(--brand-colorbase-colors-button-negative-ghost-active))",
319
+ "colors-button-negative-ghost-on-hover": "hsl(var(--brand-colorbase-colors-button-negative-ghost-on-hover) / var(--brand-colorbase-colors-button-negative-ghost-on-hover-alpha))",
320
+ "colors-button-negative-ghost-on-press": "hsl(var(--brand-colorbase-colors-button-negative-ghost-on-press) / var(--brand-colorbase-colors-button-negative-ghost-on-press-alpha))",
321
+ "colors-button-themed-primary-active": "hsl(var(--brand-colorbase-colors-button-themed-primary-active))",
322
+ "colors-button-themed-primary-on-hover": "hsl(var(--brand-colorbase-colors-button-themed-primary-on-hover))",
323
+ "colors-button-themed-primary-on-press": "hsl(var(--brand-colorbase-colors-button-themed-primary-on-press))",
324
+ "colors-button-themed-secondary-active": "hsl(var(--brand-colorbase-colors-button-themed-secondary-active))",
325
+ "colors-button-themed-secondary-on-hover": "hsl(var(--brand-colorbase-colors-button-themed-secondary-on-hover))",
326
+ "colors-button-themed-secondary-on-press": "hsl(var(--brand-colorbase-colors-button-themed-secondary-on-press))",
327
+ "colors-button-themed-ghost-active": "hsl(var(--brand-colorbase-colors-button-themed-ghost-active))",
328
+ "colors-button-themed-ghost-on-hover": "hsl(var(--brand-colorbase-colors-button-themed-ghost-on-hover) / var(--brand-colorbase-colors-button-themed-ghost-on-hover-alpha))",
329
+ "colors-button-themed-ghost-on-press": "hsl(var(--brand-colorbase-colors-button-themed-ghost-on-press) / var(--brand-colorbase-colors-button-themed-ghost-on-press-alpha))",
330
+ "colors-button-positive-primary-active": "hsl(var(--brand-colorbase-colors-button-positive-primary-active))",
331
+ "colors-button-positive-primary-on-hover": "hsl(var(--brand-colorbase-colors-button-positive-primary-on-hover))",
332
+ "colors-button-positive-primary-on-press": "hsl(var(--brand-colorbase-colors-button-positive-primary-on-press))",
333
+ "colors-button-positive-secondary-active": "hsl(var(--brand-colorbase-colors-button-positive-secondary-active))",
334
+ "colors-button-positive-secondary-on-hover": "hsl(var(--brand-colorbase-colors-button-positive-secondary-on-hover))",
335
+ "colors-button-positive-secondary-on-press": "hsl(var(--brand-colorbase-colors-button-positive-secondary-on-press))",
336
+ "colors-button-positive-ghost-active": "hsl(var(--brand-colorbase-colors-button-positive-ghost-active))",
337
+ "colors-button-positive-ghost-on-hover": "hsl(var(--brand-colorbase-colors-button-positive-ghost-on-hover) / var(--brand-colorbase-colors-button-positive-ghost-on-hover-alpha))",
338
+ "colors-button-positive-ghost-on-press": "hsl(var(--brand-colorbase-colors-button-positive-ghost-on-press) / var(--brand-colorbase-colors-button-positive-ghost-on-press-alpha))",
339
+ "colors-button-neutral-primary-active": "hsl(var(--brand-colorbase-colors-button-neutral-primary-active))",
340
+ "colors-button-neutral-primary-on-hover": "hsl(var(--brand-colorbase-colors-button-neutral-primary-on-hover))",
341
+ "colors-button-neutral-primary-on-press": "hsl(var(--brand-colorbase-colors-button-neutral-primary-on-press))",
342
+ "colors-button-neutral-secondary-active": "hsl(var(--brand-colorbase-colors-button-neutral-secondary-active) / var(--brand-colorbase-colors-button-neutral-secondary-active-alpha))",
343
+ "colors-button-neutral-secondary-on-hover": "hsl(var(--brand-colorbase-colors-button-neutral-secondary-on-hover) / var(--brand-colorbase-colors-button-neutral-secondary-on-hover-alpha))",
344
+ "colors-button-neutral-secondary-on-press": "hsl(var(--brand-colorbase-colors-button-neutral-secondary-on-press) / var(--brand-colorbase-colors-button-neutral-secondary-on-press-alpha))",
345
+ "colors-button-neutral-outlined-active": "hsl(var(--brand-colorbase-colors-button-neutral-outlined-active))",
346
+ "colors-button-neutral-outlined-on-hover": "hsl(var(--brand-colorbase-colors-button-neutral-outlined-on-hover))",
347
+ "colors-button-neutral-outlined-on-press": "hsl(var(--brand-colorbase-colors-button-neutral-outlined-on-press))",
348
+ "colors-button-neutral-ghost-active": "hsl(var(--brand-colorbase-colors-button-neutral-ghost-active))",
349
+ "colors-button-neutral-ghost-on-hover": "hsl(var(--brand-colorbase-colors-button-neutral-ghost-on-hover) / var(--brand-colorbase-colors-button-neutral-ghost-on-hover-alpha))",
350
+ "colors-button-neutral-ghost-on-press": "hsl(var(--brand-colorbase-colors-button-neutral-ghost-on-press) / var(--brand-colorbase-colors-button-neutral-ghost-on-press-alpha))",
351
+ "colors-button-disabled-primarysecondary": "hsl(var(--brand-colorbase-colors-button-disabled-primarysecondary) / var(--brand-colorbase-colors-button-disabled-primarysecondary-alpha))",
352
+ "colors-button-disabled-ghost": "hsl(var(--brand-colorbase-colors-button-disabled-ghost) / var(--brand-colorbase-colors-button-disabled-ghost-alpha))",
353
+ "colors-accent-colors-green": "hsl(var(--brand-colorbase-colors-accent-colors-green))",
354
+ "colors-accent-colors-green-secondary": "hsl(var(--brand-colorbase-colors-accent-colors-green-secondary))",
355
+ "colors-accent-colors-dark-green": "hsl(var(--brand-colorbase-colors-accent-colors-dark-green))",
356
+ "colors-accent-colors-yellow": "hsl(var(--brand-colorbase-colors-accent-colors-yellow))",
357
+ "colors-accent-colors-yellow-secondary": "hsl(var(--brand-colorbase-colors-accent-colors-yellow-secondary))",
358
+ "colors-accent-colors-orange": "hsl(var(--brand-colorbase-colors-accent-colors-orange))",
359
+ "colors-accent-colors-red": "hsl(var(--brand-colorbase-colors-accent-colors-red))",
360
+ "colors-accent-colors-red-secondary": "hsl(var(--brand-colorbase-colors-accent-colors-red-secondary))",
361
+ "colors-accent-colors-dark-red": "hsl(var(--brand-colorbase-colors-accent-colors-dark-red))",
362
+ "colors-accent-colors-client-accent": "hsl(var(--brand-colorbase-colors-accent-colors-client-accent))",
363
+ "colors-accent-colors-client-accent-secondary": "hsl(var(--brand-colorbase-colors-accent-colors-client-accent-secondary))",
364
+ "colors-accent-colors-client-accent-dark": "hsl(var(--brand-colorbase-colors-accent-colors-client-accent-dark))",
365
+ "colors-accent-colors-purple": "hsl(var(--brand-colorbase-colors-accent-colors-purple))",
366
+ "colors-accent-colors-purple-secondary": "hsl(var(--brand-colorbase-colors-accent-colors-purple-secondary))",
367
+ "colors-accent-colors-purple-dark": "hsl(var(--brand-colorbase-colors-accent-colors-purple-dark))",
368
+ "colors-accent-colors-dark-gray": "hsl(var(--brand-colorbase-colors-accent-colors-dark-gray))",
369
+ "colors-border-neutral-primary": "hsl(var(--brand-colorbase-colors-border-neutral-primary) / var(--brand-colorbase-colors-border-neutral-primary-alpha))",
370
+ "colors-border-contrast-primary": "hsl(var(--brand-colorbase-colors-border-contrast-primary) / var(--brand-colorbase-colors-border-contrast-primary-alpha))",
371
+ "color-base-overlays-black-overlay95": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay95) / var(--brand-colorbase-color-base-overlays-black-overlay95-alpha))",
372
+ "color-base-overlays-black-overlay90": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay90) / var(--brand-colorbase-color-base-overlays-black-overlay90-alpha))",
373
+ "color-base-overlays-black-overlay85": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay85) / var(--brand-colorbase-color-base-overlays-black-overlay85-alpha))",
374
+ "color-base-overlays-black-overlay80": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay80) / var(--brand-colorbase-color-base-overlays-black-overlay80-alpha))",
375
+ "color-base-overlays-black-overlay75": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay75) / var(--brand-colorbase-color-base-overlays-black-overlay75-alpha))",
376
+ "color-base-overlays-black-overlay70": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay70) / var(--brand-colorbase-color-base-overlays-black-overlay70-alpha))",
377
+ "color-base-overlays-black-overlay65": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay65) / var(--brand-colorbase-color-base-overlays-black-overlay65-alpha))",
378
+ "color-base-overlays-black-overlay60": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay60) / var(--brand-colorbase-color-base-overlays-black-overlay60-alpha))",
379
+ "color-base-overlays-black-overlay55": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay55) / var(--brand-colorbase-color-base-overlays-black-overlay55-alpha))",
380
+ "color-base-overlays-black-overlay50": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay50) / var(--brand-colorbase-color-base-overlays-black-overlay50-alpha))",
381
+ "color-base-overlays-black-overlay45": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay45) / var(--brand-colorbase-color-base-overlays-black-overlay45-alpha))",
382
+ "color-base-overlays-black-overlay40": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay40) / var(--brand-colorbase-color-base-overlays-black-overlay40-alpha))",
383
+ "color-base-overlays-black-overlay35": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay35) / var(--brand-colorbase-color-base-overlays-black-overlay35-alpha))",
384
+ "color-base-overlays-black-overlay30": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay30) / var(--brand-colorbase-color-base-overlays-black-overlay30-alpha))",
385
+ "color-base-overlays-black-overlay25": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay25) / var(--brand-colorbase-color-base-overlays-black-overlay25-alpha))",
386
+ "color-base-overlays-black-overlay20": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay20) / var(--brand-colorbase-color-base-overlays-black-overlay20-alpha))",
387
+ "color-base-overlays-black-overlay15": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay15) / var(--brand-colorbase-color-base-overlays-black-overlay15-alpha))",
388
+ "color-base-overlays-black-overlay10": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay10) / var(--brand-colorbase-color-base-overlays-black-overlay10-alpha))",
389
+ "color-base-overlays-black-overlay5": "hsl(var(--brand-colorbase-color-base-overlays-black-overlay5) / var(--brand-colorbase-color-base-overlays-black-overlay5-alpha))",
390
+ "color-base-overlays-black-color": "hsl(var(--brand-colorbase-color-base-overlays-black-color) / var(--brand-colorbase-color-base-overlays-black-color-alpha))",
391
+ "color-base-overlays-white-overlay95": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay95) / var(--brand-colorbase-color-base-overlays-white-overlay95-alpha))",
392
+ "color-base-overlays-white-overlay90": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay90) / var(--brand-colorbase-color-base-overlays-white-overlay90-alpha))",
393
+ "color-base-overlays-white-overlay85": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay85) / var(--brand-colorbase-color-base-overlays-white-overlay85-alpha))",
394
+ "color-base-overlays-white-overlay80": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay80) / var(--brand-colorbase-color-base-overlays-white-overlay80-alpha))",
395
+ "color-base-overlays-white-overlay75": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay75) / var(--brand-colorbase-color-base-overlays-white-overlay75-alpha))",
396
+ "color-base-overlays-white-overlay70": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay70) / var(--brand-colorbase-color-base-overlays-white-overlay70-alpha))",
397
+ "color-base-overlays-white-overlay65": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay65) / var(--brand-colorbase-color-base-overlays-white-overlay65-alpha))",
398
+ "color-base-overlays-white-overlay60": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay60) / var(--brand-colorbase-color-base-overlays-white-overlay60-alpha))",
399
+ "color-base-overlays-white-overlay55": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay55) / var(--brand-colorbase-color-base-overlays-white-overlay55-alpha))",
400
+ "color-base-overlays-white-overlay50": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay50) / var(--brand-colorbase-color-base-overlays-white-overlay50-alpha))",
401
+ "color-base-overlays-white-overlay45": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay45) / var(--brand-colorbase-color-base-overlays-white-overlay45-alpha))",
402
+ "color-base-overlays-white-overlay40": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay40) / var(--brand-colorbase-color-base-overlays-white-overlay40-alpha))",
403
+ "color-base-overlays-white-overlay35": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay35) / var(--brand-colorbase-color-base-overlays-white-overlay35-alpha))",
404
+ "color-base-overlays-white-overlay30": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay30) / var(--brand-colorbase-color-base-overlays-white-overlay30-alpha))",
405
+ "color-base-overlays-white-overlay25": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay25) / var(--brand-colorbase-color-base-overlays-white-overlay25-alpha))",
406
+ "color-base-overlays-white-overlay20": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay20) / var(--brand-colorbase-color-base-overlays-white-overlay20-alpha))",
407
+ "color-base-overlays-white-overlay15": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay15) / var(--brand-colorbase-color-base-overlays-white-overlay15-alpha))",
408
+ "color-base-overlays-white-overlay10": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay10) / var(--brand-colorbase-color-base-overlays-white-overlay10-alpha))",
409
+ "color-base-overlays-white-overlay-5": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay-5) / var(--brand-colorbase-color-base-overlays-white-overlay-5-alpha))",
410
+ "color-base-overlays-white-overlay-0": "hsl(var(--brand-colorbase-color-base-overlays-white-overlay-0) / var(--brand-colorbase-color-base-overlays-white-overlay-0-alpha))",
411
+ "color-base-gray-gray-1": "hsl(var(--brand-colorbase-color-base-gray-gray-1))",
412
+ "color-base-gray-gray-2": "hsl(var(--brand-colorbase-color-base-gray-gray-2))",
413
+ "color-base-gray-gray-3": "hsl(var(--brand-colorbase-color-base-gray-gray-3))",
414
+ "color-base-gray-gray-4": "hsl(var(--brand-colorbase-color-base-gray-gray-4))",
415
+ "color-base-gray-gray-5": "hsl(var(--brand-colorbase-color-base-gray-gray-5))",
416
+ "color-base-gray-gray-6": "hsl(var(--brand-colorbase-color-base-gray-gray-6))",
417
+ "color-base-gray-gray-7": "hsl(var(--brand-colorbase-color-base-gray-gray-7))",
418
+ "color-base-gray-gray-8": "hsl(var(--brand-colorbase-color-base-gray-gray-8))",
419
+ "color-base-gray-gray-9": "hsl(var(--brand-colorbase-color-base-gray-gray-9))",
420
+ "color-base-gray-gray-10": "hsl(var(--brand-colorbase-color-base-gray-gray-10))",
421
+ "color-base-gray-gray-11": "hsl(var(--brand-colorbase-color-base-gray-gray-11))",
422
+ "color-base-gray-gray-12": "hsl(var(--brand-colorbase-color-base-gray-gray-12))",
423
+ "color-base-gray-gray-13": "hsl(var(--brand-colorbase-color-base-gray-gray-13))",
424
+ "color-base-gray-gray-14": "hsl(var(--brand-colorbase-color-base-gray-gray-14))",
425
+ "color-base-gray-gray-15": "hsl(var(--brand-colorbase-color-base-gray-gray-15))",
426
+ "color-base-gray-gray-16": "hsl(var(--brand-colorbase-color-base-gray-gray-16))",
427
+ "color-base-gray-gray-17": "hsl(var(--brand-colorbase-color-base-gray-gray-17))",
428
+ "color-base-gray-gray-18": "hsl(var(--brand-colorbase-color-base-gray-gray-18))",
429
+ "color-base-gray-gray-19": "hsl(var(--brand-colorbase-color-base-gray-gray-19))",
430
+ "color-base-gray-gray-20": "hsl(var(--brand-colorbase-color-base-gray-gray-20))",
431
+ "color-base-main-main-1": "hsl(var(--brand-colorbase-color-base-main-main-1))",
432
+ "color-base-main-main-2": "hsl(var(--brand-colorbase-color-base-main-main-2))",
433
+ "color-base-main-main-3": "hsl(var(--brand-colorbase-color-base-main-main-3))",
434
+ "color-base-main-main-4": "hsl(var(--brand-colorbase-color-base-main-main-4))",
435
+ "color-base-main-main-5": "hsl(var(--brand-colorbase-color-base-main-main-5))",
436
+ "color-base-main-main-6": "hsl(var(--brand-colorbase-color-base-main-main-6))",
437
+ "color-base-main-main-7": "hsl(var(--brand-colorbase-color-base-main-main-7))",
438
+ "color-base-main-main-8": "hsl(var(--brand-colorbase-color-base-main-main-8))",
439
+ "color-base-main-main-9": "hsl(var(--brand-colorbase-color-base-main-main-9))",
440
+ "color-base-main-main-10": "hsl(var(--brand-colorbase-color-base-main-main-10))",
441
+ "color-base-main-main-11": "hsl(var(--brand-colorbase-color-base-main-main-11))",
442
+ "color-base-main-main-12": "hsl(var(--brand-colorbase-color-base-main-main-12))",
443
+ "color-base-main-main-13": "hsl(var(--brand-colorbase-color-base-main-main-13))",
444
+ "color-base-red-red-1": "hsl(var(--brand-colorbase-color-base-red-red-1))",
445
+ "color-base-red-red-2": "hsl(var(--brand-colorbase-color-base-red-red-2))",
446
+ "color-base-red-red-3": "hsl(var(--brand-colorbase-color-base-red-red-3))",
447
+ "color-base-red-red-4": "hsl(var(--brand-colorbase-color-base-red-red-4))",
448
+ "color-base-red-red-5": "hsl(var(--brand-colorbase-color-base-red-red-5))",
449
+ "color-base-red-red-6": "hsl(var(--brand-colorbase-color-base-red-red-6))",
450
+ "color-base-red-red-7": "hsl(var(--brand-colorbase-color-base-red-red-7))",
451
+ "color-base-red-red-8": "hsl(var(--brand-colorbase-color-base-red-red-8))",
452
+ "color-base-red-red-9": "hsl(var(--brand-colorbase-color-base-red-red-9))",
453
+ "color-base-red-red-10": "hsl(var(--brand-colorbase-color-base-red-red-10))",
454
+ "color-base-red-red-11": "hsl(var(--brand-colorbase-color-base-red-red-11))",
455
+ "color-base-red-red-12": "hsl(var(--brand-colorbase-color-base-red-red-12))",
456
+ "color-base-red-red-13": "hsl(var(--brand-colorbase-color-base-red-red-13))",
457
+ "color-base-orange-orange-1": "hsl(var(--brand-colorbase-color-base-orange-orange-1))",
458
+ "color-base-orange-orange-2": "hsl(var(--brand-colorbase-color-base-orange-orange-2))",
459
+ "color-base-orange-orange-3": "hsl(var(--brand-colorbase-color-base-orange-orange-3))",
460
+ "color-base-orange-orange-4": "hsl(var(--brand-colorbase-color-base-orange-orange-4))",
461
+ "color-base-orange-orange-5": "hsl(var(--brand-colorbase-color-base-orange-orange-5))",
462
+ "color-base-orange-orange-6": "hsl(var(--brand-colorbase-color-base-orange-orange-6))",
463
+ "color-base-orange-orange-7": "hsl(var(--brand-colorbase-color-base-orange-orange-7))",
464
+ "color-base-orange-orange-8": "hsl(var(--brand-colorbase-color-base-orange-orange-8))",
465
+ "color-base-orange-orange-9": "hsl(var(--brand-colorbase-color-base-orange-orange-9))",
466
+ "color-base-orange-orange-10": "hsl(var(--brand-colorbase-color-base-orange-orange-10))",
467
+ "color-base-orange-orange-11": "hsl(var(--brand-colorbase-color-base-orange-orange-11))",
468
+ "color-base-orange-orange-12": "hsl(var(--brand-colorbase-color-base-orange-orange-12))",
469
+ "color-base-orange-orange-13": "hsl(var(--brand-colorbase-color-base-orange-orange-13))",
470
+ "color-base-yellow-yellow-1": "hsl(var(--brand-colorbase-color-base-yellow-yellow-1))",
471
+ "color-base-yellow-yellow-2": "hsl(var(--brand-colorbase-color-base-yellow-yellow-2))",
472
+ "color-base-yellow-yellow-3": "hsl(var(--brand-colorbase-color-base-yellow-yellow-3))",
473
+ "color-base-yellow-yellow-4": "hsl(var(--brand-colorbase-color-base-yellow-yellow-4))",
474
+ "color-base-yellow-yellow-5": "hsl(var(--brand-colorbase-color-base-yellow-yellow-5))",
475
+ "color-base-yellow-yellow-6": "hsl(var(--brand-colorbase-color-base-yellow-yellow-6))",
476
+ "color-base-yellow-yellow-7": "hsl(var(--brand-colorbase-color-base-yellow-yellow-7))",
477
+ "color-base-yellow-yellow-8": "hsl(var(--brand-colorbase-color-base-yellow-yellow-8))",
478
+ "color-base-yellow-yellow-9": "hsl(var(--brand-colorbase-color-base-yellow-yellow-9))",
479
+ "color-base-yellow-yellow-10": "hsl(var(--brand-colorbase-color-base-yellow-yellow-10))",
480
+ "color-base-yellow-yellow-11": "hsl(var(--brand-colorbase-color-base-yellow-yellow-11))",
481
+ "color-base-yellow-yellow-12": "hsl(var(--brand-colorbase-color-base-yellow-yellow-12))",
482
+ "color-base-yellow-yellow-13": "hsl(var(--brand-colorbase-color-base-yellow-yellow-13))",
483
+ "color-base-green-green-1": "hsl(var(--brand-colorbase-color-base-green-green-1))",
484
+ "color-base-green-green-2": "hsl(var(--brand-colorbase-color-base-green-green-2))",
485
+ "color-base-green-green-3": "hsl(var(--brand-colorbase-color-base-green-green-3))",
486
+ "color-base-green-green-4": "hsl(var(--brand-colorbase-color-base-green-green-4))",
487
+ "color-base-green-green-5": "hsl(var(--brand-colorbase-color-base-green-green-5))",
488
+ "color-base-green-green-6": "hsl(var(--brand-colorbase-color-base-green-green-6))",
489
+ "color-base-green-green-7": "hsl(var(--brand-colorbase-color-base-green-green-7))",
490
+ "color-base-green-green-8": "hsl(var(--brand-colorbase-color-base-green-green-8))",
491
+ "color-base-green-green-9": "hsl(var(--brand-colorbase-color-base-green-green-9))",
492
+ "color-base-green-green-10": "hsl(var(--brand-colorbase-color-base-green-green-10))",
493
+ "color-base-green-green-11": "hsl(var(--brand-colorbase-color-base-green-green-11))",
494
+ "color-base-green-green-12": "hsl(var(--brand-colorbase-color-base-green-green-12))",
495
+ "color-base-green-green-13": "hsl(var(--brand-colorbase-color-base-green-green-13))",
496
+ "color-base-blue-blue-1": "hsl(var(--brand-colorbase-color-base-blue-blue-1))",
497
+ "color-base-blue-blue-2": "hsl(var(--brand-colorbase-color-base-blue-blue-2))",
498
+ "color-base-blue-blue-3": "hsl(var(--brand-colorbase-color-base-blue-blue-3))",
499
+ "color-base-blue-blue-4": "hsl(var(--brand-colorbase-color-base-blue-blue-4))",
500
+ "color-base-blue-blue-5": "hsl(var(--brand-colorbase-color-base-blue-blue-5))",
501
+ "color-base-blue-blue-6": "hsl(var(--brand-colorbase-color-base-blue-blue-6))",
502
+ "color-base-blue-blue-7": "hsl(var(--brand-colorbase-color-base-blue-blue-7))",
503
+ "color-base-blue-blue-8": "hsl(var(--brand-colorbase-color-base-blue-blue-8))",
504
+ "color-base-blue-blue-9": "hsl(var(--brand-colorbase-color-base-blue-blue-9))",
505
+ "color-base-blue-blue-10": "hsl(var(--brand-colorbase-color-base-blue-blue-10))",
506
+ "color-base-blue-blue-11": "hsl(var(--brand-colorbase-color-base-blue-blue-11))",
507
+ "color-base-blue-blue-12": "hsl(var(--brand-colorbase-color-base-blue-blue-12))",
508
+ "color-base-blue-blue-13": "hsl(var(--brand-colorbase-color-base-blue-blue-13))",
509
+ "color-base-purple-purple-1": "hsl(var(--brand-colorbase-color-base-purple-purple-1))",
510
+ "color-base-purple-purple-2": "hsl(var(--brand-colorbase-color-base-purple-purple-2))",
511
+ "color-base-purple-purple-3": "hsl(var(--brand-colorbase-color-base-purple-purple-3))",
512
+ "color-base-purple-purple-4": "hsl(var(--brand-colorbase-color-base-purple-purple-4))",
513
+ "color-base-purple-purple-5": "hsl(var(--brand-colorbase-color-base-purple-purple-5))",
514
+ "color-base-purple-purple-6": "hsl(var(--brand-colorbase-color-base-purple-purple-6))",
515
+ "color-base-purple-purple-7": "hsl(var(--brand-colorbase-color-base-purple-purple-7))",
516
+ "color-base-purple-purple-8": "hsl(var(--brand-colorbase-color-base-purple-purple-8))",
517
+ "color-base-purple-purple-9": "hsl(var(--brand-colorbase-color-base-purple-purple-9))",
518
+ "color-base-purple-purple-10": "hsl(var(--brand-colorbase-color-base-purple-purple-10))",
519
+ "color-base-purple-purple-11": "hsl(var(--brand-colorbase-color-base-purple-purple-11))",
520
+ "color-base-purple-purple-12": "hsl(var(--brand-colorbase-color-base-purple-purple-12))",
521
+ "color-base-purple-purple-13": "hsl(var(--brand-colorbase-color-base-purple-purple-13))"
522
+ }
523
+ },
524
+ "typography": {
525
+ "body-1-semibold": {
526
+ "fontSize": "18px",
527
+ "fontFamily": "Inter",
528
+ "fontWeight": "Semi Bold",
529
+ "lineHeight": "24px",
530
+ "letterSpacing": "0px",
531
+ "textCase": "ORIGINAL",
532
+ "textDecoration": "NONE"
533
+ },
534
+ "body-1-medium": {
535
+ "fontSize": "18px",
536
+ "fontFamily": "Inter",
537
+ "fontWeight": "Medium",
538
+ "lineHeight": "24px",
539
+ "letterSpacing": "0px",
540
+ "textCase": "ORIGINAL",
541
+ "textDecoration": "NONE"
542
+ },
543
+ "body-1-regular": {
544
+ "fontSize": "18px",
545
+ "fontFamily": "Inter",
546
+ "fontWeight": "Regular",
547
+ "lineHeight": "24px",
548
+ "letterSpacing": "0px",
549
+ "textCase": "ORIGINAL",
550
+ "textDecoration": "NONE"
551
+ },
552
+ "headings-h1-bold": {
553
+ "fontSize": "72",
554
+ "fontFamily": "Poppins",
555
+ "fontWeight": "Bold",
556
+ "lineHeight": "120.00000476837158%",
557
+ "letterSpacing": "0px",
558
+ "textCase": "ORIGINAL",
559
+ "textDecoration": "NONE"
560
+ },
561
+ "headings-h1-semi-bold": {
562
+ "fontSize": "72",
563
+ "fontFamily": "Poppins",
564
+ "fontWeight": "SemiBold",
565
+ "lineHeight": "120.00000476837158%",
566
+ "letterSpacing": "0px",
567
+ "textCase": "ORIGINAL",
568
+ "textDecoration": "NONE"
569
+ },
570
+ "headings-h2-bold": {
571
+ "fontSize": "48",
572
+ "fontFamily": "Poppins",
573
+ "fontWeight": "Bold",
574
+ "lineHeight": "114.99999761581421%",
575
+ "letterSpacing": "0px",
576
+ "textCase": "ORIGINAL",
577
+ "textDecoration": "NONE"
578
+ },
579
+ "headings-h2-semi-bold": {
580
+ "fontSize": "48",
581
+ "fontFamily": "Poppins",
582
+ "fontWeight": "SemiBold",
583
+ "lineHeight": "114.99999761581421%",
584
+ "letterSpacing": "0px",
585
+ "textCase": "ORIGINAL",
586
+ "textDecoration": "NONE"
587
+ },
588
+ "headings-h3-bold": {
589
+ "fontSize": "32",
590
+ "fontFamily": "Poppins",
591
+ "fontWeight": "Bold",
592
+ "lineHeight": "120.00000476837158%",
593
+ "letterSpacing": "0px",
594
+ "textCase": "ORIGINAL",
595
+ "textDecoration": "NONE"
596
+ },
597
+ "headings-h3-semi-bold": {
598
+ "fontSize": "32",
599
+ "fontFamily": "Poppins",
600
+ "fontWeight": "SemiBold",
601
+ "lineHeight": "120.00000476837158%",
602
+ "letterSpacing": "0px",
603
+ "textCase": "ORIGINAL",
604
+ "textDecoration": "NONE"
605
+ },
606
+ "headings-h4-bold": {
607
+ "fontSize": "28",
608
+ "fontFamily": "Poppins",
609
+ "fontWeight": "Bold",
610
+ "lineHeight": "120.00000476837158%",
611
+ "letterSpacing": "0px",
612
+ "textCase": "ORIGINAL",
613
+ "textDecoration": "NONE"
614
+ },
615
+ "headings-h4-semi-bold": {
616
+ "fontSize": "28",
617
+ "fontFamily": "Poppins",
618
+ "fontWeight": "SemiBold",
619
+ "lineHeight": "120.00000476837158%",
620
+ "letterSpacing": "0px",
621
+ "textCase": "ORIGINAL",
622
+ "textDecoration": "NONE"
623
+ },
624
+ "headings-h5-bold": {
625
+ "fontSize": "24",
626
+ "fontFamily": "Poppins",
627
+ "fontWeight": "Bold",
628
+ "lineHeight": "120.00000476837158%",
629
+ "letterSpacing": "0px",
630
+ "textCase": "ORIGINAL",
631
+ "textDecoration": "NONE"
632
+ },
633
+ "headings-h5-semi-bold": {
634
+ "fontSize": "24",
635
+ "fontFamily": "Poppins",
636
+ "fontWeight": "SemiBold",
637
+ "lineHeight": "120.00000476837158%",
638
+ "letterSpacing": "0px",
639
+ "textCase": "ORIGINAL",
640
+ "textDecoration": "NONE"
641
+ },
642
+ "title-semibold": {
643
+ "fontSize": "20",
644
+ "fontFamily": "Inter",
645
+ "fontWeight": "Semi Bold",
646
+ "lineHeight": "120.00000476837158%",
647
+ "letterSpacing": "0px",
648
+ "textCase": "ORIGINAL",
649
+ "textDecoration": "NONE"
650
+ },
651
+ "title-medium": {
652
+ "fontSize": "20",
653
+ "fontFamily": "Inter",
654
+ "fontWeight": "Medium",
655
+ "lineHeight": "120.00000476837158%",
656
+ "letterSpacing": "0px",
657
+ "textCase": "ORIGINAL",
658
+ "textDecoration": "NONE"
659
+ },
660
+ "title-regular": {
661
+ "fontSize": "20",
662
+ "fontFamily": "Inter",
663
+ "fontWeight": "Regular",
664
+ "lineHeight": "120.00000476837158%",
665
+ "letterSpacing": "0px",
666
+ "textCase": "ORIGINAL",
667
+ "textDecoration": "NONE"
668
+ },
669
+ "body-2-semibold": {
670
+ "fontSize": "16px",
671
+ "fontFamily": "Inter",
672
+ "fontWeight": "Semi Bold",
673
+ "lineHeight": "20px",
674
+ "letterSpacing": "0px",
675
+ "textCase": "ORIGINAL",
676
+ "textDecoration": "NONE"
677
+ },
678
+ "body-2-medium": {
679
+ "fontSize": "16px",
680
+ "fontFamily": "Inter",
681
+ "fontWeight": "Medium",
682
+ "lineHeight": "20px",
683
+ "letterSpacing": "0px",
684
+ "textCase": "ORIGINAL",
685
+ "textDecoration": "NONE"
686
+ },
687
+ "body-2-regular": {
688
+ "fontSize": "16px",
689
+ "fontFamily": "Inter",
690
+ "fontWeight": "Regular",
691
+ "lineHeight": "20px",
692
+ "letterSpacing": "0px",
693
+ "textCase": "ORIGINAL",
694
+ "textDecoration": "NONE"
695
+ },
696
+ "body-3-semibold": {
697
+ "fontSize": "15px",
698
+ "fontFamily": "Inter",
699
+ "fontWeight": "Semi Bold",
700
+ "lineHeight": "18px",
701
+ "letterSpacing": "0px",
702
+ "textCase": "ORIGINAL",
703
+ "textDecoration": "NONE"
704
+ },
705
+ "body-3-medium": {
706
+ "fontSize": "15px",
707
+ "fontFamily": "Inter",
708
+ "fontWeight": "Medium",
709
+ "lineHeight": "18px",
710
+ "letterSpacing": "0px",
711
+ "textCase": "ORIGINAL",
712
+ "textDecoration": "NONE"
713
+ },
714
+ "body-3-regular": {
715
+ "fontSize": "15px",
716
+ "fontFamily": "Inter",
717
+ "fontWeight": "Regular",
718
+ "lineHeight": "18px",
719
+ "letterSpacing": "0px",
720
+ "textCase": "ORIGINAL",
721
+ "textDecoration": "NONE"
722
+ },
723
+ "subhead-semibold": {
724
+ "fontSize": "14px",
725
+ "fontFamily": "Inter",
726
+ "fontWeight": "Semi Bold",
727
+ "lineHeight": "16px",
728
+ "letterSpacing": "0px",
729
+ "textCase": "ORIGINAL",
730
+ "textDecoration": "NONE"
731
+ },
732
+ "subhead-medium": {
733
+ "fontSize": "14px",
734
+ "fontFamily": "Inter",
735
+ "fontWeight": "Medium",
736
+ "lineHeight": "16px",
737
+ "letterSpacing": "0px",
738
+ "textCase": "ORIGINAL",
739
+ "textDecoration": "NONE"
740
+ },
741
+ "subhead-regular": {
742
+ "fontSize": "14px",
743
+ "fontFamily": "Inter",
744
+ "fontWeight": "Regular",
745
+ "lineHeight": "16px",
746
+ "letterSpacing": "0px",
747
+ "textCase": "ORIGINAL",
748
+ "textDecoration": "NONE"
749
+ },
750
+ "footnote-semibold": {
751
+ "fontSize": "13px",
752
+ "fontFamily": "Inter",
753
+ "fontWeight": "Semi Bold",
754
+ "lineHeight": "16px",
755
+ "letterSpacing": "0.11999999731779099px",
756
+ "textCase": "ORIGINAL",
757
+ "textDecoration": "NONE"
758
+ },
759
+ "footnote-medium": {
760
+ "fontSize": "13px",
761
+ "fontFamily": "Inter",
762
+ "fontWeight": "Medium",
763
+ "lineHeight": "16px",
764
+ "letterSpacing": "0px",
765
+ "textCase": "ORIGINAL",
766
+ "textDecoration": "NONE"
767
+ },
768
+ "footnote-regular": {
769
+ "fontSize": "13px",
770
+ "fontFamily": "Inter",
771
+ "fontWeight": "Regular",
772
+ "lineHeight": "16px",
773
+ "letterSpacing": "0px",
774
+ "textCase": "ORIGINAL",
775
+ "textDecoration": "NONE"
776
+ },
777
+ "caption-semibold": {
778
+ "fontSize": "12",
779
+ "fontFamily": "Inter",
780
+ "fontWeight": "Semi Bold",
781
+ "lineHeight": "120.00000476837158%",
782
+ "letterSpacing": "0px",
783
+ "textCase": "ORIGINAL",
784
+ "textDecoration": "NONE"
785
+ },
786
+ "caption-medium": {
787
+ "fontSize": "12",
788
+ "fontFamily": "Inter",
789
+ "fontWeight": "Medium",
790
+ "lineHeight": "120.00000476837158%",
791
+ "letterSpacing": "0px",
792
+ "textCase": "ORIGINAL",
793
+ "textDecoration": "NONE"
794
+ },
795
+ "caption-regular": {
796
+ "fontSize": "12",
797
+ "fontFamily": "Inter",
798
+ "fontWeight": "Regular",
799
+ "lineHeight": "120.00000476837158%",
800
+ "letterSpacing": "0px",
801
+ "textCase": "ORIGINAL",
802
+ "textDecoration": "NONE"
803
+ },
804
+ "caption-1-semibold": {
805
+ "fontSize": "10",
806
+ "fontFamily": "Inter",
807
+ "fontWeight": "Semi Bold",
808
+ "lineHeight": "120.00000476837158%",
809
+ "letterSpacing": "0%",
810
+ "textCase": "ORIGINAL",
811
+ "textDecoration": "NONE"
812
+ },
813
+ "caption-1-medium": {
814
+ "fontSize": "10px",
815
+ "fontFamily": "Inter",
816
+ "fontWeight": "Medium",
817
+ "lineHeight": "12px",
818
+ "letterSpacing": "0%",
819
+ "textCase": "ORIGINAL",
820
+ "textDecoration": "NONE"
821
+ },
822
+ "caption-1-regular": {
823
+ "fontSize": "10px",
824
+ "fontFamily": "Inter",
825
+ "fontWeight": "Regular",
826
+ "lineHeight": "12px",
827
+ "letterSpacing": "0%",
828
+ "textCase": "ORIGINAL",
829
+ "textDecoration": "NONE"
830
+ }
831
+ }
832
+ }