Add xxs size and subdued color to OuiButtonEmpty

Signed-off-by: Miki <miki@amazon.com>
AMoo-Miki · Oct 14, 2024 · 122ff49 · 122ff49
1 parent 2ffbb17
commit 122ff49
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/components/button/button_empty/_button_empty.scss b/src/components/button/button_empty/_button_empty.scss
@@ -45,6 +45,11 @@
     font-size: $ouiFontSizeS;
   }
 
+  &.ouiButtonEmpty--xxSmall {
+    height: $ouiButtonHeightXSmall;
+    font-size: $ouiFontSizeXS;
+  }
+
   &:disabled {
     @include ouiButtonContentDisabled;
 
@@ -87,6 +92,7 @@ $ouiButtonEmptyTypes: (
   ghost: $ouiColorGhost,
   text: $ouiTextColor,
   success: $ouiColorSecondaryText,
+  subdued: $ouiTextSubduedColor,
   warning: $ouiColorWarningText,
 );
 

diff --git a/src/components/button/button_empty/button_empty.tsx b/src/components/button/button_empty/button_empty.tsx
@@ -52,6 +52,7 @@ export type OuiButtonEmptyColor =
   | 'text'
   | 'ghost'
   | 'success'
+  | 'subdued'
   | 'warning';
 
 const colorToClassNameMap: { [color in OuiButtonEmptyColor]: string } = {
@@ -60,12 +61,14 @@ const colorToClassNameMap: { [color in OuiButtonEmptyColor]: string } = {
   text: 'ouiButtonEmpty--text',
   ghost: 'ouiButtonEmpty--ghost',
   success: 'ouiButtonEmpty--success',
+  subdued: 'ouiButtonEmpty--subdued',
   warning: 'ouiButtonEmpty--warning',
 };
 
 export const COLORS = keysOf(colorToClassNameMap);
 
 const sizeToClassNameMap = {
+  xxs: 'ouiButtonEmpty--xxSmall',
   xs: 'ouiButtonEmpty--xSmall',
   s: 'ouiButtonEmpty--small',
   l: 'ouiButtonEmpty--large',