@flodesk/grain 6.3.3 → 6.3.5
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.
|
@@ -51,8 +51,8 @@ export var Dropdown = function Dropdown(_ref2) {
|
|
|
51
51
|
}))));
|
|
52
52
|
};
|
|
53
53
|
Dropdown.propTypes = {
|
|
54
|
-
trigger: PropTypes.node,
|
|
55
|
-
options: PropTypes.array,
|
|
54
|
+
trigger: PropTypes.node.isRequired,
|
|
55
|
+
options: PropTypes.array.isRequired,
|
|
56
56
|
menuPlacement: types.menuPlacement,
|
|
57
57
|
menuWidth: types.dimension,
|
|
58
58
|
menuZIndex: types.zIndex
|
|
@@ -29,19 +29,19 @@ var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
|
|
|
29
29
|
} : {
|
|
30
30
|
target: "e9umpvt1",
|
|
31
31
|
label: "Wrapper"
|
|
32
|
-
})("display:flex;border:", strokeSize, " solid ", getColor('border2'), ";border-radius:var(--grn-radius-s);width:fit-content;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
32
|
+
})("display:flex;border:", strokeSize, " solid ", getColor('border2'), ";border-radius:var(--grn-radius-s);width:fit-content;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuY29uc3Qgd2lkdGggPSBgY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gKyAycHgpYDtcbmNvbnN0IGhlaWdodCA9IGBjYWxjKCR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fSAtIGNhbGMoJHtzdHJva2VTaXplfSAqIDIpKWA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXI6ICR7c3Ryb2tlU2l6ZX0gc29saWQgJHtnZXRDb2xvcignYm9yZGVyMicpfTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXJhZGl1cy1zKTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLWxlZnQ6ICR7c3Ryb2tlU2l6ZX0gc29saWQgdmFyKC0tYm9yZGVyQ29sb3IpO1xuICBwYWRkaW5nOiAwO1xuICBtaW4td2lkdGg6ICR7d2lkdGh9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItaWNvbik7XG4gIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uRGVmYXVsdH07XG5cbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiBpc0FjdGl2ZSAmJiBgLS1ncm4tY29sb3ItaWNvbjogJHtnZXRDb2xvcignY29udGVudCcpfWB9O1xuXG4gICY6aG92ZXIge1xuICAgIC0tZ3JuLWNvbG9yLWljb246ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cblxuICAmICsgLkljb25Ub2dnbGUge1xuICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWJvcmRlcjIpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuICAgIGJveC1zaGFkb3c6IDAgMCAwICR7c3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gICAgJHtwID0+XG4gICAgICBwLmlzQWN0aXZlICYmXG4gICAgICBgXG4gICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgICAtLWJvcmRlckNvbG9yOiAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgIGB9O1xuICB9XG5cbiAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICBtaW4td2lkdGg6IGNhbGMoJHt3aWR0aH0gLSAke3N0cm9rZVNpemV9KTtcbiAgfVxuXG4gICY6Zmlyc3Qtb2YtdHlwZTphZnRlciB7XG4gICAgd2lkdGg6IGNhbGMoMTAwJSArICR7c3Ryb2tlU2l6ZX0pO1xuICAgIGxlZnQ6IC0ke3N0cm9rZVNpemV9O1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcykgMCAwIHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIH1cblxuICAmOmxhc3QtY2hpbGQ6YWZ0ZXIge1xuICAgIGJvcmRlci1yYWRpdXM6IDAgdmFyKC0tZ3JuLXJhZGl1cy1zKSB2YXIoLS1ncm4tcmFkaXVzLXMpIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgaWNvbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlciByZWY9e3JlZn0gY2xhc3NOYW1lPVwiSWNvblRvZ2dsZVwiIGlzQWN0aXZlPXtpc0FjdGl2ZX0gb25DbGljaz17b25DbGlja30gey4uLnByb3BzfT5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGVHcm91cCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8V3JhcHBlciByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbikpO1xuXG5JY29uVG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5JY29uVG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiB0eXBlcy5pY29uLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
|
|
33
33
|
|
|
34
34
|
var ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
35
35
|
target: "e9umpvt0"
|
|
36
36
|
} : {
|
|
37
37
|
target: "e9umpvt0",
|
|
38
38
|
label: "ItemWrapper"
|
|
39
|
-
})(styles.buttonReset, ";--borderColor:transparent;border:none;border-left:", strokeSize, " solid var(--borderColor);padding:0;min-width:", width, ";height:", height, ";background-color:transparent;display:flex;align-items:center;justify-content:center;position:relative;color:var(--grn-color-icon);", function (_ref) {
|
|
39
|
+
})(styles.buttonReset, ";--borderColor:transparent;border:none;border-left:", strokeSize, " solid var(--borderColor);padding:0;min-width:", width, ";height:", height, ";background-color:transparent;display:flex;align-items:center;justify-content:center;position:relative;color:var(--grn-color-icon);transition:", componentVars.transitionDefault, ";", function (_ref) {
|
|
40
40
|
var isActive = _ref.isActive;
|
|
41
41
|
return isActive && "--grn-color-icon: ".concat(getColor('content'));
|
|
42
42
|
}, ";&:hover{--grn-color-icon:", getColor('content'), ";}&+.IconToggle{border-color:var(--grn-color-border2);}&:after{content:'';pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;transition:", componentVars.transitionDefault, ";box-shadow:0 0 0 ", strokeSize, " var(--borderColor);", function (p) {
|
|
43
43
|
return p.isActive && "\n transition: ".concat(componentVars.transitionActive, ";\n --borderColor: ").concat(componentVars.activeBorderColor, ";\n ");
|
|
44
|
-
}, ";}&:first-of-type{min-width:calc(", width, " - ", strokeSize, ");}&:first-of-type:after{width:calc(100% + ", strokeSize, ");left:-", strokeSize, ";border-radius:var(--grn-radius-s) 0 0 var(--grn-radius-s);}&:last-child:after{border-radius:0 var(--grn-radius-s) var(--grn-radius-s) 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
44
|
+
}, ";}&:first-of-type{min-width:calc(", width, " - ", strokeSize, ");}&:first-of-type:after{width:calc(100% + ", strokeSize, ");left:-", strokeSize, ";border-radius:var(--grn-radius-s) 0 0 var(--grn-radius-s);}&:last-child:after{border-radius:0 var(--grn-radius-s) var(--grn-radius-s) 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcbmNvbnN0IHdpZHRoID0gYGNhbGMoJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9ICsgMnB4KWA7XG5jb25zdCBoZWlnaHQgPSBgY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gLSBjYWxjKCR7c3Ryb2tlU2l6ZX0gKiAyKSlgO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcblxuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1sZWZ0OiAke3N0cm9rZVNpemV9IHNvbGlkIHZhcigtLWJvcmRlckNvbG9yKTtcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiAke3dpZHRofTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWljb24pO1xuICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuXG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYC0tZ3JuLWNvbG9yLWljb246ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX1gfTtcblxuICAmOmhvdmVyIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5cbiAgJiArIC5JY29uVG9nZ2xlIHtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1jb2xvci1ib3JkZXIyKTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25EZWZhdWx0fTtcbiAgICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAgICR7cCA9PlxuICAgICAgcC5pc0FjdGl2ZSAmJlxuICAgICAgYFxuICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgLS1ib3JkZXJDb2xvcjogJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICBgfTtcbiAgfVxuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgbWluLXdpZHRoOiBjYWxjKCR7d2lkdGh9IC0gJHtzdHJva2VTaXplfSk7XG4gIH1cblxuICAmOmZpcnN0LW9mLXR5cGU6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgKyAke3N0cm9rZVNpemV9KTtcbiAgICBsZWZ0OiAtJHtzdHJva2VTaXplfTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tcmFkaXVzLXMpIDAgMCB2YXIoLS1ncm4tcmFkaXVzLXMpO1xuICB9XG5cbiAgJjpsYXN0LWNoaWxkOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAwIHZhcigtLWdybi1yYWRpdXMtcykgdmFyKC0tZ3JuLXJhZGl1cy1zKSAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGljb24sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXIgcmVmPXtyZWZ9IGNsYXNzTmFtZT1cIkljb25Ub2dnbGVcIiBpc0FjdGl2ZT17aXNBY3RpdmV9IG9uQ2xpY2s9e29uQ2xpY2t9IHsuLi5wcm9wc30+XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiBjaGlsZHJlbn1cbiAgICA8L0l0ZW1XcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlR3JvdXAgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFdyYXBwZXIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pKTtcblxuSWNvblRvZ2dsZUdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuSWNvblRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogdHlwZXMuaWNvbixcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
|
|
45
45
|
|
|
46
46
|
export var IconToggle = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
47
47
|
var children = _ref2.children,
|
package/es/styles/colors.css
CHANGED
|
@@ -25,6 +25,8 @@
|
|
|
25
25
|
:root {
|
|
26
26
|
--grn-color-blue: hsl(218 74% 54%);
|
|
27
27
|
--grn-color-red: hsl(6 66% 65%);
|
|
28
|
+
--grn-color-yellow: hsl(44, 99%, 59%);
|
|
29
|
+
--grn-color-green: hsl(153, 22%, 57%);
|
|
28
30
|
}
|
|
29
31
|
|
|
30
32
|
:root {
|
|
@@ -38,7 +40,9 @@
|
|
|
38
40
|
--grn-color-contentInvert: hsl(var(--HS) 100% / 95%);
|
|
39
41
|
|
|
40
42
|
/* generic */
|
|
43
|
+
--grn-color-warning: var(--grn-color-yellow);
|
|
41
44
|
--grn-color-danger: var(--grn-color-red);
|
|
45
|
+
--grn-color-success: var(--grn-color-green);
|
|
42
46
|
--grn-color-selection: var(--grn-color-blue);
|
|
43
47
|
|
|
44
48
|
/* content */
|
package/es/variables.js
CHANGED
|
@@ -37,7 +37,9 @@ export var colors = {
|
|
|
37
37
|
},
|
|
38
38
|
bases: {
|
|
39
39
|
blue: 'blue',
|
|
40
|
-
red: 'red'
|
|
40
|
+
red: 'red',
|
|
41
|
+
yellow: 'yellow',
|
|
42
|
+
green: 'green'
|
|
41
43
|
},
|
|
42
44
|
semantics: {
|
|
43
45
|
internal: {
|
|
@@ -50,7 +52,9 @@ export var colors = {
|
|
|
50
52
|
contentInvert: 'contentInvert'
|
|
51
53
|
},
|
|
52
54
|
generic: {
|
|
55
|
+
warning: 'warning',
|
|
53
56
|
danger: 'danger',
|
|
57
|
+
success: 'success',
|
|
54
58
|
selection: 'selection'
|
|
55
59
|
},
|
|
56
60
|
content: {
|