@egovernments/digit-ui-components-css 0.0.2-beta.11 → 0.0.2-beta.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 (46) hide show
  1. package/CHANGELOG.md +88 -88
  2. package/README.md +80 -80
  3. package/package.json +69 -69
  4. package/src/digitv2/components/FormComposerV2.scss +118 -118
  5. package/src/digitv2/components/actionbarV2.scss +206 -206
  6. package/src/digitv2/components/backLinkV2.scss +36 -36
  7. package/src/digitv2/components/bodyContainerV2.scss +39 -39
  8. package/src/digitv2/components/breadcrumbV2.scss +56 -56
  9. package/src/digitv2/components/buttonsV2.scss +451 -451
  10. package/src/digitv2/components/cardV2.scss +497 -497
  11. package/src/digitv2/components/cardbasedoptionsV2.scss +46 -46
  12. package/src/digitv2/components/cardlabelV2.scss +7 -7
  13. package/src/digitv2/components/checkboxV2.scss +83 -83
  14. package/src/digitv2/components/chipV2.scss +129 -129
  15. package/src/digitv2/components/dividerV2.scss +10 -10
  16. package/src/digitv2/components/errorMessageV2.scss +20 -20
  17. package/src/digitv2/components/fieldV1.scss +96 -96
  18. package/src/digitv2/components/headerdropdownV2.scss +151 -151
  19. package/src/digitv2/components/infoCardV2.scss +139 -139
  20. package/src/digitv2/components/infobuttonV2.scss +75 -75
  21. package/src/digitv2/components/labelFieldPairV2.scss +66 -66
  22. package/src/digitv2/components/mobileNumberV2.scss +65 -65
  23. package/src/digitv2/components/multiSelectDropdownV2.scss +315 -315
  24. package/src/digitv2/components/panelCardV2.scss +160 -160
  25. package/src/digitv2/components/panelV2.scss +114 -114
  26. package/src/digitv2/components/popUpV2.scss +330 -330
  27. package/src/digitv2/components/radiobtnV2.scss +115 -115
  28. package/src/digitv2/components/selectDropdownV2.scss +364 -364
  29. package/src/digitv2/components/stepperV2.scss +147 -147
  30. package/src/digitv2/components/textInputV2.scss +462 -462
  31. package/src/digitv2/components/textareaV2.scss +99 -99
  32. package/src/digitv2/components/textblockV2.scss +46 -46
  33. package/src/digitv2/components/timelineV2.scss +170 -170
  34. package/src/digitv2/components/toastV2.scss +80 -80
  35. package/src/digitv2/components/toggleV2.scss +72 -72
  36. package/src/digitv2/components/topbarV2.scss +387 -387
  37. package/src/digitv2/components/treeSelectV2.scss +132 -132
  38. package/src/digitv2/components/uploaderV2.scss +556 -556
  39. package/src/digitv2/components/viewCardFieldPairV2.scss +44 -44
  40. package/src/digitv2/index.scss +169 -169
  41. package/src/digitv2/pages/employee/index.scss +1 -1
  42. package/src/digitv2/pages/employee/workbench.scss +615 -615
  43. package/src/digitv2/typography.scss +638 -638
  44. package/src/index.scss +681 -681
  45. package/src/pages/employee/index.scss +625 -625
  46. package/src/pages/employee/login.scss +220 -220
package/src/digitv2/components/backLinkV2.scss CHANGED
@@ -1,37 +1,37 @@
1
- .digit-back-link {
2
- gap: theme(digitv2.spacers.spacer1);
3
- display: flex;
4
- align-items: center;
5
-
6
- .digit-back-link-icon {
7
- flex-shrink: 0;
8
- width: theme(digitv2.spacers.spacer6);
9
- height: theme(digitv2.spacers.spacer6);
10
- cursor: pointer;
11
-
12
- @media (max-width: 30rem) {
13
- width: theme(digitv2.spacers.spacer5);
14
- height: theme(digitv2.spacers.spacer5);
15
- }
16
-
17
- }
18
-
19
- .digit-back-link-label {
20
- @extend .typography.body-l;
21
- color: theme(digitv2.lightTheme.primary-2);
22
- margin-top:0.063rem;
23
- cursor: pointer;
24
- }
25
-
26
- &.disabled{
27
- pointer-events: none;
28
- .digit-back-link-label{
29
- color: theme(digitv2.lightTheme.text-disabled);
30
- cursor: default;
31
- }
32
-
33
- .digit-back-link-icon{
34
- cursor: default;
35
- }
36
- }
1
+ .digit-back-link {
2
+ gap: theme(digitv2.spacers.spacer1);
3
+ display: flex;
4
+ align-items: center;
5
+
6
+ .digit-back-link-icon {
7
+ flex-shrink: 0;
8
+ width: theme(digitv2.spacers.spacer6);
9
+ height: theme(digitv2.spacers.spacer6);
10
+ cursor: pointer;
11
+
12
+ @media (max-width: 30rem) {
13
+ width: theme(digitv2.spacers.spacer5);
14
+ height: theme(digitv2.spacers.spacer5);
15
+ }
16
+
17
+ }
18
+
19
+ .digit-back-link-label {
20
+ @extend .typography.body-l;
21
+ color: theme(digitv2.lightTheme.primary-2);
22
+ margin-top:0.063rem;
23
+ cursor: pointer;
24
+ }
25
+
26
+ &.disabled{
27
+ pointer-events: none;
28
+ .digit-back-link-label{
29
+ color: theme(digitv2.lightTheme.text-disabled);
30
+ cursor: default;
31
+ }
32
+
33
+ .digit-back-link-icon{
34
+ cursor: default;
35
+ }
36
+ }
37
37
  }
package/src/digitv2/components/bodyContainerV2.scss CHANGED
@@ -1,39 +1,39 @@
1
- @import url("../index.scss");
2
-
3
- body {
4
- background-color: #fafafa;
5
- }
6
-
7
- .body-container {
8
- @extend .light-background;
9
- @apply h-full min-h-screen overflow-x-hidden;
10
- }
11
-
12
- .body-container::-webkit-scrollbar {
13
- display: none;
14
- }
15
-
16
- .h1 {
17
- @extend .light-text-color-primary;
18
- @apply text-heading-l font-bold mb-md ml-md;
19
- }
20
-
21
- .link-label {
22
- @extend .light-primary;
23
- @apply block mb-md ml-md cursor-pointer;
24
-
25
- &:hover {
26
- @extend .light-text-color-primary;
27
- }
28
- }
29
-
30
- @screen dt {
31
- .h1 {
32
- margin-left: 0;
33
- @apply text-heading-l-dt;
34
- }
35
-
36
- .link-label {
37
- margin-left: 0;
38
- }
39
- }
1
+ @import url("../index.scss");
2
+
3
+ body {
4
+ background-color: #fafafa;
5
+ }
6
+
7
+ .body-container {
8
+ @extend .light-background;
9
+ @apply h-full min-h-screen overflow-x-hidden;
10
+ }
11
+
12
+ .body-container::-webkit-scrollbar {
13
+ display: none;
14
+ }
15
+
16
+ .h1 {
17
+ @extend .light-text-color-primary;
18
+ @apply text-heading-l font-bold mb-md ml-md;
19
+ }
20
+
21
+ .link-label {
22
+ @extend .light-primary;
23
+ @apply block mb-md ml-md cursor-pointer;
24
+
25
+ &:hover {
26
+ @extend .light-text-color-primary;
27
+ }
28
+ }
29
+
30
+ @screen dt {
31
+ .h1 {
32
+ margin-left: 0;
33
+ @apply text-heading-l-dt;
34
+ }
35
+
36
+ .link-label {
37
+ margin-left: 0;
38
+ }
39
+ }
package/src/digitv2/components/breadcrumbV2.scss CHANGED
@@ -1,57 +1,57 @@
1
- @import url("../index.scss");
2
- @import url("../typography.scss");
3
-
4
- .digit-bread-crumb {
5
- display: flex;
6
- gap: theme(digitv2.spacers.spacer2);
7
- height: 1.375rem;
8
- padding: unset;
9
- }
10
-
11
- .digit-bread-crumb--item {
12
- display: flex;
13
- gap: theme(digitv2.spacers.spacer2);
14
-
15
-
16
- button {
17
- outline: none;
18
- }
19
-
20
-
21
- .digit-bread-crumb-content {
22
- @extend .typography.body-s;
23
- display: flex !important;
24
- gap: theme(digitv2.spacers.spacer1);
25
- cursor: pointer;
26
- text-decoration: none;
27
-
28
- svg {
29
- width: theme(digitv2.spacers.spacer5);
30
- height: theme(digitv2.spacers.spacer5);
31
- }
32
-
33
- color: theme(digitv2.lightTheme.primary-1);
34
-
35
- &:hover {
36
- text-decoration: underline;
37
- }
38
- }
39
-
40
- span {
41
- cursor: pointer;
42
- }
43
-
44
- .digit-bread-crumb-content.current,
45
- .digit-bread-crumb-seperator {
46
- @extend .typography.body-s;
47
- color: theme(digitv2.lightTheme.text-secondary);
48
- text-decoration: none;
49
- cursor: default;
50
- }
51
-
52
- }
53
-
54
- ol,
55
- ul {
56
- list-style: none;
1
+ @import url("../index.scss");
2
+ @import url("../typography.scss");
3
+
4
+ .digit-bread-crumb {
5
+ display: flex;
6
+ gap: theme(digitv2.spacers.spacer2);
7
+ height: 1.375rem;
8
+ padding: unset;
9
+ }
10
+
11
+ .digit-bread-crumb--item {
12
+ display: flex;
13
+ gap: theme(digitv2.spacers.spacer2);
14
+
15
+
16
+ button {
17
+ outline: none;
18
+ }
19
+
20
+
21
+ .digit-bread-crumb-content {
22
+ @extend .typography.body-s;
23
+ display: flex !important;
24
+ gap: theme(digitv2.spacers.spacer1);
25
+ cursor: pointer;
26
+ text-decoration: none;
27
+
28
+ svg {
29
+ width: theme(digitv2.spacers.spacer5);
30
+ height: theme(digitv2.spacers.spacer5);
31
+ }
32
+
33
+ color: theme(digitv2.lightTheme.primary-1);
34
+
35
+ &:hover {
36
+ text-decoration: underline;
37
+ }
38
+ }
39
+
40
+ span {
41
+ cursor: pointer;
42
+ }
43
+
44
+ .digit-bread-crumb-content.current,
45
+ .digit-bread-crumb-seperator {
46
+ @extend .typography.body-s;
47
+ color: theme(digitv2.lightTheme.text-secondary);
48
+ text-decoration: none;
49
+ cursor: default;
50
+ }
51
+
52
+ }
53
+
54
+ ol,
55
+ ul {
56
+ list-style: none;
57
57
  }