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

package/dist/umd/uikit.development.js

@@ -20009,16 +20009,18 @@ var Badge = function Badge(props) {
       "default": _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_3,
       negative: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.red_3,
       positive: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.green_3,
+      gold: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.yellow_3,
       blue: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3
-    }[variant];
+    }[variant] || _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_3;
   }, [variant]);
   var color = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return {
       "default": 'gray_11_25',
       negative: 'red_11',
       positive: 'green_11',
+      gold: 'yellow_11',
       blue: 'blue_11'
-    }[variant];
+    }[variant] || 'gray_11_25';
   }, [variant]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(BadgeWrapper, {
     className: className,
@@ -20040,7 +20042,7 @@ Badge.defaultProps = {
 };
 Badge.propTypes = {
   shape: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['rounded', 'square']),
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'negative', 'positive', 'blue']),
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'negative', 'positive', 'gold', 'blue']),
   icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames),
   iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right'])
 };
@@ -22082,13 +22084,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_15__);
 /* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! prismjs/components/prism-json */ "./node_modules/prismjs/components/prism-json.js");
 /* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_18__);
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* 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");
-/* 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__);
+/* harmony import */ var prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! prismjs/plugins/line-numbers/prism-line-numbers */ "./node_modules/prismjs/plugins/line-numbers/prism-line-numbers.js");
+/* harmony import */ var prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 // LICENSE_CODE ZON
 
 
@@ -22113,6 +22115,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+(prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1___default().manual) = true;
+
+// import 'prismjs/plugins/line-numbers/prism-line-numbers';
 
 var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
   var text = props.text,
@@ -22135,23 +22141,23 @@ Code.defaultProps = {
   theme: 'white'
 };
 Code.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_17___default().string),
-  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']),
-  theme: prop_types__WEBPACK_IMPORTED_MODULE_17___default().oneOf(['black', 'white']),
-  lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_17___default().bool)
+  text: (prop_types__WEBPACK_IMPORTED_MODULE_18___default().string),
+  lang: prop_types__WEBPACK_IMPORTED_MODULE_18___default().oneOf(['js', 'javascript', 'css', 'markup', 'shell', 'java', 'csharp', 'vbnet', 'php', 'ruby', 'perl', 'python', 'json']),
+  theme: prop_types__WEBPACK_IMPORTED_MODULE_18___default().oneOf(['black', 'white']),
+  lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_18___default().bool)
 };
-var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_18___default().pre.withConfig({
+var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_19___default().pre.withConfig({
   displayName: "CodeWrapper",
   componentId: "sc-1kleg7y-0"
-})(["&&&{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) {
+})(["&&&{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_20__["default"].font_family.mono, _theme__WEBPACK_IMPORTED_MODULE_20__["default"].font_size.sm, _theme__WEBPACK_IMPORTED_MODULE_20__["default"].line_height.loose, function (props) {
   return props.$theme == 'white' ? '#5F6364' : '#999';
 }, function (props) {
   return props.$theme == 'white' ? '#5F6364' : '#999';
 }, function (props) {
   if (props.$theme == 'white') {
-    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;}"]);
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_19__.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;}"]);
   }
-  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);
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_19__.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_20__["default"].color.gray_8);
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Code);
 
@@ -22188,14 +22194,17 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var CodeBlock = function CodeBlock(props) {
-  var header = props.header,
+  var className = props.className,
+    header = props.header,
     code = props.code,
     lang = props.lang,
     max_height = props.max_height,
     themeProp = props.theme,
     lineNumbers = props.lineNumbers,
-    copyButton = props.copyButton;
+    copyButton = props.copyButton,
+    onCopy = props.onCopy;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockWrapper, {
+    className: className,
     "data-testid": "code_block"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockHeader, {
     $theme: themeProp
@@ -22205,7 +22214,8 @@ var CodeBlock = function CodeBlock(props) {
     code: code,
     theme: themeProp,
     lineNumbers: lineNumbers,
-    copyButton: copyButton
+    copyButton: copyButton,
+    onCopy: onCopy
   }));
 };
 CodeBlock.displayName = 'CodeBlock';
@@ -22285,7 +22295,8 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     themeProp = props.theme,
     lineNumbers = props.lineNumbers,
     copyButton = props.copyButton,
-    loading = props.loading;
+    loading = props.loading,
+    onCopy = props.onCopy;
   var codeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockBody, {
     ref: ref,
@@ -22301,7 +22312,8 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
   }), !!copyButton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_copy_button__WEBPACK_IMPORTED_MODULE_6__["default"], {
     code: code,
     theme: themeProp,
-    codeRef: codeRef
+    codeRef: codeRef,
+    onCopy: onCopy
   })), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__["default"], {
     theme: themeProp
   }));
@@ -22389,7 +22401,8 @@ var icon = _icons__WEBPACK_IMPORTED_MODULE_2__["default"].Copy;
 var CopyButton = function CopyButton(props) {
   var code = props.code,
     themeProp = props.theme,
-    codeRef = props.codeRef;
+    codeRef = props.codeRef,
+    onCopy = props.onCopy;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(STATE.READY),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
@@ -22407,6 +22420,7 @@ var CopyButton = function CopyButton(props) {
       success: function success() {
         setState(STATE.SUCCESS);
         resetText();
+        onCopy === null || onCopy === void 0 ? void 0 : onCopy();
       },
       error: function error() {
         setState(STATE.ERROR);
@@ -31064,6 +31078,7 @@ var Label = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
   var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
     font_size: {
+      xxs: 'xxs',
       xs: 'xs',
       sm: 'sm'
     }[props.variant] || 'md',
@@ -31078,7 +31093,7 @@ Label.defaultProps = {
   variant: 'base'
 };
 Label.propTypes = {
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'base', 'lg'])
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xxs', 'xs', 'sm', 'base', 'lg'])
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Label);
 
@@ -31184,19 +31199,16 @@ var Style = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef
   var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getTypographyProps)(props)), {}, {
     font_size: {
       italic_sm: 'sm',
-      code: 'sm',
       italic_xs: 'xs',
-      capitals: 'xs'
+      code: 'sm',
+      code_xxs: 'xxs',
+      capitals: 'xs',
+      capitals_xxs: 'xxs'
     }[props.variant] || 'md',
-    line_height: {
-      italic_lg: 'snug',
-      italic_sm: 'snug'
-    }[props.variant] || 'none',
-    font_family: {
-      code: 'mono'
-    }[props.variant] || 'sans',
+    line_height: ['italic_lg', 'italic_sm'].includes(props.variant) ? 'snug' : 'none',
+    font_family: ['code', 'code_xxs'].includes(props.variant) ? 'mono' : 'sans',
     italic: ['italic_lg', 'italic_sm', 'italic_xs'].includes(props.variant),
-    uppercase: props.variant == 'capitals'
+    uppercase: ['capitals', 'capitals_xxs'].includes(props.variant)
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({
     ref: ref
@@ -31207,7 +31219,7 @@ Style.defaultProps = {
   variant: 'italic_lg'
 };
 Style.propTypes = {
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['italic_lg', 'italic_sm', 'italic_xs', 'code', 'capitals']),
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['italic_lg', 'italic_sm', 'italic_xs', 'code', 'code_xxs', 'capitals', 'capitals_xxs']),
   whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_2__.whiteSpaces)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Style);