@egovernments/digit-ui-components-css 2.0.0-dev-10 → 2.0.0-dev-12

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