@luminati-io/uikit 3.0.8-beta.0 → 3.0.8

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);
 
@@ -22264,6 +22270,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
 /* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./code */ "./src/code/code.js");
 /* harmony import */ var _copy_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./copy_button */ "./src/code/copy_button.js");
+/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./skeleton */ "./src/code/skeleton.js");
 // LICENSE_CODE ZON
 
 
@@ -22275,6 +22282,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
   var code = props.code,
     lang = props.lang,
@@ -22282,14 +22290,15 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     className = props.className,
     themeProp = props.theme,
     lineNumbers = props.lineNumbers,
-    copyButton = props.copyButton;
+    copyButton = props.copyButton,
+    loading = props.loading;
   var codeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockBody, {
     ref: ref,
     className: className,
     max_height: max_height,
     $theme: themeProp
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code__WEBPACK_IMPORTED_MODULE_5__["default"], {
+  }, !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"], {
     ref: codeRef,
     lang: lang,
     text: code,
@@ -22299,6 +22308,8 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     code: code,
     theme: themeProp,
     codeRef: codeRef
+  })), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__["default"], {
+    theme: themeProp
   }));
 });
 CodeSnippet.displayName = 'CodeSnippet';
@@ -22311,7 +22322,8 @@ CodeSnippet.propTypes = {
   max_height: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
   theme: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['black', 'white']),
   lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
-  copyButton: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
+  copyButton: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
+  loading: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
 };
 var CodeBlockBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex).attrs({
   align_items: 'flex-start',
@@ -22502,6 +22514,78 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/code/skeleton.js":
+/*!******************************!*\
+  !*** ./src/code/skeleton.js ***!
+  \******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+var Skeleton = function Skeleton(props) {
+  var themeProp = props.theme;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSkeleton, {
+    $theme: themeProp
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "53px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "223px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "93px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "93px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "157px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "53px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "90px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "187px"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SkeletonBox, {
+    $theme: themeProp,
+    $width: "188px"
+  }));
+};
+var StyledSkeleton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "StyledSkeleton",
+  componentId: "sc-1v7xkdy-0"
+})(["flex:1;display:flex;flex-wrap:wrap;column-gap:16px;row-gap:12px;}"]);
+var SkeletonBox = styled_components__WEBPACK_IMPORTED_MODULE_1___default().span.withConfig({
+  displayName: "SkeletonBox",
+  componentId: "sc-1v7xkdy-1"
+})(["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) {
+  return props.$width;
+}, function (props) {
+  return props.$theme == 'white' ? '#B4B9BD' : '#333335';
+}, function (props) {
+  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%)';
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton);
+
 /***/ }),
 
 /***/ "./src/combo_button/combo_button.js":
@@ -30986,6 +31070,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',
@@ -31000,7 +31085,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);
 
@@ -31106,19 +31191,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
@@ -31129,7 +31211,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);