Skip to content

Commit

Permalink
feat(tailwind): remove deprecated button classes
Browse files Browse the repository at this point in the history 
BREAKING CHANGE: these classes were deprecated and not meant to be used.
  • Loading branch information
@DSil
DSil committed Jan 3, 2025
1 parent bc87b11 commit b75fb2e
Show file tree
Hide file tree
Showing 2 changed files with 0 additions and 68 deletions.
67 changes: 0 additions & 67 deletions packages/orbit-tailwind-preset/src/__tests__/__snapshots__/configs.test.ts.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -920,33 +920,6 @@ exports[`orbitPreset should have preflight disabled 1`] = `
"basic": "rgba(var(--palette-bundle-basic, 215, 51, 28), <alpha-value>)",
"medium": "rgba(var(--palette-bundle-medium, 59, 30, 176), <alpha-value>)",
},
"button-critical-bordered": "rgba(var(--palette-red-normal, 210, 28, 28), <alpha-value>)",
"button-critical-bordered-active": "rgba(var(--palette-red-normal-active, 157, 21, 21), <alpha-value>)",
"button-critical-bordered-hover": "rgba(var(--palette-red-normal-hover, 185, 25, 25), <alpha-value>)",
"button-facebook-bordered": "rgba(var(--palette-social-facebook, 59, 89, 152), <alpha-value>)",
"button-facebook-bordered-active": "rgba(var(--palette-social-facebook-active, 53, 79, 136), <alpha-value>)",
"button-facebook-bordered-hover": "rgba(var(--palette-social-facebook-hover, 56, 84, 144), <alpha-value>)",
"button-google-bordered": "rgba(var(--palette-ink-dark, 37, 42, 49), <alpha-value>)",
"button-google-bordered-active": "rgba(var(--palette-ink-dark-active, 11, 12, 15), <alpha-value>)",
"button-google-bordered-hover": "rgba(var(--palette-ink-dark-hover, 24, 27, 32), <alpha-value>)",
"button-info-bordered": "rgba(var(--palette-blue-normal, 0, 112, 200), <alpha-value>)",
"button-info-bordered-active": "rgba(var(--palette-blue-normal-active, 1, 80, 142), <alpha-value>)",
"button-info-bordered-hover": "rgba(var(--palette-blue-normal-hover, 1, 97, 172), <alpha-value>)",
"button-primary-bordered": "rgba(var(--palette-product-normal, 0, 165, 142), <alpha-value>)",
"button-primary-bordered-active": "rgba(var(--palette-product-normal-active, 0, 132, 114), <alpha-value>)",
"button-primary-bordered-hover": "rgba(var(--palette-product-normal-hover, 0, 149, 128), <alpha-value>)",
"button-secondary-bordered": "rgba(var(--palette-ink-dark, 37, 42, 49), <alpha-value>)",
"button-secondary-bordered-active": "rgba(var(--palette-ink-dark-active, 11, 12, 15), <alpha-value>)",
"button-secondary-bordered-hover": "rgba(var(--palette-ink-dark-hover, 24, 27, 32), <alpha-value>)",
"button-success-bordered": "rgba(var(--palette-green-normal, 10, 147, 43), <alpha-value>)",
"button-success-bordered-active": "rgba(var(--palette-green-normal-active, 29, 114, 40), <alpha-value>)",
"button-success-bordered-hover": "rgba(var(--palette-green-normal-hover, 35, 139, 49), <alpha-value>)",
"button-warning-bordered": "rgba(var(--palette-orange-normal, 207, 108, 0), <alpha-value>)",
"button-warning-bordered-active": "rgba(var(--palette-orange-normal-active, 173, 87, 0), <alpha-value>)",
"button-warning-bordered-hover": "rgba(var(--palette-orange-normal-hover, 184, 96, 0), <alpha-value>)",
"button-white-bordered": "rgba(var(--palette-white-normal, 255, 255, 255), <alpha-value>)",
"button-white-bordered-active": "rgba(var(--palette-white-normal, 255, 255, 255), <alpha-value>)",
"button-white-bordered-hover": "rgba(var(--palette-white-normal, 255, 255, 255), <alpha-value>)",
"card": "rgba(var(--palette-cloud-normal, 232, 237, 241), <alpha-value>)",
"checkbox-radio": "rgba(var(--palette-cloud-dark, 186, 199, 213), <alpha-value>)",
"checkbox-radio-active": "rgba(var(--palette-ink-dark, 37, 42, 49), <alpha-value>)",
Expand Down Expand Up @@ -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)",
Expand Down Expand Up @@ -1577,33 +1549,6 @@ exports[`orbitPreset should have preflight disabled 1`] = `
"basic": "rgba(var(--palette-bundle-basic, 215, 51, 28), <alpha-value>)",
"medium": "rgba(var(--palette-bundle-medium, 59, 30, 176), <alpha-value>)",
},
"button-critical-bordered": "rgba(var(--palette-red-normal, 210, 28, 28), <alpha-value>)",
"button-critical-bordered-active": "rgba(var(--palette-red-normal-active, 157, 21, 21), <alpha-value>)",
"button-critical-bordered-hover": "rgba(var(--palette-red-normal-hover, 185, 25, 25), <alpha-value>)",
"button-facebook-bordered": "rgba(var(--palette-social-facebook, 59, 89, 152), <alpha-value>)",
"button-facebook-bordered-active": "rgba(var(--palette-social-facebook-active, 53, 79, 136), <alpha-value>)",
"button-facebook-bordered-hover": "rgba(var(--palette-social-facebook-hover, 56, 84, 144), <alpha-value>)",
"button-google-bordered": "rgba(var(--palette-ink-dark, 37, 42, 49), <alpha-value>)",
"button-google-bordered-active": "rgba(var(--palette-ink-dark-active, 11, 12, 15), <alpha-value>)",
"button-google-bordered-hover": "rgba(var(--palette-ink-dark-hover, 24, 27, 32), <alpha-value>)",
"button-info-bordered": "rgba(var(--palette-blue-normal, 0, 112, 200), <alpha-value>)",
"button-info-bordered-active": "rgba(var(--palette-blue-normal-active, 1, 80, 142), <alpha-value>)",
"button-info-bordered-hover": "rgba(var(--palette-blue-normal-hover, 1, 97, 172), <alpha-value>)",
"button-primary-bordered": "rgba(var(--palette-product-normal, 0, 165, 142), <alpha-value>)",
"button-primary-bordered-active": "rgba(var(--palette-product-normal-active, 0, 132, 114), <alpha-value>)",
"button-primary-bordered-hover": "rgba(var(--palette-product-normal-hover, 0, 149, 128), <alpha-value>)",
"button-secondary-bordered": "rgba(var(--palette-ink-dark, 37, 42, 49), <alpha-value>)",
"button-secondary-bordered-active": "rgba(var(--palette-ink-dark-active, 11, 12, 15), <alpha-value>)",
"button-secondary-bordered-hover": "rgba(var(--palette-ink-dark-hover, 24, 27, 32), <alpha-value>)",
"button-success-bordered": "rgba(var(--palette-green-normal, 10, 147, 43), <alpha-value>)",
"button-success-bordered-active": "rgba(var(--palette-green-normal-active, 29, 114, 40), <alpha-value>)",
"button-success-bordered-hover": "rgba(var(--palette-green-normal-hover, 35, 139, 49), <alpha-value>)",
"button-warning-bordered": "rgba(var(--palette-orange-normal, 207, 108, 0), <alpha-value>)",
"button-warning-bordered-active": "rgba(var(--palette-orange-normal-active, 173, 87, 0), <alpha-value>)",
"button-warning-bordered-hover": "rgba(var(--palette-orange-normal-hover, 184, 96, 0), <alpha-value>)",
"button-white-bordered": "rgba(var(--palette-white-normal, 255, 255, 255), <alpha-value>)",
"button-white-bordered-active": "rgba(var(--palette-white-normal, 255, 255, 255), <alpha-value>)",
"button-white-bordered-hover": "rgba(var(--palette-white-normal, 255, 255, 255), <alpha-value>)",
"card": "rgba(var(--palette-cloud-normal, 232, 237, 241), <alpha-value>)",
"checkbox-radio": "rgba(var(--palette-cloud-dark, 186, 199, 213), <alpha-value>)",
"checkbox-radio-active": "rgba(var(--palette-ink-dark, 37, 42, 49), <alpha-value>)",
Expand Down Expand Up @@ -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",
Expand Down
1 change: 0 additions & 1 deletion packages/orbit-tailwind-preset/src/index.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down

0 comments on commit b75fb2e

Please sign in to comment.