Merge pull request #1303 from dxc-technology/fix-1277

Update component's size fitContent
dxc-technology · Oct 3, 2022 · 61a8ced · 61a8ced
2 parents 9885dbb + 250d3f1
commit 61a8ced
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 7 deletions.
diff --git a/lib/src/alert/Alert.tsx b/lib/src/alert/Alert.tsx
@@ -114,7 +114,7 @@ const sizes = {
   medium: "480px",
   large: "820px",
   fillParent: "100%",
-  fitContent: "auto",
+  fitContent: "fit-content",
 };
 
 const calculateWidth = (margin, size) =>

diff --git a/lib/src/box/Box.tsx b/lib/src/box/Box.tsx
@@ -30,7 +30,7 @@ const sizes = {
   medium: "240px",
   large: "480px",
   fillParent: "100%",
-  fitContent: "unset",
+  fitContent: "fit-content",
 };
 
 const calculateWidth = (margin, size, padding) => {

diff --git a/lib/src/checkbox/Checkbox.tsx b/lib/src/checkbox/Checkbox.tsx
@@ -113,7 +113,7 @@ const sizes = {
   medium: "240px",
   large: "480px",
   fillParent: "100%",
-  fitContent: "unset",
+  fitContent: "fit-content",
 };
 
 const calculateWidth = (margin, size) => {

diff --git a/lib/src/dropdown/Dropdown.tsx b/lib/src/dropdown/Dropdown.tsx
@@ -141,7 +141,7 @@ const DxcDropdown = ({
     },
     [onSelectOption, visualFocusIndex, options]
   );
-  
+
   useLayoutEffect(() => {
     const visualFocusedMenuItem = menuRef?.current?.querySelectorAll("[role='menuitem']")[visualFocusIndex];
     visualFocusedMenuItem?.scrollIntoView?.({ block: "nearest", inline: "start" });
@@ -229,7 +229,7 @@ const sizes = {
   medium: "240px",
   large: "480px",
   fillParent: "100%",
-  fitContent: "unset",
+  fitContent: "fit-content",
 };
 
 const calculateWidth = (margin, size) =>

diff --git a/lib/src/switch/Switch.tsx b/lib/src/switch/Switch.tsx
@@ -132,7 +132,7 @@ const sizes = {
   medium: "240px",
   large: "480px",
   fillParent: "100%",
-  fitContent: "unset",
+  fitContent: "fit-content",
 };
 
 const calculateWidth = (margin, size) =>

diff --git a/lib/src/tag/Tag.tsx b/lib/src/tag/Tag.tsx
@@ -68,7 +68,7 @@ const sizes = {
   medium: "240px",
   large: "480px",
   fillParent: "100%",
-  fitContent: "unset",
+  fitContent: "fit-content",
 };
 
 const calculateWidth = (margin, size) =>