@atlaskit/tokens 0.4.1 → 0.6.1

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

@@ -1,181 +1,205 @@
 const color = {
   color: {
+    blanket: {
+      value: 'N500A'
+    },
     background: {
-      sunken: {
-        value: 'N100A'
-      },
-      default: {
-        value: 'N0'
-      },
-      card: {
-        value: 'N0'
-      },
-      overlay: {
-        value: 'N0'
-      },
-      selected: {
-        resting: {
-          value: 'B100'
-        },
-        hover: {
-          value: 'B200'
-        },
-        pressed: {
-          value: 'B300'
-        }
-      },
-      blanket: {
-        value: 'N500A'
-      },
       disabled: {
         value: 'N200A'
       },
-      boldBrand: {
-        resting: {
-          value: 'B700'
-        },
-        hover: {
-          value: 'B800'
-        },
-        pressed: {
-          value: 'B900'
-        }
-      },
-      subtleBrand: {
-        resting: {
-          value: 'B100'
-        },
-        hover: {
-          value: 'B200'
-        },
-        pressed: {
-          value: 'B300'
-        }
-      },
-      boldDanger: {
-        resting: {
-          value: 'R700'
-        },
-        hover: {
-          value: 'R800'
-        },
-        pressed: {
-          value: 'R900'
-        }
-      },
-      subtleDanger: {
-        resting: {
-          value: 'R100'
-        },
-        hover: {
-          value: 'R200'
-        },
-        pressed: {
-          value: 'R300'
-        }
-      },
-      boldWarning: {
-        resting: {
-          value: 'Y400'
-        },
-        hover: {
-          value: 'Y500'
-        },
-        pressed: {
-          value: 'Y600'
-        }
-      },
-      subtleWarning: {
-        resting: {
-          value: 'Y100'
-        },
-        hover: {
-          value: 'Y200'
-        },
-        pressed: {
-          value: 'Y300'
-        }
+      // @ts-ignore temporary value
+      inverse: {
+        value: '#00000029'
       },
-      boldSuccess: {
-        resting: {
-          value: 'G700'
+      input: {
+        '[default]': {
+          value: 'N100A'
         },
-        hover: {
-          value: 'G800'
+        hovered: {
+          value: 'N0'
         },
         pressed: {
-          value: 'G900'
+          value: 'N200A'
         }
       },
-      subtleSuccess: {
-        resting: {
-          value: 'G100'
-        },
-        hover: {
-          value: 'G200'
-        },
-        pressed: {
-          value: 'G300'
+      neutral: {
+        '[default]': {
+          '[default]': {
+            value: 'N200A'
+          },
+          hovered: {
+            value: 'N300A'
+          },
+          pressed: {
+            value: 'N400A'
+          }
+        },
+        subtle: {
+          // @ts-ignore temporary value
+          '[default]': {
+            value: 'transparent'
+          },
+          hovered: {
+            value: 'N200A'
+          },
+          pressed: {
+            value: 'N300A'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'N800'
+          },
+          hovered: {
+            value: 'N900'
+          },
+          pressed: {
+            value: 'N1000'
+          }
         }
       },
-      boldDiscovery: {
-        resting: {
-          value: 'P700'
-        },
-        hover: {
-          value: 'P800'
-        },
-        pressed: {
-          value: 'P900'
+      brand: {
+        '[default]': {
+          '[default]': {
+            value: 'B100'
+          },
+          hovered: {
+            value: 'B200'
+          },
+          pressed: {
+            value: 'B300'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'B700'
+          },
+          hovered: {
+            value: 'B800'
+          },
+          pressed: {
+            value: 'B900'
+          }
         }
       },
-      subtleDiscovery: {
-        resting: {
-          value: 'P100'
-        },
-        hover: {
-          value: 'P200'
-        },
-        pressed: {
-          value: 'P300'
+      danger: {
+        '[default]': {
+          '[default]': {
+            value: 'R100'
+          },
+          hovered: {
+            value: 'R200'
+          },
+          pressed: {
+            value: 'R300'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'R700'
+          },
+          hovered: {
+            value: 'R800'
+          },
+          pressed: {
+            value: 'R900'
+          }
         }
       },
-      boldNeutral: {
-        resting: {
-          value: 'N800'
-        },
-        hover: {
-          value: 'N900'
-        },
-        pressed: {
-          value: 'N1000'
+      warning: {
+        '[default]': {
+          '[default]': {
+            value: 'Y100'
+          },
+          hovered: {
+            value: 'Y200'
+          },
+          pressed: {
+            value: 'Y300'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'Y400'
+          },
+          hovered: {
+            value: 'Y500'
+          },
+          pressed: {
+            value: 'Y600'
+          }
         }
       },
-      transparentNeutral: {
-        hover: {
-          value: 'N200A'
-        },
-        pressed: {
-          value: 'N300A'
+      success: {
+        '[default]': {
+          '[default]': {
+            value: 'G100'
+          },
+          hovered: {
+            value: 'G200'
+          },
+          pressed: {
+            value: 'G300'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'G700'
+          },
+          hovered: {
+            value: 'G800'
+          },
+          pressed: {
+            value: 'G900'
+          }
         }
       },
-      subtleNeutral: {
-        resting: {
-          value: 'N200A'
-        },
-        hover: {
-          value: 'N300A'
-        },
-        pressed: {
-          value: 'N400A'
+      discovery: {
+        '[default]': {
+          '[default]': {
+            value: 'P100'
+          },
+          hovered: {
+            value: 'P200'
+          },
+          pressed: {
+            value: 'P300'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'P700'
+          },
+          hovered: {
+            value: 'P800'
+          },
+          pressed: {
+            value: 'P900'
+          }
         }
       },
-      subtleBorderedNeutral: {
-        resting: {
-          value: 'N100A'
-        },
-        pressed: {
-          value: 'N200A'
+      information: {
+        '[default]': {
+          '[default]': {
+            value: 'B100'
+          },
+          hovered: {
+            value: 'B200'
+          },
+          pressed: {
+            value: 'B300'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'B700'
+          },
+          hovered: {
+            value: 'B800'
+          },
+          pressed: {
+            value: 'B900'
+          }
         }
       }
     }

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

@@ -1,11 +1,35 @@
 const color = {
   color: {
     border: {
-      focus: {
+      '[default]': {
+        value: 'N300A'
+      },
+      focused: {
         value: 'B500'
       },
-      neutral: {
+      input: {
         value: 'N300A'
+      },
+      disabled: {
+        value: 'N200A'
+      },
+      brand: {
+        value: 'B700'
+      },
+      danger: {
+        value: 'R600'
+      },
+      warning: {
+        value: 'O600'
+      },
+      success: {
+        value: 'G600'
+      },
+      discovery: {
+        value: 'P600'
+      },
+      information: {
+        value: 'B600'
       }
     }
   }

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

@@ -0,0 +1,42 @@
+const color = {
+  color: {
+    icon: {
+      '[default]': {
+        value: 'N800'
+      },
+      subtle: {
+        value: 'N700'
+      },
+      inverse: {
+        value: 'N0'
+      },
+      disabled: {
+        value: 'N500'
+      },
+      brand: {
+        value: 'B700'
+      },
+      danger: {
+        value: 'R600'
+      },
+      warning: {
+        '[default]': {
+          value: 'O600'
+        },
+        inverse: {
+          value: 'N1000'
+        }
+      },
+      success: {
+        value: 'G600'
+      },
+      discovery: {
+        value: 'P600'
+      },
+      information: {
+        value: 'B600'
+      }
+    }
+  }
+};
+export default color;

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

@@ -0,0 +1,25 @@
+const color = {
+  color: {
+    interaction: {
+      hovered: {
+        // @ts-ignore temporary values
+        value: '#ffffff33'
+      },
+      pressed: {
+        // @ts-ignore temporary values
+        value: '#ffffff5c'
+      },
+      inverse: {
+        hovered: {
+          // @ts-ignore temporary values
+          value: '#00000029'
+        },
+        pressed: {
+          // @ts-ignore temporary values
+          value: '#00000052'
+        }
+      }
+    }
+  }
+};
+export default color;

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

@@ -1,49 +1,51 @@
 const color = {
   color: {
     text: {
-      selected: {
-        value: 'B700'
-      },
-      highEmphasis: {
+      '[default]': {
         value: 'N1000'
       },
-      mediumEmphasis: {
+      subtle: {
         value: 'N800'
       },
-      lowEmphasis: {
+      subtlest: {
         value: 'N700'
       },
-      onBold: {
+      inverse: {
         value: 'N0'
       },
-      onBoldWarning: {
-        value: 'N1000'
-      },
-      link: {
-        resting: {
-          value: 'B700'
-        },
-        pressed: {
-          value: 'B800'
-        }
+      disabled: {
+        value: 'N500'
       },
       brand: {
-        value: 'B800'
-      },
-      warning: {
-        value: 'O800'
+        value: 'B700'
       },
       danger: {
         value: 'R800'
       },
+      warning: {
+        '[default]': {
+          value: 'O800'
+        },
+        inverse: {
+          value: 'N1000'
+        }
+      },
       success: {
         value: 'G800'
       },
+      information: {
+        value: 'B800'
+      },
       discovery: {
         value: 'P800'
+      }
+    },
+    link: {
+      '[default]': {
+        value: 'B700'
       },
-      disabled: {
-        value: 'N500'
+      pressed: {
+        value: 'B800'
       }
     }
   }