@atlaskit/tokens 1.18.0 → 1.20.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'
+            }
           }
         }
       }