@atlaskit/color-picker 3.2.9 → 3.2.11

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

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import React from 'react';
-import { PopupSelectProps, ValueType } from '@atlaskit/select';
-import { Color, Palette, SwatchSize } from '../types';
-import { jsx } from '@emotion/react';
+import { PopupSelectProps } from '@atlaskit/select';
+import { Palette, SwatchSize } from '../types';
+import type { WrappedComponentProps } from 'react-intl-next';
 export interface Props {
     /** color picker button label */
     label?: string;
@@ -27,16 +27,8 @@ export interface Props {
     /** diasble swatch button */
     isDisabledSelectedSwatch?: boolean;
 }
-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.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" | "analyticsContext" | "key" | "onChange" | "checkMarkColor" | "cols" | "popperProps" | "palette" | "selectedColor" | "selectedColourSwatchSize" | "showDefaultSwatchColor" | "isDisabledSelectedSwatch"> & React.RefAttributes<any>>;
+export declare const ColorPickerWithoutAnalytics: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>; /** maximum column length */
+};
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "label" | "analyticsContext" | "key" | "onChange" | "checkMarkColor" | "cols" | "popperProps" | "palette" | "selectedColor" | "selectedColourSwatchSize" | "showDefaultSwatchColor" | "isDisabledSelectedSwatch" | "forwardedRef"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,5 +1,4 @@
-export declare const COLOR_CARD_SIZE = 30;
-export declare const COLOR_CARD_SIZE_NEW = 32;
+export declare const COLOR_CARD_SIZE = 32;
 export declare const KEY_SPACE = " ";
 export declare const KEY_ENTER = "Enter";
 export declare const KEY_ARROW_UP = "ArrowDown";

package/dist/types-ts4.5/messages.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    colorPickerAriaLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    colorPickerAriaLabelOldFormat: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/docs/0-intro.tsx

@@ -8,7 +8,6 @@ import {
   DevPreviewWarning,
 } from '@atlaskit/docs';
 import { Box, xcss } from '@atlaskit/primitives';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 const marginBottomStyles = xcss({
   marginBottom: 'space.100',
@@ -19,29 +18,16 @@ const marginTopStyles = xcss({
 });
 
 export default md`
-${
-  getBooleanFF(
-    'platform.design-tokens-color-picker-portfolio-plan-wizard_w8rcl',
-  ) ? (
-    <>
-      <Box xcss={marginBottomStyles}>
-        <AtlassianInternalWarning />
-      </Box>
-      <Box xcss={marginTopStyles}>
-        <DevPreviewWarning />
-      </Box>
-    </>
-  ) : (
-    <>
-      <div style={{ marginBottom: '0.5rem' }}>
-        <AtlassianInternalWarning />
-      </div>
-      <div style={{ marginTop: '0.5rem' }}>
-        <DevPreviewWarning />
-      </div>
-    </>
-  )
-}
+${(
+  <>
+    <Box xcss={marginBottomStyles}>
+      <AtlassianInternalWarning />
+    </Box>
+    <Box xcss={marginTopStyles}>
+      <DevPreviewWarning />
+    </Box>
+  </>
+)}
 
 This component allows to pick colors from color palette.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/color-picker",
-  "version": "3.2.9",
+  "version": "3.2.11",
   "description": "Jira Color Picker Component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,23 +32,24 @@
     }
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.2.0",
+    "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.5",
-    "@atlaskit/select": "^17.6.0",
+    "@atlaskit/select": "^17.7.0",
     "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.43.0",
+    "@atlaskit/tokens": "^1.44.0",
     "@atlaskit/tooltip": "^18.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
-    "memoize-one": "^6.0.0"
+    "memoize-one": "^6.0.0",
+    "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "peerDependencies": {
     "react": "^16.8.0"
   },
   "devDependencies": {
     "@af/visual-regression": "*",
-    "@atlaskit/primitives": "^5.5.0",
+    "@atlaskit/primitives": "^5.6.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",
@@ -81,7 +82,7 @@
     "platform.color-picker-radio-button-functionality_6hkcy": {
       "type": "boolean"
     },
-    "platform.design-tokens-color-picker-portfolio-plan-wizard_w8rcl": {
+    "platform.jca11y-1480-inappropriate-label-for-color-picker_76tfe": {
       "type": "boolean"
     },
     "platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i": {