@inc2734/unitone-css 0.47.2 → 0.47.3

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
@@ -1 +1 @@
1
- "use strict";var t=require("react");function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function r(t){var r=function(t,r){if("object"!==e(t)||null===t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var n=o.call(t,r||"default");if("object"!==e(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"===e(r)?r:String(r)}function o(t,e,o){return(e=r(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function n(t,e){if(null==t)return{};var r,o,n=function(t,e){if(null==t)return{};var r,o,n={},i=Object.keys(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(n[r]=t[r]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}var i=["gap","alignItems","style"];function c(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}var a=["intrinsic","withText","gutters","maxWidth","style"];function l(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?l(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var p=["alignItems","divider","gap","justifyContent","tagName","style"],s=["align","gutters","maxWidth","text","style"];function d(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function v(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?d(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var y=["gap","minHeight","justifyContent","padding","noPadding","style"],O=["valign","position","top","right","bottom","left","zIndex","tagName","style"];function b(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function f(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?b(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var g=["backgroundColor","borderColor","borderRadius","borderWidth","color","padding","shadow","position","top","right","bottom","left","zIndex","overflow","style"];function j(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function h(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?j(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var m=["gap","minWidth","minMeasure","position","style"];function P(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function w(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?P(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var D=["ratio","switchRatio","style"];function E(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function x(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?E(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var S=["padding","style"],W=["cover","fill","blur","portrait","gap","minHeight","columns","rows","style"];function k(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function B(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?k(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var C=["gap","height","itemWidth","noBar","style"];function I(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function M(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?I(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var R=["columnMinWidth","gap","autoRepeat","divider","style"];function z(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function H(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?z(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var N=["center","divider","gap","negative","style"];function G(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}var T=["gap","limit","threshold","style"];function F(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function _(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?F(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):F(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var q=["center","column","applyGap","gap","maxWidth","scale","style"];function L(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function V(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?L(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):L(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var A=["textOrientation","gap","maxHeight","switchWritingMode","style"];function J(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function K(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?J(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):J(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var Q=["gap","contentMinWidth","revert","sidebar","sidebarWidth","alignItems","style"];function U(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function X(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?U(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}exports.BothSides=function(e){var r=e.gap,a=e.alignItems,l=e.style,u=n(e,i);return l=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?c(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},l),t.createElement("div",{"data-unitone-layout":["both-sides",void 0!==r?"-gap:".concat(r):void 0,void 0!==a?"-align-items:".concat(a):void 0].filter(Boolean).join(" "),style:l},u.children)},exports.Center=function(e){var r=e.intrinsic,o=e.withText,i=e.gutters,c=e.maxWidth,l=e.style,p=n(e,a);return l=u(u({},l),{},{"--unitone--max-width":c||void 0}),t.createElement("div",{"data-unitone-layout":["center",!0===r?"-intrinsic":void 0,!0===o?"-with-text":void 0,void 0!==i?"-gutters:".concat(i):void 0].filter(Boolean).join(" "),style:l},p.children)},exports.Cluster=function(e){var r=e.alignItems,o=e.divider,i=e.gap,c=e.justifyContent,a=e.tagName,l=void 0===a?"div":a,u=e.style,s=n(e,p),d=l;return t.createElement(d,{"data-unitone-layout":["cluster",o?"-divider:".concat(o):void 0,void 0!==i?"-gap:".concat(i):void 0,void 0!==r?"-align-items:".concat(r):void 0,void 0!==c?"-justify-content:".concat(c):void 0].filter(Boolean).join(" "),style:u},s.children)},exports.Container=function(e){var r=e.align,o=e.gutters,i=e.maxWidth;e.text;var c=e.style,a=n(e,s);return c=v(v({},c),{},{"--unitone--max-width":i||void 0}),t.createElement("div",{"data-unitone-layout":["container",void 0!==r?"-align:".concat(r):void 0,void 0!==o?"-gutters:".concat(o):void 0].filter(Boolean).join(" "),style:c},a.children)},exports.Cover=function(e){var r=e.gap,o=e.minHeight;e.justifyContent;var i=e.padding,c=e.noPadding,a=e.style,l=n(e,y);return a=f(f({},a),{},{"--unitone--min-height":o||void 0}),t.createElement("div",{"data-unitone-layout":["cover",c?"-no-padding":void 0,void 0!==r?"-gap:".concat(r):void 0,void 0!==i?"-padding:".concat(i):void 0].filter(Boolean).join(" "),style:a},l.children)},exports.CoverContent=function(e){var r=e.valign,o=e.position,i=e.top,c=e.right,a=e.bottom,l=e.left,u=e.zIndex,p=e.tagName,s=void 0===p?"div":p,d=e.style,v=n(e,O),y=s;return d=f(f({},d),{},{"--unitone--top":void 0!==i?i:void 0,"--unitone--right":void 0!==c?c:void 0,"--unitone--bottom":void 0!==a?a:void 0,"--unitone--left":void 0!==l?l:void 0,"--unitone--z-index":void 0!==u?u:void 0}),t.createElement(y,{"data-unitone-layout":["cover__content",void 0!==r?"-valign:".concat(r):void 0,void 0!==o?"-position:".concat(o):void 0].filter(Boolean).join(" "),style:d},v.children)},exports.Decorator=function(e){var r=e.backgroundColor,o=e.borderColor,i=e.borderRadius,c=e.borderWidth,a=e.color,l=e.padding,u=e.shadow,p=e.position,s=e.top,d=e.right,v=e.bottom,y=e.left,O=e.zIndex,b=e.overflow,f=e.style,j=n(e,g);return f=h(h({},f),{},{"--unitone--background-color":r,"--unitone--border-color":o,"--unitone--border-radius":i,"--unitone--border-width":c,"--unitone--color":a,"--unitone--top":void 0!==s?s:void 0,"--unitone--right":void 0!==d?d:void 0,"--unitone--bottom":void 0!==v?v:void 0,"--unitone--left":void 0!==y?y:void 0,"--unitone--z-index":void 0!==O?O:void 0}),t.createElement("div",{"data-unitone-layout":["decorator",void 0!==l?"-padding:".concat(l):void 0,u?"-shadow":void 0,p?"-position:".concat(p):void 0,b?"-overflow:".concat(b):void 0].filter(Boolean).join(" "),style:f},j.children)},exports.Float=function(e){var r=e.gap,o=e.minWidth,i=e.minMeasure,c=e.position,a=e.style,l=n(e,m);return a=w(w({},a),{},{"--unitone--min-width":o||void 0,"--unitone--min-measure":i||void 0}),t.createElement("div",{"data-unitone-layout":["float",c?"-".concat(c):void 0,void 0!==r?"-gap:".concat(r):void 0].filter(Boolean).join(" "),style:a},l.children)},exports.Frame=function(e){var r=e.ratio,o=e.switchRatio,i=e.style,c=n(e,D);return i=x(x({},i),{},{"--unitone--ratio":r||void 0}),t.createElement("div",{"data-unitone-layout":["frame",!0===o?"-switch":void 0].filter(Boolean).join(" "),style:i},c.children)},exports.Gutters=function(e){var r=e.padding,o=e.style,i=n(e,S);return t.createElement("div",{"data-unitone-layout":["gutters",void 0!==r?"-padding:".concat(r):void 0].filter(Boolean).join(" "),style:o},i.children)},exports.Layers=function(e){var r=e.cover,o=e.fill,i=e.blur,c=e.portrait,a=e.gap,l=e.minHeight,u=e.columns,p=e.rows,s=e.style,d=n(e,W);return s=B(B({},s),{},{"--unitone--gap":void 0!==a?a:void 0,"--unitone--min-height":void 0!==l?l:void 0,"--unitone--columns":void 0!==u?u:void 0,"--unitone--rows":void 0!==p?p:void 0}),t.createElement("div",{"data-unitone-layout":["layers",!0===r?"-cover":void 0,!0===o?"-fill":void 0,!0===i?"-blur":void 0,!0===c?"-portrait":void 0].filter(Boolean).join(" "),style:s},d.children)},exports.Reel=function(e){var r=e.gap,o=e.height,i=e.itemWidth,c=e.noBar,a=e.style,l=n(e,C);return a=M(M({},a),{},{"--unitone--height":o||void 0,"--unitone--item-width":i||void 0}),t.createElement("div",{"data-unitone-layout":["reel",r?"-gap:".concat(r):void 0,!0===c?"-no-bar":void 0].filter(Boolean).join(" "),style:a},l.children)},exports.ResponsiveGrid=function(e){var r=e.columnMinWidth,o=e.gap,i=e.autoRepeat,c=e.divider,a=e.style,l=n(e,R);return a=H(H({},a),{},{"--unitone--column-min-width":r||void 0}),t.createElement("div",{"data-unitone-layout":["responsive-grid",void 0!==o?"-gap:".concat(o):void 0,void 0!==i?"-auto-repeat:".concat(i):void 0,c?"-divider:".concat(c):void 0].filter(Boolean).join(" "),style:a},l.children)},exports.Stack=function(e){e.center;var r=e.divider,i=e.gap,c=e.negative,a=e.style,l=n(e,N);return a=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?G(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},a),t.createElement("div",{"data-unitone-layout":["stack",r?"-divider:".concat(r):void 0,void 0!==i?"-gap:".concat(i):void 0,!0===c?"-negative":void 0].filter(Boolean).join(" "),style:a},l.children)},exports.Switcher=function(e){var r=e.gap;e.limit;var o=e.threshold,i=e.style,c=n(e,T);return i=_(_({},i),{},{"--unitone--threshold":o||void 0}),t.createElement("div",{"data-unitone-layout":["switcher",void 0!==r?"-gap:".concat(r):void 0].filter(Boolean).join(" "),style:i},c.children)},exports.Text=function(e){var r=e.center,o=e.column,i=e.applyGap,c=e.gap,a=e.maxWidth;e.scale;var l=e.style,u=n(e,q);return l=V(V({},l),{},{"--unitone--max-width":a||void 0}),t.createElement("div",{"data-unitone-layout":["text",!0===r?"-center":void 0,!0===o?"-column":void 0,!0===i?"-gap":void 0,void 0!==c?"-gap:".concat(c):void 0].filter(Boolean).join(" "),style:l},u.children)},exports.VerticalWriting=function(e){var r=e.textOrientation,o=e.gap,i=e.maxHeight,c=e.switchWritingMode,a=e.style,l=n(e,A);return a=K(K({},a),{},{"--unitone--max-height":i||void 0}),t.createElement("div",null,t.createElement("div",{"data-unitone-layout":["vertical-writing",void 0!==r?"-gap:".concat(r):void 0,void 0!==o?"-gap:".concat(o):void 0,!0===c?"-switch":void 0].filter(Boolean).join(" "),style:a},l.children))},exports.WithSidebar=function(e){var r=e.gap,o=e.contentMinWidth,i=e.revert,c=e.sidebar,a=e.sidebarWidth,l=e.alignItems,u=e.style,p=n(e,Q);return u=X(X({},u),{},{"--unitone--sidebar-width":a||void 0,"--unitone--content-min-width":o||void 0}),t.createElement("div",{"data-unitone-layout":["with-sidebar",!0===i?"-revert":void 0,void 0!==r?"-gap:".concat(r):void 0,void 0!==c?"-sidebar:".concat(c):void 0,void 0!==l?"-align-items:".concat(l):void 0].filter(Boolean).join(" "),style:u},p.children)};
1
+ "use strict";var t=require("react");function e(){return e=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},e.apply(this,arguments)}function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function o(t){var e=function(t,e){if("object"!==r(t)||null===t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var n=o.call(t,e||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===r(e)?e:String(e)}function n(t,e,r){return(e=o(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function i(t,e){if(null==t)return{};var r,o,n=function(t,e){if(null==t)return{};var r,o,n={},i=Object.keys(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(n[r]=t[r]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}var c=["gap","alignItems","style"];function a(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}var l=["intrinsic","withText","gutters","maxWidth","style"];function u(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function p(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?u(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var s=["alignItems","divider","gap","justifyContent","tagName","style"],d=["align","gutters","maxWidth","text","style"];function v(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function y(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?v(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var O=["gap","minHeight","justifyContent","padding","noPadding","style"],b=["valign","position","top","right","bottom","left","zIndex","tagName","style"];function f(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function g(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?f(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var j=["backgroundColor","borderColor","borderRadius","borderWidth","color","padding","shadow","position","top","right","bottom","left","zIndex","overflow","style"];function h(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function m(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?h(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var P=["gap","minWidth","minMeasure","position","style"];function w(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function D(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?w(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var E=["ratio","switchRatio","style"];function x(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function S(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?x(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var W=["padding","style"],k=["cover","fill","blur","portrait","gap","minHeight","columns","rows","style"];function B(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function C(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?B(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):B(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var I=["gap","height","itemWidth","noBar","style"];function M(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function R(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?M(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var z=["columnMinWidth","gap","autoRepeat","divider","style"];function H(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function N(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?H(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var G=["center","divider","gap","negative","style"];function T(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}var F=["gap","limit","threshold","style"];function _(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function q(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?_(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var L=["center","column","applyGap","gap","maxWidth","scale","style"];function V(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function A(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?V(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):V(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var J=["textOrientation","gap","maxHeight","switchWritingMode","style"];function K(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function Q(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?K(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):K(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var U=["gap","contentMinWidth","revert","sidebar","sidebarWidth","alignItems","style"];function X(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function Y(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?X(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}exports.BothSides=function(r){var o=r.gap,l=r.alignItems,u=r.style,p=i(r,c);return u=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?a(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},u),t.createElement("div",e({"data-unitone-layout":["both-sides",void 0!==o?"-gap:".concat(o):void 0,void 0!==l?"-align-items:".concat(l):void 0].filter(Boolean).join(" "),style:u},p),p.children)},exports.Center=function(r){var o=r.intrinsic,n=r.withText,c=r.gutters,a=r.maxWidth,u=r.style,s=i(r,l);return u=p(p({},u),{},{"--unitone--max-width":a||void 0}),t.createElement("div",e({"data-unitone-layout":["center",!0===o?"-intrinsic":void 0,!0===n?"-with-text":void 0,void 0!==c?"-gutters:".concat(c):void 0].filter(Boolean).join(" "),style:u},s),s.children)},exports.Cluster=function(r){var o=r.alignItems,n=r.divider,c=r.gap,a=r.justifyContent,l=r.tagName,u=void 0===l?"div":l,p=r.style,d=i(r,s),v=u;return t.createElement(v,e({"data-unitone-layout":["cluster",n?"-divider:".concat(n):void 0,void 0!==c?"-gap:".concat(c):void 0,void 0!==o?"-align-items:".concat(o):void 0,void 0!==a?"-justify-content:".concat(a):void 0].filter(Boolean).join(" "),style:p},d),d.children)},exports.Container=function(r){var o=r.align,n=r.gutters,c=r.maxWidth;r.text;var a=r.style,l=i(r,d);return a=y(y({},a),{},{"--unitone--max-width":c||void 0}),t.createElement("div",e({"data-unitone-layout":["container",void 0!==o?"-align:".concat(o):void 0,void 0!==n?"-gutters:".concat(n):void 0].filter(Boolean).join(" "),style:a},l),l.children)},exports.Cover=function(e){var r=e.gap,o=e.minHeight;e.justifyContent;var n=e.padding,c=e.noPadding,a=e.style,l=i(e,O);return a=g(g({},a),{},{"--unitone--min-height":o||void 0}),t.createElement("div",{"data-unitone-layout":["cover",c?"-no-padding":void 0,void 0!==r?"-gap:".concat(r):void 0,void 0!==n?"-padding:".concat(n):void 0].filter(Boolean).join(" "),style:a},l.children)},exports.CoverContent=function(r){var o=r.valign,n=r.position,c=r.top,a=r.right,l=r.bottom,u=r.left,p=r.zIndex,s=r.tagName,d=void 0===s?"div":s,v=r.style,y=i(r,b),O=d;return v=g(g({},v),{},{"--unitone--top":void 0!==c?c:void 0,"--unitone--right":void 0!==a?a:void 0,"--unitone--bottom":void 0!==l?l:void 0,"--unitone--left":void 0!==u?u:void 0,"--unitone--z-index":void 0!==p?p:void 0}),t.createElement(O,e({"data-unitone-layout":["cover__content",void 0!==o?"-valign:".concat(o):void 0,void 0!==n?"-position:".concat(n):void 0].filter(Boolean).join(" "),style:v},y),y.children)},exports.Decorator=function(r){var o=r.backgroundColor,n=r.borderColor,c=r.borderRadius,a=r.borderWidth,l=r.color,u=r.padding,p=r.shadow,s=r.position,d=r.top,v=r.right,y=r.bottom,O=r.left,b=r.zIndex,f=r.overflow,g=r.style,h=i(r,j);return g=m(m({},g),{},{"--unitone--background-color":o,"--unitone--border-color":n,"--unitone--border-radius":c,"--unitone--border-width":a,"--unitone--color":l,"--unitone--top":void 0!==d?d:void 0,"--unitone--right":void 0!==v?v:void 0,"--unitone--bottom":void 0!==y?y:void 0,"--unitone--left":void 0!==O?O:void 0,"--unitone--z-index":void 0!==b?b:void 0}),t.createElement("div",e({"data-unitone-layout":["decorator",void 0!==u?"-padding:".concat(u):void 0,p?"-shadow":void 0,s?"-position:".concat(s):void 0,f?"-overflow:".concat(f):void 0].filter(Boolean).join(" "),style:g},h),h.children)},exports.Float=function(r){var o=r.gap,n=r.minWidth,c=r.minMeasure,a=r.position,l=r.style,u=i(r,P);return l=D(D({},l),{},{"--unitone--min-width":n||void 0,"--unitone--min-measure":c||void 0}),t.createElement("div",e({"data-unitone-layout":["float",a?"-".concat(a):void 0,void 0!==o?"-gap:".concat(o):void 0].filter(Boolean).join(" "),style:l},u),u.children)},exports.Frame=function(r){var o=r.ratio,n=r.switchRatio,c=r.style,a=i(r,E);return c=S(S({},c),{},{"--unitone--ratio":o||void 0}),t.createElement("div",e({"data-unitone-layout":["frame",!0===n?"-switch":void 0].filter(Boolean).join(" "),style:c},a),a.children)},exports.Gutters=function(r){var o=r.padding,n=r.style,c=i(r,W);return t.createElement("div",e({"data-unitone-layout":["gutters",void 0!==o?"-padding:".concat(o):void 0].filter(Boolean).join(" "),style:n},c),c.children)},exports.Layers=function(r){var o=r.cover,n=r.fill,c=r.blur,a=r.portrait,l=r.gap,u=r.minHeight,p=r.columns,s=r.rows,d=r.style,v=i(r,k);return d=C(C({},d),{},{"--unitone--gap":void 0!==l?l:void 0,"--unitone--min-height":void 0!==u?u:void 0,"--unitone--columns":void 0!==p?p:void 0,"--unitone--rows":void 0!==s?s:void 0}),t.createElement("div",e({"data-unitone-layout":["layers",!0===o?"-cover":void 0,!0===n?"-fill":void 0,!0===c?"-blur":void 0,!0===a?"-portrait":void 0].filter(Boolean).join(" "),style:d},v),v.children)},exports.Reel=function(r){var o=r.gap,n=r.height,c=r.itemWidth,a=r.noBar,l=r.style,u=i(r,I);return l=R(R({},l),{},{"--unitone--height":n||void 0,"--unitone--item-width":c||void 0}),t.createElement("div",e({"data-unitone-layout":["reel",o?"-gap:".concat(o):void 0,!0===a?"-no-bar":void 0].filter(Boolean).join(" "),style:l},u),u.children)},exports.ResponsiveGrid=function(r){var o=r.columnMinWidth,n=r.gap,c=r.autoRepeat,a=r.divider,l=r.style,u=i(r,z);return l=N(N({},l),{},{"--unitone--column-min-width":o||void 0}),t.createElement("div",e({"data-unitone-layout":["responsive-grid",void 0!==n?"-gap:".concat(n):void 0,void 0!==c?"-auto-repeat:".concat(c):void 0,a?"-divider:".concat(a):void 0].filter(Boolean).join(" "),style:l},u),u.children)},exports.Stack=function(r){r.center;var o=r.divider,c=r.gap,a=r.negative,l=r.style,u=i(r,G);return l=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?T(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},l),t.createElement("div",e({"data-unitone-layout":["stack",o?"-divider:".concat(o):void 0,void 0!==c?"-gap:".concat(c):void 0,!0===a?"-negative":void 0].filter(Boolean).join(" "),style:l},u),u.children)},exports.Switcher=function(r){var o=r.gap;r.limit;var n=r.threshold,c=r.style,a=i(r,F);return c=q(q({},c),{},{"--unitone--threshold":n||void 0}),t.createElement("div",e({"data-unitone-layout":["switcher",void 0!==o?"-gap:".concat(o):void 0].filter(Boolean).join(" "),style:c},a),a.children)},exports.Text=function(r){var o=r.center,n=r.column,c=r.applyGap,a=r.gap,l=r.maxWidth;r.scale;var u=r.style,p=i(r,L);return u=A(A({},u),{},{"--unitone--max-width":l||void 0}),t.createElement("div",e({"data-unitone-layout":["text",!0===o?"-center":void 0,!0===n?"-column":void 0,!0===c?"-gap":void 0,void 0!==a?"-gap:".concat(a):void 0].filter(Boolean).join(" "),style:u},p),p.children)},exports.VerticalWriting=function(r){var o=r.textOrientation,n=r.gap,c=r.maxHeight,a=r.switchWritingMode,l=r.style,u=i(r,J);return l=Q(Q({},l),{},{"--unitone--max-height":c||void 0}),t.createElement("div",null,t.createElement("div",e({"data-unitone-layout":["vertical-writing",void 0!==o?"-gap:".concat(o):void 0,void 0!==n?"-gap:".concat(n):void 0,!0===a?"-switch":void 0].filter(Boolean).join(" "),style:l},u),u.children))},exports.WithSidebar=function(r){var o=r.gap,n=r.contentMinWidth,c=r.revert,a=r.sidebar,l=r.sidebarWidth,u=r.alignItems,p=r.style,s=i(r,U);return p=Y(Y({},p),{},{"--unitone--sidebar-width":l||void 0,"--unitone--content-min-width":n||void 0}),t.createElement("div",e({"data-unitone-layout":["with-sidebar",!0===c?"-revert":void 0,void 0!==o?"-gap:".concat(o):void 0,void 0!==a?"-sidebar:".concat(a):void 0,void 0!==u?"-align-items:".concat(u):void 0].filter(Boolean).join(" "),style:p},s),s.children)};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inc2734/unitone-css",
3
- "version": "0.47.2",
3
+ "version": "0.47.3",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
@@ -15,6 +15,7 @@ export const BothSides = ({ gap, alignItems, style, ...props }) => {
15
15
  .filter(Boolean)
16
16
  .join(' ')}
17
17
  style={style}
18
+ {...props}
18
19
  >
19
20
  {props.children}
20
21
  </div>
@@ -17,6 +17,7 @@ export const Center = ({ intrinsic, withText, gutters, maxWidth, style, ...props
17
17
  .filter(Boolean)
18
18
  .join(' ')}
19
19
  style={style}
20
+ {...props}
20
21
  >
21
22
  {props.children}
22
23
  </div>
@@ -23,6 +23,7 @@ export const Cluster = ({
23
23
  .filter(Boolean)
24
24
  .join(' ')}
25
25
  style={style}
26
+ {...props}
26
27
  >
27
28
  {props.children}
28
29
  </Tag>
@@ -16,6 +16,7 @@ export const Container = ({ align, gutters, maxWidth, text, style, ...props }) =
16
16
  .filter(Boolean)
17
17
  .join(' ')}
18
18
  style={style}
19
+ {...props}
19
20
  >
20
21
  {props.children}
21
22
  </div>
@@ -56,6 +56,7 @@ export const CoverContent = ({
56
56
  .filter(Boolean)
57
57
  .join(' ')}
58
58
  style={style}
59
+ {...props}
59
60
  >
60
61
  {props.children}
61
62
  </Tag>
@@ -44,6 +44,7 @@ export const Decorator = ({
44
44
  .filter(Boolean)
45
45
  .join(' ')}
46
46
  style={style}
47
+ {...props}
47
48
  >
48
49
  {props.children}
49
50
  </div>
@@ -17,6 +17,7 @@ export const Float = ({ gap, minWidth, minMeasure, position, style, ...props })
17
17
  .filter(Boolean)
18
18
  .join(' ')}
19
19
  style={style}
20
+ {...props}
20
21
  >
21
22
  {props.children}
22
23
  </div>
@@ -12,6 +12,7 @@ export const Frame = ({ ratio, switchRatio, style, ...props }) => {
12
12
  .filter(Boolean)
13
13
  .join(' ')}
14
14
  style={style}
15
+ {...props}
15
16
  >
16
17
  {props.children}
17
18
  </div>
@@ -10,6 +10,7 @@ export const Gutters = ({ padding, style, ...props }) => {
10
10
  .filter(Boolean)
11
11
  .join(' ')}
12
12
  style={style}
13
+ {...props}
13
14
  >
14
15
  {props.children}
15
16
  </div>
@@ -32,6 +32,7 @@ export const Layers = ({
32
32
  .filter(Boolean)
33
33
  .join(' ')}
34
34
  style={style}
35
+ {...props}
35
36
  >
36
37
  {props.children}
37
38
  </div>
@@ -17,6 +17,7 @@ export const Reel = ({ gap, height, itemWidth, noBar, style, ...props }) => {
17
17
  .filter(Boolean)
18
18
  .join(' ')}
19
19
  style={style}
20
+ {...props}
20
21
  >
21
22
  {props.children}
22
23
  </div>
@@ -17,6 +17,7 @@ export const ResponsiveGrid = ({ columnMinWidth, gap, autoRepeat, divider, style
17
17
  .filter(Boolean)
18
18
  .join(' ')}
19
19
  style={style}
20
+ {...props}
20
21
  >
21
22
  {props.children}
22
23
  </div>
@@ -16,6 +16,7 @@ export const Stack = ({ center, divider, gap, negative, style, ...props }) => {
16
16
  .filter(Boolean)
17
17
  .join(' ')}
18
18
  style={style}
19
+ {...props}
19
20
  >
20
21
  {props.children}
21
22
  </div>
@@ -12,6 +12,7 @@ export const Switcher = ({ gap, limit, threshold, style, ...props }) => {
12
12
  .filter(Boolean)
13
13
  .join(' ')}
14
14
  style={style}
15
+ {...props}
15
16
  >
16
17
  {props.children}
17
18
  </div>
@@ -18,6 +18,7 @@ export const Text = ({ center, column, applyGap, gap, maxWidth, scale, style, ..
18
18
  .filter(Boolean)
19
19
  .join(' ')}
20
20
  style={style}
21
+ {...props}
21
22
  >
22
23
  {props.children}
23
24
  </div>
@@ -25,6 +25,7 @@ export const VerticalWriting = ({
25
25
  .filter(Boolean)
26
26
  .join(' ')}
27
27
  style={style}
28
+ {...props}
28
29
  >
29
30
  {props.children}
30
31
  </div>
@@ -28,6 +28,7 @@ export const WithSidebar = ({
28
28
  .filter(Boolean)
29
29
  .join(' ')}
30
30
  style={style}
31
+ {...props}
31
32
  >
32
33
  {props.children}
33
34
  </div>