kui-basic 1.1.19 → 1.1.21

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.
package/dist/index.js CHANGED
@@ -363,11 +363,13 @@ var captionSizes = {
363
363
  },
364
364
  sm: {
365
365
  size: 13,
366
- height: 14
366
+ height: 14,
367
+ high: 20
367
368
  },
368
369
  s: {
369
370
  size: 14,
370
- height: 18
371
+ height: 18,
372
+ high: 22
371
373
  },
372
374
  m: {
373
375
  size: 16,
@@ -397,13 +399,15 @@ Caption.defaultProps = {
397
399
  weight: 400,
398
400
  color: "seventy",
399
401
  colorGroup: "grey",
400
- disableUserSelect: false
402
+ disableUserSelect: false,
403
+ variant: "default"
401
404
  };
402
405
  Caption.displayName = "Caption";
403
406
  Caption.propTypes = {
404
407
  size: PropTypes__default["default"].oneOf(["xs", "sm", "s", "m", "l"]),
405
408
  weight: PropTypes__default["default"].oneOf([400, 500, 600, 700]),
406
- disableUserSelect: PropTypes__default["default"].bool
409
+ disableUserSelect: PropTypes__default["default"].bool,
410
+ variant: PropTypes__default["default"].oneOf(["default", "high"])
407
411
  };
408
412
  var captionSettingsCSS = function captionSettingsCSS(_ref) {
409
413
  var size = _ref.size,
@@ -411,15 +415,16 @@ var captionSettingsCSS = function captionSettingsCSS(_ref) {
411
415
  align = _ref.align,
412
416
  color = _ref.color,
413
417
  colorGroup = _ref.colorGroup,
414
- disSelect = _ref.disSelect;
415
- return /*#__PURE__*/react.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== */");
418
+ disSelect = _ref.disSelect,
419
+ variant = _ref.variant;
420
+ return /*#__PURE__*/react.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== */");
416
421
  };
417
422
  var StyledCaption = /*#__PURE__*/_styled__default["default"]("p", process.env.NODE_ENV === "production" ? {
418
423
  target: "e1ipa12w0"
419
424
  } : {
420
425
  target: "e1ipa12w0",
421
426
  label: "StyledCaption"
422
- })("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= */"));
427
+ })("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= */"));
423
428
 
424
429
  var textVariants = {
425
430
  xs: {