From 73d0e9e82052e5d45bd352c083128694ce90694f Mon Sep 17 00:00:00 2001 From: Alec P Date: Thu, 23 Jul 2026 18:10:52 +0200 Subject: [PATCH 1/4] fix: CTORNDSD-654: update loader size defaults and token definitions, adjust theme dimensions - Updated default theme sizes for `sm`, `md`, `lg`, `xl`, and added `xxl`. - Refactored loader token size variants (`SizeVariant` keys replaced with string literals). - Synced auto-generated documentation and metadata dates. --- libs/ui/.storybook/public/defaultTheme.json | 18 ++++++++++------- libs/ui/llms.txt | 2 +- libs/ui/src/ai/README.md | 2 +- libs/ui/src/tokens/button.ts | 2 +- libs/ui/src/tokens/loader.ts | 22 ++++++++++----------- 5 files changed, 24 insertions(+), 22 deletions(-) diff --git a/libs/ui/.storybook/public/defaultTheme.json b/libs/ui/.storybook/public/defaultTheme.json index 37767b2..5b515d8 100644 --- a/libs/ui/.storybook/public/defaultTheme.json +++ b/libs/ui/.storybook/public/defaultTheme.json @@ -199,18 +199,22 @@ "height": 24 }, "sm": { - "width": 38, - "height": 38 + "width": 32, + "height": 32 }, "md": { - "width": 42, - "height": 42 + "width": 40, + "height": 40 }, "lg": { - "width": 52, - "height": 52 + "width": 56, + "height": 56 }, "xl": { + "width": 64, + "height": 64 + }, + "xxl": { "width": 80, "height": 80 } @@ -1177,7 +1181,7 @@ "loader": { "attrs": { "withWrapper": false, - "size": "md" + "size": "sm" } } }, diff --git a/libs/ui/llms.txt b/libs/ui/llms.txt index ce7e4fd..f8a0abe 100644 --- a/libs/ui/llms.txt +++ b/libs/ui/llms.txt @@ -84,7 +84,7 @@ Pre-built indexes for quick discovery: > Run `yarn build:ui` to regenerate. Do not edit the block between the markers manually. -66 components total — generated from libs/ui/src/ai/schemas/ on 2026-07-20. +66 components total — generated from libs/ui/src/ai/schemas/ on 2026-07-23. ## Other diff --git a/libs/ui/src/ai/README.md b/libs/ui/src/ai/README.md index e00de8b..17739fb 100644 --- a/libs/ui/src/ai/README.md +++ b/libs/ui/src/ai/README.md @@ -594,7 +594,7 @@ yarn test:ai:watch -_66 components total — generated from `libs/ui/src/ai/schemas/` on 2026-07-20._ +_66 components total — generated from `libs/ui/src/ai/schemas/` on 2026-07-23._ ### Other diff --git a/libs/ui/src/tokens/button.ts b/libs/ui/src/tokens/button.ts index cf1e3c4..073b892 100644 --- a/libs/ui/src/tokens/button.ts +++ b/libs/ui/src/tokens/button.ts @@ -158,7 +158,7 @@ export const button = { loader: { attrs: { withWrapper: false, - size: 'md', + size: 'sm', }, }, }; diff --git a/libs/ui/src/tokens/loader.ts b/libs/ui/src/tokens/loader.ts index cd7f949..25a9c9c 100644 --- a/libs/ui/src/tokens/loader.ts +++ b/libs/ui/src/tokens/loader.ts @@ -1,5 +1,3 @@ -import { SizeVariant } from '@types'; - import { get } from '@utils'; import { display, flexAlignItems } from './display'; @@ -22,14 +20,14 @@ export const loader = { `3px solid ${get(theme, 'colors.bg.fill.primary', 'theme.colors.bg.fill.primary')}`, borderRadius: (theme: Record) => get(theme, 'radius.round', 'theme.radius.round'), }, - [SizeVariant.Xs]: { + xs: { borderWidth: '1px', width: '16px', height: '16px', minWidth: '16px', minHeight: '16px', }, - [SizeVariant.Sm]: { + sm: { borderWidth: '2px', width: '24px', height: '24px', @@ -38,7 +36,7 @@ export const loader = { maxWidth: '24px', maxHeight: '24px', }, - [SizeVariant.Md]: { + md: { borderWidth: '3px', width: '32px', height: '32px', @@ -47,7 +45,7 @@ export const loader = { maxWidth: '32px', maxHeight: '32px', }, - [SizeVariant.Lg]: { + lg: { borderWidth: '4px', width: '48px', height: '48px', @@ -56,7 +54,7 @@ export const loader = { maxWidth: '48px', maxHeight: '48px', }, - [SizeVariant.Xl]: { + xl: { borderWidth: '5px', width: '54px', height: '54px', @@ -73,7 +71,7 @@ export const loader = { alignItems: flexAlignItems.center, }, - [SizeVariant.Xs]: { + xs: { gap: (theme: Record) => get(theme, 'spacing.xs', 'theme.spacing.xs'), '.dot': { background: (theme: Record) => @@ -88,7 +86,7 @@ export const loader = { }, }, }, - [SizeVariant.Sm]: { + sm: { gap: (theme: Record) => get(theme, 'spacing.sm', 'theme.spacing.sm'), '.dot': { background: (theme: Record) => @@ -103,7 +101,7 @@ export const loader = { }, }, }, - [SizeVariant.Md]: { + md: { gap: (theme: Record) => get(theme, 'spacing.sm', 'theme.spacing.sm'), '.dot': { background: (theme: Record) => @@ -118,7 +116,7 @@ export const loader = { }, }, }, - [SizeVariant.Lg]: { + lg: { gap: (theme: Record) => get(theme, 'spacing.sm', 'theme.spacing.sm'), '.dot': { background: (theme: Record) => @@ -133,7 +131,7 @@ export const loader = { }, }, }, - [SizeVariant.Xl]: { + xl: { gap: (theme: Record) => get(theme, 'spacing.sm', 'theme.spacing.sm'), '.dot': { background: (theme: Record) => From 1da2a4ffc2e5226daeed90b9b202ff75d526604d Mon Sep 17 00:00:00 2001 From: Alec P Date: Thu, 23 Jul 2026 18:13:46 +0200 Subject: [PATCH 2/4] test: CTORNDSD-654: update snapshot for AttachmentFile loader class change --- .../AttachmentFile/__snapshots__/AttachmentFile.test.tsx.snap | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/libs/ui/src/components/molecules/AttachmentFile/__snapshots__/AttachmentFile.test.tsx.snap b/libs/ui/src/components/molecules/AttachmentFile/__snapshots__/AttachmentFile.test.tsx.snap index 6102682..b0f96e3 100644 --- a/libs/ui/src/components/molecules/AttachmentFile/__snapshots__/AttachmentFile.test.tsx.snap +++ b/libs/ui/src/components/molecules/AttachmentFile/__snapshots__/AttachmentFile.test.tsx.snap @@ -283,7 +283,7 @@ exports[`AttachmentFile > isLoading > SHOULD match snapshot when isLoading 1`] = type="button" > From 0f7ffb2b8681b23648660eaadb9fffaf9714a15e Mon Sep 17 00:00:00 2001 From: Alec P Date: Fri, 24 Jul 2026 09:22:25 +0200 Subject: [PATCH 3/4] fix: adjust button loader size from `md` to `sm` for consistency with theme defaults --- libs/ui/src/components/atoms/Button/Button.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/libs/ui/src/components/atoms/Button/Button.tsx b/libs/ui/src/components/atoms/Button/Button.tsx index d78bfe9..3459155 100644 --- a/libs/ui/src/components/atoms/Button/Button.tsx +++ b/libs/ui/src/components/atoms/Button/Button.tsx @@ -73,7 +73,7 @@ export const Button = forwardRef((props, forward {iconEnd} ) : null} - {isLoading ? : null} + {isLoading ? : null} ); From d5ee2f4760389bcc106523366dae3bc64f54e235 Mon Sep 17 00:00:00 2001 From: Alec P Date: Fri, 24 Jul 2026 09:24:39 +0200 Subject: [PATCH 4/4] fix: correct `flexWrap` value in defaultTheme.json to `nowrap` for proper styling --- libs/ui/.storybook/public/defaultTheme.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/libs/ui/.storybook/public/defaultTheme.json b/libs/ui/.storybook/public/defaultTheme.json index 550420d..4318392 100644 --- a/libs/ui/.storybook/public/defaultTheme.json +++ b/libs/ui/.storybook/public/defaultTheme.json @@ -461,7 +461,7 @@ "itemRow": { "alignItems": "center", "justifyContent": "space-between", - "flexWrap": "noWrap" + "flexWrap": "nowrap" }, "itemColumn": { "minWidth": 0,