@appquality/unguess-design-system 2.10.37 → 2.10.40

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+# v2.10.40 (Wed May 25 2022)
+
+#### 🐛 Bug Fix
+
+- fix(login): fix "Spread types may only be created from object types" … [#62](https://github.com/AppQuality/unguess-design-system/pull/62) ([@cannarocks](https://github.com/cannarocks))
+
+#### ⚠️ Pushed to `master`
+
+- Merge branch 'master' of github.com:AppQuality/unguess-design-system ([@cannarocks](https://github.com/cannarocks))
+- build(package.json): update peer ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
+# v2.10.39 (Wed May 25 2022)
+
+#### ⚠️ Pushed to `master`
+
+- refactor(sidebar): update feature schema in order as defined on stoplight ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
+# v2.10.38 (Mon May 23 2022)
+
+#### 🐛 Bug Fix
+
+- feat(sidebar): add features flag to sidebar item [#61](https://github.com/AppQuality/unguess-design-system/pull/61) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v2.10.37 (Thu May 19 2022)
 
 #### 🐛 Bug Fix

package/build/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const FEATURE_FLAG_EXPRESS = "exploratory-express";
+export declare const FEATURE_FLAG_SKY_JOTFORM = "sky-custom-jotform";
+export declare const FEATURE_FLAG_CATALOG = "catalog-pages";

package/build/index.js

@@ -48,7 +48,7 @@ function _interopNamespace(e) {
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -416,7 +416,7 @@ var templateObject_1$V;
 
 var _g$4, _path$s;
 
-function _extends$u() { _extends$u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
+function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
 
 var SvgFunctionalTestIcon = function SvgFunctionalTestIcon(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
@@ -439,7 +439,7 @@ var SvgFunctionalTestIcon = function SvgFunctionalTestIcon(props) {
 
 var _g$3, _path$r, _path2$7, _path3$6, _path4$4, _path5$3, _path6$3, _path7$3, _path8$3, _path9$3, _path10$3, _path11$2;
 
-function _extends$t() { _extends$t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
+function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
 
 var SvgExperientialTestIcon = function SvgExperientialTestIcon(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
@@ -513,7 +513,7 @@ var SvgExperientialTestIcon = function SvgExperientialTestIcon(props) {
 
 var _circle$2, _path$q, _path2$6, _path3$5;
 
-function _extends$s() { _extends$s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
+function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
 
 var SvgCompletedStatusRoundIcon = function SvgCompletedStatusRoundIcon(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
@@ -541,7 +541,7 @@ var SvgCompletedStatusRoundIcon = function SvgCompletedStatusRoundIcon(props) {
 
 var _circle$1, _path$p, _path2$5, _path3$4, _path4$3, _path5$2, _path6$2, _path7$2, _path8$2, _path9$2, _path10$2;
 
-function _extends$r() { _extends$r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
+function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
 
 var SvgOnGoingStatusRoundIcon = function SvgOnGoingStatusRoundIcon(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
@@ -590,7 +590,7 @@ var SvgOnGoingStatusRoundIcon = function SvgOnGoingStatusRoundIcon(props) {
 
 var _circle, _path$o, _path2$4;
 
-function _extends$q() { _extends$q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
+function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
 
 var SvgArrivalStatusRoundIcon = function SvgArrivalStatusRoundIcon(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
@@ -952,7 +952,7 @@ var Close = function (props) { return jsxRuntime.jsx(reactNotifications.Close, _
 
 var _path$n, _path2$3, _path3$3, _path4$2;
 
-function _extends$p() { _extends$p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
+function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
 
 var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
@@ -978,7 +978,7 @@ var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
 
 var _path$m, _path2$2, _path3$2, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
 
-function _extends$o() { _extends$o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
+function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
 
 var SvgCampaignProgress = function SvgCampaignProgress(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
@@ -1025,7 +1025,7 @@ var SvgCampaignProgress = function SvgCampaignProgress(props) {
 
 var _path$l, _path2$1, _path3$1;
 
-function _extends$n() { _extends$n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
+function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
 
 var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
@@ -1054,7 +1054,7 @@ var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
 
 var _g$2, _path$k;
 
-function _extends$m() { _extends$m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
+function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
 
 var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
@@ -1077,7 +1077,7 @@ var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
 
 var _g$1, _path$j, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
 
-function _extends$l() { _extends$l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
+function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
 
 var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
@@ -1405,7 +1405,7 @@ var templateObject_1$F;
 
 var _path$i;
 
-function _extends$k() { _extends$k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
+function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
 
 var SvgCheckLg = function SvgCheckLg(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
@@ -1509,7 +1509,7 @@ var Grid = function (props) { return jsxRuntime.jsx(reactGrid.Grid, __assign({},
 
 var _path$h;
 
-function _extends$j() { _extends$j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
+function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
 
 var SvgUgSquare = function SvgUgSquare(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
@@ -1526,7 +1526,7 @@ var SvgUgSquare = function SvgUgSquare(props) {
 
 var _path$g;
 
-function _extends$i() { _extends$i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
+function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
 
 var SvgUgCircle = function SvgUgCircle(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
@@ -1543,7 +1543,7 @@ var SvgUgCircle = function SvgUgCircle(props) {
 
 var _path$f;
 
-function _extends$h() { _extends$h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
+function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
 
 var SvgUgTriangle = function SvgUgTriangle(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
@@ -1560,16 +1560,9 @@ var SvgUgTriangle = function SvgUgTriangle(props) {
 
 var StyledUgIcon$1 = styled__default["default"].span(templateObject_1$B || (templateObject_1$B = __makeTemplateObject([""], [""])));
 var Icon = function (props) {
-    var children = function (type, size) {
-        if (size === void 0) { size = 24; }
-        if (type === "square")
-            return jsxRuntime.jsx(SvgUgSquare, __assign({}, props && !props.size, props && { width: size, height: size }));
-        if (type === "triangle")
-            return jsxRuntime.jsx(SvgUgTriangle, __assign({}, props && !props.size, props && { width: size, height: size }));
-        if (type === "circle")
-            return jsxRuntime.jsx(SvgUgCircle, __assign({}, props && !props.size, props && { width: size, height: size }));
-    };
-    return (jsxRuntime.jsx(StyledUgIcon$1, { children: children(props.type, props.size) }));
+    var type = props.type, size = props.size;
+    var dim = size !== null && size !== void 0 ? size : 24;
+    return (jsxRuntime.jsxs(StyledUgIcon$1, { children: [type === "square" && jsxRuntime.jsx(SvgUgSquare, { width: dim, height: dim }), type === "triangle" && jsxRuntime.jsx(SvgUgTriangle, { width: dim, height: dim }), type === "circle" && jsxRuntime.jsx(SvgUgCircle, { width: dim, height: dim })] }));
 };
 var templateObject_1$B;
 
@@ -1615,7 +1608,7 @@ var Content = function (props) { return jsxRuntime.jsx(reactChrome.Content, __as
 
 var _path$e;
 
-function _extends$g() { _extends$g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
+function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
 
 var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
@@ -1678,7 +1671,7 @@ var Logo = function (props) {
 
 var _path$d;
 
-function _extends$f() { _extends$f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
+function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
 
 var SvgMenuStroke = function SvgMenuStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
@@ -1834,7 +1827,7 @@ var NavItemText = function (props) { return (jsxRuntime.jsx(reactChrome.NavItemT
 
 var _path$c;
 
-function _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
+function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
 
 var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
@@ -1851,7 +1844,7 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
 
 var _path$b;
 
-function _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
+function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
 
 var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
@@ -1906,7 +1899,7 @@ var templateObject_1$m, templateObject_2$c;
 
 var _path$a;
 
-function _extends$c() { _extends$c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
+function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
 
 var SvgHomeFill = function SvgHomeFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
@@ -1923,7 +1916,7 @@ var SvgHomeFill = function SvgHomeFill(props) {
 
 var _linearGradient, _path$9;
 
-function _extends$b() { _extends$b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
+function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
 
 var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
@@ -1950,7 +1943,7 @@ var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
 
 var _g, _defs$2;
 
-function _extends$a() { _extends$a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
+function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
 
 var SvgToken = function SvgToken(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
@@ -1991,7 +1984,7 @@ var SvgToken = function SvgToken(props) {
 
 var _path$8;
 
-function _extends$9() { _extends$9 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
+function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 
 var SvgFolderIcon = function SvgFolderIcon(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
@@ -2010,7 +2003,7 @@ var SvgFolderIcon = function SvgFolderIcon(props) {
 
 var _path$7, _defs$1;
 
-function _extends$8() { _extends$8 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
+function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
 
 var SvgTemplates = function SvgTemplates(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
@@ -2041,7 +2034,7 @@ var SvgTemplates = function SvgTemplates(props) {
 
 var _path$6, _defs;
 
-function _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 
 var SvgTemplatesActive = function SvgTemplatesActive(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
@@ -2081,6 +2074,8 @@ var LoadingSidebar = function (props) {
 };
 var templateObject_1$l;
 
+var FEATURE_FLAG_CATALOG = 'catalog-pages';
+
 var TokenContainer = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
 var ScrollingContainer = styled__default["default"].div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  order: 1;\n  overflow-y: auto;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  order: 1;\n  overflow-y: auto;\n  height: 100%;\n"])));
 var StyledNavItem = styled__default["default"](NavItem)(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n  ", ";\n\n  &:hover,\n  &:focus {\n    background-color: white;\n  }\n"], ["\n  ", ";\n\n  &:hover,\n  &:focus {\n    background-color: white;\n  }\n"])), function (_a) {
@@ -2096,6 +2091,7 @@ var StyledNavItem = styled__default["default"](NavItem)(templateObject_3$9 || (t
  */
 var Sidebar = function (props) {
     var _a = React.useState(props.currentRoute || "home"), nav = _a[0], setNav = _a[1];
+    var features = props.features;
     var showWorkspacesDropdown = window.matchMedia("only screen and (max-width: ".concat(theme.breakpoints.sm, ")")).matches;
     var toggleNav = function () {
         props.onToggleMenu && props.onToggleMenu();
@@ -2105,10 +2101,18 @@ var Sidebar = function (props) {
         props.onNavToggle && props.onNavToggle(route, parameter);
         setNav(fullRoute);
     };
-    var padding = props.tokens ? {
-        paddingBottom: 0
-    } : {};
-    return props.isLoading ? (jsxRuntime.jsx(LoadingSidebar, __assign({}, props))) : (jsxRuntime.jsxs(Nav, __assign({}, props, { children: [jsxRuntime.jsx(NavToggle, { onClick: toggleNav, isExpanded: props.isExpanded }), showWorkspacesDropdown && props.workspaces && props.workspaces.length > 1 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledNavItem, __assign({ hasLogo: true, isExpanded: props.isExpanded, style: padding }, { children: jsxRuntime.jsx(WorkspacesDropdown, { workspaces: props.workspaces, workspacesLabel: props.workspacesLabel, activeWorkspace: props.activeWorkspace, onWorkspaceChange: props.onWorkspaceChange, isCompact: true }) })), props.tokens && (jsxRuntime.jsx(NavDivider, { isExpanded: props.isExpanded, style: { order: 0 } }))] })), props.tokens && (jsxRuntime.jsx(StyledNavItem, __assign({ hasLogo: true, isExpanded: props.isExpanded, style: { pointerEvents: "none", paddingTop: 0 } }, { children: jsxRuntime.jsx(Card, __assign({ style: { padding: theme.space.sm } }, { children: jsxRuntime.jsxs(TokenContainer, { children: [jsxRuntime.jsx(SvgToken, { width: 32 }), jsxRuntime.jsx(Span, __assign({ isBold: true, style: { marginLeft: theme.space.xs, color: theme.palette.grey[800] } }, { children: props.tokens + " " + (props.tokensLabel || "tokens") }))] }) })) }))), jsxRuntime.jsxs(NavItem, __assign({ isExpanded: props.isExpanded, isCurrent: nav === "home", onClick: function () { return navigate("home"); } }, { children: [jsxRuntime.jsx(NavItemIcon, __assign({ isStyled: true }, { children: nav === "home" ? jsxRuntime.jsx(SvgHomeFillStyled, {}) : jsxRuntime.jsx(SvgHomeFill, {}) })), jsxRuntime.jsx(NavItemText, { children: props.homeItemLabel || "My Campaigns" })] })), jsxRuntime.jsxs(NavItem, __assign({ isExpanded: props.isExpanded, isCurrent: nav === "templates", onClick: function () { return navigate("templates"); } }, { children: [jsxRuntime.jsx(NavItemIcon, __assign({ isStyled: true }, { children: nav === "templates" ? jsxRuntime.jsx(SvgTemplatesActive, {}) : jsxRuntime.jsx(SvgTemplates, {}) })), jsxRuntime.jsx(NavItemText, { children: props.servicesItemLabel || "Templates" })] })), jsxRuntime.jsxs(NavDivider, __assign({ isExpanded: props.isExpanded }, { children: [jsxRuntime.jsx(SvgFolderIcon, {}), " ", props.dividerLabel || ""] })), jsxRuntime.jsx(ScrollingContainer, { children: props.projects &&
+    var padding = props.tokens
+        ? {
+            paddingBottom: 0,
+        }
+        : {};
+    return props.isLoading ? (jsxRuntime.jsx(LoadingSidebar, __assign({}, props))) : (jsxRuntime.jsxs(Nav, __assign({}, props, { children: [jsxRuntime.jsx(NavToggle, { onClick: toggleNav, isExpanded: props.isExpanded }), showWorkspacesDropdown &&
+                props.workspaces &&
+                props.workspaces.length > 1 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledNavItem, __assign({ hasLogo: true, isExpanded: props.isExpanded, style: padding }, { children: jsxRuntime.jsx(WorkspacesDropdown, { workspaces: props.workspaces, workspacesLabel: props.workspacesLabel, activeWorkspace: props.activeWorkspace, onWorkspaceChange: props.onWorkspaceChange, isCompact: true }) })), props.tokens && (jsxRuntime.jsx(NavDivider, { isExpanded: props.isExpanded, style: { order: 0 } }))] })), props.tokens && (jsxRuntime.jsx(StyledNavItem, __assign({ hasLogo: true, isExpanded: props.isExpanded, style: { pointerEvents: "none", paddingTop: 0 } }, { children: jsxRuntime.jsx(Card, __assign({ style: { padding: theme.space.sm } }, { children: jsxRuntime.jsxs(TokenContainer, { children: [jsxRuntime.jsx(SvgToken, { width: 32 }), jsxRuntime.jsx(Span, __assign({ isBold: true, style: {
+                                    marginLeft: theme.space.xs,
+                                    color: theme.palette.grey[800],
+                                } }, { children: props.tokens + " " + (props.tokensLabel || "tokens") }))] }) })) }))), jsxRuntime.jsxs(NavItem, __assign({ isExpanded: props.isExpanded, isCurrent: nav === "home", onClick: function () { return navigate("home"); } }, { children: [jsxRuntime.jsx(NavItemIcon, __assign({ isStyled: true }, { children: nav === "home" ? jsxRuntime.jsx(SvgHomeFillStyled, {}) : jsxRuntime.jsx(SvgHomeFill, {}) })), jsxRuntime.jsx(NavItemText, { children: props.homeItemLabel || "My Campaigns" })] })), features &&
+                features.find(function (feature) { return feature.slug === FEATURE_FLAG_CATALOG; }) && (jsxRuntime.jsxs(NavItem, __assign({ isExpanded: props.isExpanded, isCurrent: nav === "templates", onClick: function () { return navigate("templates"); } }, { children: [jsxRuntime.jsx(NavItemIcon, __assign({ isStyled: true }, { children: nav === "templates" ? (jsxRuntime.jsx(SvgTemplatesActive, {})) : (jsxRuntime.jsx(SvgTemplates, {})) })), jsxRuntime.jsx(NavItemText, { children: props.servicesItemLabel || "Templates" })] }))), jsxRuntime.jsxs(NavDivider, __assign({ isExpanded: props.isExpanded }, { children: [jsxRuntime.jsx(SvgFolderIcon, {}), " ", props.dividerLabel || ""] })), jsxRuntime.jsx(ScrollingContainer, { children: props.projects &&
                     props.projects.map(function (project) { return (jsxRuntime.jsxs(NavItemProject, __assign({ isExpanded: props.isExpanded, isCurrent: nav === "projects/".concat(project.id), onClick: function () { return navigate("projects", project.id); } }, { children: [jsxRuntime.jsx(NavItemProject.Title, { title: project.title, children: project.title }), jsxRuntime.jsx(NavItemProject.SubTitle, { children: project.campaigns })] }), project.id)); }) }), jsxRuntime.jsxs(NavItem, __assign({ isExpanded: props.isExpanded, hasBrandmark: true, title: "Be smart from the start", style: { pointerEvents: "none", paddingBottom: theme.space.md } }, { children: [jsxRuntime.jsx(NavItemIcon, { children: jsxRuntime.jsx(Logo, { type: "icon", size: 150 }) }), jsxRuntime.jsx(NavItemText, { children: "UNGUESS" })] }))] })));
 };
 var templateObject_1$k, templateObject_2$b, templateObject_3$9;
@@ -2150,15 +2154,11 @@ var LoginForm = function (props) { return (jsxRuntime.jsxs(jsxRuntime.Fragment,
                         marginBottom: theme.space.lg,
                     } }, { children: jsxRuntime.jsx(XL, __assign({ style: { color: theme.palette.blue[600] } }, { children: props.title })) })), jsxRuntime.jsx(formik.Formik, __assign({}, props, { initialValues: props.initialValues, onSubmit: props.onSubmit, validate: props.validate }, { children: function (_a) {
                         var values = _a.values, status = _a.status, errors = _a.errors, touched = _a.touched, handleChange = _a.handleChange, handleSubmit = _a.handleSubmit, isSubmitting = _a.isSubmitting;
-                        return (jsxRuntime.jsxs(formik.Form, __assign({ onSubmit: handleSubmit }, { children: [jsxRuntime.jsxs(Field, { children: [jsxRuntime.jsx(Input, __assign({ type: "email", name: "email", placeholder: props.placeholderEmail, onChange: handleChange, value: values.email }, (touched && values.email
-                                            ? (touched.email = true)
-                                            : (touched.email = false)), (errors && errors.email
+                        return (jsxRuntime.jsxs(formik.Form, __assign({ onSubmit: handleSubmit }, { children: [jsxRuntime.jsxs(Field, { children: [jsxRuntime.jsx(Input, __assign({ type: "email", name: "email", placeholder: props.placeholderEmail, onChange: handleChange, value: values.email }, (errors && errors.email
                                             ? { validation: "error" }
                                             : touched.email
                                                 ? { validation: "success" }
-                                                : ""))), errors.email ? (jsxRuntime.jsx(Message, __assign({ validation: "error" }, { children: errors.email }))) : ("")] }), jsxRuntime.jsxs(Field, __assign({ style: { marginTop: theme.space.md } }, { children: [jsxRuntime.jsx(Input, __assign({ type: "password", name: "password", placeholder: props.placeholderPassword, onChange: handleChange, value: values.password }, (touched && values.password
-                                            ? (touched.password = true)
-                                            : (touched.password = false)), (errors && errors.password
+                                                : ""))), errors.email ? (jsxRuntime.jsx(Message, __assign({ validation: "error" }, { children: errors.email }))) : ("")] }), jsxRuntime.jsxs(Field, __assign({ style: { marginTop: theme.space.md } }, { children: [jsxRuntime.jsx(Input, __assign({ type: "password", name: "password", placeholder: props.placeholderPassword, onChange: handleChange, value: values.password }, (errors && errors.password
                                             ? { validation: "error" }
                                             : touched.password
                                                 ? { validation: "success" }
@@ -2241,7 +2241,7 @@ var templateObject_1$f;
 
 var _path$5;
 
-function _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
 
 var SvgExit = function SvgExit(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
@@ -2259,7 +2259,7 @@ var SvgExit = function SvgExit(props) {
 
 var _path$4;
 
-function _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
 
 var SvgThumbsUp = function SvgThumbsUp(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
@@ -2307,7 +2307,7 @@ var templateObject_1$d, templateObject_2$9, templateObject_3$7, templateObject_4
 
 var _path$3;
 
-function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
 
 var SvgQuestionMark = function SvgQuestionMark(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
@@ -2325,7 +2325,7 @@ var SvgQuestionMark = function SvgQuestionMark(props) {
 
 var _path$2;
 
-function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
 
 var SvgCopy = function SvgCopy(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
@@ -2344,7 +2344,7 @@ var SvgCopy = function SvgCopy(props) {
 
 var _path$1;
 
-function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 
 var SvgInfoFill = function SvgInfoFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
@@ -2408,7 +2408,7 @@ var HelpItem = function (props) {
 };
 var templateObject_1$a, templateObject_2$8, templateObject_3$6, templateObject_4$3, templateObject_5$1, templateObject_6;
 
-function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 
 var SvgEmpty = function SvgEmpty(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
@@ -2422,7 +2422,7 @@ var SvgEmpty = function SvgEmpty(props) {
 
 var _path;
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var SvgTranslationExists = function SvgTranslationExists(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({

package/build/stories/alerts/index.d.ts

@@ -9,7 +9,7 @@ import { AlertArgs } from './_types';
  */
 declare const Alert: {
     (props: AlertArgs): JSX.Element;
-    Title: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications/dist/typings/elements/content/Title").ITitleProps & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications").ITitleProps & import("react").RefAttributes<HTMLDivElement>>;
     Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export { Alert };

package/build/stories/alerts/index.stories.d.ts

@@ -4,7 +4,7 @@ import { AlertArgs } from "./_types";
 export declare const Default: Story<AlertArgs>;
 declare const _default: ComponentMeta<{
     (props: AlertArgs): JSX.Element;
-    Title: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications/dist/typings/elements/content/Title").ITitleProps & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications").ITitleProps & import("react").RefAttributes<HTMLDivElement>>;
     Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
 }>;
 export default _default;

package/build/stories/breadcrumbs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BreadcrumbArgs } from './_types';
 /**
  * Breadcrumbs mark and communicate a user’s location in the product.

package/build/stories/breadcrumbs/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { BreadcrumbArgs } from "./_types";
 export declare const Default: Story<BreadcrumbArgs>;

package/build/stories/buttons/anchor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AnchorArgs } from "./_types";
 /**
  * The Anchor is a link that helps users navigate from one location to another.

package/build/stories/buttons/anchor/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { AnchorArgs } from "./_types";
 export declare const Basic: Story<AnchorArgs>;

package/build/stories/buttons/button/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonArgs } from "./_types";
 /**
  * Buttons let users take action quickly.
@@ -11,7 +10,7 @@ import { ButtonArgs } from "./_types";
 declare const Button: {
     (props: ButtonArgs): JSX.Element;
     StartIcon: {
-        (props: import("@zendeskgarden/react-buttons").IButtonStartIconProps): JSX.Element;
+        (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): JSX.Element;
         displayName: string;
     };
     EndIcon: {

package/build/stories/buttons/button/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { ButtonArgs } from "./_types";
 export declare const Default: Story<ButtonArgs>;
@@ -8,7 +7,7 @@ export declare const WithIcon: Story<ButtonArgs>;
 declare const _default: ComponentMeta<{
     (props: ButtonArgs): JSX.Element;
     StartIcon: {
-        (props: import("@zendeskgarden/react-buttons").IButtonStartIconProps): JSX.Element;
+        (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): JSX.Element;
         displayName: string;
     };
     EndIcon: {

package/build/stories/buttons/button-group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonGroupArgs } from "./_types";
 /**
 A Button group lets users make a selection from a set of options.

package/build/stories/buttons/button-group/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { ButtonGroupArgs } from "./_types";
 interface ButtonGroupProps extends ButtonGroupArgs {

package/build/stories/buttons/icon-button/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconButtonArgs } from "./_types";
 /**
 Icon buttons (like Buttons) let users take action.

package/build/stories/buttons/icon-button/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { IconButtonArgs } from "./_types";
 export declare const Default: Story<IconButtonArgs>;

package/build/stories/buttons/split-button/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SplitButtonArgs } from "./_types";
 /**
 A Split button is a hybrid between a Dropdown Menu and a Button. It lets users choose from parallel actions and take action on their choice.

package/build/stories/buttons/split-button/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { SplitButtonArgs } from "./_types";
 export declare const Default: Story<SplitButtonArgs>;

package/build/stories/campaign-cards/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CampaignCardsProps } from "./_types";
 export declare const Wrapper: import("styled-components").StyledComponent<(props: import("../cards/_types").CardProps) => JSX.Element, any, {}, never>;
 export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/stories/campaign-cards/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CampaignCardsProps } from "./_types";
 import { ComponentMeta, Story } from "@storybook/react";
 export declare const SingleCard: Story<CampaignCardsProps>;

package/build/stories/campaign-cards/skeleton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CampaignCardSkeleton: () => JSX.Element;

package/build/stories/cards/container.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { CardProps } from "./_types";
 interface CardStoryProps extends CardProps {

package/build/stories/cards/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps } from "./_types";
 /**
  * A Card is a container that groups related content.

package/build/stories/cards/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { CardProps } from "./_types";
 interface CardStoryProps extends CardProps {

package/build/stories/close/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CloseArgs } from "./_types";
 /**
  * Title is a basic component used to display a title. Often used in card headers.

package/build/stories/close/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { CloseArgs } from "./_types";
 export declare const Default: Story<CloseArgs>;

package/build/stories/drawers/loremIpsum.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const LoremIpsum: () => JSX.Element;

package/build/stories/dropdowns/autocomplete/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AutocompleteArgs } from "./_types";
 /**
  * Autocomplete is an input field that filters results as users type. This helps users find something quickly in a large list of options.

package/build/stories/dropdowns/autocomplete/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { AutocompleteArgs } from "./_types";
 interface AutocompleteStoryArgs extends AutocompleteArgs {