@databricks/design-system 1.12.13 → 1.12.15

package/dist/dubois-colors.less

@@ -18,15 +18,15 @@
 @dubois-green600: #277C43;
 @dubois-green700: #115026;
 @dubois-green800: #093919;
-@dubois-grey050: #F2F8F8;
-@dubois-grey100: #E4ECF1;
-@dubois-grey200: #CDDAE5;
-@dubois-grey300: #BDCDDB;
-@dubois-grey350: #90A4B5;
-@dubois-grey400: #8196A7;
-@dubois-grey500: #5D7283;
-@dubois-grey600: #44535F;
-@dubois-grey650: #354450;
+@dubois-grey050: #F6F7F9;
+@dubois-grey100: #E8ECF0;
+@dubois-grey200: #D1D9E1;
+@dubois-grey300: #C0CDD8;
+@dubois-grey350: #92A4B3;
+@dubois-grey400: #8396A5;
+@dubois-grey500: #5F7281;
+@dubois-grey600: #445461;
+@dubois-grey650: #37444F;
 @dubois-grey700: #1F272D;
 @dubois-grey800: #11171C;
 @dubois-indigo: #434A93;
@@ -69,23 +69,23 @@
 @dubois-light-actionDefaultBackgroundDefault: rgba(34, 114, 180, 0.0000);
 @dubois-light-actionDefaultBackgroundHover: rgba(34, 114, 180, 0.0800);
 @dubois-light-actionDefaultBackgroundPress: rgba(34, 114, 180, 0.1600);
-@dubois-light-actionDefaultBorderDefault: #BDCDDB;
+@dubois-light-actionDefaultBorderDefault: #C0CDD8;
 @dubois-light-actionDefaultBorderFocus: #0E538B;
 @dubois-light-actionDefaultBorderHover: #2272B4;
 @dubois-light-actionDefaultBorderPress: #04355D;
-@dubois-light-actionDefaultIconDefault: #44535F;
+@dubois-light-actionDefaultIconDefault: #445461;
 @dubois-light-actionDefaultIconHover: #0E538B;
 @dubois-light-actionDefaultIconPress: #04355D;
 @dubois-light-actionDefaultTextDefault: #11171C;
 @dubois-light-actionDefaultTextHover: #0E538B;
 @dubois-light-actionDefaultTextPress: #04355D;
-@dubois-light-actionDisabledBackground: #F2F8F8;
-@dubois-light-actionDisabledBorder: #E4ECF1;
-@dubois-light-actionDisabledText: #BDCDDB;
+@dubois-light-actionDisabledBackground: #E8ECF0;
+@dubois-light-actionDisabledBorder: #D1D9E1;
+@dubois-light-actionDisabledText: #92A4B3;
 @dubois-light-actionIconBackgroundDefault: rgba(34, 114, 180, 0.0000);
 @dubois-light-actionIconBackgroundHover: rgba(34, 114, 180, 0.0800);
 @dubois-light-actionIconBackgroundPress: rgba(34, 114, 180, 0.1600);
-@dubois-light-actionIconIconDefault: #44535F;
+@dubois-light-actionIconIconDefault: #445461;
 @dubois-light-actionIconIconHover: #0E538B;
 @dubois-light-actionIconIconPress: #04355D;
 @dubois-light-actionLinkDefault: #2272B4;
@@ -108,30 +108,31 @@
 @dubois-light-actionTertiaryTextHover: #0E538B;
 @dubois-light-actionTertiaryTextPress: #04355D;
 @dubois-light-backgroundDanger: #FFF5F7;
-@dubois-light-backgroundInfo: #E4ECF1;
 @dubois-light-backgroundPrimary: #FFFFFF;
-@dubois-light-backgroundSecondary: #F2F8F8;
+@dubois-light-backgroundSecondary: #F6F7F9;
 @dubois-light-backgroundSuccess: #F3FCF6;
 @dubois-light-backgroundWarning: #FFF9EB;
-@dubois-light-border: #CDDAE5;
-@dubois-light-borderAccessible: #5D7283;
+@dubois-light-border: #D1D9E1;
+@dubois-light-borderAccessible: #5F7281;
 @dubois-light-borderDanger: #FBD0D8;
 @dubois-light-borderWarning: #F8D4A5;
 @dubois-light-codeBackground: rgba(68, 83, 95, 0.0800);
 @dubois-light-overlayOverlay: rgba(64, 63, 63, 0.7200);
-@dubois-light-skeleton: rgba(17, 23, 28, 0.1000);
+@dubois-light-progressFill: #C0CDD8;
+@dubois-light-progressTrack: #E8ECF0;
+@dubois-light-skeleton: rgba(144, 164, 181, 0.1600);
 @dubois-light-tableBackgroundSelectedDefault: rgba(68, 83, 95, 0.0800);
 @dubois-light-tableBackgroundSelectedHover: rgba(68, 83, 95, 0.1200);
 @dubois-light-tableBackgroundUnselectedDefault: #FFFFFF;
 @dubois-light-tableBackgroundUnselectedHover: rgba(68, 83, 95, 0.0400);
 @dubois-light-tagBrown: #A6630C;
-@dubois-light-tagCharcoal: #44535F;
+@dubois-light-tagCharcoal: #445461;
 @dubois-light-tagCoral: #C83243;
-@dubois-light-tagDefault: #F2F8F8;
+@dubois-light-tagDefault: #E8ECF0;
 @dubois-light-tagHover: rgba(34, 114, 180, 0.0800);
-@dubois-light-tagIconDefault: #44535F;
-@dubois-light-tagIconHover: #44535F;
-@dubois-light-tagIconPress: #44535F;
+@dubois-light-tagIconDefault: #445461;
+@dubois-light-tagIconHover: #445461;
+@dubois-light-tagIconPress: #445461;
 @dubois-light-tagIndigo: #434A93;
 @dubois-light-tagInverse: #11171C;
 @dubois-light-tagLemon: #FACB66;
@@ -142,9 +143,9 @@
 @dubois-light-tagTeal: #04867D;
 @dubois-light-tagText: #FFFFFF;
 @dubois-light-tagTurquoise: #137DAE;
-@dubois-light-textPlaceholder: #8196A7;
+@dubois-light-textPlaceholder: #8396A5;
 @dubois-light-textPrimary: #11171C;
-@dubois-light-textSecondary: #44535F;
+@dubois-light-textSecondary: #5F7281;
 @dubois-light-textValidationDanger: #C82D4C;
 @dubois-light-textValidationSuccess: #277C43;
 @dubois-light-textValidationWarning: #BE501E;
@@ -152,11 +153,11 @@
 @dubois-light-backgroundValidationDanger: #FFF5F7;
 @dubois-light-backgroundValidationSuccess: #F3FCF6;
 @dubois-light-backgroundValidationWarning: #FFF9EB;
-@dubois-light-borderDecorative: #CDDAE5;
+@dubois-light-borderDecorative: #D1D9E1;
 @dubois-light-borderValidationDanger: #FBD0D8;
 @dubois-light-borderValidationWarning: #F8D4A5;
 @dubois-light-tableRowHover: rgba(68, 83, 95, 0.0400);
-@dubois-light-textValidationInfo: #44535F;
+@dubois-light-textValidationInfo: #5F7281;
 @dubois-light-typographyCodeBg: rgba(68, 83, 95, 0.0800);
 @dubois-dark-actionDangerDefaultBackgroundDefault: rgba(247, 146, 166, 0.0000);
 @dubois-dark-actionDangerDefaultBackgroundHover: rgba(247, 146, 166, 0.0800);
@@ -174,25 +175,25 @@
 @dubois-dark-actionDefaultBackgroundDefault: rgba(138, 202, 255, 0.0000);
 @dubois-dark-actionDefaultBackgroundHover: rgba(138, 202, 255, 0.0800);
 @dubois-dark-actionDefaultBackgroundPress: rgba(138, 202, 255, 0.1600);
-@dubois-dark-actionDefaultBorderDefault: #354450;
+@dubois-dark-actionDefaultBorderDefault: #37444F;
 @dubois-dark-actionDefaultBorderFocus: #8ACAFF;
 @dubois-dark-actionDefaultBorderHover: #8ACAFF;
 @dubois-dark-actionDefaultBorderPress: #BAE1FC;
-@dubois-dark-actionDefaultIconDefault: #90A4B5;
+@dubois-dark-actionDefaultIconDefault: #92A4B3;
 @dubois-dark-actionDefaultIconHover: #8ACAFF;
 @dubois-dark-actionDefaultIconPress: #BAE1FC;
-@dubois-dark-actionDefaultTextDefault: #E4ECF1;
+@dubois-dark-actionDefaultTextDefault: #E8ECF0;
 @dubois-dark-actionDefaultTextHover: #8ACAFF;
 @dubois-dark-actionDefaultTextPress: #BAE1FC;
-@dubois-dark-actionDisabledBackground: #1F272D;
-@dubois-dark-actionDisabledBorder: #354450;
-@dubois-dark-actionDisabledText: #44535F;
+@dubois-dark-actionDisabledBackground: #37444F;
+@dubois-dark-actionDisabledBorder: #445461;
+@dubois-dark-actionDisabledText: #5F7281;
 @dubois-dark-actionIconBackgroundDefault: rgba(255, 255, 255, 0.0000);
 @dubois-dark-actionIconBackgroundHover: rgba(255, 255, 255, 0.0800);
 @dubois-dark-actionIconBackgroundPress: rgba(255, 255, 255, 0.1600);
-@dubois-dark-actionIconIconDefault: #90A4B5;
-@dubois-dark-actionIconIconHover: #BDCDDB;
-@dubois-dark-actionIconIconPress: #CDDAE5;
+@dubois-dark-actionIconIconDefault: #92A4B3;
+@dubois-dark-actionIconIconHover: #C0CDD8;
+@dubois-dark-actionIconIconPress: #D1D9E1;
 @dubois-dark-actionLinkDefault: #4299E0;
 @dubois-dark-actionLinkHover: #8ACAFF;
 @dubois-dark-actionLinkPress: #BAE1FC;
@@ -213,18 +214,19 @@
 @dubois-dark-actionTertiaryTextHover: #8ACAFF;
 @dubois-dark-actionTertiaryTextPress: #BAE1FC;
 @dubois-dark-backgroundDanger: rgba(200, 45, 76, 0.1600);
-@dubois-dark-backgroundInfo: rgba(68, 83, 95, 0.1600);
 @dubois-dark-backgroundPrimary: #11171C;
 @dubois-dark-backgroundSecondary: #1F272D;
 @dubois-dark-backgroundSuccess: rgba(39, 124, 67, 0.1600);
 @dubois-dark-backgroundWarning: rgba(190, 80, 30, 0.1600);
-@dubois-dark-border: #354450;
-@dubois-dark-borderAccessible: #BDCDDB;
+@dubois-dark-border: #37444F;
+@dubois-dark-borderAccessible: #C0CDD8;
 @dubois-dark-borderDanger: #E65B77;
 @dubois-dark-borderWarning: #DE7921;
-@dubois-dark-codeBackground: #1F272D;
+@dubois-dark-codeBackground: #37444F;
 @dubois-dark-overlayOverlay: rgba(31, 38, 45, 0.7200);
-@dubois-dark-skeleton: rgba(228, 236, 241, 0.1000);
+@dubois-dark-progressFill: #445461;
+@dubois-dark-progressTrack: #1F272D;
+@dubois-dark-skeleton: rgba(144, 164, 181, 0.1600);
 @dubois-dark-tableBackgroundSelectedDefault: rgba(189, 205, 219, 0.0800);
 @dubois-dark-tableBackgroundSelectedHover: rgba(189, 205, 219, 0.1200);
 @dubois-dark-tableBackgroundUnselectedDefault: #11171C;
@@ -232,34 +234,34 @@
 @dubois-dark-tagBrown: rgba(166, 99, 12, 0.8600);
 @dubois-dark-tagCharcoal: rgba(68, 83, 95, 0.8600);
 @dubois-dark-tagCoral: rgba(200, 50, 67, 0.8600);
-@dubois-dark-tagDefault: #1F272D;
+@dubois-dark-tagDefault: #37444F;
 @dubois-dark-tagHover: rgba(138, 202, 255, 0.0800);
-@dubois-dark-tagIconDefault: #90A4B5;
-@dubois-dark-tagIconHover: #90A4B5;
-@dubois-dark-tagIconPress: #90A4B5;
+@dubois-dark-tagIconDefault: #92A4B3;
+@dubois-dark-tagIconHover: #92A4B3;
+@dubois-dark-tagIconPress: #92A4B3;
 @dubois-dark-tagIndigo: rgba(67, 74, 147, 0.8600);
-@dubois-dark-tagInverse: #E4ECF1;
+@dubois-dark-tagInverse: #11171C;
 @dubois-dark-tagLemon: rgba(250, 203, 102, 0.8600);
 @dubois-dark-tagLime: rgba(48, 134, 19, 0.8600);
 @dubois-dark-tagPink: rgba(180, 80, 145, 0.8600);
 @dubois-dark-tagPress: rgba(138, 202, 255, 0.1600);
 @dubois-dark-tagPurple: rgba(138, 99, 191, 0.8600);
 @dubois-dark-tagTeal: rgba(4, 134, 125, 0.8600);
-@dubois-dark-tagText: #E4ECF1;
+@dubois-dark-tagText: #E8ECF0;
 @dubois-dark-tagTurquoise: rgba(19, 125, 174, 0.8600);
-@dubois-dark-textPlaceholder: #354450;
-@dubois-dark-textPrimary: #E4ECF1;
-@dubois-dark-textSecondary: #90A4B5;
+@dubois-dark-textPlaceholder: #8396A5;
+@dubois-dark-textPrimary: #E8ECF0;
+@dubois-dark-textSecondary: #92A4B3;
 @dubois-dark-textValidationDanger: #E65B77;
 @dubois-dark-textValidationSuccess: #3CAA60;
 @dubois-dark-textValidationWarning: #DE7921;
-@dubois-dark-tooltipBackgroundTooltip: #BDCDDB;
+@dubois-dark-tooltipBackgroundTooltip: #C0CDD8;
 @dubois-dark-backgroundValidationDanger: rgba(200, 45, 76, 0.1600);
 @dubois-dark-backgroundValidationSuccess: rgba(39, 124, 67, 0.1600);
 @dubois-dark-backgroundValidationWarning: rgba(190, 80, 30, 0.1600);
-@dubois-dark-borderDecorative: #354450;
+@dubois-dark-borderDecorative: #37444F;
 @dubois-dark-borderValidationDanger: #E65B77;
 @dubois-dark-borderValidationWarning: #DE7921;
 @dubois-dark-tableRowHover: rgba(189, 205, 219, 0.0400);
-@dubois-dark-textValidationInfo: #90A4B5;
-@dubois-dark-typographyCodeBg: #1F272D;
+@dubois-dark-textValidationInfo: #92A4B3;
+@dubois-dark-typographyCodeBg: #37444F;