Improve width button density scale (#125)

* Improve width button density scale * Update snapshots --------- Co-authored-by: Frédéric Collonval <fcollonval@users.noreply.github.com>
jupyterlab-contrib · Aug 10, 2024 · 25893a5 · 25893a5
1 parent 9a3cc79
commit 25893a5
Show file tree

Hide file tree

Showing 28 changed files with 1 addition and 1 deletion.
diff --git a/...omponents/src/anchor/anchor.test.ts-snapshots/anchor-default-chromium-linux.png b/...omponents/src/anchor/anchor.test.ts-snapshots/anchor-default-chromium-linux.png
diff --git a/...components/src/anchor/anchor.test.ts-snapshots/anchor-default-firefox-linux.png b/...components/src/anchor/anchor.test.ts-snapshots/anchor-default-firefox-linux.png
diff --git a/.../components/src/anchor/anchor.test.ts-snapshots/anchor-default-webkit-linux.png b/.../components/src/anchor/anchor.test.ts-snapshots/anchor-default-webkit-linux.png
diff --git a/...breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-chromium-linux.png b/...breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-chromium-linux.png
diff --git a/.../breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-firefox-linux.png b/.../breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-firefox-linux.png
diff --git a/...b/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-webkit-linux.png b/...b/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-webkit-linux.png
diff --git a/...omponents/src/button/button.test.ts-snapshots/button-default-chromium-linux.png b/...omponents/src/button/button.test.ts-snapshots/button-default-chromium-linux.png
diff --git a/...components/src/button/button.test.ts-snapshots/button-default-firefox-linux.png b/...components/src/button/button.test.ts-snapshots/button-default-firefox-linux.png
diff --git a/.../components/src/button/button.test.ts-snapshots/button-default-webkit-linux.png b/.../components/src/button/button.test.ts-snapshots/button-default-webkit-linux.png
diff --git a/.../components/src/button/button.test.ts-snapshots/button-error-chromium-linux.png b/.../components/src/button/button.test.ts-snapshots/button-error-chromium-linux.png
diff --git a/...s/components/src/button/button.test.ts-snapshots/button-error-firefox-linux.png b/...s/components/src/button/button.test.ts-snapshots/button-error-firefox-linux.png
diff --git a/...es/components/src/button/button.test.ts-snapshots/button-error-webkit-linux.png b/...es/components/src/button/button.test.ts-snapshots/button-error-webkit-linux.png
diff --git a/...omponents/src/button/button.test.ts-snapshots/button-neutral-chromium-linux.png b/...omponents/src/button/button.test.ts-snapshots/button-neutral-chromium-linux.png
diff --git a/...components/src/button/button.test.ts-snapshots/button-neutral-firefox-linux.png b/...components/src/button/button.test.ts-snapshots/button-neutral-firefox-linux.png
diff --git a/.../components/src/button/button.test.ts-snapshots/button-neutral-webkit-linux.png b/.../components/src/button/button.test.ts-snapshots/button-neutral-webkit-linux.png
diff --git a/...components/src/button/button.test.ts-snapshots/button-toggle-chromium-linux.png b/...components/src/button/button.test.ts-snapshots/button-toggle-chromium-linux.png
diff --git a/.../components/src/button/button.test.ts-snapshots/button-toggle-firefox-linux.png b/.../components/src/button/button.test.ts-snapshots/button-toggle-firefox-linux.png
diff --git a/...s/components/src/button/button.test.ts-snapshots/button-toggle-webkit-linux.png b/...s/components/src/button/button.test.ts-snapshots/button-toggle-webkit-linux.png
diff --git a/...nts/src/button/button.test.ts-snapshots/button-with-disabled-chromium-linux.png b/...nts/src/button/button.test.ts-snapshots/button-with-disabled-chromium-linux.png
diff --git a/...ents/src/button/button.test.ts-snapshots/button-with-disabled-firefox-linux.png b/...ents/src/button/button.test.ts-snapshots/button-with-disabled-firefox-linux.png
diff --git a/...nents/src/button/button.test.ts-snapshots/button-with-disabled-webkit-linux.png b/...nents/src/button/button.test.ts-snapshots/button-with-disabled-webkit-linux.png
diff --git a/...s/src/button/button.test.ts-snapshots/button-with-start-icon-chromium-linux.png b/...s/src/button/button.test.ts-snapshots/button-with-start-icon-chromium-linux.png
diff --git a/...ts/src/button/button.test.ts-snapshots/button-with-start-icon-firefox-linux.png b/...ts/src/button/button.test.ts-snapshots/button-with-start-icon-firefox-linux.png
diff --git a/...nts/src/button/button.test.ts-snapshots/button-with-start-icon-webkit-linux.png b/...nts/src/button/button.test.ts-snapshots/button-with-start-icon-webkit-linux.png
diff --git a/packages/components/src/styles/patterns/button.ts b/packages/components/src/styles/patterns/button.ts
@@ -79,7 +79,7 @@ export const BaseButtonStyles = css`
     padding: 0
       max(
         1px,
-        calc((10 + (${designUnit} * 2 * (${density} + ${elementScale})))) * 1px
+        calc((14 + (${designUnit} * (${density} + ${elementScale})))) * 1px
       );
     white-space: nowrap;
     outline: none;

diff --git a/...onents/src/toolbar/toolbar.test.ts-snapshots/toolbar-default-chromium-linux.png b/...onents/src/toolbar/toolbar.test.ts-snapshots/toolbar-default-chromium-linux.png
diff --git a/...ponents/src/toolbar/toolbar.test.ts-snapshots/toolbar-default-firefox-linux.png b/...ponents/src/toolbar/toolbar.test.ts-snapshots/toolbar-default-firefox-linux.png
diff --git a/...mponents/src/toolbar/toolbar.test.ts-snapshots/toolbar-default-webkit-linux.png b/...mponents/src/toolbar/toolbar.test.ts-snapshots/toolbar-default-webkit-linux.png