@egovernments/digit-ui-components-css 2.0.0-dev-04 → 2.0.0-dev-06

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-components-css",
-  "version": "2.0.0-dev-04",
+  "version": "2.0.0-dev-06",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <jagan.kumar@egovernments.org>",

package/src/digitv2/components/buttonsV2.scss

@@ -380,6 +380,7 @@
 .digit-selector-button-primary {
   @apply h-8 text-center border-b-2 border-input-border border-solid outline-none px-lg;
   background-color: var(--digitv2-lightTheme-primary-1);
+  border-bottom-width: 2px;
 
   &:focus {
     @apply outline-none;
@@ -392,6 +393,7 @@
 
 .digit-selector-button-border {
   @apply h-8 bg-border text-center border-b-2 border-input-border border-solid outline-none px-lg;
+  border-bottom-width: 2px;
 
   &:focus {
     @apply outline-none;
@@ -405,6 +407,7 @@
 .digit-selector-button-primary-disabled {
   @apply h-8 text-center border-b-2 border-input-border border-solid outline-none px-lg opacity-50;
   background-color: var(--digitv2-lightTheme-primary-1);
+  border-bottom-width: 2px;
 
   &:focus {
     @apply outline-none;
@@ -460,4 +463,23 @@
       left:0 ;
     }
   }
+}
+
+.digit-button-primary,
+.digit-button-secondary,
+.digit-button-teritiary,
+.digit-button-default {
+  &.large {
+    border-radius: var(--digitv2-borderRadius-radius3);
+  }
+
+  &.medium,
+  &.small {
+    border-radius: var(--digitv2-borderRadius-radius2);
+  }
+}
+
+.digit-submit-bar,
+.digit-selector-button-primary {
+  border-radius: var(--digitv2-borderRadius-radius2);
 }

package/src/digitv2/components/cardV2.scss

@@ -391,7 +391,7 @@
     width: 100%;
     height: auto;
     background-color: theme("digitv2.lightTheme.paper-primary");
-    border-radius: theme("digitv2.spacers.spacer1");
+    border-radius: var(--digitv2-borderRadius-radius2);
     box-shadow: 0rem 0.063rem 0.125rem 0rem #00000029;
     display: flex;
     gap: theme("digitv2.spacers.spacer4");

package/src/digitv2/components/radiobtnV2.scss

@@ -80,6 +80,7 @@
   .digit-radio-btn-checkmark {
     @extend .light-input-border;
     @apply h-6 w-6 border border-input-border border-solid rounded-full block;
+    border-width:1px;
   }
 
   label {
@@ -141,4 +142,8 @@
   div {
     @apply flex flex-row-reverse place-content-between items-center;
   }
+}
+
+.digit-radio-options-wrap .digit-radio-btn-checkmark{ 
+  border-width: 1px
 }

package/src/digitv2/components/tagV2.scss

@@ -10,6 +10,7 @@
     align-items: center;
     width: fit-content;
     justify-content: center;
+    border-radius: var(--digitv2-borderRadius-radius3);
 
     &.left {
         justify-content: flex-start;

package/src/digitv2/components/textInputV2.scss

@@ -478,4 +478,59 @@
   pointer-events: none;
   opacity: 0.4;
   cursor: not-allowed;
+}
+
+.digit-employeeCard-input,
+.digit-citizenCard-input,
+.digit-employeeCard-inputError,
+.digit-card-inputError,
+.digit-dropdown-select-active,
+.digit-dropdown-select,
+.digit-multiselectdropdown-master,
+.digit-employee-card-textarea-field,
+.digit-card-textarea-field {
+  border-radius: var(--digitv2-borderRadius-radius2);
+}
+
+.digit-text-input-field {
+  &.numeric {
+    .digit-employeeCard-input,
+    .digit-citizenCard-input,
+    .digit-employeeCard-inputError,
+    .digit-card-inputError {
+      border-radius: var(--digitv2-borderRadius-radius0);
+    }
+  }
+
+  &.prefix{
+    .digit-employeeCard-input,
+    .digit-citizenCard-input,
+    .digit-employeeCard-inputError,
+    .digit-card-inputError {
+      border-top-left-radius: var(--digitv2-borderRadius-radius0);
+      border-bottom-left-radius: var(--digitv2-borderRadius-radius0);
+    }
+  }
+
+  &.suffix {
+    .digit-employeeCard-input,
+    .digit-citizenCard-input,
+    .digit-employeeCard-inputError,
+    .digit-card-inputError {
+      border-top-right-radius: var(--digitv2-borderRadius-radius0);
+      border-bottom-right-radius: var(--digitv2-borderRadius-radius0);
+    }
+  }
+}
+
+.digit-prefix,
+.digit-numeric-button-prefix{
+  border-top-left-radius: var(--digitv2-borderRadius-radius2);
+  border-bottom-left-radius: var(--digitv2-borderRadius-radius2);
+}
+
+.digit-suffix,
+.digit-numeric-button-suffix{
+  border-top-right-radius:var(--digitv2-borderRadius-radius2);
+  border-bottom-right-radius: var(--digitv2-borderRadius-radius2);
 }

package/src/theme-variables.css

@@ -124,6 +124,20 @@
   --digitv2-divider-dividerS: 0.063rem solid #D6D5D4;
   --digitv2-divider-dividerM: 0.125rem solid #D6D5D4;
   --digitv2-divider-dividerL: 0.25rem solid #D6D5D4;
+  --digitv2-borderRadius-radius0: 0rem;
+  --digitv2-borderRadius-radius1: 0.25rem;
+  --digitv2-borderRadius-radius2: 0.375rem;
+  --digitv2-borderRadius-radius3: 0.5rem;
+  --digitv2-borderRadius-radius4: 0.625rem;
+  --digitv2-borderRadius-radius5: 0.75rem;
+  --digitv2-borderRadius-radius6: 0.875rem;
+  --digitv2-borderRadius-radius7: 1rem;
+  --digitv2-borderRadius-radius8: 1.125rem;
+  --digitv2-borderRadius-radius9: 1.25rem;
+  --digitv2-borderRadius-radius10: 1.5rem;
+  --digitv2-borderRadius-radius11: 1.75rem;
+  --digitv2-borderRadius-radius12: 2rem;
+  --digitv2-borderRadius-radius13: 2.5rem;
 }
 
 /* Usage Examples: