@djb25/digit-ui-css 1.0.26 → 1.0.28

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.
@@ -142,8 +142,12 @@
142
142
 
143
143
  .upload-file {
144
144
  min-height: 40px;
145
- @apply relative border border-input-border w-full rounded-md;
146
-
145
+ border: 2px solid #e5e5e7;
146
+ @apply relative w-full rounded-md;
147
+ &:hover {
148
+ border: 2px solid #a1a1aa;
149
+ @apply rounded-md;
150
+ }
147
151
  div {
148
152
  @apply flex flex-row h-full items-center pl-md mt-sm flex-wrap;
149
153
 
@@ -48,8 +48,8 @@
48
48
  }
49
49
 
50
50
  .employee-card-input {
51
- @apply pl-sm outline-none block border w-full h-10 border-input-border border-solid bg-white leading-10 text-form-field text-text-primary;
52
- @extend .light-input-border;
51
+ border: 2px solid #e5e5e7;
52
+ @apply pl-sm outline-none block w-full h-10 bg-white leading-10 text-form-field text-text-primary;
53
53
  }
54
54
  .employee-card-input:disabled {
55
55
  @apply border-grey-dark text-grey-dark !important;
@@ -61,6 +61,7 @@
61
61
  width: fit-content !important;
62
62
  display: flex;
63
63
  align-items: center;
64
+ color: #98989c;
64
65
  /* background: theme(colors.grey.mid); */
65
66
  @extend .light-background;
66
67
  border-right: 0;
@@ -74,12 +75,9 @@
74
75
 
75
76
  .card-textarea,
76
77
  .employee-card-textarea {
77
- @apply block outline-none mt-md mb-lg border w-full border-input-border border-solid bg-white h-24 text-form-field text-text-primary p-sm;
78
+ @apply block outline-none border w-full border-input-border border-solid bg-white h-24 text-form-field text-text-primary p-sm;
78
79
  @extend .light-input-border;
79
80
  }
80
- .employee-card-textarea {
81
- @apply w-full;
82
- }
83
81
 
84
82
  .citizen-card-input {
85
83
  @apply pl-sm outline-none block border w-full h-10 border-input-border border-solid bg-white leading-10 text-form-field text-text-primary;
@@ -114,6 +112,6 @@
114
112
  width: fit-content;
115
113
  }
116
114
 
117
- .digit-form-composer-header{
118
- font-size:theme(digitv2.fontSize.heading-l-dt);
119
- }
115
+ .digit-form-composer-header {
116
+ font-size: theme(digitv2.fontSize.heading-l-dt);
117
+ }
@@ -131,7 +131,7 @@
131
131
 
132
132
  .card-label-error {
133
133
  @extend .alert-error;
134
- @apply block text-body-s text-error mb-md;
134
+ @apply block text-body-s text-error;
135
135
  }
136
136
 
137
137
  .card-label-desc {
@@ -39,8 +39,7 @@
39
39
 
40
40
  input:checked ~ .digit-custom-checkbox,
41
41
  input:hover ~ .digit-custom-checkbox {
42
- @apply border-2 border-primary-main;
43
- @extend .light-input-border;
42
+ border: 2px solid #a1a1aa;
44
43
  }
45
44
 
46
45
  input:checked ~ .digit-custom-checkbox img {
@@ -68,7 +68,7 @@
68
68
  }
69
69
  input:checked ~ .digit-custom-checkbox,
70
70
  input:hover ~ .digit-custom-checkbox {
71
- @apply border-2 border-primary-main;
71
+ border: 2px solid #a1a1aa;
72
72
  }
73
73
 
74
74
  input:checked ~ .digit-custom-checkbox svg {
@@ -227,8 +227,7 @@
227
227
 
228
228
  input:checked,
229
229
  input:hover {
230
- @apply border-2;
231
- @extend .light-input-border;
230
+ border: 2px solid #a1a1aa;
232
231
  }
233
232
  }
234
233
  }
package/src/index.scss CHANGED
@@ -474,12 +474,13 @@ input[type="number"] {
474
474
  }
475
475
  .phone-input-wrapper:hover {
476
476
  .employee-card-input--front {
477
- border: 1px solid #667eea;
477
+ border: 2px solid #a1a1aa;
478
478
  border-right: 0;
479
+ color: #a1a1aa;
479
480
  }
480
481
 
481
482
  input {
482
- border: 1px solid #667eea;
483
+ border: 1px solid #e5e5e7;
483
484
  }
484
485
  }
485
486
 
@@ -488,8 +489,7 @@ input[type="number"] {
488
489
 
489
490
  input {
490
491
  &:hover {
491
- --border-opacity: 1;
492
- border: 1px solid #667eea;
492
+ border: 2px solid #a1a1aa;
493
493
  }
494
494
  }
495
495
  }
@@ -729,7 +729,6 @@ input[type="number"] {
729
729
  width: 100%;
730
730
  flex: 1;
731
731
  min-width: 0;
732
- margin-bottom: 68px;
733
732
  }
734
733
 
735
734
  .employee-app-wrapper {
@@ -97,6 +97,7 @@
97
97
  .employee-main-application-details {
98
98
  width: 100%;
99
99
  overflow-y: scroll;
100
+ margin-bottom: 62px;
100
101
  }
101
102
 
102
103
  .employee-form-content {
@@ -108,6 +109,10 @@
108
109
  gap: 16px;
109
110
  }
110
111
 
112
+ .employee-form-content-with-action-bar {
113
+ margin-bottom: 62px;
114
+ }
115
+
111
116
  .citizen {
112
117
  .main {
113
118
  padding-top: 82px;
@@ -1042,7 +1047,7 @@
1042
1047
  bottom: 0;
1043
1048
  background: rgba(0, 0, 0, 0.5);
1044
1049
  backdrop-filter: blur(4px);
1045
- z-index: 100000;
1050
+ z-index: 9999999;
1046
1051
  display: flex;
1047
1052
  justify-content: center;
1048
1053
  align-items: center;