added uploader variants

react/css/README.md

@@ -42,6 +42,7 @@ frontend/micro-ui/web/public/index.html
 # Changelog
 
 ```bash
+1.8.2-coreui.14 added uploader varinats and its css
 1.8.2-coreui.12 updated css for toast info and category option css 
 1.8.2-coreui.11 added info varinat for toast
 1.8.2-coreui.10 dropdown options card height updated

react/css/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@egovernments/digit-ui-css",
- "version": "1.8.2-coreui.12",
+ "version": "1.8.2-coreui.14",
  "license": "MIT",
  "main": "dist/index.css",
  "author": "Jagankumar <[email protected]>",

react/css/src/digitv2/components/buttonsV2.scss

@@ -1,7 +1,7 @@
 @import url("../index.scss");
 
 .icon-label-container {
- @apply w-full flex max-w-full items-center;
+ @apply flex max-w-full items-center;
  gap: 0.5rem;
 
  &.small,

react/css/src/digitv2/components/tagV2.scss

@@ -1,3 +1,20 @@
+.digit-tag-error-container {
+ @apply flex flex-col;
+ gap: 0.25rem;
+ max-width: 100%;
+}
+
+.digit-tag-error {
+ @apply flex w-full;
+ margin-top: 0rem;
+ gap: 0.25rem;
+}
+
+.digit-tag-error-message {
+ margin: 0rem;
+ font-style: normal;
+}
+
 .digit-tag-container {
  @apply flex flex-wrap mb-md items-center;
  gap: 0.5rem;
@@ -30,15 +47,22 @@
  background: theme(digitv2.lightTheme.generic-background);
  margin: 0rem;
  border: 0.063rem solid theme(digitv2.lightTheme.generic-divider);
+ width: fit-content;
+ max-width: 100%;
+ width: 100%;
 
 
  .digit-text {
  @extend .typography.body-s;
- @apply overflow-hidden h-4;
- max-width: calc(100% - 24px);
+ @apply overflow-hidden;
+ max-width: calc(100% - 1.75rem);
+ width: calc(100% - 1.75rem);
  text-overflow: clip;
  color: theme(digitv2.lightTheme.text-primary);
- line-height: 1.026rem;
+ white-space: nowrap;
+ display: flex;
+ align-items: center;
+ text-overflow: ellipsis;
  }
 
  .close-icon {
@@ -55,7 +79,6 @@
 
  .digit-text {
  @extend .typography.heading-s;
- line-height: 1.172rem;
  color: theme(digitv2.lightTheme.alert-error);
  }