@egovernments/digit-ui-components-css 0.0.2-beta.38 → 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.
- package/dist/index.css +66 -4
- package/dist/index.min.css +2 -2
- package/package.json +1 -1
- package/src/digitv2/components/accordionV2.scss +6 -2
- package/src/digitv2/components/bottomSheetV2.scss +1 -0
- package/src/digitv2/components/buttonsV2.scss +4 -0
- package/src/digitv2/components/chipV2.scss +4 -0
- package/src/digitv2/index.scss +75 -0
package/dist/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @egovernments/digit-ui-components-css - 0.0.2-beta.
|
|
2
|
+
* @egovernments/digit-ui-components-css - 0.0.2-beta.41
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) 2024 Jagankumar <jagan.kumar@egovernments.org>
|
|
5
5
|
*
|
|
@@ -1394,14 +1394,16 @@
|
|
|
1394
1394
|
.digit-accordion.borderRadius {
|
|
1395
1395
|
border-radius: .25rem; }
|
|
1396
1396
|
|
|
1397
|
-
.digit-accordion.withDivider .digit-accordion-content {
|
|
1397
|
+
.digit-accordion.withDivider .digit-accordion-content.open {
|
|
1398
1398
|
border-top: 1px solid #d6d5d4; }
|
|
1399
1399
|
|
|
1400
1400
|
.digit-accordion.no-divider .digit-accordion-title {
|
|
1401
1401
|
padding-bottom: 0; }
|
|
1402
1402
|
|
|
1403
1403
|
.digit-accordion.cardBg {
|
|
1404
|
-
background-color: #
|
|
1404
|
+
background-color: #fff; }
|
|
1405
|
+
.digit-accordion.cardBg.nested {
|
|
1406
|
+
background-color: #fafafa; }
|
|
1405
1407
|
|
|
1406
1408
|
@-webkit-keyframes rotateOpen {
|
|
1407
1409
|
0% {
|
|
@@ -1603,7 +1605,8 @@ body {
|
|
|
1603
1605
|
-webkit-box-orient: vertical;
|
|
1604
1606
|
-webkit-box-direction: normal;
|
|
1605
1607
|
-ms-flex-direction: column;
|
|
1606
|
-
flex-direction: column;
|
|
1608
|
+
flex-direction: column;
|
|
1609
|
+
height: 100%; }
|
|
1607
1610
|
@media (max-aspect-ratio: 9 / 16) {
|
|
1608
1611
|
.digit-bottom-sheet-content {
|
|
1609
1612
|
grid-gap: 1rem;
|
|
@@ -2585,6 +2588,8 @@ ol, ul {
|
|
|
2585
2588
|
box-shadow: inset 0 -0.125rem 0 0 #c84c0e, 0 0.25rem 0.25rem 0 rgba(200, 76, 14, 0.2); }
|
|
2586
2589
|
.digit-button-secondary:active h2 {
|
|
2587
2590
|
font-weight: 700; }
|
|
2591
|
+
.digit-button-secondary .digit-button-label, .digit-button-secondary h2 {
|
|
2592
|
+
color: #c84c0e; }
|
|
2588
2593
|
.digit-button-secondary.disabled {
|
|
2589
2594
|
opacity: .5;
|
|
2590
2595
|
border: .063rem solid #c5c5c5; }
|
|
@@ -5586,6 +5591,9 @@ ol, ul {
|
|
|
5586
5591
|
@media (max-aspect-ratio: 9 / 16) {
|
|
5587
5592
|
.digit-tag-container .digit-tag {
|
|
5588
5593
|
height: 2.25rem; } }
|
|
5594
|
+
.digit-tag-container .digit-tag.clickable:hover {
|
|
5595
|
+
-webkit-box-shadow: 0.125rem 0.125rem 0.25rem 0 rgba(54, 54, 54, 0.2);
|
|
5596
|
+
box-shadow: 0.125rem 0.125rem 0.25rem 0 rgba(54, 54, 54, 0.2); }
|
|
5589
5597
|
.digit-tag-container .digit-tag svg {
|
|
5590
5598
|
-ms-flex-negative: 0;
|
|
5591
5599
|
flex-shrink: 0; }
|
|
@@ -13335,6 +13343,60 @@ button:hover {
|
|
|
13335
13343
|
.color-constants-story.paper-secondary {
|
|
13336
13344
|
background-color: #fafafa; }
|
|
13337
13345
|
|
|
13346
|
+
@media (max-aspect-ratio: 9 / 16) {
|
|
13347
|
+
.typography-story.heading-m {
|
|
13348
|
+
font-size: 1.25rem; } }
|
|
13349
|
+
|
|
13350
|
+
@media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
|
|
13351
|
+
.typography-story.heading-m {
|
|
13352
|
+
font-size: 1.375rem; } }
|
|
13353
|
+
|
|
13354
|
+
@media (min-aspect-ratio: 3 / 4) {
|
|
13355
|
+
.typography-story.heading-m {
|
|
13356
|
+
font-size: 1.5rem; } }
|
|
13357
|
+
|
|
13358
|
+
.typography-story.heading-m, .typography-story.heading-s {
|
|
13359
|
+
font-family: Roboto;
|
|
13360
|
+
font-style: normal;
|
|
13361
|
+
font-weight: 700;
|
|
13362
|
+
line-height: 1.14rem; }
|
|
13363
|
+
|
|
13364
|
+
@media (max-aspect-ratio: 9 / 16) {
|
|
13365
|
+
.typography-story.heading-s {
|
|
13366
|
+
font-size: 1rem; } }
|
|
13367
|
+
|
|
13368
|
+
@media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
|
|
13369
|
+
.typography-story.heading-s {
|
|
13370
|
+
font-size: 1rem; } }
|
|
13371
|
+
|
|
13372
|
+
@media (min-aspect-ratio: 3 / 4) {
|
|
13373
|
+
.typography-story.heading-s {
|
|
13374
|
+
font-size: 1rem; } }
|
|
13375
|
+
|
|
13376
|
+
@media (max-aspect-ratio: 9 / 16) {
|
|
13377
|
+
.typography-story.body-s {
|
|
13378
|
+
font-size: .875rem;
|
|
13379
|
+
font-family: Roboto;
|
|
13380
|
+
font-style: normal;
|
|
13381
|
+
font-weight: 400;
|
|
13382
|
+
line-height: 1.37rem; } }
|
|
13383
|
+
|
|
13384
|
+
@media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
|
|
13385
|
+
.typography-story.body-s {
|
|
13386
|
+
font-size: 1rem;
|
|
13387
|
+
font-family: Roboto;
|
|
13388
|
+
font-style: normal;
|
|
13389
|
+
font-weight: 400;
|
|
13390
|
+
line-height: 1.37rem; } }
|
|
13391
|
+
|
|
13392
|
+
@media (min-aspect-ratio: 3 / 4) {
|
|
13393
|
+
.typography-story.body-s {
|
|
13394
|
+
font-size: 1rem;
|
|
13395
|
+
font-family: Roboto;
|
|
13396
|
+
font-style: normal;
|
|
13397
|
+
font-weight: 400;
|
|
13398
|
+
line-height: 1.37rem; } }
|
|
13399
|
+
|
|
13338
13400
|
.display-none {
|
|
13339
13401
|
display: none; }
|
|
13340
13402
|
|