@egovernments/digit-ui-components-css 0.0.2-beta.39 → 0.0.2-beta.41

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 +61 -4
  2. package/dist/index.min.css +2 -2
  3. package/package.json +1 -1
  4. package/src/digitv2/components/accordionV2.scss +6 -2
  5. package/src/digitv2/components/bottomSheetV2.scss +1 -0
  6. package/src/digitv2/index.scss +75 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@egovernments/digit-ui-components-css",
3
- "version": "0.0.2-beta.39",
3
+ "version": "0.0.2-beta.41",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "author": "Jagankumar <jagan.kumar@egovernments.org>",
package/src/digitv2/components/accordionV2.scss CHANGED
@@ -137,7 +137,7 @@
137
137
  }
138
138
 
139
139
  &.withDivider {
140
- .digit-accordion-content {
140
+ .digit-accordion-content.open{
141
141
  border-top: 1px solid theme(digitv2.lightTheme.generic-divider);
142
142
  }
143
143
  }
@@ -149,7 +149,11 @@
149
149
  }
150
150
 
151
151
  &.cardBg {
152
- background-color: theme(digitv2.lightTheme.paper-secondary);
152
+ background-color: theme(digitv2.lightTheme.paper-primary);
153
+
154
+ &.nested {
155
+ background-color: theme(digitv2.lightTheme.paper-secondary);
156
+ }
153
157
  }
154
158
  }
155
159
 
package/src/digitv2/components/bottomSheetV2.scss CHANGED
@@ -64,6 +64,7 @@
64
64
  overflow-y: scroll;
65
65
  display: flex;
66
66
  flex-direction: column;
67
+ height: 100%;
67
68
 
68
69
  @media (max-aspect-ratio: 9/16) {
69
70
  gap: theme(digitv2.spacers.spacer4);
package/src/digitv2/index.scss CHANGED
@@ -246,4 +246,79 @@
246
246
  &.paper-secondary{
247
247
  background-color: theme(digitv2.lightTheme.paper-secondary);
248
248
  }
249
+ }
250
+
251
+ .typography-story{
252
+ &.heading-m{
253
+ font-family: theme(digitv2.fontFamily.sans);
254
+ font-style: theme(digitv2.fontStyle.normal);
255
+ font-weight: theme(digitv2.fontWeight.bold);
256
+ line-height: theme(digitv2.lineHeight.lineheight1);
257
+
258
+ @media (max-aspect-ratio: 9/16) {
259
+ /* Media query for mobile */
260
+ font-size: theme(digitv2.fontSize.heading-m.mobile);
261
+ }
262
+
263
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
264
+ /* Media query for tablets */
265
+ font-size: theme(digitv2.fontSize.heading-m.tablet);
266
+ }
267
+
268
+ @media (min-aspect-ratio: 3/4) {
269
+ /* Media query for desktop */
270
+ font-size: theme(digitv2.fontSize.heading-m.desktop);
271
+ }
272
+ }
273
+
274
+ &.heading-s {
275
+ font-family: theme(digitv2.fontFamily.sans);
276
+ font-style: theme(digitv2.fontStyle.normal);
277
+ font-weight: theme(digitv2.fontWeight.bold);
278
+ line-height: theme(digitv2.lineHeight.lineheight1);
279
+
280
+ @media (max-aspect-ratio: 9/16) {
281
+ /* Media query for mobile */
282
+ font-size: theme(digitv2.fontSize.heading-s.mobile);
283
+ }
284
+
285
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
286
+ /* Media query for tablets */
287
+ font-size: theme(digitv2.fontSize.heading-s.tablet);
288
+ }
289
+
290
+ @media (min-aspect-ratio: 3/4) {
291
+ /* Media query for desktop */
292
+ font-size: theme(digitv2.fontSize.heading-s.desktop);
293
+ }
294
+ }
295
+
296
+ &.body-s {
297
+ @media (max-aspect-ratio: 9/16) {
298
+ /* Media query for mobile */
299
+ font-size: theme(digitv2.fontSize.body-s.mobile);
300
+ font-family: theme(digitv2.fontFamily.sans);
301
+ font-style: theme(digitv2.fontStyle.normal);
302
+ font-weight: theme(digitv2.fontWeight.regular);
303
+ line-height: theme(digitv2.lineHeight.lineheight2);
304
+ }
305
+
306
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
307
+ /* Media query for tablets */
308
+ font-size: theme(digitv2.fontSize.body-s.tablet);
309
+ font-family: theme(digitv2.fontFamily.sans);
310
+ font-style: theme(digitv2.fontStyle.normal);
311
+ font-weight: theme(digitv2.fontWeight.regular);
312
+ line-height: theme(digitv2.lineHeight.lineheight2);
313
+ }
314
+
315
+ @media (min-aspect-ratio: 3/4) {
316
+ /* Media query for desktop */
317
+ font-size: theme(digitv2.fontSize.body-s.desktop);
318
+ font-family: theme(digitv2.fontFamily.sans);
319
+ font-style: theme(digitv2.fontStyle.normal);
320
+ font-weight: theme(digitv2.fontWeight.regular);
321
+ line-height: theme(digitv2.lineHeight.lineheight2);
322
+ }
323
+ }
249
324
  }