@atlaskit/tokens 1.26.0 → 1.27.0

package/dist/cjs/tokens/atlassian-light/elevation/surface.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var elevation = {
-  elevation: {
-    surface: {
-      '[default]': {
-        '[default]': {
-          value: 'Neutral0'
-        },
-        hovered: {
-          value: 'Neutral200'
-        },
-        pressed: {
-          value: 'Neutral300'
-        }
-      },
-      sunken: {
-        value: 'Neutral100'
-      },
-      raised: {
-        '[default]': {
-          value: 'Neutral0'
-        },
-        hovered: {
-          value: 'Neutral200'
-        },
-        pressed: {
-          value: 'Neutral300'
-        }
-      },
-      overlay: {
-        '[default]': {
-          value: 'Neutral0'
-        },
-        hovered: {
-          value: 'Neutral200'
-        },
-        pressed: {
-          value: 'Neutral300'
-        }
-      }
-    }
-  }
-};
-var _default = exports.default = elevation;

package/dist/cjs/tokens/atlassian-light/opacity/opacity.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var opacity = {
-  opacity: {
-    disabled: {
-      value: 'Opacity40'
-    },
-    loading: {
-      value: 'Opacity20'
-    }
-  }
-};
-var _default = exports.default = opacity;

package/dist/cjs/tokens/atlassian-light/utility/utility.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _surface = _interopRequireDefault(require("../elevation/surface"));
-var utility = {
-  UNSAFE: {
-    transparent: {
-      value: 'transparent'
-    }
-  },
-  elevation: {
-    surface: {
-      current: {
-        value: _surface.default.elevation.surface['[default]']['[default]'].value
-      }
-    }
-  }
-};
-var _default = exports.default = {
-  utility: utility
-};

package/dist/cjs/tokens/atlassian-light-increased-contrast/color/accent.js

@@ -1,423 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var color = {
-  color: {
-    text: {
-      accent: {
-        blue: {
-          '[default]': {
-            value: 'Blue900'
-          },
-          bolder: {
-            value: 'Blue1000'
-          }
-        },
-        red: {
-          '[default]': {
-            value: 'Red900'
-          },
-          bolder: {
-            value: 'Red1000'
-          }
-        },
-        orange: {
-          '[default]': {
-            value: 'Orange900'
-          },
-          bolder: {
-            value: 'Orange1000'
-          }
-        },
-        yellow: {
-          '[default]': {
-            value: 'Yellow900'
-          },
-          bolder: {
-            value: 'Yellow1000'
-          }
-        },
-        green: {
-          '[default]': {
-            value: 'Green900'
-          },
-          bolder: {
-            value: 'Green1000'
-          }
-        },
-        purple: {
-          '[default]': {
-            value: 'Purple900'
-          },
-          bolder: {
-            value: 'Purple1000'
-          }
-        },
-        teal: {
-          '[default]': {
-            value: 'Teal900'
-          },
-          bolder: {
-            value: 'Teal1000'
-          }
-        },
-        magenta: {
-          '[default]': {
-            value: 'Magenta900'
-          },
-          bolder: {
-            value: 'Magenta1000'
-          }
-        },
-        lime: {
-          '[default]': {
-            value: 'Lime900'
-          },
-          bolder: {
-            value: 'Lime1000'
-          }
-        },
-        gray: {
-          '[default]': {
-            value: 'Neutral900'
-          },
-          // TODO: Confirm. In theme design this is Neutral1000, which is lighter
-          // than the original theme's Neutral1100
-          bolder: {
-            value: 'Neutral1000'
-          }
-        }
-      }
-    },
-    icon: {
-      accent: {
-        blue: {
-          value: 'Blue800'
-        },
-        red: {
-          value: 'Red800'
-        },
-        orange: {
-          value: 'Orange800'
-        },
-        yellow: {
-          value: 'Yellow800'
-        },
-        green: {
-          value: 'Green800'
-        },
-        purple: {
-          value: 'Purple800'
-        },
-        teal: {
-          value: 'Teal800'
-        },
-        magenta: {
-          value: 'Magenta800'
-        },
-        lime: {
-          value: 'Lime800'
-        },
-        gray: {
-          value: 'Neutral800'
-        }
-      }
-    },
-    border: {
-      accent: {
-        blue: {
-          value: 'Blue800'
-        },
-        red: {
-          value: 'Red800'
-        },
-        orange: {
-          value: 'Orange800'
-        },
-        yellow: {
-          value: 'Yellow800'
-        },
-        green: {
-          value: 'Green800'
-        },
-        purple: {
-          value: 'Purple800'
-        },
-        teal: {
-          value: 'Teal800'
-        },
-        magenta: {
-          value: 'Magenta800'
-        },
-        lime: {
-          value: 'Lime800'
-        },
-        gray: {
-          value: 'Neutral800'
-        }
-      }
-    },
-    background: {
-      accent: {
-        blue: {
-          // TODO: Confirm - no `subtlest` or `subtler` tokens in theme design. Assume this is intentional but will check
-          subtle: {
-            '[default]': {
-              value: 'Blue300'
-            },
-            hovered: {
-              value: 'Blue200'
-            },
-            pressed: {
-              value: 'Blue100'
-            }
-          },
-          bolder: {
-            '[default]': {
-              value: 'Blue900'
-            },
-            hovered: {
-              value: 'Blue1000'
-            },
-            pressed: {
-              // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Blue1100).
-              value: '#022353'
-            }
-          }
-        },
-        red: {
-          subtle: {
-            // TODO: Confirm - custom value used but seems close enough to snap to Red200?
-            // @ts-expect-error
-            '[default]': {
-              value: '#fbb7ae'
-            },
-            hovered: {
-              value: 'Red200'
-            },
-            pressed: {
-              value: 'Red100'
-            }
-          },
-          bolder: {
-            '[default]': {
-              value: 'Red900'
-            },
-            hovered: {
-              value: 'Red1000'
-            },
-            pressed: {
-              // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Red1100).
-              value: '#49120C'
-            }
-          }
-        },
-        orange: {
-          subtle: {
-            '[default]': {
-              value: 'Orange300'
-            },
-            hovered: {
-              value: 'Orange200'
-            },
-            pressed: {
-              value: 'Orange100'
-            }
-          },
-          bolder: {
-            '[default]': {
-              value: 'Orange900'
-            },
-            hovered: {
-              value: 'Orange1000'
-            },
-            pressed: {
-              // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Orange1100).
-              value: '#3E2108'
-            }
-          }
-        },
-        yellow: {
-          subtle: {
-            '[default]': {
-              value: 'Yellow300'
-            },
-            hovered: {
-              value: 'Yellow200'
-            },
-            pressed: {
-              value: 'Yellow100'
-            }
-          },
-          bolder: {
-            '[default]': {
-              value: 'Yellow900'
-            },
-            hovered: {
-              value: 'Yellow1000'
-            },
-            pressed: {
-              // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Yellow1100).
-              value: '#342800'
-            }
-          }
-        },
-        green: {
-          subtle: {
-            '[default]': {
-              value: 'Green300'
-            },
-            hovered: {
-              value: 'Green200'
-            },
-            pressed: {
-              value: 'Green100'
-            }
-          },
-          bolder: {
-            '[default]': {
-              value: 'Green900'
-            },
-            hovered: {
-              value: 'Green1000'
-            },
-            pressed: {
-              // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Green1100).
-              value: '#0F3324'
-            }
-          }
-        },
-        purple: {
-          subtle: {
-            // @ts-expect-error
-            '[default]': {
-              value: '#c3b9fa'
-            },
-            hovered: {
-              value: 'Purple200'
-            },
-            pressed: {
-              value: 'Purple100'
-            }
-          },
-          bolder: {
-            '[default]': {
-              value: 'Purple900'
-            },
-            hovered: {
-              value: 'Purple1000'
-            },
-            pressed: {
-              // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Purple1100).
-              value: '#211A47'
-            }
-          }
-        },
-        teal: {
-          subtle: {
-            '[default]': {
-              value: 'Teal300'
-            },
-            hovered: {
-              value: 'Teal200'
-            },
-            pressed: {
-              value: 'Teal100'
-            }
-          },
-          bolder: {
-            '[default]': {
-              value: 'Teal900'
-            },
-            hovered: {
-              value: 'Teal1000'
-            },
-            pressed: {
-              // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Teal1100).
-              value: '#103034'
-            }
-          }
-        },
-        magenta: {
-          subtle: {
-            // @ts-expect-error
-            '[default]': {
-              value: '#f2a6d4'
-            },
-            hovered: {
-              value: 'Magenta200'
-            },
-            pressed: {
-              value: 'Magenta100'
-            }
-          },
-          bolder: {
-            '[default]': {
-              value: 'Magenta900'
-            },
-            hovered: {
-              value: 'Magenta1000'
-            },
-            pressed: {
-              // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Magenta1100).
-              value: '#37172A'
-            }
-          }
-        },
-        lime: {
-          subtle: {
-            '[default]': {
-              value: 'Lime300'
-            },
-            hovered: {
-              value: 'Lime200'
-            },
-            pressed: {
-              value: 'Lime100'
-            }
-          },
-          bolder: {
-            '[default]': {
-              value: 'Lime900'
-            },
-            hovered: {
-              value: 'Lime1000'
-            },
-            pressed: {
-              // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Lime1100).
-              value: '#233013'
-            }
-          }
-        },
-        gray: {
-          subtle: {
-            '[default]': {
-              value: 'Neutral400'
-            },
-            hovered: {
-              value: 'Neutral300'
-            },
-            pressed: {
-              value: 'Neutral200'
-            }
-          },
-          bolder: {
-            '[default]': {
-              value: 'Neutral800'
-            },
-            hovered: {
-              value: 'Neutral900'
-            },
-            pressed: {
-              value: 'Neutral1000'
-            }
-          }
-        }
-      }
-    }
-  }
-};
-var _default = exports.default = color;

package/dist/cjs/tokens/atlassian-light-increased-contrast/color/background.js

@@ -1,145 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var color = {
-  color: {
-    // TODO: Confirm - commented out tokens not included in theme design
-    // but may be suitable?
-    // blanket: {
-    //   '[default]': { value: 'Neutral500A' },
-    //   // @ts-ignore temporary value (Blue500 8% opacity)
-    //   selected: { value: '#388BFF14' },
-    //   // @ts-ignore temporary value (Red500 8% opacity)
-    //   danger: { value: '#EF5C4814' },
-    // },
-    background: {
-      // disabled: { value: 'Neutral100A' },
-      // neutral: {
-      //   '[default]': {
-      //     '[default]': { value: 'Neutral200A' },
-      //     hovered: { value: 'Neutral300A' },
-      //     pressed: { value: 'Neutral400A' },
-      //   },
-      //   subtle: {
-      //     // @ts-ignore temporary value
-      //     '[default]': { value: 'transparent' },
-      //     hovered: { value: 'Neutral200A' },
-      //     pressed: { value: 'Neutral300A' },
-      //   },
-      //   bold: {
-      //     '[default]': { value: 'Neutral800' },
-      //     hovered: { value: 'Neutral900' },
-      //     pressed: { value: 'Neutral1000' },
-      //   },
-      // },
-      brand: {
-        bold: {
-          '[default]': {
-            value: 'Blue900'
-          },
-          hovered: {
-            value: 'Blue1000'
-          },
-          pressed: {
-            // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Blue1100).
-            value: '#022353'
-          }
-        }
-        // boldest: {
-        //   '[default]': { value: 'Blue1000' },
-        //   hovered: { value: 'Blue900' },
-        //   pressed: { value: 'Blue800' },
-        // },
-      },
-
-      selected: {
-        bold: {
-          '[default]': {
-            value: 'Blue900'
-          },
-          hovered: {
-            value: 'Blue1000'
-          },
-          pressed: {
-            // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Blue1100).
-            value: '#022353'
-          }
-        }
-      },
-      danger: {
-        bold: {
-          '[default]': {
-            value: 'Red900'
-          },
-          hovered: {
-            value: 'Red1000'
-          },
-          pressed: {
-            // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Red1100).
-            value: '#49120C'
-          }
-        }
-      },
-      warning: {
-        bold: {
-          '[default]': {
-            value: 'Yellow900'
-          },
-          hovered: {
-            value: 'Yellow1000'
-          },
-          pressed: {
-            // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Yellow1100).
-            value: '#342800'
-          }
-        }
-      },
-      success: {
-        bold: {
-          '[default]': {
-            value: 'Green900'
-          },
-          hovered: {
-            value: 'Green1000'
-          },
-          pressed: {
-            // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Green1100).
-            value: '#0F3324'
-          }
-        }
-      },
-      discovery: {
-        bold: {
-          '[default]': {
-            value: 'Purple900'
-          },
-          hovered: {
-            value: 'Purple1000'
-          },
-          pressed: {
-            // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Purple1100).
-            value: '#211A47'
-          }
-        }
-      },
-      information: {
-        bold: {
-          '[default]': {
-            value: 'Blue900'
-          },
-          hovered: {
-            value: 'Blue1000'
-          },
-          pressed: {
-            // @ts-expect-error TODO: Consider extending palette. Uses value outside range of palettes (would be Blue1100).
-            value: '#022353'
-          }
-        }
-      }
-    }
-  }
-};
-var _default = exports.default = color;

package/dist/cjs/tokens/atlassian-light-increased-contrast/color/border.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var color = {
-  color: {
-    border: {
-      '[default]': {
-        // TODO: Confirm. Not sure we're meant to use Dark Neutral pallette in light themes but might be fine
-        value: 'DarkNeutral500A'
-      },
-      bold: {
-        value: 'Neutral800'
-      },
-      focused: {
-        value: 'Blue800'
-      },
-      input: {
-        value: 'Neutral800'
-      },
-      disabled: {
-        value: 'Neutral300A'
-      },
-      brand: {
-        value: 'Blue800'
-      },
-      selected: {
-        value: 'Blue800'
-      },
-      danger: {
-        value: 'Red700'
-      },
-      warning: {
-        value: 'Orange800'
-      },
-      success: {
-        value: 'Green800'
-      },
-      discovery: {
-        value: 'Purple700'
-      },
-      information: {
-        value: 'Blue800'
-      }
-    }
-  }
-};
-var _default = exports.default = color;