@atlaskit/checkbox 13.3.0 → 13.5.0

package/dist/types/types.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import type React from 'react';
 import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
+import { type StrictXCSSProp } from '@atlaskit/css';
 export type Size = 'small' | 'medium' | 'large' | 'xlarge';
 /**
  *
@@ -70,6 +71,11 @@ export type OwnProps = {
      * Additional information to be included in the `context` of analytics events that come from radio.
      */
     analyticsContext?: Record<string, any>;
+    /**
+     * Bounded style API. Defining allowed styles through this prop will be supported for future component
+     * iterations. Any styles that are not allowed by this API will result in type and land blocking violations.
+     */
+    xcss?: StrictXCSSProp<'alignItems', never>;
 };
 type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export type CheckboxProps = Combine<Omit<React.InputHTMLAttributes<HTMLInputElement>, 
@@ -99,5 +105,10 @@ export interface LabelProps extends React.HTMLProps<HTMLInputElement> {
      * as Firefox does not dispatch modified click events (e.g. Ctrl+Click) down to the underlying input element.
      */
     onClick?: React.MouseEventHandler;
+    /**
+     * Bounded style overrides. Defining allowed styles through this prop will be supported for future component
+     * iterations. Any styles that are not allowed by this API will result in type and land blocking violations.
+     */
+    xcss?: StrictXCSSProp<'alignItems', never>;
 }
 export {};

package/dist/types-ts4.5/internal/label-text.d.ts

@@ -1,4 +1,7 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { LabelTextProps } from '../types';
+import { type LabelTextProps } from '../types';
 export default function LabelText({ children }: LabelTextProps): jsx.JSX.Element;

package/dist/types-ts4.5/internal/label.d.ts

@@ -1,4 +1,7 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { LabelProps } from '../types';
-export default function Label({ children, isDisabled, testId, label, id, }: LabelProps): jsx.JSX.Element;
+import { type LabelProps } from '../types';
+export default function Label({ children, isDisabled, testId, label, id, xcss }: LabelProps): jsx.JSX.Element;

package/dist/types-ts4.5/internal/required-indicator.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 export default function RequiredIndicator(): jsx.JSX.Element;

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

@@ -1,5 +1,6 @@
-import React from 'react';
+import type React from 'react';
 import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
+import { type StrictXCSSProp } from '@atlaskit/css';
 export type Size = 'small' | 'medium' | 'large' | 'xlarge';
 /**
  *
@@ -70,6 +71,11 @@ export type OwnProps = {
      * Additional information to be included in the `context` of analytics events that come from radio.
      */
     analyticsContext?: Record<string, any>;
+    /**
+     * Bounded style API. Defining allowed styles through this prop will be supported for future component
+     * iterations. Any styles that are not allowed by this API will result in type and land blocking violations.
+     */
+    xcss?: StrictXCSSProp<'alignItems', never>;
 };
 type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export type CheckboxProps = Combine<Omit<React.InputHTMLAttributes<HTMLInputElement>, 
@@ -99,5 +105,10 @@ export interface LabelProps extends React.HTMLProps<HTMLInputElement> {
      * as Firefox does not dispatch modified click events (e.g. Ctrl+Click) down to the underlying input element.
      */
     onClick?: React.MouseEventHandler;
+    /**
+     * Bounded style overrides. Defining allowed styles through this prop will be supported for future component
+     * iterations. Any styles that are not allowed by this API will result in type and land blocking violations.
+     */
+    xcss?: StrictXCSSProp<'alignItems', never>;
 }
 export {};

package/extract-react-types/checkbox-props.tsx

@@ -1,5 +1,5 @@
-import { OwnProps } from '../src/types';
+import { type OwnProps } from '../src/types';
 
 export default function CheckboxProps(props: OwnProps) {
-  return null;
+	return null;
 }

package/package.json

@@ -1,94 +1,94 @@
 {
-  "name": "@atlaskit/checkbox",
-  "version": "13.3.0",
-  "description": "A checkbox is an input control that allows a user to select one or more options from a number of choices.",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "sideEffects": false,
-  "atlaskit:src": "src/index.tsx",
-  "atlassian": {
-    "team": "Design System Team",
-    "productPushConsumption": [
-      "jira"
-    ],
-    "releaseModel": "continuous",
-    "website": {
-      "name": "Checkbox",
-      "category": "Components"
-    },
-    "runReact18": true
-  },
-  "af:exports": {
-    ".": "./src/index.tsx"
-  },
-  "dependencies": {
-    "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/icon": "^22.1.0",
-    "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.45.0",
-    "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
-  },
-  "devDependencies": {
-    "@af/accessibility-testing": "*",
-    "@af/integration-testing": "*",
-    "@af/visual-regression": "*",
-    "@atlaskit/ssr": "*",
-    "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@atlassian/feature-flags-test-utils": "*",
-    "@testing-library/react": "^12.1.5",
-    "jscodeshift": "^0.13.0",
-    "react-dom": "^16.8.0",
-    "storybook-addon-performance": "^0.16.0",
-    "typescript": "~5.4.2",
-    "wait-for-expect": "^1.2.0"
-  },
-  "keywords": [
-    "atlaskit",
-    "react",
-    "ui"
-  ],
-  "techstack": {
-    "@atlassian/frontend": {
-      "import-structure": "atlassian-conventions"
-    },
-    "@repo/internal": {
-      "dom-events": "use-bind-event-listener",
-      "design-system": "v1",
-      "ui-components": "lite-mode",
-      "analytics": "analytics-next",
-      "design-tokens": [
-        "color",
-        "spacing"
-      ],
-      "deprecation": "no-deprecated-imports",
-      "styling": [
-        "emotion",
-        "static"
-      ]
-    }
-  },
-  "homepage": "https://atlassian.design/components/checkbox/",
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+	"name": "@atlaskit/checkbox",
+	"version": "13.5.0",
+	"description": "A checkbox is an input control that allows a user to select one or more options from a number of choices.",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"sideEffects": false,
+	"atlaskit:src": "src/index.tsx",
+	"atlassian": {
+		"team": "Design System Team",
+		"productPushConsumption": [
+			"jira"
+		],
+		"releaseModel": "continuous",
+		"website": {
+			"name": "Checkbox",
+			"category": "Components"
+		},
+		"runReact18": true
+	},
+	"af:exports": {
+		".": "./src/index.tsx"
+	},
+	"dependencies": {
+		"@atlaskit/analytics-next": "^9.3.0",
+		"@atlaskit/css": "^0.2.0",
+		"@atlaskit/ds-lib": "^2.3.0",
+		"@atlaskit/icon": "^22.4.0",
+		"@atlaskit/theme": "^12.10.0",
+		"@atlaskit/tokens": "^1.51.0",
+		"@babel/runtime": "^7.0.0",
+		"@emotion/react": "^11.7.1"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
+	},
+	"devDependencies": {
+		"@af/accessibility-testing": "*",
+		"@af/integration-testing": "*",
+		"@af/visual-regression": "*",
+		"@atlaskit/primitives": "^7.4.0",
+		"@atlaskit/ssr": "*",
+		"@atlaskit/visual-regression": "*",
+		"@atlassian/feature-flags-test-utils": "*",
+		"@testing-library/react": "^12.1.5",
+		"jscodeshift": "^0.13.0",
+		"react-dom": "^16.8.0",
+		"storybook-addon-performance": "^0.16.0",
+		"typescript": "~5.4.2",
+		"wait-for-expect": "^1.2.0"
+	},
+	"keywords": [
+		"atlaskit",
+		"react",
+		"ui"
+	],
+	"techstack": {
+		"@atlassian/frontend": {
+			"import-structure": "atlassian-conventions"
+		},
+		"@repo/internal": {
+			"dom-events": "use-bind-event-listener",
+			"design-system": "v1",
+			"ui-components": "lite-mode",
+			"analytics": "analytics-next",
+			"design-tokens": [
+				"color",
+				"spacing"
+			],
+			"deprecation": "no-deprecated-imports",
+			"styling": [
+				"emotion",
+				"static"
+			]
+		}
+	},
+	"homepage": "https://atlassian.design/components/checkbox/"
+}

package/report.api.md

@@ -2,7 +2,8 @@
 
 ## API Report File for "@atlaskit/checkbox"
 
-> 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,39 +27,36 @@ import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 
 // @public
 const Checkbox: MemoExoticComponent<
-  ForwardRefExoticComponent<
-    Omit<
-      Omit<
-        InputHTMLAttributes<HTMLInputElement>,
-        'checked' | 'css' | 'disabled' | 'required'
-      >,
-      keyof OwnProps
-    > &
-      OwnProps &
-      RefAttributes<HTMLInputElement>
-  >
+	ForwardRefExoticComponent<
+		Omit<
+			Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'css' | 'disabled' | 'required'>,
+			keyof OwnProps
+		> &
+			OwnProps &
+			RefAttributes<HTMLInputElement>
+	>
 >;
 export { Checkbox };
 export default Checkbox;
 
 // @public (undocumented)
 export type CheckboxProps = Combine<
-  Omit<
-    React_2.InputHTMLAttributes<HTMLInputElement>,
-    /**
-     * 'disabled', 'required', and 'checked' are omitted so that
-     * consumers must handle state using our props.
-     *
-     * 'css' is added globally to element attributes by emotion.
-     * This was causing a bug, making the css prop required in
-     * some cases. We explicitly omit it to avoid that.
-     *
-     * Because 'className' (which the css prop uses internally)
-     * is still available, this should not break existing usage.
-     */
-    'checked' | 'css' | 'disabled' | 'required'
-  >,
-  OwnProps
+	Omit<
+		React_2.InputHTMLAttributes<HTMLInputElement>,
+		/**
+		 * 'disabled', 'required', and 'checked' are omitted so that
+		 * consumers must handle state using our props.
+		 *
+		 * 'css' is added globally to element attributes by emotion.
+		 * This was causing a bug, making the css prop required in
+		 * some cases. We explicitly omit it to avoid that.
+		 *
+		 * Because 'className' (which the css prop uses internally)
+		 * is still available, this should not break existing usage.
+		 */
+		'checked' | 'css' | 'disabled' | 'required'
+	>,
+	OwnProps
 >;
 
 // @public (undocumented)
@@ -66,23 +64,20 @@ type Combine<First, Second> = Omit<First, keyof Second> & Second;
 
 // @public
 type OwnProps = {
-  defaultChecked?: boolean;
-  id?: string;
-  isChecked?: boolean;
-  isDisabled?: boolean;
-  isIndeterminate?: boolean;
-  isInvalid?: boolean;
-  isRequired?: boolean;
-  label?: React_2.ReactChild;
-  name?: string;
-  onChange?: (
-    e: React_2.ChangeEvent<HTMLInputElement>,
-    analyticsEvent: UIAnalyticsEvent,
-  ) => void;
-  value?: number | string;
-  size?: Size;
-  testId?: string;
-  analyticsContext?: Record<string, any>;
+	defaultChecked?: boolean;
+	id?: string;
+	isChecked?: boolean;
+	isDisabled?: boolean;
+	isIndeterminate?: boolean;
+	isInvalid?: boolean;
+	isRequired?: boolean;
+	label?: React_2.ReactChild;
+	name?: string;
+	onChange?: (e: React_2.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
+	value?: number | string;
+	size?: Size;
+	testId?: string;
+	analyticsContext?: Record<string, any>;
 };
 
 // @public (undocumented)
@@ -99,7 +94,7 @@ type Size = 'large' | 'medium' | 'small' | 'xlarge';
 
 ```json
 {
-  "react": "^16.8.0"
+	"react": "^16.8.0"
 }
 ```