@atlaskit/tokens 0.10.25 → 0.10.27

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

@@ -26,7 +26,7 @@ var shadow = {
             x: 0,
             y: 1
           },
-          color: 'DN-100A',
+          color: 'DarkNeutral-100A',
           // This opacity overrides the color alpha.
           opacity: 0.5
         }, {
@@ -35,7 +35,7 @@ var shadow = {
             x: 0,
             y: 0
           },
-          color: 'DN-100A',
+          color: 'DarkNeutral-100A',
           // This opacity overrides the color alpha.
           opacity: 0.5
         }]
@@ -67,7 +67,7 @@ var shadow = {
         value: [{
           radius: 0,
           spread: 1,
-          color: 'DN100A',
+          color: 'DarkNeutral100A',
           offset: {
             x: 0,
             y: 0
@@ -80,7 +80,7 @@ var shadow = {
             x: 0,
             y: 8
           },
-          color: 'DN-100A',
+          color: 'DarkNeutral-100A',
           // This opacity overrides the color alpha.
           opacity: 0.36
         }, {
@@ -89,7 +89,7 @@ var shadow = {
             x: 0,
             y: 0
           },
-          color: 'DN-100A',
+          color: 'DarkNeutral-100A',
           // This opacity overrides the color alpha.
           opacity: 0.5
         }]

package/dist/cjs/tokens/atlassian-dark/elevation/surface.js

@@ -9,38 +9,38 @@ var elevation = {
     surface: {
       '[default]': {
         '[default]': {
-          value: 'DN0'
+          value: 'DarkNeutral0'
         },
         hovered: {
-          value: 'DN100'
+          value: 'DarkNeutral100'
         },
         pressed: {
-          value: 'DN200'
+          value: 'DarkNeutral200'
         }
       },
       sunken: {
-        value: 'DN-100'
+        value: 'DarkNeutral-100'
       },
       raised: {
         '[default]': {
-          value: 'DN100'
+          value: 'DarkNeutral100'
         },
         hovered: {
-          value: 'DN200'
+          value: 'DarkNeutral200'
         },
         pressed: {
-          value: 'DN300'
+          value: 'DarkNeutral300'
         }
       },
       overlay: {
         '[default]': {
-          value: 'DN200'
+          value: 'DarkNeutral200'
         },
         hovered: {
-          value: 'DN300'
+          value: 'DarkNeutral300'
         },
         pressed: {
-          value: 'DN400'
+          value: 'DarkNeutral400'
         }
       }
     }

package/dist/cjs/tokens/atlassian-legacy-dark/color/background.js

@@ -10,11 +10,11 @@ var color = {
       '[default]': {
         value: 'DN90A'
       },
-      // @ts-ignore temporary value (B600 8% opacity)
+      // @ts-ignore temporary value (Blue600 8% opacity)
       selected: {
         value: '#1D7AFC14'
       },
-      // @ts-ignore temporary value (R600 8% opacity)
+      // @ts-ignore temporary value (Red600 8% opacity)
       danger: {
         value: '#E3493514'
       }

package/dist/cjs/tokens/atlassian-legacy-light/color/background.js

@@ -10,11 +10,11 @@ var color = {
       '[default]': {
         value: 'N100A'
       },
-      // @ts-ignore temporary value (B500 8% opacity)
+      // @ts-ignore temporary value (Blue500 8% opacity)
       selected: {
         value: '#388BFF14'
       },
-      // @ts-ignore temporary value (R500 8% opacity)
+      // @ts-ignore temporary value (Red500 8% opacity)
       danger: {
         value: '#EF5C4814'
       }

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

@@ -10,74 +10,74 @@ var color = {
       accent: {
         blue: {
           '[default]': {
-            value: 'B800'
+            value: 'Blue800'
           },
           bolder: {
-            value: 'B900'
+            value: 'Blue900'
           }
         },
         red: {
           '[default]': {
-            value: 'R800'
+            value: 'Red800'
           },
           bolder: {
-            value: 'R900'
+            value: 'Red900'
           }
         },
         orange: {
           '[default]': {
-            value: 'O800'
+            value: 'Orange800'
           },
           bolder: {
-            value: 'O900'
+            value: 'Orange900'
           }
         },
         yellow: {
           '[default]': {
-            value: 'Y800'
+            value: 'Yellow800'
           },
           bolder: {
-            value: 'Y900'
+            value: 'Yellow900'
           }
         },
         green: {
           '[default]': {
-            value: 'G800'
+            value: 'Green800'
           },
           bolder: {
-            value: 'G900'
+            value: 'Green900'
           }
         },
         purple: {
           '[default]': {
-            value: 'P800'
+            value: 'Purple800'
           },
           bolder: {
-            value: 'P900'
+            value: 'Purple900'
           }
         },
         teal: {
           '[default]': {
-            value: 'T800'
+            value: 'Teal800'
           },
           bolder: {
-            value: 'T900'
+            value: 'Teal900'
           }
         },
         magenta: {
           '[default]': {
-            value: 'M800'
+            value: 'Magenta800'
           },
           bolder: {
-            value: 'M900'
+            value: 'Magenta900'
           }
         },
         gray: {
           '[default]': {
-            value: 'N800'
+            value: 'Neutral800'
           },
           bolder: {
-            value: 'N1000'
+            value: 'Neutral1000'
           }
         }
       }
@@ -85,62 +85,62 @@ var color = {
     icon: {
       accent: {
         blue: {
-          value: 'B600'
+          value: 'Blue600'
         },
         red: {
-          value: 'R600'
+          value: 'Red600'
         },
         orange: {
-          value: 'O600'
+          value: 'Orange600'
         },
         yellow: {
-          value: 'Y600'
+          value: 'Yellow600'
         },
         green: {
-          value: 'G600'
+          value: 'Green600'
         },
         purple: {
-          value: 'P600'
+          value: 'Purple600'
         },
         teal: {
-          value: 'T600'
+          value: 'Teal600'
         },
         magenta: {
-          value: 'M600'
+          value: 'Magenta600'
         },
         gray: {
-          value: 'N600'
+          value: 'Neutral600'
         }
       }
     },
     border: {
       accent: {
         blue: {
-          value: 'B600'
+          value: 'Blue600'
         },
         red: {
-          value: 'R600'
+          value: 'Red600'
         },
         orange: {
-          value: 'O600'
+          value: 'Orange600'
         },
         yellow: {
-          value: 'Y600'
+          value: 'Yellow600'
         },
         green: {
-          value: 'G600'
+          value: 'Green600'
         },
         purple: {
-          value: 'P600'
+          value: 'Purple600'
         },
         teal: {
-          value: 'T600'
+          value: 'Teal600'
         },
         magenta: {
-          value: 'M600'
+          value: 'Magenta600'
         },
         gray: {
-          value: 'N600'
+          value: 'Neutral600'
         }
       }
     },
@@ -148,128 +148,128 @@ var color = {
       accent: {
         blue: {
           subtlest: {
-            value: 'B100'
+            value: 'Blue100'
           },
           subtler: {
-            value: 'B200'
+            value: 'Blue200'
           },
           subtle: {
-            value: 'B400'
+            value: 'Blue400'
           },
           bolder: {
-            value: 'B700'
+            value: 'Blue700'
           }
         },
         red: {
           subtlest: {
-            value: 'R100'
+            value: 'Red100'
           },
           subtler: {
-            value: 'R200'
+            value: 'Red200'
           },
           subtle: {
-            value: 'R400'
+            value: 'Red400'
           },
           bolder: {
-            value: 'R700'
+            value: 'Red700'
           }
         },
         orange: {
           subtlest: {
-            value: 'O100'
+            value: 'Orange100'
           },
           subtler: {
-            value: 'O200'
+            value: 'Orange200'
           },
           subtle: {
-            value: 'O400'
+            value: 'Orange400'
           },
           bolder: {
-            value: 'O700'
+            value: 'Orange700'
           }
         },
         yellow: {
           subtlest: {
-            value: 'Y100'
+            value: 'Yellow100'
           },
           subtler: {
-            value: 'Y200'
+            value: 'Yellow200'
           },
           subtle: {
-            value: 'Y400'
+            value: 'Yellow400'
           },
           bolder: {
-            value: 'Y700'
+            value: 'Yellow700'
           }
         },
         green: {
           subtlest: {
-            value: 'G100'
+            value: 'Green100'
           },
           subtler: {
-            value: 'G200'
+            value: 'Green200'
           },
           subtle: {
-            value: 'G400'
+            value: 'Green400'
           },
           bolder: {
-            value: 'G700'
+            value: 'Green700'
           }
         },
         purple: {
           subtlest: {
-            value: 'P100'
+            value: 'Purple100'
           },
           subtler: {
-            value: 'P200'
+            value: 'Purple200'
           },
           subtle: {
-            value: 'P400'
+            value: 'Purple400'
           },
           bolder: {
-            value: 'P700'
+            value: 'Purple700'
           }
         },
         teal: {
           subtlest: {
-            value: 'T100'
+            value: 'Teal100'
           },
           subtler: {
-            value: 'T200'
+            value: 'Teal200'
           },
           subtle: {
-            value: 'T400'
+            value: 'Teal400'
           },
           bolder: {
-            value: 'T700'
+            value: 'Teal700'
           }
         },
         magenta: {
           subtlest: {
-            value: 'M100'
+            value: 'Magenta100'
           },
           subtler: {
-            value: 'M200'
+            value: 'Magenta200'
           },
           subtle: {
-            value: 'M400'
+            value: 'Magenta400'
           },
           bolder: {
-            value: 'M700'
+            value: 'Magenta700'
           }
         },
         gray: {
           subtlest: {
-            value: 'N200'
+            value: 'Neutral200'
           },
           subtler: {
-            value: 'N300'
+            value: 'Neutral300'
           },
           subtle: {
-            value: 'N500'
+            value: 'Neutral500'
           },
           bolder: {
-            value: 'N700'
+            value: 'Neutral700'
           }
         }
       }