Merge pull request #679 from GSA/base-lighter-colors

color changes and version update

Author: shayan-roshan

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@gsa-sam/sam-styles",
-  "version": "3.0.12",
+  "version": "3.0.13",
   "description": "",
   "main": "index.js",
   "scripts": {

package.json

@@ -80,7 +80,7 @@ <h2 id="uswds-theme-color-tokens">
                         <span class="utility-class font-mono-2xs">'base-light'</span>
                     </td>
                     <td data-title="Default" class="font-mono-2xs">
-                        'gray-warm-20'
+                        'gray-20'
                     </td>
                     <td data-title="Settings var" class="font-mono-2xs">
                         $theme-color-base-light
@@ -99,7 +99,7 @@ <h2 id="uswds-theme-color-tokens">
                         <span class="utility-class font-mono-2xs">'base'</span>
                     </td>
                     <td data-title="Default" class="font-mono-2xs">
-                        'gray-warm-50'
+                        'gray-50'
                     </td>
                     <td data-title="Settings var" class="font-mono-2xs">
                         $theme-color-base

sam-styles/packages/branding/colors/templates/theme-color.html

@@ -31,6 +31,7 @@ $button-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
     @include u-text($theme-link-color);
     border: none;
     text-decoration: none;
+    min-width: 0px !important;
 
     &.usa-button--active,
     &:active {

sam-styles/packages/components/button/styles/button.scss

@@ -16,8 +16,8 @@ Theme palette colors
     $theme-color-base-family : 'gray-warm',
     $theme-color-base-lightest: 'gray-warm-2',
     $theme-color-base-lighter : 'gray-warm-4',
-    $theme-color-base-light : 'gray-warm-20',
-    $theme-color-base : 'gray-warm-50',
+    $theme-color-base-light : 'gray-20',
+    $theme-color-base : 'gray-50',
     $theme-color-base-dark : 'gray-warm-70',
     $theme-color-base-darker : 'gray-warm-70',
     $theme-color-base-darkest : 'gray-warm-80',
@@ -70,6 +70,8 @@ Theme palette colors
     State palette colors
     ----------------------------------------
     */
+    // Disabled color
+    $theme-color-disabled : 'gray-20',
 
     // Error colors
     $theme-color-error-family : 'red-vivid',