@atlaskit/tokens 0.1.0 → 0.3.0

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

@@ -2,327 +2,180 @@ const color = {
   color: {
     background: {
       sunken: {
-        value: 'DN-100A',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN-100A'
       },
       default: {
-        value: 'DN0',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN0'
       },
       card: {
-        value: 'DN100',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN100'
       },
       overlay: {
-        value: 'DN200',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN200'
       },
       selected: {
         resting: {
-          value: 'DN200A',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN200A'
         },
         hover: {
-          value: 'DN300A',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN300A'
         },
         pressed: {
-          value: 'DN400A',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN400A'
         }
       },
       blanket: {
-        value: 'DN-100A',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN-100A'
       },
       disabled: {
-        value: 'DN200A',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN200A'
       },
       boldBrand: {
         resting: {
-          value: 'B400',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'B400'
         },
         hover: {
-          value: 'B300',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'B300'
         },
         pressed: {
-          value: 'B200',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'B200'
         }
       },
       subtleBrand: {
         resting: {
-          value: 'B1000',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'B1000'
         },
         hover: {
-          value: 'B900',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'B900'
         },
         pressed: {
-          value: 'B800',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'B800'
         }
       },
       boldDanger: {
         resting: {
-          value: 'R400',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'R400'
         },
         hover: {
-          value: 'R300',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'R300'
         },
         pressed: {
-          value: 'R200',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'R200'
         }
       },
       subtleDanger: {
         resting: {
-          value: 'R1000',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'R1000'
         },
         hover: {
-          value: 'R900',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'R900'
         },
         pressed: {
-          value: 'R800',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'R800'
         }
       },
       boldWarning: {
         resting: {
-          value: 'Y400',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'Y400'
         },
         hover: {
-          value: 'Y300',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'Y300'
         },
         pressed: {
-          value: 'Y200',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'Y200'
         }
       },
       subtleWarning: {
         resting: {
-          value: 'Y1000',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'Y1000'
         },
         hover: {
-          value: 'Y900',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'Y900'
         },
         pressed: {
-          value: 'Y800',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'Y800'
         }
       },
       boldSuccess: {
         resting: {
-          value: 'G400',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'G400'
         },
         hover: {
-          value: 'G300',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'G300'
         },
         pressed: {
-          value: 'G200',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'G200'
         }
       },
       subtleSuccess: {
         resting: {
-          value: 'G1000',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'G1000'
         },
         hover: {
-          value: 'G900',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'G900'
         },
         pressed: {
-          value: 'G800',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'G800'
         }
       },
       boldDiscovery: {
         resting: {
-          value: 'P400',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'P400'
         },
         hover: {
-          value: 'P300',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'P300'
         },
         pressed: {
-          value: 'P200',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'P200'
         }
       },
       subtleDiscovery: {
         resting: {
-          value: 'P1000',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'P1000'
         },
         hover: {
-          value: 'P900',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'P900'
         },
         pressed: {
-          value: 'P800',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'P800'
         }
       },
       boldNeutral: {
         resting: {
-          value: 'DN800',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN800'
         },
         hover: {
-          value: 'DN900',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN900'
         },
         pressed: {
-          value: 'DN1000',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN1000'
         }
       },
       transparentNeutral: {
         hover: {
-          value: 'DN200A',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN200A'
         },
         pressed: {
-          value: 'DN300A',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN300A'
         }
       },
       subtleNeutral: {
         resting: {
-          value: 'DN200A',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN200A'
         },
         hover: {
-          value: 'DN300A',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN300A'
         },
         pressed: {
-          value: 'DN400A',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN400A'
         }
       },
       subtleBorderedNeutral: {
         resting: {
-          value: 'DN100A',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN100A'
         },
         pressed: {
-          value: 'DN200A',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'DN200A'
         }
       }
     }

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

@@ -2,16 +2,10 @@ const color = {
   color: {
     border: {
       focus: {
-        value: 'B300',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'B300'
       },
       neutral: {
-        value: 'DN300A',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN300A'
       }
     }
   }

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

@@ -2,34 +2,19 @@ const color = {
   color: {
     iconBorder: {
       brand: {
-        value: 'B500',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'B500'
       },
       danger: {
-        value: 'R500',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'R500'
       },
       warning: {
-        value: 'Y500',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'Y500'
       },
       success: {
-        value: 'G500',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'G500'
       },
       discovery: {
-        value: 'P500',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'P500'
       }
     }
   }

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

@@ -2,16 +2,10 @@ const color = {
   color: {
     overlay: {
       hover: {
-        value: 'DN400A',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN400A'
       },
       pressed: {
-        value: 'DN500A',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN500A'
       }
     }
   }

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

@@ -2,90 +2,48 @@ const color = {
   color: {
     text: {
       selected: {
-        value: 'B400',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'B400'
       },
       highEmphasis: {
-        value: 'DN1000',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN1000'
       },
       mediumEmphasis: {
-        value: 'DN800',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN800'
       },
       lowEmphasis: {
-        value: 'DN700',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN700'
       },
       onBold: {
-        value: 'DN0',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN0'
       },
       onBoldWarning: {
-        value: 'DN0',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN0'
       },
       link: {
         resting: {
-          value: 'B400',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'B400'
         },
         pressed: {
-          value: 'B300',
-          attributes: {
-            group: 'paint'
-          }
+          value: 'B300'
         }
       },
       brand: {
-        value: 'B300',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'B300'
       },
       warning: {
-        value: 'Y300',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'Y300'
       },
       danger: {
-        value: 'R300',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'R300'
       },
       success: {
-        value: 'G300',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'G300'
       },
       discovery: {
-        value: 'P300',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'P300'
       },
       disabled: {
-        value: 'DN500',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'DN500'
       }
     }
   }

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

@@ -19,10 +19,7 @@ const shadow = {
         color: 'DN-100A',
         // This opacity overrides the color alpha.
         opacity: 0.5
-      }],
-      attributes: {
-        group: 'shadow'
-      }
+      }]
     },
     overlay: {
       value: [{
@@ -53,10 +50,7 @@ const shadow = {
         color: 'DN-100A',
         // This opacity overrides the color alpha.
         opacity: 0.5
-      }],
-      attributes: {
-        group: 'shadow'
-      }
+      }]
     }
   }
 };

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

@@ -0,0 +1,10 @@
+const utility = {
+  UNSAFE_util: {
+    transparent: {
+      value: 'transparent'
+    }
+  }
+};
+export default {
+  utility
+};

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

@@ -1,47 +1,44 @@
 const color = {
   color: {
     accent: {
+      boldBlue: {
+        value: 'B400'
+      },
+      boldGreen: {
+        value: 'G400'
+      },
+      boldOrange: {
+        value: 'O400'
+      },
+      boldPurple: {
+        value: 'P400'
+      },
+      boldRed: {
+        value: 'R400'
+      },
+      boldTeal: {
+        value: 'T400'
+      },
       subtleBlue: {
-        value: 'B200',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'B200'
       },
       subtleGreen: {
-        value: 'G200',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'G200'
       },
       subtleMagenta: {
-        value: 'M200',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'M200'
       },
       subtleOrange: {
-        value: 'O200',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'O200'
       },
       subtlePurple: {
-        value: 'P200',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'P200'
       },
       subtleRed: {
-        value: 'R200',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'R200'
       },
       subtleTeal: {
-        value: 'T200',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'T200'
       }
     }
   }