@atlaskit/tokens 0.10.25 → 0.10.27

package/dist/esm/palettes/spacing-scale.js

@@ -0,0 +1,79 @@
+var scale = {
+  spacing: {
+    scale: {
+      Space0: {
+        value: '0',
+        attributes: {
+          group: 'scale'
+        }
+      },
+      Space025: {
+        value: '2px',
+        attributes: {
+          group: 'scale'
+        }
+      },
+      Space050: {
+        value: '4px',
+        attributes: {
+          group: 'scale'
+        }
+      },
+      Space075: {
+        value: '6px',
+        attributes: {
+          group: 'scale'
+        }
+      },
+      Space100: {
+        value: '8px',
+        attributes: {
+          group: 'scale'
+        }
+      },
+      Space150: {
+        value: '12px',
+        attributes: {
+          group: 'scale'
+        }
+      },
+      Space200: {
+        value: '16px',
+        attributes: {
+          group: 'scale'
+        }
+      },
+      Space250: {
+        value: '20px',
+        attributes: {
+          group: 'scale'
+        }
+      },
+      Space300: {
+        value: '24px',
+        attributes: {
+          group: 'scale'
+        }
+      },
+      Space400: {
+        value: '32px',
+        attributes: {
+          group: 'scale'
+        }
+      },
+      Space500: {
+        value: '40px',
+        attributes: {
+          group: 'scale'
+        }
+      },
+      Space600: {
+        value: '48px',
+        attributes: {
+          group: 'scale'
+        }
+      }
+    }
+  }
+};
+export default scale;

package/dist/esm/tokens/atlassian-dark/color/accent.js

@@ -4,74 +4,74 @@ var color = {
       accent: {
         blue: {
           '[default]': {
-            value: 'B300'
+            value: 'Blue300'
           },
           bolder: {
-            value: 'B200'
+            value: 'Blue200'
           }
         },
         red: {
           '[default]': {
-            value: 'R300'
+            value: 'Red300'
           },
           bolder: {
-            value: 'R200'
+            value: 'Red200'
           }
         },
         orange: {
           '[default]': {
-            value: 'O300'
+            value: 'Orange300'
           },
           bolder: {
-            value: 'O200'
+            value: 'Orange200'
           }
         },
         yellow: {
           '[default]': {
-            value: 'Y300'
+            value: 'Yellow300'
           },
           bolder: {
-            value: 'Y200'
+            value: 'Yellow200'
           }
         },
         green: {
           '[default]': {
-            value: 'G300'
+            value: 'Green300'
           },
           bolder: {
-            value: 'G200'
+            value: 'Green200'
           }
         },
         purple: {
           '[default]': {
-            value: 'P300'
+            value: 'Purple300'
           },
           bolder: {
-            value: 'P200'
+            value: 'Purple200'
           }
         },
         teal: {
           '[default]': {
-            value: 'T300'
+            value: 'Teal300'
           },
           bolder: {
-            value: 'T200'
+            value: 'Teal200'
           }
         },
         magenta: {
           '[default]': {
-            value: 'M300'
+            value: 'Magenta300'
           },
           bolder: {
-            value: 'M200'
+            value: 'Magenta200'
           }
         },
         gray: {
           '[default]': {
-            value: 'DN800'
+            value: 'DarkNeutral800'
           },
           bolder: {
-            value: 'DN1000'
+            value: 'DarkNeutral1000'
           }
         }
       }
@@ -79,62 +79,62 @@ var color = {
     icon: {
       accent: {
         blue: {
-          value: 'B500'
+          value: 'Blue500'
         },
         red: {
-          value: 'R500'
+          value: 'Red500'
         },
         orange: {
-          value: 'O500'
+          value: 'Orange500'
         },
         yellow: {
-          value: 'Y500'
+          value: 'Yellow500'
         },
         green: {
-          value: 'G500'
+          value: 'Green500'
         },
         purple: {
-          value: 'P500'
+          value: 'Purple500'
         },
         teal: {
-          value: 'T500'
+          value: 'Teal500'
         },
         magenta: {
-          value: 'M500'
+          value: 'Magenta500'
         },
         gray: {
-          value: 'DN600'
+          value: 'DarkNeutral600'
         }
       }
     },
     border: {
       accent: {
         blue: {
-          value: 'B500'
+          value: 'Blue500'
         },
         red: {
-          value: 'R500'
+          value: 'Red500'
         },
         orange: {
-          value: 'O500'
+          value: 'Orange500'
         },
         yellow: {
-          value: 'Y500'
+          value: 'Yellow500'
         },
         green: {
-          value: 'G500'
+          value: 'Green500'
         },
         purple: {
-          value: 'P500'
+          value: 'Purple500'
         },
         teal: {
-          value: 'T500'
+          value: 'Teal500'
         },
         magenta: {
-          value: 'M500'
+          value: 'Magenta500'
         },
         gray: {
-          value: 'DN600'
+          value: 'DarkNeutral600'
         }
       }
     },
@@ -142,128 +142,128 @@ var color = {
       accent: {
         blue: {
           subtlest: {
-            value: 'B1000'
+            value: 'Blue1000'
           },
           subtler: {
-            value: 'B900'
+            value: 'Blue900'
           },
           subtle: {
-            value: 'B800'
+            value: 'Blue800'
           },
           bolder: {
-            value: 'B400'
+            value: 'Blue400'
           }
         },
         red: {
           subtlest: {
-            value: 'R1000'
+            value: 'Red1000'
           },
           subtler: {
-            value: 'R900'
+            value: 'Red900'
           },
           subtle: {
-            value: 'R800'
+            value: 'Red800'
           },
           bolder: {
-            value: 'R400'
+            value: 'Red400'
           }
         },
         orange: {
           subtlest: {
-            value: 'O1000'
+            value: 'Orange1000'
           },
           subtler: {
-            value: 'O900'
+            value: 'Orange900'
           },
           subtle: {
-            value: 'O800'
+            value: 'Orange800'
           },
           bolder: {
-            value: 'O400'
+            value: 'Orange400'
           }
         },
         yellow: {
           subtlest: {
-            value: 'Y1000'
+            value: 'Yellow1000'
           },
           subtler: {
-            value: 'Y900'
+            value: 'Yellow900'
           },
           subtle: {
-            value: 'Y800'
+            value: 'Yellow800'
           },
           bolder: {
-            value: 'Y400'
+            value: 'Yellow400'
           }
         },
         green: {
           subtlest: {
-            value: 'G1000'
+            value: 'Green1000'
           },
           subtler: {
-            value: 'G900'
+            value: 'Green900'
           },
           subtle: {
-            value: 'G800'
+            value: 'Green800'
           },
           bolder: {
-            value: 'G400'
+            value: 'Green400'
           }
         },
         purple: {
           subtlest: {
-            value: 'P1000'
+            value: 'Purple1000'
           },
           subtler: {
-            value: 'P900'
+            value: 'Purple900'
           },
           subtle: {
-            value: 'P800'
+            value: 'Purple800'
           },
           bolder: {
-            value: 'P400'
+            value: 'Purple400'
           }
         },
         teal: {
           subtlest: {
-            value: 'T1000'
+            value: 'Teal1000'
           },
           subtler: {
-            value: 'T900'
+            value: 'Teal900'
           },
           subtle: {
-            value: 'T800'
+            value: 'Teal800'
           },
           bolder: {
-            value: 'T400'
+            value: 'Teal400'
           }
         },
         magenta: {
           subtlest: {
-            value: 'M1000'
+            value: 'Magenta1000'
           },
           subtler: {
-            value: 'M900'
+            value: 'Magenta900'
           },
           subtle: {
-            value: 'M800'
+            value: 'Magenta800'
           },
           bolder: {
-            value: 'M400'
+            value: 'Magenta400'
           }
         },
         gray: {
           subtlest: {
-            value: 'DN300'
+            value: 'DarkNeutral300'
           },
           subtler: {
-            value: 'DN400'
+            value: 'DarkNeutral400'
           },
           subtle: {
-            value: 'DN500'
+            value: 'DarkNeutral500'
           },
           bolder: {
-            value: 'DN700'
+            value: 'DarkNeutral700'
           }
         }
       }

package/dist/esm/tokens/atlassian-dark/color/background.js

@@ -2,20 +2,20 @@ var color = {
   color: {
     blanket: {
       '[default]': {
-        value: 'DN-100A'
+        value: 'DarkNeutral-100A'
       },
-      // @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'
       }
     },
     background: {
       disabled: {
-        value: 'DN100A'
+        value: 'DarkNeutral100A'
       },
       inverse: {
         subtle: {
@@ -35,25 +35,25 @@ var color = {
       },
       input: {
         '[default]': {
-          value: 'DN100'
+          value: 'DarkNeutral100'
         },
         hovered: {
-          value: 'DN200'
+          value: 'DarkNeutral200'
         },
         pressed: {
-          value: 'DN100'
+          value: 'DarkNeutral100'
         }
       },
       neutral: {
         '[default]': {
           '[default]': {
-            value: 'DN200A'
+            value: 'DarkNeutral200A'
           },
           hovered: {
-            value: 'DN300A'
+            value: 'DarkNeutral300A'
           },
           pressed: {
-            value: 'DN400A'
+            value: 'DarkNeutral400A'
           }
         },
         subtle: {
@@ -62,178 +62,178 @@ var color = {
             value: 'transparent'
           },
           hovered: {
-            value: 'DN200A'
+            value: 'DarkNeutral200A'
           },
           pressed: {
-            value: 'DN300A'
+            value: 'DarkNeutral300A'
           }
         },
         bold: {
           '[default]': {
-            value: 'DN800'
+            value: 'DarkNeutral800'
           },
           hovered: {
-            value: 'DN900'
+            value: 'DarkNeutral900'
           },
           pressed: {
-            value: 'DN1000'
+            value: 'DarkNeutral1000'
           }
         }
       },
       brand: {
         bold: {
           '[default]': {
-            value: 'B400'
+            value: 'Blue400'
           },
           hovered: {
-            value: 'B300'
+            value: 'Blue300'
           },
           pressed: {
-            value: 'B200'
+            value: 'Blue200'
           }
         }
       },
       selected: {
         '[default]': {
           '[default]': {
-            value: 'B1000'
+            value: 'Blue1000'
           },
           hovered: {
-            value: 'B900'
+            value: 'Blue900'
           },
           pressed: {
-            value: 'B800'
+            value: 'Blue800'
           }
         },
         bold: {
           '[default]': {
-            value: 'B400'
+            value: 'Blue400'
           },
           hovered: {
-            value: 'B300'
+            value: 'Blue300'
           },
           pressed: {
-            value: 'B200'
+            value: 'Blue200'
           }
         }
       },
       danger: {
         '[default]': {
           '[default]': {
-            value: 'R1000'
+            value: 'Red1000'
           },
           hovered: {
-            value: 'R900'
+            value: 'Red900'
           },
           pressed: {
-            value: 'R800'
+            value: 'Red800'
           }
         },
         bold: {
           '[default]': {
-            value: 'R400'
+            value: 'Red400'
           },
           hovered: {
-            value: 'R300'
+            value: 'Red300'
           },
           pressed: {
-            value: 'R200'
+            value: 'Red200'
           }
         }
       },
       warning: {
         '[default]': {
           '[default]': {
-            value: 'Y1000'
+            value: 'Yellow1000'
           },
           hovered: {
-            value: 'Y900'
+            value: 'Yellow900'
           },
           pressed: {
-            value: 'Y800'
+            value: 'Yellow800'
           }
         },
         bold: {
           '[default]': {
-            value: 'Y400'
+            value: 'Yellow400'
           },
           hovered: {
-            value: 'Y300'
+            value: 'Yellow300'
           },
           pressed: {
-            value: 'Y200'
+            value: 'Yellow200'
           }
         }
       },
       success: {
         '[default]': {
           '[default]': {
-            value: 'G1000'
+            value: 'Green1000'
           },
           hovered: {
-            value: 'G900'
+            value: 'Green900'
           },
           pressed: {
-            value: 'G800'
+            value: 'Green800'
           }
         },
         bold: {
           '[default]': {
-            value: 'G400'
+            value: 'Green400'
           },
           hovered: {
-            value: 'G300'
+            value: 'Green300'
           },
           pressed: {
-            value: 'G200'
+            value: 'Green200'
           }
         }
       },
       discovery: {
         '[default]': {
           '[default]': {
-            value: 'P1000'
+            value: 'Purple1000'
           },
           hovered: {
-            value: 'P900'
+            value: 'Purple900'
           },
           pressed: {
-            value: 'P800'
+            value: 'Purple800'
           }
         },
         bold: {
           '[default]': {
-            value: 'P400'
+            value: 'Purple400'
           },
           hovered: {
-            value: 'P300'
+            value: 'Purple300'
           },
           pressed: {
-            value: 'P200'
+            value: 'Purple200'
           }
         }
       },
       information: {
         '[default]': {
           '[default]': {
-            value: 'B1000'
+            value: 'Blue1000'
           },
           hovered: {
-            value: 'B900'
+            value: 'Blue900'
           },
           pressed: {
-            value: 'B800'
+            value: 'Blue800'
           }
         },
         bold: {
           '[default]': {
-            value: 'B400'
+            value: 'Blue400'
           },
           hovered: {
-            value: 'B300'
+            value: 'Blue300'
           },
           pressed: {
-            value: 'B200'
+            value: 'Blue200'
           }
         }
       }