@atlaskit/tokens 1.17.1 → 1.19.0

package/dist/es2019/tokens/atlassian-light/color/accent.js

@@ -156,142 +156,462 @@ const color = {
       accent: {
         blue: {
           subtlest: {
-            value: 'Blue100'
+            '[default]': {
+              value: 'Blue100'
+            },
+            hovered: {
+              value: 'Blue200'
+            },
+            pressed: {
+              value: 'Blue300'
+            }
           },
           subtler: {
-            value: 'Blue200'
+            '[default]': {
+              value: 'Blue200'
+            },
+            hovered: {
+              value: 'Blue300'
+            },
+            pressed: {
+              value: 'Blue400'
+            }
           },
           subtle: {
-            value: 'Blue400'
+            '[default]': {
+              value: 'Blue400'
+            },
+            hovered: {
+              value: 'Blue300'
+            },
+            pressed: {
+              value: 'Blue200'
+            }
           },
           bolder: {
-            value: 'Blue700'
+            '[default]': {
+              value: 'Blue700'
+            },
+            hovered: {
+              value: 'Blue800'
+            },
+            pressed: {
+              value: 'Blue900'
+            }
           }
         },
         red: {
           subtlest: {
-            value: 'Red100'
+            '[default]': {
+              value: 'Red100'
+            },
+            hovered: {
+              value: 'Red200'
+            },
+            pressed: {
+              value: 'Red300'
+            }
           },
           subtler: {
-            value: 'Red200'
+            '[default]': {
+              value: 'Red200'
+            },
+            hovered: {
+              value: 'Red300'
+            },
+            pressed: {
+              value: 'Red400'
+            }
           },
           subtle: {
-            value: 'Red400'
+            '[default]': {
+              value: 'Red400'
+            },
+            hovered: {
+              value: 'Red300'
+            },
+            pressed: {
+              value: 'Red200'
+            }
           },
           bolder: {
-            value: 'Red700'
+            '[default]': {
+              value: 'Red700'
+            },
+            hovered: {
+              value: 'Red800'
+            },
+            pressed: {
+              value: 'Red900'
+            }
           }
         },
         orange: {
           subtlest: {
-            value: 'Orange100'
+            '[default]': {
+              value: 'Orange100'
+            },
+            hovered: {
+              value: 'Orange200'
+            },
+            pressed: {
+              value: 'Orange300'
+            }
           },
           subtler: {
-            value: 'Orange200'
+            '[default]': {
+              value: 'Orange200'
+            },
+            hovered: {
+              value: 'Orange300'
+            },
+            pressed: {
+              value: 'Orange400'
+            }
           },
           subtle: {
-            value: 'Orange400'
+            '[default]': {
+              value: 'Orange400'
+            },
+            hovered: {
+              value: 'Orange300'
+            },
+            pressed: {
+              value: 'Orange200'
+            }
           },
           bolder: {
-            value: 'Orange700'
+            '[default]': {
+              value: 'Orange700'
+            },
+            hovered: {
+              value: 'Orange800'
+            },
+            pressed: {
+              value: 'Orange900'
+            }
           }
         },
         yellow: {
           subtlest: {
-            value: 'Yellow100'
+            '[default]': {
+              value: 'Yellow100'
+            },
+            hovered: {
+              value: 'Yellow200'
+            },
+            pressed: {
+              value: 'Yellow300'
+            }
           },
           subtler: {
-            value: 'Yellow200'
+            '[default]': {
+              value: 'Yellow200'
+            },
+            hovered: {
+              value: 'Yellow300'
+            },
+            pressed: {
+              value: 'Yellow400'
+            }
           },
           subtle: {
-            value: 'Yellow400'
+            '[default]': {
+              value: 'Yellow400'
+            },
+            hovered: {
+              value: 'Yellow300'
+            },
+            pressed: {
+              value: 'Yellow200'
+            }
           },
           bolder: {
-            value: 'Yellow700'
+            '[default]': {
+              value: 'Yellow700'
+            },
+            hovered: {
+              value: 'Yellow800'
+            },
+            pressed: {
+              value: 'Yellow900'
+            }
           }
         },
         green: {
           subtlest: {
-            value: 'Green100'
+            '[default]': {
+              value: 'Green100'
+            },
+            hovered: {
+              value: 'Green200'
+            },
+            pressed: {
+              value: 'Green300'
+            }
           },
           subtler: {
-            value: 'Green200'
+            '[default]': {
+              value: 'Green200'
+            },
+            hovered: {
+              value: 'Green300'
+            },
+            pressed: {
+              value: 'Green400'
+            }
           },
           subtle: {
-            value: 'Green400'
+            '[default]': {
+              value: 'Green400'
+            },
+            hovered: {
+              value: 'Green300'
+            },
+            pressed: {
+              value: 'Green200'
+            }
           },
           bolder: {
-            value: 'Green700'
+            '[default]': {
+              value: 'Green700'
+            },
+            hovered: {
+              value: 'Green800'
+            },
+            pressed: {
+              value: 'Green900'
+            }
           }
         },
         purple: {
           subtlest: {
-            value: 'Purple100'
+            '[default]': {
+              value: 'Purple100'
+            },
+            hovered: {
+              value: 'Purple200'
+            },
+            pressed: {
+              value: 'Purple300'
+            }
           },
           subtler: {
-            value: 'Purple200'
+            '[default]': {
+              value: 'Purple200'
+            },
+            hovered: {
+              value: 'Purple300'
+            },
+            pressed: {
+              value: 'Purple400'
+            }
           },
           subtle: {
-            value: 'Purple400'
+            '[default]': {
+              value: 'Purple400'
+            },
+            hovered: {
+              value: 'Purple300'
+            },
+            pressed: {
+              value: 'Purple200'
+            }
           },
           bolder: {
-            value: 'Purple700'
+            '[default]': {
+              value: 'Purple700'
+            },
+            hovered: {
+              value: 'Purple800'
+            },
+            pressed: {
+              value: 'Purple900'
+            }
           }
         },
         teal: {
           subtlest: {
-            value: 'Teal100'
+            '[default]': {
+              value: 'Teal100'
+            },
+            hovered: {
+              value: 'Teal200'
+            },
+            pressed: {
+              value: 'Teal300'
+            }
           },
           subtler: {
-            value: 'Teal200'
+            '[default]': {
+              value: 'Teal200'
+            },
+            hovered: {
+              value: 'Teal300'
+            },
+            pressed: {
+              value: 'Teal400'
+            }
           },
           subtle: {
-            value: 'Teal400'
+            '[default]': {
+              value: 'Teal400'
+            },
+            hovered: {
+              value: 'Teal300'
+            },
+            pressed: {
+              value: 'Teal200'
+            }
           },
           bolder: {
-            value: 'Teal700'
+            '[default]': {
+              value: 'Teal700'
+            },
+            hovered: {
+              value: 'Teal800'
+            },
+            pressed: {
+              value: 'Teal900'
+            }
           }
         },
         magenta: {
           subtlest: {
-            value: 'Magenta100'
+            '[default]': {
+              value: 'Magenta100'
+            },
+            hovered: {
+              value: 'Magenta200'
+            },
+            pressed: {
+              value: 'Magenta300'
+            }
           },
           subtler: {
-            value: 'Magenta200'
+            '[default]': {
+              value: 'Magenta200'
+            },
+            hovered: {
+              value: 'Magenta300'
+            },
+            pressed: {
+              value: 'Magenta400'
+            }
           },
           subtle: {
-            value: 'Magenta400'
+            '[default]': {
+              value: 'Magenta400'
+            },
+            hovered: {
+              value: 'Magenta300'
+            },
+            pressed: {
+              value: 'Magenta200'
+            }
           },
           bolder: {
-            value: 'Magenta700'
+            '[default]': {
+              value: 'Magenta700'
+            },
+            hovered: {
+              value: 'Magenta800'
+            },
+            pressed: {
+              value: 'Magenta900'
+            }
           }
         },
         lime: {
           subtlest: {
-            value: 'Lime100'
+            '[default]': {
+              value: 'Lime100'
+            },
+            hovered: {
+              value: 'Lime200'
+            },
+            pressed: {
+              value: 'Lime300'
+            }
           },
           subtler: {
-            value: 'Lime200'
+            '[default]': {
+              value: 'Lime200'
+            },
+            hovered: {
+              value: 'Lime300'
+            },
+            pressed: {
+              value: 'Lime400'
+            }
           },
           subtle: {
-            value: 'Lime400'
+            '[default]': {
+              value: 'Lime400'
+            },
+            hovered: {
+              value: 'Lime300'
+            },
+            pressed: {
+              value: 'Lime200'
+            }
           },
           bolder: {
-            value: 'Lime700'
+            '[default]': {
+              value: 'Lime700'
+            },
+            hovered: {
+              value: 'Lime800'
+            },
+            pressed: {
+              value: 'Lime900'
+            }
           }
         },
         gray: {
           subtlest: {
-            value: 'Neutral200'
+            '[default]': {
+              value: 'Neutral200'
+            },
+            hovered: {
+              value: 'Neutral300'
+            },
+            pressed: {
+              value: 'Neutral400'
+            }
           },
           subtler: {
-            value: 'Neutral300'
+            '[default]': {
+              value: 'Neutral300'
+            },
+            hovered: {
+              value: 'Neutral400'
+            },
+            pressed: {
+              value: 'Neutral500'
+            }
           },
           subtle: {
-            value: 'Neutral500'
+            '[default]': {
+              value: 'Neutral500'
+            },
+            hovered: {
+              value: 'Neutral400'
+            },
+            pressed: {
+              value: 'Neutral300'
+            }
           },
           bolder: {
-            value: 'Neutral700'
+            '[default]': {
+              value: 'Neutral700'
+            },
+            hovered: {
+              value: 'Neutral800'
+            },
+            pressed: {
+              value: 'Neutral900'
+            }
           }
         }
       }

package/dist/es2019/tokens/atlassian-typography/theme.js

@@ -104,6 +104,16 @@ const typography = {
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
+      },
+      lg: {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize16',
+          lineHeight: 'LineHeight300',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
       }
     },
     ui: {

package/dist/es2019/tokens/atlassian-typography-adg3/theme.js

@@ -95,6 +95,16 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
+      lg: {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize16',
+          lineHeight: 'LineHeight300',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
       sm: {
         value: {
           fontWeight: 'FontWeight400',
@@ -111,7 +121,7 @@ const typography = {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize14',
-          lineHeight: 'LineHeight100',
+          lineHeight: 'LineHeight1',
           fontFamily: 'FontFamilyWebSans',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
@@ -121,7 +131,7 @@ const typography = {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'LegacyFontSize11',
-          lineHeight: 'LineHeight100',
+          lineHeight: 'LineHeight1',
           fontFamily: 'FontFamilyWebSans',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'

package/dist/es2019/tokens/atlassian-typography-minor3/theme.js

@@ -95,6 +95,16 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
+      lg: {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize16',
+          lineHeight: 'LineHeight300',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
       sm: {
         value: {
           fontWeight: 'FontWeight400',