npm - @salesforce-ux/design-system - Versions diffs - 2.27.2 → 2.28.0-alpha.2 - Mend

@salesforce-ux/design-system 2.27.2 → 2.28.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (715) hide show

package/css/visual-picker/non-coverable-content/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! Lightning Design System 2.27.2 */
+/*! Lightning Design System 2.28.0-alpha.2 */
 :root {
   --slds-g-color-neutral-base-100: #ffffff;
   --slds-g-color-neutral-base-95: #f3f3f3;

package/css/visual-picker/vertical/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! Lightning Design System 2.27.2 */
+/*! Lightning Design System 2.28.0-alpha.2 */
 :root {
   --slds-g-color-neutral-base-100: #ffffff;
   --slds-g-color-neutral-base-95: #f3f3f3;

package/css/welcome-mat/base/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! Lightning Design System 2.27.2 */
+/*! Lightning Design System 2.28.0-alpha.2 */
 :root {
   --slds-g-color-neutral-base-100: #ffffff;
   --slds-g-color-neutral-base-95: #f3f3f3;

package/css/welcome-mat/info-only/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! Lightning Design System 2.27.2 */
+/*! Lightning Design System 2.28.0-alpha.2 */
 :root {
   --slds-g-color-neutral-base-100: #ffffff;
   --slds-g-color-neutral-base-95: #f3f3f3;

package/css/welcome-mat/splash/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! Lightning Design System 2.27.2 */
+/*! Lightning Design System 2.28.0-alpha.2 */
 :root {
   --slds-g-color-neutral-base-100: #ffffff;
   --slds-g-color-neutral-base-95: #f3f3f3;

package/css/welcome-mat/trailhead-connected/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! Lightning Design System 2.27.2 */
+/*! Lightning Design System 2.28.0-alpha.2 */
 :root {
   --slds-g-color-neutral-base-100: #ffffff;
   --slds-g-color-neutral-base-95: #f3f3f3;

package/design-tokens/aliases/color-palettes.yml CHANGED Viewed

@@ -113,7 +113,7 @@ aliases:
   BRAND_CONTRAST_ACTIVE: "#0d0e12"
   BRAND_BACKGROUND_PRIMARY: "{!PALETTE_BLUE_95}"
   BRAND_BACKGROUND_DARK: "{!PALETTE_BLUE_30}"
-  BRAND_TEXT_LINK: "{!PALETTE_BLUE_50}"
+  BRAND_TEXT_LINK: "{!PALETTE_BLUE_40}"
   BRAND_TEXT_LINK_ACTIVE: "{!PALETTE_BLUE_30}"
   ## Blue

package/design-tokens/dist/components.raw.json CHANGED Viewed

@@ -409,7 +409,7 @@
       "value": "#c9c9c9"
     },
     "BRAND_TEXT_LINK": {
-      "value": "#0176d3"
+      "value": "#0b5cab"
     },
     "PALETTE_CLOUD_BLUE_30": {
       "value": "#084968"

package/design-tokens/dist/primitive.android.xml CHANGED Viewed

@@ -289,7 +289,7 @@
   <property name="COLOR_GRAY_3" category="color" value="#fff3f2f2"/>
   <property name="BRAND_HEADER_ICON" category="color" value="#ff919191"/>
   <property name="BRAND_DISABLED" category="color" value="#ffc9c7c5"/>
-  <property name="BRAND_TEXT_LINK" category="color" value="#ff0176d3"/>
+  <property name="BRAND_TEXT_LINK" category="color" value="#ff0b5cab"/>
   <property name="COLOR_GRAY_4" category="color" value="#ffecebea"/>
   <property name="COLOR_GRAY_5" category="color" value="#ffdddbda"/>
   <property name="COLOR_GRAY_6" category="color" value="#ffc9c7c5"/>
@@ -381,7 +381,7 @@
   <property name="COLOR_TEXT_SUCCESS" category="text-color" value="#ff2e844a"/>
   <property name="COLOR_TEXT_WEAK" category="text-color" value="#ff444444"/>
   <property name="COLOR_TEXT_PLACEHOLDER_INVERSE" category="text-color" value="#fff3f3f3"/>
-  <property name="COLOR_TEXT_LINK" category="text-color" value="#ff0176d3"/>
+  <property name="COLOR_TEXT_LINK" category="text-color" value="#ff0b5cab"/>
   <property name="COLOR_TEXT_WARNING_ALT" category="text-color" value="#ff8c4b02"/>
   <property name="COLOR_TEXT_ICON_DEFAULT" category="text-color" value="#ff747474"/>
   <property name="COLOR_TEXT_BRAND" category="text-color" value="#ff1b96ff"/>

package/design-tokens/dist/primitive.aura.tokens CHANGED Viewed

@@ -288,7 +288,7 @@
   <aura:token name="colorGray3" property="background-color,border*color,box-shadow,fill,color" value="rgb(243, 242, 242)"/>
   <aura:token name="brandHeaderIcon" property="background-color,border*color,box-shadow,fill,color" value="rgb(145, 145, 145)"/>
   <aura:token name="brandDisabled" property="background-color,border*color,box-shadow,fill,color" value="rgb(201, 199, 197)"/>
-  <aura:token name="brandTextLink" property="background-color,border*color,box-shadow,fill,color" value="rgb(1, 118, 211)"/>
+  <aura:token name="brandTextLink" property="background-color,border*color,box-shadow,fill,color" value="rgb(11, 92, 171)"/>
   <aura:token name="colorGray4" property="background-color,border*color,box-shadow,fill,color" value="rgb(236, 235, 234)"/>
   <aura:token name="colorGray5" property="background-color,border*color,box-shadow,fill,color" value="rgb(221, 219, 218)"/>
   <aura:token name="colorGray6" property="background-color,border*color,box-shadow,fill,color" value="rgb(201, 199, 197)"/>
@@ -380,7 +380,7 @@
   <aura:token name="colorTextSuccess" property="color,fill" value="rgb(46, 132, 74)"/>
   <aura:token name="colorTextWeak" property="color,fill" value="rgb(68, 68, 68)"/>
   <aura:token name="colorTextPlaceholderInverse" property="color,fill" value="rgb(243, 243, 243)"/>
-  <aura:token name="colorTextLink" property="color,fill" value="rgb(1, 118, 211)"/>
+  <aura:token name="colorTextLink" property="color,fill" value="rgb(11, 92, 171)"/>
   <aura:token name="colorTextWarningAlt" property="color,fill" value="rgb(140, 75, 2)"/>
   <aura:token name="colorTextIconDefault" property="color,fill" value="rgb(116, 116, 116)"/>
   <aura:token name="colorTextBrand" property="color,fill" value="rgb(27, 150, 255)"/>

package/design-tokens/dist/primitive.common.js CHANGED Viewed

@@ -572,7 +572,7 @@ module.exports = {
   // Disabled state of BRAND_A11Y
   brandDisabled: "rgb(201, 199, 197)",
   // Primary text link brand color
-  brandTextLink: "rgb(1, 118, 211)",
+  brandTextLink: "rgb(11, 92, 171)",
   // Gray Color 4
   colorGray4: "rgb(236, 235, 234)",
   // Gray Color 5
@@ -756,7 +756,7 @@ module.exports = {
   // Input placeholder text on dark backgrounds.
   colorTextPlaceholderInverse: "rgb(243, 243, 243)",
   // Link text (508)
-  colorTextLink: "rgb(1, 118, 211)",
+  colorTextLink: "rgb(11, 92, 171)",
   // Color for texts that are related to warnings on a light background.
   colorTextWarningAlt: "rgb(140, 75, 2)",
   // Default icon color.

package/design-tokens/dist/primitive.default.scss CHANGED Viewed

@@ -572,7 +572,7 @@ $brand-header-icon: rgb(145, 145, 145) !default;
 // Disabled state of BRAND_A11Y
 $brand-disabled: rgb(201, 199, 197) !default;
 // Primary text link brand color
-$brand-text-link: rgb(1, 118, 211) !default;
+$brand-text-link: rgb(11, 92, 171) !default;
 // Gray Color 4
 $color-gray-4: rgb(236, 235, 234) !default;
 // Gray Color 5
@@ -756,7 +756,7 @@ $color-text-weak: rgb(68, 68, 68) !default;
 // Input placeholder text on dark backgrounds.
 $color-text-placeholder-inverse: rgb(243, 243, 243) !default;
 // Link text (508)
-$color-text-link: rgb(1, 118, 211) !default;
+$color-text-link: rgb(11, 92, 171) !default;
 // Color for texts that are related to warnings on a light background.
 $color-text-warning-alt: rgb(140, 75, 2) !default;
 // Default icon color.

package/design-tokens/dist/primitive.ios.json CHANGED Viewed

@@ -4663,7 +4663,7 @@
       "release": "2.6.0",
       "primitive": true,
       "name": "brandTextLink",
-      "value": "rgb(1, 118, 211)",
+      "value": "rgb(11, 92, 171)",
       "scope": "global",
       "cssProperties": [
         "background-color",
@@ -6522,7 +6522,7 @@
       "access": "global",
       "primitive": true,
       "name": "colorTextLink",
-      "value": "rgb(1, 118, 211)",
+      "value": "rgb(11, 92, 171)",
       "scope": "global",
       "cssProperties": [
         "color",

package/design-tokens/dist/primitive.json CHANGED Viewed

@@ -288,7 +288,7 @@
   "COLOR_GRAY_3": "rgb(243, 242, 242)",
   "BRAND_HEADER_ICON": "rgb(145, 145, 145)",
   "BRAND_DISABLED": "rgb(201, 199, 197)",
-  "BRAND_TEXT_LINK": "rgb(1, 118, 211)",
+  "BRAND_TEXT_LINK": "rgb(11, 92, 171)",
   "COLOR_GRAY_4": "rgb(236, 235, 234)",
   "COLOR_GRAY_5": "rgb(221, 219, 218)",
   "COLOR_GRAY_6": "rgb(201, 199, 197)",
@@ -380,7 +380,7 @@
   "COLOR_TEXT_SUCCESS": "rgb(46, 132, 74)",
   "COLOR_TEXT_WEAK": "rgb(68, 68, 68)",
   "COLOR_TEXT_PLACEHOLDER_INVERSE": "rgb(243, 243, 243)",
-  "COLOR_TEXT_LINK": "rgb(1, 118, 211)",
+  "COLOR_TEXT_LINK": "rgb(11, 92, 171)",
   "COLOR_TEXT_WARNING_ALT": "rgb(140, 75, 2)",
   "COLOR_TEXT_ICON_DEFAULT": "rgb(116, 116, 116)",
   "COLOR_TEXT_BRAND": "rgb(27, 150, 255)",

package/design-tokens/dist/primitive.less CHANGED Viewed

@@ -572,7 +572,7 @@
 // Disabled state of BRAND_A11Y
 @brand-disabled: rgb(201, 199, 197);
 // Primary text link brand color
-@brand-text-link: rgb(1, 118, 211);
+@brand-text-link: rgb(11, 92, 171);
 // Gray Color 4
 @color-gray-4: rgb(236, 235, 234);
 // Gray Color 5
@@ -756,7 +756,7 @@
 // Input placeholder text on dark backgrounds.
 @color-text-placeholder-inverse: rgb(243, 243, 243);
 // Link text (508)
-@color-text-link: rgb(1, 118, 211);
+@color-text-link: rgb(11, 92, 171);
 // Color for texts that are related to warnings on a light background.
 @color-text-warning-alt: rgb(140, 75, 2);
 // Default icon color.

package/design-tokens/dist/primitive.map.scss CHANGED Viewed

@@ -573,7 +573,7 @@ $primitive-map: (
   // Disabled state of BRAND_A11Y
   'brand-disabled': (rgb(201, 199, 197)),
   // Primary text link brand color
-  'brand-text-link': (rgb(1, 118, 211)),
+  'brand-text-link': (rgb(11, 92, 171)),
   // Gray Color 4
   'color-gray-4': (rgb(236, 235, 234)),
   // Gray Color 5
@@ -757,7 +757,7 @@ $primitive-map: (
   // Input placeholder text on dark backgrounds.
   'color-text-placeholder-inverse': (rgb(243, 243, 243)),
   // Link text (508)
-  'color-text-link': (rgb(1, 118, 211)),
+  'color-text-link': (rgb(11, 92, 171)),
   // Color for texts that are related to warnings on a light background.
   'color-text-warning-alt': (rgb(140, 75, 2)),
   // Default icon color.

package/design-tokens/dist/primitive.raw.json CHANGED Viewed

@@ -409,7 +409,7 @@
       "value": "#c9c9c9"
     },
     "BRAND_TEXT_LINK": {
-      "value": "#0176d3"
+      "value": "#0b5cab"
     },
     "PALETTE_CLOUD_BLUE_30": {
       "value": "#084968"
@@ -6101,7 +6101,7 @@
       "release": "2.6.0",
       "primitive": true,
       "name": "BRAND_TEXT_LINK",
-      "value": "#0176d3",
+      "value": "#0b5cab",
       "scope": "global",
       "cssProperties": [
         "background-color",
@@ -8052,7 +8052,7 @@
       "access": "global",
       "primitive": true,
       "name": "COLOR_TEXT_LINK",
-      "value": "#0176d3",
+      "value": "#0b5cab",
       "scope": "global",
       "cssProperties": [
         "color",

package/design-tokens/dist/primitive.styl CHANGED Viewed

@@ -572,7 +572,7 @@ $brand-header-icon = rgb(145, 145, 145)
 // Disabled state of BRAND_A11Y
 $brand-disabled = rgb(201, 199, 197)
 // Primary text link brand color
-$brand-text-link = rgb(1, 118, 211)
+$brand-text-link = rgb(11, 92, 171)
 // Gray Color 4
 $color-gray-4 = rgb(236, 235, 234)
 // Gray Color 5
@@ -756,7 +756,7 @@ $color-text-weak = rgb(68, 68, 68)
 // Input placeholder text on dark backgrounds.
 $color-text-placeholder-inverse = rgb(243, 243, 243)
 // Link text (508)
-$color-text-link = rgb(1, 118, 211)
+$color-text-link = rgb(11, 92, 171)
 // Color for texts that are related to warnings on a light background.
 $color-text-warning-alt = rgb(140, 75, 2)
 // Default icon color.

package/design-tokens/dist/theme-one-salesforce.android.xml CHANGED Viewed

@@ -289,7 +289,7 @@
   <property name="COLOR_GRAY_3" category="color" value="#fff3f2f2"/>
   <property name="BRAND_HEADER_ICON" category="color" value="#ff919191"/>
   <property name="BRAND_DISABLED" category="color" value="#ffc9c7c5"/>
-  <property name="BRAND_TEXT_LINK" category="color" value="#ff0176d3"/>
+  <property name="BRAND_TEXT_LINK" category="color" value="#ff0b5cab"/>
   <property name="COLOR_GRAY_4" category="color" value="#ffecebea"/>
   <property name="COLOR_GRAY_5" category="color" value="#ffdddbda"/>
   <property name="COLOR_GRAY_6" category="color" value="#ffc9c7c5"/>
@@ -381,7 +381,7 @@
   <property name="COLOR_TEXT_SUCCESS" category="text-color" value="#ff2e844a"/>
   <property name="COLOR_TEXT_WEAK" category="text-color" value="#ff444444"/>
   <property name="COLOR_TEXT_PLACEHOLDER_INVERSE" category="text-color" value="#fff3f3f3"/>
-  <property name="COLOR_TEXT_LINK" category="text-color" value="#ff0176d3"/>
+  <property name="COLOR_TEXT_LINK" category="text-color" value="#ff0b5cab"/>
   <property name="COLOR_TEXT_WARNING_ALT" category="text-color" value="#ff8c4b02"/>
   <property name="COLOR_TEXT_ICON_DEFAULT" category="text-color" value="#ff747474"/>
   <property name="COLOR_TEXT_BRAND" category="text-color" value="#ff1b96ff"/>

package/design-tokens/dist/theme-one-salesforce.aura.tokens CHANGED Viewed

@@ -288,7 +288,7 @@
   <aura:token name="colorGray3" property="background-color,border*color,box-shadow,fill,color" value="rgb(243, 242, 242)"/>
   <aura:token name="brandHeaderIcon" property="background-color,border*color,box-shadow,fill,color" value="rgb(145, 145, 145)"/>
   <aura:token name="brandDisabled" property="background-color,border*color,box-shadow,fill,color" value="rgb(201, 199, 197)"/>
-  <aura:token name="brandTextLink" property="background-color,border*color,box-shadow,fill,color" value="rgb(1, 118, 211)"/>
+  <aura:token name="brandTextLink" property="background-color,border*color,box-shadow,fill,color" value="rgb(11, 92, 171)"/>
   <aura:token name="colorGray4" property="background-color,border*color,box-shadow,fill,color" value="rgb(236, 235, 234)"/>
   <aura:token name="colorGray5" property="background-color,border*color,box-shadow,fill,color" value="rgb(221, 219, 218)"/>
   <aura:token name="colorGray6" property="background-color,border*color,box-shadow,fill,color" value="rgb(201, 199, 197)"/>
@@ -380,7 +380,7 @@
   <aura:token name="colorTextSuccess" property="color,fill" value="rgb(46, 132, 74)"/>
   <aura:token name="colorTextWeak" property="color,fill" value="rgb(68, 68, 68)"/>
   <aura:token name="colorTextPlaceholderInverse" property="color,fill" value="rgb(243, 243, 243)"/>
-  <aura:token name="colorTextLink" property="color,fill" value="rgb(1, 118, 211)"/>
+  <aura:token name="colorTextLink" property="color,fill" value="rgb(11, 92, 171)"/>
   <aura:token name="colorTextWarningAlt" property="color,fill" value="rgb(140, 75, 2)"/>
   <aura:token name="colorTextIconDefault" property="color,fill" value="rgb(116, 116, 116)"/>
   <aura:token name="colorTextBrand" property="color,fill" value="rgb(27, 150, 255)"/>

package/design-tokens/dist/theme-one-salesforce.common.js CHANGED Viewed

@@ -572,7 +572,7 @@ module.exports = {
   // Disabled state of BRAND_A11Y
   brandDisabled: "rgb(201, 199, 197)",
   // Primary text link brand color
-  brandTextLink: "rgb(1, 118, 211)",
+  brandTextLink: "rgb(11, 92, 171)",
   // Gray Color 4
   colorGray4: "rgb(236, 235, 234)",
   // Gray Color 5
@@ -756,7 +756,7 @@ module.exports = {
   // Input placeholder text on dark backgrounds.
   colorTextPlaceholderInverse: "rgb(243, 243, 243)",
   // Link text (508)
-  colorTextLink: "rgb(1, 118, 211)",
+  colorTextLink: "rgb(11, 92, 171)",
   // Color for texts that are related to warnings on a light background.
   colorTextWarningAlt: "rgb(140, 75, 2)",
   // Default icon color.

package/design-tokens/dist/theme-one-salesforce.default.scss CHANGED Viewed

@@ -572,7 +572,7 @@ $brand-header-icon: rgb(145, 145, 145) !default;
 // Disabled state of BRAND_A11Y
 $brand-disabled: rgb(201, 199, 197) !default;
 // Primary text link brand color
-$brand-text-link: rgb(1, 118, 211) !default;
+$brand-text-link: rgb(11, 92, 171) !default;
 // Gray Color 4
 $color-gray-4: rgb(236, 235, 234) !default;
 // Gray Color 5
@@ -756,7 +756,7 @@ $color-text-weak: rgb(68, 68, 68) !default;
 // Input placeholder text on dark backgrounds.
 $color-text-placeholder-inverse: rgb(243, 243, 243) !default;
 // Link text (508)
-$color-text-link: rgb(1, 118, 211) !default;
+$color-text-link: rgb(11, 92, 171) !default;
 // Color for texts that are related to warnings on a light background.
 $color-text-warning-alt: rgb(140, 75, 2) !default;
 // Default icon color.

package/design-tokens/dist/theme-one-salesforce.ios.json CHANGED Viewed

@@ -4652,7 +4652,7 @@
       "release": "2.6.0",
       "primitive": true,
       "name": "brandTextLink",
-      "value": "rgb(1, 118, 211)",
+      "value": "rgb(11, 92, 171)",
       "scope": "global",
       "cssProperties": [
         "background-color",
@@ -6511,7 +6511,7 @@
       "access": "global",
       "primitive": true,
       "name": "colorTextLink",
-      "value": "rgb(1, 118, 211)",
+      "value": "rgb(11, 92, 171)",
       "scope": "global",
       "cssProperties": [
         "color",

package/design-tokens/dist/theme-one-salesforce.json CHANGED Viewed

@@ -288,7 +288,7 @@
   "COLOR_GRAY_3": "rgb(243, 242, 242)",
   "BRAND_HEADER_ICON": "rgb(145, 145, 145)",
   "BRAND_DISABLED": "rgb(201, 199, 197)",
-  "BRAND_TEXT_LINK": "rgb(1, 118, 211)",
+  "BRAND_TEXT_LINK": "rgb(11, 92, 171)",
   "COLOR_GRAY_4": "rgb(236, 235, 234)",
   "COLOR_GRAY_5": "rgb(221, 219, 218)",
   "COLOR_GRAY_6": "rgb(201, 199, 197)",
@@ -380,7 +380,7 @@
   "COLOR_TEXT_SUCCESS": "rgb(46, 132, 74)",
   "COLOR_TEXT_WEAK": "rgb(68, 68, 68)",
   "COLOR_TEXT_PLACEHOLDER_INVERSE": "rgb(243, 243, 243)",
-  "COLOR_TEXT_LINK": "rgb(1, 118, 211)",
+  "COLOR_TEXT_LINK": "rgb(11, 92, 171)",
   "COLOR_TEXT_WARNING_ALT": "rgb(140, 75, 2)",
   "COLOR_TEXT_ICON_DEFAULT": "rgb(116, 116, 116)",
   "COLOR_TEXT_BRAND": "rgb(27, 150, 255)",

package/design-tokens/dist/theme-one-salesforce.less CHANGED Viewed

@@ -572,7 +572,7 @@
 // Disabled state of BRAND_A11Y
 @brand-disabled: rgb(201, 199, 197);
 // Primary text link brand color
-@brand-text-link: rgb(1, 118, 211);
+@brand-text-link: rgb(11, 92, 171);
 // Gray Color 4
 @color-gray-4: rgb(236, 235, 234);
 // Gray Color 5
@@ -756,7 +756,7 @@
 // Input placeholder text on dark backgrounds.
 @color-text-placeholder-inverse: rgb(243, 243, 243);
 // Link text (508)
-@color-text-link: rgb(1, 118, 211);
+@color-text-link: rgb(11, 92, 171);
 // Color for texts that are related to warnings on a light background.
 @color-text-warning-alt: rgb(140, 75, 2);
 // Default icon color.

package/design-tokens/dist/theme-one-salesforce.map.scss CHANGED Viewed

@@ -573,7 +573,7 @@ $theme-one-salesforce-map: (
   // Disabled state of BRAND_A11Y
   'brand-disabled': (rgb(201, 199, 197)),
   // Primary text link brand color
-  'brand-text-link': (rgb(1, 118, 211)),
+  'brand-text-link': (rgb(11, 92, 171)),
   // Gray Color 4
   'color-gray-4': (rgb(236, 235, 234)),
   // Gray Color 5
@@ -757,7 +757,7 @@ $theme-one-salesforce-map: (
   // Input placeholder text on dark backgrounds.
   'color-text-placeholder-inverse': (rgb(243, 243, 243)),
   // Link text (508)
-  'color-text-link': (rgb(1, 118, 211)),
+  'color-text-link': (rgb(11, 92, 171)),
   // Color for texts that are related to warnings on a light background.
   'color-text-warning-alt': (rgb(140, 75, 2)),
   // Default icon color.

package/design-tokens/dist/theme-one-salesforce.raw.json CHANGED Viewed

@@ -409,7 +409,7 @@
       "value": "#c9c9c9"
     },
     "BRAND_TEXT_LINK": {
-      "value": "#0176d3"
+      "value": "#0b5cab"
     },
     "PALETTE_CLOUD_BLUE_30": {
       "value": "#084968"
@@ -6090,7 +6090,7 @@
       "release": "2.6.0",
       "primitive": true,
       "name": "BRAND_TEXT_LINK",
-      "value": "#0176d3",
+      "value": "#0b5cab",
       "scope": "global",
       "cssProperties": [
         "background-color",
@@ -8041,7 +8041,7 @@
       "access": "global",
       "primitive": true,
       "name": "COLOR_TEXT_LINK",
-      "value": "#0176d3",
+      "value": "#0b5cab",
       "scope": "global",
       "cssProperties": [
         "color",

package/design-tokens/dist/theme-one-salesforce.styl CHANGED Viewed

@@ -572,7 +572,7 @@ $brand-header-icon = rgb(145, 145, 145)
 // Disabled state of BRAND_A11Y
 $brand-disabled = rgb(201, 199, 197)
 // Primary text link brand color
-$brand-text-link = rgb(1, 118, 211)
+$brand-text-link = rgb(11, 92, 171)
 // Gray Color 4
 $color-gray-4 = rgb(236, 235, 234)
 // Gray Color 5
@@ -756,7 +756,7 @@ $color-text-weak = rgb(68, 68, 68)
 // Input placeholder text on dark backgrounds.
 $color-text-placeholder-inverse = rgb(243, 243, 243)
 // Link text (508)
-$color-text-link = rgb(1, 118, 211)
+$color-text-link = rgb(11, 92, 171)
 // Color for texts that are related to warnings on a light background.
 $color-text-warning-alt = rgb(140, 75, 2)
 // Default icon color.

package/design-tokens/dist/ui-analytics.raw.json CHANGED Viewed

@@ -601,7 +601,7 @@
       "value": "#c9c9c9"
     },
     "BRAND_TEXT_LINK": {
-      "value": "#0176d3"
+      "value": "#0b5cab"
     },
     "PALETTE_CLOUD_BLUE_30": {
       "value": "#084968"

package/design-tokens/dist/ui-force.android.xml CHANGED Viewed

@@ -289,7 +289,7 @@
   <property name="COLOR_GRAY_3" category="color" value="#fff3f2f2"/>
   <property name="BRAND_HEADER_ICON" category="color" value="#ff919191"/>
   <property name="BRAND_DISABLED" category="color" value="#ffc9c7c5"/>
-  <property name="BRAND_TEXT_LINK" category="color" value="#ff0176d3"/>
+  <property name="BRAND_TEXT_LINK" category="color" value="#ff0b5cab"/>
   <property name="COLOR_GRAY_4" category="color" value="#ffecebea"/>
   <property name="COLOR_GRAY_5" category="color" value="#ffdddbda"/>
   <property name="COLOR_GRAY_6" category="color" value="#ffc9c7c5"/>

package/design-tokens/dist/ui-force.aura.tokens CHANGED Viewed

@@ -290,7 +290,7 @@
   <aura:token name="colorGray3" property="background-color,border*color,box-shadow,fill,color" value="rgb(243, 242, 242)"/>
   <aura:token name="brandHeaderIcon" property="background-color,border*color,box-shadow,fill,color" value="rgb(145, 145, 145)"/>
   <aura:token name="brandDisabled" property="background-color,border*color,box-shadow,fill,color" value="rgb(201, 199, 197)"/>
-  <aura:token name="brandTextLink" property="background-color,border*color,box-shadow,fill,color" value="rgb(1, 118, 211)"/>
+  <aura:token name="brandTextLink" property="background-color,border*color,box-shadow,fill,color" value="rgb(11, 92, 171)"/>
   <aura:token name="colorGray4" property="background-color,border*color,box-shadow,fill,color" value="rgb(236, 235, 234)"/>
   <aura:token name="colorGray5" property="background-color,border*color,box-shadow,fill,color" value="rgb(221, 219, 218)"/>
   <aura:token name="colorGray6" property="background-color,border*color,box-shadow,fill,color" value="rgb(201, 199, 197)"/>

package/design-tokens/dist/ui-force.common.js CHANGED Viewed

@@ -572,7 +572,7 @@ module.exports = {
   // Disabled state of BRAND_A11Y
   brandDisabled: "rgb(201, 199, 197)",
   // Primary text link brand color
-  brandTextLink: "rgb(1, 118, 211)",
+  brandTextLink: "rgb(11, 92, 171)",
   // Gray Color 4
   colorGray4: "rgb(236, 235, 234)",
   // Gray Color 5

package/design-tokens/dist/ui-force.default.scss CHANGED Viewed

@@ -572,7 +572,7 @@ $brand-header-icon: rgb(145, 145, 145) !default;
 // Disabled state of BRAND_A11Y
 $brand-disabled: rgb(201, 199, 197) !default;
 // Primary text link brand color
-$brand-text-link: rgb(1, 118, 211) !default;
+$brand-text-link: rgb(11, 92, 171) !default;
 // Gray Color 4
 $color-gray-4: rgb(236, 235, 234) !default;
 // Gray Color 5

package/design-tokens/dist/ui-force.ios.json CHANGED Viewed

@@ -4653,7 +4653,7 @@
       "release": "2.6.0",
       "primitive": true,
       "name": "brandTextLink",
-      "value": "rgb(1, 118, 211)",
+      "value": "rgb(11, 92, 171)",
       "scope": "global",
       "cssProperties": [
         "background-color",

package/design-tokens/dist/ui-force.json CHANGED Viewed

@@ -288,7 +288,7 @@
   "COLOR_GRAY_3": "rgb(243, 242, 242)",
   "BRAND_HEADER_ICON": "rgb(145, 145, 145)",
   "BRAND_DISABLED": "rgb(201, 199, 197)",
-  "BRAND_TEXT_LINK": "rgb(1, 118, 211)",
+  "BRAND_TEXT_LINK": "rgb(11, 92, 171)",
   "COLOR_GRAY_4": "rgb(236, 235, 234)",
   "COLOR_GRAY_5": "rgb(221, 219, 218)",
   "COLOR_GRAY_6": "rgb(201, 199, 197)",

package/design-tokens/dist/ui-force.less CHANGED Viewed

@@ -572,7 +572,7 @@
 // Disabled state of BRAND_A11Y
 @brand-disabled: rgb(201, 199, 197);
 // Primary text link brand color
-@brand-text-link: rgb(1, 118, 211);
+@brand-text-link: rgb(11, 92, 171);
 // Gray Color 4
 @color-gray-4: rgb(236, 235, 234);
 // Gray Color 5

package/design-tokens/dist/ui-force.map.scss CHANGED Viewed

@@ -573,7 +573,7 @@ $ui-force-map: (
   // Disabled state of BRAND_A11Y
   'brand-disabled': (rgb(201, 199, 197)),
   // Primary text link brand color
-  'brand-text-link': (rgb(1, 118, 211)),
+  'brand-text-link': (rgb(11, 92, 171)),
   // Gray Color 4
   'color-gray-4': (rgb(236, 235, 234)),
   // Gray Color 5

package/design-tokens/dist/ui-force.raw.json CHANGED Viewed

@@ -4947,7 +4947,7 @@
       "release": "2.6.0",
       "primitive": true,
       "name": "BRAND_TEXT_LINK",
-      "value": "#0176d3",
+      "value": "#0b5cab",
       "scope": "global",
       "cssProperties": [
         "background-color",
@@ -14476,7 +14476,7 @@
       "value": "#c9c9c9"
     },
     "BRAND_TEXT_LINK": {
-      "value": "#0176d3"
+      "value": "#0b5cab"
     },
     "PALETTE_CLOUD_BLUE_30": {
       "value": "#084968"

package/design-tokens/dist/ui-force.styl CHANGED Viewed

@@ -572,7 +572,7 @@ $brand-header-icon = rgb(145, 145, 145)
 // Disabled state of BRAND_A11Y
 $brand-disabled = rgb(201, 199, 197)
 // Primary text link brand color
-$brand-text-link = rgb(1, 118, 211)
+$brand-text-link = rgb(11, 92, 171)
 // Gray Color 4
 $color-gray-4 = rgb(236, 235, 234)
 // Gray Color 5

package/package.json CHANGED Viewed

@@ -16,7 +16,7 @@
       "@salesforce-ux/sds-styling-hooks": "2.0.0-beta.5",
       "@salesforce-ux/design-system-parser": "^1.1.1",
       "@salesforce-ux/build-server-api": "2.1.7",
-      "@salesforce-ux/design-system-primitive-tokens": "0.3.6",
+      "@salesforce-ux/design-system-primitive-tokens": "0.3.7",
       "@salesforce-ux/instant-vrt": "2.0.0",
       "@salesforce-ux/postcss-annotations-parser": "0.1.1",
       "@salesforce-ux/scss-parser-aura": "^3.1.1",
@@ -62,7 +62,7 @@
       "@salesforce/slds/legacy"
     ]
   },
-  "version": "2.27.2",
+  "version": "2.28.0-alpha.2",
   "jest": {
     "testURL": "http://localhost/",
     "testRegex": "(/__tests__/.*(test|spec))\\.jsx?$",

package/scss/_config.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-// Lightning Design System 2.27.2
+// Lightning Design System 2.28.0-alpha.2
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
@@ -10,7 +10,7 @@
 ///
 /// @type String
 /// @access private
-$app-version: "2.27.2";
+$app-version: "2.28.0";
 /// Debug mode (uncomment to activate)
 /// Turn on to output deprecation warnings during development

package/scss/_design-tokens.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-// Lightning Design System 2.27.2
+// Lightning Design System 2.28.0-alpha.2
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license