@egovernments/digit-ui-components-css 0.2.0-beta.3 → 0.2.0-beta.4

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 (6) hide show
  1. package/dist/index.css +74 -27
  2. package/dist/index.min.css +2 -2
  3. package/package.json +1 -1
  4. package/src/digitv2/components/cardV2.scss +2 -1
  5. package/src/digitv2/components/fieldV1.scss +73 -0
  6. package/src/digitv2/pages/employee/inboxsearchcomposer.scss +7 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@egovernments/digit-ui-components-css",
3
- "version": "0.2.0-beta.3",
3
+ "version": "0.2.0-beta.4",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "author": "Jagankumar <jagan.kumar@egovernments.org>",
package/src/digitv2/components/cardV2.scss CHANGED
@@ -334,7 +334,8 @@
334
334
  }
335
335
 
336
336
  .digit-card-section-header {
337
- @apply text-text-primary text-heading-m font-bold;
337
+ @apply text-heading-m font-bold;
338
+ color: theme(digitv2.lightTheme.text-primary);
338
339
  }
339
340
 
340
341
  .digit-card-search-heading {
package/src/digitv2/components/fieldV1.scss CHANGED
@@ -144,4 +144,77 @@
144
144
  .digit-charcount {
145
145
  @apply justify-end;
146
146
  }
147
+ }
148
+
149
+ .digit-form-card-subheader {
150
+ @extend .typography.caption-l;
151
+ font-family: theme(digitv2.fontFamily.sans);
152
+ font-style: theme(digitv2.fontStyle.normal);
153
+ font-weight: theme(digitv2.fontWeight.medium);
154
+ line-height: theme(digitv2.lineHeight.lineheight1);
155
+
156
+ @media (max-aspect-ratio: 9/16) {
157
+ /* Media query for mobile */
158
+ font-size: theme(digitv2.fontSize.caption-l.mobile);
159
+ }
160
+
161
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
162
+ /* Media query for tablets */
163
+ font-size: theme(digitv2.fontSize.caption-l.tablet);
164
+ }
165
+
166
+ @media (min-aspect-ratio: 3/4) {
167
+ /* Media query for desktop */
168
+ font-size: theme(digitv2.fontSize.caption-l.desktop);
169
+ }
170
+ color: theme(digitv2.lightTheme.text-primary);
171
+ }
172
+
173
+ .digit-form-card-description {
174
+ @extend .typography.heading-s;
175
+ font-family: theme(digitv2.fontFamily.sans);
176
+ font-style: theme(digitv2.fontStyle.normal);
177
+ font-weight: theme(digitv2.fontWeight.bold);
178
+ line-height: theme(digitv2.lineHeight.lineheight1);
179
+
180
+ @media (max-aspect-ratio: 9/16) {
181
+ /* Media query for mobile */
182
+ font-size: theme(digitv2.fontSize.heading-s.mobile);
183
+ }
184
+
185
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
186
+ /* Media query for tablets */
187
+ font-size: theme(digitv2.fontSize.heading-s.tablet);
188
+ }
189
+
190
+ @media (min-aspect-ratio: 3/4) {
191
+ /* Media query for desktop */
192
+ font-size: theme(digitv2.fontSize.heading-s.desktop);
193
+ }
194
+ color: theme(digitv2.lightTheme.text-secondary);
195
+ }
196
+
197
+ .digit-form-card-text {
198
+ @extend .typography.body-l;
199
+ font-family: theme(digitv2.fontFamily.sans);
200
+ font-style: theme(digitv2.fontStyle.normal);
201
+ font-weight: theme(digitv2.fontWeight.regular);
202
+ line-height: theme(digitv2.lineHeight.lineheight2);
203
+
204
+ @media (max-aspect-ratio: 9/16) {
205
+ /* Media query for mobile */
206
+ font-size: theme(digitv2.fontSize.body-l.mobile);
207
+ }
208
+
209
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
210
+ /* Media query for tablets */
211
+ font-size: theme(digitv2.fontSize.body-l.tablet);
212
+ }
213
+
214
+ @media (min-aspect-ratio: 3/4) {
215
+ /* Media query for desktop */
216
+ font-size: theme(digitv2.fontSize.body-l.desktop);
217
+ }
218
+ color: theme(digitv2.lightTheme.text-secondary);
219
+
147
220
  }
package/src/digitv2/pages/employee/inboxsearchcomposer.scss CHANGED
@@ -304,6 +304,13 @@
304
304
  }
305
305
  }
306
306
 
307
+ .digit-inbox-search-composer-header {
308
+ @extend .typography.heading-xl;
309
+ color: theme(digitv2.lightTheme.primary-2);
310
+ margin-bottom: theme(digitv2.spacers.spacer6);
311
+ line-height: normal;
312
+ }
313
+
307
314
  .digit-inbox-search-composer-header-action-wrapper{
308
315
 
309
316
  display: flex;
@@ -313,12 +320,6 @@
313
320
  .digit-inbox-search-composer-action{
314
321
  margin-bottom: theme(digitv2.spacers.spacer6);
315
322
  }
316
- .digit-inbox-search-composer-header {
317
- @extend .typography.heading-xl;
318
- color: theme(digitv2.lightTheme.primary-2);
319
- margin-bottom: theme(digitv2.spacers.spacer6);
320
- line-height: normal;
321
- }
322
323
  }
323
324
 
324
325
  .digit-inbox-search-links-container {