From b75fb2e73fbd9e0da9cf15565e11d3247d40c5ba Mon Sep 17 00:00:00 2001 From: Daniel Sil Date: Tue, 17 Dec 2024 12:50:01 +0100 Subject: [PATCH] feat(tailwind): remove deprecated button classes BREAKING CHANGE: these classes were deprecated and not meant to be used. --- .../__snapshots__/configs.test.ts.snap | 67 ------------------- packages/orbit-tailwind-preset/src/index.ts | 1 - 2 files changed, 68 deletions(-) diff --git a/packages/orbit-tailwind-preset/src/__tests__/__snapshots__/configs.test.ts.snap b/packages/orbit-tailwind-preset/src/__tests__/__snapshots__/configs.test.ts.snap index c54ca55fa9..79d689c0bf 100644 --- a/packages/orbit-tailwind-preset/src/__tests__/__snapshots__/configs.test.ts.snap +++ b/packages/orbit-tailwind-preset/src/__tests__/__snapshots__/configs.test.ts.snap @@ -920,33 +920,6 @@ exports[`orbitPreset should have preflight disabled 1`] = ` "basic": "rgba(var(--palette-bundle-basic, 215, 51, 28), )", "medium": "rgba(var(--palette-bundle-medium, 59, 30, 176), )", }, - "button-critical-bordered": "rgba(var(--palette-red-normal, 210, 28, 28), )", - "button-critical-bordered-active": "rgba(var(--palette-red-normal-active, 157, 21, 21), )", - "button-critical-bordered-hover": "rgba(var(--palette-red-normal-hover, 185, 25, 25), )", - "button-facebook-bordered": "rgba(var(--palette-social-facebook, 59, 89, 152), )", - "button-facebook-bordered-active": "rgba(var(--palette-social-facebook-active, 53, 79, 136), )", - "button-facebook-bordered-hover": "rgba(var(--palette-social-facebook-hover, 56, 84, 144), )", - "button-google-bordered": "rgba(var(--palette-ink-dark, 37, 42, 49), )", - "button-google-bordered-active": "rgba(var(--palette-ink-dark-active, 11, 12, 15), )", - "button-google-bordered-hover": "rgba(var(--palette-ink-dark-hover, 24, 27, 32), )", - "button-info-bordered": "rgba(var(--palette-blue-normal, 0, 112, 200), )", - "button-info-bordered-active": "rgba(var(--palette-blue-normal-active, 1, 80, 142), )", - "button-info-bordered-hover": "rgba(var(--palette-blue-normal-hover, 1, 97, 172), )", - "button-primary-bordered": "rgba(var(--palette-product-normal, 0, 165, 142), )", - "button-primary-bordered-active": "rgba(var(--palette-product-normal-active, 0, 132, 114), )", - "button-primary-bordered-hover": "rgba(var(--palette-product-normal-hover, 0, 149, 128), )", - "button-secondary-bordered": "rgba(var(--palette-ink-dark, 37, 42, 49), )", - "button-secondary-bordered-active": "rgba(var(--palette-ink-dark-active, 11, 12, 15), )", - "button-secondary-bordered-hover": "rgba(var(--palette-ink-dark-hover, 24, 27, 32), )", - "button-success-bordered": "rgba(var(--palette-green-normal, 10, 147, 43), )", - "button-success-bordered-active": "rgba(var(--palette-green-normal-active, 29, 114, 40), )", - "button-success-bordered-hover": "rgba(var(--palette-green-normal-hover, 35, 139, 49), )", - "button-warning-bordered": "rgba(var(--palette-orange-normal, 207, 108, 0), )", - "button-warning-bordered-active": "rgba(var(--palette-orange-normal-active, 173, 87, 0), )", - "button-warning-bordered-hover": "rgba(var(--palette-orange-normal-hover, 184, 96, 0), )", - "button-white-bordered": "rgba(var(--palette-white-normal, 255, 255, 255), )", - "button-white-bordered-active": "rgba(var(--palette-white-normal, 255, 255, 255), )", - "button-white-bordered-hover": "rgba(var(--palette-white-normal, 255, 255, 255), )", "card": "rgba(var(--palette-cloud-normal, 232, 237, 241), )", "checkbox-radio": "rgba(var(--palette-cloud-dark, 186, 199, 213), )", "checkbox-radio-active": "rgba(var(--palette-ink-dark, 37, 42, 49), )", @@ -1139,7 +1112,6 @@ exports[`orbitPreset should have preflight disabled 1`] = ` "action-active": "0 1px 4px 0 rgba(37, 42, 49, 0.16),0 4px 8px 0 rgba(37, 42, 49, 0.12)", "button-active": "inset 0 0 6px 3px rgba(37, 42, 49, 0.15)", "button-active-pale": "inset 0 0 6px 3px rgba(37, 42, 49, 0.08)", - "button-focus": "0 0 4px 1px rgba(0, 112, 200, 0.3)", "country-flag": "inset 0 0 0 1px rgba(37, 42, 49, 0.1)", "fixed": "0 0 2px 0 rgba(37, 42, 49, 0.16),0 2px 4px 0 rgba(37, 42, 49, 0.12)", "fixed-reverse": "0 0 2px 0 rgba(37, 42, 49, 0.16),0 -2px 4px 0 rgba(37, 42, 49, 0.12)", @@ -1577,33 +1549,6 @@ exports[`orbitPreset should have preflight disabled 1`] = ` "basic": "rgba(var(--palette-bundle-basic, 215, 51, 28), )", "medium": "rgba(var(--palette-bundle-medium, 59, 30, 176), )", }, - "button-critical-bordered": "rgba(var(--palette-red-normal, 210, 28, 28), )", - "button-critical-bordered-active": "rgba(var(--palette-red-normal-active, 157, 21, 21), )", - "button-critical-bordered-hover": "rgba(var(--palette-red-normal-hover, 185, 25, 25), )", - "button-facebook-bordered": "rgba(var(--palette-social-facebook, 59, 89, 152), )", - "button-facebook-bordered-active": "rgba(var(--palette-social-facebook-active, 53, 79, 136), )", - "button-facebook-bordered-hover": "rgba(var(--palette-social-facebook-hover, 56, 84, 144), )", - "button-google-bordered": "rgba(var(--palette-ink-dark, 37, 42, 49), )", - "button-google-bordered-active": "rgba(var(--palette-ink-dark-active, 11, 12, 15), )", - "button-google-bordered-hover": "rgba(var(--palette-ink-dark-hover, 24, 27, 32), )", - "button-info-bordered": "rgba(var(--palette-blue-normal, 0, 112, 200), )", - "button-info-bordered-active": "rgba(var(--palette-blue-normal-active, 1, 80, 142), )", - "button-info-bordered-hover": "rgba(var(--palette-blue-normal-hover, 1, 97, 172), )", - "button-primary-bordered": "rgba(var(--palette-product-normal, 0, 165, 142), )", - "button-primary-bordered-active": "rgba(var(--palette-product-normal-active, 0, 132, 114), )", - "button-primary-bordered-hover": "rgba(var(--palette-product-normal-hover, 0, 149, 128), )", - "button-secondary-bordered": "rgba(var(--palette-ink-dark, 37, 42, 49), )", - "button-secondary-bordered-active": "rgba(var(--palette-ink-dark-active, 11, 12, 15), )", - "button-secondary-bordered-hover": "rgba(var(--palette-ink-dark-hover, 24, 27, 32), )", - "button-success-bordered": "rgba(var(--palette-green-normal, 10, 147, 43), )", - "button-success-bordered-active": "rgba(var(--palette-green-normal-active, 29, 114, 40), )", - "button-success-bordered-hover": "rgba(var(--palette-green-normal-hover, 35, 139, 49), )", - "button-warning-bordered": "rgba(var(--palette-orange-normal, 207, 108, 0), )", - "button-warning-bordered-active": "rgba(var(--palette-orange-normal-active, 173, 87, 0), )", - "button-warning-bordered-hover": "rgba(var(--palette-orange-normal-hover, 184, 96, 0), )", - "button-white-bordered": "rgba(var(--palette-white-normal, 255, 255, 255), )", - "button-white-bordered-active": "rgba(var(--palette-white-normal, 255, 255, 255), )", - "button-white-bordered-hover": "rgba(var(--palette-white-normal, 255, 255, 255), )", "card": "rgba(var(--palette-cloud-normal, 232, 237, 241), )", "checkbox-radio": "rgba(var(--palette-cloud-dark, 186, 199, 213), )", "checkbox-radio-active": "rgba(var(--palette-ink-dark, 37, 42, 49), )", @@ -2916,22 +2861,10 @@ exports[`orbitPreset should have preflight disabled 1`] = ` "600": "24px", "700": "28px", "800": "32px", - "button-large-both-icons-padding": "0 16px", - "button-large-left-icon-padding": "0 28px 0 16px", - "button-large-padding": "0 28px", - "button-large-right-icon-padding": "0 16px 0 28px", - "button-normal-both-icons-padding": "0 12px", - "button-normal-left-icon-padding": "0 16px 0 12px", - "button-normal-padding": "0 16px", - "button-normal-right-icon-padding": "0 12px 0 16px", "button-padding-lg": "28px", "button-padding-md": "16px", "button-padding-sm": "12px", "button-padding-xs": "8px", - "button-small-both-icons-padding": "0 8px", - "button-small-left-icon-padding": "0 12px 0 8px", - "button-small-padding": "0 12px", - "button-small-right-icon-padding": "0 8px 0 12px", "button-without-text-padding": "0", "form-element-normal-padding": "0 12px", "form-element-small-padding": "0 12px", diff --git a/packages/orbit-tailwind-preset/src/index.ts b/packages/orbit-tailwind-preset/src/index.ts index bdf9889099..420fb6e1d9 100644 --- a/packages/orbit-tailwind-preset/src/index.ts +++ b/packages/orbit-tailwind-preset/src/index.ts @@ -239,7 +239,6 @@ export default function orbitTailwindPreset(options?: Options): Config { "tab-bundle-top-foreground": tokens.tabBundleTopForeground, }, boxShadow: { - "button-focus": tokens.boxShadowButtonFocus, "button-active": `inset 0 0 6px 3px ${convertHexToRgba(tokens.paletteInkDark, 15)}`, "button-active-pale": `inset 0 0 6px 3px ${convertHexToRgba(tokens.paletteInkDark, 8)}`, "country-flag": tokens.countryFlagShadow,