@atlaskit/ds-explorations - npm Package Compare versions

Comparing version 0.1.4 to 0.1.5

CHANGELOG.md

 # @atlaskit/ds-explorations
 
+## 0.1.5
+
+### Patch Changes
+
+- [`7014fd08976`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7014fd08976) - [ux] Inline gap prop now internally sets column-gap; Stack gap prop now internally sets row-gap
+- [`ba660f4f76f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba660f4f76f) - Add `start` and `end` values to Stack and Inline flex properties.
+- [`3ee63238f49`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ee63238f49) - Update internals of Box, Text, Inline and Stack to handle `children` more accurately.
+  Also update scope of `use-primitives` to suggest Box and Text more selectively.
+- [`9dec0fe6946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9dec0fe6946) - Add overflow prop to Box.
+- [`7a9e73ec430`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7a9e73ec430) - [ux] Internal changes to how styles are represented in SectionMessage. Some minor visual changes to the color and spacing of SectionMessage. No changes to the SectionMessage API.
+
 ## 0.1.4
@@ -4,0 +15,0 @@

dist/cjs/components/box.partial.js

@@ -26,3 +26,3 @@ "use strict";
 
-var _excluded = ["children", "as", "className", "display", "flexDirection", "alignItems", "justifyContent", "backgroundColor", "borderColor", "borderStyle", "borderWidth", "borderRadius", "padding", "paddingBlock", "paddingInline", "position", "height", "width", "UNSAFE_style", "testId"];
+var _excluded = ["children", "as", "className", "display", "flexDirection", "alignItems", "justifyContent", "backgroundColor", "borderColor", "borderStyle", "borderWidth", "borderRadius", "padding", "paddingBlock", "paddingInline", "position", "height", "overflow", "width", "UNSAFE_style", "testId"];
 
@@ -62,2 +62,3 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
       height = _ref.height,
+      overflow = _ref.overflow,
       width = _ref.width,
@@ -191,2 +192,7 @@ UNSAFE_style = _ref.UNSAFE_style,
 });
+var overflowMap = {
+  auto: (0, _react2.css)({
+    overflow: 'auto'
+  })
+};
 var positionMap = {
@@ -193,0 +199,0 @@ absolute: (0, _react2.css)({

dist/cjs/components/inline.partial.js

@@ -10,2 +10,4 @@ "use strict";
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = require("react");
@@ -19,3 +21,6 @@
 
-/** @jsx jsx */
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var flexAlignItemsMap = {
@@ -33,2 +38,8 @@ center: (0, _react2.css)({
     alignItems: 'flex-end'
+  }),
+  start: (0, _react2.css)({
+    alignItems: 'start'
+  }),
+  end: (0, _react2.css)({
+    alignItems: 'end'
   })
@@ -45,4 +56,15 @@ };
     justifyContent: 'flex-end'
+  }),
+  start: (0, _react2.css)({
+    justifyContent: 'start'
+  }),
+  end: (0, _react2.css)({
+    justifyContent: 'end'
   })
 };
+var flexWrapMap = {
+  wrap: (0, _react2.css)({
+    flexWrap: 'wrap'
+  })
+};
 var baseStyles = (0, _react2.css)({
@@ -65,3 +87,5 @@ display: 'flex',
       justifyContent = _ref.justifyContent,
+      flexWrap = _ref.flexWrap,
       divider = _ref.divider,
+      UNSAFE_style = _ref.UNSAFE_style,
       children = _ref.children,
@@ -71,3 +95,4 @@ testId = _ref.testId;
   return (0, _react2.jsx)("div", {
-    css: [baseStyles, gap && gapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent]],
+    style: _objectSpread({}, UNSAFE_style),
+    css: [baseStyles, gap && columnGapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent], flexWrap && flexWrapMap[flexWrap]],
     "data-testid": testId,
@@ -83,45 +108,45 @@ ref: ref
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::36d00b5586593733c7f84e9a10ddb7fd>>
+ * @codegen <<SignedSource::7a985afa5e15ffd4f6f9c0db0e99ceb6>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["gap"]
+ * @codegenParams ["columnGap"]
  */
 
 exports.default = _default;
-var gapMap = {
+var columnGapMap = {
   'sp-0': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-0']
+    columnGap: _constants.SPACING_SCALE['sp-0']
   }),
   'sp-25': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-25']
+    columnGap: _constants.SPACING_SCALE['sp-25']
   }),
   'sp-50': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-50']
+    columnGap: _constants.SPACING_SCALE['sp-50']
   }),
   'sp-75': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-75']
+    columnGap: _constants.SPACING_SCALE['sp-75']
   }),
   'sp-100': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-100']
+    columnGap: _constants.SPACING_SCALE['sp-100']
   }),
   'sp-150': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-150']
+    columnGap: _constants.SPACING_SCALE['sp-150']
   }),
   'sp-200': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-200']
+    columnGap: _constants.SPACING_SCALE['sp-200']
   }),
   'sp-300': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-300']
+    columnGap: _constants.SPACING_SCALE['sp-300']
   }),
   'sp-400': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-400']
+    columnGap: _constants.SPACING_SCALE['sp-400']
   }),
   'sp-500': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-500']
+    columnGap: _constants.SPACING_SCALE['sp-500']
   }),
   'sp-600': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-600']
+    columnGap: _constants.SPACING_SCALE['sp-600']
   }),
   'sp-800': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-800']
+    columnGap: _constants.SPACING_SCALE['sp-800']
   })
@@ -128,0 +153,0 @@ };

dist/cjs/components/interaction-surface.partial.js

@@ -33,4 +33,5 @@ "use strict";
  * <Box as="button">
- *   <InteractionSurface />
- *   <WarningIcon label="icon button" />
+ *   <InteractionSurface>
+ *    <WarningIcon label="icon button" />
+ *  </InteractionSurface>
  * </Box>
@@ -37,0 +38,0 @@ * ```

dist/cjs/components/stack.partial.js

 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
@@ -8,2 +10,4 @@ value: true
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = require("react");
@@ -15,3 +19,6 @@
 
-/** @jsx jsx */
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var flexAlignItemsMap = {
@@ -29,2 +36,8 @@ center: (0, _react2.css)({
     alignItems: 'flex-end'
+  }),
+  start: (0, _react2.css)({
+    alignItems: 'start'
+  }),
+  end: (0, _react2.css)({
+    alignItems: 'end'
   })
@@ -41,4 +54,15 @@ };
     justifyContent: 'flex-end'
+  }),
+  start: (0, _react2.css)({
+    justifyContent: 'start'
+  }),
+  end: (0, _react2.css)({
+    justifyContent: 'end'
   })
 };
+var flexWrapMap = {
+  wrap: (0, _react2.css)({
+    flexWrap: 'wrap'
+  })
+};
 var baseStyles = (0, _react2.css)({
@@ -61,6 +85,9 @@ display: 'flex',
       justifyContent = _ref.justifyContent,
+      flexWrap = _ref.flexWrap,
       children = _ref.children,
+      UNSAFE_style = _ref.UNSAFE_style,
       testId = _ref.testId;
   return (0, _react2.jsx)("div", {
-    css: [baseStyles, gap && gapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent]],
+    style: _objectSpread({}, UNSAFE_style),
+    css: [baseStyles, gap && rowGapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent], flexWrap && flexWrapMap[flexWrap]],
     "data-testid": testId,
@@ -74,45 +101,45 @@ ref: ref
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::36d00b5586593733c7f84e9a10ddb7fd>>
+ * @codegen <<SignedSource::13c9344cdb18845e176c0ca78b2972d3>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["gap"]
+ * @codegenParams ["rowGap"]
  */
 
 exports.default = _default;
-var gapMap = {
+var rowGapMap = {
   'sp-0': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-0']
+    rowGap: _constants.SPACING_SCALE['sp-0']
   }),
   'sp-25': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-25']
+    rowGap: _constants.SPACING_SCALE['sp-25']
   }),
   'sp-50': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-50']
+    rowGap: _constants.SPACING_SCALE['sp-50']
   }),
   'sp-75': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-75']
+    rowGap: _constants.SPACING_SCALE['sp-75']
   }),
   'sp-100': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-100']
+    rowGap: _constants.SPACING_SCALE['sp-100']
   }),
   'sp-150': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-150']
+    rowGap: _constants.SPACING_SCALE['sp-150']
   }),
   'sp-200': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-200']
+    rowGap: _constants.SPACING_SCALE['sp-200']
   }),
   'sp-300': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-300']
+    rowGap: _constants.SPACING_SCALE['sp-300']
   }),
   'sp-400': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-400']
+    rowGap: _constants.SPACING_SCALE['sp-400']
   }),
   'sp-500': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-500']
+    rowGap: _constants.SPACING_SCALE['sp-500']
   }),
   'sp-600': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-600']
+    rowGap: _constants.SPACING_SCALE['sp-600']
   }),
   'sp-800': (0, _react2.css)({
-    gap: _constants.SPACING_SCALE['sp-800']
+    rowGap: _constants.SPACING_SCALE['sp-800']
   })
@@ -119,0 +146,0 @@ };

dist/cjs/components/text.partial.js

@@ -109,2 +109,4 @@ "use strict";
   boxSizing: 'border-box',
+  margin: '0px',
+  padding: '0px',
   fontFamily: fontFamily
@@ -111,0 +113,0 @@ });

dist/cjs/version.json

 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "0.1.4",
+	"version": "0.1.5",
 	"sideEffects": false
 }

dist/es2019/components/box.partial.js

@@ -35,2 +35,3 @@ import _extends from "@babel/runtime/helpers/extends";
   height,
+  overflow,
   width,
@@ -158,2 +159,7 @@ UNSAFE_style,
 });
+const overflowMap = {
+  auto: css({
+    overflow: 'auto'
+  })
+};
 const positionMap = {
@@ -160,0 +166,0 @@ absolute: css({

dist/es2019/components/inline.partial.js

@@ -18,2 +18,8 @@ /** @jsx jsx */
     alignItems: 'flex-end'
+  }),
+  start: css({
+    alignItems: 'start'
+  }),
+  end: css({
+    alignItems: 'end'
   })
@@ -30,4 +36,15 @@ };
     justifyContent: 'flex-end'
+  }),
+  start: css({
+    justifyContent: 'start'
+  }),
+  end: css({
+    justifyContent: 'end'
   })
 };
+const flexWrapMap = {
+  wrap: css({
+    flexWrap: 'wrap'
+  })
+};
 const baseStyles = css({
@@ -50,3 +67,5 @@ display: 'flex',
   justifyContent,
+  flexWrap,
   divider,
+  UNSAFE_style,
   children,
@@ -57,3 +76,5 @@ testId
   return jsx("div", {
-    css: [baseStyles, gap && gapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent]],
+    style: { ...UNSAFE_style
+    },
+    css: [baseStyles, gap && columnGapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent], flexWrap && flexWrapMap[flexWrap]],
     "data-testid": testId,
@@ -69,44 +90,44 @@ ref: ref
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::36d00b5586593733c7f84e9a10ddb7fd>>
+ * @codegen <<SignedSource::7a985afa5e15ffd4f6f9c0db0e99ceb6>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["gap"]
+ * @codegenParams ["columnGap"]
  */
 
-const gapMap = {
+const columnGapMap = {
   'sp-0': css({
-    gap: SPACING_SCALE['sp-0']
+    columnGap: SPACING_SCALE['sp-0']
   }),
   'sp-25': css({
-    gap: SPACING_SCALE['sp-25']
+    columnGap: SPACING_SCALE['sp-25']
   }),
   'sp-50': css({
-    gap: SPACING_SCALE['sp-50']
+    columnGap: SPACING_SCALE['sp-50']
   }),
   'sp-75': css({
-    gap: SPACING_SCALE['sp-75']
+    columnGap: SPACING_SCALE['sp-75']
   }),
   'sp-100': css({
-    gap: SPACING_SCALE['sp-100']
+    columnGap: SPACING_SCALE['sp-100']
   }),
   'sp-150': css({
-    gap: SPACING_SCALE['sp-150']
+    columnGap: SPACING_SCALE['sp-150']
   }),
   'sp-200': css({
-    gap: SPACING_SCALE['sp-200']
+    columnGap: SPACING_SCALE['sp-200']
   }),
   'sp-300': css({
-    gap: SPACING_SCALE['sp-300']
+    columnGap: SPACING_SCALE['sp-300']
   }),
   'sp-400': css({
-    gap: SPACING_SCALE['sp-400']
+    columnGap: SPACING_SCALE['sp-400']
   }),
   'sp-500': css({
-    gap: SPACING_SCALE['sp-500']
+    columnGap: SPACING_SCALE['sp-500']
   }),
   'sp-600': css({
-    gap: SPACING_SCALE['sp-600']
+    columnGap: SPACING_SCALE['sp-600']
   }),
   'sp-800': css({
-    gap: SPACING_SCALE['sp-800']
+    columnGap: SPACING_SCALE['sp-800']
   })
@@ -113,0 +134,0 @@ };

dist/es2019/components/interaction-surface.partial.js

@@ -23,4 +23,5 @@ /** @jsx jsx */
  * <Box as="button">
- *   <InteractionSurface />
- *   <WarningIcon label="icon button" />
+ *   <InteractionSurface>
+ *    <WarningIcon label="icon button" />
+ *  </InteractionSurface>
  * </Box>
@@ -27,0 +28,0 @@ * ```

dist/es2019/components/stack.partial.js

@@ -17,2 +17,8 @@ /** @jsx jsx */
     alignItems: 'flex-end'
+  }),
+  start: css({
+    alignItems: 'start'
+  }),
+  end: css({
+    alignItems: 'end'
   })
@@ -29,4 +35,15 @@ };
     justifyContent: 'flex-end'
+  }),
+  start: css({
+    justifyContent: 'start'
+  }),
+  end: css({
+    justifyContent: 'end'
   })
 };
+const flexWrapMap = {
+  wrap: css({
+    flexWrap: 'wrap'
+  })
+};
 const baseStyles = css({
@@ -49,7 +66,11 @@ display: 'flex',
   justifyContent,
+  flexWrap,
   children,
+  UNSAFE_style,
   testId
 }, ref) => {
   return jsx("div", {
-    css: [baseStyles, gap && gapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent]],
+    style: { ...UNSAFE_style
+    },
+    css: [baseStyles, gap && rowGapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent], flexWrap && flexWrapMap[flexWrap]],
     "data-testid": testId,
@@ -63,44 +84,44 @@ ref: ref
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::36d00b5586593733c7f84e9a10ddb7fd>>
+ * @codegen <<SignedSource::13c9344cdb18845e176c0ca78b2972d3>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["gap"]
+ * @codegenParams ["rowGap"]
  */
 
-const gapMap = {
+const rowGapMap = {
   'sp-0': css({
-    gap: SPACING_SCALE['sp-0']
+    rowGap: SPACING_SCALE['sp-0']
   }),
   'sp-25': css({
-    gap: SPACING_SCALE['sp-25']
+    rowGap: SPACING_SCALE['sp-25']
   }),
   'sp-50': css({
-    gap: SPACING_SCALE['sp-50']
+    rowGap: SPACING_SCALE['sp-50']
   }),
   'sp-75': css({
-    gap: SPACING_SCALE['sp-75']
+    rowGap: SPACING_SCALE['sp-75']
   }),
   'sp-100': css({
-    gap: SPACING_SCALE['sp-100']
+    rowGap: SPACING_SCALE['sp-100']
   }),
   'sp-150': css({
-    gap: SPACING_SCALE['sp-150']
+    rowGap: SPACING_SCALE['sp-150']
   }),
   'sp-200': css({
-    gap: SPACING_SCALE['sp-200']
+    rowGap: SPACING_SCALE['sp-200']
   }),
   'sp-300': css({
-    gap: SPACING_SCALE['sp-300']
+    rowGap: SPACING_SCALE['sp-300']
   }),
   'sp-400': css({
-    gap: SPACING_SCALE['sp-400']
+    rowGap: SPACING_SCALE['sp-400']
   }),
   'sp-500': css({
-    gap: SPACING_SCALE['sp-500']
+    rowGap: SPACING_SCALE['sp-500']
   }),
   'sp-600': css({
-    gap: SPACING_SCALE['sp-600']
+    rowGap: SPACING_SCALE['sp-600']
   }),
   'sp-800': css({
-    gap: SPACING_SCALE['sp-800']
+    rowGap: SPACING_SCALE['sp-800']
   })
@@ -107,0 +128,0 @@ };

dist/es2019/components/text.partial.js

@@ -89,2 +89,4 @@ /** @jsx jsx */
   boxSizing: 'border-box',
+  margin: '0px',
+  padding: '0px',
   fontFamily
@@ -91,0 +93,0 @@ });

dist/es2019/version.json

 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "0.1.4",
+	"version": "0.1.5",
 	"sideEffects": false
 }

dist/esm/components/box.partial.js

@@ -5,3 +5,3 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "as", "className", "display", "flexDirection", "alignItems", "justifyContent", "backgroundColor", "borderColor", "borderStyle", "borderWidth", "borderRadius", "padding", "paddingBlock", "paddingInline", "position", "height", "width", "UNSAFE_style", "testId"];
+var _excluded = ["children", "as", "className", "display", "flexDirection", "alignItems", "justifyContent", "backgroundColor", "borderColor", "borderStyle", "borderWidth", "borderRadius", "padding", "paddingBlock", "paddingInline", "position", "height", "overflow", "width", "UNSAFE_style", "testId"];
 
@@ -47,2 +47,3 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
       height = _ref.height,
+      overflow = _ref.overflow,
       width = _ref.width,
@@ -175,2 +176,7 @@ UNSAFE_style = _ref.UNSAFE_style,
 });
+var overflowMap = {
+  auto: css({
+    overflow: 'auto'
+  })
+};
 var positionMap = {
@@ -177,0 +183,0 @@ absolute: css({

dist/esm/components/inline.partial.js

@@ -0,1 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 /** @jsx jsx */
@@ -18,2 +24,8 @@ import { Children, forwardRef, Fragment } from 'react';
     alignItems: 'flex-end'
+  }),
+  start: css({
+    alignItems: 'start'
+  }),
+  end: css({
+    alignItems: 'end'
   })
@@ -30,4 +42,15 @@ };
     justifyContent: 'flex-end'
+  }),
+  start: css({
+    justifyContent: 'start'
+  }),
+  end: css({
+    justifyContent: 'end'
   })
 };
+var flexWrapMap = {
+  wrap: css({
+    flexWrap: 'wrap'
+  })
+};
 var baseStyles = css({
@@ -50,3 +73,5 @@ display: 'flex',
       justifyContent = _ref.justifyContent,
+      flexWrap = _ref.flexWrap,
       divider = _ref.divider,
+      UNSAFE_style = _ref.UNSAFE_style,
       children = _ref.children,
@@ -56,3 +81,4 @@ testId = _ref.testId;
   return jsx("div", {
-    css: [baseStyles, gap && gapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent]],
+    style: _objectSpread({}, UNSAFE_style),
+    css: [baseStyles, gap && columnGapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent], flexWrap && flexWrapMap[flexWrap]],
     "data-testid": testId,
@@ -68,44 +94,44 @@ ref: ref
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::36d00b5586593733c7f84e9a10ddb7fd>>
+ * @codegen <<SignedSource::7a985afa5e15ffd4f6f9c0db0e99ceb6>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["gap"]
+ * @codegenParams ["columnGap"]
  */
 
-var gapMap = {
+var columnGapMap = {
   'sp-0': css({
-    gap: SPACING_SCALE['sp-0']
+    columnGap: SPACING_SCALE['sp-0']
   }),
   'sp-25': css({
-    gap: SPACING_SCALE['sp-25']
+    columnGap: SPACING_SCALE['sp-25']
   }),
   'sp-50': css({
-    gap: SPACING_SCALE['sp-50']
+    columnGap: SPACING_SCALE['sp-50']
   }),
   'sp-75': css({
-    gap: SPACING_SCALE['sp-75']
+    columnGap: SPACING_SCALE['sp-75']
   }),
   'sp-100': css({
-    gap: SPACING_SCALE['sp-100']
+    columnGap: SPACING_SCALE['sp-100']
   }),
   'sp-150': css({
-    gap: SPACING_SCALE['sp-150']
+    columnGap: SPACING_SCALE['sp-150']
   }),
   'sp-200': css({
-    gap: SPACING_SCALE['sp-200']
+    columnGap: SPACING_SCALE['sp-200']
   }),
   'sp-300': css({
-    gap: SPACING_SCALE['sp-300']
+    columnGap: SPACING_SCALE['sp-300']
   }),
   'sp-400': css({
-    gap: SPACING_SCALE['sp-400']
+    columnGap: SPACING_SCALE['sp-400']
   }),
   'sp-500': css({
-    gap: SPACING_SCALE['sp-500']
+    columnGap: SPACING_SCALE['sp-500']
   }),
   'sp-600': css({
-    gap: SPACING_SCALE['sp-600']
+    columnGap: SPACING_SCALE['sp-600']
   }),
   'sp-800': css({
-    gap: SPACING_SCALE['sp-800']
+    columnGap: SPACING_SCALE['sp-800']
   })
@@ -112,0 +138,0 @@ };

dist/esm/components/interaction-surface.partial.js

@@ -23,4 +23,5 @@ /** @jsx jsx */
  * <Box as="button">
- *   <InteractionSurface />
- *   <WarningIcon label="icon button" />
+ *   <InteractionSurface>
+ *    <WarningIcon label="icon button" />
+ *  </InteractionSurface>
  * </Box>
@@ -27,0 +28,0 @@ * ```

dist/esm/components/stack.partial.js

@@ -0,1 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 /** @jsx jsx */
@@ -17,2 +23,8 @@ import { forwardRef } from 'react';
     alignItems: 'flex-end'
+  }),
+  start: css({
+    alignItems: 'start'
+  }),
+  end: css({
+    alignItems: 'end'
   })
@@ -29,4 +41,15 @@ };
     justifyContent: 'flex-end'
+  }),
+  start: css({
+    justifyContent: 'start'
+  }),
+  end: css({
+    justifyContent: 'end'
   })
 };
+var flexWrapMap = {
+  wrap: css({
+    flexWrap: 'wrap'
+  })
+};
 var baseStyles = css({
@@ -49,6 +72,9 @@ display: 'flex',
       justifyContent = _ref.justifyContent,
+      flexWrap = _ref.flexWrap,
       children = _ref.children,
+      UNSAFE_style = _ref.UNSAFE_style,
       testId = _ref.testId;
   return jsx("div", {
-    css: [baseStyles, gap && gapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent]],
+    style: _objectSpread({}, UNSAFE_style),
+    css: [baseStyles, gap && rowGapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent], flexWrap && flexWrapMap[flexWrap]],
     "data-testid": testId,
@@ -62,44 +88,44 @@ ref: ref
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::36d00b5586593733c7f84e9a10ddb7fd>>
+ * @codegen <<SignedSource::13c9344cdb18845e176c0ca78b2972d3>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["gap"]
+ * @codegenParams ["rowGap"]
  */
 
-var gapMap = {
+var rowGapMap = {
   'sp-0': css({
-    gap: SPACING_SCALE['sp-0']
+    rowGap: SPACING_SCALE['sp-0']
   }),
   'sp-25': css({
-    gap: SPACING_SCALE['sp-25']
+    rowGap: SPACING_SCALE['sp-25']
   }),
   'sp-50': css({
-    gap: SPACING_SCALE['sp-50']
+    rowGap: SPACING_SCALE['sp-50']
   }),
   'sp-75': css({
-    gap: SPACING_SCALE['sp-75']
+    rowGap: SPACING_SCALE['sp-75']
   }),
   'sp-100': css({
-    gap: SPACING_SCALE['sp-100']
+    rowGap: SPACING_SCALE['sp-100']
   }),
   'sp-150': css({
-    gap: SPACING_SCALE['sp-150']
+    rowGap: SPACING_SCALE['sp-150']
   }),
   'sp-200': css({
-    gap: SPACING_SCALE['sp-200']
+    rowGap: SPACING_SCALE['sp-200']
   }),
   'sp-300': css({
-    gap: SPACING_SCALE['sp-300']
+    rowGap: SPACING_SCALE['sp-300']
   }),
   'sp-400': css({
-    gap: SPACING_SCALE['sp-400']
+    rowGap: SPACING_SCALE['sp-400']
   }),
   'sp-500': css({
-    gap: SPACING_SCALE['sp-500']
+    rowGap: SPACING_SCALE['sp-500']
   }),
   'sp-600': css({
-    gap: SPACING_SCALE['sp-600']
+    rowGap: SPACING_SCALE['sp-600']
   }),
   'sp-800': css({
-    gap: SPACING_SCALE['sp-800']
+    rowGap: SPACING_SCALE['sp-800']
   })
@@ -106,0 +132,0 @@ };

dist/esm/components/text.partial.js

@@ -96,2 +96,4 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   boxSizing: 'border-box',
+  margin: '0px',
+  padding: '0px',
   fontFamily: fontFamily
@@ -98,0 +100,0 @@ });

dist/esm/version.json

 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "0.1.4",
+	"version": "0.1.5",
 	"sideEffects": false
 }

dist/types-ts4.0/components/box.partial.d.ts

 /** @jsx jsx */
-import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
 import { GlobalSpacingToken } from '../constants';
-import { BasePrimitiveProps } from './types';
+import type { BasePrimitiveProps, NonTextChildren } from './types';
 export interface BoxProps<T extends HTMLElement = HTMLElement> extends Omit<HTMLAttributes<T>, 'style' | 'as' | 'className'>, BasePrimitiveProps {
@@ -13,3 +13,3 @@ /**
      */
-    children?: ReactNode;
+    children?: NonTextChildren | boolean | null | undefined;
     /**
@@ -66,2 +66,6 @@ * The html className attribute.
     /**
+     * Defines what happens if content overflows the box.
+     */
+    overflow?: Overflow;
+    /**
      * Shorthand for `paddingBlock` and `paddingInline` together.
@@ -153,2 +157,6 @@ *
 };
+declare type Overflow = keyof typeof overflowMap;
+declare const overflowMap: {
+    auto: import("@emotion/react").SerializedStyles;
+};
 declare const positionMap: {
@@ -155,0 +163,0 @@ absolute: import("@emotion/react").SerializedStyles;

dist/types-ts4.0/components/inline.partial.d.ts

 /** @jsx jsx */
 import { ReactNode } from 'react';
 import { GlobalSpacingToken } from '../constants';
-import { BasePrimitiveProps } from './types';
+import { BasePrimitiveProps, NonTextChildren } from './types';
 interface InlineProps extends BasePrimitiveProps {
@@ -15,2 +15,6 @@ /**
     /**
+     * Sets whether children are forced onto one line or can wrap onto multiple lines
+     */
+    flexWrap?: FlexWrap;
+    /**
      * Token representing gap between children.
@@ -27,3 +31,3 @@ */
      */
-    children: ReactNode;
+    children: NonTextChildren;
 }
@@ -36,2 +40,4 @@ declare type FlexAlignItems = keyof typeof flexAlignItemsMap;
     flexEnd: import("@emotion/react").SerializedStyles;
+    start: import("@emotion/react").SerializedStyles;
+    end: import("@emotion/react").SerializedStyles;
 };
@@ -43,3 +49,9 @@ declare type FlexJustifyContent = keyof typeof flexJustifyContentMap;
     flexEnd: import("@emotion/react").SerializedStyles;
+    start: import("@emotion/react").SerializedStyles;
+    end: import("@emotion/react").SerializedStyles;
 };
+declare type FlexWrap = keyof typeof flexWrapMap;
+declare const flexWrapMap: {
+    wrap: import("@emotion/react").SerializedStyles;
+};
 /**
@@ -46,0 +58,0 @@ * __Inline__

dist/types-ts4.0/components/interaction-surface.partial.d.ts

@@ -6,3 +6,3 @@ /** @jsx jsx */
 interface InteractionSurfaceProps extends BasePrimitiveProps {
-    children?: ReactNode;
+    children: ReactNode;
     appearance?: InteractionBackgroundColor;
@@ -16,4 +16,5 @@ }
  * <Box as="button">
- *   <InteractionSurface />
- *   <WarningIcon label="icon button" />
+ *   <InteractionSurface>
+ *    <WarningIcon label="icon button" />
+ *  </InteractionSurface>
  * </Box>
@@ -20,0 +21,0 @@ * ```

dist/types-ts4.0/components/stack.partial.d.ts

@@ -1,5 +0,4 @@
-/** @jsx jsx */
-import { ReactNode } from 'react';
+/// <reference types="react" />
 import { GlobalSpacingToken } from '../constants';
-import { BasePrimitiveProps } from './types';
+import { BasePrimitiveProps, NonTextChildren } from './types';
 interface StackProps extends BasePrimitiveProps {
@@ -15,2 +14,6 @@ /**
     /**
+     * Sets whether children are forced onto one line or can wrap onto multiple lines
+     */
+    flexWrap?: FlexWrap;
+    /**
      * Token representing gap between children.
@@ -22,3 +25,3 @@ */
      */
-    children: ReactNode;
+    children: NonTextChildren;
 }
@@ -31,2 +34,4 @@ declare type FlexAlignItems = keyof typeof flexAlignItemsMap;
     flexEnd: import("@emotion/react").SerializedStyles;
+    start: import("@emotion/react").SerializedStyles;
+    end: import("@emotion/react").SerializedStyles;
 };
@@ -38,3 +43,9 @@ declare type FlexJustifyContent = keyof typeof flexJustifyContentMap;
     flexEnd: import("@emotion/react").SerializedStyles;
+    start: import("@emotion/react").SerializedStyles;
+    end: import("@emotion/react").SerializedStyles;
 };
+declare type FlexWrap = keyof typeof flexWrapMap;
+declare const flexWrapMap: {
+    wrap: import("@emotion/react").SerializedStyles;
+};
 /**
@@ -41,0 +52,0 @@ * __Stack__

dist/types-ts4.0/components/types.d.ts

@@ -14,1 +14,2 @@ import type { CSSProperties } from 'react';
 }
+export declare type NonTextChildren = JSX.Element | (JSX.Element | null | false)[];

dist/types/components/box.partial.d.ts

 /** @jsx jsx */
-import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
 import { GlobalSpacingToken } from '../constants';
-import { BasePrimitiveProps } from './types';
+import type { BasePrimitiveProps, NonTextChildren } from './types';
 export interface BoxProps<T extends HTMLElement = HTMLElement> extends Omit<HTMLAttributes<T>, 'style' | 'as' | 'className'>, BasePrimitiveProps {
@@ -13,3 +13,3 @@ /**
      */
-    children?: ReactNode;
+    children?: NonTextChildren | boolean | null | undefined;
     /**
@@ -60,2 +60,6 @@ * The html className attribute.
     /**
+     * Defines what happens if content overflows the box.
+     */
+    overflow?: Overflow;
+    /**
      * Shorthand for `paddingBlock` and `paddingInline` together.
@@ -147,2 +151,6 @@ *
 };
+declare type Overflow = keyof typeof overflowMap;
+declare const overflowMap: {
+    auto: import("@emotion/react").SerializedStyles;
+};
 declare const positionMap: {
@@ -149,0 +157,0 @@ absolute: import("@emotion/react").SerializedStyles;

dist/types/components/inline.partial.d.ts

 /** @jsx jsx */
 import { ReactNode } from 'react';
 import { GlobalSpacingToken } from '../constants';
-import { BasePrimitiveProps } from './types';
+import { BasePrimitiveProps, NonTextChildren } from './types';
 interface InlineProps extends BasePrimitiveProps {
@@ -15,2 +15,6 @@ /**
     /**
+     * Sets whether children are forced onto one line or can wrap onto multiple lines
+     */
+    flexWrap?: FlexWrap;
+    /**
      * Token representing gap between children.
@@ -27,3 +31,3 @@ */
      */
-    children: ReactNode;
+    children: NonTextChildren;
 }
@@ -36,2 +40,4 @@ declare type FlexAlignItems = keyof typeof flexAlignItemsMap;
     flexEnd: import("@emotion/react").SerializedStyles;
+    start: import("@emotion/react").SerializedStyles;
+    end: import("@emotion/react").SerializedStyles;
 };
@@ -43,3 +49,9 @@ declare type FlexJustifyContent = keyof typeof flexJustifyContentMap;
     flexEnd: import("@emotion/react").SerializedStyles;
+    start: import("@emotion/react").SerializedStyles;
+    end: import("@emotion/react").SerializedStyles;
 };
+declare type FlexWrap = keyof typeof flexWrapMap;
+declare const flexWrapMap: {
+    wrap: import("@emotion/react").SerializedStyles;
+};
 /**
@@ -46,0 +58,0 @@ * __Inline__

dist/types/components/interaction-surface.partial.d.ts

@@ -6,3 +6,3 @@ /** @jsx jsx */
 interface InteractionSurfaceProps extends BasePrimitiveProps {
-    children?: ReactNode;
+    children: ReactNode;
     appearance?: InteractionBackgroundColor;
@@ -16,4 +16,5 @@ }
  * <Box as="button">
- *   <InteractionSurface />
- *   <WarningIcon label="icon button" />
+ *   <InteractionSurface>
+ *    <WarningIcon label="icon button" />
+ *  </InteractionSurface>
  * </Box>
@@ -20,0 +21,0 @@ * ```

dist/types/components/stack.partial.d.ts

@@ -1,5 +0,4 @@
-/** @jsx jsx */
-import { ReactNode } from 'react';
+/// <reference types="react" />
 import { GlobalSpacingToken } from '../constants';
-import { BasePrimitiveProps } from './types';
+import { BasePrimitiveProps, NonTextChildren } from './types';
 interface StackProps extends BasePrimitiveProps {
@@ -15,2 +14,6 @@ /**
     /**
+     * Sets whether children are forced onto one line or can wrap onto multiple lines
+     */
+    flexWrap?: FlexWrap;
+    /**
      * Token representing gap between children.
@@ -22,3 +25,3 @@ */
      */
-    children: ReactNode;
+    children: NonTextChildren;
 }
@@ -31,2 +34,4 @@ declare type FlexAlignItems = keyof typeof flexAlignItemsMap;
     flexEnd: import("@emotion/react").SerializedStyles;
+    start: import("@emotion/react").SerializedStyles;
+    end: import("@emotion/react").SerializedStyles;
 };
@@ -38,3 +43,9 @@ declare type FlexJustifyContent = keyof typeof flexJustifyContentMap;
     flexEnd: import("@emotion/react").SerializedStyles;
+    start: import("@emotion/react").SerializedStyles;
+    end: import("@emotion/react").SerializedStyles;
 };
+declare type FlexWrap = keyof typeof flexWrapMap;
+declare const flexWrapMap: {
+    wrap: import("@emotion/react").SerializedStyles;
+};
 /**
@@ -41,0 +52,0 @@ * __Stack__

dist/types/components/types.d.ts

@@ -14,1 +14,2 @@ import type { CSSProperties } from 'react';
 }
+export declare type NonTextChildren = JSX.Element | (JSX.Element | null | false)[];

package.json

 {
   "name": "@atlaskit/ds-explorations",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "An experimental package for exploration and validation of spacing / typography foundations.",
@@ -5,0 +5,0 @@ "license": "Apache-2.0",

report.api.md

@@ -0,12 +1,19 @@
+<!-- API Report Version: 2.2 -->
+
 ## API Report File for "@atlaskit/ds-explorations"
 
-> Do not edit this file. It is a report generated by [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)
 
-<!--
-	Generated API Report version: 2.0
--->
+### Table of contents
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+- [Main Entry Types](#main-entry-types)
 
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
+
 ```ts
+/// <reference types="react" />
+
 import type { CSSProperties } from 'react';
@@ -175,2 +182,4 @@ import { ElementType } from 'react';
   flexEnd: SerializedStyles;
+  start: SerializedStyles;
+  end: SerializedStyles;
 };
@@ -184,2 +193,4 @@
   flexEnd: SerializedStyles;
+  start: SerializedStyles;
+  end: SerializedStyles;
 };
@@ -217,2 +228,4 @@
   flexEnd: SerializedStyles;
+  start: SerializedStyles;
+  end: SerializedStyles;
 };
@@ -225,5 +238,23 @@
   flexEnd: SerializedStyles;
+  start: SerializedStyles;
+  end: SerializedStyles;
 };
 
 // @public (undocumented)
+type FlexWrap = keyof typeof flexWrapMap;
+
+// @public (undocumented)
+type FlexWrap_2 = keyof typeof flexWrapMap_2;
+
+// @public (undocumented)
+const flexWrapMap: {
+  wrap: SerializedStyles;
+};
+
+// @public (undocumented)
+const flexWrapMap_2: {
+  wrap: SerializedStyles;
+};
+
+// @public (undocumented)
 type FontSize = keyof typeof fontSizeMap;
@@ -254,4 +285,5 @@
   alignItems?: FlexAlignItems_2;
-  children: ReactNode;
+  children: NonTextChildren;
   divider?: ReactNode;
+  flexWrap?: FlexWrap;
   gap: GlobalSpacingToken;
@@ -269,3 +301,3 @@ justifyContent?: FlexJustifyContent_2;
   // (undocumented)
-  children?: ReactNode;
+  children: ReactNode;
 }
@@ -288,2 +320,13 @@
 // @public (undocumented)
+type NonTextChildren = (JSX.Element | false | null)[] | JSX.Element;
+
+// @public (undocumented)
+type Overflow = keyof typeof overflowMap;
+
+// @public (undocumented)
+const overflowMap: {
+  auto: SerializedStyles;
+};
+
+// @public (undocumented)
 const positionMap: {
@@ -298,3 +341,4 @@ absolute: SerializedStyles;
   alignItems?: FlexAlignItems_3;
-  children: ReactNode;
+  children: NonTextChildren;
+  flexWrap?: FlexWrap_2;
   gap: GlobalSpacingToken;
@@ -351,3 +395,3 @@ justifyContent?: FlexJustifyContent_3;
 export interface UNSAFE_BoxProps<T extends HTMLElement = HTMLElement>
-  extends Omit<HTMLAttributes<T>, 'style' | 'as' | 'className'>,
+  extends Omit<HTMLAttributes<T>, 'as' | 'className' | 'style'>,
     BasePrimitiveProps {
@@ -361,3 +405,3 @@ alignItems?: FlexAlignItems;
   borderWidth?: BorderWidth;
-  children?: ReactNode;
+  children?: NonTextChildren | boolean | null | undefined;
   className?: string;
@@ -368,2 +412,3 @@ display?: Display;
   justifyContent?: FlexJustifyContent;
+  overflow?: Overflow;
   padding?: GlobalSpacingToken;
@@ -438,1 +483,3 @@ paddingBlock?: GlobalSpacingToken;
 ```
+
+<!--SECTION END: Main Entry Types-->

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

298562

increased by10.27%

Number of package files

122

increased by0.83%

Lines of code

8541

increased by9.21%

No dependency changes