@flodesk/grain 8.8.0 → 8.9.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/box.js
CHANGED
|
@@ -66,7 +66,7 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
66
66
|
var Tag = tag;
|
|
67
67
|
return ___EmotionJSX(Tag, _extends({
|
|
68
68
|
ref: ref,
|
|
69
|
-
css: /*#__PURE__*/css(getBorder(borderSide, borderWidth, borderColor), ";", getResponsiveSpace('padding', padding), ";", getResponsiveSpace('padding-top', paddingTop || paddingY), ";", getResponsiveSpace('padding-bottom', paddingBottom || paddingY), ";", getResponsiveSpace('padding-left', paddingLeft || paddingX), ";", getResponsiveSpace('padding-right', paddingRight || paddingX), ";", getResponsiveSpace('margin', margin), ";", getResponsiveSpace('margin-top', marginTop || marginY), ";", getResponsiveSpace('margin-bottom', marginBottom || marginY), ";", getResponsiveSpace('margin-left', marginLeft || marginX), ";", getResponsiveSpace('margin-right', marginRight || marginX), ";", getResponsiveSpace('top', top), ";", getResponsiveSpace('bottom', bottom), ";", getResponsiveSpace('left', left), ";", getResponsiveSpace('right', right), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('min-width', minWidth), ";", getResponsiveDimension('max-width', maxWidth), ";", getResponsiveDimension('height', height), ";", getResponsiveDimension('min-height', minHeight), ";", getResponsiveDimension('max-height', maxHeight), ";color:", getColor(color), ";background-color:", getColor(backgroundColor), ";position:", position, ";border-radius:", getRadius(radius), ";box-shadow:", getShadow(shadow), ";overflow:", overflow, ";aspect-ratio:", aspectRatio, ";z-index:", zIndex, ";", Boolean(opacity) && "opacity: ".concat(opacity), ";
|
|
69
|
+
css: /*#__PURE__*/css(getBorder(borderSide, borderWidth, borderColor), ";", getResponsiveSpace('padding', padding), ";", getResponsiveSpace('padding-top', paddingTop || paddingY), ";", getResponsiveSpace('padding-bottom', paddingBottom || paddingY), ";", getResponsiveSpace('padding-left', paddingLeft || paddingX), ";", getResponsiveSpace('padding-right', paddingRight || paddingX), ";", getResponsiveSpace('margin', margin), ";", getResponsiveSpace('margin-top', marginTop || marginY), ";", getResponsiveSpace('margin-bottom', marginBottom || marginY), ";", getResponsiveSpace('margin-left', marginLeft || marginX), ";", getResponsiveSpace('margin-right', marginRight || marginX), ";", getResponsiveSpace('top', top), ";", getResponsiveSpace('bottom', bottom), ";", getResponsiveSpace('left', left), ";", getResponsiveSpace('right', right), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('min-width', minWidth), ";", getResponsiveDimension('max-width', maxWidth), ";", getResponsiveDimension('height', height), ";", getResponsiveDimension('min-height', minHeight), ";", getResponsiveDimension('max-height', maxHeight), ";", getResponsiveOneOf('order', order), ";", getResponsiveOneOf('flex', flex), ";", getResponsiveOneOf('align-self', alignSelf), ";color:", getColor(color), ";background-color:", getColor(backgroundColor), ";position:", position, ";border-radius:", getRadius(radius), ";box-shadow:", getShadow(shadow), ";overflow:", overflow, ";aspect-ratio:", aspectRatio, ";z-index:", zIndex, ";", Boolean(opacity) && "opacity: ".concat(opacity), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Box;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2JveC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVnQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9ib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZ2V0Qm9yZGVyLFxuICBnZXRDb2xvcixcbiAgZ2V0UmFkaXVzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG4gIGdldFNoYWRvdyxcbiAgZ2V0UmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuXG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuZXhwb3J0IGNvbnN0IEJveCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNvbG9yLFxuICAgICAgYmFja2dyb3VuZENvbG9yLFxuICAgICAgYm9yZGVyQ29sb3IgPSAnYm9yZGVyJyxcbiAgICAgIGJvcmRlcldpZHRoID0gJzFweCcsXG4gICAgICBib3JkZXJTaWRlLFxuICAgICAgd2lkdGgsXG4gICAgICBtaW5XaWR0aCxcbiAgICAgIG1heFdpZHRoLFxuICAgICAgaGVpZ2h0LFxuICAgICAgbWluSGVpZ2h0LFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgcmFkaXVzLFxuICAgICAgcGFkZGluZyxcbiAgICAgIHBhZGRpbmdUb3AsXG4gICAgICBwYWRkaW5nQm90dG9tLFxuICAgICAgcGFkZGluZ0xlZnQsXG4gICAgICBwYWRkaW5nUmlnaHQsXG4gICAgICBwYWRkaW5nWCxcbiAgICAgIHBhZGRpbmdZLFxuICAgICAgbWFyZ2luLFxuICAgICAgbWFyZ2luVG9wLFxuICAgICAgbWFyZ2luQm90dG9tLFxuICAgICAgbWFyZ2luTGVmdCxcbiAgICAgIG1hcmdpblJpZ2h0LFxuICAgICAgbWFyZ2luWCxcbiAgICAgIG1hcmdpblksXG4gICAgICBwb3NpdGlvbixcbiAgICAgIHRvcCxcbiAgICAgIGJvdHRvbSxcbiAgICAgIGxlZnQsXG4gICAgICByaWdodCxcbiAgICAgIHNoYWRvdyxcbiAgICAgIG92ZXJmbG93LFxuICAgICAgYXNwZWN0UmF0aW8sXG4gICAgICB6SW5kZXgsXG4gICAgICB0YWcgPSAnZGl2JyxcbiAgICAgIG9wYWNpdHksXG4gICAgICBvcmRlcixcbiAgICAgIGFsaWduU2VsZixcbiAgICAgIGZsZXgsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBUYWcgPSB0YWc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWdcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0Qm9yZGVyKGJvcmRlclNpZGUsIGJvcmRlcldpZHRoLCBib3JkZXJDb2xvcil9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmcnLCBwYWRkaW5nKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmctdG9wJywgcGFkZGluZ1RvcCB8fCBwYWRkaW5nWSl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdwYWRkaW5nLWJvdHRvbScsIHBhZGRpbmdCb3R0b20gfHwgcGFkZGluZ1kpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1sZWZ0JywgcGFkZGluZ0xlZnQgfHwgcGFkZGluZ1gpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1yaWdodCcsIHBhZGRpbmdSaWdodCB8fCBwYWRkaW5nWCl9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbicsIG1hcmdpbil9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdtYXJnaW4tdG9wJywgbWFyZ2luVG9wIHx8IG1hcmdpblkpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnbWFyZ2luLWJvdHRvbScsIG1hcmdpbkJvdHRvbSB8fCBtYXJnaW5ZKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1sZWZ0JywgbWFyZ2luTGVmdCB8fCBtYXJnaW5YKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1yaWdodCcsIG1hcmdpblJpZ2h0IHx8IG1hcmdpblgpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCd0b3AnLCB0b3ApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnYm90dG9tJywgYm90dG9tKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2xlZnQnLCBsZWZ0KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3JpZ2h0JywgcmlnaHQpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignd2lkdGgnLCB3aWR0aCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignbWluLXdpZHRoJywgbWluV2lkdGgpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC13aWR0aCcsIG1heFdpZHRoKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdoZWlnaHQnLCBoZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21pbi1oZWlnaHQnLCBtaW5IZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC1oZWlnaHQnLCBtYXhIZWlnaHQpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdvcmRlcicsIG9yZGVyKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2ZsZXgnLCBmbGV4KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2FsaWduLXNlbGYnLCBhbGlnblNlbGYpfTtcblxuICAgICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgICAgICAgICBwb3NpdGlvbjogJHtwb3NpdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMocmFkaXVzKX07XG4gICAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coc2hhZG93KX07XG4gICAgICAgICAgb3ZlcmZsb3c6ICR7b3ZlcmZsb3d9O1xuICAgICAgICAgIGFzcGVjdC1yYXRpbzogJHthc3BlY3RSYXRpb307XG4gICAgICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgICAgICR7Qm9vbGVhbihvcGFjaXR5KSAmJiBgb3BhY2l0eTogJHtvcGFjaXR5fWB9O1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGFnPlxuICAgICk7XG4gIH0sXG4pO1xuXG5Cb3gucHJvcFR5cGVzID0ge1xuICBjb2xvcjogdHlwZXMuY29sb3IsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG4gIGJvcmRlclNpZGU6IHR5cGVzLnNpZGUsXG4gIGJvcmRlcldpZHRoOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMubnVtYmVyLCBQcm9wVHlwZXMuc3RyaW5nXSksXG4gIGJvcmRlckNvbG9yOiB0eXBlcy5jb2xvcixcbiAgd2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1pbldpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtYXhXaWR0aDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgaGVpZ2h0OiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtaW5IZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1heEhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgcmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIHNoYWRvdzogdHlwZXMuc2hhZG93LFxuICBwYWRkaW5nOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdUb3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ0JvdHRvbTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nTGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nUmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1g6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1k6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblRvcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5Cb3R0b206IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luTGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5SaWdodDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5YOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblk6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcG9zaXRpb246IHR5cGVzLnBvc2l0aW9uLFxuICB0b3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgYm90dG9tOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGxlZnQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgb3ZlcmZsb3c6IHR5cGVzLm92ZXJmbG93LFxuICBhc3BlY3RSYXRpbzogUHJvcFR5cGVzLnN0cmluZyxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIHRhZzogUHJvcFR5cGVzLnN0cmluZyxcbiAgb3BhY2l0eTogUHJvcFR5cGVzLnN0cmluZyxcbiAgb3JkZXI6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5vYmplY3RdKSxcbiAgYWxpZ25TZWxmOiB0eXBlcy5hbGlnblNlbGYsXG4gIGZsZXg6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5vYmplY3RdKSxcbn07XG4iXX0= */")
|
|
70
70
|
}, props), children);
|
|
71
71
|
});
|
|
72
72
|
Box.propTypes = {
|
|
@@ -107,7 +107,7 @@ Box.propTypes = {
|
|
|
107
107
|
zIndex: types.zIndex,
|
|
108
108
|
tag: PropTypes.string,
|
|
109
109
|
opacity: PropTypes.string,
|
|
110
|
-
order: PropTypes.
|
|
110
|
+
order: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
|
111
111
|
alignSelf: types.alignSelf,
|
|
112
|
-
flex: PropTypes.string
|
|
112
|
+
flex: PropTypes.oneOfType([PropTypes.string, PropTypes.object])
|
|
113
113
|
};
|
|
@@ -28,7 +28,7 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
|
|
|
28
28
|
return getClearButtonStyles({
|
|
29
29
|
variant: variant
|
|
30
30
|
});
|
|
31
|
-
}, ";width:", componentVars.clearButtonHeight, ";&:hover{--grn-color-icon:currentColor;}.Icon{", transitionStyles, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
31
|
+
}, ";min-width:", componentVars.clearButtonHeight, ";padding-left:8px;padding-right:8px;&:hover{--grn-color-icon:currentColor;}.Icon{", transitionStyles, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzLCB0cmFuc2l0aW9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgdmFyaWFudCB9KSA9PiBnZXRDbGVhckJ1dHRvblN0eWxlcyh7IHZhcmlhbnQgfSl9O1xuICBtaW4td2lkdGg6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkhlaWdodH07XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG5cbiAgJjpob3ZlciB7XG4gICAgLS1ncm4tY29sb3ItaWNvbjogY3VycmVudENvbG9yO1xuICB9XG5cbiAgLkljb24ge1xuICAgICR7dHJhbnNpdGlvblN0eWxlc307XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGljb24sIGNvbG9yLCB2YXJpYW50ID0gJ25ldXRyYWwnLCB0eXBlID0gJ2J1dHRvbicsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxXcmFwcGVyXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKSxcbik7XG5cbkljb25CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxufTtcbiJdfQ== */"));
|
|
32
32
|
|
|
33
33
|
export var IconButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
34
34
|
var children = _ref2.children,
|