@sendoutcards/quantum-design-ui 1.7.21 → 1.7.22-beta.3

package/CHANGELOG.md

@@ -0,0 +1,52 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [1.7.22-beta.3](https://github.com/SendOutCards/quantum-design-system/compare/@sendoutcards/quantum-design-ui@1.7.22-beta.2...@sendoutcards/quantum-design-ui@1.7.22-beta.3) (2021-12-14)
+
+
+### Bug Fixes
+
+* change import ([3e23b70](https://github.com/SendOutCards/quantum-design-system/commit/3e23b70c065ba8907c78f3827f466216e8ba70de))
+* merge conflicts ([705254b](https://github.com/SendOutCards/quantum-design-system/commit/705254bb3eb6924970859ec3c2975f533776c063))
+* update scripts ([e1c7d4b](https://github.com/SendOutCards/quantum-design-system/commit/e1c7d4bbc0ee4c1fe7a85c68bd7b444354d950ab))
+
+
+
+
+
+## [1.7.22-beta.2](https://github.com/SendOutCards/quantum-design-system/compare/@sendoutcards/quantum-design-ui@1.7.22-beta.1...@sendoutcards/quantum-design-ui@1.7.22-beta.2) (2021-12-14)
+
+**Note:** Version bump only for package @sendoutcards/quantum-design-ui
+
+
+
+
+
+## [1.7.22-beta.1](https://github.com/SendOutCards/quantum-design-system/compare/@sendoutcards/quantum-design-ui@1.7.22-beta.0...@sendoutcards/quantum-design-ui@1.7.22-beta.1) (2021-12-14)
+
+**Note:** Version bump only for package @sendoutcards/quantum-design-ui
+
+
+
+
+
+## [1.7.22-beta.0](https://github.com/SendOutCards/quantum-design-system/compare/@sendoutcards/quantum-design-ui@1.7.22-alpha.1...@sendoutcards/quantum-design-ui@1.7.22-beta.0) (2021-12-14)
+
+
+### Bug Fixes
+
+* exports ([#558](https://github.com/SendOutCards/quantum-design-system/issues/558)) ([f6912c4](https://github.com/SendOutCards/quantum-design-system/commit/f6912c484f1865c7714d4423f3e28b1c421fee88))
+
+
+
+
+
+## [1.7.22-alpha.1](https://github.com/SendOutCards/quantum-design-system/compare/@sendoutcards/quantum-design-ui@1.7.22-alpha.0...@sendoutcards/quantum-design-ui@1.7.22-alpha.1) (2021-12-14)
+
+
+### Bug Fixes
+
+* remove old test logic ([8c08478](https://github.com/SendOutCards/quantum-design-system/commit/8c0847845c48b9361909acbb2c5966d13b11004f))
+* swapped some stuff ([#556](https://github.com/SendOutCards/quantum-design-system/issues/556)) ([8511924](https://github.com/SendOutCards/quantum-design-system/commit/85119240bf7bdf44c11ca6e4a0a4e1dce4f9e230))

package/dist/index.es.js

@@ -819,17 +819,7 @@ var drawer$8 = {
   bottomDirectionShadow: concepts$8.shadows.generate('mediumLight', Color$1(concepts$8.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
   hoverBoxShadow: concepts$8.shadows.mediumDark,
   hoverBottomDirectionShadow: concepts$8.shadows.generate('mediumDark', Color$1(concepts$8.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
-  defaultInset: "" + spacing$8.x1,
-  tab: {
-    dark: {
-      backgroundColor: concepts$8.colors.grayScale._600,
-      arrowColor: concepts$8.colors.foreground
-    },
-    light: {
-      backgroundColor: concepts$8.colors.foreground,
-      arrowColor: icons$9.colors.default
-    }
-  }
+  defaultInset: "" + spacing$8.x1
 };
 var navigation$8 = {
   backgroundColor: concepts$8.colors.foreground,
@@ -1576,17 +1566,7 @@ var drawer$7 = {
   bottomDirectionShadow: concepts$7.shadows.generate('mediumLight', Color$1(concepts$7.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
   hoverBoxShadow: concepts$7.shadows.mediumDark,
   hoverBottomDirectionShadow: concepts$7.shadows.generate('mediumDark', Color$1(concepts$7.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
-  defaultInset: "" + spacing$7.x1,
-  tab: {
-    dark: {
-      backgroundColor: concepts$7.colors.grayScale._600,
-      arrowColor: concepts$7.colors.foreground
-    },
-    light: {
-      backgroundColor: concepts$7.colors.foreground,
-      arrowColor: icons$7.colors.default
-    }
-  }
+  defaultInset: "" + spacing$7.x1
 };
 var sheet$7 = {
   mobileBorderRadius: concepts$7.radius.large,
@@ -2278,17 +2258,7 @@ var drawer$6 = {
   bottomDirectionShadow: concepts$6.shadows.generate('mediumLight', Color$1(concepts$6.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
   hoverBoxShadow: concepts$6.shadows.mediumDark,
   hoverBottomDirectionShadow: concepts$6.shadows.generate('mediumDark', Color$1(concepts$6.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
-  defaultInset: "" + spacing$6.x1,
-  tab: {
-    dark: {
-      backgroundColor: concepts$6.colors.grayScale._600,
-      arrowColor: concepts$6.colors.foreground
-    },
-    light: {
-      backgroundColor: concepts$6.colors.foreground,
-      arrowColor: icons$6.colors.default
-    }
-  }
+  defaultInset: "" + spacing$6.x1
 };
 var sheet$6 = {
   mobileBorderRadius: concepts$6.radius.large,
@@ -2984,17 +2954,7 @@ var drawer$5 = {
   bottomDirectionShadow: concepts$5.shadows.generate('mediumLight', Color$1(concepts$5.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
   hoverBoxShadow: concepts$5.shadows.mediumDark,
   hoverBottomDirectionShadow: concepts$5.shadows.generate('mediumDark', Color$1(concepts$5.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
-  defaultInset: "" + spacing$5.x1,
-  tab: {
-    dark: {
-      backgroundColor: concepts$5.colors.grayScale._600,
-      arrowColor: concepts$5.colors.foreground
-    },
-    light: {
-      backgroundColor: concepts$5.colors.foreground,
-      arrowColor: icons$5.colors.default
-    }
-  }
+  defaultInset: "" + spacing$5.x1
 };
 var sheet$5 = {
   mobileBorderRadius: concepts$5.radius.large,
@@ -3688,17 +3648,7 @@ var drawer$4 = {
   bottomDirectionShadow: concepts$4.shadows.generate('mediumLight', Color$1(concepts$4.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
   hoverBoxShadow: concepts$4.shadows.mediumDark,
   hoverBottomDirectionShadow: concepts$4.shadows.generate('mediumDark', Color$1(concepts$4.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
-  defaultInset: "" + spacing$4.x1,
-  tab: {
-    dark: {
-      backgroundColor: concepts$4.colors.grayScale._600,
-      arrowColor: concepts$4.colors.foreground
-    },
-    light: {
-      backgroundColor: concepts$4.colors.foreground,
-      arrowColor: icons$4.colors.default
-    }
-  }
+  defaultInset: "" + spacing$4.x1
 };
 var sheet$4 = {
   mobileBorderRadius: concepts$4.radius.large,
@@ -4392,17 +4342,7 @@ var drawer$3 = {
   bottomDirectionShadow: concepts$3.shadows.generate('mediumLight', Color$1(concepts$3.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
   hoverBoxShadow: concepts$3.shadows.mediumDark,
   hoverBottomDirectionShadow: concepts$3.shadows.generate('mediumDark', Color$1(concepts$3.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
-  defaultInset: "" + spacing$3.x1,
-  tab: {
-    dark: {
-      backgroundColor: concepts$3.colors.grayScale._600,
-      arrowColor: concepts$3.colors.foreground
-    },
-    light: {
-      backgroundColor: concepts$3.colors.foreground,
-      arrowColor: icons$3.colors.default
-    }
-  }
+  defaultInset: "" + spacing$3.x1
 };
 var sheet$3 = {
   mobileBorderRadius: concepts$3.radius.large,
@@ -5096,17 +5036,7 @@ var drawer$2 = {
   bottomDirectionShadow: concepts$2.shadows.generate('mediumLight', Color$1(concepts$2.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
   hoverBoxShadow: concepts$2.shadows.mediumDark,
   hoverBottomDirectionShadow: concepts$2.shadows.generate('mediumDark', Color$1(concepts$2.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
-  defaultInset: "" + spacing$2.x1,
-  tab: {
-    dark: {
-      backgroundColor: concepts$2.colors.grayScale._600,
-      arrowColor: concepts$2.colors.foreground
-    },
-    light: {
-      backgroundColor: concepts$2.colors.foreground,
-      arrowColor: icons$2.colors.default
-    }
-  }
+  defaultInset: "" + spacing$2.x1
 };
 var sheet$2 = {
   mobileBorderRadius: concepts$2.radius.large,
@@ -5800,17 +5730,7 @@ var drawer$1 = {
   bottomDirectionShadow: concepts$1.shadows.generate('mediumLight', Color$1(concepts$1.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
   hoverBoxShadow: concepts$1.shadows.mediumDark,
   hoverBottomDirectionShadow: concepts$1.shadows.generate('mediumDark', Color$1(concepts$1.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
-  defaultInset: "" + spacing$1.x1,
-  tab: {
-    dark: {
-      backgroundColor: concepts$1.colors.grayScale._600,
-      arrowColor: concepts$1.colors.foreground
-    },
-    light: {
-      backgroundColor: concepts$1.colors.foreground,
-      arrowColor: icons$1.colors.default
-    }
-  }
+  defaultInset: "" + spacing$1.x1
 };
 var sheet$1 = {
   mobileBorderRadius: concepts$1.radius.large,
@@ -6489,17 +6409,7 @@ var drawer = {
   bottomDirectionShadow: concepts.shadows.generate('mediumLight', Color$1(concepts.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
   hoverBoxShadow: concepts.shadows.mediumDark,
   hoverBottomDirectionShadow: concepts.shadows.generate('mediumDark', Color$1(concepts.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
-  defaultInset: "" + spacing.x1,
-  tab: {
-    dark: {
-      backgroundColor: concepts.colors.grayScale._600,
-      arrowColor: concepts.colors.foreground
-    },
-    light: {
-      backgroundColor: concepts.colors.foreground,
-      arrowColor: icons.colors.default
-    }
-  }
+  defaultInset: "" + spacing.x1
 };
 var navigation = {
   backgroundColor: concepts.colors.foreground,
@@ -11874,7 +11784,7 @@ var Aside = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   return jsx(motion.aside, _extends({}, props, {
     ref: ref,
-    animate: process.env.NODE_ENV === 'test' ? undefined : props.animate,
+    animate: props.animate,
     onClick: props.onMouseEvent ? function (e) {
       var _a;
 
@@ -12440,7 +12350,8 @@ var Portal = function (_a) {
     return function () {
       document.body.removeChild(container);
     };
-  }, [container]);
+  }, []); //eslint-disable-line
+
   return /*#__PURE__*/ReactDOM.createPortal(children, container);
 };
 
@@ -14488,15 +14399,15 @@ var Loader = function (_a) {
   }, children);
 };
 
-var _emotionSourceMap2$e = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGRyYXdlckNvbnRhaW5lcjogZnVuY3Rpb24gKGxvY2F0aW9uLCBkcmF3ZXJFbnRpdHkpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gIFwiXSkpLCBkcmF3ZXJFbnRpdHkuYmFja2dyb3VuZENvbG9yLCBsb2NhdGlvbiA9PT0gJ2xlZnQnICYmIDAsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIDAsIGxvY2F0aW9uID09PSAndG9wJyAmJiAwLCBsb2NhdGlvbiA9PT0gJ2JvdHRvbScgJiYgMCk7IH0sXHJcbiAgICBkcmF3ZXJUYWI6IGZ1bmN0aW9uIChsb2NhdGlvbiwgb3BlblZhbHVlKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcblxcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcblxcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0pKSwgbG9jYXRpb24gPT09ICdsZWZ0JyAmJiBvcGVuVmFsdWUgKyBcInB4XCIsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICd0b3AnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICdib3R0b20nICYmIG9wZW5WYWx1ZSArIFwicHhcIik7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
+var _emotionSourceMap2$e = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJcUUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGRyYXdlckNvbnRhaW5lcjogZnVuY3Rpb24gKGxvY2F0aW9uLCBkcmF3ZXJFbnRpdHkpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gIFwiXSkpLCBkcmF3ZXJFbnRpdHkuYmFja2dyb3VuZENvbG9yLCBsb2NhdGlvbiA9PT0gJ2xlZnQnICYmIDAsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIDAsIGxvY2F0aW9uID09PSAndG9wJyAmJiAwLCBsb2NhdGlvbiA9PT0gJ2JvdHRvbScgJiYgMCk7IH0sXHJcbiAgICBkcmF3ZXJUYWI6IGZ1bmN0aW9uIChsb2NhdGlvbiwgb3BlblZhbHVlLCBkcmF3ZXJFbnRpdHkpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIGxlZnQ6IFwiLCBcIjtcXG4gICAgcmlnaHQ6IFwiLCBcIjtcXG4gICAgdG9wOiBcIiwgXCI7XFxuICAgIGJvdHRvbTogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYmFja2dyb3VuZDogXCIsIFwiO1xcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0pKSwgZHJhd2VyRW50aXR5LmJhY2tncm91bmRDb2xvciwgbG9jYXRpb24gPT09ICdsZWZ0JyAmJiBvcGVuVmFsdWUgKyBcInB4XCIsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICd0b3AnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICdib3R0b20nICYmIG9wZW5WYWx1ZSArIFwicHhcIik7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
 
-var _emotionSourceMap$n = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0UiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGRyYXdlckNvbnRhaW5lcjogZnVuY3Rpb24gKGxvY2F0aW9uLCBkcmF3ZXJFbnRpdHkpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gIFwiXSkpLCBkcmF3ZXJFbnRpdHkuYmFja2dyb3VuZENvbG9yLCBsb2NhdGlvbiA9PT0gJ2xlZnQnICYmIDAsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIDAsIGxvY2F0aW9uID09PSAndG9wJyAmJiAwLCBsb2NhdGlvbiA9PT0gJ2JvdHRvbScgJiYgMCk7IH0sXHJcbiAgICBkcmF3ZXJUYWI6IGZ1bmN0aW9uIChsb2NhdGlvbiwgb3BlblZhbHVlKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcblxcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcblxcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0pKSwgbG9jYXRpb24gPT09ICdsZWZ0JyAmJiBvcGVuVmFsdWUgKyBcInB4XCIsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICd0b3AnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICdib3R0b20nICYmIG9wZW5WYWx1ZSArIFwicHhcIik7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
+var _emotionSourceMap$n = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0UiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGRyYXdlckNvbnRhaW5lcjogZnVuY3Rpb24gKGxvY2F0aW9uLCBkcmF3ZXJFbnRpdHkpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gIFwiXSkpLCBkcmF3ZXJFbnRpdHkuYmFja2dyb3VuZENvbG9yLCBsb2NhdGlvbiA9PT0gJ2xlZnQnICYmIDAsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIDAsIGxvY2F0aW9uID09PSAndG9wJyAmJiAwLCBsb2NhdGlvbiA9PT0gJ2JvdHRvbScgJiYgMCk7IH0sXHJcbiAgICBkcmF3ZXJUYWI6IGZ1bmN0aW9uIChsb2NhdGlvbiwgb3BlblZhbHVlLCBkcmF3ZXJFbnRpdHkpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIGxlZnQ6IFwiLCBcIjtcXG4gICAgcmlnaHQ6IFwiLCBcIjtcXG4gICAgdG9wOiBcIiwgXCI7XFxuICAgIGJvdHRvbTogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYmFja2dyb3VuZDogXCIsIFwiO1xcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0pKSwgZHJhd2VyRW50aXR5LmJhY2tncm91bmRDb2xvciwgbG9jYXRpb24gPT09ICdsZWZ0JyAmJiBvcGVuVmFsdWUgKyBcInB4XCIsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICd0b3AnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICdib3R0b20nICYmIG9wZW5WYWx1ZSArIFwicHhcIik7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
 var styles$n = {
   drawerContainer: function (location, drawerEntity) {
     return /*#__PURE__*/css(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n    display: flex;\n    background: ", ";\n    position: absolute;\n    left: ", ";\n    right: ", ";\n    top: ", ";\n    bottom: ", ";\n  " + _emotionSourceMap$n], ["\n    display: flex;\n    background: ", ";\n    position: absolute;\n    left: ", ";\n    right: ", ";\n    top: ", ";\n    bottom: ", ";\n  " + _emotionSourceMap$n])), drawerEntity.backgroundColor, location === 'left' && 0, location === 'right' && 0, location === 'top' && 0, location === 'bottom' && 0);
   },
-  drawerTab: function (location, openValue) {
-    return /*#__PURE__*/css(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n    align-content: center;\n\n    align-self: center;\n    align-items: center;\n    position: absolute;\n    left: ", ";\n    right: ", ";\n    top: ", ";\n    bottom: ", ";\n  " + _emotionSourceMap2$e], ["\n    display: flex;\n    justify-content: center;\n    align-content: center;\n\n    align-self: center;\n    align-items: center;\n    position: absolute;\n    left: ", ";\n    right: ", ";\n    top: ", ";\n    bottom: ", ";\n  " + _emotionSourceMap2$e])), location === 'left' && openValue + "px", location === 'right' && openValue + "px", location === 'top' && openValue + "px", location === 'bottom' && openValue + "px");
+  drawerTab: function (location, openValue, drawerEntity) {
+    return /*#__PURE__*/css(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n    align-content: center;\n    background: ", ";\n    align-self: center;\n    align-items: center;\n    position: absolute;\n    left: ", ";\n    right: ", ";\n    top: ", ";\n    bottom: ", ";\n  " + _emotionSourceMap2$e], ["\n    display: flex;\n    justify-content: center;\n    align-content: center;\n    background: ", ";\n    align-self: center;\n    align-items: center;\n    position: absolute;\n    left: ", ";\n    right: ", ";\n    top: ", ";\n    bottom: ", ";\n  " + _emotionSourceMap2$e])), drawerEntity.backgroundColor, location === 'left' && openValue + "px", location === 'right' && openValue + "px", location === 'top' && openValue + "px", location === 'bottom' && openValue + "px");
   }
 };
 var templateObject_1$o, templateObject_2$e;
@@ -14504,27 +14415,23 @@ var templateObject_1$o, templateObject_2$e;
 var Drawer = function (_a) {
   var _b;
 
-  var _c, _d;
-
   var children = _a.children,
       location = _a.location,
       isOpen = _a.isOpen,
-      _e = _a.isTabHidden,
-      isTabHidden = _e === void 0 ? false : _e,
+      _c = _a.isTabHidden,
+      isTabHidden = _c === void 0 ? false : _c,
       onClick = _a.onClick,
       openValue = _a.openValue,
-      _f = _a.offset,
-      offset = _f === void 0 ? 0 : _f,
-      _g = _a.zIndex,
-      zIndex = _g === void 0 ? 0 : _g,
-      _h = _a.showTab,
-      showTab = _h === void 0 ? true : _h,
+      _d = _a.offset,
+      offset = _d === void 0 ? 0 : _d,
+      _e = _a.zIndex,
+      zIndex = _e === void 0 ? 0 : _e,
+      _f = _a.showTab,
+      showTab = _f === void 0 ? true : _f,
       inset = _a.inset,
-      _j = _a.overflow,
-      overflow = _j === void 0 ? 'auto' : _j,
-      closedValue = _a.closedValue,
-      _k = _a.tabMode,
-      tabMode = _k === void 0 ? 'light' : _k;
+      _g = _a.overflow,
+      overflow = _g === void 0 ? 'auto' : _g,
+      closedValue = _a.closedValue;
   var drawer = useEntities().drawer;
   var isHorizontal = location === 'left' || location === 'right';
   var isVertical = location === 'top' || location === 'bottom';
@@ -14599,8 +14506,7 @@ var Drawer = function (_a) {
     height: "100%",
     width: "100%"
   }, children), showTab && jsx(Div, {
-    backgroundColor: drawer.tab[tabMode].backgroundColor,
-    css: styles$n.drawerTab(location, openValue),
+    css: styles$n.drawerTab(location, openValue, drawer),
     borderRadius: location === 'left' ? {
       right: drawer.borderRadius
     } : location === 'right' ? {
@@ -14638,7 +14544,7 @@ var Drawer = function (_a) {
   }, jsx(Icon, {
     name: "chevron",
     orientation: "left",
-    primaryColor: (_d = (_c = drawer.tab[tabMode]) === null || _c === void 0 ? void 0 : _c.arrowColor) !== null && _d !== void 0 ? _d : 'default',
+    primaryColor: "default",
     size: "small"
   }))));
 };
@@ -20695,10 +20601,9 @@ var FeatureAnnouncement = function (_a) {
   }), jsx(Text, {
     alignment: "center",
     content: description,
-    type: "footnote",
-    lineHeight: 1.4
+    type: "footnote"
   })), jsx(Spacer, {
-    space: "x1_5"
+    space: "x3"
   }), button && jsx(Button, {
     title: button.title,
     onClick: function () {
@@ -20893,7 +20798,8 @@ var ReleaseNoteDialog = function (_a) {
       return jsx(React.Fragment, null, jsx(ReleaseNote, {
         key: index,
         capsule: {
-          title: noteSection.releaseType
+          title: noteSection.title,
+          backgroundColor: noteSection.sectionColor
         },
         note: {
           title: note

package/dist/src/molecules/drawer/drawer.d.ts

@@ -16,6 +16,5 @@ export declare type DrawerProps = {
     outset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
     overflow?: Overflow;
     closedValue?: number;
-    tabMode?: 'dark' | 'light';
 };
 export declare const Drawer: FC<DrawerProps>;

package/dist/src/molecules/drawer/styles.d.ts

@@ -2,6 +2,6 @@ import { DrawerLocation } from './drawer';
 import { DrawerEntity } from "../../theme/theming/entities";
 declare const _default: {
     drawerContainer: (location: DrawerLocation, drawerEntity: DrawerEntity) => import("@emotion/utils").SerializedStyles;
-    drawerTab: (location: DrawerLocation, openValue: number) => import("@emotion/utils").SerializedStyles;
+    drawerTab: (location: DrawerLocation, openValue: number, drawerEntity: DrawerEntity) => import("@emotion/utils").SerializedStyles;
 };
 export default _default;

package/dist/src/organisms/releaseNoteDialog/releaseNoteDialog.d.ts

@@ -1,8 +1,9 @@
 import { FC } from 'react';
-import { ButtonType, CapsuleType } from "../../exports/molecules";
+import { ButtonType, ReleaseNoteCapsuleColor, CapsuleType } from "../../exports/molecules";
 export declare type NoteSection = {
-    releaseType: CapsuleType;
+    title: CapsuleType;
     notes: string[];
+    sectionColor?: ReleaseNoteCapsuleColor;
 };
 export declare type ReleaseNoteDialogProps = {
     title: string;

package/dist/src/theme/theming/entities.d.ts

@@ -447,16 +447,6 @@ declare const drawer: {
     hoverBoxShadow: string;
     hoverBottomDirectionShadow: string;
     defaultInset: string;
-    tab: {
-        dark: {
-            backgroundColor: string | undefined;
-            arrowColor: string;
-        };
-        light: {
-            backgroundColor: string;
-            arrowColor: string | undefined;
-        };
-    };
 };
 declare const navigation: {
     backgroundColor: string;
@@ -943,16 +933,6 @@ export declare const entities: {
         hoverBoxShadow: string;
         hoverBottomDirectionShadow: string;
         defaultInset: string;
-        tab: {
-            dark: {
-                backgroundColor: string | undefined;
-                arrowColor: string;
-            };
-            light: {
-                backgroundColor: string;
-                arrowColor: string | undefined;
-            };
-        };
     };
     sheet: {
         mobileBorderRadius: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.7.21",
+  "version": "1.7.22-beta.3",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",
@@ -24,7 +24,7 @@
     ]
   },
   "scripts": {
-    "build": "rm -rf ./dist/* & rollup -c",
+    "build": "rollup -c",
     "test": "jest",
     "lint": "eslint src",
     "lint-staged": "lint-staged",
@@ -102,5 +102,6 @@
       "prettier --write",
       "git add"
     ]
-  }
+  },
+  "gitHead": "a09dcb7750831d1941ee56d5030cd9b353eb4b00"
 }