@atlaskit/tokens 1.26.0 → 1.27.0

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

@@ -1,309 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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'
-          }
-        }
-      }
-    }
-  }
-};
-var _default = exports.default = color;

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

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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'
-      }
-    }
-  }
-};
-var _default = exports.default = color;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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',
-      // },
-    }
-  }
-};
-var _default = exports.default = color;

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

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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',
-      // },
-    }
-  }
-};
-var _default = exports.default = color;

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

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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'
-      }
-    }
-  }
-};
-var _default = exports.default = color;

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

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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
-        }]
-      }
-    }
-  }
-};
-var _default = exports.default = shadow;

package/dist/cjs/tokens/atlassian-dark-new-input-border/color/border.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var color = {
-  color: {
-    border: {
-      input: {
-        value: 'DarkNeutral600'
-      }
-    }
-  }
-};
-var _default = exports.default = color;

package/dist/cjs/tokens/atlassian-dark-saturated-palette-changes/color/accent.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var color = {
-  color: {
-    icon: {
-      accent: {
-        red: {
-          value: 'Red600'
-        },
-        yellow: {
-          value: 'Yellow300'
-        }
-      }
-    }
-  }
-};
-var _default = exports.default = color;

package/dist/cjs/tokens/atlassian-dark-saturated-palette-changes/color/background.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var color = {
-  color: {
-    background: {
-      warning: {
-        bold: {
-          '[default]': {
-            value: 'Yellow300'
-          },
-          hovered: {
-            value: 'Yellow400'
-          },
-          pressed: {
-            value: 'Yellow500'
-          }
-        }
-      }
-    }
-  }
-};
-var _default = exports.default = color;

package/dist/cjs/tokens/atlassian-dark-saturated-palette-changes/color/icon.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var color = {
-  color: {
-    icon: {
-      warning: {
-        '[default]': {
-          value: 'Yellow300'
-        }
-      }
-    }
-  }
-};
-var _default = exports.default = color;