@flodesk/grain 8.0.0 → 8.1.0
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/es/components/text.js +8 -5
- package/es/types.js +1 -0
- package/package.json +1 -1
package/es/components/text.js
CHANGED
|
@@ -2,7 +2,7 @@ import "core-js/modules/es.object.keys.js";
|
|
|
2
2
|
import "core-js/modules/es.array.index-of.js";
|
|
3
3
|
import "core-js/modules/es.symbol.js";
|
|
4
4
|
import "core-js/modules/es.object.assign.js";
|
|
5
|
-
var _excluded = ["children", "size", "weight", "color", "tag", "hasEllipsis", "ellipsisLines", "align", "letterSpacing", "textTransform", "variant", "trimTop"];
|
|
5
|
+
var _excluded = ["children", "size", "weight", "color", "tag", "display", "hasEllipsis", "ellipsisLines", "align", "letterSpacing", "textTransform", "variant", "trimTop"];
|
|
6
6
|
|
|
7
7
|
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); }
|
|
8
8
|
|
|
@@ -19,10 +19,10 @@ import { css } from '@emotion/react';
|
|
|
19
19
|
import { types } from '../types';
|
|
20
20
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
21
21
|
var variantStyles = {
|
|
22
|
-
caps: /*#__PURE__*/css("font-size:11px;font-weight:", getWeight('medium'), ";text-transform:uppercase;letter-spacing:0.2em;" + (process.env.NODE_ENV === "production" ? "" : ";label:caps;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
caps: /*#__PURE__*/css("font-size:11px;font-weight:", getWeight('medium'), ";text-transform:uppercase;letter-spacing:0.2em;" + (process.env.NODE_ENV === "production" ? "" : ";label:caps;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9XIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJlc3BvbnNpdmVPbmVPZiwgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgY2FwczogY3NzYFxuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGxldHRlci1zcGFjaW5nOiAwLjJlbTtcbiAgYCxcbn07XG5cbmNvbnN0IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgPSBgY2FsYygodmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSAtIDAuNzRlbSkgLyAtMilgO1xuXG5jb25zdCB0cmltVG9wU3R5bGVzID0gY3NzYFxuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgbWFyZ2luLXRvcDogJHtsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0fTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSAoe1xuICBjaGlsZHJlbixcbiAgc2l6ZSA9ICdtJyxcbiAgd2VpZ2h0LFxuICBjb2xvcixcbiAgdGFnID0gJ3NwYW4nLFxuICBkaXNwbGF5ID0gJ2Jsb2NrJyxcbiAgaGFzRWxsaXBzaXMsXG4gIGVsbGlwc2lzTGluZXMsXG4gIGFsaWduLFxuICBsZXR0ZXJTcGFjaW5nLFxuICB0ZXh0VHJhbnNmb3JtLFxuICB2YXJpYW50LFxuICB0cmltVG9wLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7IXZhcmlhbnQgJiZcbiAgICAgICAgYFxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgICAgICAgICAke3RleHRUcmFuc2Zvcm0gJiYgYHRleHQtdHJhbnNmb3JtOiAke3RleHRUcmFuc2Zvcm19YH07XG4gICAgICAgICAgJHtsZXR0ZXJTcGFjaW5nICYmIGBsZXR0ZXItc3BhY2luZzogJHtsZXR0ZXJTcGFjaW5nfWB9O1xuICAgICAgICAgICR7d2VpZ2h0ICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQod2VpZ2h0KX1gfTtcbiAgICAgICAgYH1cblxuICAgICAgICAke3ZhcmlhbnQgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XX1cblxuICAgICAgICBkaXNwbGF5OiAke2Rpc3BsYXl9O1xuICAgICAgICBjb2xvcjogJHtnZXRDb2xvcihjb2xvcil9O1xuICAgICAgICAke2dldFJlc3BvbnNpdmVPbmVPZigndGV4dC1hbGlnbicsIGFsaWduKX07XG5cbiAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgICAkeyFlbGxpcHNpc0xpbmVzICYmIGB3aGl0ZS1zcGFjZTogbm93cmFwYH07XG4gICAgICAgIGB9O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgZWxsaXBzaXNMaW5lcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAgICAgLXdlYmtpdC1saW5lLWNsYW1wOiAke2VsbGlwc2lzTGluZXN9O1xuICAgICAgICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgICAgIGB9O1xuICAgICAgICAke3RyaW1Ub3AgJiYgdHJpbVRvcFN0eWxlc307XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn07XG5cblRleHQucHJvcFR5cGVzID0ge1xuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIHdlaWdodDogdHlwZXMud2VpZ2h0LFxuICBjb2xvcjogdHlwZXMuY29sb3IsXG4gIGFsaWduOiB0eXBlcy5yZXNwb25zaXZlVGV4dEFsaWduLFxuICB0YWc6IHR5cGVzLnRleHRUYWcsXG4gIGhhc0VsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgZWxsaXBzaXNMaW5lczogUHJvcFR5cGVzLm51bWJlcixcbiAgbGV0dGVyU3BhY2luZzogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGV4dFRyYW5zZm9ybTogUHJvcFR5cGVzLm9uZU9mKFsnY2FwaXRhbGl6ZScsICd1cHBlcmNhc2UnLCAnbG93ZXJjYXNlJ10pLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydjYXBzJ10pLFxuICB0cmltVG9wOiBQcm9wVHlwZXMuYm9vbCxcbiAgZGlzcGxheTogdHlwZXMudGV4dERpc3BsYXksXG59O1xuIl19 */")
|
|
23
23
|
};
|
|
24
24
|
var lineHeightAndCapHeightOffset = "calc((var(--grn-lineHeight-global) - 0.74em) / -2)";
|
|
25
|
-
var trimTopStyles = /*#__PURE__*/css("&:before{content:'';margin-top:", lineHeightAndCapHeightOffset, ";display:block;}" + (process.env.NODE_ENV === "production" ? "" : ";label:trimTopStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
var trimTopStyles = /*#__PURE__*/css("&:before{content:'';margin-top:", lineHeightAndCapHeightOffset, ";display:block;}" + (process.env.NODE_ENV === "production" ? "" : ";label:trimTopStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCeUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmVzcG9uc2l2ZU9uZU9mLCBnZXRSZXNwb25zaXZlVGV4dFNpemUsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBjYXBzOiBjc3NgXG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gICAgbGV0dGVyLXNwYWNpbmc6IDAuMmVtO1xuICBgLFxufTtcblxuY29uc3QgbGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldCA9IGBjYWxjKCh2YXIoLS1ncm4tbGluZUhlaWdodC1nbG9iYWwpIC0gMC43NGVtKSAvIC0yKWA7XG5cbmNvbnN0IHRyaW1Ub3BTdHlsZXMgPSBjc3NgXG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBtYXJnaW4tdG9wOiAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9O1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9ICh7XG4gIGNoaWxkcmVuLFxuICBzaXplID0gJ20nLFxuICB3ZWlnaHQsXG4gIGNvbG9yLFxuICB0YWcgPSAnc3BhbicsXG4gIGRpc3BsYXkgPSAnYmxvY2snLFxuICBoYXNFbGxpcHNpcyxcbiAgZWxsaXBzaXNMaW5lcyxcbiAgYWxpZ24sXG4gIGxldHRlclNwYWNpbmcsXG4gIHRleHRUcmFuc2Zvcm0sXG4gIHZhcmlhbnQsXG4gIHRyaW1Ub3AsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHshdmFyaWFudCAmJlxuICAgICAgICBgXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAgICAgICAgICR7dGV4dFRyYW5zZm9ybSAmJiBgdGV4dC10cmFuc2Zvcm06ICR7dGV4dFRyYW5zZm9ybX1gfTtcbiAgICAgICAgICAke2xldHRlclNwYWNpbmcgJiYgYGxldHRlci1zcGFjaW5nOiAke2xldHRlclNwYWNpbmd9YH07XG4gICAgICAgICAgJHt3ZWlnaHQgJiYgYGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCh3ZWlnaHQpfWB9O1xuICAgICAgICBgfVxuXG4gICAgICAgICR7dmFyaWFudCAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdfVxuXG4gICAgICAgIGRpc3BsYXk6ICR7ZGlzcGxheX07XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCd0ZXh0LWFsaWduJywgYWxpZ24pfTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGBcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgICR7IWVsbGlwc2lzTGluZXMgJiYgYHdoaXRlLXNwYWNlOiBub3dyYXBgfTtcbiAgICAgICAgYH07XG5cbiAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICBlbGxpcHNpc0xpbmVzICYmXG4gICAgICAgIGBcbiAgICAgICAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAgICAgICAtd2Via2l0LWxpbmUtY2xhbXA6ICR7ZWxsaXBzaXNMaW5lc307XG4gICAgICAgICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICAgICAgYH07XG4gICAgICAgICR7dHJpbVRvcCAmJiB0cmltVG9wU3R5bGVzfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufTtcblxuVGV4dC5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgd2VpZ2h0OiB0eXBlcy53ZWlnaHQsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYWxpZ246IHR5cGVzLnJlc3BvbnNpdmVUZXh0QWxpZ24sXG4gIHRhZzogdHlwZXMudGV4dFRhZyxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBlbGxpcHNpc0xpbmVzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBsZXR0ZXJTcGFjaW5nOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0ZXh0VHJhbnNmb3JtOiBQcm9wVHlwZXMub25lT2YoWydjYXBpdGFsaXplJywgJ3VwcGVyY2FzZScsICdsb3dlcmNhc2UnXSksXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NhcHMnXSksXG4gIHRyaW1Ub3A6IFByb3BUeXBlcy5ib29sLFxuICBkaXNwbGF5OiB0eXBlcy50ZXh0RGlzcGxheSxcbn07XG4iXX0= */");
|
|
26
26
|
export var Text = function Text(_ref) {
|
|
27
27
|
var children = _ref.children,
|
|
28
28
|
_ref$size = _ref.size,
|
|
@@ -31,6 +31,8 @@ export var Text = function Text(_ref) {
|
|
|
31
31
|
color = _ref.color,
|
|
32
32
|
_ref$tag = _ref.tag,
|
|
33
33
|
tag = _ref$tag === void 0 ? 'span' : _ref$tag,
|
|
34
|
+
_ref$display = _ref.display,
|
|
35
|
+
display = _ref$display === void 0 ? 'block' : _ref$display,
|
|
34
36
|
hasEllipsis = _ref.hasEllipsis,
|
|
35
37
|
ellipsisLines = _ref.ellipsisLines,
|
|
36
38
|
align = _ref.align,
|
|
@@ -42,7 +44,7 @@ export var Text = function Text(_ref) {
|
|
|
42
44
|
|
|
43
45
|
var Tag = tag;
|
|
44
46
|
return ___EmotionJSX(Tag, _extends({
|
|
45
|
-
css: /*#__PURE__*/css(!variant && "\n ".concat(getResponsiveTextSize(size), ";\n ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n ").concat(weight && "font-weight: ".concat(getWeight(weight)), ";\n "), " ", variant && variantStyles[variant], " display:
|
|
47
|
+
css: /*#__PURE__*/css(!variant && "\n ".concat(getResponsiveTextSize(size), ";\n ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n ").concat(weight && "font-weight: ".concat(getWeight(weight)), ";\n "), " ", variant && variantStyles[variant], " display:", display, ";color:", getColor(color), ";", getResponsiveOneOf('text-align', align), ";", hasEllipsis && "\n overflow: hidden;\n text-overflow: ellipsis;\n ".concat(!ellipsisLines && "white-space: nowrap", ";\n "), ";", hasEllipsis && ellipsisLines && "\n display: -webkit-box;\n -webkit-line-clamp: ".concat(ellipsisLines, ";\n -webkit-box-orient: vertical;\n "), ";", trimTop && trimTopStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Text;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlT25lT2YsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGNhcHM6IGNzc2BcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBsZXR0ZXItc3BhY2luZzogMC4yZW07XG4gIGAsXG59O1xuXG5jb25zdCBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0ID0gYGNhbGMoKHZhcigtLWdybi1saW5lSGVpZ2h0LWdsb2JhbCkgLSAwLjc0ZW0pIC8gLTIpYDtcblxuY29uc3QgdHJpbVRvcFN0eWxlcyA9IGNzc2BcbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIG1hcmdpbi10b3A6ICR7bGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldH07XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHNpemUgPSAnbScsXG4gIHdlaWdodCxcbiAgY29sb3IsXG4gIHRhZyA9ICdzcGFuJyxcbiAgZGlzcGxheSA9ICdibG9jaycsXG4gIGhhc0VsbGlwc2lzLFxuICBlbGxpcHNpc0xpbmVzLFxuICBhbGlnbixcbiAgbGV0dGVyU3BhY2luZyxcbiAgdGV4dFRyYW5zZm9ybSxcbiAgdmFyaWFudCxcbiAgdHJpbVRvcCxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAkeyF2YXJpYW50ICYmXG4gICAgICAgIGBcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICAgICAgICAgJHt0ZXh0VHJhbnNmb3JtICYmIGB0ZXh0LXRyYW5zZm9ybTogJHt0ZXh0VHJhbnNmb3JtfWB9O1xuICAgICAgICAgICR7bGV0dGVyU3BhY2luZyAmJiBgbGV0dGVyLXNwYWNpbmc6ICR7bGV0dGVyU3BhY2luZ31gfTtcbiAgICAgICAgICAke3dlaWdodCAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KHdlaWdodCl9YH07XG4gICAgICAgIGB9XG5cbiAgICAgICAgJHt2YXJpYW50ICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF19XG5cbiAgICAgICAgZGlzcGxheTogJHtkaXNwbGF5fTtcbiAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoY29sb3IpfTtcbiAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ3RleHQtYWxpZ24nLCBhbGlnbil9O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgJHshZWxsaXBzaXNMaW5lcyAmJiBgd2hpdGUtc3BhY2U6IG5vd3JhcGB9O1xuICAgICAgICBgfTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGVsbGlwc2lzTGluZXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogJHtlbGxpcHNpc0xpbmVzfTtcbiAgICAgICAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgICAgICBgfTtcbiAgICAgICAgJHt0cmltVG9wICYmIHRyaW1Ub3BTdHlsZXN9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59O1xuXG5UZXh0LnByb3BUeXBlcyA9IHtcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICB3ZWlnaHQ6IHR5cGVzLndlaWdodCxcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxuICBhbGlnbjogdHlwZXMucmVzcG9uc2l2ZVRleHRBbGlnbixcbiAgdGFnOiB0eXBlcy50ZXh0VGFnLFxuICBoYXNFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGVsbGlwc2lzTGluZXM6IFByb3BUeXBlcy5udW1iZXIsXG4gIGxldHRlclNwYWNpbmc6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRleHRUcmFuc2Zvcm06IFByb3BUeXBlcy5vbmVPZihbJ2NhcGl0YWxpemUnLCAndXBwZXJjYXNlJywgJ2xvd2VyY2FzZSddKSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnY2FwcyddKSxcbiAgdHJpbVRvcDogUHJvcFR5cGVzLmJvb2wsXG4gIGRpc3BsYXk6IHR5cGVzLnRleHREaXNwbGF5LFxufTtcbiJdfQ== */")
|
|
46
48
|
}, props), children);
|
|
47
49
|
};
|
|
48
50
|
Text.propTypes = {
|
|
@@ -56,5 +58,6 @@ Text.propTypes = {
|
|
|
56
58
|
letterSpacing: PropTypes.string,
|
|
57
59
|
textTransform: PropTypes.oneOf(['capitalize', 'uppercase', 'lowercase']),
|
|
58
60
|
variant: PropTypes.oneOf(['caps']),
|
|
59
|
-
trimTop: PropTypes.bool
|
|
61
|
+
trimTop: PropTypes.bool,
|
|
62
|
+
display: types.textDisplay
|
|
60
63
|
};
|
package/es/types.js
CHANGED
|
@@ -23,6 +23,7 @@ export var types = {
|
|
|
23
23
|
weight: PropTypes.oneOf(Object.keys(vars.weights)),
|
|
24
24
|
overflow: PropTypes.oneOf(['visible', 'hidden', 'scroll', 'auto']),
|
|
25
25
|
textTag: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'label']),
|
|
26
|
+
textDisplay: PropTypes.oneOf(['block', 'inline-block', 'inline']),
|
|
26
27
|
responsiveColumns: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
|
27
28
|
responsiveRows: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
|
28
29
|
autoFlow: PropTypes.oneOfType([PropTypes.oneOf(autoFlows), PropTypes.string, PropTypes.object]),
|