Skip to content

Commit

Permalink
feat(patterns/link): make the light link accessible (#673)
Browse files Browse the repository at this point in the history
  • Loading branch information
tiloyi committed Nov 12, 2020
1 parent 0b69087 commit 87c15a1
Show file tree
Hide file tree
Showing 7 changed files with 88 additions and 88 deletions.
22 changes: 11 additions & 11 deletions packages/tokens/build/android/colors.xml
Expand Up @@ -256,30 +256,30 @@
<color name="color_input_checked_icon">#ffffffff</color>
<color name="color_input_checked_hover_border">#ff0a601b</color>
<color name="color_link_dark_base">#ff000000</color>
<color name="color_link_dark_visited">#ff554f52</color>
<color name="color_link_dark_active">#ff554f52</color>
<color name="color_link_dark_visited">#ff3c3738</color>
<color name="color_link_dark_active">#ff3c3738</color>
<color name="color_link_dark_disabled">#ffeeeef0</color>
<color name="color_link_dark_hover">#ff887f87</color>
<color name="color_link_dark_hover">#ff6f676c</color>
<color name="color_link_light_base">#ffffffff</color>
<color name="color_link_light_visited">#ffbab6bc</color>
<color name="color_link_light_active">#ffbab6bc</color>
<color name="color_link_light_visited">#ffd3d2d6</color>
<color name="color_link_light_active">#ffd3d2d6</color>
<color name="color_link_light_disabled">#ffeeeef0</color>
<color name="color_link_light_hover">#ff887f87</color>
<color name="color_link_light_hover">#ffa19ba2</color>
<color name="color_link_primary_base">#ff78be20</color>
<color name="color_link_primary_visited">#ff41a017</color>
<color name="color_link_primary_visited">#ff158110</color>
<color name="color_link_primary_active">#ff158110</color>
<color name="color_link_primary_disabled">#ffeeeef0</color>
<color name="color_link_primary_hover">#ff41a017</color>
<color name="color_link_primary_hover">#ff053e1f</color>
<color name="color_link_primary_02_base">#ff035f64</color>
<color name="color_link_primary_02_visited">#ff044c53</color>
<color name="color_link_primary_02_active">#ff044c53</color>
<color name="color_link_primary_02_disabled">#ffeeeef0</color>
<color name="color_link_primary_02_hover">#ff044c53</color>
<color name="color_link_danger_base">#ffdf382b</color>
<color name="color_link_primary_02_hover">#ff062b35</color>
<color name="color_link_danger_base">#ffb42a27</color>
<color name="color_link_danger_visited">#ff8b2226</color>
<color name="color_link_danger_active">#ff8b2226</color>
<color name="color_link_danger_disabled">#ffeeeef0</color>
<color name="color_link_danger_hover">#ff8b2226</color>
<color name="color_link_danger_hover">#ff3e1219</color>
<color name="color_notification_font">#ff000000</color>
<color name="color_notification_information_background">#ffecfcfd</color>
<color name="color_notification_information_border">#ff25a8d0</color>
Expand Down
22 changes: 11 additions & 11 deletions packages/tokens/build/ios/StyleDictionaryColor.m
Expand Up @@ -274,30 +274,30 @@ + (NSArray *)values {
[UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f],
[UIColor colorWithRed:0.039f green:0.376f blue:0.106f alpha:1.000f],
[UIColor colorWithRed:0.000f green:0.000f blue:0.000f alpha:1.000f],
[UIColor colorWithRed:0.333f green:0.310f blue:0.322f alpha:1.000f],
[UIColor colorWithRed:0.333f green:0.310f blue:0.322f alpha:1.000f],
[UIColor colorWithRed:0.235f green:0.216f blue:0.220f alpha:1.000f],
[UIColor colorWithRed:0.235f green:0.216f blue:0.220f alpha:1.000f],
[UIColor colorWithRed:0.933f green:0.933f blue:0.941f alpha:1.000f],
[UIColor colorWithRed:0.533f green:0.498f blue:0.529f alpha:1.000f],
[UIColor colorWithRed:0.435f green:0.404f blue:0.424f alpha:1.000f],
[UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f],
[UIColor colorWithRed:0.729f green:0.714f blue:0.737f alpha:1.000f],
[UIColor colorWithRed:0.729f green:0.714f blue:0.737f alpha:1.000f],
[UIColor colorWithRed:0.827f green:0.824f blue:0.839f alpha:1.000f],
[UIColor colorWithRed:0.827f green:0.824f blue:0.839f alpha:1.000f],
[UIColor colorWithRed:0.933f green:0.933f blue:0.941f alpha:1.000f],
[UIColor colorWithRed:0.533f green:0.498f blue:0.529f alpha:1.000f],
[UIColor colorWithRed:0.631f green:0.608f blue:0.635f alpha:1.000f],
[UIColor colorWithRed:0.471f green:0.745f blue:0.125f alpha:1.000f],
[UIColor colorWithRed:0.255f green:0.627f blue:0.090f alpha:1.000f],
[UIColor colorWithRed:0.082f green:0.506f blue:0.063f alpha:1.000f],
[UIColor colorWithRed:0.082f green:0.506f blue:0.063f alpha:1.000f],
[UIColor colorWithRed:0.933f green:0.933f blue:0.941f alpha:1.000f],
[UIColor colorWithRed:0.255f green:0.627f blue:0.090f alpha:1.000f],
[UIColor colorWithRed:0.020f green:0.243f blue:0.122f alpha:1.000f],
[UIColor colorWithRed:0.012f green:0.373f blue:0.392f alpha:1.000f],
[UIColor colorWithRed:0.016f green:0.298f blue:0.325f alpha:1.000f],
[UIColor colorWithRed:0.016f green:0.298f blue:0.325f alpha:1.000f],
[UIColor colorWithRed:0.933f green:0.933f blue:0.941f alpha:1.000f],
[UIColor colorWithRed:0.016f green:0.298f blue:0.325f alpha:1.000f],
[UIColor colorWithRed:0.875f green:0.220f blue:0.169f alpha:1.000f],
[UIColor colorWithRed:0.024f green:0.169f blue:0.208f alpha:1.000f],
[UIColor colorWithRed:0.706f green:0.165f blue:0.153f alpha:1.000f],
[UIColor colorWithRed:0.545f green:0.133f blue:0.149f alpha:1.000f],
[UIColor colorWithRed:0.545f green:0.133f blue:0.149f alpha:1.000f],
[UIColor colorWithRed:0.933f green:0.933f blue:0.941f alpha:1.000f],
[UIColor colorWithRed:0.545f green:0.133f blue:0.149f alpha:1.000f],
[UIColor colorWithRed:0.243f green:0.071f blue:0.098f alpha:1.000f],
[UIColor colorWithRed:0.000f green:0.000f blue:0.000f alpha:1.000f],
[UIColor colorWithRed:0.925f green:0.988f blue:0.992f alpha:1.000f],
[UIColor colorWithRed:0.145f green:0.659f blue:0.816f alpha:1.000f],
Expand Down
22 changes: 11 additions & 11 deletions packages/tokens/build/ios/StyleDictionaryColor.swift
Expand Up @@ -173,30 +173,30 @@ public class StyleDictionaryColor {
public static let colorInputValidBorder = UIColor(red: 0.471, green: 0.745, blue: 0.125, alpha:1)
public static let colorInputValidHoverBorder = UIColor(red: 0.039, green: 0.376, blue: 0.106, alpha:1)
public static let colorLinkDangerActive = UIColor(red: 0.545, green: 0.133, blue: 0.149, alpha:1)
public static let colorLinkDangerBase = UIColor(red: 0.875, green: 0.220, blue: 0.169, alpha:1)
public static let colorLinkDangerBase = UIColor(red: 0.706, green: 0.165, blue: 0.153, alpha:1)
public static let colorLinkDangerDisabled = UIColor(red: 0.933, green: 0.933, blue: 0.941, alpha:1)
public static let colorLinkDangerHover = UIColor(red: 0.545, green: 0.133, blue: 0.149, alpha:1)
public static let colorLinkDangerHover = UIColor(red: 0.243, green: 0.071, blue: 0.098, alpha:1)
public static let colorLinkDangerVisited = UIColor(red: 0.545, green: 0.133, blue: 0.149, alpha:1)
public static let colorLinkDarkActive = UIColor(red: 0.333, green: 0.310, blue: 0.322, alpha:1)
public static let colorLinkDarkActive = UIColor(red: 0.235, green: 0.216, blue: 0.220, alpha:1)
public static let colorLinkDarkBase = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha:1)
public static let colorLinkDarkDisabled = UIColor(red: 0.933, green: 0.933, blue: 0.941, alpha:1)
public static let colorLinkDarkHover = UIColor(red: 0.533, green: 0.498, blue: 0.529, alpha:1)
public static let colorLinkDarkVisited = UIColor(red: 0.333, green: 0.310, blue: 0.322, alpha:1)
public static let colorLinkLightActive = UIColor(red: 0.729, green: 0.714, blue: 0.737, alpha:1)
public static let colorLinkDarkHover = UIColor(red: 0.435, green: 0.404, blue: 0.424, alpha:1)
public static let colorLinkDarkVisited = UIColor(red: 0.235, green: 0.216, blue: 0.220, alpha:1)
public static let colorLinkLightActive = UIColor(red: 0.827, green: 0.824, blue: 0.839, alpha:1)
public static let colorLinkLightBase = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha:1)
public static let colorLinkLightDisabled = UIColor(red: 0.933, green: 0.933, blue: 0.941, alpha:1)
public static let colorLinkLightHover = UIColor(red: 0.533, green: 0.498, blue: 0.529, alpha:1)
public static let colorLinkLightVisited = UIColor(red: 0.729, green: 0.714, blue: 0.737, alpha:1)
public static let colorLinkLightHover = UIColor(red: 0.631, green: 0.608, blue: 0.635, alpha:1)
public static let colorLinkLightVisited = UIColor(red: 0.827, green: 0.824, blue: 0.839, alpha:1)
public static let colorLinkPrimary02Active = UIColor(red: 0.016, green: 0.298, blue: 0.325, alpha:1)
public static let colorLinkPrimary02Base = UIColor(red: 0.012, green: 0.373, blue: 0.392, alpha:1)
public static let colorLinkPrimary02Disabled = UIColor(red: 0.933, green: 0.933, blue: 0.941, alpha:1)
public static let colorLinkPrimary02Hover = UIColor(red: 0.016, green: 0.298, blue: 0.325, alpha:1)
public static let colorLinkPrimary02Hover = UIColor(red: 0.024, green: 0.169, blue: 0.208, alpha:1)
public static let colorLinkPrimary02Visited = UIColor(red: 0.016, green: 0.298, blue: 0.325, alpha:1)
public static let colorLinkPrimaryActive = UIColor(red: 0.082, green: 0.506, blue: 0.063, alpha:1)
public static let colorLinkPrimaryBase = UIColor(red: 0.471, green: 0.745, blue: 0.125, alpha:1)
public static let colorLinkPrimaryDisabled = UIColor(red: 0.933, green: 0.933, blue: 0.941, alpha:1)
public static let colorLinkPrimaryHover = UIColor(red: 0.255, green: 0.627, blue: 0.090, alpha:1)
public static let colorLinkPrimaryVisited = UIColor(red: 0.255, green: 0.627, blue: 0.090, alpha:1)
public static let colorLinkPrimaryHover = UIColor(red: 0.020, green: 0.243, blue: 0.122, alpha:1)
public static let colorLinkPrimaryVisited = UIColor(red: 0.082, green: 0.506, blue: 0.063, alpha:1)
public static let colorNotificationDangerBackground = UIColor(red: 0.996, green: 0.929, blue: 0.933, alpha:1)
public static let colorNotificationDangerBorder = UIColor(red: 0.875, green: 0.220, blue: 0.169, alpha:1)
public static let colorNotificationFont = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha:1)
Expand Down
22 changes: 11 additions & 11 deletions packages/tokens/build/js/tokens.js
Expand Up @@ -255,30 +255,30 @@ export const ColorInputCheckedBackground = "#78be20";
export const ColorInputCheckedIcon = "#ffffff";
export const ColorInputCheckedHoverBorder = "#0a601b";
export const ColorLinkDarkBase = "#000000";
export const ColorLinkDarkVisited = "#554f52";
export const ColorLinkDarkActive = "#554f52";
export const ColorLinkDarkVisited = "#3c3738";
export const ColorLinkDarkActive = "#3c3738";
export const ColorLinkDarkDisabled = "#eeeef0";
export const ColorLinkDarkHover = "#887f87";
export const ColorLinkDarkHover = "#6f676c";
export const ColorLinkLightBase = "#ffffff";
export const ColorLinkLightVisited = "#bab6bc";
export const ColorLinkLightActive = "#bab6bc";
export const ColorLinkLightVisited = "#d3d2d6";
export const ColorLinkLightActive = "#d3d2d6";
export const ColorLinkLightDisabled = "#eeeef0";
export const ColorLinkLightHover = "#887f87";
export const ColorLinkLightHover = "#a19ba2";
export const ColorLinkPrimaryBase = "#78be20";
export const ColorLinkPrimaryVisited = "#41a017";
export const ColorLinkPrimaryVisited = "#158110";
export const ColorLinkPrimaryActive = "#158110";
export const ColorLinkPrimaryDisabled = "#eeeef0";
export const ColorLinkPrimaryHover = "#41a017";
export const ColorLinkPrimaryHover = "#053e1f";
export const ColorLinkPrimary02Base = "#035f64";
export const ColorLinkPrimary02Visited = "#044c53";
export const ColorLinkPrimary02Active = "#044c53";
export const ColorLinkPrimary02Disabled = "#eeeef0";
export const ColorLinkPrimary02Hover = "#044c53";
export const ColorLinkDangerBase = "#df382b";
export const ColorLinkPrimary02Hover = "#062b35";
export const ColorLinkDangerBase = "#b42a27";
export const ColorLinkDangerVisited = "#8b2226";
export const ColorLinkDangerActive = "#8b2226";
export const ColorLinkDangerDisabled = "#eeeef0";
export const ColorLinkDangerHover = "#8b2226";
export const ColorLinkDangerHover = "#3e1219";
export const ColorNotificationFont = "#000000";
export const ColorNotificationInformationBackground = "#ecfcfd";
export const ColorNotificationInformationBorder = "#25a8d0";
Expand Down
44 changes: 22 additions & 22 deletions packages/tokens/build/js/tokensObject.js
Expand Up @@ -4840,9 +4840,9 @@ module.exports = {
]
},
"visited": {
"value": "#554f52",
"value": "#3c3738",
"original": {
"value": "{color.grey.700.value}"
"value": "{color.grey.800.value}"
},
"name": "ColorLinkDarkVisited",
"attributes": {
Expand All @@ -4859,9 +4859,9 @@ module.exports = {
]
},
"active": {
"value": "#554f52",
"value": "#3c3738",
"original": {
"value": "{color.grey.700.value}"
"value": "{color.grey.800.value}"
},
"name": "ColorLinkDarkActive",
"attributes": {
Expand Down Expand Up @@ -4897,9 +4897,9 @@ module.exports = {
]
},
"hover": {
"value": "#887f87",
"value": "#6f676c",
"original": {
"value": "{color.grey.500.value}"
"value": "{color.grey.600.value}"
},
"name": "ColorLinkDarkHover",
"attributes": {
Expand Down Expand Up @@ -4937,9 +4937,9 @@ module.exports = {
]
},
"visited": {
"value": "#bab6bc",
"value": "#d3d2d6",
"original": {
"value": "{color.grey.300.value}"
"value": "{color.grey.200.value}"
},
"name": "ColorLinkLightVisited",
"attributes": {
Expand All @@ -4956,9 +4956,9 @@ module.exports = {
]
},
"active": {
"value": "#bab6bc",
"value": "#d3d2d6",
"original": {
"value": "{color.grey.300.value}"
"value": "{color.grey.200.value}"
},
"name": "ColorLinkLightActive",
"attributes": {
Expand Down Expand Up @@ -4994,9 +4994,9 @@ module.exports = {
]
},
"hover": {
"value": "#887f87",
"value": "#a19ba2",
"original": {
"value": "{color.grey.500.value}"
"value": "{color.grey.400.value}"
},
"name": "ColorLinkLightHover",
"attributes": {
Expand Down Expand Up @@ -5034,9 +5034,9 @@ module.exports = {
]
},
"visited": {
"value": "#41a017",
"value": "#158110",
"original": {
"value": "{color.primary-01.600.value}"
"value": "{color.primary-01.700.value}"
},
"name": "ColorLinkPrimaryVisited",
"attributes": {
Expand Down Expand Up @@ -5091,9 +5091,9 @@ module.exports = {
]
},
"hover": {
"value": "#41a017",
"value": "#053e1f",
"original": {
"value": "{color.primary-01.600.value}"
"value": "{color.primary-01.900.value}"
},
"name": "ColorLinkPrimaryHover",
"attributes": {
Expand Down Expand Up @@ -5188,9 +5188,9 @@ module.exports = {
]
},
"hover": {
"value": "#044c53",
"value": "#062b35",
"original": {
"value": "{color.primary-02.700.value}"
"value": "{color.primary-02.900.value}"
},
"name": "ColorLinkPrimary02Hover",
"attributes": {
Expand All @@ -5209,9 +5209,9 @@ module.exports = {
},
"danger": {
"base": {
"value": "#df382b",
"value": "#b42a27",
"original": {
"value": "{color.secondary-red.500.value}"
"value": "{color.secondary-red.600.value}"
},
"name": "ColorLinkDangerBase",
"attributes": {
Expand Down Expand Up @@ -5285,9 +5285,9 @@ module.exports = {
]
},
"hover": {
"value": "#8b2226",
"value": "#3e1219",
"original": {
"value": "{color.secondary-red.700.value}"
"value": "{color.secondary-red.900.value}"
},
"name": "ColorLinkDangerHover",
"attributes": {
Expand Down
22 changes: 11 additions & 11 deletions packages/tokens/build/scss/_tokens.scss
Expand Up @@ -257,30 +257,30 @@ $color-input-checked-background: #78be20 !default;
$color-input-checked-icon: #ffffff !default;
$color-input-checked-hover-border: #0a601b !default;
$color-link-dark-base: #000000 !default;
$color-link-dark-visited: #554f52 !default;
$color-link-dark-active: #554f52 !default;
$color-link-dark-visited: #3c3738 !default;
$color-link-dark-active: #3c3738 !default;
$color-link-dark-disabled: #eeeef0 !default;
$color-link-dark-hover: #887f87 !default;
$color-link-dark-hover: #6f676c !default;
$color-link-light-base: #ffffff !default;
$color-link-light-visited: #bab6bc !default;
$color-link-light-active: #bab6bc !default;
$color-link-light-visited: #d3d2d6 !default;
$color-link-light-active: #d3d2d6 !default;
$color-link-light-disabled: #eeeef0 !default;
$color-link-light-hover: #887f87 !default;
$color-link-light-hover: #a19ba2 !default;
$color-link-primary-base: #78be20 !default;
$color-link-primary-visited: #41a017 !default;
$color-link-primary-visited: #158110 !default;
$color-link-primary-active: #158110 !default;
$color-link-primary-disabled: #eeeef0 !default;
$color-link-primary-hover: #41a017 !default;
$color-link-primary-hover: #053e1f !default;
$color-link-primary-02-base: #035f64 !default;
$color-link-primary-02-visited: #044c53 !default;
$color-link-primary-02-active: #044c53 !default;
$color-link-primary-02-disabled: #eeeef0 !default;
$color-link-primary-02-hover: #044c53 !default;
$color-link-danger-base: #df382b !default;
$color-link-primary-02-hover: #062b35 !default;
$color-link-danger-base: #b42a27 !default;
$color-link-danger-visited: #8b2226 !default;
$color-link-danger-active: #8b2226 !default;
$color-link-danger-disabled: #eeeef0 !default;
$color-link-danger-hover: #8b2226 !default;
$color-link-danger-hover: #3e1219 !default;
$color-notification-font: #000000 !default;
$color-notification-information-background: #ecfcfd !default;
$color-notification-information-border: #25a8d0 !default;
Expand Down
22 changes: 11 additions & 11 deletions packages/tokens/properties/color/link.json
Expand Up @@ -3,38 +3,38 @@
"link": {
"dark": {
"base": { "value": "{color.grey.999.value}" },
"visited": { "value": "{color.grey.700.value}" },
"active": { "value": "{color.grey.700.value}" },
"visited": { "value": "{color.grey.800.value}" },
"active": { "value": "{color.grey.800.value}" },
"disabled": { "value": "{color.grey.100.value}" },
"hover": { "value": "{color.grey.500.value}" }
"hover": { "value": "{color.grey.600.value}" }
},
"light": {
"base": { "value": "{color.grey.000.value}" },
"visited": { "value": "{color.grey.300.value}" },
"active": { "value": "{color.grey.300.value}" },
"visited": { "value": "{color.grey.200.value}" },
"active": { "value": "{color.grey.200.value}" },
"disabled": { "value": "{color.grey.100.value}" },
"hover": { "value": "{color.grey.500.value}" }
"hover": { "value": "{color.grey.400.value}" }
},
"primary": {
"base": { "value": "{color.primary-01.500.value}" },
"visited": { "value": "{color.primary-01.600.value}" },
"visited": { "value": "{color.primary-01.700.value}" },
"active": { "value": "{color.primary-01.700.value}" },
"disabled": { "value": "{color.grey.100.value}" },
"hover": { "value": "{color.primary-01.600.value}" }
"hover": { "value": "{color.primary-01.900.value}" }
},
"primary-02": {
"base": { "value": "{color.primary-02.600.value}" },
"visited": { "value": "{color.primary-02.700.value}" },
"active": { "value": "{color.primary-02.700.value}" },
"disabled": { "value": "{color.grey.100.value}" },
"hover": { "value": "{color.primary-02.700.value}" }
"hover": { "value": "{color.primary-02.900.value}" }
},
"danger": {
"base": { "value": "{color.secondary-red.500.value}" },
"base": { "value": "{color.secondary-red.600.value}" },
"visited": { "value": "{color.secondary-red.700.value}" },
"active": { "value": "{color.secondary-red.700.value}" },
"disabled": { "value": "{color.grey.100.value}" },
"hover": { "value": "{color.secondary-red.700.value}" }
"hover": { "value": "{color.secondary-red.900.value}" }
}
}
}
Expand Down

0 comments on commit 87c15a1

Please sign in to comment.