From 938a23783935e2ec9fd67688aca53accb4a8acaf Mon Sep 17 00:00:00 2001 From: Abinadi contreras Date: Tue, 15 Jul 2025 15:28:55 -0500 Subject: [PATCH 1/3] fix style title AlertBox --- packages/ui-components/src/Common/AlertBox/index.module.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/ui-components/src/Common/AlertBox/index.module.css b/packages/ui-components/src/Common/AlertBox/index.module.css index 58e8101f89fbf..c0dae1fbba9ee 100644 --- a/packages/ui-components/src/Common/AlertBox/index.module.css +++ b/packages/ui-components/src/Common/AlertBox/index.module.css @@ -1,5 +1,9 @@ @reference "../../styles/index.css"; +.title { + @apply min-w-max; +} + .alertBox { @apply flex flex-row From d9b09b6f7aa970e9cf7bbf0d2b142ea2d8c6f0f8 Mon Sep 17 00:00:00 2001 From: Abinadi contreras Date: Tue, 15 Jul 2025 15:51:10 -0500 Subject: [PATCH 2/3] Add storybook test --- .../src/Common/AlertBox/index.stories.tsx | 21 +++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/packages/ui-components/src/Common/AlertBox/index.stories.tsx b/packages/ui-components/src/Common/AlertBox/index.stories.tsx index 12dfbeee31506..d9269a62c57b9 100644 --- a/packages/ui-components/src/Common/AlertBox/index.stories.tsx +++ b/packages/ui-components/src/Common/AlertBox/index.stories.tsx @@ -104,3 +104,24 @@ export default { }, }, } as Meta; + +export const SmallWindows: Story = { + render: args => ( +
+ +
+ ), + args: { + level: 'info', + title: 'Stability: 3', + children: ( +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore, + quasi doloremque. Totam, earum velit, sunt voluptates fugiat beatae + praesentium quis magni explicabo repudiandae nam aut molestias ex ad + sequi eum! +

+ ), + size: 'default', + }, +}; From 95fb22ece1eac09a2060efb0c5f974074a30e536 Mon Sep 17 00:00:00 2001 From: Abinadi contreras Date: Tue, 15 Jul 2025 16:13:50 -0500 Subject: [PATCH 3/3] change title to smallContainer --- packages/ui-components/src/Common/AlertBox/index.stories.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui-components/src/Common/AlertBox/index.stories.tsx b/packages/ui-components/src/Common/AlertBox/index.stories.tsx index d9269a62c57b9..5b0c4326b152b 100644 --- a/packages/ui-components/src/Common/AlertBox/index.stories.tsx +++ b/packages/ui-components/src/Common/AlertBox/index.stories.tsx @@ -105,7 +105,7 @@ export default { }, } as Meta; -export const SmallWindows: Story = { +export const SmallContainer: Story = { render: args => (