@atlaskit/tokens 0.10.25 → 0.10.27

package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js

@@ -8,199 +8,199 @@ var color = {
   color: {
     accent: {
       boldBlue: {
-        value: 'B400'
+        value: 'Blue400'
       },
       boldGreen: {
-        value: 'G400'
+        value: 'Green400'
       },
       boldOrange: {
-        value: 'O400'
+        value: 'Orange400'
       },
       boldPurple: {
-        value: 'P400'
+        value: 'Purple400'
       },
       boldRed: {
-        value: 'R400'
+        value: 'Red400'
       },
       boldTeal: {
-        value: 'T400'
+        value: 'Teal400'
       },
       subtleBlue: {
-        value: 'B200'
+        value: 'Blue200'
       },
       subtleGreen: {
-        value: 'G200'
+        value: 'Green200'
       },
       subtleMagenta: {
-        value: 'M200'
+        value: 'Magenta200'
       },
       subtleOrange: {
-        value: 'O200'
+        value: 'Orange200'
       },
       subtlePurple: {
-        value: 'P200'
+        value: 'Purple200'
       },
       subtleRed: {
-        value: 'R200'
+        value: 'Red200'
       },
       subtleTeal: {
-        value: 'T200'
+        value: 'Teal200'
       }
     },
     background: {
       accent: {
         blue: {
           '[default]': {
-            value: 'B200'
+            value: 'Blue200'
           },
           bold: {
-            value: 'B400'
+            value: 'Blue400'
           }
         },
         red: {
           '[default]': {
-            value: 'R200'
+            value: 'Red200'
           },
           bold: {
-            value: 'R400'
+            value: 'Red400'
           }
         },
         orange: {
           '[default]': {
-            value: 'O200'
+            value: 'Orange200'
           },
           bold: {
-            value: 'O400'
+            value: 'Orange400'
           }
         },
         yellow: {
           '[default]': {
-            value: 'Y200'
+            value: 'Yellow200'
           },
           bold: {
-            value: 'Y400'
+            value: 'Yellow400'
           }
         },
         green: {
           '[default]': {
-            value: 'G200'
+            value: 'Green200'
           },
           bold: {
-            value: 'G400'
+            value: 'Green400'
           }
         },
         purple: {
           '[default]': {
-            value: 'P200'
+            value: 'Purple200'
           },
           bold: {
-            value: 'P400'
+            value: 'Purple400'
           }
         },
         teal: {
           '[default]': {
-            value: 'T200'
+            value: 'Teal200'
           },
           bold: {
-            value: 'T400'
+            value: 'Teal400'
           }
         },
         magenta: {
           '[default]': {
-            value: 'M200'
+            value: 'Magenta200'
           },
           bold: {
-            value: 'M400'
+            value: 'Magenta400'
           }
         }
       },
       blanket: {
-        value: 'N500A'
+        value: 'Neutral500A'
       },
       brand: {
         '[default]': {
           '[default]': {
-            value: 'B100'
+            value: 'Blue100'
           },
           hovered: {
-            value: 'B200'
+            value: 'Blue200'
           },
           pressed: {
-            value: 'B300'
+            value: 'Blue300'
           }
         }
       },
       boldBrand: {
         resting: {
-          value: 'B700'
+          value: 'Blue700'
         },
         hover: {
-          value: 'B800'
+          value: 'Blue800'
         },
         pressed: {
-          value: 'B900'
+          value: 'Blue900'
         }
       },
       boldDanger: {
         resting: {
-          value: 'R700'
+          value: 'Red700'
         },
         hover: {
-          value: 'R800'
+          value: 'Red800'
         },
         pressed: {
-          value: 'R900'
+          value: 'Red900'
         }
       },
       boldDiscovery: {
         resting: {
-          value: 'P700'
+          value: 'Purple700'
         },
         hover: {
-          value: 'P800'
+          value: 'Purple800'
         },
         pressed: {
-          value: 'P900'
+          value: 'Purple900'
         }
       },
       boldNeutral: {
         resting: {
-          value: 'N800'
+          value: 'Neutral800'
         },
         hover: {
-          value: 'N900'
+          value: 'Neutral900'
         },
         pressed: {
-          value: 'N1000'
+          value: 'Neutral1000'
         }
       },
       boldSuccess: {
         resting: {
-          value: 'G700'
+          value: 'Green700'
         },
         hover: {
-          value: 'G800'
+          value: 'Green800'
         },
         pressed: {
-          value: 'G900'
+          value: 'Green900'
         }
       },
       boldWarning: {
         resting: {
-          value: 'Y400'
+          value: 'Yellow400'
         },
         hover: {
-          value: 'Y500'
+          value: 'Yellow500'
         },
         pressed: {
-          value: 'Y600'
+          value: 'Yellow600'
         }
       },
       default: {
-        value: 'N0'
+        value: 'Neutral0'
       },
       card: {
-        value: 'N0'
+        value: 'Neutral0'
       },
       inverse: {
         // @ts-ignore temporary until a palette colour exists for it
@@ -209,158 +209,158 @@ var color = {
         }
       },
       overlay: {
-        value: 'N0'
+        value: 'Neutral0'
       },
       selected: {
         resting: {
-          value: 'B100'
+          value: 'Blue100'
         },
         hover: {
-          value: 'B200'
+          value: 'Blue200'
         }
       },
       subtleBorderedNeutral: {
         resting: {
-          value: 'N100A'
+          value: 'Neutral100A'
         },
         pressed: {
-          value: 'N200A'
+          value: 'Neutral200A'
         }
       },
       subtleBrand: {
         resting: {
-          value: 'B100'
+          value: 'Blue100'
         },
         hover: {
-          value: 'B200'
+          value: 'Blue200'
         },
         pressed: {
-          value: 'B300'
+          value: 'Blue300'
         }
       },
       subtleDanger: {
         resting: {
-          value: 'R100'
+          value: 'Red100'
         },
         hover: {
-          value: 'R200'
+          value: 'Red200'
         },
         pressed: {
-          value: 'R300'
+          value: 'Red300'
         }
       },
       subtleDiscovery: {
         resting: {
-          value: 'P100'
+          value: 'Purple100'
         },
         hover: {
-          value: 'P200'
+          value: 'Purple200'
         },
         pressed: {
-          value: 'P300'
+          value: 'Purple300'
         }
       },
       subtleNeutral: {
         resting: {
-          value: 'N200A'
+          value: 'Neutral200A'
         },
         hover: {
-          value: 'N300A'
+          value: 'Neutral300A'
         },
         pressed: {
-          value: 'N400A'
+          value: 'Neutral400A'
         }
       },
       subtleSuccess: {
         resting: {
-          value: 'G100'
+          value: 'Green100'
         },
         hover: {
-          value: 'G200'
+          value: 'Green200'
         },
         pressed: {
-          value: 'G300'
+          value: 'Green300'
         }
       },
       subtleWarning: {
         resting: {
-          value: 'Y100'
+          value: 'Yellow100'
         },
         hover: {
-          value: 'Y200'
+          value: 'Yellow200'
         },
         pressed: {
-          value: 'Y300'
+          value: 'Yellow300'
         }
       },
       sunken: {
-        value: 'N100A'
+        value: 'Neutral100A'
       },
       transparentNeutral: {
         hover: {
-          value: 'N200A'
+          value: 'Neutral200A'
         },
         pressed: {
-          value: 'N300A'
+          value: 'Neutral300A'
         }
       }
     },
     text: {
       highEmphasis: {
-        value: 'N1000'
+        value: 'Neutral1000'
       },
       mediumEmphasis: {
-        value: 'N800'
+        value: 'Neutral800'
       },
       lowEmphasis: {
-        value: 'N700'
+        value: 'Neutral700'
       },
       link: {
         resting: {
-          value: 'B700'
+          value: 'Blue700'
         },
         pressed: {
-          value: 'B800'
+          value: 'Blue800'
         }
       },
       onBold: {
-        value: 'N0'
+        value: 'Neutral0'
       },
       onBoldWarning: {
-        value: 'N1000'
+        value: 'Neutral1000'
       }
     },
     border: {
       focus: {
-        value: 'B500'
+        value: 'Blue500'
       },
       neutral: {
-        value: 'N300A'
+        value: 'Neutral300A'
       }
     },
     iconBorder: {
       brand: {
-        value: 'B600'
+        value: 'Blue600'
       },
       danger: {
-        value: 'R600'
+        value: 'Red600'
       },
       warning: {
-        value: 'O600'
+        value: 'Orange600'
       },
       success: {
-        value: 'G600'
+        value: 'Green600'
       },
       discovery: {
-        value: 'P600'
+        value: 'Purple600'
       }
     },
     overlay: {
       hover: {
-        value: 'N400A'
+        value: 'Neutral400A'
       },
       pressed: {
-        value: 'N500A'
+        value: 'Neutral500A'
       }
     },
     interaction: {
@@ -384,7 +384,7 @@ var color = {
           x: 0,
           y: 1
         },
-        color: 'N1100',
+        color: 'Neutral1100',
         opacity: 0.25
       }, {
         radius: 1,
@@ -392,7 +392,7 @@ var color = {
           x: 0,
           y: 0
         },
-        color: 'N1100',
+        color: 'Neutral1100',
         opacity: 0.31
       }]
     },
@@ -403,7 +403,7 @@ var color = {
           x: 0,
           y: 8
         },
-        color: 'N1100',
+        color: 'Neutral1100',
         opacity: 0.15
       }, {
         radius: 1,
@@ -411,7 +411,7 @@ var color = {
           x: 0,
           y: 0
         },
-        color: 'N1100',
+        color: 'Neutral1100',
         opacity: 0.31
       }]
     }

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

@@ -14,7 +14,7 @@ var shadow = {
             x: 0,
             y: 1
           },
-          color: 'N1100',
+          color: 'Neutral1100',
           opacity: 0.25
         }, {
           radius: 1,
@@ -22,7 +22,7 @@ var shadow = {
             x: 0,
             y: 0
           },
-          color: 'N1100',
+          color: 'Neutral1100',
           opacity: 0.31
         }]
       },
@@ -33,7 +33,7 @@ var shadow = {
             x: 0,
             y: 8
           },
-          color: 'N1100',
+          color: 'Neutral1100',
           opacity: 0.08
         }, {
           radius: 1,
@@ -41,7 +41,7 @@ var shadow = {
             x: 0,
             y: 0
           },
-          color: 'N1100',
+          color: 'Neutral1100',
           opacity: 0.12
         }]
       },
@@ -52,7 +52,7 @@ var shadow = {
             x: 0,
             y: 8
           },
-          color: 'N1100',
+          color: 'Neutral1100',
           opacity: 0.15
         }, {
           radius: 1,
@@ -60,7 +60,7 @@ var shadow = {
             x: 0,
             y: 0
           },
-          color: 'N1100',
+          color: 'Neutral1100',
           opacity: 0.31
         }]
       }

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

@@ -9,38 +9,38 @@ var elevation = {
     surface: {
       '[default]': {
         '[default]': {
-          value: 'N0'
+          value: 'Neutral0'
         },
         hovered: {
-          value: 'N200'
+          value: 'Neutral200'
         },
         pressed: {
-          value: 'N300'
+          value: 'Neutral300'
         }
       },
       sunken: {
-        value: 'N100'
+        value: 'Neutral100'
       },
       raised: {
         '[default]': {
-          value: 'N0'
+          value: 'Neutral0'
         },
         hovered: {
-          value: 'N200'
+          value: 'Neutral200'
         },
         pressed: {
-          value: 'N300'
+          value: 'Neutral300'
         }
       },
       overlay: {
         '[default]': {
-          value: 'N0'
+          value: 'Neutral0'
         },
         hovered: {
-          value: 'N200'
+          value: 'Neutral200'
         },
         pressed: {
-          value: 'N300'
+          value: 'Neutral300'
         }
       }
     }

package/dist/cjs/tokens/atlassian-spacing/spacing.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var spacing = {
+  spacing: {
+    container: {
+      gutter: {
+        value: 'Space100'
+      }
+    },
+    scale: {
+      '0': {
+        value: 'Space0'
+      },
+      '025': {
+        value: 'Space025'
+      },
+      '050': {
+        value: 'Space050'
+      },
+      '075': {
+        value: 'Space075'
+      },
+      '100': {
+        value: 'Space100'
+      },
+      '150': {
+        value: 'Space150'
+      },
+      '200': {
+        value: 'Space200'
+      },
+      '250': {
+        value: 'Space250'
+      },
+      '300': {
+        value: 'Space300'
+      },
+      '400': {
+        value: 'Space400'
+      },
+      '500': {
+        value: 'Space500'
+      },
+      '600': {
+        value: 'Space600'
+      }
+    }
+  }
+};
+var _default = spacing;
+exports.default = _default;