diff --git a/.changeset/chatty-years-sit.md b/.changeset/curly-waves-tease.md similarity index 51% rename from .changeset/chatty-years-sit.md rename to .changeset/curly-waves-tease.md index 54de47c25..47770b239 100644 --- a/.changeset/chatty-years-sit.md +++ b/.changeset/curly-waves-tease.md @@ -2,4 +2,4 @@ "@appsmithorg/design-system": patch --- -feat: Added announcement popover component +New icons segmented control width diff --git a/packages/design-system/CHANGELOG.md b/packages/design-system/CHANGELOG.md index 3b720e788..44d9bff9d 100644 --- a/packages/design-system/CHANGELOG.md +++ b/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 diff --git a/packages/design-system/package.json b/packages/design-system/package.json index dc7fbac9e..bc3d37fd4 100644 --- a/packages/design-system/package.json +++ b/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", diff --git a/packages/design-system/src/Icon/Icon.provider.tsx b/packages/design-system/src/Icon/Icon.provider.tsx index ac3357093..17b2ed55d 100644 --- a/packages/design-system/src/Icon/Icon.provider.tsx +++ b/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, diff --git a/packages/design-system/src/SegmentedControl/SegmentedControl.styles.tsx b/packages/design-system/src/SegmentedControl/SegmentedControl.styles.tsx index 7716fa3dd..9ab6f42ab 100644 --- a/packages/design-system/src/SegmentedControl/SegmentedControl.styles.tsx +++ b/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` diff --git a/packages/design-system/src/__assets__/icons/ads/braces.svg b/packages/design-system/src/__assets__/icons/ads/braces.svg new file mode 100644 index 000000000..f1f268ff3 --- /dev/null +++ b/packages/design-system/src/__assets__/icons/ads/braces.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/design-system/src/__assets__/icons/ads/dashboard-line.svg b/packages/design-system/src/__assets__/icons/ads/dashboard-line.svg new file mode 100644 index 000000000..c0a187a04 --- /dev/null +++ b/packages/design-system/src/__assets__/icons/ads/dashboard-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/design-system/src/__assets__/icons/ads/queries.svg b/packages/design-system/src/__assets__/icons/ads/queries.svg new file mode 100644 index 000000000..ca5614375 --- /dev/null +++ b/packages/design-system/src/__assets__/icons/ads/queries.svg @@ -0,0 +1,5 @@ + + + + +