@egovernments/digit-ui-components-css 0.2.1 → 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.
Files changed (70) hide show
  1. package/dist/index.css +4 -14513
  2. package/package.json +33 -36
  3. package/src/digitv2/components/FormComposerV2.scss +6 -5
  4. package/src/digitv2/components/accordionV2.scss +59 -59
  5. package/src/digitv2/components/alertCardV2.scss +43 -43
  6. package/src/digitv2/components/backLinkV2.scss +11 -8
  7. package/src/digitv2/components/bodyContainerV2.scss +2 -1
  8. package/src/digitv2/components/bottomSheetV2.scss +22 -19
  9. package/src/digitv2/components/breadcrumbV2.scss +27 -25
  10. package/src/digitv2/components/buttonsV2.scss +72 -72
  11. package/src/digitv2/components/cardV2.scss +21 -14
  12. package/src/digitv2/components/cardbasedoptionsV2.scss +4 -1
  13. package/src/digitv2/components/cardlabelV2.scss +4 -3
  14. package/src/digitv2/components/checkboxV2.scss +33 -32
  15. package/src/digitv2/components/chipV2.scss +46 -43
  16. package/src/digitv2/components/dividerV2.scss +7 -4
  17. package/src/digitv2/components/errorMessageV2.scss +15 -15
  18. package/src/digitv2/components/fieldV1.scss +131 -28
  19. package/src/digitv2/components/fileUploadV2.scss +129 -126
  20. package/src/digitv2/components/filterCardV2.scss +54 -51
  21. package/src/digitv2/components/footerV2.scss +14 -13
  22. package/src/digitv2/components/formCardV2.scss +52 -49
  23. package/src/digitv2/components/hamburgerV2.scss +145 -142
  24. package/src/digitv2/components/headerV2.scss +60 -57
  25. package/src/digitv2/components/headerdropdownV2.scss +72 -69
  26. package/src/digitv2/components/infobuttonV2.scss +18 -15
  27. package/src/digitv2/components/labelFieldPairV2.scss +11 -8
  28. package/src/digitv2/components/landingpagecardV2.scss +73 -70
  29. package/src/digitv2/components/loaderV2.scss +7 -4
  30. package/src/digitv2/components/menuCardV2.scss +34 -31
  31. package/src/digitv2/components/metricCardV2.scss +55 -52
  32. package/src/digitv2/components/mobileNumberV2.scss +10 -10
  33. package/src/digitv2/components/multiSelectDropdownV2.scss +175 -168
  34. package/src/digitv2/components/otpInputV2.scss +29 -26
  35. package/src/digitv2/components/panelCardV2.scss +46 -43
  36. package/src/digitv2/components/panelV2.scss +34 -31
  37. package/src/digitv2/components/popUpV2.scss +94 -91
  38. package/src/digitv2/components/radiobtnV2.scss +24 -23
  39. package/src/digitv2/components/selectDropdownV2.scss +200 -197
  40. package/src/digitv2/components/selectionTagV2.scss +32 -29
  41. package/src/digitv2/components/sidePanelV2.scss +51 -48
  42. package/src/digitv2/components/sidenavV2.scss +119 -116
  43. package/src/digitv2/components/stepperV2.scss +61 -58
  44. package/src/digitv2/components/summaryCardFieldPairV2.scss +25 -22
  45. package/src/digitv2/components/summaryCardV2.scss +30 -27
  46. package/src/digitv2/components/switchV2.scss +34 -31
  47. package/src/digitv2/components/tabV2.scss +29 -26
  48. package/src/digitv2/components/tableV2.scss +152 -149
  49. package/src/digitv2/components/tagV2.scss +27 -24
  50. package/src/digitv2/components/textInputV2.scss +117 -101
  51. package/src/digitv2/components/textareaV2.scss +23 -20
  52. package/src/digitv2/components/textblockV2.scss +31 -28
  53. package/src/digitv2/components/timelineV2.scss +64 -61
  54. package/src/digitv2/components/toastV2.scss +28 -25
  55. package/src/digitv2/components/toggleV2.scss +121 -37
  56. package/src/digitv2/components/tooltipwrapperV2.scss +97 -94
  57. package/src/digitv2/components/treeSelectV2.scss +58 -55
  58. package/src/digitv2/index.scss +136 -134
  59. package/src/digitv2/pages/employee/boundaryFilter.scss +63 -0
  60. package/src/digitv2/pages/employee/inboxsearchcomposer.scss +156 -34
  61. package/src/digitv2/pages/employee/index.scss +4 -3
  62. package/src/digitv2/pages/employee/reactdatatable.scss +15 -15
  63. package/src/digitv2/pages/employee/workbench.scss +29 -28
  64. package/src/digitv2/typography.scss +633 -640
  65. package/src/index.scss +29 -19
  66. package/src/pages/employee/index.scss +26 -26
  67. package/src/pages/employee/login.scss +4 -4
  68. package/src/theme-variables.css +137 -0
  69. package/CHANGELOG.md +0 -231
  70. package/dist/index.min.css +0 -6
package/src/digitv2/components/tabV2.scss CHANGED
@@ -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
- @extend .typography.body-s;
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
- @extend .typography.heading-s;
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;