diff --git a/.changeset/blankslate-size-scale.md b/.changeset/blankslate-size-scale.md new file mode 100644 index 00000000000..945547d9da1 --- /dev/null +++ b/.changeset/blankslate-size-scale.md @@ -0,0 +1,5 @@ +--- +'@primer/react': major +--- + +Blankslate: The default `medium` size now uses the previous `small` styles, the `large` size now uses the previous `medium` styles, and the `small` size has been removed diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png index 56ecbc1fba6..c37590d12ed 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png index 0dc48de5c7c..191f293f8ee 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png index 0c22c375326..fcae081ca54 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png index df43c545810..873761e2130 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png index 56ecbc1fba6..c37590d12ed 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png index 189c133c8fd..f02e8a7a0cb 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png index eb92a219a1a..5f7cd35012b 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png index 38ddd283cfa..3c7da1f4974 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png index 189c133c8fd..f02e8a7a0cb 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png index 2bdf4ee172d..cdf25c6d2a0 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png index 28e019801f3..b1efbcecfa5 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png index 8ca3408c410..6273c2ea92e 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png index fbd89e0bbcf..c9ce7b5f004 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png index 636a642dcca..3f53d767847 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png index 8ca3408c410..6273c2ea92e 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png index 8ca3408c410..6273c2ea92e 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png index 29aefc95712..5c3295e3a23 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png index cfce9f9bae6..b3ecb119e24 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png index 29aefc95712..5c3295e3a23 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png index 29aefc95712..5c3295e3a23 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png index b9819243a9a..fcf241804bd 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-xs-linux.png index 2d13c321a74..d416a71a4a5 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-xs-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-colorblind-linux.png index ba7422967bc..02dcb02c99a 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-dimmed-linux.png index 9f904567282..ac916553dd1 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-high-contrast-linux.png index f2b37945e9d..3cda944bcb8 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-linux.png index ba7422967bc..02dcb02c99a 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-tritanopia-linux.png index ba7422967bc..02dcb02c99a 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-colorblind-linux.png index d06680b794a..d9b35005f11 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-high-contrast-linux.png index 38744605f2a..0fe25bdc6e6 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-linux.png index d06680b794a..d9b35005f11 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-tritanopia-linux.png index d06680b794a..d9b35005f11 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-sm-linux.png index 80b25f62f07..2422ddc9c53 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-Spacious-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-colorblind-linux.png index 02f7c3d8f4c..bbbd50be102 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-dimmed-linux.png index 19820ce34b9..719c244eb7e 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-high-contrast-linux.png index 89a3493a873..bc7d421f7b5 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-linux.png index 02f7c3d8f4c..bbbd50be102 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-tritanopia-linux.png index 02f7c3d8f4c..bbbd50be102 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-colorblind-linux.png index ff84b2edac6..310d46d2df9 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-high-contrast-linux.png index 2cdd6524729..c020a53f238 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-linux.png index ff84b2edac6..310d46d2df9 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-tritanopia-linux.png index ff84b2edac6..310d46d2df9 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-primer-breakpoint-sm-linux.png index 98edcac6d60..74bbeb05545 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Border-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-colorblind-linux.png index 565fa1f9061..a90bd48be27 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-dimmed-linux.png index 0c112f2c1f8..b85b54f2b3d 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-high-contrast-linux.png index 875e171d405..68de2877c16 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-linux.png index 0052733d02d..ea3076899e6 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-tritanopia-linux.png index 565fa1f9061..a90bd48be27 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-colorblind-linux.png index 53476fc91ed..8352f956c77 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-high-contrast-linux.png index 8849ab33e79..0ffbf17fcba 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-linux.png index 4d18bc01e15..0efb51cb0ef 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-tritanopia-linux.png index 53476fc91ed..8352f956c77 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-primer-breakpoint-sm-linux.png index 7faca5ac1ce..fc666707375 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Primary-Action-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-colorblind-linux.png index b2cc3cfef6e..a420495eaac 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-dimmed-linux.png index c803131a140..2167ecf0fe9 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-high-contrast-linux.png index 63e163fadb1..d1cee9aafb1 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-linux.png index b2cc3cfef6e..a420495eaac 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-tritanopia-linux.png index b2cc3cfef6e..a420495eaac 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-colorblind-linux.png index 73ef4715340..c5858246e2f 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-high-contrast-linux.png index 6b939637378..0ef42fa424f 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-linux.png index 73ef4715340..c5858246e2f 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-tritanopia-linux.png index 73ef4715340..c5858246e2f 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-primer-breakpoint-sm-linux.png index d300dfbdf16..8ff4e7b4589 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Secondary-Action-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-colorblind-linux.png index 5a86bc9ebcf..1a87a9b099b 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-dimmed-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-dimmed-linux.png index 0bf0b46ae67..aec2528c86d 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-dimmed-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-high-contrast-linux.png index 0eed7e57981..b10e4ad977e 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-linux.png index 5a86bc9ebcf..1a87a9b099b 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-tritanopia-linux.png index 5a86bc9ebcf..1a87a9b099b 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-colorblind-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-colorblind-linux.png index 8af7e6d36fd..676acff3a70 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-colorblind-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-high-contrast-linux.png index 0f04d6b2d57..5255dd499f3 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-high-contrast-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-linux.png index 8af7e6d36fd..676acff3a70 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-tritanopia-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-tritanopia-linux.png index 8af7e6d36fd..676acff3a70 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-tritanopia-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-primer-breakpoint-sm-linux.png index 39360e490aa..7cdd265e0ec 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-With-Visual-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-false-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-false-linux.png index 9e1ea75d9fc..38ddd283cfa 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-false-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-false-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-true-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-true-linux.png index ac3b4398e5b..5d8e6b5638f 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-true-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-large-spacious-true-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-false-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-false-linux.png index 38ddd283cfa..3c7da1f4974 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-false-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-false-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-true-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-true-linux.png index 7e6017dd920..058b78fc114 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-true-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-medium-spacious-true-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-false-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-false-linux.png index 400d6112df6..3c7da1f4974 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-false-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-false-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-true-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-true-linux.png index 6f5c494f1d6..058b78fc114 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-true-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-false-size-small-spacious-true-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-false-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-false-linux.png index 0dcafc9621d..d7b585390d2 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-false-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-false-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-true-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-true-linux.png index 1fe22789e47..4e1e3d4d638 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-true-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-large-spacious-true-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-false-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-false-linux.png index d7b585390d2..16be3a2ac52 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-false-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-false-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-true-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-true-linux.png index 3a3aa249444..395b04954c4 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-true-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-medium-spacious-true-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-false-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-false-linux.png index a605f3de485..16be3a2ac52 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-false-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-false-linux.png differ diff --git a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-true-linux.png b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-true-linux.png index e3a2018dcac..395b04954c4 100644 Binary files a/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-true-linux.png and b/.playwright/snapshots/components/Blankslate.test.ts-snapshots/Blankslate-border-true-size-small-spacious-true-linux.png differ diff --git a/packages/react/src/Blankslate/Blankslate.docs.json b/packages/react/src/Blankslate/Blankslate.docs.json index 98babaf6230..c693288ab07 100644 --- a/packages/react/src/Blankslate/Blankslate.docs.json +++ b/packages/react/src/Blankslate/Blankslate.docs.json @@ -54,7 +54,7 @@ }, { "name": "size", - "type": "'small' | 'medium' | 'large'", + "type": "'medium' | 'large'", "description": "The size of the componeont", "defaultValue": "'medium'" } diff --git a/packages/react/src/Blankslate/Blankslate.features.stories.tsx b/packages/react/src/Blankslate/Blankslate.features.stories.tsx index 74224196eab..4025f58c26a 100644 --- a/packages/react/src/Blankslate/Blankslate.features.stories.tsx +++ b/packages/react/src/Blankslate/Blankslate.features.stories.tsx @@ -106,18 +106,6 @@ export const Spacious = () => ( ) -export const SizeSmall = () => ( - - - - - Blankslate heading - Use it to provide information when no dynamic content exists. - Primary action - Secondary action - -) - export const SizeLarge = () => ( diff --git a/packages/react/src/Blankslate/Blankslate.figma.tsx b/packages/react/src/Blankslate/Blankslate.figma.tsx index 241095ab5b2..c619d463b72 100644 --- a/packages/react/src/Blankslate/Blankslate.figma.tsx +++ b/packages/react/src/Blankslate/Blankslate.figma.tsx @@ -6,7 +6,6 @@ const props = { item: figma.children('leadingVisual'), }), size: figma.enum('size', { - small: 'small', medium: 'medium', large: 'large', }), diff --git a/packages/react/src/Blankslate/Blankslate.module.css b/packages/react/src/Blankslate/Blankslate.module.css index 8604a1dcb12..a3657db0262 100644 --- a/packages/react/src/Blankslate/Blankslate.module.css +++ b/packages/react/src/Blankslate/Blankslate.module.css @@ -19,18 +19,6 @@ } &:where([data-size='medium']) { - --blankslate-heading-text: var(--text-title-shorthand-medium); - --blankslate-heading-margin-block: 0 var(--base-size-4); - --blankslate-description-text: var(--text-body-shorthand-large); - --blankslate-padding: var(--base-size-32); - --blankslate-action-margin-block-end: var(--base-size-16); - } - - &:where([data-size='medium'][data-spacious]) { - --blankslate-padding: var(--base-size-80) var(--base-size-40); - } - - &:where([data-size='small']) { --blankslate-heading-text: var(--text-title-shorthand-small); --blankslate-heading-margin-block: 0 var(--base-size-4); --blankslate-description-text: var(--text-body-shorthand-medium); @@ -39,15 +27,14 @@ --blankslate-visual-size: var(--base-size-24); } - &:where([data-size='small'][data-spacious]) { + &:where([data-size='medium'][data-spacious]) { --blankslate-padding: var(--base-size-44) var(--base-size-28); } &:where([data-size='large']) { - --blankslate-heading-text: var(--text-title-shorthand-large); - --blankslate-heading-margin-block: var(--base-size-8) var(--base-size-4); + --blankslate-heading-text: var(--text-title-shorthand-medium); + --blankslate-heading-margin-block: 0 var(--base-size-4); --blankslate-description-text: var(--text-body-shorthand-large); - --blankslate-description-margin-block: 0 var(--base-size-8); --blankslate-padding: var(--base-size-32); --blankslate-action-margin-block-end: var(--base-size-16); } @@ -75,8 +62,6 @@ /* stylelint-disable-next-line primer/typography */ font: var(--blankslate-description-text); color: var(--fgColor-muted); - /* stylelint-disable-next-line primer/spacing */ - margin-block: var(--blankslate-description-margin-block); } .Visual { @@ -101,39 +86,3 @@ margin-block-end: var(--blankslate-action-margin-block-end); } } - -/* At the time these styles were written, 34rem was our "small" breakpoint width */ -@container blankslate (max-width: 34rem) { - .Blankslate { - --blankslate-padding: var(--base-size-20); - - &:where([data-size='small']) { - --blankslate-padding: var(--base-size-16); - } - - &:where([data-spacious]) { - --blankslate-padding: var(--base-size-44) var(--base-size-28); - } - - --blankslate-heading-text: var(--text-title-shorthand-small); - --blankslate-description-text: var(--text-body-shorthand-medium); - } - - .Visual { - max-width: var(--base-size-24); - margin-bottom: var(--base-size-8); - color: var(--fgColor-muted); - } - - .Action { - margin-top: var(--base-size-8); - - &:first-of-type { - margin-top: var(--base-size-16); - } - - &:last-of-type { - margin-bottom: calc(var(--base-size-8) / 2); - } - } -} diff --git a/packages/react/src/Blankslate/Blankslate.stories.tsx b/packages/react/src/Blankslate/Blankslate.stories.tsx index 571a68a5c53..a9a14805644 100644 --- a/packages/react/src/Blankslate/Blankslate.stories.tsx +++ b/packages/react/src/Blankslate/Blankslate.stories.tsx @@ -59,7 +59,7 @@ Playground.args = { Playground.argTypes = { size: { controls: { - options: ['small', 'medium', 'large'], + options: ['medium', 'large'], }, }, } diff --git a/packages/react/src/Blankslate/Blankslate.test.tsx b/packages/react/src/Blankslate/Blankslate.test.tsx index 912d0e02daa..5314da515f7 100644 --- a/packages/react/src/Blankslate/Blankslate.test.tsx +++ b/packages/react/src/Blankslate/Blankslate.test.tsx @@ -23,7 +23,7 @@ function getCSSStyleRules(): Array { }) } -function getSizePadding(size: 'small' | 'medium' | 'large') { +function getSizePadding(size: 'medium' | 'large') { const rule = getCSSStyleRules().find(cssRule => { return ( cssRule.selectorText.includes(`.${classes.Blankslate}`) && @@ -53,10 +53,10 @@ describe('Blankslate', () => { expect(container.firstChild!.firstChild).toHaveAttribute('data-spacious', '') }) - it('sets reduced padding for small size variant', () => { + it('sets reduced padding for the default medium size variant', () => { render(Test content) - expect(getSizePadding('small')).toMatch(/^var\(--base-size-16/) + expect(getSizePadding('medium')).toMatch(/^var\(--base-size-16/) }) it('renders data-component attributes', () => { diff --git a/packages/react/src/Blankslate/Blankslate.tsx b/packages/react/src/Blankslate/Blankslate.tsx index fa785e9991b..00e5a7e88cb 100644 --- a/packages/react/src/Blankslate/Blankslate.tsx +++ b/packages/react/src/Blankslate/Blankslate.tsx @@ -1,9 +1,7 @@ import {clsx} from 'clsx' -import {useMemo} from 'react' import type React from 'react' import {Button} from '../Button' import Link from '../Link' -import {Provider, useBlankslate} from './BlankslateContext' import classes from './Blankslate.module.css' type BlankslateProps = React.HTMLAttributes & { @@ -30,31 +28,23 @@ type BlankslateProps = React.HTMLAttributes & { /** * Specify the size of this component */ - size?: 'small' | 'medium' | 'large' + size?: 'medium' | 'large' } function Blankslate({border, children, narrow, spacious, className, size = 'medium', ...rest}: BlankslateProps) { - const value = useMemo(() => { - return { - size, - } - }, [size]) - return ( - -
-
- {children} -
+
+
+ {children}
- +
) } @@ -108,16 +98,9 @@ type BlankslatePrimaryActionProps = }> function PrimaryAction({children, href, ...props}: BlankslatePrimaryActionProps) { - const {size} = useBlankslate() return (
-
diff --git a/packages/react/src/Blankslate/BlankslateContext.ts b/packages/react/src/Blankslate/BlankslateContext.ts deleted file mode 100644 index 59bed1202bc..00000000000 --- a/packages/react/src/Blankslate/BlankslateContext.ts +++ /dev/null @@ -1,19 +0,0 @@ -import {createContext, useContext} from 'react' - -type BlankslateContextType = { - size: 'small' | 'medium' | 'large' -} - -const BlankslateContext = createContext(null) - -function useBlankslate(): BlankslateContextType { - const context = useContext(BlankslateContext) - if (!context) { - throw new Error('useBlankslate must be used within a BlankslateProvider') - } - return context -} - -const Provider = BlankslateContext.Provider - -export {Provider, useBlankslate}