@egovernments/digit-ui-components-css 2.0.0-dev-05 → 2.0.0-dev-07

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 (8) hide show
  1. package/dist/index.css +2 -2
  2. package/package.json +1 -1
  3. package/src/digitv2/components/buttonsV2.scss +19 -0
  4. package/src/digitv2/components/cardV2.scss +1 -1
  5. package/src/digitv2/components/tagV2.scss +1 -0
  6. package/src/digitv2/components/textInputV2.scss +55 -0
  7. package/src/digitv2/pages/employee/inboxsearchcomposer.scss +2 -0
  8. package/src/theme-variables.css +14 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@egovernments/digit-ui-components-css",
3
- "version": "2.0.0-dev-05",
3
+ "version": "2.0.0-dev-07",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "author": "Jagankumar <jagan.kumar@egovernments.org>",
package/src/digitv2/components/buttonsV2.scss CHANGED
@@ -463,4 +463,23 @@
463
463
  left:0 ;
464
464
  }
465
465
  }
466
+ }
467
+
468
+ .digit-button-primary,
469
+ .digit-button-secondary,
470
+ .digit-button-teritiary,
471
+ .digit-button-default {
472
+ &.large {
473
+ border-radius: var(--digitv2-borderRadius-radius3);
474
+ }
475
+
476
+ &.medium,
477
+ &.small {
478
+ border-radius: var(--digitv2-borderRadius-radius2);
479
+ }
480
+ }
481
+
482
+ .digit-submit-bar,
483
+ .digit-selector-button-primary {
484
+ border-radius: var(--digitv2-borderRadius-radius2);
466
485
  }
package/src/digitv2/components/cardV2.scss CHANGED
@@ -391,7 +391,7 @@
391
391
  width: 100%;
392
392
  height: auto;
393
393
  background-color: theme("digitv2.lightTheme.paper-primary");
394
- border-radius: theme("digitv2.spacers.spacer1");
394
+ border-radius: var(--digitv2-borderRadius-radius5);
395
395
  box-shadow: 0rem 0.063rem 0.125rem 0rem #00000029;
396
396
  display: flex;
397
397
  gap: theme("digitv2.spacers.spacer4");
package/src/digitv2/components/tagV2.scss CHANGED
@@ -10,6 +10,7 @@
10
10
  align-items: center;
11
11
  width: fit-content;
12
12
  justify-content: center;
13
+ border-radius: var(--digitv2-borderRadius-radius3);
13
14
 
14
15
  &.left {
15
16
  justify-content: flex-start;
package/src/digitv2/components/textInputV2.scss CHANGED
@@ -478,4 +478,59 @@
478
478
  pointer-events: none;
479
479
  opacity: 0.4;
480
480
  cursor: not-allowed;
481
+ }
482
+
483
+ .digit-employeeCard-input,
484
+ .digit-citizenCard-input,
485
+ .digit-employeeCard-inputError,
486
+ .digit-card-inputError,
487
+ .digit-dropdown-select-active,
488
+ .digit-dropdown-select,
489
+ .digit-multiselectdropdown-master,
490
+ .digit-employee-card-textarea-field,
491
+ .digit-card-textarea-field {
492
+ border-radius: var(--digitv2-borderRadius-radius2);
493
+ }
494
+
495
+ .digit-text-input-field {
496
+ &.numeric {
497
+ .digit-employeeCard-input,
498
+ .digit-citizenCard-input,
499
+ .digit-employeeCard-inputError,
500
+ .digit-card-inputError {
501
+ border-radius: var(--digitv2-borderRadius-radius0);
502
+ }
503
+ }
504
+
505
+ &.prefix{
506
+ .digit-employeeCard-input,
507
+ .digit-citizenCard-input,
508
+ .digit-employeeCard-inputError,
509
+ .digit-card-inputError {
510
+ border-top-left-radius: var(--digitv2-borderRadius-radius0);
511
+ border-bottom-left-radius: var(--digitv2-borderRadius-radius0);
512
+ }
513
+ }
514
+
515
+ &.suffix {
516
+ .digit-employeeCard-input,
517
+ .digit-citizenCard-input,
518
+ .digit-employeeCard-inputError,
519
+ .digit-card-inputError {
520
+ border-top-right-radius: var(--digitv2-borderRadius-radius0);
521
+ border-bottom-right-radius: var(--digitv2-borderRadius-radius0);
522
+ }
523
+ }
524
+ }
525
+
526
+ .digit-prefix,
527
+ .digit-numeric-button-prefix{
528
+ border-top-left-radius: var(--digitv2-borderRadius-radius2);
529
+ border-bottom-left-radius: var(--digitv2-borderRadius-radius2);
530
+ }
531
+
532
+ .digit-suffix,
533
+ .digit-numeric-button-suffix{
534
+ border-top-right-radius:var(--digitv2-borderRadius-radius2);
535
+ border-bottom-right-radius: var(--digitv2-borderRadius-radius2);
481
536
  }
package/src/digitv2/pages/employee/inboxsearchcomposer.scss CHANGED
@@ -3,6 +3,7 @@
3
3
  @extend .light-paper-primary;
4
4
  height: 100%;
5
5
  width: 100%;
6
+ border-radius:var(--digitv2-borderRadius-radius5);
6
7
 
7
8
  .popup-label {
8
9
  display: flex;
@@ -111,6 +112,7 @@
111
112
  flex-direction: column;
112
113
 
113
114
  .digit-section {
115
+ border-radius: var(--digitv2-borderRadius-radius5);
114
116
  &.links {
115
117
  display: none;
116
118
  }
package/src/theme-variables.css CHANGED
@@ -124,6 +124,20 @@
124
124
  --digitv2-divider-dividerS: 0.063rem solid #D6D5D4;
125
125
  --digitv2-divider-dividerM: 0.125rem solid #D6D5D4;
126
126
  --digitv2-divider-dividerL: 0.25rem solid #D6D5D4;
127
+ --digitv2-borderRadius-radius0: 0rem;
128
+ --digitv2-borderRadius-radius1: 0.25rem;
129
+ --digitv2-borderRadius-radius2: 0.375rem;
130
+ --digitv2-borderRadius-radius3: 0.5rem;
131
+ --digitv2-borderRadius-radius4: 0.625rem;
132
+ --digitv2-borderRadius-radius5: 0.75rem;
133
+ --digitv2-borderRadius-radius6: 0.875rem;
134
+ --digitv2-borderRadius-radius7: 1rem;
135
+ --digitv2-borderRadius-radius8: 1.125rem;
136
+ --digitv2-borderRadius-radius9: 1.25rem;
137
+ --digitv2-borderRadius-radius10: 1.5rem;
138
+ --digitv2-borderRadius-radius11: 1.75rem;
139
+ --digitv2-borderRadius-radius12: 2rem;
140
+ --digitv2-borderRadius-radius13: 2.5rem;
127
141
  }
128
142
 
129
143
  /* Usage Examples: