pds-dev-kit-web 1.9.0-beta.4 → 1.9.0-beta.5

package/dist/storybook-static/{runtime~main.d6679bc3.iframe.bundle.js → runtime~main.54fba058.iframe.bundle.js}

@@ -15,7 +15,7 @@
         var promise = new Promise((function (resolve, reject) { installedChunkData = installedChunks[chunkId] = [resolve, reject]; }));
         promises.push(installedChunkData[2] = promise);
         var onScriptComplete, script = document.createElement("script");
-        script.charset = "utf-8", script.timeout = 120, __webpack_require__.nc && script.setAttribute("nonce", __webpack_require__.nc), script.src = function jsonpScriptSrc(chunkId) { return __webpack_require__.p + "" + ({}[chunkId] || chunkId) + "." + { 0: "8a8ae8fa", 4: "0cae350a", 5: "6dd988b7", 6: "16e7a5f8", 7: "d9eac22c" }[chunkId] + ".iframe.bundle.js"; }(chunkId);
+        script.charset = "utf-8", script.timeout = 120, __webpack_require__.nc && script.setAttribute("nonce", __webpack_require__.nc), script.src = function jsonpScriptSrc(chunkId) { return __webpack_require__.p + "" + ({}[chunkId] || chunkId) + "." + { 0: "2023c95c", 4: "d1de0501", 5: "2f192ddf", 6: "62fc7663", 7: "3518bf24" }[chunkId] + ".iframe.bundle.js"; }(chunkId);
         var error = new Error;
         onScriptComplete = function (event) { script.onerror = script.onload = null, clearTimeout(timeout); var chunk = installedChunks[chunkId]; if (0 !== chunk) {
             if (chunk) {

package/dist/storybook-static/{vendors~main.acdf7090.iframe.bundle.js → vendors~main.dd7c8d3f.iframe.bundle.js}

@@ -69,7 +69,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-/*! For license information please see vendors~main.acdf7090.iframe.bundle.js.LICENSE.txt */
+/*! For license information please see vendors~main.dd7c8d3f.iframe.bundle.js.LICENSE.txt */
 (window.webpackJsonp = window.webpackJsonp || []).push([[3], [function (module, exports, __webpack_require__) {
             "use strict";
             module.exports = __webpack_require__(874);
@@ -4080,7 +4080,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
             "use strict";
             __webpack_require__.d(__webpack_exports__, "c", (function () { return addDecorator; })), __webpack_require__.d(__webpack_exports__, "e", (function () { return addParameters; })), __webpack_require__.d(__webpack_exports__, "d", (function () { return addLoader; })), __webpack_require__.d(__webpack_exports__, "b", (function () { return addArgsEnhancer; })), __webpack_require__.d(__webpack_exports__, "a", (function () { return addArgTypesEnhancer; })), __webpack_require__.d(__webpack_exports__, "g", (function () { return setGlobalRender; })), __webpack_require__.d(__webpack_exports__, "f", (function () { return client_api_ClientApi; }));
             __webpack_require__(16), __webpack_require__(45), __webpack_require__(7), __webpack_require__(12), __webpack_require__(21), __webpack_require__(163), __webpack_require__(10), __webpack_require__(18), __webpack_require__(15), __webpack_require__(17), __webpack_require__(19), __webpack_require__(83), __webpack_require__(99), __webpack_require__(54), __webpack_require__(26), __webpack_require__(24);
-            var browser = __webpack_require__(31), browser_default = __webpack_require__.n(browser), esm = __webpack_require__(20), dist_esm = __webpack_require__(5), dist = __webpack_require__(40), hooks = __webpack_require__(2153);
+            var browser = __webpack_require__(31), browser_default = __webpack_require__.n(browser), esm = __webpack_require__(20), dist_esm = __webpack_require__(5), dist = __webpack_require__(40), hooks = __webpack_require__(2156);
             __webpack_require__(9), __webpack_require__(73);
             function _objectWithoutProperties(source, excluded) { if (null == source)
                 return {}; var key, i, target = function _objectWithoutPropertiesLoose(source, excluded) { if (null == source)
@@ -4172,7 +4172,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
             "use strict";
             __webpack_require__.d(__webpack_exports__, "a", (function () { return SyntaxHighlighter; }));
             __webpack_require__(68), __webpack_require__(10);
-            var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0), react__WEBPACK_IMPORTED_MODULE_2___default = __webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__), LazySyntaxHighlighter = react__WEBPACK_IMPORTED_MODULE_2___default.a.lazy((function () { return __webpack_require__.e(4).then(__webpack_require__.bind(null, 2151)); })), SyntaxHighlighter = function SyntaxHighlighter(props) { return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Suspense, { fallback: react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null) }, react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(LazySyntaxHighlighter, props)); };
+            var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0), react__WEBPACK_IMPORTED_MODULE_2___default = __webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__), LazySyntaxHighlighter = react__WEBPACK_IMPORTED_MODULE_2___default.a.lazy((function () { return __webpack_require__.e(4).then(__webpack_require__.bind(null, 2154)); })), SyntaxHighlighter = function SyntaxHighlighter(props) { return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Suspense, { fallback: react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null) }, react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(LazySyntaxHighlighter, props)); };
             SyntaxHighlighter.displayName = "SyntaxHighlighter";
         }, function (module, __webpack_exports__, __webpack_require__) {
             "use strict";
@@ -4392,7 +4392,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
             "use strict";
             __webpack_require__.d(__webpack_exports__, "a", (function () { return withLinks; }));
             __webpack_require__(315), __webpack_require__(32), __webpack_require__(24), __webpack_require__(19), __webpack_require__(127), __webpack_require__(68), __webpack_require__(10), __webpack_require__(7), __webpack_require__(12), __webpack_require__(21), __webpack_require__(18), __webpack_require__(15), __webpack_require__(17), __webpack_require__(30), __webpack_require__(16), __webpack_require__(9);
-            var global_window = __webpack_require__(11), window_default = __webpack_require__.n(global_window), esm = (__webpack_require__(388), __webpack_require__(152)), make_decorator = __webpack_require__(2154), dist_esm = __webpack_require__(25);
+            var global_window = __webpack_require__(11), window_default = __webpack_require__.n(global_window), esm = (__webpack_require__(388), __webpack_require__(152)), make_decorator = __webpack_require__(2157), dist_esm = __webpack_require__(25);
             __webpack_require__(40), __webpack_require__(5), "".concat("storybook/links", "/navigate"), "".concat("storybook/links", "/request"), "".concat("storybook/links", "/receive");
             var preview_document = window_default.a.document, HTMLElement = window_default.a.HTMLElement, preview_navigate = (window_default.a.__STORYBOOK_STORY_STORE__, window_default.a.__STORYBOOK_CLIENT_API__, function navigate(params) { return esm.a.getChannel().emit(dist_esm.SELECT_STORY, params); }), linksListener = function linksListener(e) { var target = e.target; if (target instanceof HTMLElement) {
                 var _element$dataset = target.dataset, kind = _element$dataset.sbKind, story = _element$dataset.sbStory;
@@ -5283,7 +5283,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
                 for (i = 0; i < sourceSymbolKeys.length; i++)
                     key = sourceSymbolKeys[i], excluded.indexOf(key) >= 0 || Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
             } return target; }
-            var GlobalScrollAreaStyles = react__WEBPACK_IMPORTED_MODULE_5___default.a.lazy((function () { return __webpack_require__.e(7).then(__webpack_require__.bind(null, 2149)); })), OverlayScrollbars = react__WEBPACK_IMPORTED_MODULE_5___default.a.lazy((function () { return __webpack_require__.e(6).then(__webpack_require__.bind(null, 2150)); })), Scroller = function Scroller(_ref) { _ref.horizontal, _ref.vertical; var props = _objectWithoutProperties(_ref, ["horizontal", "vertical"]); return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Suspense, { fallback: react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", props) }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(GlobalScrollAreaStyles, null), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(OverlayScrollbars, _extends({ options: { scrollbars: { autoHide: "leave" } } }, props))); };
+            var GlobalScrollAreaStyles = react__WEBPACK_IMPORTED_MODULE_5___default.a.lazy((function () { return __webpack_require__.e(7).then(__webpack_require__.bind(null, 2152)); })), OverlayScrollbars = react__WEBPACK_IMPORTED_MODULE_5___default.a.lazy((function () { return __webpack_require__.e(6).then(__webpack_require__.bind(null, 2153)); })), Scroller = function Scroller(_ref) { _ref.horizontal, _ref.vertical; var props = _objectWithoutProperties(_ref, ["horizontal", "vertical"]); return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Suspense, { fallback: react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", props) }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(GlobalScrollAreaStyles, null), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(OverlayScrollbars, _extends({ options: { scrollbars: { autoHide: "leave" } } }, props))); };
             Scroller.displayName = "Scroller";
             var ScrollArea = Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_6__.styled)(Scroller)((function (_ref2) { return _ref2.vertical ? { overflowY: "auto", height: "100%" } : { overflowY: "hidden" }; }), (function (_ref3) { return _ref3.horizontal ? { overflowX: "auto", width: "100%" } : { overflowX: "hidden" }; }));
             ScrollArea.defaultProps = { horizontal: !1, vertical: !1 };
@@ -5547,7 +5547,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
             "use strict";
             __webpack_require__.d(__webpack_exports__, "ColorControl", (function () { return ColorControl; }));
             __webpack_require__(68), __webpack_require__(10);
-            var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0), react__WEBPACK_IMPORTED_MODULE_2___default = __webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__), LazyColorControl = react__WEBPACK_IMPORTED_MODULE_2___default.a.lazy((function () { return __webpack_require__.e(5).then(__webpack_require__.bind(null, 2152)); })), ColorControl = function ColorControl(props) { return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Suspense, { fallback: react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null) }, react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(LazyColorControl, props)); };
+            var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0), react__WEBPACK_IMPORTED_MODULE_2___default = __webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__), LazyColorControl = react__WEBPACK_IMPORTED_MODULE_2___default.a.lazy((function () { return __webpack_require__.e(5).then(__webpack_require__.bind(null, 2155)); })), ColorControl = function ColorControl(props) { return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Suspense, { fallback: react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null) }, react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(LazyColorControl, props)); };
             ColorControl.displayName = "ColorControl";
         }, function (module, __webpack_exports__, __webpack_require__) {
             "use strict";
@@ -8994,7 +8994,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
                 void 0 !== combined && (acc[key] = combined);
             }
             else
-                acc[key] = value[key]; return acc; }), {}) : update; }, esm_hooks = __webpack_require__(2153), STORY_KIND_PATH_SEPARATOR = (__webpack_require__(213), /\s*\/\s*/), esm_parameters = __webpack_require__(95), ensureArgTypes_ensureArgTypes = function ensureArgTypes(context) { var _context$parameters = context.parameters, _context$parameters$a = _context$parameters.argTypes, userArgTypes = void 0 === _context$parameters$a ? {} : _context$parameters$a, _context$parameters$a2 = _context$parameters.args, args = void 0 === _context$parameters$a2 ? {} : _context$parameters$a2; if (!args)
+                acc[key] = value[key]; return acc; }), {}) : update; }, esm_hooks = __webpack_require__(2156), STORY_KIND_PATH_SEPARATOR = (__webpack_require__(213), /\s*\/\s*/), esm_parameters = __webpack_require__(95), ensureArgTypes_ensureArgTypes = function ensureArgTypes(context) { var _context$parameters = context.parameters, _context$parameters$a = _context$parameters.argTypes, userArgTypes = void 0 === _context$parameters$a ? {} : _context$parameters$a, _context$parameters$a2 = _context$parameters.args, args = void 0 === _context$parameters$a2 ? {} : _context$parameters$a2; if (!args)
                 return userArgTypes; var argTypes = mapValues_default()(args, (function (_arg, name) { return { name: name }; })); return Object(esm_parameters.a)(argTypes, userArgTypes); };
             function inferArgTypes_typeof(obj) { return inferArgTypes_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function _typeof(obj) { return typeof obj; } : function _typeof(obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, inferArgTypes_typeof(obj); }
             var story_store_templateObject, story_store_templateObject2, _templateObject3, inferArgTypes_inferType = function inferType(value, name, visited) { var type = inferArgTypes_typeof(value); switch (type) {
@@ -9781,7 +9781,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
                 names = _names2[0];
             } 1 !== names.length && "string" != typeof names[names.length - 1] && (options = Object.assign({}, config, names.pop())); var namesObject = names[0]; 1 === names.length && "string" != typeof namesObject || (namesObject = {}, names.forEach((function (name) { namesObject[name] = name; }))); var actionsObject = {}; return Object.keys(namesObject).forEach((function (name) { actionsObject[name] = action(namesObject[name], options); })), actionsObject; }, browser = (__webpack_require__(45), __webpack_require__(31)), browser_default = __webpack_require__.n(browser), ts_dedent_esm = __webpack_require__(20);
             function _taggedTemplateLiteral(strings, raw) { return raw || (raw = strings.slice(0)), Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-            var withActions_templateObject, decorateAction_decorateAction = function decorateAction(_decorators) { return browser_default()((function () { }), Object(ts_dedent_esm.a)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    decorateAction is no longer supported as of Storybook 6.0.\n  "])))); }, deprecatedCallback = browser_default()((function () { }), "decorate.* is no longer supported as of Storybook 6.0."), decorateAction_decorate = function decorate(_decorators) { return browser_default()((function () { return { action: deprecatedCallback, actions: deprecatedCallback, withActions: deprecatedCallback }; }), Object(ts_dedent_esm.a)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    decorate is deprecated, please configure addon-actions using the addParameter api:\n      \n      addParameters({\n        actions: {\n          handles: options\n        },\n      });\n    "])))); }, global_window = (__webpack_require__(27), __webpack_require__(86), __webpack_require__(118), __webpack_require__(32), __webpack_require__(24), __webpack_require__(11)), window_default = __webpack_require__.n(global_window), hooks = __webpack_require__(2153), make_decorator = __webpack_require__(2154);
+            var withActions_templateObject, decorateAction_decorateAction = function decorateAction(_decorators) { return browser_default()((function () { }), Object(ts_dedent_esm.a)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    decorateAction is no longer supported as of Storybook 6.0.\n  "])))); }, deprecatedCallback = browser_default()((function () { }), "decorate.* is no longer supported as of Storybook 6.0."), decorateAction_decorate = function decorate(_decorators) { return browser_default()((function () { return { action: deprecatedCallback, actions: deprecatedCallback, withActions: deprecatedCallback }; }), Object(ts_dedent_esm.a)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    decorate is deprecated, please configure addon-actions using the addParameter api:\n      \n      addParameters({\n        actions: {\n          handles: options\n        },\n      });\n    "])))); }, global_window = (__webpack_require__(27), __webpack_require__(86), __webpack_require__(118), __webpack_require__(32), __webpack_require__(24), __webpack_require__(11)), window_default = __webpack_require__.n(global_window), hooks = __webpack_require__(2156), make_decorator = __webpack_require__(2157);
             function _toConsumableArray(arr) { return function _arrayWithoutHoles(arr) { if (Array.isArray(arr))
                 return withActions_arrayLikeToArray(arr); }(arr) || function _iterableToArray(iter) { if ("undefined" != typeof Symbol && Symbol.iterator in Object(iter))
                 return Array.from(iter); }(arr) || withActions_unsupportedIterableToArray(arr) || function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }(); }
@@ -20286,7 +20286,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
                 if ("default" !== key && Object.prototype.hasOwnProperty.call(obj, key)) {
                     var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
                     desc && (desc.get || desc.set) ? Object.defineProperty(newObj, key, desc) : newObj[key] = obj[key];
-                } newObj.default = obj, cache && cache.set(obj, newObj); return newObj; }(__webpack_require__(0)), _kapellmeister = (_interopRequireDefault(__webpack_require__(2)), __webpack_require__(2143)), _mergeKeys = _interopRequireDefault(__webpack_require__(1548)), _types = __webpack_require__(1549), _utils = __webpack_require__(583);
+                } newObj.default = obj, cache && cache.set(obj, newObj); return newObj; }(__webpack_require__(0)), _kapellmeister = (_interopRequireDefault(__webpack_require__(2)), __webpack_require__(2146)), _mergeKeys = _interopRequireDefault(__webpack_require__(1548)), _types = __webpack_require__(1549), _utils = __webpack_require__(583);
             function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
             function _getRequireWildcardCache(nodeInterop) { if ("function" != typeof WeakMap)
                 return null; var cacheBabelInterop = new WeakMap, cacheNodeInterop = new WeakMap; return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -20381,7 +20381,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
             exports.ENTER = "ENTER";
             exports.UPDATE = "UPDATE";
             exports.LEAVE = "LEAVE";
-        }, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , function (module, __webpack_exports__, __webpack_require__) {
+        }, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , function (module, __webpack_exports__, __webpack_require__) {
             "use strict";
             __webpack_require__.r(__webpack_exports__);
             var config_namespaceObject = {};
@@ -21824,7 +21824,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
             __webpack_require__.r(__webpack_exports__);
             var addDecorator_namespaceObject = {};
             __webpack_require__.r(addDecorator_namespaceObject), __webpack_require__.d(addDecorator_namespaceObject, "decorators", (function () { return decorators; }));
-            var _templateObject, client_api = __webpack_require__(153), esm = __webpack_require__(5), hooks = (__webpack_require__(10), __webpack_require__(15), __webpack_require__(17), __webpack_require__(24), __webpack_require__(2153)), global_window = ("".concat("storybook/background", "/update"), __webpack_require__(16), __webpack_require__(45), __webpack_require__(127), __webpack_require__(9), __webpack_require__(61), __webpack_require__(27), __webpack_require__(54), __webpack_require__(11)), window_default = __webpack_require__.n(global_window), ts_dedent_esm = __webpack_require__(20);
+            var _templateObject, client_api = __webpack_require__(153), esm = __webpack_require__(5), hooks = (__webpack_require__(10), __webpack_require__(15), __webpack_require__(17), __webpack_require__(24), __webpack_require__(2156)), global_window = ("".concat("storybook/background", "/update"), __webpack_require__(16), __webpack_require__(45), __webpack_require__(127), __webpack_require__(9), __webpack_require__(61), __webpack_require__(27), __webpack_require__(54), __webpack_require__(11)), window_default = __webpack_require__.n(global_window), ts_dedent_esm = __webpack_require__(20);
             function _taggedTemplateLiteral(strings, raw) { return raw || (raw = strings.slice(0)), Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
             var withGrid_templateObject, helpers_document = window_default.a.document, clearStyles = function clearStyles(selector) { (Array.isArray(selector) ? selector : [selector]).forEach(clearStyle); }, clearStyle = function clearStyle(selector) { var element = helpers_document.getElementById(selector); element && element.parentElement.removeChild(element); }, browser = __webpack_require__(31);
             var deprecatedCellSizeWarning = __webpack_require__.n(browser)()((function () { }), Object(ts_dedent_esm.a)(withGrid_templateObject || (withGrid_templateObject = function withGrid_taggedTemplateLiteral(strings, raw) { return raw || (raw = strings.slice(0)), Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }(["\n    Backgrounds Addon: The cell size parameter has been changed.\n\n    - parameters.grid.cellSize should now be parameters.backgrounds.grid.cellSize\n    See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-grid-parameter\n  "])))), decorators = [function withGrid(StoryFn, context) { var _globals$BACKGROUNDS_, _parameters$grid, _gridParameters$offse, _gridParameters$offse2, gridSize, globals = context.globals, parameters = context.parameters, gridParameters = parameters.backgrounds.grid, isActive = !0 === (null === (_globals$BACKGROUNDS_ = globals.backgrounds) || void 0 === _globals$BACKGROUNDS_ ? void 0 : _globals$BACKGROUNDS_.grid) && !0 !== gridParameters.disable, cellAmount = gridParameters.cellAmount, cellSize = gridParameters.cellSize, opacity = gridParameters.opacity, isInDocs = "docs" === context.viewMode; null !== (_parameters$grid = parameters.grid) && void 0 !== _parameters$grid && _parameters$grid.cellSize ? (gridSize = parameters.grid.cellSize, deprecatedCellSizeWarning()) : gridSize = cellSize; var defaultOffset = void 0 === parameters.layout || "padded" === parameters.layout ? 16 : 0, offsetX = null !== (_gridParameters$offse = gridParameters.offsetX) && void 0 !== _gridParameters$offse ? _gridParameters$offse : isInDocs ? 20 : defaultOffset, offsetY = null !== (_gridParameters$offse2 = gridParameters.offsetY) && void 0 !== _gridParameters$offse2 ? _gridParameters$offse2 : isInDocs ? 20 : defaultOffset, gridStyles = Object(hooks.d)((function () { var selector = "docs" === context.viewMode ? "#anchor--".concat(context.id, " .docs-story") : ".sb-show-main", backgroundSize = ["".concat(gridSize * cellAmount, "px ").concat(gridSize * cellAmount, "px"), "".concat(gridSize * cellAmount, "px ").concat(gridSize * cellAmount, "px"), "".concat(gridSize, "px ").concat(gridSize, "px"), "".concat(gridSize, "px ").concat(gridSize, "px")].join(", "); return "\n      ".concat(selector, " {\n        background-size: ").concat(backgroundSize, " !important;\n        background-position: ").concat(offsetX, "px ").concat(offsetY, "px, ").concat(offsetX, "px ").concat(offsetY, "px, ").concat(offsetX, "px ").concat(offsetY, "px, ").concat(offsetX, "px ").concat(offsetY, "px !important;\n        background-blend-mode: difference !important;\n        background-image: linear-gradient(rgba(130, 130, 130, ").concat(opacity, ") 1px, transparent 1px),\n         linear-gradient(90deg, rgba(130, 130, 130, ").concat(opacity, ") 1px, transparent 1px),\n         linear-gradient(rgba(130, 130, 130, ").concat(opacity / 2, ") 1px, transparent 1px),\n         linear-gradient(90deg, rgba(130, 130, 130, ").concat(opacity / 2, ") 1px, transparent 1px) !important;\n      }\n    "); }), [gridSize]); return Object(hooks.c)((function () { var selectorId = "docs" === context.viewMode ? "addon-backgrounds-grid-docs-".concat(context.id) : "addon-backgrounds-grid"; isActive ? function addGridStyle(selector, css) { var existingStyle = helpers_document.getElementById(selector); if (existingStyle)
@@ -21874,7 +21874,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
             __webpack_require__.r(__webpack_exports__);
             var preview_namespaceObject = {};
             __webpack_require__.r(preview_namespaceObject), __webpack_require__.d(preview_namespaceObject, "decorators", (function () { return decorators; })), __webpack_require__.d(preview_namespaceObject, "globals", (function () { return globals; }));
-            var client_api = __webpack_require__(153), esm = __webpack_require__(5), hooks = __webpack_require__(2153);
+            var client_api = __webpack_require__(153), esm = __webpack_require__(5), hooks = __webpack_require__(2156);
             function getDocumentWidthAndHeight() { var container = document.documentElement, height = Math.max(container.scrollHeight, container.offsetHeight); return { width: Math.max(container.scrollWidth, container.offsetWidth), height: height }; }
             function setCanvasWidthAndHeight(canvas, context, _ref) { var width = _ref.width, height = _ref.height; canvas.style.width = "".concat(width, "px"), canvas.style.height = "".concat(height, "px"); var scale = window.devicePixelRatio; canvas.width = Math.floor(width * scale), canvas.height = Math.floor(height * scale), context.scale(scale, scale); }
             var state = {};
@@ -22040,7 +22040,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
             __webpack_require__.r(__webpack_exports__);
             var addDecorator_namespaceObject = {};
             __webpack_require__.r(addDecorator_namespaceObject), __webpack_require__.d(addDecorator_namespaceObject, "decorators", (function () { return decorators; })), __webpack_require__.d(addDecorator_namespaceObject, "globals", (function () { return addDecorator_globals; }));
-            var _templateObject, client_api = __webpack_require__(153), esm = __webpack_require__(5), hooks = __webpack_require__(2153), clearStyles = function clearStyles(selector) { (Array.isArray(selector) ? selector : [selector]).forEach(clearStyle); }, clearStyle = function clearStyle(selector) { var element = document.getElementById(selector); element && element.parentElement && element.parentElement.removeChild(element); }, ts_dedent_esm = __webpack_require__(20);
+            var _templateObject, client_api = __webpack_require__(153), esm = __webpack_require__(5), hooks = __webpack_require__(2156), clearStyles = function clearStyles(selector) { (Array.isArray(selector) ? selector : [selector]).forEach(clearStyle); }, clearStyle = function clearStyle(selector) { var element = document.getElementById(selector); element && element.parentElement && element.parentElement.removeChild(element); }, ts_dedent_esm = __webpack_require__(20);
             var outlineCSS = function (selector) { return Object(ts_dedent_esm.a)(_templateObject || (_templateObject = function _taggedTemplateLiteral(strings, raw) { return raw || (raw = strings.slice(0)), Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }(["\n    ", " body {\n      outline: 1px solid #2980b9 !important;\n    }\n\n    ", " article {\n      outline: 1px solid #3498db !important;\n    }\n\n    ", " nav {\n      outline: 1px solid #0088c3 !important;\n    }\n\n    ", " aside {\n      outline: 1px solid #33a0ce !important;\n    }\n\n    ", " section {\n      outline: 1px solid #66b8da !important;\n    }\n\n    ", " header {\n      outline: 1px solid #99cfe7 !important;\n    }\n\n    ", " footer {\n      outline: 1px solid #cce7f3 !important;\n    }\n\n    ", " h1 {\n      outline: 1px solid #162544 !important;\n    }\n\n    ", " h2 {\n      outline: 1px solid #314e6e !important;\n    }\n\n    ", " h3 {\n      outline: 1px solid #3e5e85 !important;\n    }\n\n    ", " h4 {\n      outline: 1px solid #449baf !important;\n    }\n\n    ", " h5 {\n      outline: 1px solid #c7d1cb !important;\n    }\n\n    ", " h6 {\n      outline: 1px solid #4371d0 !important;\n    }\n\n    ", " main {\n      outline: 1px solid #2f4f90 !important;\n    }\n\n    ", " address {\n      outline: 1px solid #1a2c51 !important;\n    }\n\n    ", " div {\n      outline: 1px solid #036cdb !important;\n    }\n\n    ", " p {\n      outline: 1px solid #ac050b !important;\n    }\n\n    ", " hr {\n      outline: 1px solid #ff063f !important;\n    }\n\n    ", " pre {\n      outline: 1px solid #850440 !important;\n    }\n\n    ", " blockquote {\n      outline: 1px solid #f1b8e7 !important;\n    }\n\n    ", " ol {\n      outline: 1px solid #ff050c !important;\n    }\n\n    ", " ul {\n      outline: 1px solid #d90416 !important;\n    }\n\n    ", " li {\n      outline: 1px solid #d90416 !important;\n    }\n\n    ", " dl {\n      outline: 1px solid #fd3427 !important;\n    }\n\n    ", " dt {\n      outline: 1px solid #ff0043 !important;\n    }\n\n    ", " dd {\n      outline: 1px solid #e80174 !important;\n    }\n\n    ", " figure {\n      outline: 1px solid #ff00bb !important;\n    }\n\n    ", " figcaption {\n      outline: 1px solid #bf0032 !important;\n    }\n\n    ", " table {\n      outline: 1px solid #00cc99 !important;\n    }\n\n    ", " caption {\n      outline: 1px solid #37ffc4 !important;\n    }\n\n    ", " thead {\n      outline: 1px solid #98daca !important;\n    }\n\n    ", " tbody {\n      outline: 1px solid #64a7a0 !important;\n    }\n\n    ", " tfoot {\n      outline: 1px solid #22746b !important;\n    }\n\n    ", " tr {\n      outline: 1px solid #86c0b2 !important;\n    }\n\n    ", " th {\n      outline: 1px solid #a1e7d6 !important;\n    }\n\n    ", " td {\n      outline: 1px solid #3f5a54 !important;\n    }\n\n    ", " col {\n      outline: 1px solid #6c9a8f !important;\n    }\n\n    ", " colgroup {\n      outline: 1px solid #6c9a9d !important;\n    }\n\n    ", " button {\n      outline: 1px solid #da8301 !important;\n    }\n\n    ", " datalist {\n      outline: 1px solid #c06000 !important;\n    }\n\n    ", " fieldset {\n      outline: 1px solid #d95100 !important;\n    }\n\n    ", " form {\n      outline: 1px solid #d23600 !important;\n    }\n\n    ", " input {\n      outline: 1px solid #fca600 !important;\n    }\n\n    ", " keygen {\n      outline: 1px solid #b31e00 !important;\n    }\n\n    ", " label {\n      outline: 1px solid #ee8900 !important;\n    }\n\n    ", " legend {\n      outline: 1px solid #de6d00 !important;\n    }\n\n    ", " meter {\n      outline: 1px solid #e8630c !important;\n    }\n\n    ", " optgroup {\n      outline: 1px solid #b33600 !important;\n    }\n\n    ", " option {\n      outline: 1px solid #ff8a00 !important;\n    }\n\n    ", " output {\n      outline: 1px solid #ff9619 !important;\n    }\n\n    ", " progress {\n      outline: 1px solid #e57c00 !important;\n    }\n\n    ", " select {\n      outline: 1px solid #e26e0f !important;\n    }\n\n    ", " textarea {\n      outline: 1px solid #cc5400 !important;\n    }\n\n    ", " details {\n      outline: 1px solid #33848f !important;\n    }\n\n    ", " summary {\n      outline: 1px solid #60a1a6 !important;\n    }\n\n    ", " command {\n      outline: 1px solid #438da1 !important;\n    }\n\n    ", " menu {\n      outline: 1px solid #449da6 !important;\n    }\n\n    ", " del {\n      outline: 1px solid #bf0000 !important;\n    }\n\n    ", " ins {\n      outline: 1px solid #400000 !important;\n    }\n\n    ", " img {\n      outline: 1px solid #22746b !important;\n    }\n\n    ", " iframe {\n      outline: 1px solid #64a7a0 !important;\n    }\n\n    ", " embed {\n      outline: 1px solid #98daca !important;\n    }\n\n    ", " object {\n      outline: 1px solid #00cc99 !important;\n    }\n\n    ", " param {\n      outline: 1px solid #37ffc4 !important;\n    }\n\n    ", " video {\n      outline: 1px solid #6ee866 !important;\n    }\n\n    ", " audio {\n      outline: 1px solid #027353 !important;\n    }\n\n    ", " source {\n      outline: 1px solid #012426 !important;\n    }\n\n    ", " canvas {\n      outline: 1px solid #a2f570 !important;\n    }\n\n    ", " track {\n      outline: 1px solid #59a600 !important;\n    }\n\n    ", " map {\n      outline: 1px solid #7be500 !important;\n    }\n\n    ", " area {\n      outline: 1px solid #305900 !important;\n    }\n\n    ", " a {\n      outline: 1px solid #ff62ab !important;\n    }\n\n    ", " em {\n      outline: 1px solid #800b41 !important;\n    }\n\n    ", " strong {\n      outline: 1px solid #ff1583 !important;\n    }\n\n    ", " i {\n      outline: 1px solid #803156 !important;\n    }\n\n    ", " b {\n      outline: 1px solid #cc1169 !important;\n    }\n\n    ", " u {\n      outline: 1px solid #ff0430 !important;\n    }\n\n    ", " s {\n      outline: 1px solid #f805e3 !important;\n    }\n\n    ", " small {\n      outline: 1px solid #d107b2 !important;\n    }\n\n    ", " abbr {\n      outline: 1px solid #4a0263 !important;\n    }\n\n    ", " q {\n      outline: 1px solid #240018 !important;\n    }\n\n    ", " cite {\n      outline: 1px solid #64003c !important;\n    }\n\n    ", " dfn {\n      outline: 1px solid #b4005a !important;\n    }\n\n    ", " sub {\n      outline: 1px solid #dba0c8 !important;\n    }\n\n    ", " sup {\n      outline: 1px solid #cc0256 !important;\n    }\n\n    ", " time {\n      outline: 1px solid #d6606d !important;\n    }\n\n    ", " code {\n      outline: 1px solid #e04251 !important;\n    }\n\n    ", " kbd {\n      outline: 1px solid #5e001f !important;\n    }\n\n    ", " samp {\n      outline: 1px solid #9c0033 !important;\n    }\n\n    ", " var {\n      outline: 1px solid #d90047 !important;\n    }\n\n    ", " mark {\n      outline: 1px solid #ff0053 !important;\n    }\n\n    ", " bdi {\n      outline: 1px solid #bf3668 !important;\n    }\n\n    ", " bdo {\n      outline: 1px solid #6f1400 !important;\n    }\n\n    ", " ruby {\n      outline: 1px solid #ff7b93 !important;\n    }\n\n    ", " rt {\n      outline: 1px solid #ff2f54 !important;\n    }\n\n    ", " rp {\n      outline: 1px solid #803e49 !important;\n    }\n\n    ", " span {\n      outline: 1px solid #cc2643 !important;\n    }\n\n    ", " br {\n      outline: 1px solid #db687d !important;\n    }\n\n    ", " wbr {\n      outline: 1px solid #db175b !important;\n    }"])), selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector, selector); };
             var decorators = [function withOutline(StoryFn, context) { var isActive = !0 === context.globals.outline, isInDocs = "docs" === context.viewMode, outlineStyles = Object(hooks.d)((function () { var selector = isInDocs ? "#anchor--".concat(context.id, " .docs-story") : ".sb-show-main"; return outlineCSS(selector); }), [context.id]); return Object(hooks.c)((function () { var selectorId = isInDocs ? "addon-outline-docs-".concat(context.id) : "addon-outline"; if (isActive)
                     return function addOutlineStyles(selector, css) { var existingStyle = document.getElementById(selector); if (existingStyle)
@@ -22262,4 +22262,4 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
                 args[_key] = arguments[_key]; return "function" == typeof args[0] ? decorator().apply(void 0, args) : function () { if (arguments.length > 1)
                 return args.length > 1 ? decorator(args).apply(void 0, arguments) : decorator.apply(void 0, args).apply(void 0, arguments); throw new Error("Passing stories directly into ".concat(name, "() is not allowed,\n        instead use addDecorator(").concat(name, ") and pass options with the '").concat(parameterName, "' parameter")); }; }; };
         }]]);
-//# sourceMappingURL=vendors~main.acdf7090.iframe.bundle.js.map
+//# sourceMappingURL=vendors~main.dd7c8d3f.iframe.bundle.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "1.9.0-beta.4",
+  "version": "1.9.0-beta.5",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,9 +1,93 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.9.0-beta.4]
-### Sub
-* DynamicLayout 수정
-  * Edit 모드에서 정보가 없는 섹션은 렌더되지 않도록 처리
-### String
-* 스트링 키 값 23.01.26 16시 30분 기준 싱크
+## [v1.9.0-beta.5]
+### Common
+* transition과 animation 관련 style들 추가
+### Layout
+* WFA_1
+  * padding-bottom 88px → 64px로 수정
+  * padding-top 80px → 64px로 수정
+* WFA_2
+  * padding-bottom 88px → 64px로 수정
+  * padding-top 80px → 64px로 수정
+* WFB_1
+  * padding-bottom 88px → 64px로 수정
+* WFE_2
+  * padding-bottom 삭제
+* WFE_4
+  * padding-bottom 삭제
+* WFL_1
+  * padding-bottom 88px → 64px로 수정
+  * ContentsArea1 padding-left, padding-right 24px → 48px로 수정
+### Component
+* AdminListItem
+  * transition효과 부여
+  * rowSize prop의 'medium' 높이값 120px → 100px로 수정
+* DesktopAlertDialog
+  * animation효과 부여
+* Dropdown
+  * transition효과 부여
+* EditApplyTextField
+  * transition효과 부여
+* FloatingActionButton
+  * hover 및 active시 구조 변경
+    * background-image: linear-gradient 사용 → ::before 가상요소 사용
+  * transition효과 부여
+* Icon
+  * ic_arrow_down fill 타입 모양 변경
+  * ic_arrow_up fill 타입 모양 변경
+* IconButton
+  * hover 및 active시 구조 변경
+    * background-image: linear-gradient 사용 → ::before 가상요소 사용
+  * transition효과 부여
+* LottieReactionButton
+  * hover 및 active시 구조 변경
+      * background-image: linear-gradient 사용 → ::before 가상요소 사용
+  * transition효과 부여
+* MainButton
+  * hover 및 active시 구조 변경
+    * background-image: linear-gradient 사용 → ::before 가상요소 사용
+  * transition효과 부여
+  * colorTheme prop에 'primary1','secondary1' value추가
+* MobileAlertDialog
+  * animation효과 부여
+* ReactionButton
+  * transition효과 부여
+* Select
+  * transition효과 부여
+* TextButton
+  * transition효과 부여
+* TextField
+  * transition효과 부여
+* UploadIconButton
+  * hover 및 active시 구조 변경
+    * background-image: linear-gradient 사용 → ::before 가상요소 사용
+  * transition효과 부여
+* UploadMainButton
+  * hover 및 active시 구조 변경
+    * background-image: linear-gradient 사용 → ::before 가상요소 사용
+  * transition효과 부여
+  * colorTheme prop에 'primary1','secondary1' value추가
+* UploadTextButton
+  * transition효과 부여
+### Panel
+* DesktopBasicModal
+  * animation효과 부여
+  * size 'rlarge' 스펙 수정
+    * max-width : 1400px
+    * width : 60vw → 80vw
+  * body 부분 스펙 수정
+    * max-height : 50vh → 60vh
+  * footer 부분 상단 라인 색상 변경
+  * scrollVisibleType prop 추가
+  * bodyOverflowType prop에 'overlay' value추가
+  * bodyOverflowType prop default값 변경
+    * 'auto' → 'overlay'
+* DesktopHeadlessModal
+  * animation효과 부여
+  * scrollVisibleType prop default값 변경
+    * 'hidden' → 'visible'
+  * scroll 디자인 스펙 변경
+* MobileBasicModal
+  * animation효과 부여
 ### Color
-* 컬러 키 값 23.01.26 17시 39분 기준 싱크
+* 컬러 키 값 23.01.26 22시 58분 기준 싱크