@flodesk/grain 7.9.3 → 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/nav.js +19 -19
- package/es/components/text.js +8 -5
- package/es/types.js +1 -0
- package/package.json +1 -1
package/es/components/nav.js
CHANGED
|
@@ -7,8 +7,8 @@ import { styles } from '../foundational';
|
|
|
7
7
|
import { types } from '../types';
|
|
8
8
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
9
9
|
var directionStyles = {
|
|
10
|
-
row: /*#__PURE__*/css("flex-direction:row;align-items:baseline;.NavItemRoot+.NavItemRoot{margin-left:", getSpace('m'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:row;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
11
|
-
column: /*#__PURE__*/css("flex-direction:column;align-items:start;.NavItemRoot+.NavItemRoot{margin-top:", getSpace('s'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:column;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10
|
+
row: /*#__PURE__*/css("flex-direction:row;align-items:baseline;.NavItemRoot+.NavItemRoot{margin-left:", getSpace('m'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:row;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU1UiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0U3BhY2UsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cbiAgICAuTmF2SXRlbVJvb3QgKyAuTmF2SXRlbVJvb3Qge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7Z2V0U3BhY2UoJ20nKX07XG4gICAgfVxuICBgLFxuICBjb2x1bW46IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcblxuICAgIC5OYXZJdGVtUm9vdCArIC5OYXZJdGVtUm9vdCB7XG4gICAgICBtYXJnaW4tdG9wOiAke2dldFNwYWNlKCdzJyl9O1xuICAgIH1cbiAgYCxcbn07XG5cbmNvbnN0IE5hdlJvb3QgPSBzdHlsZWQubmF2YFxuICBkaXNwbGF5OiBmbGV4O1xuICAkeyh7IGRpcmVjdGlvbiB9KSA9PiBkaXJlY3Rpb25TdHlsZXNbZGlyZWN0aW9uXX07XG4gICR7KHsgc2l6ZSB9KSA9PiBnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuYDtcblxuY29uc3QgTmF2SXRlbVJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGlzQWN0aXZlIH0pID0+ICFpc0FjdGl2ZSAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9YH07XG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9YH07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICB9XG5cbiAgYSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SXRlbSA9ICh7IGNoaWxkcmVuLCBpc0FjdGl2ZSB9KSA9PiAoXG4gIDxOYXZJdGVtUm9vdCBpc0FjdGl2ZT17aXNBY3RpdmV9IGNsYXNzTmFtZT1cIk5hdkl0ZW1Sb290XCI+XG4gICAge2NoaWxkcmVufVxuICA8L05hdkl0ZW1Sb290PlxuKTtcblxuZXhwb3J0IGNvbnN0IE5hdiA9ICh7IGNoaWxkcmVuLCBkaXJlY3Rpb24gPSAncm93Jywgc2l6ZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE5hdlJvb3QgZGlyZWN0aW9uPXtkaXJlY3Rpb259IHNpemU9e3NpemV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTmF2Um9vdD5cbiAgKTtcbn07XG5cbk5hdkl0ZW0ucHJvcFR5cGVzID0ge1xuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5OYXYucHJvcFR5cGVzID0ge1xuICBkaXJlY3Rpb246IFByb3BUeXBlcy5vbmVPZihbJ3JvdycsICdjb2x1bW4nXSksXG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbn07XG4iXX0= */"),
|
|
11
|
+
column: /*#__PURE__*/css("flex-direction:column;align-items:start;.NavItemRoot+.NavItemRoot{margin-top:", getSpace('s'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:column;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJhIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlVGV4dFNpemUsIGdldFNwYWNlLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBkaXJlY3Rpb25TdHlsZXMgPSB7XG4gIHJvdzogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXG4gICAgLk5hdkl0ZW1Sb290ICsgLk5hdkl0ZW1Sb290IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke2dldFNwYWNlKCdtJyl9O1xuICAgIH1cbiAgYCxcbiAgY29sdW1uOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG5cbiAgICAuTmF2SXRlbVJvb3QgKyAuTmF2SXRlbVJvb3Qge1xuICAgICAgbWFyZ2luLXRvcDogJHtnZXRTcGFjZSgncycpfTtcbiAgICB9XG4gIGAsXG59O1xuXG5jb25zdCBOYXZSb290ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgJHsoeyBkaXJlY3Rpb24gfSkgPT4gZGlyZWN0aW9uU3R5bGVzW2RpcmVjdGlvbl19O1xuICAkeyh7IHNpemUgfSkgPT4gZ2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbmA7XG5cbmNvbnN0IE5hdkl0ZW1Sb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiAhaXNBY3RpdmUgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfWB9O1xuICAkeyh7IGlzQWN0aXZlIH0pID0+IGlzQWN0aXZlICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfWB9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuXG4gIGEge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUgfSkgPT4gKFxuICA8TmF2SXRlbVJvb3QgaXNBY3RpdmU9e2lzQWN0aXZlfSBjbGFzc05hbWU9XCJOYXZJdGVtUm9vdFwiPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9OYXZJdGVtUm9vdD5cbik7XG5cbmV4cG9ydCBjb25zdCBOYXYgPSAoeyBjaGlsZHJlbiwgZGlyZWN0aW9uID0gJ3JvdycsIHNpemUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZSb290IGRpcmVjdGlvbj17ZGlyZWN0aW9ufSBzaXplPXtzaXplfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05hdlJvb3Q+XG4gICk7XG59O1xuXG5OYXZJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuTmF2LnByb3BUeXBlcyA9IHtcbiAgZGlyZWN0aW9uOiBQcm9wVHlwZXMub25lT2YoWydyb3cnLCAnY29sdW1uJ10pLFxuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG59O1xuIl19 */")
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
var NavRoot = /*#__PURE__*/_styled("nav", process.env.NODE_ENV === "production" ? {
|
|
@@ -19,46 +19,46 @@ var NavRoot = /*#__PURE__*/_styled("nav", process.env.NODE_ENV === "production"
|
|
|
19
19
|
})("display:flex;", function (_ref) {
|
|
20
20
|
var direction = _ref.direction;
|
|
21
21
|
return directionStyles[direction];
|
|
22
|
-
}, ";"
|
|
22
|
+
}, ";", function (_ref2) {
|
|
23
|
+
var size = _ref2.size;
|
|
24
|
+
return getResponsiveTextSize(size);
|
|
25
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkIwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLCBnZXRTcGFjZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZGlyZWN0aW9uU3R5bGVzID0ge1xuICByb3c6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblxuICAgIC5OYXZJdGVtUm9vdCArIC5OYXZJdGVtUm9vdCB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtnZXRTcGFjZSgnbScpfTtcbiAgICB9XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuXG4gICAgLk5hdkl0ZW1Sb290ICsgLk5hdkl0ZW1Sb290IHtcbiAgICAgIG1hcmdpbi10b3A6ICR7Z2V0U3BhY2UoJ3MnKX07XG4gICAgfVxuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7KHsgZGlyZWN0aW9uIH0pID0+IGRpcmVjdGlvblN0eWxlc1tkaXJlY3Rpb25dfTtcbiAgJHsoeyBzaXplIH0pID0+IGdldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG5gO1xuXG5jb25zdCBOYXZJdGVtUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gIWlzQWN0aXZlICYmIGBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX1gfTtcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiBpc0FjdGl2ZSAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX1gfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gIH1cblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJdGVtID0gKHsgY2hpbGRyZW4sIGlzQWN0aXZlIH0pID0+IChcbiAgPE5hdkl0ZW1Sb290IGlzQWN0aXZlPXtpc0FjdGl2ZX0gY2xhc3NOYW1lPVwiTmF2SXRlbVJvb3RcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvTmF2SXRlbVJvb3Q+XG4pO1xuXG5leHBvcnQgY29uc3QgTmF2ID0gKHsgY2hpbGRyZW4sIGRpcmVjdGlvbiA9ICdyb3cnLCBzaXplIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2Um9vdCBkaXJlY3Rpb249e2RpcmVjdGlvbn0gc2l6ZT17c2l6ZX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZSb290PlxuICApO1xufTtcblxuTmF2SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxufTtcbiJdfQ== */"));
|
|
23
26
|
|
|
24
27
|
var NavItemRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
25
28
|
target: "esn928h0"
|
|
26
29
|
} : {
|
|
27
30
|
target: "esn928h0",
|
|
28
31
|
label: "NavItemRoot"
|
|
29
|
-
})(function (
|
|
30
|
-
var isActive = _ref2.isActive;
|
|
31
|
-
return !isActive && "color: ".concat(getColor('content2'));
|
|
32
|
-
}, ";", function (_ref3) {
|
|
32
|
+
})(function (_ref3) {
|
|
33
33
|
var isActive = _ref3.isActive;
|
|
34
|
-
return isActive && "
|
|
34
|
+
return !isActive && "color: ".concat(getColor('content2'));
|
|
35
35
|
}, ";", function (_ref4) {
|
|
36
|
-
var
|
|
37
|
-
return
|
|
38
|
-
}, ";cursor:pointer;", styles.transitions, ";&:hover{color:inherit;}a{color:inherit;text-decoration:none;display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
var isActive = _ref4.isActive;
|
|
37
|
+
return isActive && "font-weight: ".concat(getWeight('medium'));
|
|
38
|
+
}, ";cursor:pointer;", styles.transitions, ";&:hover{color:inherit;}a{color:inherit;text-decoration:none;display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUM4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLCBnZXRTcGFjZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZGlyZWN0aW9uU3R5bGVzID0ge1xuICByb3c6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblxuICAgIC5OYXZJdGVtUm9vdCArIC5OYXZJdGVtUm9vdCB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtnZXRTcGFjZSgnbScpfTtcbiAgICB9XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuXG4gICAgLk5hdkl0ZW1Sb290ICsgLk5hdkl0ZW1Sb290IHtcbiAgICAgIG1hcmdpbi10b3A6ICR7Z2V0U3BhY2UoJ3MnKX07XG4gICAgfVxuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7KHsgZGlyZWN0aW9uIH0pID0+IGRpcmVjdGlvblN0eWxlc1tkaXJlY3Rpb25dfTtcbiAgJHsoeyBzaXplIH0pID0+IGdldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG5gO1xuXG5jb25zdCBOYXZJdGVtUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gIWlzQWN0aXZlICYmIGBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX1gfTtcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiBpc0FjdGl2ZSAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX1gfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gIH1cblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJdGVtID0gKHsgY2hpbGRyZW4sIGlzQWN0aXZlIH0pID0+IChcbiAgPE5hdkl0ZW1Sb290IGlzQWN0aXZlPXtpc0FjdGl2ZX0gY2xhc3NOYW1lPVwiTmF2SXRlbVJvb3RcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvTmF2SXRlbVJvb3Q+XG4pO1xuXG5leHBvcnQgY29uc3QgTmF2ID0gKHsgY2hpbGRyZW4sIGRpcmVjdGlvbiA9ICdyb3cnLCBzaXplIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2Um9vdCBkaXJlY3Rpb249e2RpcmVjdGlvbn0gc2l6ZT17c2l6ZX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZSb290PlxuICApO1xufTtcblxuTmF2SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxufTtcbiJdfQ== */"));
|
|
39
39
|
|
|
40
40
|
export var NavItem = function NavItem(_ref5) {
|
|
41
41
|
var children = _ref5.children,
|
|
42
|
-
isActive = _ref5.isActive
|
|
43
|
-
size = _ref5.size;
|
|
42
|
+
isActive = _ref5.isActive;
|
|
44
43
|
return ___EmotionJSX(NavItemRoot, {
|
|
45
44
|
isActive: isActive,
|
|
46
|
-
size: size,
|
|
47
45
|
className: "NavItemRoot"
|
|
48
46
|
}, children);
|
|
49
47
|
};
|
|
50
48
|
export var Nav = function Nav(_ref6) {
|
|
51
49
|
var children = _ref6.children,
|
|
52
50
|
_ref6$direction = _ref6.direction,
|
|
53
|
-
direction = _ref6$direction === void 0 ? 'row' : _ref6$direction
|
|
51
|
+
direction = _ref6$direction === void 0 ? 'row' : _ref6$direction,
|
|
52
|
+
size = _ref6.size;
|
|
54
53
|
return ___EmotionJSX(NavRoot, {
|
|
55
|
-
direction: direction
|
|
54
|
+
direction: direction,
|
|
55
|
+
size: size
|
|
56
56
|
}, children);
|
|
57
57
|
};
|
|
58
58
|
NavItem.propTypes = {
|
|
59
|
-
isActive: PropTypes.bool
|
|
60
|
-
size: types.responsiveTextSize
|
|
59
|
+
isActive: PropTypes.bool
|
|
61
60
|
};
|
|
62
61
|
Nav.propTypes = {
|
|
63
|
-
direction: PropTypes.oneOf(['row', 'column'])
|
|
62
|
+
direction: PropTypes.oneOf(['row', 'column']),
|
|
63
|
+
size: types.responsiveTextSize
|
|
64
64
|
};
|
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]),
|