feat: New icons segmented control width

.changeset/chatty-years-sit.md → .changeset/curly-waves-tease.md

@@ -2,4 +2,4 @@
 "@appsmithorg/design-system": patch
 ---
 
-feat: Added announcement popover component
+New icons segmented control width

packages/design-system/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @appsmithorg/design-system
 
+## 2.1.27
+
+### Patch Changes
+
+- [#673](https://github.com/appsmithorg/design-system/pull/673) [`c8045ee8`](https://github.com/appsmithorg/design-system/commit/c8045ee830a6d9d2e2f3f351982f7f4b695af0af) Thanks [@albinAppsmith](https://github.com/albinAppsmith)! - feat: Added announcement popover component
+
 ## 2.1.26
 
 ### Patch Changes

packages/design-system/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appsmithorg/design-system",
-  "version": "2.1.26",
+  "version": "2.1.27",
   "description": "This is the package for the design system that powers the Appsmith platform",
   "module": "build/index.js",
   "types": "build/index.d.ts",

packages/design-system/src/Icon/Icon.provider.tsx

@@ -938,6 +938,18 @@ const Box3LineIcon = importSvg(
   () => import("../__assets__/icons/ads/box-3-line.svg"),
 );
 
+const QueriesLineIcon = importSvg(
+  () => import("../__assets__/icons/ads/queries.svg"),
+);
+
+const BracesLineIcon = importSvg(
+  () => import("../__assets__/icons/ads/braces.svg"),
+);
+
+const DashboardLineIcon = importSvg(
+  () => import("../__assets__/icons/ads/dashboard-line.svg"),
+);
+
 import PlayIconPNG from "../__assets__/icons/control/play-icon.png";
 
 function PlayIconPNGWrapper() {
@@ -1217,6 +1229,9 @@ const ICON_LOOKUP = {
   "file-copy-2-line": FileCopy2Line,
   "box-3-line": Box3LineIcon,
   "apps-line": AppsLineIcon,
+  "queries-line": QueriesLineIcon,
+  "braces-line": BracesLineIcon,
+  "dashboard-line": DashboardLineIcon,
   billing: BillingIcon,
   binding: Binding,
   book: BookIcon,

packages/design-system/src/SegmentedControl/SegmentedControl.styles.tsx

@@ -23,7 +23,7 @@ export const StyledSegmentedControl = styled.div<{
   border-radius: calc(var(--ads-v2-border-radius) + var(--ads-v2-spaces-1));
   box-sizing: border-box;
   height: 32px;
-  width: ${({ isFullWidth }) => (isFullWidth ? "auto" : "max-content")};
+  width: ${({ isFullWidth }) => (isFullWidth ? "100%" : "max-content")};
 `;
 
 export const StyledSegment = styled.span`