@egovernments/digit-ui-components-css 0.0.1-pucar.1

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 (191) hide show
  1. package/CHANGELOG.md +55 -0
  2. package/README.md +81 -0
  3. package/dist/index.css +17004 -0
  4. package/dist/index.min.css +6 -0
  5. package/img/browser-icon.png +0 -0
  6. package/img/m_seva_white_logo.png +0 -0
  7. package/img/mseva-demo.png +0 -0
  8. package/package.json +67 -0
  9. package/src/components/CardBasedOptions.scss +46 -0
  10. package/src/components/CitizenHomeCard.scss +56 -0
  11. package/src/components/EllipsisMenu.scss +17 -0
  12. package/src/components/EventCalendarView.scss +10 -0
  13. package/src/components/FAQ.scss +64 -0
  14. package/src/components/OnGroundEventCard.scss +72 -0
  15. package/src/components/PageBasedInput.scss +29 -0
  16. package/src/components/PopupHeadingLabel.scss +15 -0
  17. package/src/components/PropertySearchForm.scss +58 -0
  18. package/src/components/SearchForm.scss +56 -0
  19. package/src/components/SearchOnRadioButton.scss +10 -0
  20. package/src/components/StandaloneSearchBar.scss +10 -0
  21. package/src/components/TimeLine.scss +68 -0
  22. package/src/components/WhatsNewCard.scss +13 -0
  23. package/src/components/actionLink.scss +3 -0
  24. package/src/components/actionbar.scss +97 -0
  25. package/src/components/bannercomponents.scss +136 -0
  26. package/src/components/body.scss +144 -0
  27. package/src/components/buttons.scss +101 -0
  28. package/src/components/card.scss +391 -0
  29. package/src/components/cardHeaderWithOptions.scss +14 -0
  30. package/src/components/changeLanguage.scss +3 -0
  31. package/src/components/charts.scss +186 -0
  32. package/src/components/checkbox.scss +53 -0
  33. package/src/components/checkpoint.scss +63 -0
  34. package/src/components/citizenInfoLabel.scss +14 -0
  35. package/src/components/custombtn.scss +11 -0
  36. package/src/components/datatable.scss +134 -0
  37. package/src/components/datewrap.scss +21 -0
  38. package/src/components/detailscard.scss +6 -0
  39. package/src/components/detailscontainer.scss +13 -0
  40. package/src/components/filters.scss +98 -0
  41. package/src/components/grey.scss +3 -0
  42. package/src/components/hoc/InboxComposer.scss +115 -0
  43. package/src/components/hoc/index.scss +1 -0
  44. package/src/components/howItWorks.scss +71 -0
  45. package/src/components/imageviewer.scss +33 -0
  46. package/src/components/inboxv2/InboxLinks.scss +59 -0
  47. package/src/components/inboxv2/horizontalNav.scss +224 -0
  48. package/src/components/inboxv2/inboxSearch.scss +116 -0
  49. package/src/components/inboxv2/inboxSearchComposer.scss +134 -0
  50. package/src/components/inboxv2/index.scss +5 -0
  51. package/src/components/inboxv2/searchComponentTable.scss +44 -0
  52. package/src/components/info-banner.scss +35 -0
  53. package/src/components/inputotp.scss +15 -0
  54. package/src/components/keynote.scss +27 -0
  55. package/src/components/languageSelector.scss +24 -0
  56. package/src/components/loader.scss +96 -0
  57. package/src/components/map.scss +30 -0
  58. package/src/components/menu.scss +0 -0
  59. package/src/components/metricsTable.scss +28 -0
  60. package/src/components/multiLink.scss +88 -0
  61. package/src/components/multiSelectDropdown.scss +77 -0
  62. package/src/components/navbar.scss +312 -0
  63. package/src/components/plusMinus.scss +15 -0
  64. package/src/components/popup.scss +16 -0
  65. package/src/components/radiobtn.scss +45 -0
  66. package/src/components/ratingstar.scss +33 -0
  67. package/src/components/roundedLabel.scss +10 -0
  68. package/src/components/searchAction.scss +20 -0
  69. package/src/components/sectionalDropdown.scss +43 -0
  70. package/src/components/selectdropdown.scss +174 -0
  71. package/src/components/sidebar.scss +141 -0
  72. package/src/components/staticDynamicMessages.scss +107 -0
  73. package/src/components/staticSideBar.scss +27 -0
  74. package/src/components/statushighlight.scss +17 -0
  75. package/src/components/submiterrors.scss +11 -0
  76. package/src/components/summary.scss +29 -0
  77. package/src/components/table.scss +201 -0
  78. package/src/components/tag.scss +27 -0
  79. package/src/components/telephone.scss +17 -0
  80. package/src/components/textfields.scss +96 -0
  81. package/src/components/toast.scss +31 -0
  82. package/src/components/toggleSwitch.scss +41 -0
  83. package/src/components/topbar.scss +153 -0
  84. package/src/components/uploadcomponents.scss +100 -0
  85. package/src/digitv2/components/CitizenHomeCardV2.scss +56 -0
  86. package/src/digitv2/components/ErrorMessage.scss +19 -0
  87. package/src/digitv2/components/FormComposerV2.scss +118 -0
  88. package/src/digitv2/components/PageBasedInputV2.scss +33 -0
  89. package/src/digitv2/components/WhatsNewCardV2.scss +13 -0
  90. package/src/digitv2/components/actionLinkV2.scss +9 -0
  91. package/src/digitv2/components/actionbarV2.scss +110 -0
  92. package/src/digitv2/components/appContainerV2.scss +49 -0
  93. package/src/digitv2/components/backButtonV2.scss +26 -0
  94. package/src/digitv2/components/bannerV2.scss +120 -0
  95. package/src/digitv2/components/bodyContainerV2.scss +39 -0
  96. package/src/digitv2/components/breadCrumbV2.scss +34 -0
  97. package/src/digitv2/components/breakLineV2.scss +6 -0
  98. package/src/digitv2/components/buttonsV2.scss +407 -0
  99. package/src/digitv2/components/cardBasedOptionsV2.scss +46 -0
  100. package/src/digitv2/components/cardLabelV2.scss +8 -0
  101. package/src/digitv2/components/cardV2.scss +383 -0
  102. package/src/digitv2/components/checkboxV2.scss +80 -0
  103. package/src/digitv2/components/checkpointV2.scss +71 -0
  104. package/src/digitv2/components/collapseAndExpandGroups.scss +60 -0
  105. package/src/digitv2/components/dateWrapV2.scss +17 -0
  106. package/src/digitv2/components/detailsCardV2.scss +17 -0
  107. package/src/digitv2/components/displayPhotosV2.scss +33 -0
  108. package/src/digitv2/components/fieldV1.scss +97 -0
  109. package/src/digitv2/components/footerV2.scss +55 -0
  110. package/src/digitv2/components/headerBarV2.scss +34 -0
  111. package/src/digitv2/components/headerV2.scss +12 -0
  112. package/src/digitv2/components/infoCardV2.scss +143 -0
  113. package/src/digitv2/components/infobuttons.scss +76 -0
  114. package/src/digitv2/components/keynoteV2.scss +35 -0
  115. package/src/digitv2/components/labelFieldPairV2.scss +58 -0
  116. package/src/digitv2/components/loaderV2.scss +85 -0
  117. package/src/digitv2/components/mobileNumberV2.scss +65 -0
  118. package/src/digitv2/components/modalV2.scss +46 -0
  119. package/src/digitv2/components/multiSelectDropdownV2.scss +316 -0
  120. package/src/digitv2/components/multiUploadWrapperV2.scss +6 -0
  121. package/src/digitv2/components/navbarV2.scss +9 -0
  122. package/src/digitv2/components/noresultsfoundV2.scss +11 -0
  123. package/src/digitv2/components/numeric.scss +47 -0
  124. package/src/digitv2/components/otpInputV2.scss +15 -0
  125. package/src/digitv2/components/panelcard.scss +161 -0
  126. package/src/digitv2/components/panels.scss +115 -0
  127. package/src/digitv2/components/paragraphV2.scss +5 -0
  128. package/src/digitv2/components/popUpV2.scss +309 -0
  129. package/src/digitv2/components/radiobtnV2.scss +114 -0
  130. package/src/digitv2/components/ratingV2.scss +33 -0
  131. package/src/digitv2/components/searchActionV2.scss +11 -0
  132. package/src/digitv2/components/searchFormV2.scss +76 -0
  133. package/src/digitv2/components/searchcomponent.scss +7 -0
  134. package/src/digitv2/components/selectdropdownV2.scss +361 -0
  135. package/src/digitv2/components/sidebarV2.scss +11 -0
  136. package/src/digitv2/components/stepper.scss +127 -0
  137. package/src/digitv2/components/tagV2.scss +121 -0
  138. package/src/digitv2/components/telephoneV2.scss +18 -0
  139. package/src/digitv2/components/textInputV2.scss +463 -0
  140. package/src/digitv2/components/textareaV2.scss +100 -0
  141. package/src/digitv2/components/textblock.scss +47 -0
  142. package/src/digitv2/components/timeline.scss +127 -0
  143. package/src/digitv2/components/toastV2.scss +81 -0
  144. package/src/digitv2/components/toggle.scss +73 -0
  145. package/src/digitv2/components/toggleswitchV2.scss +42 -0
  146. package/src/digitv2/components/topbarV2.scss +187 -0
  147. package/src/digitv2/components/treeSelectV2.scss +133 -0
  148. package/src/digitv2/components/uploadFileV2.scss +146 -0
  149. package/src/digitv2/components/uploader.scss +469 -0
  150. package/src/digitv2/index.scss +198 -0
  151. package/src/digitv2/pages/employee/index.scss +1 -0
  152. package/src/digitv2/pages/employee/workbench.scss +615 -0
  153. package/src/digitv2/typography.scss +658 -0
  154. package/src/index.scss +774 -0
  155. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -0
  156. package/src/pages/citizen/DocumentList.scss +305 -0
  157. package/src/pages/citizen/Events.scss +47 -0
  158. package/src/pages/citizen/HomePageWrapper.scss +158 -0
  159. package/src/pages/citizen/SurveyList.scss +22 -0
  160. package/src/pages/citizen/citizenDocument.scss +22 -0
  161. package/src/pages/citizen/container.scss +19 -0
  162. package/src/pages/citizen/payment/payment-type.scss +3 -0
  163. package/src/pages/citizen/updatePropertyNumber.scss +46 -0
  164. package/src/pages/employee/EmployeeLogin.scss +7 -0
  165. package/src/pages/employee/cardfix.scss +13 -0
  166. package/src/pages/employee/container.scss +72 -0
  167. package/src/pages/employee/dss.scss +266 -0
  168. package/src/pages/employee/form-fields.scss +13 -0
  169. package/src/pages/employee/iframe.scss +66 -0
  170. package/src/pages/employee/inbox.scss +585 -0
  171. package/src/pages/employee/index.scss +626 -0
  172. package/src/pages/employee/login.scss +221 -0
  173. package/src/pages/employee/oldMobileInbox.scss +5 -0
  174. package/src/pages/employee/popupmodule.scss +34 -0
  175. package/src/pages/employee/response.scss +3 -0
  176. package/src/pages/employee/scroll-table.scss +119 -0
  177. package/src/pages/employee/surveys.scss +273 -0
  178. package/src/pages/employee/tooltip.scss +36 -0
  179. package/src/pages/employee/updateNumber.scss +13 -0
  180. package/svg/arrowdown.svg +1 -0
  181. package/svg/arrowleft.svg +1 -0
  182. package/svg/calendar.svg +1 -0
  183. package/svg/camera.svg +4 -0
  184. package/svg/check.svg +4 -0
  185. package/svg/close.svg +4 -0
  186. package/svg/error.svg +4 -0
  187. package/svg/error2.svg +5 -0
  188. package/svg/searchicon.svg +4 -0
  189. package/svg/starempty.svg +4 -0
  190. package/svg/starfilled.svg +5 -0
  191. package/svg/success.svg +4 -0
@@ -0,0 +1,658 @@
1
+ @import url("../index.scss");
2
+
3
+ .typography {
4
+ &.text-heading-xl {
5
+ font-family: theme(digitv2.fontFamily.rc);
6
+ font-style: theme(digitv2.fontStyle.normal);
7
+ font-weight: theme(digitv2.fontWeight.bold);
8
+ color: theme(digitv2.lightTheme.text-primary);
9
+ line-height: theme(digitv2.lineHeight.normal);
10
+
11
+ @media (min-width: theme(digitv2.screens.desktop)) {
12
+ font-size: theme(digitv2.fontSize.heading-xl.desktop);
13
+ }
14
+
15
+ @media (min-width: theme(digitv2.screens.tablet)) {
16
+ font-size: theme(digitv2.fontSize.heading-xl.tablet);
17
+ }
18
+
19
+ @media (min-width: theme(digitv2.screens.mobile)) {
20
+ font-size: theme(digitv2.fontSize.heading-xl.mobile);
21
+ }
22
+ }
23
+
24
+ &.text-heading-l {
25
+ font-family: theme(digitv2.fontFamily.sans);
26
+ font-style: theme(digitv2.fontStyle.normal);
27
+ font-weight: theme(digitv2.fontWeight.bold);
28
+ color: theme(digitv2.lightTheme.text-primary);
29
+ line-height: theme(digitv2.lineHeight.normal);
30
+
31
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
32
+ font-size: theme(digitv2.fontSize.heading-l.desktop);
33
+ }
34
+
35
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
36
+ font-size: theme(digitv2.fontSize.heading-l.tablet);
37
+ }
38
+
39
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
40
+ font-size: theme(digitv2.fontSize.heading-l.mobile);
41
+ }
42
+ }
43
+
44
+ &.text-heading-m {
45
+ font-family: theme(digitv2.fontFamily.sans);
46
+ font-style: theme(digitv2.fontStyle.normal);
47
+ font-weight: theme(digitv2.fontWeight.bold);
48
+ color: theme(digitv2.lightTheme.text-primary);
49
+ line-height: theme(digitv2.lineHeight.normal);
50
+
51
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
52
+ font-size: theme(digitv2.fontSize.heading-m.desktop);
53
+ }
54
+
55
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
56
+ font-size: theme(digitv2.fontSize.heading-m.tablet);
57
+ }
58
+
59
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
60
+ font-size: theme(digitv2.fontSize.heading-m.desktop);
61
+ }
62
+ }
63
+
64
+ &.text-heading-s {
65
+ font-family: theme(digitv2.fontFamily.sans);
66
+ font-style: theme(digitv2.fontStyle.normal);
67
+ font-weight: theme(digitv2.fontWeight.bold);
68
+ color: theme(digitv2.lightTheme.text-primary);
69
+ line-height: theme(digitv2.lineHeight.normal);
70
+
71
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
72
+ font-size: theme(digitv2.fontSize.heading-s.desktop);
73
+ }
74
+
75
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
76
+ font-size: theme(digitv2.fontSize.heading-s.tablet);
77
+ }
78
+
79
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
80
+ font-size: theme(digitv2.fontSize.heading-s.mobile);
81
+ }
82
+ }
83
+
84
+ &.text-heading-xs {
85
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
86
+ font-size: theme(digitv2.fontSize.heading-xs.mobile);
87
+ font-family: theme(digitv2.fontFamily.sans);
88
+ font-style: theme(digitv2.fontStyle.normal);
89
+ font-weight: theme(digitv2.fontWeight.bold);
90
+ color: theme(digitv2.lightTheme.text-primary);
91
+ line-height: theme(digitv2.lineHeight.normal);
92
+ }
93
+ }
94
+
95
+ &.text-caption-l {
96
+ font-family: theme(digitv2.fontFamily.sans);
97
+ font-style: theme(digitv2.fontStyle.italic);
98
+ font-weight: theme(digitv2.fontWeight.medium);
99
+ color: theme(digitv2.lightTheme.text-primary);
100
+ line-height: theme(digitv2.lineHeight.normal);
101
+
102
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
103
+ font-size: theme(digitv2.fontSize.caption-l.desktop);
104
+ }
105
+
106
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
107
+ font-size: theme(digitv2.fontSize.caption-l.tablet);
108
+ }
109
+
110
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
111
+ font-size: theme(digitv2.fontSize.caption-l.mobile);
112
+ }
113
+ }
114
+
115
+ &.text-caption-m {
116
+ font-family: theme(digitv2.fontFamily.sans);
117
+ font-style: theme(digitv2.fontStyle.italic);
118
+ font-weight: theme(digitv2.fontWeight.medium);
119
+ color: theme(digitv2.lightTheme.text-primary);
120
+ line-height: theme(digitv2.lineHeight.normal);
121
+
122
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
123
+ font-size: theme(digitv2.fontSize.caption-m.desktop);
124
+ }
125
+
126
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
127
+ font-size: theme(digitv2.fontSize.caption-m.tablet);
128
+ }
129
+
130
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
131
+ font-size: theme(digitv2.fontSize.caption-m.mobile);
132
+ }
133
+ }
134
+
135
+ &.text-caption-s {
136
+ font-family: theme(digitv2.fontFamily.sans);
137
+ font-style: theme(digitv2.fontStyle.italic);
138
+ font-weight: theme(digitv2.fontWeight.medium);
139
+ color: theme(digitv2.lightTheme.text-primary);
140
+ line-height: theme(digitv2.lineHeight.normal);
141
+
142
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
143
+ font-size: theme(digitv2.fontSize.caption-s.desktop);
144
+ }
145
+
146
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
147
+ font-size: theme(digitv2.fontSize.caption-s.tablet);
148
+ }
149
+
150
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
151
+ font-size: theme(digitv2.fontSize.caption-s.desktop);
152
+ }
153
+ }
154
+
155
+ &.text-body-l {
156
+ font-family: theme(digitv2.fontFamily.sans);
157
+ font-style: theme(digitv2.fontStyle.italic);
158
+ font-weight: theme(digitv2.fontWeight.regular);
159
+ color: theme(digitv2.lightTheme.text-primary);
160
+
161
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
162
+ font-size: theme(digitv2.fontSize.body-l.desktop);
163
+ line-height: theme(digitv2.lineHeight.line-height-body-l.desktop);
164
+ }
165
+
166
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
167
+ font-size: theme(digitv2.fontSize.body-l.tablet);
168
+ line-height: theme(digitv2.lineHeight.line-height-body-l.tablet);
169
+ }
170
+
171
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
172
+ font-size: theme(digitv2.fontSize.body-l.mobile);
173
+ line-height: theme(digitv2.lineHeight.line-height-body-l.mobile);
174
+ }
175
+ }
176
+
177
+ &.text-body-s {
178
+ font-family: theme(digitv2.fontFamily.sans);
179
+ font-style: theme(digitv2.fontStyle.italic);
180
+ font-weight: theme(digitv2.fontWeight.regular);
181
+ color: theme(digitv2.lightTheme.text-primary);
182
+
183
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
184
+ font-size: theme(digitv2.fontSize.body-s.desktop);
185
+ line-height: theme(digitv2.lineHeight.line-height-body-s.desktop);
186
+ }
187
+
188
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
189
+ font-size: theme(digitv2.fontSize.body-s.tablet);
190
+ line-height: theme(digitv2.lineHeight.line-height-body-s.tablet);
191
+ }
192
+
193
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
194
+ font-size: theme(digitv2.fontSize.body-s.mobile);
195
+ line-height: theme(digitv2.lineHeight.line-height-body-s.mobile);
196
+ }
197
+ }
198
+
199
+ &.text-body-xs {
200
+ font-family: theme(digitv2.fontFamily.sans);
201
+ font-style: theme(digitv2.fontStyle.italic);
202
+ font-weight: theme(digitv2.fontWeight.regular);
203
+ color: theme(digitv2.lightTheme.text-primary);
204
+
205
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
206
+ font-size: theme(digitv2.fontSize.body-xs.desktop);
207
+ line-height: theme(digitv2.lineHeight.line-height-body-xs.desktop);
208
+ }
209
+
210
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
211
+ font-size: theme(digitv2.fontSize.body-xs.tablet);
212
+ line-height: theme(digitv2.lineHeight.line-height-body-xs.tablet);
213
+ }
214
+
215
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
216
+ font-size: theme(digitv2.fontSize.body-xs.mobile);
217
+ line-height: theme(digitv2.lineHeight.line-height-body-xs.mobile);
218
+ }
219
+ }
220
+
221
+ &.text-label {
222
+ font-family: theme(digitv2.fontFamily.sans);
223
+ font-style: theme(digitv2.fontStyle.italic);
224
+ font-weight: theme(digitv2.fontWeight.regular);
225
+ color: theme(digitv2.lightTheme.text-primary);
226
+ line-height: theme(digitv2.lineHeight.normal);
227
+
228
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
229
+ font-size: theme(digitv2.fontSize.label.desktop);
230
+ }
231
+
232
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
233
+ font-size: theme(digitv2.fontSize.label.tablet);
234
+ }
235
+
236
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
237
+ font-size: theme(digitv2.fontSize.label.mobile);
238
+ }
239
+ }
240
+
241
+ &.text-link {
242
+ font-family: theme(digitv2.fontFamily.sans);
243
+ font-style: theme(digitv2.fontStyle.normal);
244
+ font-weight: theme(digitv2.fontWeight.regular);
245
+ color: theme(digitv2.lightTheme.text-primary);
246
+ line-height: theme(digitv2.lineHeight.normal);
247
+ text-decoration: theme(digitv2.textDecorationLine.underline);
248
+
249
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
250
+ font-size: theme(digitv2.fontSize.link.desktop);
251
+ }
252
+
253
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
254
+ font-size: theme(digitv2.fontSize.link.tablet);
255
+ }
256
+
257
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
258
+ font-size: theme(digitv2.fontSize.link.mobile);
259
+ }
260
+ }
261
+
262
+
263
+ &.heading-xl {
264
+ font-family: theme(digitv2.fontFamily.sans);
265
+ font-style: theme(digitv2.fontStyle.normal);
266
+ font-weight: theme(digitv2.fontWeight.bold);
267
+ line-height: theme(digitv2.lineHeight.lineheight1);
268
+
269
+ @media (max-aspect-ratio: 9/16) {
270
+ /* Media query for mobile */
271
+ font-size: theme(digitv2.fontSize.heading-xl.mobile);
272
+ }
273
+
274
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
275
+ /* Media query for tablets */
276
+ font-size: theme(digitv2.fontSize.heading-xl.tablet);
277
+ }
278
+
279
+ @media (min-aspect-ratio: 3/4) {
280
+ /* Media query for desktop */
281
+ font-size: theme(digitv2.fontSize.heading-xl.desktop);
282
+ }
283
+ }
284
+
285
+ &.heading-l {
286
+ font-family: theme(digitv2.fontFamily.sans);
287
+ font-style: theme(digitv2.fontStyle.normal);
288
+ font-weight: theme(digitv2.fontWeight.bold);
289
+ line-height: theme(digitv2.lineHeight.lineheight1);
290
+
291
+ @media (max-aspect-ratio: 9/16) {
292
+ /* Media query for mobile */
293
+ font-size: theme(digitv2.fontSize.heading-l.mobile);
294
+ }
295
+
296
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
297
+ /* Media query for tablets */
298
+ font-size: theme(digitv2.fontSize.heading-l.tablet);
299
+ }
300
+
301
+ @media (min-aspect-ratio: 3/4) {
302
+ /* Media query for desktop */
303
+ font-size: theme(digitv2.fontSize.heading-l.desktop);
304
+ }
305
+ }
306
+
307
+ &.heading-m {
308
+ font-family: theme(digitv2.fontFamily.sans);
309
+ font-style: theme(digitv2.fontStyle.normal);
310
+ font-weight: theme(digitv2.fontWeight.bold);
311
+ line-height: theme(digitv2.lineHeight.lineheight1);
312
+
313
+ @media (max-aspect-ratio: 9/16) {
314
+ /* Media query for mobile */
315
+ font-size: theme(digitv2.fontSize.heading-m.mobile);
316
+ }
317
+
318
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
319
+ /* Media query for tablets */
320
+ font-size: theme(digitv2.fontSize.heading-m.tablet);
321
+ }
322
+
323
+ @media (min-aspect-ratio: 3/4) {
324
+ /* Media query for desktop */
325
+ font-size: theme(digitv2.fontSize.heading-m.desktop);
326
+ }
327
+ }
328
+
329
+ &.heading-s {
330
+ font-family: theme(digitv2.fontFamily.sans);
331
+ font-style: theme(digitv2.fontStyle.normal);
332
+ font-weight: theme(digitv2.fontWeight.bold);
333
+ line-height: theme(digitv2.lineHeight.lineheight1);
334
+
335
+ @media (max-aspect-ratio: 9/16) {
336
+ /* Media query for mobile */
337
+ font-size: theme(digitv2.fontSize.heading-s.mobile);
338
+ }
339
+
340
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
341
+ /* Media query for tablets */
342
+ font-size: theme(digitv2.fontSize.heading-s.tablet);
343
+ }
344
+
345
+ @media (min-aspect-ratio: 3/4) {
346
+ /* Media query for desktop */
347
+ font-size: theme(digitv2.fontSize.heading-s.desktop);
348
+ }
349
+ }
350
+
351
+ &.heading-xs {
352
+ font-family: theme(digitv2.fontFamily.sans);
353
+ font-style: theme(digitv2.fontStyle.normal);
354
+ font-weight: theme(digitv2.fontWeight.bold);
355
+ line-height: theme(digitv2.lineHeight.lineheight1);
356
+
357
+ @media (max-aspect-ratio: 9/16) {
358
+ /* Media query for mobile */
359
+ font-size: theme(digitv2.fontSize.heading-xs.mobile);
360
+ }
361
+
362
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
363
+ /* Media query for tablets */
364
+ font-size: theme(digitv2.fontSize.heading-xs.tablet);
365
+ }
366
+
367
+ @media (min-aspect-ratio: 3/4) {
368
+ /* Media query for desktop */
369
+ font-size: theme(digitv2.fontSize.heading-xs.desktop);
370
+ }
371
+ }
372
+
373
+ &.caption-l {
374
+ font-family: theme(digitv2.fontFamily.sans);
375
+ font-style: theme(digitv2.fontStyle.normal);
376
+ font-weight: theme(digitv2.fontWeight.medium);
377
+ line-height: theme(digitv2.lineHeight.lineheight1);
378
+
379
+ @media (max-aspect-ratio: 9/16) {
380
+ /* Media query for mobile */
381
+ font-size: theme(digitv2.fontSize.caption-l.mobile);
382
+ }
383
+
384
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
385
+ /* Media query for tablets */
386
+ font-size: theme(digitv2.fontSize.caption-l.tablet);
387
+ }
388
+
389
+ @media (min-aspect-ratio: 3/4) {
390
+ /* Media query for desktop */
391
+ font-size: theme(digitv2.fontSize.caption-l.desktop);
392
+ }
393
+ }
394
+
395
+ &.caption-m {
396
+ font-family: theme(digitv2.fontFamily.sans);
397
+ font-style: theme(digitv2.fontStyle.normal);
398
+ font-weight: theme(digitv2.fontWeight.medium);
399
+ line-height: theme(digitv2.lineHeight.lineheight1);
400
+
401
+ @media (max-aspect-ratio: 9/16) {
402
+ /* Media query for mobile */
403
+ font-size: theme(digitv2.fontSize.caption-m.mobile);
404
+ }
405
+
406
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
407
+ /* Media query for tablets */
408
+ font-size: theme(digitv2.fontSize.caption-m.tablet);
409
+
410
+ }
411
+
412
+ @media (min-aspect-ratio: 3/4){
413
+ /* Media query for desktop */
414
+ font-size: theme(digitv2.fontSize.caption-m.desktop);
415
+ }
416
+
417
+ }
418
+
419
+ &.caption-s {
420
+ font-family: theme(digitv2.fontFamily.sans);
421
+ font-style: theme(digitv2.fontStyle.normal);
422
+ font-weight: theme(digitv2.fontWeight.medium);
423
+ line-height: theme(digitv2.lineHeight.lineheight1);
424
+
425
+ @media (max-aspect-ratio: 9/16) {
426
+ /* Media query for mobile */
427
+ font-size: theme(digitv2.fontSize.caption-s.mobile);
428
+ }
429
+
430
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
431
+ /* Media query for tablets */
432
+ font-size: theme(digitv2.fontSize.caption-s.tablet);
433
+ }
434
+
435
+ @media (min-aspect-ratio: 3/4){
436
+ /* Media query for desktop */
437
+ font-size: theme(digitv2.fontSize.caption-s.desktop);
438
+ }
439
+
440
+ }
441
+
442
+ &.body-l {
443
+ font-family: theme(digitv2.fontFamily.sans);
444
+ font-style: theme(digitv2.fontStyle.normal);
445
+ font-weight: theme(digitv2.fontWeight.regular);
446
+ line-height: theme(digitv2.lineHeight.lineheight2);
447
+
448
+ @media (max-aspect-ratio: 9/16) {
449
+ /* Media query for mobile */
450
+ font-size: theme(digitv2.fontSize.body-l.mobile);
451
+ }
452
+
453
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
454
+ /* Media query for tablets */
455
+ font-size: theme(digitv2.fontSize.body-l.tablet);
456
+ }
457
+
458
+ @media (min-aspect-ratio: 3/4) {
459
+ /* Media query for desktop */
460
+ font-size: theme(digitv2.fontSize.body-l.desktop);
461
+ }
462
+ }
463
+
464
+ &.body-s {
465
+ font-family: theme(digitv2.fontFamily.sans);
466
+ font-style: theme(digitv2.fontStyle.normal);
467
+ font-weight: theme(digitv2.fontWeight.regular);
468
+ line-height: theme(digitv2.lineHeight.lineheight2);
469
+
470
+ @media (max-aspect-ratio: 9/16) {
471
+ /* Media query for mobile */
472
+ font-size: theme(digitv2.fontSize.body-s.mobile);
473
+ }
474
+
475
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
476
+ /* Media query for tablets */
477
+ font-size: theme(digitv2.fontSize.body-s.tablet);
478
+ }
479
+
480
+ @media (min-aspect-ratio: 3/4) {
481
+ /* Media query for desktop */
482
+ font-size: theme(digitv2.fontSize.body-s.desktop);
483
+ }
484
+ }
485
+
486
+ &.body-xs {
487
+ font-family: theme(digitv2.fontFamily.sans);
488
+ font-style: theme(digitv2.fontStyle.normal);
489
+ font-weight: theme(digitv2.fontWeight.regular);
490
+ line-height: theme(digitv2.lineHeight.lineheight2);
491
+
492
+ @media (max-aspect-ratio: 9/16) {
493
+ /* Media query for mobile */
494
+ font-size: theme(digitv2.fontSize.body-xs.mobile);
495
+ }
496
+
497
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
498
+ /* Media query for tablets */
499
+ font-size: theme(digitv2.fontSize.body-xs.tablet);
500
+ }
501
+
502
+ @media (min-aspect-ratio: 3/4) {
503
+ /* Media query for desktop */
504
+ font-size: theme(digitv2.fontSize.body-xs.desktop);
505
+ }
506
+ }
507
+
508
+ &.label {
509
+ font-family: theme(digitv2.fontFamily.sans);
510
+ font-style: theme(digitv2.fontStyle.normal);
511
+ font-weight: theme(digitv2.fontWeight.regular);
512
+ line-height: theme(digitv2.lineHeight.lineheight2);
513
+
514
+ @media (max-aspect-ratio: 9/16) {
515
+ /* Media query for mobile */
516
+ font-size: theme(digitv2.fontSize.label.mobile);
517
+ }
518
+
519
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
520
+ /* Media query for tablets */
521
+ font-size: theme(digitv2.fontSize.label.tablet);
522
+ }
523
+
524
+ @media (min-aspect-ratio: 3/4) {
525
+ /* Media query for desktop */
526
+ font-size: theme(digitv2.fontSize.label.desktop);
527
+ }
528
+ }
529
+
530
+ &.link {
531
+ font-family: theme(digitv2.fontFamily.sans);
532
+ font-style: theme(digitv2.fontStyle.normal);
533
+ font-weight: theme(digitv2.fontWeight.regular);
534
+ text-decoration: theme(digitv2.textDecorationLine.underline);
535
+ font-size: theme(digitv2.fontSize.link-l.mobile);
536
+ }
537
+
538
+ &.link-L {
539
+ @media (max-aspect-ratio: 9/16) {
540
+ /* Media query for mobile */
541
+ font-family: theme(digitv2.fontFamily.sans);
542
+ font-size: theme(digitv2.fontSize.link-l.mobile);
543
+ font-weight: theme(digitv2.fontWeight.regular);
544
+ line-height: theme(digitv2.lineHeight.lineheight2);
545
+ text-decoration: theme(digitv2.textDecorationLine.underline);
546
+ text-decoration-thickness: 0.063rem;
547
+ }
548
+
549
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4){
550
+ /* Media query for tablets */
551
+ font-family: theme(digitv2.fontFamily.sans);
552
+ font-size: theme(digitv2.fontSize.link-l.tablet);
553
+ font-weight: theme(digitv2.fontWeight.regular);
554
+ line-height: theme(digitv2.lineHeight.lineheight2);
555
+ text-decoration: theme(digitv2.textDecorationLine.underline);
556
+ text-decoration-thickness: 0.063rem;
557
+ }
558
+
559
+ @media (min-aspect-ratio: 3/4) {
560
+ /* Media query for desktop */
561
+ font-family: theme(digitv2.fontFamily.sans);
562
+ font-size: theme(digitv2.fontSize.link-l.desktop);
563
+ font-weight: theme(digitv2.fontWeight.regular);
564
+ line-height: theme(digitv2.lineHeight.lineheight2);
565
+ text-decoration: theme(digitv2.textDecorationLine.underline);
566
+ text-decoration-thickness: 0.063rem;
567
+ }
568
+ }
569
+
570
+ &.link-S {
571
+ @media (max-aspect-ratio: 9/16) {
572
+ /* Media query for mobile */
573
+ font-family: theme(digitv2.fontFamily.sans);
574
+ font-size: theme(digitv2.fontSize.link-s.mobile);
575
+ font-weight: theme(digitv2.fontWeight.regular);
576
+ line-height: theme(digitv2.lineHeight.lineheight2);
577
+ text-decoration: theme(digitv2.textDecorationLine.underline);
578
+ text-decoration-thickness: 0.063rem;
579
+ }
580
+
581
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
582
+ /* Media query for tablets */
583
+ font-family: theme(digitv2.fontFamily.sans);
584
+ font-size: theme(digitv2.fontSize.link-s.tablet);
585
+ font-weight: theme(digitv2.fontWeight.regular);
586
+ line-height: theme(digitv2.lineHeight.lineheight2);
587
+ text-decoration: theme(digitv2.textDecorationLine.underline);
588
+ text-decoration-thickness: 0.063rem;
589
+ }
590
+
591
+
592
+ @media (min-aspect-ratio: 3/4){
593
+ /* Media query for desktop */
594
+ font-family: theme(digitv2.fontFamily.sans);
595
+ font-size: theme(digitv2.fontSize.link-s.desktop);
596
+ font-weight: theme(digitv2.fontWeight.regular);
597
+ line-height: theme(digitv2.lineHeight.lineheight2);
598
+ text-decoration: theme(digitv2.textDecorationLine.underline);
599
+ text-decoration-thickness: 0.063rem;
600
+ }
601
+ }
602
+
603
+ &.link-XS {
604
+ @media (max-aspect-ratio: 9/16) {
605
+ /* Media query for mobile */
606
+ font-family: theme(digitv2.fontFamily.sans);
607
+ font-size: theme(digitv2.fontSize.link-xs.mobile);
608
+ font-weight: theme(digitv2.fontWeight.regular);
609
+ line-height: theme(digitv2.lineHeight.lineheight2);
610
+ text-decoration: theme(digitv2.textDecorationLine.underline);
611
+ text-decoration-thickness: 0.063rem;
612
+ }
613
+
614
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
615
+ /* Media query for tablets */
616
+ font-family: theme(digitv2.fontFamily.sans);
617
+ font-size: theme(digitv2.fontSize.link-xs.tablet);
618
+ font-weight: theme(digitv2.fontWeight.regular);
619
+ line-height: theme(digitv2.lineHeight.lineheight2);
620
+ text-decoration: theme(digitv2.textDecorationLine.underline);
621
+ text-decoration-thickness: 0.063rem;
622
+ }
623
+
624
+ @media (min-aspect-ratio: 3/4) {
625
+ /* Media query for desktop */
626
+ font-family: theme(digitv2.fontFamily.sans);
627
+ font-size: theme(digitv2.fontSize.link-xs.desktop);
628
+ font-weight: theme(digitv2.fontWeight.regular);
629
+ line-height: theme(digitv2.lineHeight.lineheight2);
630
+ text-decoration: theme(digitv2.textDecorationLine.underline);
631
+ text-decoration-thickness: 0.063rem;
632
+ }
633
+ }
634
+
635
+ &.button {
636
+
637
+ &.large {
638
+ font-size: theme(digitv2.fontSize.button.large);
639
+ line-height: theme(digitv2.lineHeight.lineheight1);
640
+ font-family: theme(digitv2.fontFamily.sans);
641
+ font-weight: theme(digitv2.fontWeight.medium);
642
+ }
643
+
644
+ &.medium {
645
+ font-size: theme(digitv2.fontSize.button.medium);
646
+ line-height: theme(digitv2.lineHeight.lineheight1);
647
+ font-family: theme(digitv2.fontFamily.sans);
648
+ font-weight: theme(digitv2.fontWeight.medium);
649
+ }
650
+
651
+ &.small {
652
+ font-size: theme(digitv2.fontSize.button.small);
653
+ line-height: theme(digitv2.lineHeight.lineheight1);
654
+ font-family: theme(digitv2.fontFamily.sans);
655
+ font-weight: theme(digitv2.fontWeight.medium);
656
+ }
657
+ }
658
+ }