From 67bcc23bf4c1fd8ce3254862b665edebf39712fc Mon Sep 17 00:00:00 2001 From: Dru1DD Date: Mon, 9 Feb 2026 23:23:17 +0100 Subject: [PATCH 1/3] feat: extends some basic css vars for button --- .../dapp-kit-core/src/web/internal/button.styles.ts | 11 ++++++----- .../packages/dapp-kit-core/src/web/styles/theme.ts | 8 ++++++++ 2 files changed, 14 insertions(+), 5 deletions(-) diff --git a/packages/dapp-kit-next/packages/dapp-kit-core/src/web/internal/button.styles.ts b/packages/dapp-kit-next/packages/dapp-kit-core/src/web/internal/button.styles.ts index e5a91a19d..1c5596232 100644 --- a/packages/dapp-kit-next/packages/dapp-kit-core/src/web/internal/button.styles.ts +++ b/packages/dapp-kit-next/packages/dapp-kit-core/src/web/internal/button.styles.ts @@ -19,11 +19,12 @@ export const styles = [ justify-content: center; align-items: center; gap: 12px; - padding-left: 16px; - padding-right: 16px; - padding-top: 8px; - padding-bottom: 8px; - height: 40px; + padding-left: var(--dapp-kit-button-padding-x); + padding-right: var(--dapp-kit-button-padding-x); + padding-top: var(--dapp-kit-button-padding-y); + padding-bottom: var(--dapp-kit-button-padding-y); + height: var(--dapp-kit-button-height); + min-width: var(--dapp-kit-button-min-width); } .button:focus-visible { diff --git a/packages/dapp-kit-next/packages/dapp-kit-core/src/web/styles/theme.ts b/packages/dapp-kit-next/packages/dapp-kit-core/src/web/styles/theme.ts index f741714d0..5663b2869 100644 --- a/packages/dapp-kit-next/packages/dapp-kit-core/src/web/styles/theme.ts +++ b/packages/dapp-kit-next/packages/dapp-kit-core/src/web/styles/theme.ts @@ -32,6 +32,14 @@ export const themeStyles = css` --dapp-kit-radius-lg: var(--dapp-kit-radius); --dapp-kit-radius-xl: calc(var(--dapp-kit-radius) + 4px); + /** Width and Height */ + --dapp-kit-button-height: 40px; + --dapp-kit-button-min-width: 120px; + + /** Padding */ + --dapp-kit-button-padding-x: 16px; + --dapp-kit-button-padding-y: 8px; + /** Typography */ --dapp-kit-font-sans: var( --font-sans, From 69971138baacf58b94758fc611883f431b8f6493 Mon Sep 17 00:00:00 2001 From: Dru1DD Date: Tue, 10 Feb 2026 08:28:14 +0100 Subject: [PATCH 2/3] feat: update changeset --- .changeset/solid-roses-cheer.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/solid-roses-cheer.md diff --git a/.changeset/solid-roses-cheer.md b/.changeset/solid-roses-cheer.md new file mode 100644 index 000000000..c80aec38c --- /dev/null +++ b/.changeset/solid-roses-cheer.md @@ -0,0 +1,5 @@ +--- +'@mysten/dapp-kit-core': major +--- + +Added new CSS variables folowing --dapp-kit-\* syntatics to customize button sizing and layout From 031ee67eec87f1688ef38c27bc3be7a90463a05b Mon Sep 17 00:00:00 2001 From: Dru1DD Date: Wed, 11 Feb 2026 14:29:36 +0100 Subject: [PATCH 3/3] fix: change changeset to minor --- .changeset/solid-roses-cheer.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.changeset/solid-roses-cheer.md b/.changeset/solid-roses-cheer.md index c80aec38c..213b59cb4 100644 --- a/.changeset/solid-roses-cheer.md +++ b/.changeset/solid-roses-cheer.md @@ -1,5 +1,5 @@ --- -'@mysten/dapp-kit-core': major +'@mysten/dapp-kit-core': minor --- -Added new CSS variables folowing --dapp-kit-\* syntatics to customize button sizing and layout +Added new CSS variables following --dapp-kit-\* syntatics to customize button sizing and layout