@atlaskit/checkbox 17.3.3 → 17.3.5

package/dist/esm/internal/label.js

@@ -1,9 +1,4 @@
 /* label.tsx generated by @compiled/babel-plugin v0.38.1 */
-import "./label.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { fg } from '@atlaskit/platform-feature-flags';
-import { B200, B300, B400, B50, N10, N100, N20, N30, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
 /**
  * Base state styles with CSS custom properties.
  * Pseudo-selectors (:hover, :focus-within, :active) on the label element
@@ -13,6 +8,9 @@ import { B200, B300, B400, B50, N10, N100, N20, N30, N70, N80, N900, R300 } from
  * Uses `css` over `cssMap` to work around a bug in Compiled types when
  * using CSS variables in pseudo-selectors.
  */
+import "./label.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 var baseStyles = null;
 var textLabelLayoutStyles = null;
 
@@ -27,15 +25,6 @@ var disabledStyles = null;
 
 // Disabled + Checked/Indeterminate
 var disabledCheckedStyles = null;
-
-/**
- * Legacy label styles with --local-* CSS custom properties.
- * These are consumed by the nested sibling selectors in checkbox.tsx.
- */
-var legacyBaseStyles = null;
-var legacyTextLabelLayoutStyles = null;
-var legacyDisabledStyles = null;
-var legacyLabelStyles = null;
 export default function Label(_ref) {
   var children = _ref.children,
     isDisabled = _ref.isDisabled,
@@ -46,35 +35,10 @@ export default function Label(_ref) {
     label = _ref.label,
     id = _ref.id,
     xcss = _ref.xcss;
-  if (fg('platform-checkbox-atomic-styles')) {
-    return /*#__PURE__*/React.createElement("label", {
-      className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v _syaz1tvo _80om13gf _1vj5by5v _q29qby5v _dh4gby5v _cz1uby5v _jom5wc43 _1s0718qt _106f18qt", isDisabled && (isChecked || isIndeterminate) && "_1e9d2sac _9js12sac _zoo92sac", xcss]),
-      "data-testid": testId,
-      "data-disabled": isDisabled || undefined,
-      id: id
-    }, children);
-  }
   return /*#__PURE__*/React.createElement("label", {
-    className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _syazovqm _80om73ad", label && "_zulp1nu5 _yv0ey09t", isDisabled && "_syaz7wap _80om13gf", "_h5e31kd8 _1nzs1kc0 _1esz1j4g _yp0j1ehr _ay2w1ouc _d51u12ci _phftddza _1g1fe69j _l6wk1j4g _1dik1ehr _1sfg1380 _fpdj1ouc _1yjc3zdg _oaj1ddza _1j3h1380 _eawbxz7c _1rdaeh7q _18q0snw8 _13hr1j28", xcss]),
+    className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v _syaz1tvo _80om13gf _1vj5by5v _q29qby5v _dh4gby5v _cz1uby5v _jom5wc43 _1s0718qt _106f18qt", isDisabled && (isChecked || isIndeterminate) && "_1e9d2sac _9js12sac _zoo92sac", xcss]),
     "data-testid": testId,
     "data-disabled": isDisabled || undefined,
-    id: id,
-    style: {
-      "--_5xk3r4": ix("var(--ds-text, ".concat(N900, ")")),
-      "--_1ynhf1h": ix("var(--ds-text-disabled, ".concat(N80, ")")),
-      "--_4mkb4g": ix("var(--ds-background-input, ".concat(N10, ")")),
-      "--_1cd0fcx": ix("var(--ds-background-input-pressed, ".concat(B50, ")")),
-      "--_1gcp7nr": ix("var(--ds-background-selected-bold, ".concat(B400, ")")),
-      "--_14y1fod": ix("var(--ds-background-selected-bold-hovered, ".concat(B300, ")")),
-      "--_r5pknd": ix("var(--ds-background-disabled, ".concat(N20, ")")),
-      "--_1z08gfx": ix("var(--ds-background-input-hovered, ".concat(N30, ")")),
-      "--_vnm8xo": ix("var(--ds-border-input, ".concat(N100, ")")),
-      "--_rczcge": ix("var(--ds-border, ".concat(B50, ")")),
-      "--_1i4xulb": ix("var(--ds-border-danger, ".concat(R300, ")")),
-      "--_xjqa3d": ix("var(--ds-border-focused, ".concat(B200, ")")),
-      "--_uq1ko9": ix("var(--ds-icon-inverse, ".concat(B400, ")")),
-      "--_jf353p": ix("var(--ds-icon-inverse, ".concat(N10, ")")),
-      "--_1xmcmw9": ix("var(--ds-icon-disabled, ".concat(N70, ")"))
-    }
+    id: id
   }, children);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/checkbox",
-	"version": "17.3.3",
+	"version": "17.3.5",
 	"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/"
@@ -35,8 +35,7 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^5.3.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/theme": "^21.0.0",
+		"@atlaskit/theme": "^22.0.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6"
@@ -49,8 +48,8 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/suppress-react-warnings": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.9.0",
-		"@atlaskit/docs": "^11.3.0",
+		"@atlaskit/button": "^23.10.0",
+		"@atlaskit/docs": "^11.5.0",
 		"@atlaskit/form": "^15.3.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/primitives": "^18.0.0",
@@ -86,16 +85,5 @@
 			]
 		}
 	},
-	"homepage": "https://atlassian.design/components/checkbox/",
-	"platform-feature-flags": {
-		"platform-checkbox-atomic-styles": {
-			"type": "boolean"
-		},
-		"platform-visual-refresh-icons": {
-			"type": "boolean"
-		},
-		"platform-dst-shape-theme-default": {
-			"type": "boolean"
-		}
-	}
+	"homepage": "https://atlassian.design/components/checkbox/"
 }