@luminati-io/uikit 1.7.1 → 1.7.2

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/uikit.umd.js +160 -50
  2. package/dist/uikit.umd.js.map +1 -1
  3. package/dist/uikit.umd.min.js +1 -1
  4. package/package.json +1 -1
package/dist/uikit.umd.js CHANGED
@@ -171,18 +171,19 @@ __webpack_require__.r(__webpack_exports__);
171
171
  /* harmony import */ var _sum_svg__WEBPACK_IMPORTED_MODULE_146__ = __webpack_require__(/*! ./sum.svg */ "./assets/icons/sum.svg");
172
172
  /* harmony import */ var _support_svg__WEBPACK_IMPORTED_MODULE_147__ = __webpack_require__(/*! ./support.svg */ "./assets/icons/support.svg");
173
173
  /* harmony import */ var _table_svg__WEBPACK_IMPORTED_MODULE_148__ = __webpack_require__(/*! ./table.svg */ "./assets/icons/table.svg");
174
- /* harmony import */ var _text_svg__WEBPACK_IMPORTED_MODULE_149__ = __webpack_require__(/*! ./text.svg */ "./assets/icons/text.svg");
175
- /* harmony import */ var _ticket_svg__WEBPACK_IMPORTED_MODULE_150__ = __webpack_require__(/*! ./ticket.svg */ "./assets/icons/ticket.svg");
176
- /* harmony import */ var _time_svg__WEBPACK_IMPORTED_MODULE_151__ = __webpack_require__(/*! ./time.svg */ "./assets/icons/time.svg");
177
- /* harmony import */ var _tool_svg__WEBPACK_IMPORTED_MODULE_152__ = __webpack_require__(/*! ./tool.svg */ "./assets/icons/tool.svg");
178
- /* harmony import */ var _trash_svg__WEBPACK_IMPORTED_MODULE_153__ = __webpack_require__(/*! ./trash.svg */ "./assets/icons/trash.svg");
179
- /* harmony import */ var _unique_svg__WEBPACK_IMPORTED_MODULE_154__ = __webpack_require__(/*! ./unique.svg */ "./assets/icons/unique.svg");
180
- /* harmony import */ var _unpin_svg__WEBPACK_IMPORTED_MODULE_155__ = __webpack_require__(/*! ./unpin.svg */ "./assets/icons/unpin.svg");
181
- /* harmony import */ var _upgrade_svg__WEBPACK_IMPORTED_MODULE_156__ = __webpack_require__(/*! ./upgrade.svg */ "./assets/icons/upgrade.svg");
182
- /* harmony import */ var _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_157__ = __webpack_require__(/*! ./upload_cloud.svg */ "./assets/icons/upload_cloud.svg");
183
- /* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_158__ = __webpack_require__(/*! ./upload.svg */ "./assets/icons/upload.svg");
184
- /* harmony import */ var _verify_svg__WEBPACK_IMPORTED_MODULE_159__ = __webpack_require__(/*! ./verify.svg */ "./assets/icons/verify.svg");
185
- /* harmony import */ var _video_svg__WEBPACK_IMPORTED_MODULE_160__ = __webpack_require__(/*! ./video.svg */ "./assets/icons/video.svg");
174
+ /* harmony import */ var _terminal_window_svg__WEBPACK_IMPORTED_MODULE_149__ = __webpack_require__(/*! ./terminal_window.svg */ "./assets/icons/terminal_window.svg");
175
+ /* harmony import */ var _text_svg__WEBPACK_IMPORTED_MODULE_150__ = __webpack_require__(/*! ./text.svg */ "./assets/icons/text.svg");
176
+ /* harmony import */ var _ticket_svg__WEBPACK_IMPORTED_MODULE_151__ = __webpack_require__(/*! ./ticket.svg */ "./assets/icons/ticket.svg");
177
+ /* harmony import */ var _time_svg__WEBPACK_IMPORTED_MODULE_152__ = __webpack_require__(/*! ./time.svg */ "./assets/icons/time.svg");
178
+ /* harmony import */ var _tool_svg__WEBPACK_IMPORTED_MODULE_153__ = __webpack_require__(/*! ./tool.svg */ "./assets/icons/tool.svg");
179
+ /* harmony import */ var _trash_svg__WEBPACK_IMPORTED_MODULE_154__ = __webpack_require__(/*! ./trash.svg */ "./assets/icons/trash.svg");
180
+ /* harmony import */ var _unique_svg__WEBPACK_IMPORTED_MODULE_155__ = __webpack_require__(/*! ./unique.svg */ "./assets/icons/unique.svg");
181
+ /* harmony import */ var _unpin_svg__WEBPACK_IMPORTED_MODULE_156__ = __webpack_require__(/*! ./unpin.svg */ "./assets/icons/unpin.svg");
182
+ /* harmony import */ var _upgrade_svg__WEBPACK_IMPORTED_MODULE_157__ = __webpack_require__(/*! ./upgrade.svg */ "./assets/icons/upgrade.svg");
183
+ /* harmony import */ var _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_158__ = __webpack_require__(/*! ./upload_cloud.svg */ "./assets/icons/upload_cloud.svg");
184
+ /* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_159__ = __webpack_require__(/*! ./upload.svg */ "./assets/icons/upload.svg");
185
+ /* harmony import */ var _verify_svg__WEBPACK_IMPORTED_MODULE_160__ = __webpack_require__(/*! ./verify.svg */ "./assets/icons/verify.svg");
186
+ /* harmony import */ var _video_svg__WEBPACK_IMPORTED_MODULE_161__ = __webpack_require__(/*! ./video.svg */ "./assets/icons/video.svg");
186
187
  // LICENSE_CODE ZON
187
188
  /*jslint react:true*/
188
189
 
@@ -346,6 +347,7 @@ __webpack_require__.r(__webpack_exports__);
346
347
 
347
348
 
348
349
 
350
+
349
351
 
350
352
 
351
353
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
@@ -498,18 +500,19 @@ __webpack_require__.r(__webpack_exports__);
498
500
  Sum: _sum_svg__WEBPACK_IMPORTED_MODULE_146__["default"],
499
501
  Support: _support_svg__WEBPACK_IMPORTED_MODULE_147__["default"],
500
502
  Table: _table_svg__WEBPACK_IMPORTED_MODULE_148__["default"],
501
- Text: _text_svg__WEBPACK_IMPORTED_MODULE_149__["default"],
502
- Ticket: _ticket_svg__WEBPACK_IMPORTED_MODULE_150__["default"],
503
- Time: _time_svg__WEBPACK_IMPORTED_MODULE_151__["default"],
504
- Tool: _tool_svg__WEBPACK_IMPORTED_MODULE_152__["default"],
505
- Trash: _trash_svg__WEBPACK_IMPORTED_MODULE_153__["default"],
506
- Unique: _unique_svg__WEBPACK_IMPORTED_MODULE_154__["default"],
507
- Unpin: _unpin_svg__WEBPACK_IMPORTED_MODULE_155__["default"],
508
- Upgrade: _upgrade_svg__WEBPACK_IMPORTED_MODULE_156__["default"],
509
- UploadCloud: _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_157__["default"],
510
- Upload: _upload_svg__WEBPACK_IMPORTED_MODULE_158__["default"],
511
- Verify: _verify_svg__WEBPACK_IMPORTED_MODULE_159__["default"],
512
- Video: _video_svg__WEBPACK_IMPORTED_MODULE_160__["default"],
503
+ TerminalWindow: _terminal_window_svg__WEBPACK_IMPORTED_MODULE_149__["default"],
504
+ Text: _text_svg__WEBPACK_IMPORTED_MODULE_150__["default"],
505
+ Ticket: _ticket_svg__WEBPACK_IMPORTED_MODULE_151__["default"],
506
+ Time: _time_svg__WEBPACK_IMPORTED_MODULE_152__["default"],
507
+ Tool: _tool_svg__WEBPACK_IMPORTED_MODULE_153__["default"],
508
+ Trash: _trash_svg__WEBPACK_IMPORTED_MODULE_154__["default"],
509
+ Unique: _unique_svg__WEBPACK_IMPORTED_MODULE_155__["default"],
510
+ Unpin: _unpin_svg__WEBPACK_IMPORTED_MODULE_156__["default"],
511
+ Upgrade: _upgrade_svg__WEBPACK_IMPORTED_MODULE_157__["default"],
512
+ UploadCloud: _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_158__["default"],
513
+ Upload: _upload_svg__WEBPACK_IMPORTED_MODULE_159__["default"],
514
+ Verify: _verify_svg__WEBPACK_IMPORTED_MODULE_160__["default"],
515
+ Video: _video_svg__WEBPACK_IMPORTED_MODULE_161__["default"],
513
516
  });
514
517
 
515
518
 
@@ -10628,6 +10631,7 @@ var PaginationControls = function PaginationControls(props) {
10628
10631
  var to = Math.min((pageIndex + 1) * pageSize, total);
10629
10632
  if (!(total > minPageSize)) return null;
10630
10633
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, opts.length > 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Dropdown, {
10634
+ classNamePrefix: "uikit-table-pagination",
10631
10635
  value: sel,
10632
10636
  options: opts,
10633
10637
  onChange: handleChange
@@ -12204,14 +12208,16 @@ __webpack_require__.r(__webpack_exports__);
12204
12208
  /* harmony export */ });
12205
12209
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
12206
12210
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
12207
- /* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
12208
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
12209
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
12210
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
12211
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
12212
- /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
12213
- /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
12214
- /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
12211
+ /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "react-dom");
12212
+ /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
12213
+ /* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
12214
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
12215
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
12216
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ "prop-types");
12217
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);
12218
+ /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
12219
+ /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
12220
+ /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
12215
12221
  // LICENSE_CODE ZON
12216
12222
 
12217
12223
 
@@ -12230,7 +12236,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12230
12236
 
12231
12237
 
12232
12238
 
12233
- var Label = _typography__WEBPACK_IMPORTED_MODULE_5__["default"].Label;
12239
+
12240
+ var Label = _typography__WEBPACK_IMPORTED_MODULE_6__["default"].Label;
12234
12241
  var Tooltip = function Tooltip(props) {
12235
12242
  var children = props.children,
12236
12243
  tooltip = props.tooltip,
@@ -12257,7 +12264,7 @@ var Tooltip = function Tooltip(props) {
12257
12264
  var hide = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
12258
12265
  return setVisible(false);
12259
12266
  }, []);
12260
- var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_6__.usePopper)(referenceElement, popperElement, {
12267
+ var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_7__.usePopper)(referenceElement, popperElement, {
12261
12268
  placement: placement,
12262
12269
  modifiers: [{
12263
12270
  name: 'arrow',
@@ -12274,11 +12281,7 @@ var Tooltip = function Tooltip(props) {
12274
12281
  styles = _usePopper.styles,
12275
12282
  attributes = _usePopper.attributes;
12276
12283
  if (!tooltip) return children;
12277
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipReference, {
12278
- ref: setReferenceElement,
12279
- onPointerEnter: show,
12280
- onPointerLeave: hide
12281
- }, children), visible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipBody, _extends({
12284
+ var tooltipNode = /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_1___default().createPortal( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipBody, _extends({
12282
12285
  ref: setPopperElement,
12283
12286
  style: styles.popper
12284
12287
  }, attributes.popper), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
@@ -12287,29 +12290,34 @@ var Tooltip = function Tooltip(props) {
12287
12290
  }, tooltip), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipArrow, _extends({
12288
12291
  ref: setArrowElement,
12289
12292
  style: styles.arrow
12290
- }, attributes.arrow))));
12293
+ }, attributes.arrow))), document.body);
12294
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipReference, {
12295
+ ref: setReferenceElement,
12296
+ onPointerEnter: show,
12297
+ onPointerLeave: hide
12298
+ }, children), visible && tooltipNode);
12291
12299
  };
12292
12300
  Tooltip.defaultProps = {
12293
12301
  placement: 'top'
12294
12302
  };
12295
12303
  Tooltip.propTypes = {
12296
- tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
12297
- placement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.tooltipPlacements)
12304
+ tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node),
12305
+ placement: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_4__.tooltipPlacements)
12298
12306
  };
12299
12307
  var withTooltip = function withTooltip(Comp, tooltipProps) {
12300
12308
  return function WithTooltip(props) {
12301
12309
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tooltip, tooltipProps, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Comp, props));
12302
12310
  };
12303
12311
  };
12304
- var StyledTooltipBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
12312
+ var StyledTooltipBody = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
12305
12313
  displayName: "StyledTooltipBody",
12306
12314
  componentId: "sc-146jrck-0"
12307
- })(["background-color:", ";padding:", ";width:fit-content;max-width:500px;border-radius:", ";transition:opacity 200ms;z-index:9999;"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"]);
12308
- var StyledTooltipArrow = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
12315
+ })(["background-color:", ";padding:", ";width:fit-content;max-width:500px;border-radius:", ";transition:opacity 200ms;z-index:9999;"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["03"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["02"]);
12316
+ var StyledTooltipArrow = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
12309
12317
  displayName: "StyledTooltipArrow",
12310
12318
  componentId: "sc-146jrck-1"
12311
- })(["&,&::before{position:absolute;width:", ";height:", ";background:inherit;border-radius:", ";}z-index:-1;visibility:hidden;&::before{visibility:visible;content:'';transform:rotate(45deg);}[data-popper-placement^='top'] > &{bottom:-", ";}[data-popper-placement^='right'] > &{left:-", ";}[data-popper-placement^='bottom'] > &{top:-", ";}[data-popper-placement^='left'] > &{right:-", ";}"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["01"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"]);
12312
- var StyledTooltipReference = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
12319
+ })(["&,&::before{position:absolute;width:", ";height:", ";background:inherit;border-radius:", ";}z-index:-1;visibility:hidden;&::before{visibility:visible;content:'';transform:rotate(45deg);}[data-popper-placement^='top'] > &{bottom:-", ";}[data-popper-placement^='right'] > &{left:-", ";}[data-popper-placement^='bottom'] > &{top:-", ";}[data-popper-placement^='left'] > &{right:-", ";}"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["01"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["02"]);
12320
+ var StyledTooltipReference = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
12313
12321
  displayName: "StyledTooltipReference",
12314
12322
  componentId: "sc-146jrck-2"
12315
12323
  })(["width:fit-content;"]);
@@ -12535,7 +12543,8 @@ __webpack_require__.r(__webpack_exports__);
12535
12543
  /* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./header */ "./src/typography/header.js");
12536
12544
  /* harmony import */ var _label__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./label */ "./src/typography/label.js");
12537
12545
  /* harmony import */ var _paragraph__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./paragraph */ "./src/typography/paragraph.js");
12538
- /* harmony import */ var _hyperlink__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hyperlink */ "./src/typography/hyperlink.js");
12546
+ /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./src/typography/style.js");
12547
+ /* harmony import */ var _hyperlink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hyperlink */ "./src/typography/hyperlink.js");
12539
12548
  // LICENSE_CODE ZON
12540
12549
 
12541
12550
 
@@ -12545,12 +12554,14 @@ __webpack_require__.r(__webpack_exports__);
12545
12554
 
12546
12555
 
12547
12556
 
12557
+
12548
12558
  var typography = {
12549
12559
  Typography: _typography__WEBPACK_IMPORTED_MODULE_0__["default"],
12550
12560
  Header: _header__WEBPACK_IMPORTED_MODULE_1__["default"],
12551
12561
  Label: _label__WEBPACK_IMPORTED_MODULE_2__["default"],
12552
12562
  Paragraph: _paragraph__WEBPACK_IMPORTED_MODULE_3__["default"],
12553
- Hyperlink: _hyperlink__WEBPACK_IMPORTED_MODULE_4__["default"]
12563
+ Hyperlink: _hyperlink__WEBPACK_IMPORTED_MODULE_5__["default"],
12564
+ Style: _style__WEBPACK_IMPORTED_MODULE_4__["default"]
12554
12565
  };
12555
12566
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (typography);
12556
12567
 
@@ -12675,6 +12686,72 @@ Paragraph.propTypes = {
12675
12686
 
12676
12687
  /***/ }),
12677
12688
 
12689
+ /***/ "./src/typography/style.js":
12690
+ /*!*********************************!*\
12691
+ !*** ./src/typography/style.js ***!
12692
+ \*********************************/
12693
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
12694
+
12695
+ "use strict";
12696
+ __webpack_require__.r(__webpack_exports__);
12697
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
12698
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
12699
+ /* harmony export */ });
12700
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
12701
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
12702
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
12703
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
12704
+ /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
12705
+ /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
12706
+ // LICENSE_CODE ZON
12707
+
12708
+
12709
+ /*jslint react:true*/
12710
+ 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); }
12711
+ 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); }
12712
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12713
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
12714
+ 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; }
12715
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
12716
+ 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); }
12717
+
12718
+
12719
+
12720
+
12721
+ var Style = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
12722
+ var children = props.children;
12723
+ var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
12724
+ font_size: {
12725
+ italic_sm: 'sm',
12726
+ code: 'sm',
12727
+ italic_xs: 'xs',
12728
+ capitals: 'xs'
12729
+ }[props.variant] || 'md',
12730
+ line_height: {
12731
+ italic_lg: 'snug',
12732
+ italic_sm: 'snug'
12733
+ }[props.variant] || 'none',
12734
+ font_family: {
12735
+ code: 'mono'
12736
+ }[props.variant] || 'sans',
12737
+ italic: ['italic_lg', 'italic_sm', 'italic_xs'].includes(props.variant),
12738
+ uppercase: props.variant == 'capitals'
12739
+ });
12740
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
12741
+ ref: ref
12742
+ }, typographyProps), children);
12743
+ });
12744
+ Style.displayName = 'Style';
12745
+ Style.defaultProps = {
12746
+ variant: 'italic_lg'
12747
+ };
12748
+ Style.propTypes = {
12749
+ variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['italic_lg', 'italic_sm', 'italic_xs', 'code', 'capitals'])
12750
+ };
12751
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Style);
12752
+
12753
+ /***/ }),
12754
+
12678
12755
  /***/ "./src/typography/typography.js":
12679
12756
  /*!**************************************!*\
12680
12757
  !*** ./src/typography/typography.js ***!
@@ -12700,17 +12777,22 @@ __webpack_require__.r(__webpack_exports__);
12700
12777
  var Typography = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.withConfig({
12701
12778
  displayName: "Typography",
12702
12779
  componentId: "sc-11dsq0e-0"
12703
- })(["font-family:", "", ";font-style:", ";font-weight:", ";font-size:", ";line-height:", ";letter-spacing:", ";color:", ";", " ", ""], function (props) {
12780
+ })(["font-family:", "", ";font-style:", ";font-weight:", ";font-size:", ";line-height:", ";letter-spacing:", ";color:", ";", " ", " ", " ", ""], function (props) {
12704
12781
  return _theme__WEBPACK_IMPORTED_MODULE_2__["default"].font_family[props.font_family];
12705
12782
  }, function (props) {
12706
12783
  return props.as == 'h1' ? ' !important' : '';
12707
12784
  }, function (props) {
12708
12785
  return props.italic ? 'italic' : 'normal';
12709
12786
  }, (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('font_weight'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('font_size'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('line_height'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('letter_spacing'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('color'), function (props) {
12787
+ return props.uppercase ? 'text-transform: uppercase;' : null;
12788
+ }, function (props) {
12789
+ return props.uppercase ? 'letter-spacing: 0.02em;' : null;
12790
+ }, function (props) {
12710
12791
  return props.no_wrap ? 'white-space: nowrap;' : null;
12711
12792
  }, function (props) {
12712
12793
  return props.underline ? 'text-decoration: underline;' : null;
12713
12794
  });
12795
+ Typography.displayName = 'Typography';
12714
12796
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Typography);
12715
12797
 
12716
12798
  /***/ }),
@@ -55316,6 +55398,34 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
55316
55398
 
55317
55399
  /***/ }),
55318
55400
 
55401
+ /***/ "./assets/icons/terminal_window.svg":
55402
+ /*!******************************************!*\
55403
+ !*** ./assets/icons/terminal_window.svg ***!
55404
+ \******************************************/
55405
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
55406
+
55407
+ "use strict";
55408
+ __webpack_require__.r(__webpack_exports__);
55409
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
55410
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
55411
+ /* harmony export */ });
55412
+ /* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/svg-baker-runtime/browser-symbol.js */ "./node_modules/svg-baker-runtime/browser-symbol.js");
55413
+ /* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
55414
+ /* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js */ "./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js");
55415
+ /* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
55416
+
55417
+
55418
+ var symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default())({
55419
+ "id": "terminal_window_uikit_icon",
55420
+ "use": "terminal_window_uikit_icon-usage",
55421
+ "viewBox": "0 0 20 21",
55422
+ "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 21\" id=\"terminal_window_uikit_icon\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5.938 7.296 3.385 2.708-3.386 2.709M10.677 12.713h3.385\" /><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17.406 3.234H2.594a.72.72 0 0 0-.719.719v12.103c0 .397.322.72.72.72h14.81a.72.72 0 0 0 .72-.72V3.953a.72.72 0 0 0-.72-.72Z\" /></symbol>"
55423
+ });
55424
+ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);
55425
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);
55426
+
55427
+ /***/ }),
55428
+
55319
55429
  /***/ "./assets/icons/text.svg":
55320
55430
  /*!*******************************!*\
55321
55431
  !*** ./assets/icons/text.svg ***!