@atlaskit/color-picker 3.2.14 → 3.2.16

package/dist/esm/utils.js

@@ -4,7 +4,6 @@ import { gridSize } from '@atlaskit/theme';
 import { COLOR_CARD_SIZE } from './constants';
 import memoizeOne from 'memoize-one';
 import { Mode } from './types';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var getWidth = function getWidth(cols, mode) {
   var width = cols * (COLOR_CARD_SIZE + gridSize() / 2);
   return mode === Mode.Standard ? width + gridSize() : width;
@@ -12,7 +11,7 @@ export var getWidth = function getWidth(cols, mode) {
 export var getOptions = memoizeOne(function (palette, selectedColor, showDefaultSwatchColor) {
   var focusedItemIndex = 0;
   var defaultSelectedColor = palette[0];
-  if (getBooleanFF('platform.color-picker-radio-button-functionality_6hkcy') && !showDefaultSwatchColor) {
+  if (!showDefaultSwatchColor) {
     defaultSelectedColor = {
       label: '',
       value: ''

package/dist/types/messages.d.ts

@@ -4,5 +4,10 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
+    colorCardRadioItemLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default _default;

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

@@ -4,5 +4,10 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
+    colorCardRadioItemLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default _default;

package/docs/0-intro.tsx

@@ -1,32 +1,33 @@
 import React from 'react';
 import {
-  md,
-  code,
-  Example,
-  Props,
-  AtlassianInternalWarning,
-  DevPreviewWarning,
+	md,
+	code,
+	Example,
+	Props,
+	AtlassianInternalWarning,
+	DevPreviewWarning,
 } from '@atlaskit/docs';
 import { Box, xcss } from '@atlaskit/primitives';
 
 const marginBottomStyles = xcss({
-  marginBottom: 'space.100',
+	marginBottom: 'space.100',
 });
 
 const marginTopStyles = xcss({
-  marginBottom: 'space.100',
+	marginBottom: 'space.100',
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export default md`
 ${(
-  <>
-    <Box xcss={marginBottomStyles}>
-      <AtlassianInternalWarning />
-    </Box>
-    <Box xcss={marginTopStyles}>
-      <DevPreviewWarning />
-    </Box>
-  </>
+	<>
+		<Box xcss={marginBottomStyles}>
+			<AtlassianInternalWarning />
+		</Box>
+		<Box xcss={marginTopStyles}>
+			<DevPreviewWarning />
+		</Box>
+	</>
 )}
 
 This component allows to pick colors from color palette.
@@ -38,29 +39,29 @@ ${code`
 `}
 
 ${(
-  <Example
-    packageName="@atlaskit/color-picker"
-    Component={require('../examples/00-color-picker').default}
-    source={require('!!raw-loader!../examples/00-color-picker')}
-    title="Basic Usage"
-    language="jsx"
-  />
+	<Example
+		packageName="@atlaskit/color-picker"
+		Component={require('../examples/00-color-picker').default}
+		source={require('!!raw-loader!../examples/00-color-picker')}
+		title="Basic Usage"
+		language="jsx"
+	/>
 )}
 
 ${(
-  <Example
-    packageName="@atlaskit/color-picker"
-    Component={require('../examples/01-multi-columns-color-picker').default}
-    source={require('!!raw-loader!../examples/01-multi-columns-color-picker')}
-    title="Color picker with multiple columns palette"
-    language="jsx"
-  />
+	<Example
+		packageName="@atlaskit/color-picker"
+		Component={require('../examples/01-multi-columns-color-picker').default}
+		source={require('!!raw-loader!../examples/01-multi-columns-color-picker')}
+		title="Color picker with multiple columns palette"
+		language="jsx"
+	/>
 )}
 
 ${(
-  <Props
-    heading="Color picker props"
-    props={require('!!extract-react-types-loader!../src/components/ColorPicker')}
-  />
+	<Props
+		heading="Color picker props"
+		props={require('!!extract-react-types-loader!../src/components/ColorPicker')}
+	/>
 )}
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/color-picker",
-  "version": "3.2.14",
+  "version": "3.2.16",
   "description": "Jira Color Picker Component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,8 +36,8 @@
     "@atlaskit/icon": "^22.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.5",
     "@atlaskit/select": "^17.10.0",
-    "@atlaskit/theme": "^12.8.0",
-    "@atlaskit/tokens": "^1.49.0",
+    "@atlaskit/theme": "^12.9.0",
+    "@atlaskit/tokens": "^1.50.0",
     "@atlaskit/tooltip": "^18.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -49,7 +49,7 @@
   },
   "devDependencies": {
     "@af/visual-regression": "*",
-    "@atlaskit/primitives": "^6.5.0",
+    "@atlaskit/primitives": "^7.0.0",
     "@atlaskit/visual-regression": "*",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
@@ -77,10 +77,7 @@
     }
   },
   "platform-feature-flags": {
-    "platform.color-picker-radio-button-functionality_6hkcy": {
-      "type": "boolean"
-    },
-    "platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i": {
+    "platform.jca11y-2997-remove-duplicate-screen-reader-announcements_fz13s": {
       "type": "boolean"
     }
   }

package/report.api.md

@@ -2,7 +2,8 @@
 
 ## API Report File for "@atlaskit/color-picker"
 
-> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using
+> [API Extractor](https://api-extractor.com/).
 > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ### Table of contents
@@ -26,112 +27,107 @@ import { WithContextProps } from '@atlaskit/analytics-next';
 
 // @public (undocumented)
 interface Color {
-  // (undocumented)
-  label: string;
-  // (undocumented)
-  value: string;
+	// (undocumented)
+	label: string;
+	// (undocumented)
+	value: string;
 }
 
 // @public (undocumented)
 export const ColorPaletteMenu: React_2.ForwardRefExoticComponent<
-  Pick<
-    Pick<
-      Omit<ColorPaletteMenuProps, keyof WithAnalyticsEventsProps>,
-      'checkMarkColor' | 'label' | 'onChange' | 'palette' | 'selectedColor'
-    > &
-      Partial<
-        Pick<
-          Omit<ColorPaletteMenuProps, keyof WithAnalyticsEventsProps>,
-          'cols' | 'mode'
-        >
-      > &
-      Partial<
-        Pick<
-          {
-            cols: number;
-            mode: Mode;
-          },
-          never
-        >
-      > &
-      React_2.RefAttributes<any> &
-      WithContextProps,
-    | 'analyticsContext'
-    | 'checkMarkColor'
-    | 'cols'
-    | 'key'
-    | 'label'
-    | 'mode'
-    | 'onChange'
-    | 'palette'
-    | 'selectedColor'
-  > &
-    React_2.RefAttributes<any>
+	Pick<
+		Pick<
+			Omit<ColorPaletteMenuProps, keyof WithAnalyticsEventsProps>,
+			'checkMarkColor' | 'label' | 'onChange' | 'palette' | 'selectedColor'
+		> &
+			Partial<Pick<Omit<ColorPaletteMenuProps, keyof WithAnalyticsEventsProps>, 'cols' | 'mode'>> &
+			Partial<
+				Pick<
+					{
+						cols: number;
+						mode: Mode;
+					},
+					never
+				>
+			> &
+			React_2.RefAttributes<any> &
+			WithContextProps,
+		| 'analyticsContext'
+		| 'checkMarkColor'
+		| 'cols'
+		| 'key'
+		| 'label'
+		| 'mode'
+		| 'onChange'
+		| 'palette'
+		| 'selectedColor'
+	> &
+		React_2.RefAttributes<any>
 >;
 
 // @public (undocumented)
 export interface ColorPaletteMenuProps {
-  checkMarkColor?: string;
-  cols: number;
-  createAnalyticsEvent?: any;
-  label?: string;
-  mode?: Mode;
-  onChange: (value: string, analyticsEvent?: object) => void;
-  palette: Palette;
-  selectedColor?: string;
+	checkMarkColor?: string;
+	cols: number;
+	createAnalyticsEvent?: any;
+	label?: string;
+	mode?: Mode;
+	onChange: (value: string, analyticsEvent?: object) => void;
+	palette: Palette;
+	selectedColor?: string;
 }
 
 // @public (undocumented)
 export class ColorPaletteMenuWithoutAnalytics extends React_2.Component<ColorPaletteMenuProps> {
-  // (undocumented)
-  changeAnalyticsCaller: () => UIAnalyticsEvent | undefined;
-  // (undocumented)
-  createAndFireEventOnAtlaskit: (
-    payload: AnalyticsEventPayload,
-  ) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
-  // (undocumented)
-  static defaultProps: {
-    cols: number;
-    mode: Mode;
-  };
-  // (undocumented)
-  onChange: (value: string) => void;
-  // (undocumented)
-  render(): JSX.Element;
+	// (undocumented)
+	changeAnalyticsCaller: () => UIAnalyticsEvent | undefined;
+	// (undocumented)
+	createAndFireEventOnAtlaskit: (
+		payload: AnalyticsEventPayload,
+	) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
+	// (undocumented)
+	static defaultProps: {
+		cols: number;
+		mode: Mode;
+	};
+	// (undocumented)
+	onChange: (value: string) => void;
+	// (undocumented)
+	render(): JSX.Element;
 }
 
 // @public (undocumented)
 export interface ColorPickerProps {
-  checkMarkColor?: string;
-  cols?: number;
-  createAnalyticsEvent?: any;
-  label?: string;
-  onChange: (value: string, analyticsEvent?: object) => void;
-  palette: Palette;
-  popperProps?: PopupSelectProps['popperProps'];
-  selectedColor?: string;
+	checkMarkColor?: string;
+	cols?: number;
+	createAnalyticsEvent?: any;
+	label?: string;
+	onChange: (value: string, analyticsEvent?: object) => void;
+	palette: Palette;
+	popperProps?: PopupSelectProps['popperProps'];
+	selectedColor?: string;
 }
 
 // @public (undocumented)
 export class ColorPickerWithoutAnalytics extends React_2.Component<ColorPickerProps> {
-  // (undocumented)
-  changeAnalyticsCaller: () => UIAnalyticsEvent | undefined;
-  // (undocumented)
-  createAndFireEventOnAtlaskit: (
-    payload: AnalyticsEventPayload,
-  ) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
-  // (undocumented)
-  onChangeSelect: (option: ValueType<Color>) => void;
-  // (undocumented)
-  onKeyDown: (e: React_2.KeyboardEvent<HTMLElement>) => void;
-  // (undocumented)
-  onOptionKeyDown: (value: string) => void;
-  // (undocumented)
-  render(): JSX.Element;
-  // (undocumented)
-  state: {
-    isTabbing: boolean;
-  };
+	// (undocumented)
+	changeAnalyticsCaller: () => UIAnalyticsEvent | undefined;
+	// (undocumented)
+	createAndFireEventOnAtlaskit: (
+		payload: AnalyticsEventPayload,
+	) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
+	// (undocumented)
+	onChangeSelect: (option: ValueType<Color>) => void;
+	// (undocumented)
+	onKeyDown: (e: React_2.KeyboardEvent<HTMLElement>) => void;
+	// (undocumented)
+	onOptionKeyDown: (value: string) => void;
+	// (undocumented)
+	render(): JSX.Element;
+	// (undocumented)
+	state: {
+		isTabbing: boolean;
+	};
 }
 
 // @public (undocumented)
@@ -139,30 +135,30 @@ export const Compact: Mode;
 
 // @public (undocumented)
 const _default: React_2.ForwardRefExoticComponent<
-  Pick<
-    Omit<ColorPickerProps, keyof WithAnalyticsEventsProps> &
-      React_2.RefAttributes<any> &
-      WithContextProps,
-    | 'analyticsContext'
-    | 'checkMarkColor'
-    | 'cols'
-    | 'key'
-    | 'label'
-    | 'onChange'
-    | 'palette'
-    | 'popperProps'
-    | 'selectedColor'
-  > &
-    React_2.RefAttributes<any>
+	Pick<
+		Omit<ColorPickerProps, keyof WithAnalyticsEventsProps> &
+			React_2.RefAttributes<any> &
+			WithContextProps,
+		| 'analyticsContext'
+		| 'checkMarkColor'
+		| 'cols'
+		| 'key'
+		| 'label'
+		| 'onChange'
+		| 'palette'
+		| 'popperProps'
+		| 'selectedColor'
+	> &
+		React_2.RefAttributes<any>
 >;
 export default _default;
 
 // @public (undocumented)
 enum Mode {
-  // (undocumented)
-  Compact = 0,
-  // (undocumented)
-  Standard = 1,
+	// (undocumented)
+	Compact = 0,
+	// (undocumented)
+	Standard = 1,
 }
 
 // @public (undocumented)
@@ -182,7 +178,7 @@ export const Standard: Mode;
 
 ```json
 {
-  "react": "^16.8.0"
+	"react": "^16.8.0"
 }
 ```