@salutejs/plasma-themes 0.39.0-canary.2241.19959327691.0 → 0.39.0-canary.2408.20948286136.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/css/plasma_b2c.module.css +36 -0
  2. package/css/plasma_b2c__dark.css +36 -0
  3. package/css/plasma_b2c__light.css +36 -0
  4. package/css/plasma_giga.module.css +36 -0
  5. package/css/plasma_giga__dark.css +36 -0
  6. package/css/plasma_giga__light.css +36 -0
  7. package/css/plasma_giga_app.module.css +36 -0
  8. package/css/plasma_giga_app__dark.css +36 -0
  9. package/css/plasma_giga_app__light.css +36 -0
  10. package/css/plasma_homeds.module.css +36 -0
  11. package/css/plasma_homeds__dark.css +36 -0
  12. package/css/plasma_homeds__light.css +36 -0
  13. package/css/plasma_web.module.css +36 -0
  14. package/css/plasma_web_ACTUAL_TYPOGRAPHY.module.css +36 -0
  15. package/css/plasma_web_ACTUAL_TYPOGRAPHY__dark.css +36 -0
  16. package/css/plasma_web_ACTUAL_TYPOGRAPHY__light.css +36 -0
  17. package/css/plasma_web__dark.css +36 -0
  18. package/css/plasma_web__light.css +36 -0
  19. package/css/stylesSalute.module.css +36 -0
  20. package/css/stylesSalute__dark.css +36 -0
  21. package/css/stylesSalute__light.css +36 -0
  22. package/es/themes/index.js +0 -2
  23. package/es/themes/index.js.map +1 -1
  24. package/es/themes/plasma_b2c__dark.js +1 -1
  25. package/es/themes/plasma_b2c__dark.js.map +1 -1
  26. package/es/themes/plasma_b2c__light.js +1 -1
  27. package/es/themes/plasma_b2c__light.js.map +1 -1
  28. package/es/themes/plasma_giga__dark.js +1 -1
  29. package/es/themes/plasma_giga__dark.js.map +1 -1
  30. package/es/themes/plasma_giga__light.js +1 -1
  31. package/es/themes/plasma_giga__light.js.map +1 -1
  32. package/es/themes/plasma_giga_app__dark.js +1 -1
  33. package/es/themes/plasma_giga_app__dark.js.map +1 -1
  34. package/es/themes/plasma_giga_app__light.js +1 -1
  35. package/es/themes/plasma_giga_app__light.js.map +1 -1
  36. package/es/themes/plasma_homeds__dark.js +1 -1
  37. package/es/themes/plasma_homeds__dark.js.map +1 -1
  38. package/es/themes/plasma_homeds__light.js +1 -1
  39. package/es/themes/plasma_homeds__light.js.map +1 -1
  40. package/es/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.js +1 -1
  41. package/es/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.js.map +1 -1
  42. package/es/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.js +1 -1
  43. package/es/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.js.map +1 -1
  44. package/es/themes/plasma_web__dark.js +1 -1
  45. package/es/themes/plasma_web__dark.js.map +1 -1
  46. package/es/themes/plasma_web__light.js +1 -1
  47. package/es/themes/plasma_web__light.js.map +1 -1
  48. package/es/themes/stylesSalute__dark.js +1 -1
  49. package/es/themes/stylesSalute__dark.js.map +1 -1
  50. package/es/themes/stylesSalute__light.js +1 -1
  51. package/es/themes/stylesSalute__light.js.map +1 -1
  52. package/es/tokens/index.js +27 -0
  53. package/es/tokens/index.js.map +1 -1
  54. package/es/tokens/plasma_b2c/index.js +27 -0
  55. package/es/tokens/plasma_b2c/index.js.map +1 -1
  56. package/es/tokens/plasma_giga/index.js +27 -0
  57. package/es/tokens/plasma_giga/index.js.map +1 -1
  58. package/es/tokens/plasma_giga_app/index.js +27 -0
  59. package/es/tokens/plasma_giga_app/index.js.map +1 -1
  60. package/es/tokens/plasma_homeds/index.js +27 -0
  61. package/es/tokens/plasma_homeds/index.js.map +1 -1
  62. package/es/tokens/plasma_web/index.js +27 -0
  63. package/es/tokens/plasma_web/index.js.map +1 -1
  64. package/es/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.js +27 -0
  65. package/es/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.js.map +1 -1
  66. package/es/tokens/stylesSalute/index.js +27 -0
  67. package/es/tokens/stylesSalute/index.js.map +1 -1
  68. package/package.json +2 -2
  69. package/themes/index.d.ts +0 -2
  70. package/themes/index.js +1 -5
  71. package/themes/index.js.map +1 -1
  72. package/themes/plasma_b2c__dark.js +1 -1
  73. package/themes/plasma_b2c__dark.js.map +1 -1
  74. package/themes/plasma_b2c__light.js +1 -1
  75. package/themes/plasma_b2c__light.js.map +1 -1
  76. package/themes/plasma_giga__dark.js +1 -1
  77. package/themes/plasma_giga__dark.js.map +1 -1
  78. package/themes/plasma_giga__light.js +1 -1
  79. package/themes/plasma_giga__light.js.map +1 -1
  80. package/themes/plasma_giga_app__dark.js +1 -1
  81. package/themes/plasma_giga_app__dark.js.map +1 -1
  82. package/themes/plasma_giga_app__light.js +1 -1
  83. package/themes/plasma_giga_app__light.js.map +1 -1
  84. package/themes/plasma_homeds__dark.js +1 -1
  85. package/themes/plasma_homeds__dark.js.map +1 -1
  86. package/themes/plasma_homeds__light.js +1 -1
  87. package/themes/plasma_homeds__light.js.map +1 -1
  88. package/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.js +1 -1
  89. package/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.js.map +1 -1
  90. package/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.js +1 -1
  91. package/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.js.map +1 -1
  92. package/themes/plasma_web__dark.js +1 -1
  93. package/themes/plasma_web__dark.js.map +1 -1
  94. package/themes/plasma_web__light.js +1 -1
  95. package/themes/plasma_web__light.js.map +1 -1
  96. package/themes/stylesSalute__dark.js +1 -1
  97. package/themes/stylesSalute__dark.js.map +1 -1
  98. package/themes/stylesSalute__light.js +1 -1
  99. package/themes/stylesSalute__light.js.map +1 -1
  100. package/tokens/index.d.ts +27 -0
  101. package/tokens/index.js +29 -2
  102. package/tokens/index.js.map +1 -1
  103. package/tokens/plasma_b2c/index.d.ts +27 -0
  104. package/tokens/plasma_b2c/index.js +29 -2
  105. package/tokens/plasma_b2c/index.js.map +1 -1
  106. package/tokens/plasma_giga/index.d.ts +27 -0
  107. package/tokens/plasma_giga/index.js +28 -1
  108. package/tokens/plasma_giga/index.js.map +1 -1
  109. package/tokens/plasma_giga_app/index.d.ts +27 -0
  110. package/tokens/plasma_giga_app/index.js +29 -2
  111. package/tokens/plasma_giga_app/index.js.map +1 -1
  112. package/tokens/plasma_homeds/index.d.ts +27 -0
  113. package/tokens/plasma_homeds/index.js +28 -1
  114. package/tokens/plasma_homeds/index.js.map +1 -1
  115. package/tokens/plasma_web/index.d.ts +27 -0
  116. package/tokens/plasma_web/index.js +28 -1
  117. package/tokens/plasma_web/index.js.map +1 -1
  118. package/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.d.ts +27 -0
  119. package/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.js +29 -2
  120. package/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.js.map +1 -1
  121. package/tokens/stylesSalute/index.d.ts +27 -0
  122. package/tokens/stylesSalute/index.js +29 -2
  123. package/tokens/stylesSalute/index.js.map +1 -1
  124. package/css/plasma_infra.module.css +0 -1073
  125. package/css/plasma_infra__dark.css +0 -877
  126. package/css/plasma_infra__light.css +0 -877
  127. package/es/themes/plasma_infra__dark.js +0 -3
  128. package/es/themes/plasma_infra__dark.js.map +0 -1
  129. package/es/themes/plasma_infra__light.js +0 -3
  130. package/es/themes/plasma_infra__light.js.map +0 -1
  131. package/es/tokens/plasma_infra/index.js +0 -909
  132. package/es/tokens/plasma_infra/index.js.map +0 -1
  133. package/themes/plasma_infra__dark.d.ts +0 -1
  134. package/themes/plasma_infra__dark.js +0 -6
  135. package/themes/plasma_infra__dark.js.map +0 -1
  136. package/themes/plasma_infra__light.d.ts +0 -1
  137. package/themes/plasma_infra__light.js +0 -6
  138. package/themes/plasma_infra__light.js.map +0 -1
  139. package/tokens/plasma_infra/index.d.ts +0 -907
  140. package/tokens/plasma_infra/index.js +0 -917
  141. package/tokens/plasma_infra/index.js.map +0 -1
@@ -1,909 +0,0 @@
1
- // Generated by robots, do not change this manually!
2
- /** Основной цвет текста */
3
- export var textPrimaryHover = 'var(--text-primary-hover, #C5C8DDFF)';
4
- /** Основной цвет текста */
5
- export var textPrimaryActive = 'var(--text-primary-active, #D8DAE9FF)';
6
- /** Основной цвет текста */
7
- export var textPrimaryBrightness = 'var(--text-primary-brightness, #FFFFFFFF)';
8
- /** Вторичный цвет текста */
9
- export var textSecondaryHover = 'var(--text-secondary-hover, #FFFFFFFF)';
10
- /** Вторичный цвет текста */
11
- export var textSecondaryActive = 'var(--text-secondary-active, #303340FF)';
12
- /** Третичный цвет текста */
13
- export var textTertiaryHover = 'var(--text-tertiary-hover, #FFFFFFFF)';
14
- /** Третичный цвет текста */
15
- export var textTertiaryActive = 'var(--text-tertiary-active, #808293FF)';
16
- /** Сплошной наборный текст */
17
- export var textParagraphHover = 'var(--text-paragraph-hover, #FFFFFFFF)';
18
- /** Сплошной наборный текст */
19
- export var textParagraphActive = 'var(--text-paragraph-active, #585A65FF)';
20
- /** Цвет ошибки */
21
- export var textNegativeHover = 'var(--text-negative-hover, #F5384BFF)';
22
- /** Цвет ошибки */
23
- export var textNegativeActive = 'var(--text-negative-active, #E40C22FF)';
24
- /** Основной цвет текста */
25
- export var textPrimary = 'var(--text-primary, #ECEDF4FF)';
26
- /** Вторичный цвет текста */
27
- export var textSecondary = 'var(--text-secondary, #AEB2C2FF)';
28
- /** Третичный цвет текста */
29
- export var textTertiary = 'var(--text-tertiary, #4B4C58FF)';
30
- /** Сплошной наборный текст */
31
- export var textParagraph = 'var(--text-paragraph, #828592FF)';
32
- /** Цвет ошибки */
33
- export var textNegative = 'var(--text-negative, #F31B31)';
34
- /** Основной цвет текста на темном фоне */
35
- export var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #C5C8DDFF)';
36
- /** Основной цвет текста на темном фоне */
37
- export var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #D8DAE9FF)';
38
- /** Основной цвет текста на темном фоне */
39
- export var onDarkTextPrimaryBrightness = 'var(--on-dark-text-primary-brightness, #FFFFFFFF)';
40
- /** Вторичный цвет текста на темном фоне */
41
- export var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FFFFFFFF)';
42
- /** Вторичный цвет текста на темном фоне */
43
- export var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #303340FF)';
44
- /** Третичный цвет текста на темном фоне */
45
- export var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FFFFFFFF)';
46
- /** Третичный цвет текста на темном фоне */
47
- export var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #808293FF)';
48
- /** Сплошной наборный текст на темном фоне */
49
- export var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FFFFFFFF)';
50
- /** Сплошной наборный текст на темном фоне */
51
- export var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #585A65FF)';
52
- /** Цвет ошибки на темном фоне */
53
- export var onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #F5384BFF)';
54
- /** Цвет ошибки на темном фоне */
55
- export var onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #E40C22FF)';
56
- /** Основной цвет текста на темном фоне */
57
- export var onDarkTextPrimary = 'var(--on-dark-text-primary, #ECEDF4FF)';
58
- /** Вторичный цвет текста на темном фоне */
59
- export var onDarkTextSecondary = 'var(--on-dark-text-secondary, #AEB2C2FF)';
60
- /** Третичный цвет текста на темном фоне */
61
- export var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #4B4C58FF)';
62
- /** Сплошной наборный текст на темном фоне */
63
- export var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #828592FF)';
64
- /** Цвет ошибки на темном фоне */
65
- export var onDarkTextNegative = 'var(--on-dark-text-negative, #F31B31)';
66
- /** Основной цвет текста на светлом фоне */
67
- export var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #FFFFFFFF)';
68
- /** Основной цвет текста на светлом фоне */
69
- export var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #AEB3C2FF)';
70
- /** Основной цвет текста на светлом фоне */
71
- export var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #23262FFF)';
72
- /** Вторичный цвет текста на светлом фоне */
73
- export var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #FFFFFFFF)';
74
- /** Вторичный цвет текста на светлом фоне */
75
- export var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #808293FF)';
76
- /** Третичный цвет текста на светлом фоне */
77
- export var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #FFFFFFFF)';
78
- /** Третичный цвет текста на светлом фоне */
79
- export var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #4B4D58FF)';
80
- /** Сплошной наборный текст на светлом фоне */
81
- export var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #FFFFFFFF)';
82
- /** Сплошной наборный текст на светлом фоне */
83
- export var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #5F616DFF)';
84
- /** Цвет ошибки на светлом фоне */
85
- export var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #F5384BFF)';
86
- /** Цвет ошибки на светлом фоне */
87
- export var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #E40C22FF)';
88
- /** Основной цвет текста на светлом фоне */
89
- export var onLightTextPrimary = 'var(--on-light-text-primary, #16181DFF)';
90
- /** Вторичный цвет текста на светлом фоне */
91
- export var onLightTextSecondary = 'var(--on-light-text-secondary, #4B4C58FF)';
92
- /** Третичный цвет текста на светлом фоне */
93
- export var onLightTextTertiary = 'var(--on-light-text-tertiary, #9194A1FF)';
94
- /** Сплошной наборный текст на светлом фоне */
95
- export var onLightTextParagraph = 'var(--on-light-text-paragraph, #777A88FF)';
96
- /** Цвет ошибки на светлом фоне */
97
- export var onLightTextNegative = 'var(--on-light-text-negative, #F31B31)';
98
- /** Инвертированный основной цвет текста */
99
- export var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #FFFFFFFF)';
100
- /** Инвертированный основной цвет текста */
101
- export var inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #AEB3C2FF)';
102
- /** Инвертированный основной цвет текста */
103
- export var inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #23262FFF)';
104
- /** Инвертированный вторичный цвет текста */
105
- export var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #FFFFFFFF)';
106
- /** Инвертированный вторичный цвет текста */
107
- export var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #808293FF)';
108
- /** Инвертированный третичный цвет текста */
109
- export var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #FFFFFFFF)';
110
- /** Инвертированный третичный цвет текста */
111
- export var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #4B4D58FF)';
112
- /** Инвертированный сплошной наборный текст */
113
- export var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #FFFFFFFF)';
114
- /** Инвертированный сплошной наборный текст */
115
- export var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #5F616DFF)';
116
- /** Инвертированный цвет ошибки */
117
- export var inverseTextNegative = 'var(--inverse-text-negative, #F31B31)';
118
- /** Инвертированный цвет ошибки */
119
- export var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #F5384BFF)';
120
- /** Инвертированный цвет ошибки */
121
- export var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #E40C22FF)';
122
- /** Инвертированный основной цвет текста */
123
- export var inverseTextPrimary = 'var(--inverse-text-primary, #16181DFF)';
124
- /** Инвертированный вторичный цвет текста */
125
- export var inverseTextSecondary = 'var(--inverse-text-secondary, #4B4C58FF)';
126
- /** Инвертированный третичный цвет текста */
127
- export var inverseTextTertiary = 'var(--inverse-text-tertiary, #9194A1FF)';
128
- /** Инвертированный сплошной наборный текст */
129
- export var inverseTextParagraph = 'var(--inverse-text-paragraph, #777A88FF)';
130
- /** Основной фон для карточек */
131
- export var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #545663FF)';
132
- /** Основной фон для карточек */
133
- export var surfaceSolidCardActive = 'var(--surface-solid-card-active, #464753FF)';
134
- /** Основной фон для карточек */
135
- export var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #595A69FF)';
136
- /** Непрозрачный фон поверхности/контрола по умолчанию */
137
- export var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #B9BDCAFF)';
138
- /** Непрозрачный фон поверхности/контрола по умолчанию */
139
- export var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #A8ACBDFF)';
140
- /** Основной прозрачный фон поверхности/контрола */
141
- export var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #F8F9FC14)';
142
- /** Основной прозрачный фон поверхности/контрола */
143
- export var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #F8F9FC05)';
144
- /** Вторичный прозрачный фон поверхности/контрола */
145
- export var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #F8F9FC1F)';
146
- /** Вторичный прозрачный фон поверхности/контрола */
147
- export var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #F8F9FC0A)';
148
- /** Основной прозрачный фон поверхности/контрола */
149
- export var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #F7F8FB0A)';
150
- /** Непрозрачный фон поверхности/контрола по умолчанию */
151
- export var surfaceSolidDefault = 'var(--surface-solid-default, #AEB2C2FF)';
152
- /** Основной фон для карточек */
153
- export var surfaceSolidCard = 'var(--surface-solid-card, #4B4C58FF)';
154
- /** Вторичный прозрачный фон поверхности/контрола */
155
- export var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #F7F8FB0F)';
156
- /** Основной фон для карточек на темном фоне */
157
- export var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #545663FF)';
158
- /** Основной фон для карточек на темном фоне */
159
- export var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #464753FF)';
160
- /** Основной фон для карточек на темном фоне */
161
- export var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #595A69FF)';
162
- /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
163
- export var onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #B9BDCAFF)';
164
- /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
165
- export var onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #A8ACBDFF)';
166
- /** Основной прозрачный фон поверхности/контрола на темном фоне */
167
- export var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #F8F9FC14)';
168
- /** Основной прозрачный фон поверхности/контрола на темном фоне */
169
- export var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #F8F9FC05)';
170
- /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
171
- export var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #F8F9FC1F)';
172
- /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
173
- export var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #F8F9FC0A)';
174
- /** Основной фон для карточек на темном фоне */
175
- export var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #4B4C58FF)';
176
- /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
177
- export var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #AEB2C2FF)';
178
- /** Основной прозрачный фон поверхности/контрола на темном фоне */
179
- export var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #F7F8FB0A)';
180
- /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
181
- export var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #F7F8FB0F)';
182
- /** Основной фон для карточек на светлом фоне */
183
- export var onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #F9F9FBFF)';
184
- /** Основной фон для карточек на светлом фоне */
185
- export var onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #E5E6F0FF)';
186
- /** Основной фон для карточек на светлом фоне */
187
- export var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
188
- /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
189
- export var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #818492FF)';
190
- /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
191
- export var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #727583FF)';
192
- /** Основной прозрачный фон поверхности/контрола на светлом фоне */
193
- export var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #08090C14)';
194
- /** Основной прозрачный фон поверхности/контрола на светлом фоне */
195
- export var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #08090C05)';
196
- /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
197
- export var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #08090C1F)';
198
- /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
199
- export var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #08090C0A)';
200
- /** Основной фон для карточек на светлом фоне */
201
- export var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #ECEDF4FF)';
202
- /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
203
- export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #777A88FF)';
204
- /** Основной прозрачный фон поверхности/контрола на светлом фоне */
205
- export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #07080B0A)';
206
- /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
207
- export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #07080B0F)';
208
- /** Инвертированный основной фон для карточек */
209
- export var inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #F9F9FBFF)';
210
- /** Инвертированный основной фон для карточек */
211
- export var inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #E5E6F0FF)';
212
- /** Инвертированный основной фон для карточек */
213
- export var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-brightness, #FFFFFFFF)';
214
- /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
215
- export var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #818492FF)';
216
- /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
217
- export var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #727583FF)';
218
- /** Инвертированный основной прозрачный фон поверхности/контрола */
219
- export var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #08090C14)';
220
- /** Инвертированный основной прозрачный фон поверхности/контрола */
221
- export var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #08090C05)';
222
- /** Инвертированный вторичный прозрачный фон поверхности/контрола */
223
- export var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #08090C1F)';
224
- /** Инвертированный вторичный прозрачный фон поверхности/контрола */
225
- export var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #08090C0A)';
226
- /** Инвертированный основной фон для карточек */
227
- export var inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #ECEDF4FF)';
228
- /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
229
- export var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #777A88FF)';
230
- /** Инвертированный основной прозрачный фон поверхности/контрола */
231
- export var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #07080B0A)';
232
- /** Инвертированный вторичный прозрачный фон поверхности/контрола */
233
- export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #07080B0F)';
234
- /** Основной фон */
235
- export var backgroundPrimary = 'var(--background-primary, #07080BFF)';
236
- /** Вторичный фон */
237
- export var backgroundSecondary = 'var(--background-secondary, #16181DFF)';
238
- /** Третичный фон */
239
- export var backgroundTertiary = 'var(--background-tertiary, #25262DFF)';
240
- /** Основной фон на темном фоне */
241
- export var darkBackgroundPrimary = 'var(--dark-background-primary, #07080BFF)';
242
- /** Вторичный фон на темном фоне */
243
- export var darkBackgroundSecondary = 'var(--dark-background-secondary, #16181DFF)';
244
- /** Третичный фон на темном фоне */
245
- export var darkBackgroundTertiary = 'var(--dark-background-tertiary, #25262DFF)';
246
- /** Основной фон на светлом фоне */
247
- export var lightBackgroundPrimary = 'var(--light-background-primary, #AEB2C2FF)';
248
- /** Вторичный фон на светлом фоне */
249
- export var lightBackgroundSecondary = 'var(--light-background-secondary, #C4C7D4FF)';
250
- /** Третичный фон на светлом фоне */
251
- export var lightBackgroundTertiary = 'var(--light-background-tertiary, #D8DCE8FF)';
252
- /** Инвертированный основной фон */
253
- export var inverseBackgroundPrimary = 'var(--inverse-background-primary, #AEB2C2FF)';
254
- /** Инвертированный вторичный фон */
255
- export var inverseBackgroundSecondary = 'var(--inverse-background-secondary, #C4C7D4FF)';
256
- /** Инвертированный третичный фон */
257
- export var inverseBackgroundTertiary = 'var(--inverse-background-tertiary, #D8DCE8FF)';
258
- /** Основной непрозрачный цвет обводки */
259
- export var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #FFFFFFFF)';
260
- /** Основной непрозрачный цвет обводки */
261
- export var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #A2A4B3FF)';
262
- /** Вторичный непрозрачный цвет обводки */
263
- export var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #FFFFFFFF)';
264
- /** Вторичный непрозрачный цвет обводки */
265
- export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #808293FF)';
266
- /** Основной прозрачный цвет обводки */
267
- export var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #F8F9FCFF)';
268
- /** Основной прозрачный цвет обводки */
269
- export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #F8F9FC25)';
270
- /** Основной непрозрачный цвет обводки */
271
- export var outlineSolidPrimary = 'var(--outline-solid-primary, #25262DFF)';
272
- /** Вторичный непрозрачный цвет обводки */
273
- export var outlineSolidSecondary = 'var(--outline-solid-secondary, #4B4C58FF)';
274
- /** Основной прозрачный цвет обводки */
275
- export var outlineTransparentPrimary = 'var(--outline-transparent-primary, #F7F8FB1F)';
276
- /** Основной непрозрачный цвет обводки на темном фоне */
277
- export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
278
- /** Основной непрозрачный цвет обводки на темном фоне */
279
- export var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #A2A4B3FF)';
280
- /** Вторичный непрозрачный цвет обводки на темном фоне */
281
- export var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #FFFFFFFF)';
282
- /** Вторичный непрозрачный цвет обводки на темном фоне */
283
- export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #808293FF)';
284
- /** Основной прозрачный цвет обводки на темном фоне */
285
- export var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #F8F9FCFF)';
286
- /** Основной прозрачный цвет обводки на темном фоне */
287
- export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #F8F9FC25)';
288
- /** Основной непрозрачный цвет обводки на темном фоне */
289
- export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #25262DFF)';
290
- /** Вторичный непрозрачный цвет обводки на темном фоне */
291
- export var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #4B4C58FF)';
292
- /** Основной прозрачный цвет обводки на темном фоне */
293
- export var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #F7F8FB1F)';
294
- /** Основной непрозрачный цвет обводки на светлом фоне */
295
- export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #B2BAD2FF)';
296
- /** Основной непрозрачный цвет обводки на светлом фоне */
297
- export var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C5CBDDFF)';
298
- /** Вторичный непрозрачный цвет обводки на светлом фоне */
299
- export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #FFFFFFFF)';
300
- /** Вторичный непрозрачный цвет обводки на светлом фоне */
301
- export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #303340FF)';
302
- /** Основной прозрачный цвет обводки на светлом фоне */
303
- export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #08090CFF)';
304
- /** Основной прозрачный цвет обводки на светлом фоне */
305
- export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #08090C25)';
306
- /** Основной непрозрачный цвет обводки на светлом фоне */
307
- export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #D8DCE8FF)';
308
- /** Вторичный непрозрачный цвет обводки на светлом фоне */
309
- export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #AEB2C2FF)';
310
- /** Основной прозрачный цвет обводки на светлом фоне */
311
- export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #07080B1F)';
312
- /** Инвертированный основной непрозрачный цвет обводки */
313
- export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #B2BAD2FF)';
314
- /** Инвертированный основной непрозрачный цвет обводки */
315
- export var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C5CBDDFF)';
316
- /** Инвертированный вторичный непрозрачный цвет обводки */
317
- export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #FFFFFFFF)';
318
- /** Инвертированный вторичный непрозрачный цвет обводки */
319
- export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #303340FF)';
320
- /** Инвертированный основной прозрачный цвет обводки */
321
- export var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #08090CFF)';
322
- /** Инвертированный основной прозрачный цвет обводки */
323
- export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #08090C25)';
324
- /** Инвертированный основной непрозрачный цвет обводки */
325
- export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #D8DCE8FF)';
326
- /** Инвертированный вторичный непрозрачный цвет обводки */
327
- export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #AEB2C2FF)';
328
- /** Инвертированный основной прозрачный цвет обводки */
329
- export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, #07080B1F)';
330
- /** Фон для скелетона */
331
- export var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))';
332
- /** Фон для скелетона */
333
- export var surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover, #FFFFFFFF)';
334
- /** Фон для скелетона */
335
- export var surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active, #FFFFFFFF)';
336
- /** Яркий фон для скелетона */
337
- export var surfaceSkeletonDeepGradient = 'var(--surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))';
338
- /** Яркий фон для скелетона */
339
- export var surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
340
- /** Яркий фон для скелетона */
341
- export var surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)';
342
- /** Фон для скелетона */
343
- export var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))';
344
- /** Фон для скелетона */
345
- export var onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover, #FFFFFFFF)';
346
- /** Фон для скелетона */
347
- export var onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active, #FFFFFFFF)';
348
- /** Яркий фон для скелетона */
349
- export var onDarkSurfaceSkeletonDeepGradient = 'var(--on-dark-surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))';
350
- /** Яркий фон для скелетона */
351
- export var onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
352
- /** Яркий фон для скелетона */
353
- export var onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
354
- /** Фон для скелетона */
355
- export var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))';
356
- /** Фон для скелетона */
357
- export var onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)';
358
- /** Фон для скелетона */
359
- export var onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)';
360
- /** Яркий фон для скелетона */
361
- export var onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))';
362
- /** Яркий фон для скелетона */
363
- export var onLightSurfaceSkeletonDeepGradientHover = 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
364
- /** Яркий фон для скелетона */
365
- export var onLightSurfaceSkeletonDeepGradientActive = 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
366
- /** Фон для скелетона */
367
- export var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))';
368
- /** Фон для скелетона */
369
- export var inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover, #FFFFFFFF)';
370
- /** Фон для скелетона */
371
- export var inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active, #FFFFFFFF)';
372
- /** Яркий фон для скелетона */
373
- export var inverseSurfaceSkeletonDeepGradient = 'var(--inverse-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))';
374
- /** Яркий фон для скелетона */
375
- export var inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
376
- /** Яркий фон для скелетона */
377
- export var inverseSurfaceSkeletonDeepGradientActive = 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
378
- /** shadow down soft s */
379
- export var shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px #08080814,0px 1px 4px -1px #0000000A)';
380
- /** shadow down soft m */
381
- export var shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px #00000014)';
382
- /** shadow down soft l */
383
- export var shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px #00000014)';
384
- /** shadow down hard s */
385
- export var shadowDownHardS = 'var(--shadow-down-hard-s, 0px 4px 12px -3px #08080829,0px 1px 4px -2px #00000014)';
386
- /** shadow down hard m */
387
- export var shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px #0000003D)';
388
- /** shadow down hard l */
389
- export var shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px #00000066)';
390
- /** shadow up soft s */
391
- export var shadowUpSoftS = 'var(--shadow-up-soft-s, 0px -4px 14px -4px #08080814,0px -1px 4px -1px #00000008)';
392
- /** shadow up soft m */
393
- export var shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px #00000014)';
394
- /** shadow up soft l */
395
- export var shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px #00000014)';
396
- /** shadow up hard s */
397
- export var shadowUpHardS = 'var(--shadow-up-hard-s, 0px -4px 12px -3px #08080833,0px -1px 4px -1px #00000008)';
398
- /** shadow up hard m */
399
- export var shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px #0000003D)';
400
- /** shadow up hard l */
401
- export var shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px #00000066)';
402
- /** borderRadius xxs */
403
- export var borderRadiusXxs = 'var(--border-radius-xxs, 4px)';
404
- /** borderRadius xs */
405
- export var borderRadiusXs = 'var(--border-radius-xs, 6px)';
406
- /** borderRadius s */
407
- export var borderRadiusS = 'var(--border-radius-s, 8px)';
408
- /** borderRadius m */
409
- export var borderRadiusM = 'var(--border-radius-m, 12px)';
410
- /** borderRadius l */
411
- export var borderRadiusL = 'var(--border-radius-l, 16px)';
412
- /** borderRadius xl */
413
- export var borderRadiusXl = 'var(--border-radius-xl, 20px)';
414
- /** borderRadius xxl */
415
- export var borderRadiusXxl = 'var(--border-radius-xxl, 32px)';
416
- /** spacing 0x */
417
- export var spacing0x = 'var(--spacing-0x, 0px)';
418
- /** spacing 1x */
419
- export var spacing1x = 'var(--spacing-1x, 2px)';
420
- /** spacing 2x */
421
- export var spacing2x = 'var(--spacing-2x, 4px)';
422
- /** spacing 3x */
423
- export var spacing3x = 'var(--spacing-3x, 6px)';
424
- /** spacing 4x */
425
- export var spacing4x = 'var(--spacing-4x, 8px)';
426
- /** spacing 6x */
427
- export var spacing6x = 'var(--spacing-6x, 12px)';
428
- /** spacing 8x */
429
- export var spacing8x = 'var(--spacing-8x, 16px)';
430
- /** spacing 10x */
431
- export var spacing10x = 'var(--spacing-10x, 20px)';
432
- /** spacing 12x */
433
- export var spacing12x = 'var(--spacing-12x, 24px)';
434
- /** spacing 16x */
435
- export var spacing16x = 'var(--spacing-16x, 32px)';
436
- /** spacing 20x */
437
- export var spacing20x = 'var(--spacing-20x, 40px)';
438
- /** spacing 24x */
439
- export var spacing24x = 'var(--spacing-24x, 48px)';
440
- /** spacing 32x */
441
- export var spacing32x = 'var(--spacing-32x, 64px)';
442
- /** spacing 40x */
443
- export var spacing40x = 'var(--spacing-40x, 80px)';
444
- /** spacing 60x */
445
- export var spacing60x = 'var(--spacing-60x, 120px)';
446
- /** typography s display-l */
447
- export var dsplL = {
448
- fontFamily: 'var(--plasma-typo-dspl-l-font-family)',
449
- fontSize: 'var(--plasma-typo-dspl-l-font-size)',
450
- fontStyle: 'var(--plasma-typo-dspl-l-font-style)',
451
- fontWeight: 'var(--plasma-typo-dspl-l-font-weight)',
452
- letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)',
453
- lineHeight: 'var(--plasma-typo-dspl-l-line-height)',
454
- };
455
- /** typography s display-l-bold */
456
- export var dsplLBold = {
457
- fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)',
458
- fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)',
459
- fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)',
460
- fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)',
461
- letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)',
462
- lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)',
463
- };
464
- /** typography s display-m */
465
- export var dsplM = {
466
- fontFamily: 'var(--plasma-typo-dspl-m-font-family)',
467
- fontSize: 'var(--plasma-typo-dspl-m-font-size)',
468
- fontStyle: 'var(--plasma-typo-dspl-m-font-style)',
469
- fontWeight: 'var(--plasma-typo-dspl-m-font-weight)',
470
- letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)',
471
- lineHeight: 'var(--plasma-typo-dspl-m-line-height)',
472
- };
473
- /** typography s display-m-bold */
474
- export var dsplMBold = {
475
- fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)',
476
- fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)',
477
- fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)',
478
- fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)',
479
- letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)',
480
- lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)',
481
- };
482
- /** typography s display-s */
483
- export var dsplS = {
484
- fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
485
- fontSize: 'var(--plasma-typo-dspl-s-font-size)',
486
- fontStyle: 'var(--plasma-typo-dspl-s-font-style)',
487
- fontWeight: 'var(--plasma-typo-dspl-s-font-weight)',
488
- letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)',
489
- lineHeight: 'var(--plasma-typo-dspl-s-line-height)',
490
- };
491
- /** typography s display-s-bold */
492
- export var dsplSBold = {
493
- fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)',
494
- fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)',
495
- fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)',
496
- fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)',
497
- letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)',
498
- lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)',
499
- };
500
- /** typography s header-h1 */
501
- export var h1 = {
502
- fontFamily: 'var(--plasma-typo-h1-font-family)',
503
- fontSize: 'var(--plasma-typo-h1-font-size)',
504
- fontStyle: 'var(--plasma-typo-h1-font-style)',
505
- fontWeight: 'var(--plasma-typo-h1-font-weight)',
506
- letterSpacing: 'var(--plasma-typo-h1-letter-spacing)',
507
- lineHeight: 'var(--plasma-typo-h1-line-height)',
508
- };
509
- /** typography s header-h1-bold */
510
- export var h1Bold = {
511
- fontFamily: 'var(--plasma-typo-h1-bold-font-family)',
512
- fontSize: 'var(--plasma-typo-h1-bold-font-size)',
513
- fontStyle: 'var(--plasma-typo-h1-bold-font-style)',
514
- fontWeight: 'var(--plasma-typo-h1-bold-font-weight)',
515
- letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)',
516
- lineHeight: 'var(--plasma-typo-h1-bold-line-height)',
517
- };
518
- /** typography s header-h2 */
519
- export var h2 = {
520
- fontFamily: 'var(--plasma-typo-h2-font-family)',
521
- fontSize: 'var(--plasma-typo-h2-font-size)',
522
- fontStyle: 'var(--plasma-typo-h2-font-style)',
523
- fontWeight: 'var(--plasma-typo-h2-font-weight)',
524
- letterSpacing: 'var(--plasma-typo-h2-letter-spacing)',
525
- lineHeight: 'var(--plasma-typo-h2-line-height)',
526
- };
527
- /** typography s header-h2-bold */
528
- export var h2Bold = {
529
- fontFamily: 'var(--plasma-typo-h2-bold-font-family)',
530
- fontSize: 'var(--plasma-typo-h2-bold-font-size)',
531
- fontStyle: 'var(--plasma-typo-h2-bold-font-style)',
532
- fontWeight: 'var(--plasma-typo-h2-bold-font-weight)',
533
- letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)',
534
- lineHeight: 'var(--plasma-typo-h2-bold-line-height)',
535
- };
536
- /** typography s header-h3 */
537
- export var h3 = {
538
- fontFamily: 'var(--plasma-typo-h3-font-family)',
539
- fontSize: 'var(--plasma-typo-h3-font-size)',
540
- fontStyle: 'var(--plasma-typo-h3-font-style)',
541
- fontWeight: 'var(--plasma-typo-h3-font-weight)',
542
- letterSpacing: 'var(--plasma-typo-h3-letter-spacing)',
543
- lineHeight: 'var(--plasma-typo-h3-line-height)',
544
- };
545
- /** typography s header-h3-bold */
546
- export var h3Bold = {
547
- fontFamily: 'var(--plasma-typo-h3-bold-font-family)',
548
- fontSize: 'var(--plasma-typo-h3-bold-font-size)',
549
- fontStyle: 'var(--plasma-typo-h3-bold-font-style)',
550
- fontWeight: 'var(--plasma-typo-h3-bold-font-weight)',
551
- letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)',
552
- lineHeight: 'var(--plasma-typo-h3-bold-line-height)',
553
- };
554
- /** typography s header-h4 */
555
- export var h4 = {
556
- fontFamily: 'var(--plasma-typo-h4-font-family)',
557
- fontSize: 'var(--plasma-typo-h4-font-size)',
558
- fontStyle: 'var(--plasma-typo-h4-font-style)',
559
- fontWeight: 'var(--plasma-typo-h4-font-weight)',
560
- letterSpacing: 'var(--plasma-typo-h4-letter-spacing)',
561
- lineHeight: 'var(--plasma-typo-h4-line-height)',
562
- };
563
- /** typography s header-h4-bold */
564
- export var h4Bold = {
565
- fontFamily: 'var(--plasma-typo-h4-bold-font-family)',
566
- fontSize: 'var(--plasma-typo-h4-bold-font-size)',
567
- fontStyle: 'var(--plasma-typo-h4-bold-font-style)',
568
- fontWeight: 'var(--plasma-typo-h4-bold-font-weight)',
569
- letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)',
570
- lineHeight: 'var(--plasma-typo-h4-bold-line-height)',
571
- };
572
- /** typography s header-h5 */
573
- export var h5 = {
574
- fontFamily: 'var(--plasma-typo-h5-font-family)',
575
- fontSize: 'var(--plasma-typo-h5-font-size)',
576
- fontStyle: 'var(--plasma-typo-h5-font-style)',
577
- fontWeight: 'var(--plasma-typo-h5-font-weight)',
578
- letterSpacing: 'var(--plasma-typo-h5-letter-spacing)',
579
- lineHeight: 'var(--plasma-typo-h5-line-height)',
580
- };
581
- /** typography s header-h5-bold */
582
- export var h5Bold = {
583
- fontFamily: 'var(--plasma-typo-h5-bold-font-family)',
584
- fontSize: 'var(--plasma-typo-h5-bold-font-size)',
585
- fontStyle: 'var(--plasma-typo-h5-bold-font-style)',
586
- fontWeight: 'var(--plasma-typo-h5-bold-font-weight)',
587
- letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)',
588
- lineHeight: 'var(--plasma-typo-h5-bold-line-height)',
589
- };
590
- /** typography s body-l */
591
- export var bodyL = {
592
- fontFamily: 'var(--plasma-typo-body-l-font-family)',
593
- fontSize: 'var(--plasma-typo-body-l-font-size)',
594
- fontStyle: 'var(--plasma-typo-body-l-font-style)',
595
- fontWeight: 'var(--plasma-typo-body-l-font-weight)',
596
- letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)',
597
- lineHeight: 'var(--plasma-typo-body-l-line-height)',
598
- };
599
- /** typography s body-l-bold */
600
- export var bodyLBold = {
601
- fontFamily: 'var(--plasma-typo-body-l-bold-font-family)',
602
- fontSize: 'var(--plasma-typo-body-l-bold-font-size)',
603
- fontStyle: 'var(--plasma-typo-body-l-bold-font-style)',
604
- fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)',
605
- letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)',
606
- lineHeight: 'var(--plasma-typo-body-l-bold-line-height)',
607
- };
608
- /** typography s body-m */
609
- export var bodyM = {
610
- fontFamily: 'var(--plasma-typo-body-m-font-family)',
611
- fontSize: 'var(--plasma-typo-body-m-font-size)',
612
- fontStyle: 'var(--plasma-typo-body-m-font-style)',
613
- fontWeight: 'var(--plasma-typo-body-m-font-weight)',
614
- letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)',
615
- lineHeight: 'var(--plasma-typo-body-m-line-height)',
616
- };
617
- /** typography s body-m-bold */
618
- export var bodyMBold = {
619
- fontFamily: 'var(--plasma-typo-body-m-bold-font-family)',
620
- fontSize: 'var(--plasma-typo-body-m-bold-font-size)',
621
- fontStyle: 'var(--plasma-typo-body-m-bold-font-style)',
622
- fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)',
623
- letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)',
624
- lineHeight: 'var(--plasma-typo-body-m-bold-line-height)',
625
- };
626
- /** typography s body-s */
627
- export var bodyS = {
628
- fontFamily: 'var(--plasma-typo-body-s-font-family)',
629
- fontSize: 'var(--plasma-typo-body-s-font-size)',
630
- fontStyle: 'var(--plasma-typo-body-s-font-style)',
631
- fontWeight: 'var(--plasma-typo-body-s-font-weight)',
632
- letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)',
633
- lineHeight: 'var(--plasma-typo-body-s-line-height)',
634
- };
635
- /** typography s body-s-bold */
636
- export var bodySBold = {
637
- fontFamily: 'var(--plasma-typo-body-s-bold-font-family)',
638
- fontSize: 'var(--plasma-typo-body-s-bold-font-size)',
639
- fontStyle: 'var(--plasma-typo-body-s-bold-font-style)',
640
- fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)',
641
- letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)',
642
- lineHeight: 'var(--plasma-typo-body-s-bold-line-height)',
643
- };
644
- /** typography s body-xs */
645
- export var bodyXS = {
646
- fontFamily: 'var(--plasma-typo-body-xs-font-family)',
647
- fontSize: 'var(--plasma-typo-body-xs-font-size)',
648
- fontStyle: 'var(--plasma-typo-body-xs-font-style)',
649
- fontWeight: 'var(--plasma-typo-body-xs-font-weight)',
650
- letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)',
651
- lineHeight: 'var(--plasma-typo-body-xs-line-height)',
652
- };
653
- /** typography s body-xs-bold */
654
- export var bodyXSBold = {
655
- fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)',
656
- fontSize: 'var(--plasma-typo-body-xs-bold-font-size)',
657
- fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)',
658
- fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)',
659
- letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)',
660
- lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)',
661
- };
662
- /** typography s body-xxs */
663
- export var bodyXXS = {
664
- fontFamily: 'var(--plasma-typo-body-xxs-font-family)',
665
- fontSize: 'var(--plasma-typo-body-xxs-font-size)',
666
- fontStyle: 'var(--plasma-typo-body-xxs-font-style)',
667
- fontWeight: 'var(--plasma-typo-body-xxs-font-weight)',
668
- letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)',
669
- lineHeight: 'var(--plasma-typo-body-xxs-line-height)',
670
- };
671
- /** typography s body-xxs-bold */
672
- export var bodyXXSBold = {
673
- fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)',
674
- fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)',
675
- fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)',
676
- fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)',
677
- letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)',
678
- lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)',
679
- };
680
- /** typography s text-l */
681
- export var textL = {
682
- fontFamily: 'var(--plasma-typo-text-l-font-family)',
683
- fontSize: 'var(--plasma-typo-text-l-font-size)',
684
- fontStyle: 'var(--plasma-typo-text-l-font-style)',
685
- fontWeight: 'var(--plasma-typo-text-l-font-weight)',
686
- letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)',
687
- lineHeight: 'var(--plasma-typo-text-l-line-height)',
688
- };
689
- /** typography s text-l-bold */
690
- export var textLBold = {
691
- fontFamily: 'var(--plasma-typo-text-l-bold-font-family)',
692
- fontSize: 'var(--plasma-typo-text-l-bold-font-size)',
693
- fontStyle: 'var(--plasma-typo-text-l-bold-font-style)',
694
- fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)',
695
- letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)',
696
- lineHeight: 'var(--plasma-typo-text-l-bold-line-height)',
697
- };
698
- /** typography s text-m */
699
- export var textM = {
700
- fontFamily: 'var(--plasma-typo-text-m-font-family)',
701
- fontSize: 'var(--plasma-typo-text-m-font-size)',
702
- fontStyle: 'var(--plasma-typo-text-m-font-style)',
703
- fontWeight: 'var(--plasma-typo-text-m-font-weight)',
704
- letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)',
705
- lineHeight: 'var(--plasma-typo-text-m-line-height)',
706
- };
707
- /** typography s text-m-bold */
708
- export var textMBold = {
709
- fontFamily: 'var(--plasma-typo-text-m-bold-font-family)',
710
- fontSize: 'var(--plasma-typo-text-m-bold-font-size)',
711
- fontStyle: 'var(--plasma-typo-text-m-bold-font-style)',
712
- fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)',
713
- letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)',
714
- lineHeight: 'var(--plasma-typo-text-m-bold-line-height)',
715
- };
716
- /** typography s text-s */
717
- export var textS = {
718
- fontFamily: 'var(--plasma-typo-text-s-font-family)',
719
- fontSize: 'var(--plasma-typo-text-s-font-size)',
720
- fontStyle: 'var(--plasma-typo-text-s-font-style)',
721
- fontWeight: 'var(--plasma-typo-text-s-font-weight)',
722
- letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)',
723
- lineHeight: 'var(--plasma-typo-text-s-line-height)',
724
- };
725
- /** typography s text-s-bold */
726
- export var textSBold = {
727
- fontFamily: 'var(--plasma-typo-text-s-bold-font-family)',
728
- fontSize: 'var(--plasma-typo-text-s-bold-font-size)',
729
- fontStyle: 'var(--plasma-typo-text-s-bold-font-style)',
730
- fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)',
731
- letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)',
732
- lineHeight: 'var(--plasma-typo-text-s-bold-line-height)',
733
- };
734
- /** typography s text-xs */
735
- export var textXS = {
736
- fontFamily: 'var(--plasma-typo-text-xs-font-family)',
737
- fontSize: 'var(--plasma-typo-text-xs-font-size)',
738
- fontStyle: 'var(--plasma-typo-text-xs-font-style)',
739
- fontWeight: 'var(--plasma-typo-text-xs-font-weight)',
740
- letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)',
741
- lineHeight: 'var(--plasma-typo-text-xs-line-height)',
742
- };
743
- /** typography s text-xs-bold */
744
- export var textXSBold = {
745
- fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)',
746
- fontSize: 'var(--plasma-typo-text-xs-bold-font-size)',
747
- fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)',
748
- fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)',
749
- letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)',
750
- lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)',
751
- };
752
- /** typography s display-l-medium */
753
- export var dsplLMedium = {
754
- fontFamily: 'var(--plasma-typo-dspl-l-medium-font-family)',
755
- fontSize: 'var(--plasma-typo-dspl-l-medium-font-size)',
756
- fontStyle: 'var(--plasma-typo-dspl-l-medium-font-style)',
757
- fontWeight: 'var(--plasma-typo-dspl-l-medium-font-weight)',
758
- letterSpacing: 'var(--plasma-typo-dspl-l-medium-letter-spacing)',
759
- lineHeight: 'var(--plasma-typo-dspl-l-medium-line-height)',
760
- };
761
- /** typography s display-m-medium */
762
- export var dsplMMedium = {
763
- fontFamily: 'var(--plasma-typo-dspl-m-medium-font-family)',
764
- fontSize: 'var(--plasma-typo-dspl-m-medium-font-size)',
765
- fontStyle: 'var(--plasma-typo-dspl-m-medium-font-style)',
766
- fontWeight: 'var(--plasma-typo-dspl-m-medium-font-weight)',
767
- letterSpacing: 'var(--plasma-typo-dspl-m-medium-letter-spacing)',
768
- lineHeight: 'var(--plasma-typo-dspl-m-medium-line-height)',
769
- };
770
- /** typography s display-s-medium */
771
- export var dsplSMedium = {
772
- fontFamily: 'var(--plasma-typo-dspl-s-medium-font-family)',
773
- fontSize: 'var(--plasma-typo-dspl-s-medium-font-size)',
774
- fontStyle: 'var(--plasma-typo-dspl-s-medium-font-style)',
775
- fontWeight: 'var(--plasma-typo-dspl-s-medium-font-weight)',
776
- letterSpacing: 'var(--plasma-typo-dspl-s-medium-letter-spacing)',
777
- lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)',
778
- };
779
- /** typography s header-h1-medium */
780
- export var h1Medium = {
781
- fontFamily: 'var(--plasma-typo-h1-medium-font-family)',
782
- fontSize: 'var(--plasma-typo-h1-medium-font-size)',
783
- fontStyle: 'var(--plasma-typo-h1-medium-font-style)',
784
- fontWeight: 'var(--plasma-typo-h1-medium-font-weight)',
785
- letterSpacing: 'var(--plasma-typo-h1-medium-letter-spacing)',
786
- lineHeight: 'var(--plasma-typo-h1-medium-line-height)',
787
- };
788
- /** typography s header-h2-medium */
789
- export var h2Medium = {
790
- fontFamily: 'var(--plasma-typo-h2-medium-font-family)',
791
- fontSize: 'var(--plasma-typo-h2-medium-font-size)',
792
- fontStyle: 'var(--plasma-typo-h2-medium-font-style)',
793
- fontWeight: 'var(--plasma-typo-h2-medium-font-weight)',
794
- letterSpacing: 'var(--plasma-typo-h2-medium-letter-spacing)',
795
- lineHeight: 'var(--plasma-typo-h2-medium-line-height)',
796
- };
797
- /** typography s header-h3-medium */
798
- export var h3Medium = {
799
- fontFamily: 'var(--plasma-typo-h3-medium-font-family)',
800
- fontSize: 'var(--plasma-typo-h3-medium-font-size)',
801
- fontStyle: 'var(--plasma-typo-h3-medium-font-style)',
802
- fontWeight: 'var(--plasma-typo-h3-medium-font-weight)',
803
- letterSpacing: 'var(--plasma-typo-h3-medium-letter-spacing)',
804
- lineHeight: 'var(--plasma-typo-h3-medium-line-height)',
805
- };
806
- /** typography s header-h4-medium */
807
- export var h4Medium = {
808
- fontFamily: 'var(--plasma-typo-h4-medium-font-family)',
809
- fontSize: 'var(--plasma-typo-h4-medium-font-size)',
810
- fontStyle: 'var(--plasma-typo-h4-medium-font-style)',
811
- fontWeight: 'var(--plasma-typo-h4-medium-font-weight)',
812
- letterSpacing: 'var(--plasma-typo-h4-medium-letter-spacing)',
813
- lineHeight: 'var(--plasma-typo-h4-medium-line-height)',
814
- };
815
- /** typography s header-h5-medium */
816
- export var h5Medium = {
817
- fontFamily: 'var(--plasma-typo-h5-medium-font-family)',
818
- fontSize: 'var(--plasma-typo-h5-medium-font-size)',
819
- fontStyle: 'var(--plasma-typo-h5-medium-font-style)',
820
- fontWeight: 'var(--plasma-typo-h5-medium-font-weight)',
821
- letterSpacing: 'var(--plasma-typo-h5-medium-letter-spacing)',
822
- lineHeight: 'var(--plasma-typo-h5-medium-line-height)',
823
- };
824
- /** typography s body-l-medium */
825
- export var bodyLMedium = {
826
- fontFamily: 'var(--plasma-typo-body-l-medium-font-family)',
827
- fontSize: 'var(--plasma-typo-body-l-medium-font-size)',
828
- fontStyle: 'var(--plasma-typo-body-l-medium-font-style)',
829
- fontWeight: 'var(--plasma-typo-body-l-medium-font-weight)',
830
- letterSpacing: 'var(--plasma-typo-body-l-medium-letter-spacing)',
831
- lineHeight: 'var(--plasma-typo-body-l-medium-line-height)',
832
- };
833
- /** typography s body-m-medium */
834
- export var bodyMMedium = {
835
- fontFamily: 'var(--plasma-typo-body-m-medium-font-family)',
836
- fontSize: 'var(--plasma-typo-body-m-medium-font-size)',
837
- fontStyle: 'var(--plasma-typo-body-m-medium-font-style)',
838
- fontWeight: 'var(--plasma-typo-body-m-medium-font-weight)',
839
- letterSpacing: 'var(--plasma-typo-body-m-medium-letter-spacing)',
840
- lineHeight: 'var(--plasma-typo-body-m-medium-line-height)',
841
- };
842
- /** typography s body-s-medium */
843
- export var bodySMedium = {
844
- fontFamily: 'var(--plasma-typo-body-s-medium-font-family)',
845
- fontSize: 'var(--plasma-typo-body-s-medium-font-size)',
846
- fontStyle: 'var(--plasma-typo-body-s-medium-font-style)',
847
- fontWeight: 'var(--plasma-typo-body-s-medium-font-weight)',
848
- letterSpacing: 'var(--plasma-typo-body-s-medium-letter-spacing)',
849
- lineHeight: 'var(--plasma-typo-body-s-medium-line-height)',
850
- };
851
- /** typography s body-xs-medium */
852
- export var bodyXSMedium = {
853
- fontFamily: 'var(--plasma-typo-body-xs-medium-font-family)',
854
- fontSize: 'var(--plasma-typo-body-xs-medium-font-size)',
855
- fontStyle: 'var(--plasma-typo-body-xs-medium-font-style)',
856
- fontWeight: 'var(--plasma-typo-body-xs-medium-font-weight)',
857
- letterSpacing: 'var(--plasma-typo-body-xs-medium-letter-spacing)',
858
- lineHeight: 'var(--plasma-typo-body-xs-medium-line-height)',
859
- };
860
- /** typography s body-xxs-medium */
861
- export var bodyXXSMedium = {
862
- fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)',
863
- fontSize: 'var(--plasma-typo-body-xxs-medium-font-size)',
864
- fontStyle: 'var(--plasma-typo-body-xxs-medium-font-style)',
865
- fontWeight: 'var(--plasma-typo-body-xxs-medium-font-weight)',
866
- letterSpacing: 'var(--plasma-typo-body-xxs-medium-letter-spacing)',
867
- lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)',
868
- };
869
- /** typography s text-l-medium */
870
- export var textLMedium = {
871
- fontFamily: 'var(--plasma-typo-text-l-medium-font-family)',
872
- fontSize: 'var(--plasma-typo-text-l-medium-font-size)',
873
- fontStyle: 'var(--plasma-typo-text-l-medium-font-style)',
874
- fontWeight: 'var(--plasma-typo-text-l-medium-font-weight)',
875
- letterSpacing: 'var(--plasma-typo-text-l-medium-letter-spacing)',
876
- lineHeight: 'var(--plasma-typo-text-l-medium-line-height)',
877
- };
878
- /** typography s text-m-medium */
879
- export var textMMedium = {
880
- fontFamily: 'var(--plasma-typo-text-m-medium-font-family)',
881
- fontSize: 'var(--plasma-typo-text-m-medium-font-size)',
882
- fontStyle: 'var(--plasma-typo-text-m-medium-font-style)',
883
- fontWeight: 'var(--plasma-typo-text-m-medium-font-weight)',
884
- letterSpacing: 'var(--plasma-typo-text-m-medium-letter-spacing)',
885
- lineHeight: 'var(--plasma-typo-text-m-medium-line-height)',
886
- };
887
- /** typography s text-s-medium */
888
- export var textSMedium = {
889
- fontFamily: 'var(--plasma-typo-text-s-medium-font-family)',
890
- fontSize: 'var(--plasma-typo-text-s-medium-font-size)',
891
- fontStyle: 'var(--plasma-typo-text-s-medium-font-style)',
892
- fontWeight: 'var(--plasma-typo-text-s-medium-font-weight)',
893
- letterSpacing: 'var(--plasma-typo-text-s-medium-letter-spacing)',
894
- lineHeight: 'var(--plasma-typo-text-s-medium-line-height)',
895
- };
896
- /** typography s text-xs-medium */
897
- export var textXSMedium = {
898
- fontFamily: 'var(--plasma-typo-text-xs-medium-font-family)',
899
- fontSize: 'var(--plasma-typo-text-xs-medium-font-size)',
900
- fontStyle: 'var(--plasma-typo-text-xs-medium-font-style)',
901
- fontWeight: 'var(--plasma-typo-text-xs-medium-font-weight)',
902
- letterSpacing: 'var(--plasma-typo-text-xs-medium-letter-spacing)',
903
- lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
904
- };
905
- export var viewContainer = {
906
- dark: "\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-primary: var(--on-dark-text-primary);\n --text-secondary: var(--on-dark-text-secondary);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-negative: var(--on-dark-text-negative);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --background-primary: var(--dark-background-primary);\n --background-secondary: var(--dark-background-secondary);\n --background-tertiary: var(--dark-background-tertiary);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-secondary: var(--light-background-secondary);\n --inverse-background-tertiary: var(--light-background-tertiary);\n --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\n --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n ",
907
- light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-primary: var(--on-light-text-primary);\n --text-secondary: var(--on-light-text-secondary);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-negative: var(--on-light-text-negative);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-negative: var(--on-dark-text-negative);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --background-primary: var(--light-background-primary);\n --background-secondary: var(--light-background-secondary);\n --background-tertiary: var(--light-background-tertiary);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-secondary: var(--dark-background-secondary);\n --inverse-background-tertiary: var(--dark-background-tertiary);\n --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
908
- };
909
- //# sourceMappingURL=index.js.map