@luminati-io/uikit 3.0.7 → 3.0.8-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/umd/uikit.development.js +758 -116
  2. package/dist/umd/uikit.development.js.map +1 -1
  3. package/dist/umd/uikit.production.min.js +1 -1
  4. package/package.json +1 -1
package/dist/umd/uikit.development.js CHANGED
@@ -22048,45 +22048,47 @@ __webpack_require__.r(__webpack_exports__);
22048
22048
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
22049
22049
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
22050
22050
  /* harmony export */ });
22051
- /* harmony import */ var prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prismjs/components/prism-core */ "./node_modules/prismjs/components/prism-core.js");
22052
- /* harmony import */ var prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_0__);
22053
- /* harmony import */ var prismjs_components_prism_clike__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prismjs/components/prism-clike */ "./node_modules/prismjs/components/prism-clike.js");
22054
- /* harmony import */ var prismjs_components_prism_clike__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_clike__WEBPACK_IMPORTED_MODULE_1__);
22055
- /* harmony import */ var prismjs_components_prism_markup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prismjs/components/prism-markup */ "./node_modules/prismjs/components/prism-markup.js");
22056
- /* harmony import */ var prismjs_components_prism_markup__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_markup__WEBPACK_IMPORTED_MODULE_2__);
22057
- /* harmony import */ var prismjs_components_prism_javascript__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prismjs/components/prism-javascript */ "./node_modules/prismjs/components/prism-javascript.js");
22058
- /* harmony import */ var prismjs_components_prism_javascript__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_javascript__WEBPACK_IMPORTED_MODULE_3__);
22059
- /* harmony import */ var prismjs_components_prism_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prismjs/components/prism-css */ "./node_modules/prismjs/components/prism-css.js");
22060
- /* harmony import */ var prismjs_components_prism_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_css__WEBPACK_IMPORTED_MODULE_4__);
22061
- /* harmony import */ var prismjs_components_prism_bash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prismjs/components/prism-bash */ "./node_modules/prismjs/components/prism-bash.js");
22062
- /* harmony import */ var prismjs_components_prism_bash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_bash__WEBPACK_IMPORTED_MODULE_5__);
22063
- /* harmony import */ var prismjs_components_prism_java__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prismjs/components/prism-java */ "./node_modules/prismjs/components/prism-java.js");
22064
- /* harmony import */ var prismjs_components_prism_java__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_java__WEBPACK_IMPORTED_MODULE_6__);
22065
- /* harmony import */ var prismjs_components_prism_csharp__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prismjs/components/prism-csharp */ "./node_modules/prismjs/components/prism-csharp.js");
22066
- /* harmony import */ var prismjs_components_prism_csharp__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_csharp__WEBPACK_IMPORTED_MODULE_7__);
22067
- /* harmony import */ var prismjs_components_prism_basic__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! prismjs/components/prism-basic */ "./node_modules/prismjs/components/prism-basic.js");
22068
- /* harmony import */ var prismjs_components_prism_basic__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_basic__WEBPACK_IMPORTED_MODULE_8__);
22069
- /* harmony import */ var prismjs_components_prism_vbnet__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! prismjs/components/prism-vbnet */ "./node_modules/prismjs/components/prism-vbnet.js");
22070
- /* harmony import */ var prismjs_components_prism_vbnet__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_vbnet__WEBPACK_IMPORTED_MODULE_9__);
22071
- /* harmony import */ var prismjs_components_prism_markup_templating__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! prismjs/components/prism-markup-templating */ "./node_modules/prismjs/components/prism-markup-templating.js");
22072
- /* harmony import */ var prismjs_components_prism_markup_templating__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_markup_templating__WEBPACK_IMPORTED_MODULE_10__);
22073
- /* harmony import */ var prismjs_components_prism_php__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! prismjs/components/prism-php */ "./node_modules/prismjs/components/prism-php.js");
22074
- /* harmony import */ var prismjs_components_prism_php__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_php__WEBPACK_IMPORTED_MODULE_11__);
22075
- /* harmony import */ var prismjs_components_prism_ruby__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! prismjs/components/prism-ruby */ "./node_modules/prismjs/components/prism-ruby.js");
22076
- /* harmony import */ var prismjs_components_prism_ruby__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_ruby__WEBPACK_IMPORTED_MODULE_12__);
22077
- /* harmony import */ var prismjs_components_prism_perl__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! prismjs/components/prism-perl */ "./node_modules/prismjs/components/prism-perl.js");
22078
- /* harmony import */ var prismjs_components_prism_perl__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_perl__WEBPACK_IMPORTED_MODULE_13__);
22079
- /* harmony import */ var prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! prismjs/components/prism-python */ "./node_modules/prismjs/components/prism-python.js");
22080
- /* harmony import */ var prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_14__);
22081
- /* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! prismjs/components/prism-json */ "./node_modules/prismjs/components/prism-json.js");
22082
- /* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_15__);
22083
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! prop-types */ "prop-types");
22084
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_16__);
22085
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react */ "react");
22086
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__);
22051
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
22052
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
22053
+ /* harmony import */ var prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prismjs/components/prism-core */ "./node_modules/prismjs/components/prism-core.js");
22054
+ /* harmony import */ var prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1__);
22055
+ /* harmony import */ var prismjs_components_prism_clike__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prismjs/components/prism-clike */ "./node_modules/prismjs/components/prism-clike.js");
22056
+ /* harmony import */ var prismjs_components_prism_clike__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_clike__WEBPACK_IMPORTED_MODULE_2__);
22057
+ /* harmony import */ var prismjs_components_prism_markup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prismjs/components/prism-markup */ "./node_modules/prismjs/components/prism-markup.js");
22058
+ /* harmony import */ var prismjs_components_prism_markup__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_markup__WEBPACK_IMPORTED_MODULE_3__);
22059
+ /* harmony import */ var prismjs_components_prism_javascript__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prismjs/components/prism-javascript */ "./node_modules/prismjs/components/prism-javascript.js");
22060
+ /* harmony import */ var prismjs_components_prism_javascript__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_javascript__WEBPACK_IMPORTED_MODULE_4__);
22061
+ /* harmony import */ var prismjs_components_prism_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prismjs/components/prism-css */ "./node_modules/prismjs/components/prism-css.js");
22062
+ /* harmony import */ var prismjs_components_prism_css__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_css__WEBPACK_IMPORTED_MODULE_5__);
22063
+ /* harmony import */ var prismjs_components_prism_bash__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prismjs/components/prism-bash */ "./node_modules/prismjs/components/prism-bash.js");
22064
+ /* harmony import */ var prismjs_components_prism_bash__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_bash__WEBPACK_IMPORTED_MODULE_6__);
22065
+ /* harmony import */ var prismjs_components_prism_java__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prismjs/components/prism-java */ "./node_modules/prismjs/components/prism-java.js");
22066
+ /* harmony import */ var prismjs_components_prism_java__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_java__WEBPACK_IMPORTED_MODULE_7__);
22067
+ /* harmony import */ var prismjs_components_prism_csharp__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! prismjs/components/prism-csharp */ "./node_modules/prismjs/components/prism-csharp.js");
22068
+ /* harmony import */ var prismjs_components_prism_csharp__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_csharp__WEBPACK_IMPORTED_MODULE_8__);
22069
+ /* harmony import */ var prismjs_components_prism_basic__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! prismjs/components/prism-basic */ "./node_modules/prismjs/components/prism-basic.js");
22070
+ /* harmony import */ var prismjs_components_prism_basic__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_basic__WEBPACK_IMPORTED_MODULE_9__);
22071
+ /* harmony import */ var prismjs_components_prism_vbnet__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! prismjs/components/prism-vbnet */ "./node_modules/prismjs/components/prism-vbnet.js");
22072
+ /* harmony import */ var prismjs_components_prism_vbnet__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_vbnet__WEBPACK_IMPORTED_MODULE_10__);
22073
+ /* harmony import */ var prismjs_components_prism_markup_templating__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! prismjs/components/prism-markup-templating */ "./node_modules/prismjs/components/prism-markup-templating.js");
22074
+ /* harmony import */ var prismjs_components_prism_markup_templating__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_markup_templating__WEBPACK_IMPORTED_MODULE_11__);
22075
+ /* harmony import */ var prismjs_components_prism_php__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! prismjs/components/prism-php */ "./node_modules/prismjs/components/prism-php.js");
22076
+ /* harmony import */ var prismjs_components_prism_php__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_php__WEBPACK_IMPORTED_MODULE_12__);
22077
+ /* harmony import */ var prismjs_components_prism_ruby__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! prismjs/components/prism-ruby */ "./node_modules/prismjs/components/prism-ruby.js");
22078
+ /* harmony import */ var prismjs_components_prism_ruby__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_ruby__WEBPACK_IMPORTED_MODULE_13__);
22079
+ /* harmony import */ var prismjs_components_prism_perl__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! prismjs/components/prism-perl */ "./node_modules/prismjs/components/prism-perl.js");
22080
+ /* harmony import */ var prismjs_components_prism_perl__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_perl__WEBPACK_IMPORTED_MODULE_14__);
22081
+ /* harmony import */ var prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! prismjs/components/prism-python */ "./node_modules/prismjs/components/prism-python.js");
22082
+ /* harmony import */ var prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_15__);
22083
+ /* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! prismjs/components/prism-json */ "./node_modules/prismjs/components/prism-json.js");
22084
+ /* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_16__);
22085
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! prop-types */ "prop-types");
22086
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_17__);
22087
22087
  /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! styled-components */ "styled-components");
22088
22088
  /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_18__);
22089
22089
  /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
22090
+ /* harmony import */ var prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! prismjs/plugins/line-numbers/prism-line-numbers */ "./node_modules/prismjs/plugins/line-numbers/prism-line-numbers.js");
22091
+ /* harmony import */ var prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_20__);
22090
22092
  // LICENSE_CODE ZON
22091
22093
 
22092
22094
 
@@ -22111,27 +22113,46 @@ __webpack_require__.r(__webpack_exports__);
22111
22113
 
22112
22114
 
22113
22115
 
22114
- var Code = function Code(props) {
22116
+
22117
+ var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
22115
22118
  var text = props.text,
22116
- lang = props.lang;
22117
- (0,react__WEBPACK_IMPORTED_MODULE_17__.useEffect)(function () {
22118
- prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_0___default().highlightAll();
22119
- }, [text, lang]);
22120
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default().createElement(CodeWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default().createElement("code", {
22119
+ lang = props.lang,
22120
+ themeProp = props.theme,
22121
+ lineNumbers = props.lineNumbers;
22122
+ (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
22123
+ prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1___default().highlightAll();
22124
+ }, [text, lang, lineNumbers]);
22125
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeWrapper, {
22126
+ ref: ref,
22127
+ $theme: themeProp,
22128
+ className: "".concat(lineNumbers ? '' : 'no-', "line-numbers")
22129
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("code", {
22121
22130
  className: "language-".concat(lang, " content")
22122
22131
  }, text));
22123
- };
22132
+ });
22124
22133
  Code.displayName = 'Code';
22134
+ Code.defaultProps = {
22135
+ theme: 'white'
22136
+ };
22125
22137
  Code.propTypes = {
22126
- text: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string),
22127
- // XXX davidg: config langs
22128
- lang: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string)
22138
+ text: (prop_types__WEBPACK_IMPORTED_MODULE_17___default().string),
22139
+ lang: prop_types__WEBPACK_IMPORTED_MODULE_17___default().oneOf(['plain', 'plaintext', 'text', 'txt', 'DFS', 'clike', 'markup', 'html', 'mathml', 'svg', 'xml', 'ssml', 'atom', 'rss', 'javascript', 'js', 'css', 'bash', 'sh', 'shell', 'java', 'csharp', 'cs', 'dotnet', 'basic', 'vbnet', 'markup-templating', 'php', 'ruby', 'rb', 'perl', 'python', 'py', 'json', 'webmanifest']),
22140
+ theme: prop_types__WEBPACK_IMPORTED_MODULE_17___default().oneOf(['black', 'white']),
22141
+ lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_17___default().bool)
22129
22142
  };
22130
22143
  var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_18___default().pre.withConfig({
22131
22144
  displayName: "CodeWrapper",
22132
22145
  componentId: "sc-1kleg7y-0"
22133
- })(["&&&{padding:0 !important;font-family:", ";margin:0;border:none;background-color:transparent;width:100%;white-space:pre-wrap !important;font-size:", ";line-height:", ";tab-size:4;text-align:left;word-spacing:normal;word-break:break-word;word-wrap:normal;hyphens:none;max-height:none !important;code.content{all:inherit;color:", ";margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;overflow-x:clip;}", " .token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted{color:#f8c555;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#7ec699;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#67cdcc;}.token.atrule,.token.attr-value,.token.keyword{color:#cc99cd;}.token.function,.token.number,.token.class-name{color:#f08d49;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}"], _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_family.mono, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_size.sm, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].line_height.loose, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].color.gray_8, '' /* prism selectors below */);
22134
-
22146
+ })(["&&&{font-family:", ";margin:0;border:none;background-color:transparent;width:100%;white-space:pre-wrap !important;font-size:", ";line-height:", ";tab-size:4;text-align:left;word-spacing:normal;word-break:break-word;word-wrap:normal;hyphens:none;max-height:none !important;code.content{all:inherit;margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}&.line-numbers{position:relative;padding-left:3.8rem;counter-reset:linenumber;& > code{position:relative;white-space:inherit;}.line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8rem;width:3rem;letter-spacing:-1px;border-right:1px solid ", ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;& > span{display:block;counter-increment:linenumber;&:before{content:counter(linenumber);color:", ";display:block;padding-right:0.8rem;text-align:right;}}}}", "}"], _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_family.mono, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_size.sm, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].line_height.loose, function (props) {
22147
+ return props.$theme == 'white' ? '#5F6364' : '#999';
22148
+ }, function (props) {
22149
+ return props.$theme == 'white' ? '#5F6364' : '#999';
22150
+ }, function (props) {
22151
+ if (props.$theme == 'white') {
22152
+ return (0,styled_components__WEBPACK_IMPORTED_MODULE_18__.css)(["code.content{color:#c92c2c;}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#7D8B99;}.token.punctuation{color:#5F6364;}.token.property,.token.tag,.token.boolean,.token.number,.token.function-name,.token.constant,.token.symbol,.token.deleted{color:#c92c2c;}.token.selector,.token.attr-name,.token.string,.token.char,.token.function,.token.builtin,.token.inserted{color:#2f9c0a;}.token.operator,.token.entity,.token.url,.token.variable{color:#a67f59;background:rgba(255,255,255,0.5);}.token.atrule,.token.attr-value,.token.keyword,.token.class-name{color:#1990b8;}.token.regex,.token.important{color:#e90;}.language-css .token.string,.style .token.string{color:#a67f59;background:rgba(255,255,255,0.5);}.token.important{font-weight:normal;}.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}.token.namespace{opacity:.7;}"]);
22153
+ }
22154
+ return (0,styled_components__WEBPACK_IMPORTED_MODULE_18__.css)(["code.content{color:", ";}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted{color:#f8c555;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#7ec699;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#67cdcc;}.token.atrule,.token.attr-value,.token.keyword{color:#cc99cd;}.token.function,.token.number,.token.class-name{color:#f08d49;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}"], _theme__WEBPACK_IMPORTED_MODULE_19__["default"].color.gray_8);
22155
+ });
22135
22156
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Code);
22136
22157
 
22137
22158
  /***/ }),
@@ -22154,8 +22175,8 @@ __webpack_require__.r(__webpack_exports__);
22154
22175
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
22155
22176
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
22156
22177
  /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
22157
- /* harmony import */ var _code_snippet__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./code_snippet */ "./src/code/code_snippet.js");
22158
- /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
22178
+ /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
22179
+ /* harmony import */ var _code_snippet__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./code_snippet */ "./src/code/code_snippet.js");
22159
22180
  // LICENSE_CODE ZON
22160
22181
 
22161
22182
 
@@ -22170,37 +22191,54 @@ var CodeBlock = function CodeBlock(props) {
22170
22191
  var header = props.header,
22171
22192
  code = props.code,
22172
22193
  lang = props.lang,
22173
- max_height = props.max_height;
22194
+ max_height = props.max_height,
22195
+ themeProp = props.theme,
22196
+ lineNumbers = props.lineNumbers,
22197
+ copyButton = props.copyButton;
22174
22198
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockWrapper, {
22175
22199
  "data-testid": "code_block"
22176
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockHeader, null, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code_snippet__WEBPACK_IMPORTED_MODULE_4__["default"], {
22200
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockHeader, {
22201
+ $theme: themeProp
22202
+ }, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code_snippet__WEBPACK_IMPORTED_MODULE_5__["default"], {
22177
22203
  max_height: max_height,
22178
22204
  lang: lang,
22179
- code: code
22205
+ code: code,
22206
+ theme: themeProp,
22207
+ lineNumbers: lineNumbers,
22208
+ copyButton: copyButton
22180
22209
  }));
22181
22210
  };
22182
22211
  CodeBlock.displayName = 'CodeBlock';
22183
22212
  CodeBlock.defaultProps = {
22184
- max_height: '500px'
22213
+ max_height: '500px',
22214
+ theme: 'black'
22185
22215
  };
22186
22216
  CodeBlock.propTypes = {
22187
22217
  header: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
22188
22218
  code: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
22189
22219
  lang: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
22190
- max_height: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)
22220
+ max_height: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
22221
+ theme: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['black', 'white']),
22222
+ lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
22223
+ copyButton: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
22191
22224
  };
22192
22225
  var CodeBlockWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
22193
22226
  displayName: "CodeBlockWrapper",
22194
22227
  componentId: "sc-dgi5hi-0"
22195
22228
  })(["border-radius:4px;overflow:hidden;font-family:", ";font-size:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].font_size.md);
22196
- var CodeBlockHeader = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex).attrs({
22229
+ var CodeBlockHeader = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex).attrs({
22197
22230
  align_items: 'center',
22198
22231
  justify_content: 'space-between',
22199
22232
  padding: '0.9em 1em'
22200
22233
  }).withConfig({
22201
22234
  displayName: "CodeBlockHeader",
22202
22235
  componentId: "sc-dgi5hi-1"
22203
- })(["background-color:", ";color:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_8);
22236
+ })(["", ""], function (props) {
22237
+ if (props.$theme == 'white') {
22238
+ return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";color:", ";border-bottom:1px solid ", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_9, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_5);
22239
+ }
22240
+ return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";color:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_9);
22241
+ });
22204
22242
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CodeBlock);
22205
22243
 
22206
22244
  /***/ }),
@@ -22225,6 +22263,8 @@ __webpack_require__.r(__webpack_exports__);
22225
22263
  /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
22226
22264
  /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
22227
22265
  /* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./code */ "./src/code/code.js");
22266
+ /* harmony import */ var _copy_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./copy_button */ "./src/code/copy_button.js");
22267
+ /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./skeleton */ "./src/code/skeleton.js");
22228
22268
  // LICENSE_CODE ZON
22229
22269
 
22230
22270
 
@@ -22235,25 +22275,49 @@ __webpack_require__.r(__webpack_exports__);
22235
22275
 
22236
22276
 
22237
22277
 
22238
- var CodeSnippet = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
22278
+
22279
+
22280
+ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
22239
22281
  var code = props.code,
22240
22282
  lang = props.lang,
22241
22283
  max_height = props.max_height,
22242
- className = props.className;
22284
+ className = props.className,
22285
+ themeProp = props.theme,
22286
+ lineNumbers = props.lineNumbers,
22287
+ copyButton = props.copyButton,
22288
+ loading = props.loading;
22289
+ var codeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
22243
22290
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockBody, {
22244
22291
  ref: ref,
22245
22292
  className: className,
22246
- max_height: max_height
22247
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code__WEBPACK_IMPORTED_MODULE_5__["default"], {
22293
+ max_height: max_height,
22294
+ $theme: themeProp
22295
+ }, !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code__WEBPACK_IMPORTED_MODULE_5__["default"], {
22296
+ ref: codeRef,
22248
22297
  lang: lang,
22249
- text: code
22298
+ text: code,
22299
+ theme: themeProp,
22300
+ lineNumbers: lineNumbers
22301
+ }), !!copyButton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_copy_button__WEBPACK_IMPORTED_MODULE_6__["default"], {
22302
+ code: code,
22303
+ theme: themeProp,
22304
+ codeRef: codeRef
22305
+ })), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__["default"], {
22306
+ theme: themeProp
22250
22307
  }));
22251
22308
  });
22252
22309
  CodeSnippet.displayName = 'CodeSnippet';
22310
+ CodeSnippet.defaultProps = {
22311
+ theme: 'black'
22312
+ };
22253
22313
  CodeSnippet.propTypes = {
22254
22314
  code: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
22255
22315
  lang: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
22256
- max_height: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)
22316
+ max_height: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
22317
+ theme: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['black', 'white']),
22318
+ lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
22319
+ copyButton: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
22320
+ loading: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
22257
22321
  };
22258
22322
  var CodeBlockBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex).attrs({
22259
22323
  align_items: 'flex-start',
@@ -22264,15 +22328,161 @@ var CodeBlockBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_la
22264
22328
  }).withConfig({
22265
22329
  displayName: "CodeBlockBody",
22266
22330
  componentId: "sc-13u859f-0"
22267
- })(["background-color:", ";overflow-y:auto;::-webkit-scrollbar{height:10px;width:10px;}::-webkit-scrollbar-thumb{background-color:", ";border-radius:10px;border:0 solid transparent;background-clip:content-box;}::-webkit-scrollbar-track-piece{background:", ";}position:relative;", ""], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_12, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11_50, '' /* ${CodeBlockCopyBtn} {
22268
- position: sticky;
22269
- top: 0;
22270
- } */);
22331
+ })(["background-color:", ";overflow-y:auto;::-webkit-scrollbar{height:10px;width:10px;}::-webkit-scrollbar-thumb{background-color:", ";border-radius:10px;border:0 solid transparent;background-clip:content-box;}::-webkit-scrollbar-track-piece{background:", ";}position:relative;", ""], function (props) {
22332
+ return _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color[props.$theme == 'white' ? 'gray_2' : 'gray_12'];
22333
+ }, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11, function (props) {
22334
+ return _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color[props.$theme == 'white' ? 'gray_8' : 'gray_11_50'];
22335
+ }, '' /* ${CodeBlockCopyBtn} {
22336
+ position: sticky;
22337
+ top: 0;
22338
+ } */);
22271
22339
 
22272
22340
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CodeSnippet);
22273
22341
 
22274
22342
  /***/ }),
22275
22343
 
22344
+ /***/ "./src/code/copy_button.js":
22345
+ /*!*********************************!*\
22346
+ !*** ./src/code/copy_button.js ***!
22347
+ \*********************************/
22348
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
22349
+
22350
+ "use strict";
22351
+ __webpack_require__.r(__webpack_exports__);
22352
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
22353
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
22354
+ /* harmony export */ });
22355
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
22356
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
22357
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
22358
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
22359
+ /* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
22360
+ /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
22361
+ /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip.js");
22362
+ // LICENSE_CODE ZON
22363
+
22364
+
22365
+ /*jslint react:true*/
22366
+ var _tooltips;
22367
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
22368
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
22369
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
22370
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
22371
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
22372
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
22373
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22374
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
22375
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
22376
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
22377
+
22378
+
22379
+
22380
+
22381
+
22382
+ var STATE = {
22383
+ READY: 'READY',
22384
+ SUCCESS: 'SUCCESS',
22385
+ ERROR: 'ERROR'
22386
+ };
22387
+ var tooltips = (_tooltips = {}, _defineProperty(_tooltips, STATE.READY, 'Copy'), _defineProperty(_tooltips, STATE.SUCCESS, 'Copied'), _defineProperty(_tooltips, STATE.ERROR, 'Press Ctrl+C to copy'), _tooltips);
22388
+ var icon = _icons__WEBPACK_IMPORTED_MODULE_2__["default"].Copy;
22389
+ var CopyButton = function CopyButton(props) {
22390
+ var code = props.code,
22391
+ themeProp = props.theme,
22392
+ codeRef = props.codeRef;
22393
+ var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(STATE.READY),
22394
+ _useState2 = _slicedToArray(_useState, 2),
22395
+ state = _useState2[0],
22396
+ setState = _useState2[1];
22397
+ var resetText = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
22398
+ setTimeout(function () {
22399
+ return setState(STATE.READY);
22400
+ }, 1500);
22401
+ }, []);
22402
+ var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
22403
+ copyTextToClipboard({
22404
+ getText: function getText() {
22405
+ return code;
22406
+ },
22407
+ success: function success() {
22408
+ setState(STATE.SUCCESS);
22409
+ resetText();
22410
+ },
22411
+ error: function error() {
22412
+ setState(STATE.ERROR);
22413
+ setTimeout(function () {
22414
+ return selectElementText(codeRef.current);
22415
+ }, 1);
22416
+ resetText();
22417
+ }
22418
+ });
22419
+ }, [code]);
22420
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"], {
22421
+ tooltip: tooltips[state],
22422
+ placement: "right",
22423
+ noWrap: true
22424
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledButton, {
22425
+ type: "button",
22426
+ onClick: handleClick,
22427
+ $theme: themeProp
22428
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
22429
+ viewBox: icon.viewBox
22430
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
22431
+ href: "#".concat(icon.id)
22432
+ }))));
22433
+ };
22434
+ var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
22435
+ displayName: "StyledButton",
22436
+ componentId: "sc-kvxvoe-0"
22437
+ })(["position:absolute;right:16px;display:flex;padding:8px;align-items:flex-start;border:0 none;border-radius:32px;background:", ";svg{width:16px;height:16px;color:", ";}&:hover svg{color:", ";}&:active svg{color:", ";}"], function (props) {
22438
+ return _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color[props.$theme == 'white' ? 'gray_5' : 'gray_11_50'];
22439
+ }, function (props) {
22440
+ return _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color[props.$theme == 'white' ? 'gray_9' : 'gray_8'];
22441
+ }, function (props) {
22442
+ return _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color[props.$theme == 'white' ? 'gray_11_25' : 'gray_1'];
22443
+ }, function (props) {
22444
+ return _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color[props.$theme == 'white' ? 'gray_11_25' : 'gray_1'];
22445
+ });
22446
+ function copyTextToClipboard(copyInfo) {
22447
+ if (navigator.clipboard) {
22448
+ navigator.clipboard.writeText(copyInfo.getText()).then(copyInfo.success, function () {
22449
+ // try the fallback in case `writeText` didn't work
22450
+ fallbackCopyTextToClipboard(copyInfo);
22451
+ });
22452
+ } else fallbackCopyTextToClipboard(copyInfo);
22453
+ }
22454
+ function fallbackCopyTextToClipboard(copyInfo) {
22455
+ // https://stackoverflow.com/a/30810322/7595472
22456
+ var textArea = document.createElement('textarea');
22457
+ textArea.value = copyInfo.getText();
22458
+
22459
+ // Avoid scrolling to bottom
22460
+ textArea.style.top = '0';
22461
+ textArea.style.left = '0';
22462
+ textArea.style.position = 'fixed';
22463
+ document.body.appendChild(textArea);
22464
+ textArea.focus();
22465
+ textArea.select();
22466
+ try {
22467
+ var successful = document.execCommand('copy');
22468
+ setTimeout(function () {
22469
+ if (successful) copyInfo.success();else copyInfo.error();
22470
+ }, 1);
22471
+ } catch (e) {
22472
+ setTimeout(function () {
22473
+ copyInfo.error(e);
22474
+ }, 1);
22475
+ }
22476
+ document.body.removeChild(textArea);
22477
+ }
22478
+ function selectElementText(element) {
22479
+ // https://stackoverflow.com/a/20079910/7595472
22480
+ window.getSelection().selectAllChildren(element);
22481
+ }
22482
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CopyButton);
22483
+
22484
+ /***/ }),
22485
+
22276
22486
  /***/ "./src/code/index.js":
22277
22487
  /*!***************************!*\
22278
22488
  !*** ./src/code/index.js ***!
@@ -22298,6 +22508,78 @@ __webpack_require__.r(__webpack_exports__);
22298
22508
 
22299
22509
 
22300
22510
 
22511
+ /***/ }),
22512
+
22513
+ /***/ "./src/code/skeleton.js":
22514
+ /*!******************************!*\
22515
+ !*** ./src/code/skeleton.js ***!
22516
+ \******************************/
22517
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
22518
+
22519
+ "use strict";
22520
+ __webpack_require__.r(__webpack_exports__);
22521
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
22522
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
22523
+ /* harmony export */ });
22524
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
22525
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
22526
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
22527
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
22528
+ // LICENSE_CODE ZON
22529
+
22530
+
22531
+ /*jslint react:true*/
22532
+
22533
+
22534
+ var Skeleton = function Skeleton(props) {
22535
+ var themeProp = props.theme;
22536
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSkeleton, {
22537
+ $theme: themeProp
22538
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
22539
+ $theme: themeProp,
22540
+ $width: "53px"
22541
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
22542
+ $theme: themeProp,
22543
+ $width: "223px"
22544
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
22545
+ $theme: themeProp,
22546
+ $width: "93px"
22547
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
22548
+ $theme: themeProp,
22549
+ $width: "93px"
22550
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
22551
+ $theme: themeProp,
22552
+ $width: "157px"
22553
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
22554
+ $theme: themeProp,
22555
+ $width: "53px"
22556
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
22557
+ $theme: themeProp,
22558
+ $width: "90px"
22559
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
22560
+ $theme: themeProp,
22561
+ $width: "187px"
22562
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
22563
+ $theme: themeProp,
22564
+ $width: "188px"
22565
+ }));
22566
+ };
22567
+ var StyledSkeleton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
22568
+ displayName: "StyledSkeleton",
22569
+ componentId: "sc-1v7xkdy-0"
22570
+ })(["flex:1;display:flex;flex-wrap:wrap;column-gap:16px;row-gap:12px;}"]);
22571
+ var SkeletonBox = styled_components__WEBPACK_IMPORTED_MODULE_1___default().span.withConfig({
22572
+ displayName: "SkeletonBox",
22573
+ componentId: "sc-1v7xkdy-1"
22574
+ })(["display:inline-block;height:10px;width:", ";max-width:100%;background:", ";position:relative;overflow:hidden;&::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);border-radius:2px;background:", ";animation:shimmer 5s infinite;content:'';}@keyframes shimmer{100%{transform:translateX(100%);}}"], function (props) {
22575
+ return props.$width;
22576
+ }, function (props) {
22577
+ return props.$theme == 'white' ? '#B4B9BD' : '#333335';
22578
+ }, function (props) {
22579
+ return props.$theme == 'white' ? 'linear-gradient(90deg, #B4B9BD 3.16%, #B5BCC6 50.83%, #889096 99.97%,' + ' #B4B9BD 99.97%)' : 'linear-gradient(90deg, #333335 3.16%, #525252 57.39%, #333335 99.97%)';
22580
+ });
22581
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton);
22582
+
22301
22583
  /***/ }),
22302
22584
 
22303
22585
  /***/ "./src/combo_button/combo_button.js":
@@ -25831,45 +26113,107 @@ __webpack_require__.r(__webpack_exports__);
25831
26113
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
25832
26114
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
25833
26115
  /* harmony export */ });
25834
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ "styled-components");
25835
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
25836
- /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
26116
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
26117
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
26118
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
26119
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
26120
+ /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
25837
26121
  // LICENSE_CODE ZON
25838
26122
 
25839
26123
 
25840
26124
  /*jslint react:true*/
26125
+ var _excluded = ["height", "max_height", "min_height", "width", "max_width", "min_width", "padding", "padding_top", "padding_right", "padding_bottom", "padding_left", "margin", "margin_top", "margin_right", "margin_bottom", "margin_left", "flex", "flex_grow", "flex_shrink", "flex_basis", "justify_self", "align_self", "order", "box_shadow"];
26126
+ 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); }
26127
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
26128
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
25841
26129
 
25842
26130
 
25843
- var Box = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.withConfig({
25844
- displayName: "Box",
26131
+
26132
+ var Box = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
26133
+ var height = props.height,
26134
+ max_height = props.max_height,
26135
+ min_height = props.min_height,
26136
+ width = props.width,
26137
+ max_width = props.max_width,
26138
+ min_width = props.min_width,
26139
+ padding = props.padding,
26140
+ padding_top = props.padding_top,
26141
+ padding_right = props.padding_right,
26142
+ padding_bottom = props.padding_bottom,
26143
+ padding_left = props.padding_left,
26144
+ margin = props.margin,
26145
+ margin_top = props.margin_top,
26146
+ margin_right = props.margin_right,
26147
+ margin_bottom = props.margin_bottom,
26148
+ margin_left = props.margin_left,
26149
+ flex = props.flex,
26150
+ flex_grow = props.flex_grow,
26151
+ flex_shrink = props.flex_shrink,
26152
+ flex_basis = props.flex_basis,
26153
+ justify_self = props.justify_self,
26154
+ align_self = props.align_self,
26155
+ order = props.order,
26156
+ box_shadow = props.box_shadow,
26157
+ rest = _objectWithoutProperties(props, _excluded);
26158
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledBox, _extends({
26159
+ ref: ref,
26160
+ $height: height,
26161
+ $maxHeight: max_height,
26162
+ $minHeight: min_height,
26163
+ $width: width,
26164
+ $maxWidth: max_width,
26165
+ $minWidth: min_width,
26166
+ $padding: padding,
26167
+ $padding_top: padding_top,
26168
+ $padding_right: padding_right,
26169
+ $padding_bottom: padding_bottom,
26170
+ $padding_left: padding_left,
26171
+ $margin: margin,
26172
+ $margin_top: margin_top,
26173
+ $margin_right: margin_right,
26174
+ $margin_bottom: margin_bottom,
26175
+ $margin_left: margin_left,
26176
+ $flex: flex,
26177
+ $flexGrow: flex_grow,
26178
+ $flexShrink: flex_shrink,
26179
+ $flexBasis: flex_basis,
26180
+ $justifySelf: justify_self,
26181
+ $alignSelf: align_self,
26182
+ $order: order,
26183
+ $box_shadow: box_shadow
26184
+ }, rest));
26185
+ });
26186
+ Box.displayName = 'Box';
26187
+ var StyledBox = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
26188
+ displayName: "StyledBox",
25845
26189
  componentId: "sc-pxszp5-0"
25846
26190
  })(["height:", ";max-height:", ";min-height:", ";width:", ";max-width:", ";min-width:", ";padding:", ";padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";margin:", ";margin-top:", ";margin-right:", ";margin-bottom:", ";margin-left:", ";flex:", ";flex-grow:", ";flex-shrink:", ";flex-basis:", ";justify-self:", ";align-self:", ";order:", ";box-shadow:", ";"], function (props) {
25847
- return props.height;
26191
+ return props.$height;
25848
26192
  }, function (props) {
25849
- return props.max_height;
26193
+ return props.$maxHeight;
25850
26194
  }, function (props) {
25851
- return props.min_height;
26195
+ return props.$minHeight;
25852
26196
  }, function (props) {
25853
- return props.width;
26197
+ return props.$width;
25854
26198
  }, function (props) {
25855
- return props.max_width;
26199
+ return props.$maxWidth;
25856
26200
  }, function (props) {
25857
- return props.min_width;
25858
- }, (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('padding'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('padding_top'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('padding_right'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('padding_bottom'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('padding_left'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('margin'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('margin_top'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('margin_right'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('margin_bottom'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('margin_left'), function (props) {
25859
- return props.flex;
26201
+ return props.$minWidth;
26202
+ }, (0,_utils__WEBPACK_IMPORTED_MODULE_2__.fromTheme)('padding'), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.fromTheme)('padding_top'), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.fromTheme)('padding_right'), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.fromTheme)('padding_bottom'), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.fromTheme)('padding_left'), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.fromTheme)('margin'), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.fromTheme)('margin_top'), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.fromTheme)('margin_right'), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.fromTheme)('margin_bottom'), (0,_utils__WEBPACK_IMPORTED_MODULE_2__.fromTheme)('margin_left'), function (props) {
26203
+ return props.$flex;
25860
26204
  }, function (props) {
25861
- return props.flex_grow;
26205
+ return props.$flexGrow;
25862
26206
  }, function (props) {
25863
- return props.flex_shrink;
26207
+ return props.$flexShrink;
25864
26208
  }, function (props) {
25865
- return props.flex_basis;
26209
+ return props.$flexBasis;
25866
26210
  }, function (props) {
25867
- return props.justify_self;
26211
+ return props.$justifySelf;
25868
26212
  }, function (props) {
25869
- return props.align_self;
26213
+ return props.$alignSelf;
25870
26214
  }, function (props) {
25871
- return props.order;
25872
- }, (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('box_shadow'));
26215
+ return props.$order;
26216
+ }, (0,_utils__WEBPACK_IMPORTED_MODULE_2__.fromTheme)('box_shadow'));
25873
26217
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Box);
25874
26218
 
25875
26219
  /***/ }),
@@ -25896,34 +26240,41 @@ __webpack_require__.r(__webpack_exports__);
25896
26240
 
25897
26241
 
25898
26242
  /*jslint react:true*/
26243
+ var _excluded = ["inline", "align_items", "align_content", "justify_items", "justify_content", "flex_wrap", "flex_direction", "gap", "row_gap", "column_gap"];
26244
+ 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); }
26245
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
26246
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
25899
26247
 
25900
26248
 
25901
26249
 
25902
26250
 
25903
- var Flex = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_box__WEBPACK_IMPORTED_MODULE_3__["default"]).withConfig({
25904
- displayName: "Flex",
25905
- componentId: "sc-2aqm31-0"
25906
- })(["display:", ";align-items:", ";align-content:", ";justify-items:", ";justify-content:", ";flex-wrap:", ";flex-direction:", ";gap:", ";row-gap:", ";column-gap:", ";"], function (props) {
25907
- return props.inline ? 'inline-flex' : 'flex';
25908
- }, function (props) {
25909
- return props.align_items;
25910
- }, function (props) {
25911
- return props.align_content;
25912
- }, function (props) {
25913
- return props.justify_items;
25914
- }, function (props) {
25915
- return props.justify_content;
25916
- }, function (props) {
25917
- return props.flex_wrap;
25918
- }, function (props) {
25919
- return props.flex_direction;
25920
- }, function (props) {
25921
- return props.gap;
25922
- }, function (props) {
25923
- return props.row_gap;
25924
- }, function (props) {
25925
- return props.column_gap;
26251
+ var Flex = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
26252
+ var inline = props.inline,
26253
+ align_items = props.align_items,
26254
+ align_content = props.align_content,
26255
+ justify_items = props.justify_items,
26256
+ justify_content = props.justify_content,
26257
+ flex_wrap = props.flex_wrap,
26258
+ flex_direction = props.flex_direction,
26259
+ gap = props.gap,
26260
+ row_gap = props.row_gap,
26261
+ column_gap = props.column_gap,
26262
+ rest = _objectWithoutProperties(props, _excluded);
26263
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledFlex, _extends({
26264
+ ref: ref,
26265
+ $inline: inline,
26266
+ $alignItems: align_items,
26267
+ $alignContent: align_content,
26268
+ $justifyItems: justify_items,
26269
+ $justifyContent: justify_content,
26270
+ $flexWrap: flex_wrap,
26271
+ $flexDirection: flex_direction,
26272
+ $gap: gap,
26273
+ $rowGap: row_gap,
26274
+ $columnGap: column_gap
26275
+ }, rest));
25926
26276
  });
26277
+ Flex.displayName = 'Flex';
25927
26278
  Flex.defaultProps = {
25928
26279
  flex_direction: 'row'
25929
26280
  };
@@ -25939,6 +26290,30 @@ Flex.propTypes = {
25939
26290
  row_gap: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
25940
26291
  column_gap: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)
25941
26292
  };
26293
+ var StyledFlex = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_box__WEBPACK_IMPORTED_MODULE_3__["default"]).withConfig({
26294
+ displayName: "StyledFlex",
26295
+ componentId: "sc-2aqm31-0"
26296
+ })(["display:", ";align-items:", ";align-content:", ";justify-items:", ";justify-content:", ";flex-wrap:", ";flex-direction:", ";gap:", ";row-gap:", ";column-gap:", ";"], function (props) {
26297
+ return props.$inline ? 'inline-flex' : 'flex';
26298
+ }, function (props) {
26299
+ return props.$alignItems;
26300
+ }, function (props) {
26301
+ return props.$alignContent;
26302
+ }, function (props) {
26303
+ return props.$justifyItems;
26304
+ }, function (props) {
26305
+ return props.$justifyContent;
26306
+ }, function (props) {
26307
+ return props.$flexWrap;
26308
+ }, function (props) {
26309
+ return props.$flexDirection;
26310
+ }, function (props) {
26311
+ return props.$gap;
26312
+ }, function (props) {
26313
+ return props.$rowGap;
26314
+ }, function (props) {
26315
+ return props.$columnGap;
26316
+ });
25942
26317
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Flex);
25943
26318
 
25944
26319
  /***/ }),
@@ -27196,7 +27571,8 @@ __webpack_require__.r(__webpack_exports__);
27196
27571
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
27197
27572
  /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
27198
27573
  /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
27199
- /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
27574
+ /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
27575
+ /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
27200
27576
  // LICENSE_CODE ZON
27201
27577
 
27202
27578
 
@@ -27209,6 +27585,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
27209
27585
 
27210
27586
 
27211
27587
 
27588
+
27212
27589
  var Group = function Group(props) {
27213
27590
  var children = props.children,
27214
27591
  className = props.className,
@@ -27247,7 +27624,7 @@ var Group = function Group(props) {
27247
27624
  $variant: variant,
27248
27625
  "aria-orientation": variant == 'vertical' ? 'vertical' : 'horizontal',
27249
27626
  onKeyDown: handleKeyDown
27250
- }, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getCommonProps)(rest)), react__WEBPACK_IMPORTED_MODULE_1__.Children.map(children, function (child) {
27627
+ }, (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getCommonProps)(rest)), react__WEBPACK_IMPORTED_MODULE_1__.Children.map(children, function (child) {
27251
27628
  return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.cloneElement)(child, {
27252
27629
  variant: variant
27253
27630
  });
@@ -27262,15 +27639,18 @@ Group.propTypes = {
27262
27639
  var GroupContainer = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
27263
27640
  displayName: "GroupContainer",
27264
27641
  componentId: "sc-x363t3-0"
27265
- })(["display:flex;justify-content:center;align-items:center;box-sizing:border-box;", ""], function (props) {
27642
+ })(["display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:fit-content;", ""], function (props) {
27643
+ if (props.$variant == 'underline') {
27644
+ return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["flex-direction:row;"]);
27645
+ }
27266
27646
  if (props.$variant == 'contain') {
27267
- return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["flex-direction:row;width:fit-content;padding:2px;gap:2px;"]);
27647
+ return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["flex-direction:row;padding:2px;gap:2px;border-radius:4px;background:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_3);
27268
27648
  }
27269
27649
  if (props.$variant == 'vertical') {
27270
- return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["flex-direction:column;width:fit-content;"]);
27650
+ return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["flex-direction:column;"]);
27271
27651
  }
27272
27652
  // main
27273
- return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["flex-direction:row;width:fit-content;gap:24px;"]);
27653
+ return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["flex-direction:row;gap:24px;"]);
27274
27654
  });
27275
27655
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Group);
27276
27656
 
@@ -51851,6 +52231,268 @@ Prism.languages.vbnet = Prism.languages.extend('basic', {
51851
52231
  });
51852
52232
 
51853
52233
 
52234
+ /***/ }),
52235
+
52236
+ /***/ "./node_modules/prismjs/plugins/line-numbers/prism-line-numbers.js":
52237
+ /*!*************************************************************************!*\
52238
+ !*** ./node_modules/prismjs/plugins/line-numbers/prism-line-numbers.js ***!
52239
+ \*************************************************************************/
52240
+ /***/ (() => {
52241
+
52242
+ (function () {
52243
+
52244
+ if (typeof Prism === 'undefined' || typeof document === 'undefined') {
52245
+ return;
52246
+ }
52247
+
52248
+ /**
52249
+ * Plugin name which is used as a class name for <pre> which is activating the plugin
52250
+ *
52251
+ * @type {string}
52252
+ */
52253
+ var PLUGIN_NAME = 'line-numbers';
52254
+
52255
+ /**
52256
+ * Regular expression used for determining line breaks
52257
+ *
52258
+ * @type {RegExp}
52259
+ */
52260
+ var NEW_LINE_EXP = /\n(?!$)/g;
52261
+
52262
+
52263
+ /**
52264
+ * Global exports
52265
+ */
52266
+ var config = Prism.plugins.lineNumbers = {
52267
+ /**
52268
+ * Get node for provided line number
52269
+ *
52270
+ * @param {Element} element pre element
52271
+ * @param {number} number line number
52272
+ * @returns {Element|undefined}
52273
+ */
52274
+ getLine: function (element, number) {
52275
+ if (element.tagName !== 'PRE' || !element.classList.contains(PLUGIN_NAME)) {
52276
+ return;
52277
+ }
52278
+
52279
+ var lineNumberRows = element.querySelector('.line-numbers-rows');
52280
+ if (!lineNumberRows) {
52281
+ return;
52282
+ }
52283
+ var lineNumberStart = parseInt(element.getAttribute('data-start'), 10) || 1;
52284
+ var lineNumberEnd = lineNumberStart + (lineNumberRows.children.length - 1);
52285
+
52286
+ if (number < lineNumberStart) {
52287
+ number = lineNumberStart;
52288
+ }
52289
+ if (number > lineNumberEnd) {
52290
+ number = lineNumberEnd;
52291
+ }
52292
+
52293
+ var lineIndex = number - lineNumberStart;
52294
+
52295
+ return lineNumberRows.children[lineIndex];
52296
+ },
52297
+
52298
+ /**
52299
+ * Resizes the line numbers of the given element.
52300
+ *
52301
+ * This function will not add line numbers. It will only resize existing ones.
52302
+ *
52303
+ * @param {HTMLElement} element A `<pre>` element with line numbers.
52304
+ * @returns {void}
52305
+ */
52306
+ resize: function (element) {
52307
+ resizeElements([element]);
52308
+ },
52309
+
52310
+ /**
52311
+ * Whether the plugin can assume that the units font sizes and margins are not depended on the size of
52312
+ * the current viewport.
52313
+ *
52314
+ * Setting this to `true` will allow the plugin to do certain optimizations for better performance.
52315
+ *
52316
+ * Set this to `false` if you use any of the following CSS units: `vh`, `vw`, `vmin`, `vmax`.
52317
+ *
52318
+ * @type {boolean}
52319
+ */
52320
+ assumeViewportIndependence: true
52321
+ };
52322
+
52323
+ /**
52324
+ * Resizes the given elements.
52325
+ *
52326
+ * @param {HTMLElement[]} elements
52327
+ */
52328
+ function resizeElements(elements) {
52329
+ elements = elements.filter(function (e) {
52330
+ var codeStyles = getStyles(e);
52331
+ var whiteSpace = codeStyles['white-space'];
52332
+ return whiteSpace === 'pre-wrap' || whiteSpace === 'pre-line';
52333
+ });
52334
+
52335
+ if (elements.length == 0) {
52336
+ return;
52337
+ }
52338
+
52339
+ var infos = elements.map(function (element) {
52340
+ var codeElement = element.querySelector('code');
52341
+ var lineNumbersWrapper = element.querySelector('.line-numbers-rows');
52342
+ if (!codeElement || !lineNumbersWrapper) {
52343
+ return undefined;
52344
+ }
52345
+
52346
+ /** @type {HTMLElement} */
52347
+ var lineNumberSizer = element.querySelector('.line-numbers-sizer');
52348
+ var codeLines = codeElement.textContent.split(NEW_LINE_EXP);
52349
+
52350
+ if (!lineNumberSizer) {
52351
+ lineNumberSizer = document.createElement('span');
52352
+ lineNumberSizer.className = 'line-numbers-sizer';
52353
+
52354
+ codeElement.appendChild(lineNumberSizer);
52355
+ }
52356
+
52357
+ lineNumberSizer.innerHTML = '0';
52358
+ lineNumberSizer.style.display = 'block';
52359
+
52360
+ var oneLinerHeight = lineNumberSizer.getBoundingClientRect().height;
52361
+ lineNumberSizer.innerHTML = '';
52362
+
52363
+ return {
52364
+ element: element,
52365
+ lines: codeLines,
52366
+ lineHeights: [],
52367
+ oneLinerHeight: oneLinerHeight,
52368
+ sizer: lineNumberSizer,
52369
+ };
52370
+ }).filter(Boolean);
52371
+
52372
+ infos.forEach(function (info) {
52373
+ var lineNumberSizer = info.sizer;
52374
+ var lines = info.lines;
52375
+ var lineHeights = info.lineHeights;
52376
+ var oneLinerHeight = info.oneLinerHeight;
52377
+
52378
+ lineHeights[lines.length - 1] = undefined;
52379
+ lines.forEach(function (line, index) {
52380
+ if (line && line.length > 1) {
52381
+ var e = lineNumberSizer.appendChild(document.createElement('span'));
52382
+ e.style.display = 'block';
52383
+ e.textContent = line;
52384
+ } else {
52385
+ lineHeights[index] = oneLinerHeight;
52386
+ }
52387
+ });
52388
+ });
52389
+
52390
+ infos.forEach(function (info) {
52391
+ var lineNumberSizer = info.sizer;
52392
+ var lineHeights = info.lineHeights;
52393
+
52394
+ var childIndex = 0;
52395
+ for (var i = 0; i < lineHeights.length; i++) {
52396
+ if (lineHeights[i] === undefined) {
52397
+ lineHeights[i] = lineNumberSizer.children[childIndex++].getBoundingClientRect().height;
52398
+ }
52399
+ }
52400
+ });
52401
+
52402
+ infos.forEach(function (info) {
52403
+ var lineNumberSizer = info.sizer;
52404
+ var wrapper = info.element.querySelector('.line-numbers-rows');
52405
+
52406
+ lineNumberSizer.style.display = 'none';
52407
+ lineNumberSizer.innerHTML = '';
52408
+
52409
+ info.lineHeights.forEach(function (height, lineNumber) {
52410
+ wrapper.children[lineNumber].style.height = height + 'px';
52411
+ });
52412
+ });
52413
+ }
52414
+
52415
+ /**
52416
+ * Returns style declarations for the element
52417
+ *
52418
+ * @param {Element} element
52419
+ */
52420
+ function getStyles(element) {
52421
+ if (!element) {
52422
+ return null;
52423
+ }
52424
+
52425
+ return window.getComputedStyle ? getComputedStyle(element) : (element.currentStyle || null);
52426
+ }
52427
+
52428
+ var lastWidth = undefined;
52429
+ window.addEventListener('resize', function () {
52430
+ if (config.assumeViewportIndependence && lastWidth === window.innerWidth) {
52431
+ return;
52432
+ }
52433
+ lastWidth = window.innerWidth;
52434
+
52435
+ resizeElements(Array.prototype.slice.call(document.querySelectorAll('pre.' + PLUGIN_NAME)));
52436
+ });
52437
+
52438
+ Prism.hooks.add('complete', function (env) {
52439
+ if (!env.code) {
52440
+ return;
52441
+ }
52442
+
52443
+ var code = /** @type {Element} */ (env.element);
52444
+ var pre = /** @type {HTMLElement} */ (code.parentNode);
52445
+
52446
+ // works only for <code> wrapped inside <pre> (not inline)
52447
+ if (!pre || !/pre/i.test(pre.nodeName)) {
52448
+ return;
52449
+ }
52450
+
52451
+ // Abort if line numbers already exists
52452
+ if (code.querySelector('.line-numbers-rows')) {
52453
+ return;
52454
+ }
52455
+
52456
+ // only add line numbers if <code> or one of its ancestors has the `line-numbers` class
52457
+ if (!Prism.util.isActive(code, PLUGIN_NAME)) {
52458
+ return;
52459
+ }
52460
+
52461
+ // Remove the class 'line-numbers' from the <code>
52462
+ code.classList.remove(PLUGIN_NAME);
52463
+ // Add the class 'line-numbers' to the <pre>
52464
+ pre.classList.add(PLUGIN_NAME);
52465
+
52466
+ var match = env.code.match(NEW_LINE_EXP);
52467
+ var linesNum = match ? match.length + 1 : 1;
52468
+ var lineNumbersWrapper;
52469
+
52470
+ var lines = new Array(linesNum + 1).join('<span></span>');
52471
+
52472
+ lineNumbersWrapper = document.createElement('span');
52473
+ lineNumbersWrapper.setAttribute('aria-hidden', 'true');
52474
+ lineNumbersWrapper.className = 'line-numbers-rows';
52475
+ lineNumbersWrapper.innerHTML = lines;
52476
+
52477
+ if (pre.hasAttribute('data-start')) {
52478
+ pre.style.counterReset = 'linenumber ' + (parseInt(pre.getAttribute('data-start'), 10) - 1);
52479
+ }
52480
+
52481
+ env.element.appendChild(lineNumbersWrapper);
52482
+
52483
+ resizeElements([pre]);
52484
+
52485
+ Prism.hooks.run('line-numbers', env);
52486
+ });
52487
+
52488
+ Prism.hooks.add('line-numbers', function (env) {
52489
+ env.plugins = env.plugins || {};
52490
+ env.plugins.lineNumbers = true;
52491
+ });
52492
+
52493
+ }());
52494
+
52495
+
51854
52496
  /***/ }),
51855
52497
 
51856
52498
  /***/ "./node_modules/react-day-picker/dist/index.esm.js":