@egovernments/digit-ui-components-css 0.2.3 → 2.0.0-dev-01
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 +3 -15427
- package/package.json +30 -35
- package/src/digitv2/components/FormComposerV2.scss +6 -5
- package/src/digitv2/components/accordionV2.scss +59 -59
- package/src/digitv2/components/alertCardV2.scss +43 -43
- package/src/digitv2/components/backLinkV2.scss +11 -8
- package/src/digitv2/components/bodyContainerV2.scss +2 -1
- package/src/digitv2/components/bottomSheetV2.scss +22 -19
- package/src/digitv2/components/breadcrumbV2.scss +27 -25
- package/src/digitv2/components/buttonsV2.scss +72 -72
- package/src/digitv2/components/cardV2.scss +18 -17
- package/src/digitv2/components/cardbasedoptionsV2.scss +4 -1
- package/src/digitv2/components/cardlabelV2.scss +4 -3
- package/src/digitv2/components/checkboxV2.scss +33 -32
- package/src/digitv2/components/chipV2.scss +46 -43
- package/src/digitv2/components/dividerV2.scss +7 -4
- package/src/digitv2/components/errorMessageV2.scss +15 -15
- package/src/digitv2/components/fieldV1.scss +65 -64
- package/src/digitv2/components/fileUploadV2.scss +129 -126
- package/src/digitv2/components/filterCardV2.scss +54 -51
- package/src/digitv2/components/footerV2.scss +14 -13
- package/src/digitv2/components/formCardV2.scss +52 -49
- package/src/digitv2/components/hamburgerV2.scss +145 -142
- package/src/digitv2/components/headerV2.scss +60 -57
- package/src/digitv2/components/headerdropdownV2.scss +72 -69
- package/src/digitv2/components/infobuttonV2.scss +18 -15
- package/src/digitv2/components/labelFieldPairV2.scss +11 -8
- package/src/digitv2/components/landingpagecardV2.scss +73 -70
- package/src/digitv2/components/loaderV2.scss +7 -4
- package/src/digitv2/components/menuCardV2.scss +34 -31
- package/src/digitv2/components/metricCardV2.scss +55 -52
- package/src/digitv2/components/mobileNumberV2.scss +10 -10
- package/src/digitv2/components/multiSelectDropdownV2.scss +170 -168
- package/src/digitv2/components/otpInputV2.scss +29 -26
- package/src/digitv2/components/panelCardV2.scss +46 -43
- package/src/digitv2/components/panelV2.scss +34 -31
- package/src/digitv2/components/popUpV2.scss +94 -91
- package/src/digitv2/components/radiobtnV2.scss +24 -23
- package/src/digitv2/components/selectDropdownV2.scss +200 -197
- package/src/digitv2/components/selectionTagV2.scss +32 -29
- package/src/digitv2/components/sidePanelV2.scss +51 -48
- package/src/digitv2/components/sidenavV2.scss +119 -116
- package/src/digitv2/components/stepperV2.scss +61 -58
- package/src/digitv2/components/summaryCardFieldPairV2.scss +25 -22
- package/src/digitv2/components/summaryCardV2.scss +30 -27
- package/src/digitv2/components/switchV2.scss +34 -31
- package/src/digitv2/components/tabV2.scss +29 -26
- package/src/digitv2/components/tableV2.scss +152 -149
- package/src/digitv2/components/tagV2.scss +27 -24
- package/src/digitv2/components/textInputV2.scss +101 -101
- package/src/digitv2/components/textareaV2.scss +23 -20
- package/src/digitv2/components/textblockV2.scss +31 -28
- package/src/digitv2/components/timelineV2.scss +64 -61
- package/src/digitv2/components/toastV2.scss +28 -25
- package/src/digitv2/components/toggleV2.scss +55 -46
- package/src/digitv2/components/tooltipwrapperV2.scss +97 -94
- package/src/digitv2/components/treeSelectV2.scss +58 -55
- package/src/digitv2/index.scss +136 -134
- package/src/digitv2/pages/employee/boundaryFilter.scss +7 -7
- package/src/digitv2/pages/employee/inboxsearchcomposer.scss +48 -48
- package/src/digitv2/pages/employee/index.scss +4 -4
- package/src/digitv2/pages/employee/reactdatatable.scss +13 -13
- package/src/digitv2/pages/employee/workbench.scss +29 -28
- package/src/digitv2/typography.scss +633 -640
- package/src/index.scss +28 -19
- package/src/pages/employee/index.scss +26 -26
- package/src/pages/employee/login.scss +4 -4
- package/src/theme-variables.css +137 -0
- package/CHANGELOG.md +0 -260
- package/dist/index.min.css +0 -7
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
@import './theme-variables.css';
|
|
2
|
+
@import '../typography.scss';
|
|
3
|
+
|
|
1
4
|
.digit-tab {
|
|
2
5
|
display: flex;
|
|
3
6
|
height: fit-content;
|
|
@@ -12,15 +15,15 @@
|
|
|
12
15
|
display: flex;
|
|
13
16
|
width: 100%;
|
|
14
17
|
min-height: 3.75rem;
|
|
15
|
-
padding: theme(digitv2.spacers.spacer4) theme(digitv2.spacers.spacer6);
|
|
18
|
+
padding: theme("digitv2.spacers.spacer4") theme("digitv2.spacers.spacer6");
|
|
16
19
|
height: 3.75rem;
|
|
17
20
|
align-items: center;
|
|
18
21
|
justify-content: center;
|
|
19
|
-
background-color: theme(digitv2.lightTheme.paper-secondary);
|
|
20
|
-
border: 0.063rem solid theme(digitv2.lightTheme.generic-inputborder);
|
|
21
|
-
border-radius: theme(digitv2.spacers.spacer2) theme(digitv2.spacers.spacer2) theme(digitv2.spacers.spacer0) theme(digitv2.spacers.spacer0);
|
|
22
|
+
background-color: theme("digitv2.lightTheme.paper-secondary");
|
|
23
|
+
border: 0.063rem solid theme("digitv2.lightTheme.generic-inputborder");
|
|
24
|
+
border-radius: theme("digitv2.spacers.spacer2") theme("digitv2.spacers.spacer2") theme("digitv2.spacers.spacer0") theme("digitv2.spacers.spacer0");
|
|
22
25
|
cursor: pointer;
|
|
23
|
-
gap: theme(digitv2.spacers.spacer1);
|
|
26
|
+
gap: theme("digitv2.spacers.spacer1");
|
|
24
27
|
|
|
25
28
|
.digit-tab-icon {
|
|
26
29
|
display: flex;
|
|
@@ -36,31 +39,31 @@
|
|
|
36
39
|
|
|
37
40
|
|
|
38
41
|
.digit-tab-label {
|
|
39
|
-
@
|
|
40
|
-
font-family: theme(digitv2.fontFamily.sans);
|
|
41
|
-
font-style: theme(digitv2.fontStyle.normal);
|
|
42
|
-
font-weight: theme(digitv2.fontWeight.regular);
|
|
43
|
-
line-height: theme(digitv2.lineHeight.lineheight2);
|
|
42
|
+
@include typography-body-s;
|
|
43
|
+
font-family: theme("digitv2.fontFamily.sans");
|
|
44
|
+
font-style: theme("digitv2.fontStyle.normal");
|
|
45
|
+
font-weight: theme("digitv2.fontWeight.regular");
|
|
46
|
+
line-height: theme("digitv2.lineHeight.lineheight2");
|
|
44
47
|
|
|
45
48
|
@media (max-aspect-ratio: 9/16) {
|
|
46
49
|
/* Media query for mobile */
|
|
47
|
-
font-size: theme(digitv2.fontSize.body-s.mobile);
|
|
50
|
+
font-size: theme("digitv2.fontSize.body-s.mobile");
|
|
48
51
|
}
|
|
49
52
|
|
|
50
53
|
|
|
51
54
|
@media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
|
|
52
55
|
/* Media query for tablets */
|
|
53
|
-
font-size: theme(digitv2.fontSize.body-s.tablet);
|
|
56
|
+
font-size: theme("digitv2.fontSize.body-s.tablet");
|
|
54
57
|
}
|
|
55
58
|
|
|
56
59
|
|
|
57
60
|
|
|
58
61
|
@media (min-aspect-ratio: 3/4) {
|
|
59
62
|
/* Media query for desktop */
|
|
60
|
-
font-size: theme(digitv2.fontSize.body-s.desktop);
|
|
63
|
+
font-size: theme("digitv2.fontSize.body-s.desktop");
|
|
61
64
|
}
|
|
62
65
|
|
|
63
|
-
color: theme(digitv2.lightTheme.text-secondary);
|
|
66
|
+
color: theme("digitv2.lightTheme.text-secondary");
|
|
64
67
|
white-space: noWrap;
|
|
65
68
|
overflow: hidden;
|
|
66
69
|
text-overflow: ellipsis;
|
|
@@ -72,34 +75,34 @@
|
|
|
72
75
|
height: 4rem;
|
|
73
76
|
|
|
74
77
|
.digit-tab-item {
|
|
75
|
-
border: 0.125rem solid theme(digitv2.lightTheme.primary-1);
|
|
76
|
-
border-bottom: theme(digitv2.spacers.spacer1) solid theme(digitv2.lightTheme.primary-1);
|
|
77
|
-
background-color: theme(digitv2.lightTheme.paper-primary);
|
|
78
|
+
border: 0.125rem solid theme("digitv2.lightTheme.primary-1");
|
|
79
|
+
border-bottom: theme("digitv2.spacers.spacer1") solid theme("digitv2.lightTheme.primary-1");
|
|
80
|
+
background-color: theme("digitv2.lightTheme.paper-primary");
|
|
78
81
|
height: 4rem;
|
|
79
82
|
min-height: 4rem;
|
|
80
83
|
|
|
81
84
|
.digit-tab-label {
|
|
82
|
-
@
|
|
83
|
-
font-family: theme(digitv2.fontFamily.sans);
|
|
84
|
-
font-style: theme(digitv2.fontStyle.normal);
|
|
85
|
-
font-weight: theme(digitv2.fontWeight.bold);
|
|
86
|
-
line-height: theme(digitv2.lineHeight.lineheight1);
|
|
85
|
+
@include typography-heading-s;
|
|
86
|
+
font-family: theme("digitv2.fontFamily.sans");
|
|
87
|
+
font-style: theme("digitv2.fontStyle.normal");
|
|
88
|
+
font-weight: theme("digitv2.fontWeight.bold");
|
|
89
|
+
line-height: theme("digitv2.lineHeight.lineheight1");
|
|
87
90
|
|
|
88
91
|
@media (max-aspect-ratio: 9/16) {
|
|
89
92
|
/* Media query for mobile */
|
|
90
|
-
font-size: theme(digitv2.fontSize.heading-s.mobile);
|
|
93
|
+
font-size: theme("digitv2.fontSize.heading-s.mobile");
|
|
91
94
|
}
|
|
92
95
|
|
|
93
96
|
@media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
|
|
94
97
|
/* Media query for tablets */
|
|
95
|
-
font-size: theme(digitv2.fontSize.heading-s.tablet);
|
|
98
|
+
font-size: theme("digitv2.fontSize.heading-s.tablet");
|
|
96
99
|
}
|
|
97
100
|
|
|
98
101
|
@media (min-aspect-ratio: 3/4) {
|
|
99
102
|
/* Media query for desktop */
|
|
100
|
-
font-size: theme(digitv2.fontSize.heading-s.desktop);
|
|
103
|
+
font-size: theme("digitv2.fontSize.heading-s.desktop");
|
|
101
104
|
}
|
|
102
|
-
color: theme(digitv2.lightTheme.primary-1);
|
|
105
|
+
color: theme("digitv2.lightTheme.primary-1");
|
|
103
106
|
white-space: noWrap;
|
|
104
107
|
overflow: hidden;
|
|
105
108
|
text-overflow: ellipsis;
|