updated style prop and added chip shadow (#138)

egovernments · Oct 16, 2024 · 718d4a4 · 718d4a4
1 parent 2d85ec2
commit 718d4a4
Show file tree

Hide file tree

Showing 13 changed files with 22 additions and 14 deletions.
diff --git a/react/css/package.json b/react/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-components-css",
-  "version": "0.0.2-beta.38",
+  "version": "0.0.2-beta.39",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <[email protected]>",

diff --git a/react/css/src/digitv2/components/buttonsV2.scss b/react/css/src/digitv2/components/buttonsV2.scss
@@ -155,6 +155,10 @@
     color: theme(digitv2.lightTheme.primary-1);
   }
 
+  .digit-button-label{
+    color: theme(digitv2.lightTheme.primary-1);
+  }
+
   &.disabled {
     @apply opacity-50;
     border: 0.063rem solid theme(digitv2.lightTheme.text-disabled);

diff --git a/react/css/src/digitv2/components/chipV2.scss b/react/css/src/digitv2/components/chipV2.scss
@@ -46,6 +46,10 @@
     }
 
 
+    &.clickable:hover{
+      box-shadow: 0.125rem 0.125rem 0.25rem 0rem #36363633;
+    }
+
     svg{
       flex-shrink: 0;
     }

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.2-beta.47",
+    "@egovernments/digit-ui-components": "0.0.2-beta.48",
     "@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].38/dist/index.css"
+    href="https://unpkg.com/@egovernments/[email protected].39/dist/index.css"
   />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#00bcd1" />

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.2-beta.47",
+    "@egovernments/digit-ui-components": "0.0.2-beta.48",
     "@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.2-beta.47",
+    "@egovernments/digit-ui-components": "0.0.2-beta.48",
     "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
@@ -79,13 +79,13 @@
     "@babel/plugin-syntax-jsx": "^7.24.1",
     "@babel/preset-react": "^7.24.1",
     "@egovernments/digit-ui-libraries": "1.8.2-beta.1",
-    "@egovernments/digit-ui-components-css":"0.0.2-beta.38",
+    "@egovernments/digit-ui-components-css":"0.0.2-beta.39",
     "@egovernments/digit-ui-module-core": "1.8.1-beta.6",
     "@egovernments/digit-ui-module-project": "0.3.4",
     "@egovernments/digit-ui-module-sample": "0.0.1",
     "@egovernments/digit-ui-react-components": "1.7.10",
     "@egovernments/digit-ui-svg-components": "1.0.12",
-    "@egovernments/digit-ui-components": "0.0.2-beta.47",
+    "@egovernments/digit-ui-components": "0.0.2-beta.48",
     "babel-loader": "8.1.0",
     "clean-webpack-plugin": "4.0.0",
     "css-loader": "5.2.6",

diff --git a/react/ui-components/.storybook/preview-head.html b/react/ui-components/.storybook/preview-head.html
@@ -1,6 +1,6 @@
 <head>
     <!-- .storybook/preview-head.html -->
-    <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].38/dist/index.css"/>
+    <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].39/dist/index.css"/>
     <!-- Pull in static files served from your Static directory or the internet -->
     <!-- Example: `main.js|ts` is configured with staticDirs: ['../public'] and your font is located in the `fonts` directory inside your `public` directory -->
     <link rel="preload" href="/fonts/my-font.woff2" />

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.2-beta.47",
+  "version": "0.0.2-beta.48",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
@@ -52,7 +52,7 @@
     "dist"
   ],
   "dependencies": {
-    "@egovernments/digit-ui-components-css": "0.0.2-beta.38",
+    "@egovernments/digit-ui-components-css": "0.0.2-beta.39",
     "@egovernments/digit-ui-libraries": "1.8.1-beta.1",
     "@egovernments/digit-ui-svg-components": "1.0.12",
     "@googlemaps/js-api-loader": "1.13.10",

diff --git a/react/ui-components/public/index.html b/react/ui-components/public/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
   <meta name="description" content="Web site created using create-react-app" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].38/dist/index.css"/>
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].39/dist/index.css"/>
   <link rel="icon" href="https://egov-dev-assets.s3.ap-south-1.amazonaws.com/browser-icon.png" />
   <style>
     .custom-class path {

diff --git a/react/ui-components/src/atoms/Chip.js b/react/ui-components/src/atoms/Chip.js
@@ -42,7 +42,7 @@ const Chip = ({
       onClick={disabled ? null : onTagClick}
     >
       <div
-        className={`digit-tag ${isErrorTag ? "errortag" : ""} ${hideClose ? "noClose" : ""} ${!iconReq ? "noIcon" : ""} ${
+        className={`digit-tag ${isErrorTag ? "errortag" : ""} ${hideClose ? "noClose" : ""} ${!iconReq ? "noIcon" : ""} ${onTagClick || onClick ? "clickable" : ""} ${
           className ? className : ""
         }`}
         style={tagStyles}

diff --git a/react/ui-components/src/hoc/FormComposerV2.js b/react/ui-components/src/hoc/FormComposerV2.js
@@ -344,8 +344,8 @@ export const FormComposer = (props) => {
   const renderFormFields = (props, section, index, array, sectionFormCategory) => (
     <React.Fragment key={index}>
       {!props.childrenAtTheBottom && props.children}
-      {props.heading && <Header style={{ ...props.headingStyle }}> {props.heading} </Header>}
-      {props.description && <Header> {props.description} </Header>}
+      {props.heading && <Header styles={{ ...props.headingStyle }}> {props.heading} </Header>}
+      {props.description && <Header styles={{ ...props.descriptionStyles }}> {props.description} </Header>}
       {props.text && <p>{props.text}</p>}
       {formFields(section, index, array, sectionFormCategory)}
       {props.childrenAtTheBottom && props.children}
-Original file line number
+Diff line change
@@ Expand Up / @@ -46,6 +46,10 @@ @@
         }
+        &.clickable:hover{
+          box-shadow: 0.125rem 0.125rem 0.25rem 0rem #36363633;
+        }
         svg{
           flex-shrink: 0;
         }
@@ Expand Down @@