@atlaskit/color-picker 3.0.10 → 3.1.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/color-picker
 
+## 3.1.1
+
+### Patch Changes
+
+- [`4fd4b6307b7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4fd4b6307b7) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
+
+## 3.1.0
+
+### Minor Changes
+
+- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.0.10
 
 ### Patch Changes

package/dist/cjs/components/ColorCard.js

@@ -21,7 +21,8 @@ var _constants = require("../constants");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // AFP-2532 TODO: Fix automatic suppressions below
+// eslint-disable-next-line @atlassian/tangerine/import/entry-points
 var ColorCard = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(ColorCard, _PureComponent);
   var _super = _createSuper(ColorCard);

package/dist/cjs/components/ColorPicker.js

@@ -37,7 +37,7 @@ var defaultPopperProps = {
   placement: 'bottom-start'
 };
 var packageName = "@atlaskit/color-picker";
-var packageVersion = "3.0.10";
+var packageVersion = "3.1.1";
 var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ColorPickerWithoutAnalytics, _React$Component);
   var _super = _createSuper(ColorPickerWithoutAnalytics);

package/dist/cjs/styled/ColorCard.js

@@ -10,7 +10,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _theme = require("@atlaskit/theme");
 var _constants = require("../constants");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5; // AFP-2532 TODO: Fix automatic suppressions below
+// eslint-disable-next-line @atlassian/tangerine/import/entry-points
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var buttonFocusedBorder = "border-color: ".concat("var(--ds-border-focused, ".concat(_theme.colors.B100, ")"), ";");
@@ -32,9 +33,12 @@ var ColorCardButton = _styledComponents.default.button(_templateObject3 || (_tem
 });
 exports.ColorCardButton = ColorCardButton;
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
 var ColorCardContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 24px;\n  height: 24px;\n  border-radius: ", "px;\n  background: ", ";\n  box-shadow: inset 0px 0px 0px 1px\n    ", ";\n"])), (0, _theme.borderRadius)(), function (props) {
   return props.color;
 }, "var(--ds-background-inverse-subtle, ".concat(_theme.colors.DN600A, ")"));
+
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
 exports.ColorCardContent = ColorCardContent;
 var ColorCardContentCheckMark = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 1px;\n"])));
 exports.ColorCardContentCheckMark = ColorCardContentCheckMark;

package/dist/cjs/styled/ColorPalette.js

@@ -10,7 +10,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _theme = require("@atlaskit/theme");
 var _utils = require("../utils");
 var _types = require("../types");
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3; // AFP-2532 TODO: Fix automatic suppressions below
+// eslint-disable-next-line @atlassian/tangerine/import/entry-points
 var ColorCardWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin: ", ";\n"])), "var(--ds-space-025, 2px)");
 exports.ColorCardWrapper = ColorCardWrapper;
 var ColorPaletteContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-wrap: wrap;\n  padding: ", ";\n"])), function (props) {

package/dist/cjs/types.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Mode = void 0;
-var Mode;
-exports.Mode = Mode;
-(function (Mode) {
+var Mode = /*#__PURE__*/function (Mode) {
   Mode[Mode["Compact"] = 0] = "Compact";
   Mode[Mode["Standard"] = 1] = "Standard";
-})(Mode || (exports.Mode = Mode = {}));
+  return Mode;
+}({});
+exports.Mode = Mode;

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/color-picker",
-	"version": "3.0.10"
+	"version": "3.1.1"
 }

package/dist/es2019/components/ColorPicker.js

@@ -19,7 +19,7 @@ const defaultPopperProps = {
   placement: 'bottom-start'
 };
 const packageName = "@atlaskit/color-picker";
-const packageVersion = "3.0.10";
+const packageVersion = "3.1.1";
 export class ColorPickerWithoutAnalytics extends React.Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/styled/ColorCard.js

@@ -53,7 +53,7 @@ export const ColorCardButton = styled.button`
   }
 }};
 `;
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
 export const ColorCardContent = styled.div`
   position: absolute;
   top: 1px;
@@ -65,6 +65,8 @@ export const ColorCardContent = styled.div`
   box-shadow: inset 0px 0px 0px 1px
     ${`var(--ds-background-inverse-subtle, ${colors.DN600A})`};
 `;
+
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
 export const ColorCardContentCheckMark = styled.div`
   margin: 1px;
 `;

package/dist/es2019/types.js

@@ -1,5 +1,5 @@
-export let Mode;
-(function (Mode) {
+export let Mode = /*#__PURE__*/function (Mode) {
   Mode[Mode["Compact"] = 0] = "Compact";
   Mode[Mode["Standard"] = 1] = "Standard";
-})(Mode || (Mode = {}));
+  return Mode;
+}({});

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/color-picker",
-	"version": "3.0.10"
+	"version": "3.1.1"
 }

package/dist/esm/components/ColorPicker.js

@@ -27,7 +27,7 @@ var defaultPopperProps = {
   placement: 'bottom-start'
 };
 var packageName = "@atlaskit/color-picker";
-var packageVersion = "3.0.10";
+var packageVersion = "3.1.1";
 export var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   _inherits(ColorPickerWithoutAnalytics, _React$Component);
   var _super = _createSuper(ColorPickerWithoutAnalytics);

package/dist/esm/styled/ColorCard.js

@@ -21,8 +21,10 @@ export var ColorCardButton = styled.button(_templateObject3 || (_templateObject3
     return buttonFocusedBorder;
   }
 });
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
 export var ColorCardContent = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 24px;\n  height: 24px;\n  border-radius: ", "px;\n  background: ", ";\n  box-shadow: inset 0px 0px 0px 1px\n    ", ";\n"])), borderRadius(), function (props) {
   return props.color;
 }, "var(--ds-background-inverse-subtle, ".concat(colors.DN600A, ")"));
+
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
 export var ColorCardContentCheckMark = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin: 1px;\n"])));

package/dist/esm/types.js

@@ -1,5 +1,5 @@
-export var Mode;
-(function (Mode) {
+export var Mode = /*#__PURE__*/function (Mode) {
   Mode[Mode["Compact"] = 0] = "Compact";
   Mode[Mode["Standard"] = 1] = "Standard";
-})(Mode || (Mode = {}));
+  return Mode;
+}({});

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/color-picker",
-	"version": "3.0.10"
+	"version": "3.1.1"
 }

package/dist/types-ts4.0/components/ColorCard.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PureComponent } from 'react';
+export interface Props {
+    value: string;
+    label: string;
+    onClick?: (value: string) => void;
+    onKeyDown?: (value: string) => void;
+    checkMarkColor?: string;
+    selected?: boolean;
+    focused?: boolean;
+    isOption?: boolean;
+    isTabbing?: boolean;
+}
+export default class ColorCard extends PureComponent<Props> {
+    onMouseDown: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    ref: React.RefObject<HTMLButtonElement>;
+    render(): JSX.Element;
+}

package/dist/types-ts4.0/components/ColorPaletteMenu.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Palette, Mode } from '../types';
+export interface Props {
+    /** color picker button label */
+    label?: string;
+    /** list of available colors */
+    palette: Palette;
+    /** selected color */
+    selectedColor?: string;
+    /** maximum column length */
+    cols: number;
+    /** color of checkmark on selected color */
+    checkMarkColor?: string;
+    /** onChange handler */
+    onChange: (value: string, analyticsEvent?: object) => void;
+    /** You should not be accessing this prop under any circumstances. It is provided by @atlaskit/analytics-next. */
+    createAnalyticsEvent?: any;
+    /** style of the color-picker, either 'Compact' or 'Standard', default value is 'Standard' */
+    mode?: Mode;
+}
+export declare class ColorPaletteMenuWithoutAnalytics extends React.Component<Props> {
+    static defaultProps: {
+        cols: number;
+        mode: Mode;
+    };
+    createAndFireEventOnAtlaskit: (payload: import("@atlaskit/analytics-next").AnalyticsEventPayload) => (createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+    changeAnalyticsCaller: () => import("@atlaskit/analytics-next").UIAnalyticsEvent | undefined;
+    onChange: (value: string) => void;
+    render(): JSX.Element;
+}
+declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "onChange" | "checkMarkColor" | "palette" | "selectedColor"> & Partial<Pick<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "cols" | "mode">> & Partial<Pick<{
+    cols: number;
+    mode: Mode;
+}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "label" | "key" | "onChange" | "checkMarkColor" | "cols" | "mode" | "palette" | "selectedColor" | "analyticsContext"> & React.RefAttributes<any>>;
+export default _default;

package/dist/types-ts4.0/components/ColorPicker.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { ValueType, PopupSelectProps } from '@atlaskit/select';
+import { Palette, Color } from '../types';
+export interface Props {
+    /** color picker button label */
+    label?: string;
+    /** list of available colors */
+    palette: Palette;
+    /** selected color */
+    selectedColor?: string;
+    /** maximum column length */
+    cols?: number;
+    /** color of checkmark on selected color */
+    checkMarkColor?: string;
+    /** props for react-popper */
+    popperProps?: PopupSelectProps['popperProps'];
+    /** onChange handler */
+    onChange: (value: string, analyticsEvent?: object) => void;
+    /** You should not be accessing this prop under any circumstances. It is provided by @atlaskit/analytics-next. */
+    createAnalyticsEvent?: any;
+}
+export declare class ColorPickerWithoutAnalytics extends React.Component<Props> {
+    createAndFireEventOnAtlaskit: (payload: import("@atlaskit/analytics-next").AnalyticsEventPayload) => (createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+    state: {
+        isTabbing: boolean;
+    };
+    changeAnalyticsCaller: () => import("@atlaskit/analytics-next").UIAnalyticsEvent | undefined;
+    onChangeSelect: (option: ValueType<Color>) => void;
+    onOptionKeyDown: (value: string) => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
+    render(): JSX.Element;
+}
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "label" | "key" | "onChange" | "checkMarkColor" | "cols" | "popperProps" | "palette" | "selectedColor" | "analyticsContext"> & React.RefAttributes<any>>;
+export default _default;

package/dist/types-ts4.0/components/Trigger.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface Props {
+    value: string;
+    label?: string;
+    onClick?: () => void;
+    expanded?: boolean;
+}
+export default class ColorCard extends React.PureComponent<Props> {
+    onMouseDown: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    render(): JSX.Element;
+}

package/dist/types-ts4.0/components/components.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { MenuListComponentProps, OptionProps } from '@atlaskit/select';
+import { Color } from '../types';
+export declare const MenuList: (props: MenuListComponentProps<Color>) => JSX.Element;
+export declare const Option: (props: OptionProps<Color>) => JSX.Element;
+export declare const DropdownIndicator: () => null;
+export declare const Placeholder: () => null;

package/dist/types-ts4.0/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const COLOR_CARD_SIZE = 30;
+export declare const KEY_SPACE = " ";
+export declare const KEY_ENTER = "Enter";
+export declare const KEY_ARROW_UP = "ArrowDown";
+export declare const KEY_ARROW_DOWN = "ArrowUp";
+export declare const KEY_TAB = "Tab";

package/dist/types-ts4.0/index.d.ts

@@ -0,0 +1,10 @@
+import ColorPicker from './components/ColorPicker';
+import { Mode } from './types';
+declare const Compact: Mode, Standard: Mode;
+export { ColorPickerWithoutAnalytics } from './components/ColorPicker';
+export type { Props as ColorPickerProps } from './components/ColorPicker';
+export { ColorPaletteMenuWithoutAnalytics } from './components/ColorPaletteMenu';
+export type { Props as ColorPaletteMenuProps } from './components/ColorPaletteMenu';
+export default ColorPicker;
+export { default as ColorPaletteMenu } from './components/ColorPaletteMenu';
+export { Standard, Compact };

package/dist/types-ts4.0/styled/ColorCard.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare type ColorCardProps = {
+    focused?: boolean;
+    isTabbing?: boolean;
+};
+export declare const ColorCardOption: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardProps>;
+export declare const ColorCardButton: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & ColorCardProps, any, import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & ColorCardProps>;
+declare type ColorCardContentProps = {
+    color: string;
+};
+export declare const ColorCardContent: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardContentProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardContentProps>;
+export declare const ColorCardContentCheckMark: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export {};

package/dist/types-ts4.0/styled/ColorPalette.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Mode } from '../types';
+declare type Props = {
+    mode?: Mode;
+};
+declare type ColorPaletteMenuProps = {
+    cols: number;
+    mode?: Mode;
+};
+export declare const ColorCardWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ColorPaletteContainer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Props, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Props>;
+export declare const ColorPaletteMenu: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorPaletteMenuProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorPaletteMenuProps>;
+export {};

package/dist/types-ts4.0/styled/ColorPicker.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ColorCardWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;

package/dist/types-ts4.0/types.d.ts

@@ -0,0 +1,9 @@
+export interface Color {
+    label: string;
+    value: string;
+}
+export declare type Palette = Color[];
+export declare enum Mode {
+    Compact = 0,
+    Standard = 1
+}

package/dist/types-ts4.0/utils.d.ts

@@ -0,0 +1,7 @@
+import { Palette } from './types';
+export declare const getWidth: (cols: number) => number;
+export declare const getOptions: import("memoize-one").MemoizedFn<(palette: Palette, selectedColor?: string | undefined) => {
+    options: Palette;
+    value: import("./types").Color;
+    focusedItemIndex: number;
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/color-picker",
-  "version": "3.0.10",
+  "version": "3.1.1",
   "description": "Jira Color Picker Component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -21,11 +21,11 @@
     }
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.0.0",
-    "@atlaskit/icon": "^21.11.0",
-    "@atlaskit/select": "^16.1.0",
-    "@atlaskit/theme": "^12.3.0",
-    "@atlaskit/tokens": "^1.2.0",
+    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/icon": "^21.12.0",
+    "@atlaskit/select": "^16.2.0",
+    "@atlaskit/theme": "^12.5.0",
+    "@atlaskit/tokens": "^1.3.0",
     "@babel/runtime": "^7.0.0",
     "memoize-one": "^6.0.0",
     "styled-components": "^3.2.6"
@@ -57,7 +57,8 @@
   "techstack": {
     "@repo/internal": {
       "design-tokens": [
-        "color"
+        "color",
+        "spacing"
       ]
     }
   },