kui-basic 1.1.19 → 1.1.21

package/dist/index.d.ts

@@ -149,6 +149,8 @@ declare const theme: ThemeInterface
 
 type CaptionSizes = "xs" | "sm" | "s" | "m" | "l"
 
+type CaptionVariants = "default" | "high"
+
 type CaptionWeight = 400 | 500 | 600 | 700
 
 type CaptionAlign = "center" | "right" | "left"
@@ -173,6 +175,7 @@ interface CaptionProps
   disableUserSelect?: boolean
   align?: CaptionAlign
   colorGroup?: CaptionColorGroups
+  variant?: CaptionVariants
 }
 
 type CaptionType = (props: CaptionProps) => React.ReactElement
@@ -808,4 +811,4 @@ interface ErrorComponentProps
 
 declare const ErrorComponent: (props: ErrorComponentProps) => React.ReactElement
 
-export { Accordion, AccordionDetails, AccordionDetailsType, AccordionProps, AccordionSummary, AccordionSummaryProps, AccordionSummaryType, AccordionType, AppBar, AppBarProps, AppBarType, BackgroundColors, BackgroundColorsType, Box, BoxProps, BoxSizing, BoxType, BrandColors, BreakpointsType, Button, ButtonBorder, ButtonProps, ButtonSizes, ButtonThemes, ButtonType, ButtonTypes, Caption, CaptionAlign, CaptionColorGroups, CaptionColors, CaptionProps, CaptionSizes, CaptionType, CaptionWeight, Checkbox, CheckboxProps, CheckboxType, CircularProgress, CircularProgressType, ColorOption, ColorsType, Container, ContainerType, CountryItem, Divider, DividerProps, DividerType, ErrorColorsType, ErrorComponent, ErrorComponentProps, GreyColors, Grid, GridAlignItems, GridDirections, GridJustify, GridProps, GridSizing, GridType, GridWrap, Heading, HeadingColorGroups, HeadingColors, HeadingProps, HeadingSizes, HeadingType, IconButton, IconButtonProps, IconButtonType, InfoColorsType, Input, InputFile, InputFileProps, InputFileType, InputMessage, InputMessageProps, InputMessageType, InputMessageVariant, InputProps, InputType, InputWithAdornments, InputWithAdornmentsProps, InputWithAdornmentsType, InputWithCountryDropdown, InputWithCountryDropdownProps, InputWithCountryDropdownType, InputWithMask, InputWithMaskProps, InputWithMaskType, LinearProgress, LinearProgressType, MenuPanel, MenuPanelProps, MenuPanelType, Modal, ModalProps, ModalSizes, ModalType, Palette, Popper, PopperProps, PopperSizeParams, PrimaryColorsType, PurpleColorsType, Radio, RadioProps, RadioType, SecondaryColorsType, SettingsType, ShadowsType, Skeleton, SkeletonType, SuccessColorsType, Switch, SwitchProps, SwitchSizes, SwitchType, Tab, TabChangeHandlerType, TabProps, TabType, Tabs, TabsIndicatorPositions, TabsPanel, TabsPanelProps, TabsPanelType, TabsProps, TabsType, Text, TextColors, TextProps, TextSizes, TextType, TextWeight, ThemeInterface, ThemeType, ToolBar, ToolBarType, Tooltip, TooltipProps, TooltipStylesProps, theme, themeOld };
+export { Accordion, AccordionDetails, AccordionDetailsType, AccordionProps, AccordionSummary, AccordionSummaryProps, AccordionSummaryType, AccordionType, AppBar, AppBarProps, AppBarType, BackgroundColors, BackgroundColorsType, Box, BoxProps, BoxSizing, BoxType, BrandColors, BreakpointsType, Button, ButtonBorder, ButtonProps, ButtonSizes, ButtonThemes, ButtonType, ButtonTypes, Caption, CaptionAlign, CaptionColorGroups, CaptionColors, CaptionProps, CaptionSizes, CaptionType, CaptionVariants, CaptionWeight, Checkbox, CheckboxProps, CheckboxType, CircularProgress, CircularProgressType, ColorOption, ColorsType, Container, ContainerType, CountryItem, Divider, DividerProps, DividerType, ErrorColorsType, ErrorComponent, ErrorComponentProps, GreyColors, Grid, GridAlignItems, GridDirections, GridJustify, GridProps, GridSizing, GridType, GridWrap, Heading, HeadingColorGroups, HeadingColors, HeadingProps, HeadingSizes, HeadingType, IconButton, IconButtonProps, IconButtonType, InfoColorsType, Input, InputFile, InputFileProps, InputFileType, InputMessage, InputMessageProps, InputMessageType, InputMessageVariant, InputProps, InputType, InputWithAdornments, InputWithAdornmentsProps, InputWithAdornmentsType, InputWithCountryDropdown, InputWithCountryDropdownProps, InputWithCountryDropdownType, InputWithMask, InputWithMaskProps, InputWithMaskType, LinearProgress, LinearProgressType, MenuPanel, MenuPanelProps, MenuPanelType, Modal, ModalProps, ModalSizes, ModalType, Palette, Popper, PopperProps, PopperSizeParams, PrimaryColorsType, PurpleColorsType, Radio, RadioProps, RadioType, SecondaryColorsType, SettingsType, ShadowsType, Skeleton, SkeletonType, SuccessColorsType, Switch, SwitchProps, SwitchSizes, SwitchType, Tab, TabChangeHandlerType, TabProps, TabType, Tabs, TabsIndicatorPositions, TabsPanel, TabsPanelProps, TabsPanelType, TabsProps, TabsType, Text, TextColors, TextProps, TextSizes, TextType, TextWeight, ThemeInterface, ThemeType, ToolBar, ToolBarType, Tooltip, TooltipProps, TooltipStylesProps, theme, themeOld };

package/dist/index.es.js

@@ -351,11 +351,13 @@ var captionSizes = {
   },
   sm: {
     size: 13,
-    height: 14
+    height: 14,
+    high: 20
   },
   s: {
     size: 14,
-    height: 18
+    height: 18,
+    high: 22
   },
   m: {
     size: 16,
@@ -385,13 +387,15 @@ Caption.defaultProps = {
   weight: 400,
   color: "seventy",
   colorGroup: "grey",
-  disableUserSelect: false
+  disableUserSelect: false,
+  variant: "default"
 };
 Caption.displayName = "Caption";
 Caption.propTypes = {
   size: PropTypes.oneOf(["xs", "sm", "s", "m", "l"]),
   weight: PropTypes.oneOf([400, 500, 600, 700]),
-  disableUserSelect: PropTypes.bool
+  disableUserSelect: PropTypes.bool,
+  variant: PropTypes.oneOf(["default", "high"])
 };
 var captionSettingsCSS = function captionSettingsCSS(_ref) {
   var size = _ref.size,
@@ -399,15 +403,16 @@ var captionSettingsCSS = function captionSettingsCSS(_ref) {
     align = _ref.align,
     color = _ref.color,
     colorGroup = _ref.colorGroup,
-    disSelect = _ref.disSelect;
-  return /*#__PURE__*/css("font-size:", size.size, "px;line-height:", size.height, "px;font-weight:", weight, ";text-align:", align, ";", disSelect && "user-select: none", ";color:", theme.palette[colorGroup][color] ? theme.palette[colorGroup][color] : theme.palette.grey.seventy, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionSettingsCSS;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDUyIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBjYXB0aW9uU2l6ZXMgZnJvbSBcIi4vdmFyaWFudHNcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5mdW5jdGlvbiBDYXB0aW9uKHByb3BzKSB7XG4gIGNvbnN0IHsgY2hpbGRyZW4sIHNpemUsIGNsYXNzTmFtZSwgLi4ub3RoZXJQcm9wcyB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXB0aW9uXG4gICAgICBzaXplPXtjYXB0aW9uU2l6ZXNbc2l6ZV19XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktQ2FwdGlvblwiLCBjbGFzc05hbWUpfVxuICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ2FwdGlvbj5cbiAgKVxufVxuXG5DYXB0aW9uLmRlZmF1bHRQcm9wcyA9IHtcbiAgc2l6ZTogXCJtXCIsXG4gIHdlaWdodDogNDAwLFxuICBjb2xvcjogXCJzZXZlbnR5XCIsXG4gIGNvbG9yR3JvdXA6IFwiZ3JleVwiLFxuICBkaXNhYmxlVXNlclNlbGVjdDogZmFsc2UsXG59XG5cbkNhcHRpb24uZGlzcGxheU5hbWUgPSBcIkNhcHRpb25cIlxuXG5DYXB0aW9uLnByb3BUeXBlcyA9IHtcbiAgc2l6ZTogUHJvcFR5cGVzLm9uZU9mKFtcInhzXCIsIFwic21cIiwgXCJzXCIsIFwibVwiLCBcImxcIl0pLFxuICB3ZWlnaHQ6IFByb3BUeXBlcy5vbmVPZihbNDAwLCA1MDAsIDYwMCwgNzAwXSksXG4gIGRpc2FibGVVc2VyU2VsZWN0OiBQcm9wVHlwZXMuYm9vbCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ2FwdGlvblxuXG5jb25zdCBjYXB0aW9uU2V0dGluZ3NDU1MgPSAoe1xuICBzaXplLFxuICB3ZWlnaHQsXG4gIGFsaWduLFxuICBjb2xvcixcbiAgY29sb3JHcm91cCxcbiAgZGlzU2VsZWN0LFxufSkgPT4gY3NzYFxuICBmb250LXNpemU6ICR7c2l6ZS5zaXplfXB4O1xuICBsaW5lLWhlaWdodDogJHtzaXplLmhlaWdodH1weDtcbiAgZm9udC13ZWlnaHQ6ICR7d2VpZ2h0fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG4gICR7ZGlzU2VsZWN0ICYmIFwidXNlci1zZWxlY3Q6IG5vbmVcIn07XG4gIGNvbG9yOiAke3RoZW1lLnBhbGV0dGVbY29sb3JHcm91cF1bY29sb3JdXG4gICAgPyB0aGVtZS5wYWxldHRlW2NvbG9yR3JvdXBdW2NvbG9yXVxuICAgIDogdGhlbWUucGFsZXR0ZS5ncmV5LnNldmVudHl9O1xuYFxuXG5jb25zdCBTdHlsZWRDYXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiBcIkludGVyXCIsIHNhbnMtc2VyaWY7XG4gIGxldHRlci1zcGFjaW5nOiBub3JtYWw7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBtYXJnaW46IDA7XG4gICR7Y2FwdGlvblNldHRpbmdzQ1NTfTtcbmBcbiJdfQ== */");
+    disSelect = _ref.disSelect,
+    variant = _ref.variant;
+  return /*#__PURE__*/css("font-size:", size.size, "px;line-height:", variant === "high" ? size.high || size.height : size.height, "px;font-weight:", weight, ";text-align:", align, ";", disSelect && "user-select: none", ";color:", theme.palette[colorGroup][color] ? theme.palette[colorGroup][color] : theme.palette.grey.seventy, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionSettingsCSS;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEUyIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBjYXB0aW9uU2l6ZXMgZnJvbSBcIi4vdmFyaWFudHNcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5mdW5jdGlvbiBDYXB0aW9uKHByb3BzKSB7XG4gIGNvbnN0IHsgY2hpbGRyZW4sIHNpemUsIGNsYXNzTmFtZSwgLi4ub3RoZXJQcm9wcyB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXB0aW9uXG4gICAgICBzaXplPXtjYXB0aW9uU2l6ZXNbc2l6ZV19XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktQ2FwdGlvblwiLCBjbGFzc05hbWUpfVxuICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ2FwdGlvbj5cbiAgKVxufVxuXG5DYXB0aW9uLmRlZmF1bHRQcm9wcyA9IHtcbiAgc2l6ZTogXCJtXCIsXG4gIHdlaWdodDogNDAwLFxuICBjb2xvcjogXCJzZXZlbnR5XCIsXG4gIGNvbG9yR3JvdXA6IFwiZ3JleVwiLFxuICBkaXNhYmxlVXNlclNlbGVjdDogZmFsc2UsXG4gIHZhcmlhbnQ6IFwiZGVmYXVsdFwiLFxufVxuXG5DYXB0aW9uLmRpc3BsYXlOYW1lID0gXCJDYXB0aW9uXCJcblxuQ2FwdGlvbi5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IFByb3BUeXBlcy5vbmVPZihbXCJ4c1wiLCBcInNtXCIsIFwic1wiLCBcIm1cIiwgXCJsXCJdKSxcbiAgd2VpZ2h0OiBQcm9wVHlwZXMub25lT2YoWzQwMCwgNTAwLCA2MDAsIDcwMF0pLFxuICBkaXNhYmxlVXNlclNlbGVjdDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbXCJkZWZhdWx0XCIsIFwiaGlnaFwiXSksXG59XG5cbmV4cG9ydCBkZWZhdWx0IENhcHRpb25cblxuY29uc3QgY2FwdGlvblNldHRpbmdzQ1NTID0gKHtcbiAgc2l6ZSxcbiAgd2VpZ2h0LFxuICBhbGlnbixcbiAgY29sb3IsXG4gIGNvbG9yR3JvdXAsXG4gIGRpc1NlbGVjdCxcbiAgdmFyaWFudCxcbn0pID0+IGNzc2BcbiAgZm9udC1zaXplOiAke3NpemUuc2l6ZX1weDtcbiAgbGluZS1oZWlnaHQ6ICR7dmFyaWFudCA9PT0gXCJoaWdoXCIgPyBzaXplLmhpZ2ggfHwgc2l6ZS5oZWlnaHQgOiBzaXplLmhlaWdodH1weDtcbiAgZm9udC13ZWlnaHQ6ICR7d2VpZ2h0fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG4gICR7ZGlzU2VsZWN0ICYmIFwidXNlci1zZWxlY3Q6IG5vbmVcIn07XG4gIGNvbG9yOiAke3RoZW1lLnBhbGV0dGVbY29sb3JHcm91cF1bY29sb3JdXG4gICAgPyB0aGVtZS5wYWxldHRlW2NvbG9yR3JvdXBdW2NvbG9yXVxuICAgIDogdGhlbWUucGFsZXR0ZS5ncmV5LnNldmVudHl9O1xuYFxuXG5jb25zdCBTdHlsZWRDYXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiBcIkludGVyXCIsIHNhbnMtc2VyaWY7XG4gIGxldHRlci1zcGFjaW5nOiBub3JtYWw7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBtYXJnaW46IDA7XG4gICR7Y2FwdGlvblNldHRpbmdzQ1NTfTtcbmBcbiJdfQ== */");
 };
 var StyledCaption = /*#__PURE__*/_styled("p", process.env.NODE_ENV === "production" ? {
   target: "e1ipa12w0"
 } : {
   target: "e1ipa12w0",
   label: "StyledCaption"
-})("font-family:\"Inter\",sans-serif;letter-spacing:normal;text-transform:none;margin:0;", captionSettingsCSS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEOEIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgY2FwdGlvblNpemVzIGZyb20gXCIuL3ZhcmlhbnRzXCJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCJcblxuZnVuY3Rpb24gQ2FwdGlvbihwcm9wcykge1xuICBjb25zdCB7IGNoaWxkcmVuLCBzaXplLCBjbGFzc05hbWUsIC4uLm90aGVyUHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FwdGlvblxuICAgICAgc2l6ZT17Y2FwdGlvblNpemVzW3NpemVdfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUNhcHRpb25cIiwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENhcHRpb24+XG4gIClcbn1cblxuQ2FwdGlvbi5kZWZhdWx0UHJvcHMgPSB7XG4gIHNpemU6IFwibVwiLFxuICB3ZWlnaHQ6IDQwMCxcbiAgY29sb3I6IFwic2V2ZW50eVwiLFxuICBjb2xvckdyb3VwOiBcImdyZXlcIixcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IGZhbHNlLFxufVxuXG5DYXB0aW9uLmRpc3BsYXlOYW1lID0gXCJDYXB0aW9uXCJcblxuQ2FwdGlvbi5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IFByb3BUeXBlcy5vbmVPZihbXCJ4c1wiLCBcInNtXCIsIFwic1wiLCBcIm1cIiwgXCJsXCJdKSxcbiAgd2VpZ2h0OiBQcm9wVHlwZXMub25lT2YoWzQwMCwgNTAwLCA2MDAsIDcwMF0pLFxuICBkaXNhYmxlVXNlclNlbGVjdDogUHJvcFR5cGVzLmJvb2wsXG59XG5cbmV4cG9ydCBkZWZhdWx0IENhcHRpb25cblxuY29uc3QgY2FwdGlvblNldHRpbmdzQ1NTID0gKHtcbiAgc2l6ZSxcbiAgd2VpZ2h0LFxuICBhbGlnbixcbiAgY29sb3IsXG4gIGNvbG9yR3JvdXAsXG4gIGRpc1NlbGVjdCxcbn0pID0+IGNzc2BcbiAgZm9udC1zaXplOiAke3NpemUuc2l6ZX1weDtcbiAgbGluZS1oZWlnaHQ6ICR7c2l6ZS5oZWlnaHR9cHg7XG4gIGZvbnQtd2VpZ2h0OiAke3dlaWdodH07XG4gIHRleHQtYWxpZ246ICR7YWxpZ259O1xuICAke2Rpc1NlbGVjdCAmJiBcInVzZXItc2VsZWN0OiBub25lXCJ9O1xuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlW2NvbG9yR3JvdXBdW2NvbG9yXVxuICAgID8gdGhlbWUucGFsZXR0ZVtjb2xvckdyb3VwXVtjb2xvcl1cbiAgICA6IHRoZW1lLnBhbGV0dGUuZ3JleS5zZXZlbnR5fTtcbmBcblxuY29uc3QgU3R5bGVkQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICBmb250LWZhbWlseTogXCJJbnRlclwiLCBzYW5zLXNlcmlmO1xuICBsZXR0ZXItc3BhY2luZzogbm9ybWFsO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICAke2NhcHRpb25TZXR0aW5nc0NTU307XG5gXG4iXX0= */"));
+})("font-family:\"Inter\",sans-serif;letter-spacing:normal;text-transform:none;margin:0;", captionSettingsCSS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEOEIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgY2FwdGlvblNpemVzIGZyb20gXCIuL3ZhcmlhbnRzXCJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCJcblxuZnVuY3Rpb24gQ2FwdGlvbihwcm9wcykge1xuICBjb25zdCB7IGNoaWxkcmVuLCBzaXplLCBjbGFzc05hbWUsIC4uLm90aGVyUHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FwdGlvblxuICAgICAgc2l6ZT17Y2FwdGlvblNpemVzW3NpemVdfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUNhcHRpb25cIiwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENhcHRpb24+XG4gIClcbn1cblxuQ2FwdGlvbi5kZWZhdWx0UHJvcHMgPSB7XG4gIHNpemU6IFwibVwiLFxuICB3ZWlnaHQ6IDQwMCxcbiAgY29sb3I6IFwic2V2ZW50eVwiLFxuICBjb2xvckdyb3VwOiBcImdyZXlcIixcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IGZhbHNlLFxuICB2YXJpYW50OiBcImRlZmF1bHRcIixcbn1cblxuQ2FwdGlvbi5kaXNwbGF5TmFtZSA9IFwiQ2FwdGlvblwiXG5cbkNhcHRpb24ucHJvcFR5cGVzID0ge1xuICBzaXplOiBQcm9wVHlwZXMub25lT2YoW1wieHNcIiwgXCJzbVwiLCBcInNcIiwgXCJtXCIsIFwibFwiXSksXG4gIHdlaWdodDogUHJvcFR5cGVzLm9uZU9mKFs0MDAsIDUwMCwgNjAwLCA3MDBdKSxcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoW1wiZGVmYXVsdFwiLCBcImhpZ2hcIl0pLFxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXB0aW9uXG5cbmNvbnN0IGNhcHRpb25TZXR0aW5nc0NTUyA9ICh7XG4gIHNpemUsXG4gIHdlaWdodCxcbiAgYWxpZ24sXG4gIGNvbG9yLFxuICBjb2xvckdyb3VwLFxuICBkaXNTZWxlY3QsXG4gIHZhcmlhbnQsXG59KSA9PiBjc3NgXG4gIGZvbnQtc2l6ZTogJHtzaXplLnNpemV9cHg7XG4gIGxpbmUtaGVpZ2h0OiAke3ZhcmlhbnQgPT09IFwiaGlnaFwiID8gc2l6ZS5oaWdoIHx8IHNpemUuaGVpZ2h0IDogc2l6ZS5oZWlnaHR9cHg7XG4gIGZvbnQtd2VpZ2h0OiAke3dlaWdodH07XG4gIHRleHQtYWxpZ246ICR7YWxpZ259O1xuICAke2Rpc1NlbGVjdCAmJiBcInVzZXItc2VsZWN0OiBub25lXCJ9O1xuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlW2NvbG9yR3JvdXBdW2NvbG9yXVxuICAgID8gdGhlbWUucGFsZXR0ZVtjb2xvckdyb3VwXVtjb2xvcl1cbiAgICA6IHRoZW1lLnBhbGV0dGUuZ3JleS5zZXZlbnR5fTtcbmBcblxuY29uc3QgU3R5bGVkQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICBmb250LWZhbWlseTogXCJJbnRlclwiLCBzYW5zLXNlcmlmO1xuICBsZXR0ZXItc3BhY2luZzogbm9ybWFsO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICAke2NhcHRpb25TZXR0aW5nc0NTU307XG5gXG4iXX0= */"));
 
 var textVariants = {
   xs: {