@atlaskit/media-test-helpers 33.0.35 → 34.0.0

package/dist/cjs/docs-content-tabs.js

@@ -13,7 +13,10 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var panelStyle = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div': {
     width: '100%'
   }

package/dist/cjs/featureFlagsWrapper/dropdown.js

@@ -22,10 +22,14 @@ var _checkbox = require("@atlaskit/checkbox");
 var _mediaCommon = require("@atlaskit/media-common");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var camelCaseToSentenceCase = function camelCaseToSentenceCase(text) {
   var result = text.replace(/([A-Z])/g, ' $1');
   return result.charAt(0).toUpperCase() + result.slice(1);
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Container = _styled.default.div({
   display: 'flex',
   flexDirection: 'row',
@@ -78,37 +82,41 @@ var TextFieldItem = function TextFieldItem(_ref3) {
 var FeatureFlagItems = function FeatureFlagItems(_ref4) {
   var onUpdate = _ref4.onUpdate;
   var flagItems = Object.entries((0, _helpers.getMediaFeatureFlags)());
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      maxHeight: '200px',
-      padding: '10px 0'
-    }
-  }, flagItems.length > 0 ? flagItems.map(function (_ref5) {
-    var _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
-      key = _ref6[0],
-      currentValue = _ref6[1];
-    var name = key;
-    var ffType = (0, _typeof2.default)(currentValue);
-    var isNumber = ffType === 'number';
-    switch (ffType) {
-      case 'boolean':
-        return /*#__PURE__*/_react.default.createElement(CheckboxItem, {
-          key: "media-feature-flag-item-".concat(name),
-          name: name,
-          initialValue: currentValue,
-          onChange: onUpdate
-        });
-      case 'number':
-      case 'string':
-        return /*#__PURE__*/_react.default.createElement(TextFieldItem, {
-          key: "media-feature-flag-item-".concat(name),
-          name: name,
-          value: currentValue,
-          onChange: onUpdate,
-          isNumber: isNumber
-        });
-    }
-  }) : /*#__PURE__*/_react.default.createElement(ItemWrapper, null, "No flags available"));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    _react.default.createElement("div", {
+      style: {
+        maxHeight: '200px',
+        padding: '10px 0'
+      }
+    }, flagItems.length > 0 ? flagItems.map(function (_ref5) {
+      var _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
+        key = _ref6[0],
+        currentValue = _ref6[1];
+      var name = key;
+      var ffType = (0, _typeof2.default)(currentValue);
+      var isNumber = ffType === 'number';
+      switch (ffType) {
+        case 'boolean':
+          return /*#__PURE__*/_react.default.createElement(CheckboxItem, {
+            key: "media-feature-flag-item-".concat(name),
+            name: name,
+            initialValue: currentValue,
+            onChange: onUpdate
+          });
+        case 'number':
+        case 'string':
+          return /*#__PURE__*/_react.default.createElement(TextFieldItem, {
+            key: "media-feature-flag-item-".concat(name),
+            name: name,
+            value: currentValue,
+            onChange: onUpdate,
+            isNumber: isNumber
+          });
+      }
+    }) : /*#__PURE__*/_react.default.createElement(ItemWrapper, null, "No flags available"))
+  );
 };
 var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
   var onFlagChanged = _ref7.onFlagChanged;
@@ -141,7 +149,9 @@ var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
     }
   }), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: "Reset all flags"
-  }, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_standardButton.default
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  , {
     style: {
       marginLeft: 10
     },

package/dist/cjs/index.js

@@ -209,30 +209,12 @@ Object.defineProperty(exports, "createIdentifier", {
     return _fileStateFactory.createIdentifier;
   }
 });
-Object.defineProperty(exports, "createMediaStoreError", {
-  enumerable: true,
-  get: function get() {
-    return _mediaClientErrors.createMediaStoreError;
-  }
-});
 Object.defineProperty(exports, "createMouseEvent", {
   enumerable: true,
   get: function get() {
     return _createMouseEvent.createMouseEvent;
   }
 });
-Object.defineProperty(exports, "createPollingMaxAttemptsError", {
-  enumerable: true,
-  get: function get() {
-    return _mediaClientErrors.createPollingMaxAttemptsError;
-  }
-});
-Object.defineProperty(exports, "createRateLimitedError", {
-  enumerable: true,
-  get: function get() {
-    return _mediaClientErrors.createRateLimitedError;
-  }
-});
 Object.defineProperty(exports, "createStorybookMediaClient", {
   enumerable: true,
   get: function get() {
@@ -905,7 +887,6 @@ var _MockGlobalImage = require("./MockGlobalImage");
 var _exampleMediaFeatureFlags = require("./example-mediaFeatureFlags");
 var _utils = require("./mockData/utils");
 var _index = require("./utils/index");
-var _mediaClientErrors = require("./mediaClientErrors");
 var _featureFlagsWrapper = _interopRequireDefault(require("./featureFlagsWrapper"));
 var _fileStateFactory = require("./fileStateFactory");
 var _docsContentTabs = require("./docs-content-tabs");

package/dist/cjs/story-list.js

@@ -81,13 +81,19 @@ var StoryList = exports.StoryList = /*#__PURE__*/function (_Component) {
         children = _this$props$children === void 0 ? [] : _this$props$children;
       var listStyles = display === 'column' ? styles.column : styles.row;
       var listContent = children.map(function (child, index) {
-        return /*#__PURE__*/_react.default.createElement("li", {
-          style: listStyles.stateItem,
-          key: index
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          style: listStyles.stateTitle
-        }, child.title), child.content);
+        return (
+          /*#__PURE__*/
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          _react.default.createElement("li", {
+            style: listStyles.stateItem,
+            key: index
+          }, /*#__PURE__*/_react.default.createElement("div", {
+            style: listStyles.stateTitle
+          }, child.title), child.content)
+        );
       });
+
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       return /*#__PURE__*/_react.default.createElement("ul", {
         style: listStyles.statesWrapper
       }, listContent);

package/dist/cjs/story-styles.js

@@ -6,28 +6,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Matrix = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var Matrix = exports.Matrix = _styled.default.table({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   thead: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     td: {
       textAlign: 'center',
       fontWeight: 'bold',
       fontSize: '20px'
     }
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   tbody: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     td: {
       padding: '25px 10px'
     }
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   td: {
     margin: 'auto',
     textAlign: 'center',
     verticalAlign: 'middle',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&:first-child': {
       fontWeight: 'bold',
       fontSize: '20px'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> div': {
       display: 'flex',
       justifyContent: 'center',

package/dist/cjs/styled.js

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.LocaleSelectorWrapper = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var LocaleSelectorWrapper = exports.LocaleSelectorWrapper = _styled.default.div({
   position: 'fixed',
   right: "var(--ds-space-250, 20px)",
@@ -17,6 +19,7 @@ var LocaleSelectorWrapper = exports.LocaleSelectorWrapper = _styled.default.div(
   padding: '10px',
   borderRadius: '3px',
   backgroundColor: "var(--ds-surface, white)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   h2: {
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
     marginBottom: '10px'

package/dist/es2019/docs-content-tabs.js

@@ -1,9 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Tabs, { Tab, TabList, useTabPanel } from '@atlaskit/tabs';
 const panelStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div': {
     width: '100%'
   }

package/dist/es2019/featureFlagsWrapper/dropdown.js

@@ -6,6 +6,7 @@ import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import HipchatChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
 import Button from '@atlaskit/button/standard-button';
 import Tooltip from '@atlaskit/tooltip';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import Popup from '@atlaskit/popup';
 import { Checkbox } from '@atlaskit/checkbox';
@@ -14,6 +15,8 @@ const camelCaseToSentenceCase = text => {
   var result = text.replace(/([A-Z])/g, ' $1');
   return result.charAt(0).toUpperCase() + result.slice(1);
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const Container = styled.div({
   display: 'flex',
   flexDirection: 'row',
@@ -64,34 +67,38 @@ const FeatureFlagItems = ({
   onUpdate
 }) => {
   const flagItems = Object.entries(getMediaFeatureFlags());
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      maxHeight: '200px',
-      padding: '10px 0'
-    }
-  }, flagItems.length > 0 ? flagItems.map(([key, currentValue]) => {
-    const name = key;
-    const ffType = typeof currentValue;
-    const isNumber = ffType === 'number';
-    switch (ffType) {
-      case 'boolean':
-        return /*#__PURE__*/React.createElement(CheckboxItem, {
-          key: `media-feature-flag-item-${name}`,
-          name: name,
-          initialValue: currentValue,
-          onChange: onUpdate
-        });
-      case 'number':
-      case 'string':
-        return /*#__PURE__*/React.createElement(TextFieldItem, {
-          key: `media-feature-flag-item-${name}`,
-          name: name,
-          value: currentValue,
-          onChange: onUpdate,
-          isNumber: isNumber
-        });
-    }
-  }) : /*#__PURE__*/React.createElement(ItemWrapper, null, "No flags available"));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    React.createElement("div", {
+      style: {
+        maxHeight: '200px',
+        padding: '10px 0'
+      }
+    }, flagItems.length > 0 ? flagItems.map(([key, currentValue]) => {
+      const name = key;
+      const ffType = typeof currentValue;
+      const isNumber = ffType === 'number';
+      switch (ffType) {
+        case 'boolean':
+          return /*#__PURE__*/React.createElement(CheckboxItem, {
+            key: `media-feature-flag-item-${name}`,
+            name: name,
+            initialValue: currentValue,
+            onChange: onUpdate
+          });
+        case 'number':
+        case 'string':
+          return /*#__PURE__*/React.createElement(TextFieldItem, {
+            key: `media-feature-flag-item-${name}`,
+            name: name,
+            value: currentValue,
+            onChange: onUpdate,
+            isNumber: isNumber
+          });
+      }
+    }) : /*#__PURE__*/React.createElement(ItemWrapper, null, "No flags available"))
+  );
 };
 const MediaFeatureFlagsDropdown = ({
   onFlagChanged
@@ -114,7 +121,9 @@ const MediaFeatureFlagsDropdown = ({
     }), "Media Feature Flags")
   }), /*#__PURE__*/React.createElement(Tooltip, {
     content: "Reset all flags"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  , {
     style: {
       marginLeft: 10
     },

package/dist/es2019/index.js

@@ -35,7 +35,6 @@ export { enableMockGlobalImage, disableMockGlobalImage } from './MockGlobalImage
 export { exampleMediaFeatureFlags } from './example-mediaFeatureFlags';
 export { dataURItoBlob } from './mockData/utils';
 export { mapDataUriToBlob } from './utils/index';
-export { createPollingMaxAttemptsError, createRateLimitedError, createMediaStoreError } from './mediaClientErrors';
 export { default as FeatureFlagsWrapper } from './featureFlagsWrapper';
 export {
 // Simulation tools

package/dist/es2019/story-list.js

@@ -57,13 +57,19 @@ export class StoryList extends Component {
     } = this.props;
     const listStyles = display === 'column' ? styles.column : styles.row;
     const listContent = children.map((child, index) => {
-      return /*#__PURE__*/React.createElement("li", {
-        style: listStyles.stateItem,
-        key: index
-      }, /*#__PURE__*/React.createElement("div", {
-        style: listStyles.stateTitle
-      }, child.title), child.content);
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        React.createElement("li", {
+          style: listStyles.stateItem,
+          key: index
+        }, /*#__PURE__*/React.createElement("div", {
+          style: listStyles.stateTitle
+        }, child.title), child.content)
+      );
     });
+
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     return /*#__PURE__*/React.createElement("ul", {
       style: listStyles.statesWrapper
     }, listContent);

package/dist/es2019/story-styles.js

@@ -1,27 +1,35 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const Matrix = styled.table({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   thead: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     td: {
       textAlign: 'center',
       fontWeight: 'bold',
       fontSize: '20px'
     }
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   tbody: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     td: {
       padding: '25px 10px'
     }
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   td: {
     margin: 'auto',
     textAlign: 'center',
     verticalAlign: 'middle',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&:first-child': {
       fontWeight: 'bold',
       fontSize: '20px'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> div': {
       display: 'flex',
       justifyContent: 'center',

package/dist/es2019/styled.js

@@ -1,5 +1,6 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const LocaleSelectorWrapper = styled.div({
   position: 'fixed',
   right: "var(--ds-space-250, 20px)",
@@ -10,6 +11,7 @@ export const LocaleSelectorWrapper = styled.div({
   padding: '10px',
   borderRadius: '3px',
   backgroundColor: "var(--ds-surface, white)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   h2: {
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
     marginBottom: '10px'

package/dist/esm/docs-content-tabs.js

@@ -1,9 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Tabs, { Tab, TabList, useTabPanel } from '@atlaskit/tabs';
 var panelStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div': {
     width: '100%'
   }

package/dist/esm/featureFlagsWrapper/dropdown.js

@@ -8,6 +8,7 @@ import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import HipchatChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
 import Button from '@atlaskit/button/standard-button';
 import Tooltip from '@atlaskit/tooltip';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import Popup from '@atlaskit/popup';
 import { Checkbox } from '@atlaskit/checkbox';
@@ -16,6 +17,8 @@ var camelCaseToSentenceCase = function camelCaseToSentenceCase(text) {
   var result = text.replace(/([A-Z])/g, ' $1');
   return result.charAt(0).toUpperCase() + result.slice(1);
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Container = styled.div({
   display: 'flex',
   flexDirection: 'row',
@@ -68,37 +71,41 @@ var TextFieldItem = function TextFieldItem(_ref3) {
 var FeatureFlagItems = function FeatureFlagItems(_ref4) {
   var onUpdate = _ref4.onUpdate;
   var flagItems = Object.entries(getMediaFeatureFlags());
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      maxHeight: '200px',
-      padding: '10px 0'
-    }
-  }, flagItems.length > 0 ? flagItems.map(function (_ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-      key = _ref6[0],
-      currentValue = _ref6[1];
-    var name = key;
-    var ffType = _typeof(currentValue);
-    var isNumber = ffType === 'number';
-    switch (ffType) {
-      case 'boolean':
-        return /*#__PURE__*/React.createElement(CheckboxItem, {
-          key: "media-feature-flag-item-".concat(name),
-          name: name,
-          initialValue: currentValue,
-          onChange: onUpdate
-        });
-      case 'number':
-      case 'string':
-        return /*#__PURE__*/React.createElement(TextFieldItem, {
-          key: "media-feature-flag-item-".concat(name),
-          name: name,
-          value: currentValue,
-          onChange: onUpdate,
-          isNumber: isNumber
-        });
-    }
-  }) : /*#__PURE__*/React.createElement(ItemWrapper, null, "No flags available"));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    React.createElement("div", {
+      style: {
+        maxHeight: '200px',
+        padding: '10px 0'
+      }
+    }, flagItems.length > 0 ? flagItems.map(function (_ref5) {
+      var _ref6 = _slicedToArray(_ref5, 2),
+        key = _ref6[0],
+        currentValue = _ref6[1];
+      var name = key;
+      var ffType = _typeof(currentValue);
+      var isNumber = ffType === 'number';
+      switch (ffType) {
+        case 'boolean':
+          return /*#__PURE__*/React.createElement(CheckboxItem, {
+            key: "media-feature-flag-item-".concat(name),
+            name: name,
+            initialValue: currentValue,
+            onChange: onUpdate
+          });
+        case 'number':
+        case 'string':
+          return /*#__PURE__*/React.createElement(TextFieldItem, {
+            key: "media-feature-flag-item-".concat(name),
+            name: name,
+            value: currentValue,
+            onChange: onUpdate,
+            isNumber: isNumber
+          });
+      }
+    }) : /*#__PURE__*/React.createElement(ItemWrapper, null, "No flags available"))
+  );
 };
 var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
   var onFlagChanged = _ref7.onFlagChanged;
@@ -131,7 +138,9 @@ var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
     }
   }), /*#__PURE__*/React.createElement(Tooltip, {
     content: "Reset all flags"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  , {
     style: {
       marginLeft: 10
     },

package/dist/esm/index.js

@@ -35,7 +35,6 @@ export { enableMockGlobalImage, disableMockGlobalImage } from './MockGlobalImage
 export { exampleMediaFeatureFlags } from './example-mediaFeatureFlags';
 export { dataURItoBlob } from './mockData/utils';
 export { mapDataUriToBlob } from './utils/index';
-export { createPollingMaxAttemptsError, createRateLimitedError, createMediaStoreError } from './mediaClientErrors';
 export { default as FeatureFlagsWrapper } from './featureFlagsWrapper';
 export {
 // Simulation tools

package/dist/esm/story-list.js

@@ -73,13 +73,19 @@ export var StoryList = /*#__PURE__*/function (_Component) {
         children = _this$props$children === void 0 ? [] : _this$props$children;
       var listStyles = display === 'column' ? styles.column : styles.row;
       var listContent = children.map(function (child, index) {
-        return /*#__PURE__*/React.createElement("li", {
-          style: listStyles.stateItem,
-          key: index
-        }, /*#__PURE__*/React.createElement("div", {
-          style: listStyles.stateTitle
-        }, child.title), child.content);
+        return (
+          /*#__PURE__*/
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          React.createElement("li", {
+            style: listStyles.stateItem,
+            key: index
+          }, /*#__PURE__*/React.createElement("div", {
+            style: listStyles.stateTitle
+          }, child.title), child.content)
+        );
       });
+
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       return /*#__PURE__*/React.createElement("ul", {
         style: listStyles.statesWrapper
       }, listContent);

package/dist/esm/story-styles.js

@@ -1,27 +1,35 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var Matrix = styled.table({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   thead: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     td: {
       textAlign: 'center',
       fontWeight: 'bold',
       fontSize: '20px'
     }
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   tbody: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     td: {
       padding: '25px 10px'
     }
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   td: {
     margin: 'auto',
     textAlign: 'center',
     verticalAlign: 'middle',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&:first-child': {
       fontWeight: 'bold',
       fontSize: '20px'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> div': {
       display: 'flex',
       justifyContent: 'center',

package/dist/esm/styled.js

@@ -1,5 +1,6 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var LocaleSelectorWrapper = styled.div({
   position: 'fixed',
   right: "var(--ds-space-250, 20px)",
@@ -10,6 +11,7 @@ export var LocaleSelectorWrapper = styled.div({
   padding: '10px',
   borderRadius: '3px',
   backgroundColor: "var(--ds-surface, white)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   h2: {
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
     marginBottom: '10px'