@atlaskit/tokens 0.10.24 → 0.10.26

package/dist/es2019/tokens/atlassian-dark/color/icon.js

@@ -2,42 +2,42 @@ const color = {
   color: {
     icon: {
       '[default]': {
-        value: 'DN800'
+        value: 'DarkNeutral800'
       },
       subtle: {
-        value: 'DN700'
+        value: 'DarkNeutral700'
       },
       inverse: {
-        value: 'DN0'
+        value: 'DarkNeutral0'
       },
       disabled: {
-        value: 'DN400A'
+        value: 'DarkNeutral400A'
       },
       brand: {
-        value: 'B400'
+        value: 'Blue400'
       },
       selected: {
-        value: 'B400'
+        value: 'Blue400'
       },
       danger: {
-        value: 'R500'
+        value: 'Red500'
       },
       warning: {
         '[default]': {
-          value: 'Y500'
+          value: 'Yellow500'
         },
         inverse: {
-          value: 'DN0'
+          value: 'DarkNeutral0'
         }
       },
       success: {
-        value: 'G500'
+        value: 'Green500'
       },
       discovery: {
-        value: 'P500'
+        value: 'Purple500'
       },
       information: {
-        value: 'B500'
+        value: 'Blue500'
       }
     }
   }

package/dist/es2019/tokens/atlassian-dark/color/skeleton.js

@@ -2,10 +2,10 @@ const color = {
   color: {
     skeleton: {
       '[default]': {
-        value: 'DN200A'
+        value: 'DarkNeutral200A'
       },
       subtle: {
-        value: 'DN100A'
+        value: 'DarkNeutral100A'
       }
     }
   }

package/dist/es2019/tokens/atlassian-dark/color/text.js

@@ -2,53 +2,53 @@ const color = {
   color: {
     text: {
       '[default]': {
-        value: 'DN1000'
+        value: 'DarkNeutral1000'
       },
       subtle: {
-        value: 'DN800'
+        value: 'DarkNeutral800'
       },
       subtlest: {
-        value: 'DN700'
+        value: 'DarkNeutral700'
       },
       inverse: {
-        value: 'DN0'
+        value: 'DarkNeutral0'
       },
       disabled: {
-        value: 'DN400A'
+        value: 'DarkNeutral400A'
       },
       brand: {
-        value: 'B400'
+        value: 'Blue400'
       },
       selected: {
-        value: 'B400'
+        value: 'Blue400'
       },
       danger: {
-        value: 'R300'
+        value: 'Red300'
       },
       warning: {
         '[default]': {
-          value: 'Y300'
+          value: 'Yellow300'
         },
         inverse: {
-          value: 'DN0'
+          value: 'DarkNeutral0'
         }
       },
       success: {
-        value: 'G300'
+        value: 'Green300'
       },
       information: {
-        value: 'B300'
+        value: 'Blue300'
       },
       discovery: {
-        value: 'P300'
+        value: 'Purple300'
       }
     },
     link: {
       '[default]': {
-        value: 'B400'
+        value: 'Blue400'
       },
       pressed: {
-        value: 'B300'
+        value: 'Blue300'
       }
     }
   }

package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js

@@ -2,199 +2,199 @@ const color = {
   color: {
     accent: {
       boldBlue: {
-        value: 'B700'
+        value: 'Blue700'
       },
       boldGreen: {
-        value: 'G700'
+        value: 'Green700'
       },
       boldOrange: {
-        value: 'O700'
+        value: 'Orange700'
       },
       boldPurple: {
-        value: 'P700'
+        value: 'Purple700'
       },
       boldRed: {
-        value: 'R700'
+        value: 'Red700'
       },
       boldTeal: {
-        value: 'T700'
+        value: 'Teal700'
       },
       subtleBlue: {
-        value: 'B900'
+        value: 'Blue900'
       },
       subtleGreen: {
-        value: 'G900'
+        value: 'Green900'
       },
       subtleMagenta: {
-        value: 'M900'
+        value: 'Magenta900'
       },
       subtleOrange: {
-        value: 'O900'
+        value: 'Orange900'
       },
       subtlePurple: {
-        value: 'P900'
+        value: 'Purple900'
       },
       subtleRed: {
-        value: 'R900'
+        value: 'Red900'
       },
       subtleTeal: {
-        value: 'T900'
+        value: 'Teal900'
       }
     },
     background: {
       accent: {
         blue: {
           '[default]': {
-            value: 'B900'
+            value: 'Blue900'
           },
           bold: {
-            value: 'B700'
+            value: 'Blue700'
           }
         },
         red: {
           '[default]': {
-            value: 'R900'
+            value: 'Red900'
           },
           bold: {
-            value: 'R700'
+            value: 'Red700'
           }
         },
         orange: {
           '[default]': {
-            value: 'O900'
+            value: 'Orange900'
           },
           bold: {
-            value: 'O700'
+            value: 'Orange700'
           }
         },
         yellow: {
           '[default]': {
-            value: 'Y900'
+            value: 'Yellow900'
           },
           bold: {
-            value: 'Y700'
+            value: 'Yellow700'
           }
         },
         green: {
           '[default]': {
-            value: 'G900'
+            value: 'Green900'
           },
           bold: {
-            value: 'G700'
+            value: 'Green700'
           }
         },
         purple: {
           '[default]': {
-            value: 'P900'
+            value: 'Purple900'
           },
           bold: {
-            value: 'P700'
+            value: 'Purple700'
           }
         },
         teal: {
           '[default]': {
-            value: 'T900'
+            value: 'Teal900'
           },
           bold: {
-            value: 'T700'
+            value: 'Teal700'
           }
         },
         magenta: {
           '[default]': {
-            value: 'M900'
+            value: 'Magenta900'
           },
           bold: {
-            value: 'M700'
+            value: 'Magenta700'
           }
         }
       },
       blanket: {
-        value: 'DN-100A'
+        value: 'DarkNeutral-100A'
       },
       brand: {
         '[default]': {
           '[default]': {
-            value: 'B1000'
+            value: 'Blue1000'
           },
           hovered: {
-            value: 'B900'
+            value: 'Blue900'
           },
           pressed: {
-            value: 'B800'
+            value: 'Blue800'
           }
         }
       },
       boldBrand: {
         resting: {
-          value: 'B400'
+          value: 'Blue400'
         },
         hover: {
-          value: 'B300'
+          value: 'Blue300'
         },
         pressed: {
-          value: 'B200'
+          value: 'Blue200'
         }
       },
       boldDanger: {
         resting: {
-          value: 'R400'
+          value: 'Red400'
         },
         hover: {
-          value: 'R300'
+          value: 'Red300'
         },
         pressed: {
-          value: 'R200'
+          value: 'Red200'
         }
       },
       boldDiscovery: {
         resting: {
-          value: 'P400'
+          value: 'Purple400'
         },
         hover: {
-          value: 'P300'
+          value: 'Purple300'
         },
         pressed: {
-          value: 'P200'
+          value: 'Purple200'
         }
       },
       boldNeutral: {
         resting: {
-          value: 'DN800'
+          value: 'DarkNeutral800'
         },
         hover: {
-          value: 'DN900'
+          value: 'DarkNeutral900'
         },
         pressed: {
-          value: 'DN1000'
+          value: 'DarkNeutral1000'
         }
       },
       boldSuccess: {
         resting: {
-          value: 'G400'
+          value: 'Green400'
         },
         hover: {
-          value: 'G300'
+          value: 'Green300'
         },
         pressed: {
-          value: 'G200'
+          value: 'Green200'
         }
       },
       boldWarning: {
         resting: {
-          value: 'Y400'
+          value: 'Yellow400'
         },
         hover: {
-          value: 'Y300'
+          value: 'Yellow300'
         },
         pressed: {
-          value: 'Y200'
+          value: 'Yellow200'
         }
       },
       default: {
-        value: 'DN0'
+        value: 'DarkNeutral0'
       },
       card: {
-        value: 'DN100'
+        value: 'DarkNeutral100'
       },
       inverse: {
         // @ts-ignore temporary until a palette colour exists for it
@@ -203,158 +203,158 @@ const color = {
         }
       },
       overlay: {
-        value: 'DN200'
+        value: 'DarkNeutral200'
       },
       selected: {
         resting: {
-          value: 'DN200A'
+          value: 'DarkNeutral200A'
         },
         hover: {
-          value: 'DN300A'
+          value: 'DarkNeutral300A'
         }
       },
       subtleBorderedNeutral: {
         resting: {
-          value: 'DN100A'
+          value: 'DarkNeutral100A'
         },
         pressed: {
-          value: 'DN200A'
+          value: 'DarkNeutral200A'
         }
       },
       subtleBrand: {
         resting: {
-          value: 'B1000'
+          value: 'Blue1000'
         },
         hover: {
-          value: 'B900'
+          value: 'Blue900'
         },
         pressed: {
-          value: 'B800'
+          value: 'Blue800'
         }
       },
       subtleDanger: {
         resting: {
-          value: 'R1000'
+          value: 'Red1000'
         },
         hover: {
-          value: 'R900'
+          value: 'Red900'
         },
         pressed: {
-          value: 'R800'
+          value: 'Red800'
         }
       },
       subtleDiscovery: {
         resting: {
-          value: 'P1000'
+          value: 'Purple1000'
         },
         hover: {
-          value: 'P900'
+          value: 'Purple900'
         },
         pressed: {
-          value: 'P800'
+          value: 'Purple800'
         }
       },
       subtleNeutral: {
         resting: {
-          value: 'DN200A'
+          value: 'DarkNeutral200A'
         },
         hover: {
-          value: 'DN300A'
+          value: 'DarkNeutral300A'
         },
         pressed: {
-          value: 'DN400A'
+          value: 'DarkNeutral400A'
         }
       },
       subtleSuccess: {
         resting: {
-          value: 'G1000'
+          value: 'Green1000'
         },
         hover: {
-          value: 'G900'
+          value: 'Green900'
         },
         pressed: {
-          value: 'G800'
+          value: 'Green800'
         }
       },
       subtleWarning: {
         resting: {
-          value: 'Y1000'
+          value: 'Yellow1000'
         },
         hover: {
-          value: 'Y900'
+          value: 'Yellow900'
         },
         pressed: {
-          value: 'Y800'
+          value: 'Yellow800'
         }
       },
       sunken: {
-        value: 'DN-100A'
+        value: 'DarkNeutral-100A'
       },
       transparentNeutral: {
         hover: {
-          value: 'DN200A'
+          value: 'DarkNeutral200A'
         },
         pressed: {
-          value: 'DN300A'
+          value: 'DarkNeutral300A'
         }
       }
     },
     text: {
       highEmphasis: {
-        value: 'DN1000'
+        value: 'DarkNeutral1000'
       },
       mediumEmphasis: {
-        value: 'DN800'
+        value: 'DarkNeutral800'
       },
       lowEmphasis: {
-        value: 'DN700'
+        value: 'DarkNeutral700'
       },
       link: {
         resting: {
-          value: 'B400'
+          value: 'Blue400'
         },
         pressed: {
-          value: 'B300'
+          value: 'Blue300'
         }
       },
       onBold: {
-        value: 'DN0'
+        value: 'DarkNeutral0'
       },
       onBoldWarning: {
-        value: 'DN0'
+        value: 'DarkNeutral0'
       }
     },
     border: {
       focus: {
-        value: 'B300'
+        value: 'Blue300'
       },
       neutral: {
-        value: 'DN300A'
+        value: 'DarkNeutral300A'
       }
     },
     iconBorder: {
       brand: {
-        value: 'B500'
+        value: 'Blue500'
       },
       danger: {
-        value: 'R500'
+        value: 'Red500'
       },
       warning: {
-        value: 'Y500'
+        value: 'Yellow500'
       },
       success: {
-        value: 'G500'
+        value: 'Green500'
       },
       discovery: {
-        value: 'P500'
+        value: 'Purple500'
       }
     },
     overlay: {
       hover: {
-        value: 'DN400A'
+        value: 'DarkNeutral400A'
       },
       pressed: {
-        value: 'DN500A'
+        value: 'DarkNeutral500A'
       }
     },
     interaction: {
@@ -378,7 +378,7 @@ const color = {
           x: 0,
           y: 1
         },
-        color: 'DN-100A',
+        color: 'DarkNeutral-100A',
         // This opacity overrides the color alpha.
         opacity: 0.5
       }, {
@@ -387,7 +387,7 @@ const color = {
           x: 0,
           y: 0
         },
-        color: 'DN-100A',
+        color: 'DarkNeutral-100A',
         // This opacity overrides the color alpha.
         opacity: 0.5
       }]
@@ -396,7 +396,7 @@ const color = {
       value: [{
         radius: 0,
         spread: 1,
-        color: 'DN100A',
+        color: 'DarkNeutral100A',
         offset: {
           x: 0,
           y: 0
@@ -409,7 +409,7 @@ const color = {
           x: 0,
           y: 8
         },
-        color: 'DN-100A',
+        color: 'DarkNeutral-100A',
         // This opacity overrides the color alpha.
         opacity: 0.36
       }, {
@@ -418,7 +418,7 @@ const color = {
           x: 0,
           y: 0
         },
-        color: 'DN-100A',
+        color: 'DarkNeutral-100A',
         // This opacity overrides the color alpha.
         opacity: 0.5
       }]

package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js

@@ -20,7 +20,7 @@ const shadow = {
             x: 0,
             y: 1
           },
-          color: 'DN-100A',
+          color: 'DarkNeutral-100A',
           // This opacity overrides the color alpha.
           opacity: 0.5
         }, {
@@ -29,7 +29,7 @@ const shadow = {
             x: 0,
             y: 0
           },
-          color: 'DN-100A',
+          color: 'DarkNeutral-100A',
           // This opacity overrides the color alpha.
           opacity: 0.5
         }]
@@ -61,7 +61,7 @@ const shadow = {
         value: [{
           radius: 0,
           spread: 1,
-          color: 'DN100A',
+          color: 'DarkNeutral100A',
           offset: {
             x: 0,
             y: 0
@@ -74,7 +74,7 @@ const shadow = {
             x: 0,
             y: 8
           },
-          color: 'DN-100A',
+          color: 'DarkNeutral-100A',
           // This opacity overrides the color alpha.
           opacity: 0.36
         }, {
@@ -83,7 +83,7 @@ const shadow = {
             x: 0,
             y: 0
           },
-          color: 'DN-100A',
+          color: 'DarkNeutral-100A',
           // This opacity overrides the color alpha.
           opacity: 0.5
         }]