@atlaskit/tokens 1.25.2 → 1.26.0

package/dist/esm/tokens/atlassian-dark-increased-contrast/color/border.js

@@ -0,0 +1,40 @@
+var color = {
+  color: {
+    border: {
+      '[default]': {
+        value: 'DarkNeutral500A'
+      },
+      bold: {
+        value: 'DarkNeutral800'
+      },
+      input: {
+        value: 'DarkNeutral800'
+      },
+      disabled: {
+        value: 'DarkNeutral300A'
+      },
+      brand: {
+        value: 'Blue300'
+      },
+      selected: {
+        value: 'Blue300'
+      },
+      danger: {
+        value: 'Red400'
+      },
+      warning: {
+        value: 'Orange300'
+      },
+      success: {
+        value: 'Green300'
+      },
+      discovery: {
+        value: 'Purple400'
+      },
+      information: {
+        value: 'Blue300'
+      }
+    }
+  }
+};
+export default color;

package/dist/esm/tokens/atlassian-dark-increased-contrast/color/chart.js

@@ -0,0 +1,303 @@
+var color = {
+  color: {
+    chart: {
+      brand: {
+        '[default]': {
+          value: 'Blue400'
+        },
+        hovered: {
+          value: 'Blue300'
+        }
+      },
+      neutral: {
+        '[default]': {
+          value: 'DarkNeutral700'
+        },
+        hovered: {
+          value: 'DarkNeutral800'
+        }
+      },
+      danger: {
+        '[default]': {
+          '[default]': {
+            value: 'Red400'
+          }
+        }
+      },
+      information: {
+        '[default]': {
+          '[default]': {
+            value: 'Blue400'
+          }
+        }
+      },
+      discovery: {
+        '[default]': {
+          '[default]': {
+            value: 'Purple400'
+          }
+        }
+      },
+      categorical: {
+        1: {
+          '[default]': {
+            value: 'Teal300'
+          },
+          hovered: {
+            value: 'Teal200'
+          }
+        },
+        3: {
+          '[default]': {
+            value: 'Orange300'
+          },
+          hovered: {
+            value: 'Orange200'
+          }
+        },
+        6: {
+          '[default]': {
+            value: 'Purple300'
+          },
+          hovered: {
+            value: 'Purple200'
+          }
+        }
+      },
+      blue: {
+        bold: {
+          '[default]': {
+            value: 'Blue300'
+          },
+          hovered: {
+            value: 'Blue200'
+          }
+        },
+        bolder: {
+          '[default]': {
+            value: 'Blue200'
+          },
+          hovered: {
+            value: 'Blue100'
+          }
+        },
+        boldest: {
+          '[default]': {
+            value: 'Blue100'
+          }
+        }
+      },
+      red: {
+        bold: {
+          '[default]': {
+            value: 'Red300'
+          },
+          hovered: {
+            value: 'Red200'
+          }
+        },
+        bolder: {
+          '[default]': {
+            value: 'Red200'
+          },
+          hovered: {
+            value: 'Red100'
+          }
+        },
+        boldest: {
+          '[default]': {
+            value: 'Red100'
+          },
+          hovered: {
+            value: 'Red200'
+          }
+        }
+      },
+      orange: {
+        bold: {
+          '[default]': {
+            value: 'Orange300'
+          },
+          hovered: {
+            value: 'Orange200'
+          }
+        },
+        bolder: {
+          '[default]': {
+            value: 'Orange200'
+          },
+          hovered: {
+            value: 'Orange100'
+          }
+        },
+        boldest: {
+          '[default]': {
+            value: 'Orange100'
+          }
+        }
+      },
+      yellow: {
+        bold: {
+          '[default]': {
+            value: 'Yellow300'
+          },
+          hovered: {
+            value: 'Yellow200'
+          }
+        },
+        bolder: {
+          '[default]': {
+            value: 'Yellow200'
+          },
+          hovered: {
+            value: 'Yellow100'
+          }
+        },
+        boldest: {
+          '[default]': {
+            value: 'Yellow100'
+          }
+        }
+      },
+      green: {
+        bold: {
+          '[default]': {
+            value: 'Green300'
+          }
+        },
+        bolder: {
+          '[default]': {
+            value: 'Green200'
+          },
+          hovered: {
+            value: 'Green100'
+          }
+        },
+        boldest: {
+          '[default]': {
+            value: 'Green100'
+          }
+        }
+      },
+      teal: {
+        bold: {
+          '[default]': {
+            value: 'Teal300'
+          },
+          hovered: {
+            value: 'Teal200'
+          }
+        },
+        bolder: {
+          '[default]': {
+            value: 'Teal200'
+          },
+          hovered: {
+            value: 'Teal100'
+          }
+        },
+        boldest: {
+          '[default]': {
+            value: 'Teal100'
+          }
+        }
+      },
+      purple: {
+        bold: {
+          '[default]': {
+            value: 'Purple300'
+          },
+          hovered: {
+            value: 'Purple200'
+          }
+        },
+        bolder: {
+          '[default]': {
+            value: 'Purple200'
+          },
+          hovered: {
+            value: 'Purple100'
+          }
+        },
+        boldest: {
+          '[default]': {
+            value: 'Purple100'
+          }
+        }
+      },
+      magenta: {
+        bold: {
+          '[default]': {
+            value: 'Magenta300'
+          },
+          hovered: {
+            value: 'Magenta200'
+          }
+        },
+        bolder: {
+          '[default]': {
+            value: 'Magenta200'
+          },
+          hovered: {
+            value: 'Magenta100'
+          }
+        },
+        boldest: {
+          '[default]': {
+            value: 'Magenta100'
+          }
+        }
+      },
+      lime: {
+        bold: {
+          '[default]': {
+            value: 'Lime300'
+          },
+          hovered: {
+            value: 'Lime200'
+          }
+        },
+        bolder: {
+          '[default]': {
+            value: 'Lime200'
+          },
+          hovered: {
+            value: 'Lime100'
+          }
+        },
+        boldest: {
+          '[default]': {
+            value: 'Lime100'
+          }
+        }
+      },
+      gray: {
+        bold: {
+          '[default]': {
+            value: 'DarkNeutral700'
+          },
+          hovered: {
+            value: 'DarkNeutral800'
+          }
+        },
+        bolder: {
+          '[default]': {
+            value: 'DarkNeutral800'
+          },
+          hovered: {
+            value: 'DarkNeutral900'
+          }
+        },
+        boldest: {
+          '[default]': {
+            value: 'DarkNeutral900'
+          },
+          hovered: {
+            value: 'DarkNeutral1000'
+          }
+        }
+      }
+    }
+  }
+};
+export default color;

package/dist/esm/tokens/atlassian-dark-increased-contrast/color/icon.js

@@ -0,0 +1,39 @@
+var color = {
+  color: {
+    icon: {
+      '[default]': {
+        value: 'DarkNeutral1000'
+      },
+      subtle: {
+        value: 'DarkNeutral900'
+      },
+      brand: {
+        value: 'Blue300'
+      },
+      selected: {
+        value: 'Blue300'
+      },
+      danger: {
+        value: 'Red400'
+      },
+      warning: {
+        '[default]': {
+          value: 'Orange300'
+        },
+        inverse: {
+          value: 'DarkNeutral0'
+        }
+      },
+      success: {
+        value: 'Green300'
+      },
+      discovery: {
+        value: 'Purple400'
+      },
+      information: {
+        value: 'Blue300'
+      }
+    }
+  }
+};
+export default color;

package/dist/esm/tokens/atlassian-dark-increased-contrast/color/interaction.js

@@ -0,0 +1,16 @@
+var color = {
+  color: {
+    interaction: {
+      // TODO: Confirm - not included in theme design
+      // hovered: {
+      //   // @ts-ignore temporary values
+      //   value: '#ffffff33',
+      // },
+      // pressed: {
+      //   // @ts-ignore temporary values
+      //   value: '#ffffff5c',
+      // },
+    }
+  }
+};
+export default color;

package/dist/esm/tokens/atlassian-dark-increased-contrast/color/skeleton.js

@@ -0,0 +1,15 @@
+var color = {
+  color: {
+    skeleton: {
+      // TODO: Confirm - was not included in theme design but seems like it should be darker
+      // but I think they should definitely be darker?
+      // '[default]': {
+      //   value: 'DarkNeutral200A',
+      // },
+      // subtle: {
+      //   value: 'DarkNeutral100A',
+      // },
+    }
+  }
+};
+export default color;

package/dist/esm/tokens/atlassian-dark-increased-contrast/color/text.js

@@ -0,0 +1,50 @@
+var color = {
+  color: {
+    text: {
+      '[default]': {
+        value: 'DarkNeutral1100'
+      },
+      subtle: {
+        value: 'DarkNeutral1000'
+      },
+      subtlest: {
+        value: 'DarkNeutral900'
+      },
+      brand: {
+        value: 'Blue200'
+      },
+      selected: {
+        value: 'Blue200'
+      },
+      danger: {
+        value: 'Red200'
+      },
+      warning: {
+        '[default]': {
+          value: 'Orange200'
+        },
+        inverse: {
+          value: 'DarkNeutral0'
+        }
+      },
+      success: {
+        value: 'Green200'
+      },
+      information: {
+        value: 'Blue200'
+      },
+      discovery: {
+        value: 'Purple200'
+      }
+    },
+    link: {
+      '[default]': {
+        value: 'Blue200'
+      },
+      pressed: {
+        value: 'Blue100'
+      }
+    }
+  }
+};
+export default color;

package/dist/esm/tokens/atlassian-dark-increased-contrast/elevation/shadow.js

@@ -0,0 +1,60 @@
+var shadow = {
+  elevation: {
+    shadow: {
+      raised: {
+        value: [{
+          radius: 0,
+          spread: 1,
+          offset: {
+            x: 0,
+            y: 0
+          },
+          color: 'DarkNeutral500A',
+          opacity: 0.5,
+          inset: true
+        }]
+      },
+      // TODO: Confirm - overflow not included in theme design
+      // overflow: {
+      //   '[default]': {
+      //     value: [
+      //       {
+      //         radius: 12,
+      //         offset: { x: 0, y: 0 },
+      //         // @ts-ignore no current palette colour for this yet
+      //         color: '#030404',
+      //         // This opacity overrides the color alpha.
+      //         opacity: 0.56,
+      //       },
+      //       {
+      //         radius: 1,
+      //         offset: { x: 0, y: 0 },
+      //         // @ts-ignore no current palette colour for this yet
+      //         color: '#030404',
+      //         // This opacity overrides the color alpha.
+      //         opacity: 0.5,
+      //       },
+      //     ],
+      //   },
+      //   // @ts-ignore no current palette colour for this yet
+      //   spread: { value: '#0304048f' },
+      //   // @ts-ignore no current palette colour for this yet
+      //   perimeter: { value: '#03040480' },
+      // },
+      overlay: {
+        value: [{
+          radius: 0,
+          spread: 1,
+          offset: {
+            x: 0,
+            y: 0
+          },
+          color: 'DarkNeutral500A',
+          opacity: 0.5,
+          inset: true
+        }]
+      }
+    }
+  }
+};
+export default shadow;