diff --git a/app/client/packages/design-system/theming/src/token/src/defaultTokens.json b/app/client/packages/design-system/theming/src/token/src/defaultTokens.json index 8c5300e140..d903c632d4 100644 --- a/app/client/packages/design-system/theming/src/token/src/defaultTokens.json +++ b/app/client/packages/design-system/theming/src/token/src/defaultTokens.json @@ -5,7 +5,7 @@ "maxVw": 1920, "rootUnit": { "minV": 4, - "maxV": 4.4, + "maxV": 5, "minR": 1, "maxR": 1, "minN": 1, @@ -14,13 +14,13 @@ "stepsDown": 0 }, "spacing": { - "minV": 8, - "maxV": 8.8, + "minV": 4, + "maxV": 6, "minR": 2, "maxR": 3, "minN": 3, "maxN": 3, - "stepsUp": 6, + "stepsUp": 8, "stepsDown": 0 }, "typography": { diff --git a/app/client/packages/design-system/widgets/src/components/Button/src/index.styled.tsx b/app/client/packages/design-system/widgets/src/components/Button/src/index.styled.tsx index 71e51bef5d..fd1a71eeb2 100644 --- a/app/client/packages/design-system/widgets/src/components/Button/src/index.styled.tsx +++ b/app/client/packages/design-system/widgets/src/components/Button/src/index.styled.tsx @@ -75,7 +75,7 @@ export const StyledButton = styled(HeadlessButton)` font-family: inherit; border-style: solid; border-width: var(--border-width-1); - padding-inline: var(--spacing-4); + padding-inline: var(--spacing-5); block-size: var(--sizing-8); min-inline-size: var(--sizing-8); border-radius: var(--border-radius-1); @@ -120,8 +120,6 @@ export const StyledButton = styled(HeadlessButton)` display: flex; justify-content: center; align-items: center; - height: var(--sizing-4); - width: var(--sizing-4); } /** diff --git a/app/client/packages/design-system/widgets/src/components/Tooltip/src/index.styled.tsx b/app/client/packages/design-system/widgets/src/components/Tooltip/src/index.styled.tsx index 07083630d6..def876ee0d 100644 --- a/app/client/packages/design-system/widgets/src/components/Tooltip/src/index.styled.tsx +++ b/app/client/packages/design-system/widgets/src/components/Tooltip/src/index.styled.tsx @@ -13,7 +13,7 @@ export const StyledTooltipContent = styled( )` background-color: var(--color-bg-assistive); color: var(--color-fg-on-assistive); - padding: var(--spacing-2) var(--spacing-3); + padding: var(--spacing-3) var(--spacing-4); border-radius: var(--border-radius-1); z-index: var(--z-index-99); diff --git a/app/client/packages/design-system/widgets/src/components/testing/ComplexForm.tsx b/app/client/packages/design-system/widgets/src/components/testing/ComplexForm.tsx index c145b3ef94..91d5bf1fe5 100644 --- a/app/client/packages/design-system/widgets/src/components/testing/ComplexForm.tsx +++ b/app/client/packages/design-system/widgets/src/components/testing/ComplexForm.tsx @@ -17,12 +17,12 @@ import { export const ComplexForm = () => { return ( - + Your order Choose your favorite dishes and place an order - + @@ -51,7 +51,7 @@ export const ComplexForm = () => { - + diff --git a/app/client/packages/design-system/widgets/src/styles/src/fieldStyles.ts b/app/client/packages/design-system/widgets/src/styles/src/fieldStyles.ts index 57c608611c..38afbd7de9 100644 --- a/app/client/packages/design-system/widgets/src/styles/src/fieldStyles.ts +++ b/app/client/packages/design-system/widgets/src/styles/src/fieldStyles.ts @@ -24,7 +24,7 @@ export const fieldStyles = css` & [data-field-label] { display: flex; align-items: center; - gap: var(--spacing-1); + gap: var(--spacing-2); height: fit-content; color: var(--color-fg); font-weight: ${({ isEmphasized }) => (isEmphasized ? "bold" : "normal")};