@egovernments/digit-ui-components-css 0.0.2-beta.7 → 0.2.0

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 (61) hide show
  1. package/CHANGELOG.md +154 -0
  2. package/README.md +11 -2
  3. package/dist/index.css +10295 -3600
  4. package/dist/index.min.css +3 -3
  5. package/package.json +8 -8
  6. package/src/digitv2/components/accordionV2.scss +214 -0
  7. package/src/digitv2/components/{infoCardV2.scss → alertCardV2.scss} +1 -4
  8. package/src/digitv2/components/backLinkV2.scss +1 -1
  9. package/src/digitv2/components/bottomSheetV2.scss +121 -0
  10. package/src/digitv2/components/breadcrumbV2.scss +38 -0
  11. package/src/digitv2/components/buttonsV2.scss +82 -31
  12. package/src/digitv2/components/cardV2.scss +498 -0
  13. package/src/digitv2/components/cardbasedoptionsV2.scss +47 -0
  14. package/src/digitv2/components/cardlabelV2.scss +8 -0
  15. package/src/digitv2/components/checkboxV2.scss +54 -6
  16. package/src/digitv2/components/chipV2.scss +39 -0
  17. package/src/digitv2/components/dividerV2.scss +13 -0
  18. package/src/digitv2/components/errorMessageV2.scss +29 -8
  19. package/src/digitv2/components/fieldV1.scss +47 -2
  20. package/src/digitv2/components/{uploaderV2.scss → fileUploadV2.scss} +209 -22
  21. package/src/digitv2/components/filterCardV2.scss +417 -0
  22. package/src/digitv2/components/footerV2.scss +208 -0
  23. package/src/digitv2/components/formCardV2.scss +234 -0
  24. package/src/digitv2/components/hamburgerV2.scss +555 -0
  25. package/src/digitv2/components/headerV2.scss +426 -0
  26. package/src/digitv2/components/headerdropdownV2.scss +233 -0
  27. package/src/digitv2/components/labelFieldPairV2.scss +37 -11
  28. package/src/digitv2/components/landingpagecardV2.scss +278 -0
  29. package/src/digitv2/components/loaderV2.scss +47 -0
  30. package/src/digitv2/components/menuCardV2.scss +116 -0
  31. package/src/digitv2/components/metricCardV2.scss +151 -0
  32. package/src/digitv2/components/mobileNumberV2.scss +1 -1
  33. package/src/digitv2/components/multiSelectDropdownV2.scss +219 -8
  34. package/src/digitv2/components/otpInputV2.scss +99 -0
  35. package/src/digitv2/components/panelCardV2.scss +19 -0
  36. package/src/digitv2/components/panelV2.scss +19 -0
  37. package/src/digitv2/components/popUpV2.scss +86 -2
  38. package/src/digitv2/components/radiobtnV2.scss +35 -6
  39. package/src/digitv2/components/selectDropdownV2.scss +257 -13
  40. package/src/digitv2/components/selectionTagV2.scss +102 -0
  41. package/src/digitv2/components/sidePanelV2.scss +222 -0
  42. package/src/digitv2/components/sidenavV2.scss +516 -0
  43. package/src/digitv2/components/stepperV2.scss +106 -6
  44. package/src/digitv2/components/summaryCardFieldPairV2.scss +83 -0
  45. package/src/digitv2/components/summaryCardV2.scss +100 -0
  46. package/src/digitv2/components/switchV2.scss +112 -0
  47. package/src/digitv2/components/tabV2.scss +126 -0
  48. package/src/digitv2/components/tableV2.scss +697 -0
  49. package/src/digitv2/components/tagV2.scss +108 -0
  50. package/src/digitv2/components/textInputV2.scss +5 -3
  51. package/src/digitv2/components/textareaV2.scss +1 -1
  52. package/src/digitv2/components/textblockV2.scss +38 -0
  53. package/src/digitv2/components/timelineV2.scss +144 -14
  54. package/src/digitv2/components/toastV2.scss +79 -1
  55. package/src/digitv2/components/toggleV2.scss +38 -0
  56. package/src/digitv2/components/tooltipwrapperV2.scss +365 -0
  57. package/src/digitv2/components/treeSelectV2.scss +58 -1
  58. package/src/digitv2/index.scss +171 -5
  59. package/src/digitv2/pages/employee/workbench.scss +9 -9
  60. package/src/digitv2/typography.scss +24 -9
  61. package/src/index.scss +0 -4
package/src/digitv2/pages/employee/workbench.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  .bread-crumb.workbench-bredcrumb{
4
4
  a{
5
- color: theme(digitv2.lightTheme.primary-orange);
5
+ color: theme(digitv2.lightTheme.primary-1);
6
6
  }
7
7
  }
8
8
  .workbench{
@@ -142,7 +142,7 @@ a{
142
142
  }
143
143
 
144
144
  .digit__control--is-focused {
145
- border-color: theme(digitv2.lightTheme.primary-orange) !important;
145
+ border-color: theme(digitv2.lightTheme.primary-1) !important;
146
146
  box-shadow: none;
147
147
  box-sizing: unset;
148
148
  @apply outline-none;
@@ -158,10 +158,10 @@ a{
158
158
  }
159
159
 
160
160
  .digit__control:focus {
161
- border-color: theme(digitv2.lightTheme.primary-orange);
161
+ border-color: theme(digitv2.lightTheme.primary-1);
162
162
 
163
163
  .digit__value-container:focus {
164
- border-color: theme(digitv2.lightTheme.primary-orange);
164
+ border-color: theme(digitv2.lightTheme.primary-1);
165
165
 
166
166
  }
167
167
  }
@@ -169,7 +169,7 @@ a{
169
169
 
170
170
  &.form-select:focus {
171
171
  @apply outline-none;
172
- border-color: theme(digitv2.lightTheme.primary-orange);
172
+ border-color: theme(digitv2.lightTheme.primary-1);
173
173
 
174
174
  }
175
175
  }
@@ -182,7 +182,7 @@ a{
182
182
  .form-control:focus {
183
183
 
184
184
  @apply outline-none;
185
- border-color: theme(digitv2.lightTheme.primary-orange);
185
+ border-color: theme(digitv2.lightTheme.primary-1);
186
186
  }
187
187
 
188
188
  textarea.form-control {
@@ -236,7 +236,7 @@ a{
236
236
  }
237
237
 
238
238
  input[type="checkbox"]#digit_root_active {
239
- accent-color: theme(digitv2.lightTheme.primary-orange);
239
+ accent-color: theme(digitv2.lightTheme.primary-1);
240
240
  }
241
241
 
242
242
  input:checked,
@@ -573,11 +573,11 @@ a{
573
573
  text-decoration: none;
574
574
  .browse-text {
575
575
  text-decoration: none;
576
- color: #F47738;
576
+ color: theme(digitv2.lightTheme.primary-1);
577
577
  transition: color 0.3s;
578
578
  }
579
579
  .browse-text:hover {
580
- color: #F47738;
580
+ color: theme(digitv2.lightTheme.primary-1);
581
581
  text-decoration: underline;
582
582
  cursor: pointer;
583
583
  }
package/src/digitv2/typography.scss CHANGED
@@ -443,46 +443,61 @@
443
443
  }
444
444
 
445
445
  &.body-s {
446
- font-family: theme(digitv2.fontFamily.sans);
447
- font-style: theme(digitv2.fontStyle.normal);
448
- font-weight: theme(digitv2.fontWeight.regular);
449
- line-height: theme(digitv2.lineHeight.lineheight2);
450
-
451
446
  @media (max-aspect-ratio: 9/16) {
452
447
  /* Media query for mobile */
453
448
  font-size: theme(digitv2.fontSize.body-s.mobile);
449
+ font-family: theme(digitv2.fontFamily.sans);
450
+ font-style: theme(digitv2.fontStyle.normal);
451
+ font-weight: theme(digitv2.fontWeight.regular);
452
+ line-height: theme(digitv2.lineHeight.lineheight2);
454
453
  }
455
454
 
456
455
  @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
457
456
  /* Media query for tablets */
458
457
  font-size: theme(digitv2.fontSize.body-s.tablet);
458
+ font-family: theme(digitv2.fontFamily.sans);
459
+ font-style: theme(digitv2.fontStyle.normal);
460
+ font-weight: theme(digitv2.fontWeight.regular);
461
+ line-height: theme(digitv2.lineHeight.lineheight2);
459
462
  }
460
463
 
461
464
  @media (min-aspect-ratio: 3/4) {
462
465
  /* Media query for desktop */
463
466
  font-size: theme(digitv2.fontSize.body-s.desktop);
467
+ font-family: theme(digitv2.fontFamily.sans);
468
+ font-style: theme(digitv2.fontStyle.normal);
469
+ font-weight: theme(digitv2.fontWeight.regular);
470
+ line-height: theme(digitv2.lineHeight.lineheight2);
464
471
  }
465
472
  }
466
473
 
467
474
  &.body-xs {
468
- font-family: theme(digitv2.fontFamily.sans);
469
- font-style: theme(digitv2.fontStyle.normal);
470
- font-weight: theme(digitv2.fontWeight.regular);
471
- line-height: theme(digitv2.lineHeight.lineheight2);
472
475
 
473
476
  @media (max-aspect-ratio: 9/16) {
474
477
  /* Media query for mobile */
475
478
  font-size: theme(digitv2.fontSize.body-xs.mobile);
479
+ font-family: theme(digitv2.fontFamily.sans);
480
+ font-style: theme(digitv2.fontStyle.normal);
481
+ font-weight: theme(digitv2.fontWeight.regular);
482
+ line-height: theme(digitv2.lineHeight.lineheight2);
476
483
  }
477
484
 
478
485
  @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
479
486
  /* Media query for tablets */
480
487
  font-size: theme(digitv2.fontSize.body-xs.tablet);
488
+ font-family: theme(digitv2.fontFamily.sans);
489
+ font-style: theme(digitv2.fontStyle.normal);
490
+ font-weight: theme(digitv2.fontWeight.regular);
491
+ line-height: theme(digitv2.lineHeight.lineheight2);
481
492
  }
482
493
 
483
494
  @media (min-aspect-ratio: 3/4) {
484
495
  /* Media query for desktop */
485
496
  font-size: theme(digitv2.fontSize.body-xs.desktop);
497
+ font-family: theme(digitv2.fontFamily.sans);
498
+ font-style: theme(digitv2.fontStyle.normal);
499
+ font-weight: theme(digitv2.fontWeight.regular);
500
+ line-height: theme(digitv2.lineHeight.lineheight2);
486
501
  }
487
502
  }
488
503
 
package/src/index.scss CHANGED
@@ -74,10 +74,6 @@ h1, h2, h3, h4, h5, h6 {
74
74
  }
75
75
  }
76
76
 
77
- .dark {
78
- @apply text-text-primary;
79
- }
80
-
81
77
  .mrlg {
82
78
  @apply mr-lg;
83
79
  }