Dpg 2385 (#75)

* updated success animation * updated success panel * updated ui-components version * updated css version
egovernments · May 31, 2024 · 96416c1 · 96416c1
1 parent e1115bd
commit 96416c1
Show file tree

Hide file tree

Showing 15 changed files with 924 additions and 860 deletions.
diff --git a/react/css/README.md b/react/css/README.md
@@ -42,6 +42,7 @@ frontend/micro-ui/web/public/index.html
 # Changelog
 
 ```bash
+1.8.2-coreui.23 Updated Panel success animation styles
 1.8.2-coreui.22 Updated tag, stepper styles 
 1.8.2-coreui.21 Updated Panel, Popup styles
 1.8.2-coreui.20 Added Popup,Panel and Panel Card css

diff --git a/react/css/package.json b/react/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-css",
-  "version": "1.8.2-coreui.22",
+  "version": "1.8.2-coreui.23",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <[email protected]>",

diff --git a/react/css/src/digitv2/components/panels.scss b/react/css/src/digitv2/components/panels.scss
@@ -2,20 +2,40 @@
   @apply flex flex-col items-center;
   gap: theme(digitv2.spacers.spacer6);
 
-  @media (min-width: 48rem) {
-    padding: theme(digitv2.spacers.spacer10);
-  }
+  &.success {
+    background-color: theme(digitv2.lightTheme.alert-success);
 
-  @media (min-width: 30.063rem) and (max-width: 47.938rem) {
-    padding: theme(digitv2.spacers.spacer10);
-  }
+    @media (min-width: 48rem) {
+      padding: theme(digitv2.spacers.spacer10);
+      padding-top: 0.703rem;
+    }
+
+    @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+      padding: theme(digitv2.spacers.spacer10);
+      padding-top: theme(digitv2.spacers.spacer4);
+    }
+
+    @media (max-width: 30rem) {
+      padding: theme(digitv2.spacers.spacer8) theme(digitv2.spacers.spacer10);
+      padding-top: theme(digitv2.spacers.spacer4);
+    }
 
-  @media (max-width: 30rem) {
-    padding: theme(digitv2.spacers.spacer8) theme(digitv2.spacers.spacer10);
   }
 
-  &.success {
-    background-color: theme(digitv2.lightTheme.alert-success);
+  &.error,
+  &.with-svg {
+
+    @media (min-width: 48rem) {
+      padding: theme(digitv2.spacers.spacer10);
+    }
+
+    @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+      padding: theme(digitv2.spacers.spacer10);
+    }
+
+    @media (max-width: 30rem) {
+      padding: theme(digitv2.spacers.spacer8) theme(digitv2.spacers.spacer10);
+    }
   }
 
   &.error {
@@ -27,16 +47,37 @@
     display: flex;
     flex-direction: column !important;
 
-    @media (min-width: 48rem) {
-      gap: theme(digitv2.spacers.spacer6);
-    }
+    &.success {
 
-    @media (min-width: 30.063rem) and (max-width: 47.938rem) {
-      gap: theme(digitv2.spacers.spacer5);
+      @media (min-width: 48rem) {
+        gap: 0.422rem;
+      }
+
+      @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+        gap: theme(digitv2.spacers.spacer2);
+      }
+
+      @media (max-width: 30rem) {
+        gap: theme(digitv2.spacers.spacer2);
+      }
     }
 
-    @media (max-width: 30rem) {
-      gap: theme(digitv2.spacers.spacer4);
+
+    &.error,
+    &.with-svg {
+
+      @media (min-width: 48rem) {
+        gap: theme(digitv2.spacers.spacer6);
+      }
+
+      @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+        gap: theme(digitv2.spacers.spacer5);
+      }
+
+      @media (max-width: 30rem) {
+        gap: theme(digitv2.spacers.spacer4);
+      }
+
     }
 
     .digit-panel-message {

diff --git a/react/example/package.json b/react/example/package.json
@@ -10,7 +10,7 @@
     "build": "webpack --mode production"
   },
   "dependencies": {
-    "@egovernments/digit-ui-components": "0.0.1-beta.31",
+    "@egovernments/digit-ui-components": "0.0.1-beta.32",
     "@egovernments/digit-ui-libraries": "1.8.2-beta.1",
     "@egovernments/digit-ui-module-common": "1.7.10",
     "@egovernments/digit-ui-module-core": "1.8.1-beta.6",

diff --git a/react/example/public/index.html b/react/example/public/index.html
@@ -9,7 +9,7 @@
     rel='stylesheet' type='text/css'>
     <link
     rel="stylesheet"
-    href="https://unpkg.com/@egovernments/[email protected].22/dist/index.css"
+    href="https://unpkg.com/@egovernments/[email protected].23/dist/index.css"
   />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#00bcd1" />

diff --git a/react/modules/Project/package.json b/react/modules/Project/package.json
@@ -19,7 +19,7 @@
     },
     "dependencies": {
         "@egovernments/digit-ui-react-components": "1.8.1-beta.4",
-        "@egovernments/digit-ui-components": "0.0.1-beta.31",
+        "@egovernments/digit-ui-components": "0.0.1-beta.32",
         "lodash": "^4.17.21",
         "react": "17.0.2",
         "react-date-range": "^1.4.0",

diff --git a/react/modules/core/package.json b/react/modules/core/package.json
@@ -14,7 +14,7 @@
     "prepublish": "yarn build"
   },
   "dependencies": {
-    "@egovernments/digit-ui-components": "0.0.1-beta.31",
+    "@egovernments/digit-ui-components": "0.0.1-beta.32",
     "@egovernments/digit-ui-react-components": "1.8.1-beta.4",
     "react": "17.0.2",
     "react-dom": "17.0.2",

diff --git a/react/modules/sample/package.json b/react/modules/sample/package.json
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "@egovernments/digit-ui-react-components": "1.8.1-beta.4",
-    "@egovernments/digit-ui-components": "0.0.1-beta.31",
+    "@egovernments/digit-ui-components": "0.0.1-beta.32",
     "react": "17.0.2",
     "react-date-range": "^1.4.0",
     "react-dom": "17.0.2",

diff --git a/react/package.json b/react/package.json
@@ -77,7 +77,7 @@
     "@egovernments/digit-ui-module-sample": "0.0.1",
     "@egovernments/digit-ui-react-components": "1.7.10",
     "@egovernments/digit-ui-svg-components": "1.0.4",
-    "@egovernments/digit-ui-components": "0.0.1-beta.31",
+    "@egovernments/digit-ui-components": "0.0.1-beta.32",
     "babel-loader": "8.1.0",
     "clean-webpack-plugin": "4.0.0",
     "css-loader": "5.2.6",

diff --git a/react/ui-components/README.md b/react/ui-components/README.md
@@ -58,6 +58,7 @@ yarn storybook
 # Changelog
 
 ```bash
+0.0.1-beta.32 Updated Panel Success Animation
 0.0.1-beta.31 Added new prop named activeSteps in Stepper
 0.0.1-beta.30 Updated Panel Animation Styles
 0.0.1-beta.29 Added PopUp,Panels and Panel Cards

diff --git a/react/ui-components/package.json b/react/ui-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-components",
-  "version": "0.0.1-beta.31",
+  "version": "0.0.1-beta.32",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
@@ -51,7 +51,7 @@
     "dist"
   ],
   "dependencies": {
-    "@egovernments/digit-ui-css": "1.8.2-coreui.22",
+    "@egovernments/digit-ui-css": "1.8.2-coreui.23",
     "@egovernments/digit-ui-libraries": "1.8.1-beta.1",
     "@egovernments/digit-ui-svg-components": "1.0.4",
     "@googlemaps/js-api-loader": "1.13.10",