From a5bbd5bee4622376006b3901b61e338f750d801a Mon Sep 17 00:00:00 2001 From: Kenny Lin Date: Mon, 15 Jun 2026 14:29:37 -0400 Subject: [PATCH 1/2] leftover scss removal --- .../ButtonDeprecated/styles/index.module.scss | 104 ----------------- .../ButtonDeprecated/styles/mixins.scss | 109 ------------------ .../ButtonDeprecated/styles/variables.scss | 54 --------- .../styles.module.scss | 54 --------- 4 files changed, 321 deletions(-) delete mode 100644 packages/gamut/src/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scss delete mode 100644 packages/gamut/src/AccordionButtonDeprecated/ButtonDeprecated/styles/mixins.scss delete mode 100755 packages/gamut/src/AccordionButtonDeprecated/ButtonDeprecated/styles/variables.scss delete mode 100755 packages/gamut/src/AccordionButtonDeprecated/styles.module.scss diff --git a/packages/gamut/src/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scss b/packages/gamut/src/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scss deleted file mode 100644 index 9f61025b2e..0000000000 --- a/packages/gamut/src/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scss +++ /dev/null @@ -1,104 +0,0 @@ -@use "sass:color"; -@use "variables"; -@use "mixins"; -// -// Base styles -// - -.btn { - align-items: center; - display: inline-flex; - justify-content: center; - font-weight: variables.$btn-font-weight; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - border: 1px solid transparent; - border-radius: variables.$btn-border-radius; - user-select: none; - @include mixins.button-size( - variables.$btn-padding-y, - variables.$btn-padding-x, - variables.$btn-font-size-base, - variables.$btn-line-height, - variables.$btn-min-width-sm - ); - transition: all 0.1s ease-in-out; -} - -// Future-proof disabling of clicks on `` elements -a.btn.disabled, -fieldset[disabled] a.btn { - pointer-events: none; -} - -@each $name, $color in variables.$btn-swatches { - @if $name == "brand-yellow" { - @include mixins.button-variants($name, variables.$color-black, $color); - } @else if color.channel(color.to-space($color, hsl), "lightness") > 68 { - @include mixins.button-variants($name, variables.$color-black, $color); - } @else { - @include mixins.button-variants($name, variables.$color-white, $color); - } -} - -.round { - border-radius: variables.$btn-round-border-radius; -} - -.square { - border-radius: 0; -} -// -// Button Sizes -// - -.large { - // line-height: ensure even-numbered height of button next to large input - @include mixins.button-size( - variables.$btn-padding-y-lg, - variables.$btn-padding-x-lg, - variables.$btn-font-size-lg, - variables.$btn-line-height-lg, - variables.$btn-min-width-lg - ); -} - -.small { - // line-height: ensure proper height of button next to small input - @include mixins.button-size( - variables.$btn-padding-y-sm, - variables.$btn-padding-x-sm, - variables.$btn-font-size-sm, - variables.$btn-line-height-sm, - variables.$btn-min-width-sm - ); -} - -// -// Block buttovariables.n -// - -.block { - display: flex; - width: 100%; -} - -.caps { - text-transform: uppercase; -} - -.underline { - &:hover, - &:focus { - text-decoration: underline; - } -} - -// Specificity overrides -input[type="submit"], -input[type="reset"], -input[type="button"] { - &.block { - width: 100%; - } -} diff --git a/packages/gamut/src/AccordionButtonDeprecated/ButtonDeprecated/styles/mixins.scss b/packages/gamut/src/AccordionButtonDeprecated/ButtonDeprecated/styles/mixins.scss deleted file mode 100644 index d5c66e5d2b..0000000000 --- a/packages/gamut/src/AccordionButtonDeprecated/ButtonDeprecated/styles/mixins.scss +++ /dev/null @@ -1,109 +0,0 @@ -@use "sass:color"; -@use "variables"; - -// Button variants -// -// Easily pump out default styles, as well as :hover, :focus, :active, -// and disabled options for all buttons - -@mixin button-variant($color, $background, $border: transparent) { - $active-background: color.mix(variables.$color-black, $background); - - @if $border == transparent { - $active-border: transparent; - $active-border-hover: transparent; - } - - color: $color; - background-color: $background; - border-color: $border; - - &:hover { - box-shadow: 0 2px 4px variables.$btn-box-shadow-color; - } - - &:focus-visible { - box-shadow: 0 0 0 2px variables.$color-white, 0 0 0 4px $background; - } - - &:focus-visible, - &:hover { - text-decoration: none; - color: $color; - - &:active { - box-shadow: 0 2px 4px variables.$btn-box-shadow-color; - } - } - - &:active { - background-color: $active-background; - } - - &:disabled { - background-color: variables.$btn-disabled-color; - - &:hover { - box-shadow: none; - } - } -} - -@mixin button-flat-variant($color) { - color: $color; - background-color: transparent; - - &:hover, - &:active { - box-shadow: none; - } - - &:focus-visible { - box-shadow: 0 0 0 2px variables.$color-white, 0 0 0 4px $color; - } - - &:disabled { - color: variables.$btn-disabled-color; - background-color: transparent; - } -} - -// Button sizes -@mixin button-size( - $padding-y, - $padding-x, - $font-size, - $line-height, - $min-width -) { - padding: $padding-y $padding-x; - font-size: $font-size; - line-height: $line-height; - min-width: $min-width; - - &.fit-text { - min-width: 0; - min-height: 0; - } -} - -@mixin button-variants($name, $color, $background, $border: transparent) { - .btn-#{$name} { - @include button-variant($color, $background, $border); - &.flat { - @include button-flat-variant($background); - } - @content; - } - .link-#{$name} { - font-weight: bold; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - color: $background; - text-decoration: underline; - - &:disabled { - color: variables.$btn-disabled-color; - } - } -} diff --git a/packages/gamut/src/AccordionButtonDeprecated/ButtonDeprecated/styles/variables.scss b/packages/gamut/src/AccordionButtonDeprecated/ButtonDeprecated/styles/variables.scss deleted file mode 100755 index dc9ffe1c3a..0000000000 --- a/packages/gamut/src/AccordionButtonDeprecated/ButtonDeprecated/styles/variables.scss +++ /dev/null @@ -1,54 +0,0 @@ -$btn-padding-x: 1rem !default; -$btn-padding-y: 0.375rem !default; -$btn-font-weight: bold !default; - -$btn-line-height: 1.5 !default; -$btn-line-height-lg: calc(4 / 3) !default; -$btn-line-height-sm: 1.5 !default; - -$btn-font-size-base: 1rem !default; -$btn-font-size-lg: 1.25rem !default; -$btn-font-size-sm: 1rem !default; -$btn-font-size-xs: 0.75rem !default; - -$btn-padding-x-sm: 0.75rem !default; -$btn-padding-y-sm: 0.25rem !default; -$btn-min-width-sm: 8rem !default; - -$btn-padding-x-lg: 1.25rem !default; -$btn-padding-y-lg: 0.75rem !default; -$btn-min-width-lg: 10rem !default; - -$btn-border-radius: 2px !default; -$btn-round-border-radius: 50px !default; - -$btn-state-modifier: 20% !default; -$btn-color-modifier: 10% !default; -$btn-outline-hover-state-modifier: 0.9 !default; -$btn-outline-active-state-modifier: 0.6 !default; -$btn-box-shadow-focus-modifier: 0.5 !default; - -$btn-disabled-color: #646466; -$btn-box-shadow-color: rgba(0, 0, 0, 0.3); - -$btn-swatches: ( - // Gamut Next - "hyper": #3a10e5, - "red": #e91c11, - "navy": #10162f, - "white": #ffffff, - "grey": #c4c3c7, - // Gamut Classic - "brand-blue": #3069f0, - "brand-red": #fd4d3f, - "brand-yellow": #ffd500, - "brand-purple": #6400e4, - "brand-dark-blue": #141c3a, - // Editor - "mint": #34b3a0, - "darkmint": #1a7b72, - "greyblue": #354551 -); - -$color-black: #000000; -$color-white: #ffffff; diff --git a/packages/gamut/src/AccordionButtonDeprecated/styles.module.scss b/packages/gamut/src/AccordionButtonDeprecated/styles.module.scss deleted file mode 100755 index f685414d64..0000000000 --- a/packages/gamut/src/AccordionButtonDeprecated/styles.module.scss +++ /dev/null @@ -1,54 +0,0 @@ -.accordionButton { - align-items: center; - display: flex; - justify-content: space-between; - padding: 0.375rem 1rem; - width: 100%; - - &.blue { - color: #a5befa; - } - - &.yellow { - background-color: #fff2b3; - border: solid #ffe359; - border-width: 1px 0; - font-weight: normal; - transition: background-color 0.15s ease-in-out; - - &:focus-visible { - border-color: #b37620; - } - - &:focus, - &:hover { - background-color: #ffec8c; - } - } - - &.large { - border-radius: 2px; - font-size: 1.5rem; - - .children { - padding-top: 0.2rem; - } - - .expansionIcon { - margin-left: 1rem; - } - - @media only screen and (min-width: 64rem) { - font-size: 1.75rem; - } - } -} - -.expansionIcon { - margin-left: 0.75rem; - transition: transform 0.35s ease-out; -} - -.expansionIconExpanded { - transform: rotate(-180deg); -} From 95ab3469419b07770f72d81c91849e5a98133485 Mon Sep 17 00:00:00 2001 From: Kenny Lin Date: Tue, 16 Jun 2026 11:22:20 -0400 Subject: [PATCH 2/2] add release plan --- .nx/version-plans/version-plan-1781623318256.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .nx/version-plans/version-plan-1781623318256.md diff --git a/.nx/version-plans/version-plan-1781623318256.md b/.nx/version-plans/version-plan-1781623318256.md new file mode 100644 index 0000000000..3090768d33 --- /dev/null +++ b/.nx/version-plans/version-plan-1781623318256.md @@ -0,0 +1,5 @@ +--- +gamut: patch +--- + +remove lingering scss files from AccordionButtonDeprecated