@atlaskit/select 17.3.0 → 17.3.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/select
 
+## 17.3.1
+
+### Patch Changes
+
+- [#81644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81644) [`8ab7a816dca7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8ab7a816dca7) - Revert input border change from the previous version
+
 ## 17.3.0
 
 ### Minor Changes

package/dist/cjs/Select.js

@@ -9,7 +9,7 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 var packageName = "@atlaskit/select";
-var packageVersion = "17.3.0";
+var packageVersion = "17.3.1";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({

package/dist/cjs/components/input-options.js

@@ -17,6 +17,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _react2 = require("react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _radio = _interopRequireDefault(require("@atlaskit/icon/glyph/radio"));
 var _checkbox = _interopRequireDefault(require("@atlaskit/icon/glyph/checkbox"));
 var _colors = require("@atlaskit/theme/colors");
@@ -136,7 +137,7 @@ var baseIconStyles = (0, _react.css)({
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& svg rect, & svg circle:first-of-type': {
-    strokeWidth: "var(--ds-border-width, 1px)",
+    strokeWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : "var(--ds-border-width-outline, 2px)",
     strokeLinejoin: 'round'
   }
 });

package/dist/cjs/styles.js

@@ -68,18 +68,20 @@ function baseStyles(validationState) {
         backgroundColorHover = 'transparent';
         borderColorHover = 'transparent';
       }
-      return _objectSpread(_objectSpread({}, css), {}, {
+      return _objectSpread(_objectSpread(_objectSpread({}, css), {}, {
         // Turn pointer events off when disabled - this makes it so hover etc don't work.
         pointerEvents: isDisabled ? 'none' : undefined,
         backgroundColor: backgroundColor,
         borderColor: borderColor,
         borderStyle: 'solid',
         borderRadius: "var(--ds-border-radius-100, 3px)",
-        borderWidth: "var(--ds-border-width, 1px)",
-        boxShadow: 'none',
+        borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : "var(--ds-border-width-outline, 2px)",
+        boxShadow: 'none'
+      }, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') && {
         '&:focus-within': {
           boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColor)
-        },
+        }
+      }), {}, {
         minHeight: isCompact ? (0, _constants.gridSize)() * 4 : (0, _constants.gridSize)() * 5,
         padding: 0,
         transition: "background-color ".concat(transitionDuration, " ease-in-out,\n        border-color ").concat(transitionDuration, " ease-in-out"),

package/dist/es2019/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "17.3.0";
+const packageVersion = "17.3.1";
 export const SelectWithoutAnalytics = createSelect(Select);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/es2019/components/input-options.js

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { Component } from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import RadioIcon from '@atlaskit/icon/glyph/radio';
 import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
 import { B300, B400, B75, N20A, N0, N100, N20, N30, N70 } from '@atlaskit/theme/colors';
@@ -125,7 +126,7 @@ const baseIconStyles = css({
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& svg rect, & svg circle:first-of-type': {
-    strokeWidth: "var(--ds-border-width, 1px)",
+    strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : "var(--ds-border-width-outline, 2px)",
     strokeLinejoin: 'round'
   }
 });

package/dist/es2019/styles.js

@@ -65,11 +65,13 @@ export default function baseStyles(validationState, isCompact = false, appearanc
         borderColor,
         borderStyle: 'solid',
         borderRadius: "var(--ds-border-radius-100, 3px)",
-        borderWidth: "var(--ds-border-width, 1px)",
+        borderWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : "var(--ds-border-width-outline, 2px)",
         boxShadow: 'none',
-        '&:focus-within': {
-          boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${borderColor}`
-        },
+        ...(getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') && {
+          '&:focus-within': {
+            boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${borderColor}`
+          }
+        }),
         minHeight: isCompact ? gridSize() * 4 : gridSize() * 5,
         padding: 0,
         transition: `background-color ${transitionDuration} ease-in-out,

package/dist/esm/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "17.3.0";
+var packageVersion = "17.3.1";
 export var SelectWithoutAnalytics = createSelect(Select);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/esm/components/input-options.js

@@ -16,6 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { Component } from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import RadioIcon from '@atlaskit/icon/glyph/radio';
 import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
 import { B300, B400, B75, N20A, N0, N100, N20, N30, N70 } from '@atlaskit/theme/colors';
@@ -130,7 +131,7 @@ var baseIconStyles = css({
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& svg rect, & svg circle:first-of-type': {
-    strokeWidth: "var(--ds-border-width, 1px)",
+    strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : "var(--ds-border-width-outline, 2px)",
     strokeLinejoin: 'round'
   }
 });

package/dist/esm/styles.js

@@ -62,18 +62,20 @@ export default function baseStyles(validationState) {
         backgroundColorHover = 'transparent';
         borderColorHover = 'transparent';
       }
-      return _objectSpread(_objectSpread({}, css), {}, {
+      return _objectSpread(_objectSpread(_objectSpread({}, css), {}, {
         // Turn pointer events off when disabled - this makes it so hover etc don't work.
         pointerEvents: isDisabled ? 'none' : undefined,
         backgroundColor: backgroundColor,
         borderColor: borderColor,
         borderStyle: 'solid',
         borderRadius: "var(--ds-border-radius-100, 3px)",
-        borderWidth: "var(--ds-border-width, 1px)",
-        boxShadow: 'none',
+        borderWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : "var(--ds-border-width-outline, 2px)",
+        boxShadow: 'none'
+      }, getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') && {
         '&:focus-within': {
           boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColor)
-        },
+        }
+      }), {}, {
         minHeight: isCompact ? gridSize() * 4 : gridSize() * 5,
         padding: 0,
         transition: "background-color ".concat(transitionDuration, " ease-in-out,\n        border-color ").concat(transitionDuration, " ease-in-out"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "17.3.0",
+  "version": "17.3.1",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -101,6 +101,9 @@
     "platform.design-system-team.border-checkbox_nyoiu": {
       "type": "boolean"
     },
+    "platform.design-system-team.update-input-border-wdith_5abwv": {
+      "type": "boolean"
+    },
     "platform.design-system-team.popup-select-close_8h15h": {
       "type": "boolean"
     }