@egovernments/digit-ui-components-css 0.0.2-beta.33 → 0.0.2-beta.34

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@egovernments/digit-ui-components-css",
3
- "version": "0.0.2-beta.33",
3
+ "version": "0.0.2-beta.34",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "author": "Jagankumar <jagan.kumar@egovernments.org>",
@@ -388,7 +388,7 @@
388
388
 
389
389
  width: 100%;
390
390
  height: auto;
391
- background-color: #ffffff;
391
+ background-color: theme(digitv2.lightTheme.paper-primary);
392
392
  border-radius: theme(digitv2.spacers.spacer1);
393
393
  box-shadow: 0rem 0.063rem 0.125rem 0rem #00000029;
394
394
  display: flex;
@@ -396,8 +396,8 @@
396
396
  flex-direction: column;
397
397
 
398
398
  &.secondary {
399
- background-color: #FAFAFA;
400
- border: 0.063em solid #d6d5d4;
399
+ background-color: theme(digitv2.lightTheme.paper-secondary);
400
+ border: 0.063em solid theme(digitv2.lightTheme.generic-divider);
401
401
  }
402
402
 
403
403
  &.secondary.search,
@@ -422,7 +422,7 @@
422
422
  }
423
423
 
424
424
 
425
- @media (min-width: 30.063rem) and (max-width: 47.938rem) {
425
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
426
426
  flex-direction: row;
427
427
 
428
428
  .digit-buttons-group {
@@ -436,11 +436,11 @@
436
436
  }
437
437
  }
438
438
 
439
- @media (min-width: 48rem) {
439
+ @media (min-aspect-ratio: 3/4) {
440
440
  flex-direction: row;
441
441
  }
442
442
 
443
- @media (max-width: 30rem) {
443
+ @media (max-aspect-ratio: 9/16){
444
444
  flex-direction: column;
445
445
 
446
446
  .digit-buttons-group {
@@ -458,15 +458,15 @@
458
458
  }
459
459
  }
460
460
 
461
- @media (min-width: 30.063rem) and (max-width: 47.938rem) {
461
+ @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
462
462
  padding: theme(digitv2.spacers.spacer5);
463
463
  }
464
464
 
465
- @media (min-width: 48rem) {
465
+ @media (min-aspect-ratio: 3/4) {
466
466
  padding: theme(digitv2.spacers.spacer6);
467
467
  }
468
468
 
469
- @media (max-width: 30rem) {
469
+ @media (max-aspect-ratio: 9/16) {
470
470
  padding: theme(digitv2.spacers.spacer4);
471
471
  }
472
472
 
@@ -139,6 +139,12 @@
139
139
  }
140
140
  }
141
141
 
142
+ .digit-tag{
143
+ &.noClose{
144
+ display: inline;
145
+ }
146
+ }
147
+
142
148
  .cp{
143
149
  cursor: pointer;
144
150
  }