@atlaskit/tokens 0.10.14 → 0.10.17

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

@@ -0,0 +1,289 @@
+const color = {
+  color: {
+    text: {
+      accent: {
+        blue: {
+          '[default]': {
+            value: 'B400'
+          },
+          bolder: {
+            value: 'B500'
+          }
+        },
+        red: {
+          '[default]': {
+            value: 'R400'
+          },
+          bolder: {
+            value: 'R500'
+          }
+        },
+        orange: {
+          // @ts-expect-error
+          '[default]': {
+            value: '#F18D13'
+          },
+          // @ts-expect-error
+          bolder: {
+            value: '#B65C02'
+          }
+        },
+        yellow: {
+          '[default]': {
+            value: 'Y400'
+          },
+          bolder: {
+            value: 'Y500'
+          }
+        },
+        green: {
+          '[default]': {
+            value: 'G400'
+          },
+          bolder: {
+            value: 'G500'
+          }
+        },
+        purple: {
+          '[default]': {
+            value: 'P400'
+          },
+          bolder: {
+            value: 'P500'
+          }
+        },
+        teal: {
+          '[default]': {
+            value: 'T400'
+          },
+          bolder: {
+            value: 'T500'
+          }
+        },
+        magenta: {
+          // @ts-expect-error
+          '[default]': {
+            value: '#E774BB'
+          },
+          // @ts-expect-error
+          bolder: {
+            value: '#DA62AC'
+          }
+        },
+        gray: {
+          '[default]': {
+            value: 'N400'
+          },
+          bolder: {
+            value: 'N800'
+          }
+        }
+      }
+    },
+    icon: {
+      accent: {
+        blue: {
+          value: 'B300'
+        },
+        red: {
+          value: 'R300'
+        },
+        // @ts-expect-error
+        orange: {
+          value: '#D94008'
+        },
+        yellow: {
+          value: 'Y300'
+        },
+        green: {
+          value: 'G300'
+        },
+        purple: {
+          value: 'P300'
+        },
+        teal: {
+          value: 'T300'
+        },
+        // @ts-expect-error
+        magenta: {
+          value: '#CD519D'
+        },
+        gray: {
+          value: 'N300'
+        }
+      }
+    },
+    border: {
+      accent: {
+        blue: {
+          value: 'B300'
+        },
+        red: {
+          value: 'R300'
+        },
+        // @ts-expect-error
+        orange: {
+          value: '#D94008'
+        },
+        yellow: {
+          value: 'Y300'
+        },
+        green: {
+          value: 'G300'
+        },
+        purple: {
+          value: 'P300'
+        },
+        teal: {
+          value: 'T300'
+        },
+        // @ts-expect-error
+        magenta: {
+          value: '#CD519D'
+        },
+        gray: {
+          value: 'N300'
+        }
+      }
+    },
+    background: {
+      accent: {
+        blue: {
+          subtlest: {
+            value: 'B100'
+          },
+          subtler: {
+            value: 'B200'
+          },
+          subtle: {
+            value: 'B400'
+          },
+          bolder: {
+            value: 'B400'
+          }
+        },
+        red: {
+          subtlest: {
+            value: 'R100'
+          },
+          subtler: {
+            value: 'R200'
+          },
+          subtle: {
+            value: 'R400'
+          },
+          bolder: {
+            value: 'R400'
+          }
+        },
+        orange: {
+          // @ts-expect-error
+          subtlest: {
+            value: '#F18D13'
+          },
+          // @ts-expect-error
+          subtler: {
+            value: '#B65C02'
+          },
+          // @ts-expect-error
+          subtle: {
+            value: '#5F3811'
+          },
+          // @ts-expect-error
+          bolder: {
+            value: '#43290F'
+          }
+        },
+        yellow: {
+          subtlest: {
+            value: 'Y100'
+          },
+          subtler: {
+            value: 'Y200'
+          },
+          subtle: {
+            value: 'Y400'
+          },
+          bolder: {
+            value: 'Y400'
+          }
+        },
+        green: {
+          subtlest: {
+            value: 'G100'
+          },
+          subtler: {
+            value: 'G200'
+          },
+          subtle: {
+            value: 'G400'
+          },
+          bolder: {
+            value: 'G400'
+          }
+        },
+        purple: {
+          subtlest: {
+            value: 'P100'
+          },
+          subtler: {
+            value: 'P200'
+          },
+          subtle: {
+            value: 'P400'
+          },
+          bolder: {
+            value: 'P400'
+          }
+        },
+        teal: {
+          subtlest: {
+            value: 'T100'
+          },
+          subtler: {
+            value: 'T200'
+          },
+          subtle: {
+            value: 'T400'
+          },
+          bolder: {
+            value: 'T400'
+          }
+        },
+        magenta: {
+          // @ts-expect-error
+          subtlest: {
+            value: '#E774BB'
+          },
+          // @ts-expect-error
+          subtler: {
+            value: '#E774BB'
+          },
+          // @ts-expect-error
+          subtle: {
+            value: '#E774BB'
+          },
+          // @ts-expect-error
+          bolder: {
+            value: '#E774BB'
+          }
+        },
+        gray: {
+          subtlest: {
+            value: 'N200'
+          },
+          subtler: {
+            value: 'N300'
+          },
+          subtle: {
+            value: 'N500'
+          },
+          bolder: {
+            value: 'N400'
+          }
+        }
+      }
+    }
+  }
+};
+export default color;

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

@@ -0,0 +1,242 @@
+const color = {
+  color: {
+    blanket: {
+      '[default]': {
+        value: 'N100A'
+      },
+      // @ts-ignore temporary value (B500 8% opacity)
+      selected: {
+        value: '#388BFF14'
+      },
+      // @ts-ignore temporary value (R500 8% opacity)
+      danger: {
+        value: '#EF5C4814'
+      }
+    },
+    background: {
+      disabled: {
+        value: 'N100A'
+      },
+      inverse: {
+        subtle: {
+          // @ts-ignore temporary value (#000000 16% opacity)
+          '[default]': {
+            value: '#00000029'
+          },
+          // @ts-ignore temporary value (#000000 24% opacity)
+          hovered: {
+            value: '#0000003D'
+          },
+          // @ts-ignore temporary value (#000000 32% opacity)
+          pressed: {
+            value: '#00000052'
+          }
+        }
+      },
+      input: {
+        '[default]': {
+          value: 'N10'
+        },
+        hovered: {
+          value: 'N30'
+        },
+        pressed: {
+          value: 'N0'
+        }
+      },
+      neutral: {
+        '[default]': {
+          '[default]': {
+            value: 'N20A'
+          },
+          hovered: {
+            value: 'N30A'
+          },
+          pressed: {
+            value: 'B75'
+          }
+        },
+        subtle: {
+          '[default]': {
+            value: 'transparent'
+          },
+          hovered: {
+            value: 'N30A'
+          },
+          pressed: {
+            value: 'B75'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'N500'
+          },
+          hovered: {
+            value: 'N400'
+          },
+          pressed: {
+            value: 'N600'
+          }
+        }
+      },
+      brand: {
+        bold: {
+          '[default]': {
+            value: 'B400'
+          },
+          hovered: {
+            value: 'B200'
+          },
+          pressed: {
+            value: 'B400'
+          }
+        }
+      },
+      selected: {
+        '[default]': {
+          '[default]': {
+            value: 'B50'
+          },
+          hovered: {
+            value: 'B75'
+          },
+          pressed: {
+            value: 'B100'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'B400'
+          },
+          hovered: {
+            value: 'B200'
+          },
+          pressed: {
+            value: 'B400'
+          }
+        }
+      },
+      danger: {
+        '[default]': {
+          '[default]': {
+            value: 'R50'
+          },
+          hovered: {
+            value: 'R75'
+          },
+          pressed: {
+            value: 'R100'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'R400'
+          },
+          hovered: {
+            value: 'R200'
+          },
+          pressed: {
+            value: 'R400'
+          }
+        }
+      },
+      warning: {
+        '[default]': {
+          '[default]': {
+            value: 'Y50'
+          },
+          hovered: {
+            value: 'Y75'
+          },
+          pressed: {
+            value: 'Y100'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'Y400'
+          },
+          hovered: {
+            value: 'Y200'
+          },
+          pressed: {
+            value: 'Y500'
+          }
+        }
+      },
+      success: {
+        '[default]': {
+          '[default]': {
+            value: 'G50'
+          },
+          hovered: {
+            value: 'G75'
+          },
+          pressed: {
+            value: 'G100'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'G400'
+          },
+          hovered: {
+            value: 'G200'
+          },
+          pressed: {
+            value: 'G400'
+          }
+        }
+      },
+      discovery: {
+        '[default]': {
+          '[default]': {
+            value: 'P50'
+          },
+          hovered: {
+            value: 'P75'
+          },
+          pressed: {
+            value: 'P100'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'P400'
+          },
+          hovered: {
+            value: 'P200'
+          },
+          pressed: {
+            value: 'P400'
+          }
+        }
+      },
+      information: {
+        '[default]': {
+          '[default]': {
+            value: 'B50'
+          },
+          hovered: {
+            value: 'B75'
+          },
+          pressed: {
+            value: 'B100'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'B400'
+          },
+          hovered: {
+            value: 'B200'
+          },
+          pressed: {
+            value: 'B400'
+          }
+        }
+      }
+    }
+  }
+};
+export default color;

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

@@ -0,0 +1,46 @@
+const color = {
+  color: {
+    border: {
+      '[default]': {
+        value: 'N40A'
+      },
+      bold: {
+        value: 'N600'
+      },
+      inverse: {
+        value: 'N0'
+      },
+      focused: {
+        value: 'B100'
+      },
+      input: {
+        value: 'N10'
+      },
+      disabled: {
+        value: 'N10'
+      },
+      brand: {
+        value: 'B400'
+      },
+      selected: {
+        value: 'B400'
+      },
+      danger: {
+        value: 'R300'
+      },
+      warning: {
+        value: 'Y200'
+      },
+      success: {
+        value: 'G400'
+      },
+      discovery: {
+        value: 'P100'
+      },
+      information: {
+        value: 'B300'
+      }
+    }
+  }
+};
+export default color;

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

@@ -0,0 +1,45 @@
+const color = {
+  color: {
+    icon: {
+      '[default]': {
+        value: 'N400'
+      },
+      subtle: {
+        value: 'N200'
+      },
+      inverse: {
+        value: 'N0'
+      },
+      disabled: {
+        value: 'N90'
+      },
+      brand: {
+        value: 'B300'
+      },
+      selected: {
+        value: 'B400'
+      },
+      danger: {
+        value: 'R400'
+      },
+      warning: {
+        '[default]': {
+          value: 'Y200'
+        },
+        inverse: {
+          value: 'N700'
+        }
+      },
+      success: {
+        value: 'G400'
+      },
+      discovery: {
+        value: 'P200'
+      },
+      information: {
+        value: 'B500'
+      }
+    }
+  }
+};
+export default color;

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

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

package/dist/es2019/tokens/atlassian-legacy-light/color/skeleton.js

@@ -0,0 +1,13 @@
+const color = {
+  color: {
+    skeleton: {
+      '[default]': {
+        value: 'N20'
+      },
+      subtle: {
+        value: 'N20A'
+      }
+    }
+  }
+};
+export default color;

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

@@ -0,0 +1,56 @@
+const color = {
+  color: {
+    text: {
+      '[default]': {
+        value: 'N800'
+      },
+      subtle: {
+        value: 'N300'
+      },
+      subtlest: {
+        value: 'N100'
+      },
+      inverse: {
+        value: 'N0'
+      },
+      disabled: {
+        value: 'N70'
+      },
+      brand: {
+        value: 'B300'
+      },
+      selected: {
+        value: 'B400'
+      },
+      danger: {
+        value: 'R400'
+      },
+      warning: {
+        '[default]': {
+          value: 'Y500'
+        },
+        inverse: {
+          value: 'N800'
+        }
+      },
+      success: {
+        value: 'G500'
+      },
+      information: {
+        value: 'B400'
+      },
+      discovery: {
+        value: 'P500'
+      }
+    },
+    link: {
+      '[default]': {
+        value: 'B400'
+      },
+      pressed: {
+        value: 'B500'
+      }
+    }
+  }
+};
+export default color;