added uploader variants

react/css/README.md

@@ -42,6 +42,7 @@ frontend/micro-ui/web/public/index.html
 # Changelog
 
 ```bash
+1.8.2-coreui.15 added uploader varinats and its css
 1.8.2-coreui.14 updated dropdown checkbox css
 1.8.2-coreui.13 added spacers
 1.8.2-coreui.12 updated css for toast info and category option css 

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: theme(digitv2.spacers.spacer2);
 
   &.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: theme(digitv2.spacers.spacer2);
@@ -30,15 +47,22 @@
     background: theme(digitv2.lightTheme.generic-background);
     margin: theme(digitv2.spacers.spacer0);
     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% - (theme(digitv2.spacers.spacer6)));
+      @apply overflow-hidden;
+      max-width: calc(100% - (theme(digitv2.spacers.spacer7)));
+      width: calc(100% - (theme(digitv2.spacers.spacer7)));
       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);
       }