reshaped 3.7.1 → 3.7.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.
@@ -1 +1 @@
1
- @property --rs-tabs-mid-l{syntax:"<length>";initial-value:-24px;inherits:false}@property --rs-tabs-stop-l{syntax:"<length>";initial-value:0;inherits:false}@property --rs-tabs-stop-r{syntax:"<length-percentage>";initial-value:100%;inherits:false}@property --rs-tabs-mid-r{syntax:"<length-percentage>";initial-value:calc(100% + 24px);inherits:false}.root{box-sizing:initial;isolation:isolate;max-width:100%}.list,.root{position:relative}.list{--rs-tabs-gap:var(--rs-unit-x6);gap:var(--rs-tabs-gap)}.inner:after{background-color:var(--rs-color-border-neutral-faded);content:"";position:absolute;z-index:2}.listItem{flex-shrink:0;position:relative}.button{overflow:hidden;position:relative;width:100%;z-index:1;-webkit-tap-highlight-color:transparent;border-radius:var(--rs-radius-medium)}@media (hover:hover) and (pointer:fine){.button:not(.button--disabled):hover{color:var(--rs-color-foreground-neutral-faded)}}.button.button--disabled{color:var(--rs-color-foreground-disabled)}.buttonContent{align-items:center;border-radius:var(--rs-radius-medium);box-sizing:border-box;display:flex;width:100%}.icon{color:inherit;transition:color var(--rs-duration-fast) var(--rs-easing-standard)}[data-rs-keyboard] .radio:focus+.buttonContent{box-shadow:var(--rs-focus-inset-shadow)}.icon:not(:last-child){margin-inline-end:var(--rs-unit-x2)}.--item-active:after{content:""}.--item-active:after,.selector{background:var(--rs-color-border-primary);border-radius:calc(var(--rs-radius-medium) - 1px);position:absolute;z-index:var(--rs-z-index-relative)}.selector{--rs-tab-selection-x:0;--rs-tab-selection-y:0;--rs-tab-selection-scale-x:0;--rs-tab-selection-scale-y:0;transform:translate(calc(var(--rs-tab-selection-x) * 1px),calc(var(--rs-tab-selection-y) * 1px)) translateZ(0);transform-origin:0 0}.--selector-hidden{visibility:hidden}.--selector-animated{transition:var(--rs-duration-medium) var(--rs-easing-decelerate);transition-property:transform,height,width;will-change:transform,height,width}.control{align-items:center;display:none;inset-block:0;opacity:0;pointer-events:none;position:absolute;transition:var(--rs-duration-medium) var(--rs-easing-decelerate);transition-property:opacity,transform;z-index:var(--rs-z-index-relative)}.control.control--active{opacity:1;pointer-events:all}[dir=rtl] .control{transform:scaleX(-1)}.control--next{inset-inline-end:0}.control--prev{inset-inline-start:0}.panel{outline:none}[data-rs-keyboard] .panel:focus{box-shadow:var(--rs-focus-shadow)}.--panel-hidden{display:none}.--scrollable .inner{overflow:auto;overflow:-moz-scrollbars-none;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to right,transparent 0,transparent var(--rs-tabs-mid-l),#000 var(--rs-tabs-stop-l),#000 var(--rs-tabs-stop-r),transparent var(--rs-tabs-mid-r),transparent 100%);transition:var(--rs-duration-medium) var(--rs-easing-decelerate);transition-property:--rs-tabs-stop-l,--rs-tabs-stop-r,--rs-tabs-mid-l,--rs-tabs-mid-r}.--scrollable .inner::-webkit-scrollbar{display:none}.--direction-row .inner{white-space:nowrap}.--direction-row .inner:after{bottom:0;height:1px;inset-inline:0}.--direction-row .list{align-items:center;display:inline-flex;flex-wrap:nowrap;vertical-align:top}.--direction-row .--item-active:after{height:2px;inset-inline:0;bottom:0}.--direction-row .selector{bottom:0;height:2px;left:0;width:calc(var(--rs-tab-selection-scale-x) * 1px)}.--direction-row .button{box-sizing:initial;margin:var(--rs-unit-x1) calc(var(--rs-unit-x2) * -1);padding:0 var(--rs-unit-x2)}.--direction-row .buttonContent{justify-content:center;padding:var(--rs-tabs-item-p-v) 0}.--direction-column .inner:after{height:100%;inset-block:0;inset-inline-end:0;width:1px}.--direction-column .list{--rs-tabs-gap:var(--rs-unit-x1);display:flex;flex-direction:column}.--direction-column .item{padding-inline-end:var(--rs-unit-x1)}.--direction-column .--item-active:after{bottom:0}.--direction-column .--item-active:after,.--direction-column .selector{height:100%;inset-inline-end:0;width:2px}.--direction-column .selector{height:calc(var(--rs-tab-selection-scale-y) * 1px);top:0}.--direction-column .button{margin-inline-start:calc(var(--rs-unit-x2) * -1);padding:var(--rs-unit-x2);width:calc(100% + var(--rs-unit-x1))}.--direction-column .buttonContent{justify-content:flex-start}.--variant-borderless .inner:after,.--variant-pills .inner:after,.--variant-pills-elevated .inner:after{content:none}.--variant-pills .button,.--variant-pills-elevated .button{margin:0;padding:0}.--variant-pills .buttonContent,.--variant-pills-elevated .buttonContent{margin:0;padding:var(--rs-tabs-item-p-v) var(--rs-tabs-item-p-h)}@media (hover:hover) and (pointer:fine){.--variant-pills .buttonContent:hover,.--variant-pills-elevated .buttonContent:hover{background:none}}.--variant-pills-elevated .buttonContent{padding:calc(var(--rs-tabs-item-p-v) - var(--rs-unit-x1) / 2) var(--rs-tabs-item-p-h)}.--variant-pills .list,.--variant-pills-elevated .list{--rs-tabs-gap:var(--rs-unit-x1)}.--variant-pills .selector,.--variant-pills-elevated .selector{background-color:var(--rs-color-background-neutral);height:calc(var(--rs-tab-selection-scale-y) * 1px);opacity:.6;width:calc(var(--rs-tab-selection-scale-x) * 1px);z-index:0}.--direction-column.--variant-pills .selector,.--direction-column.--variant-pills-elevated .selector{left:0}.--direction-row.--variant-pills .selector,.--direction-row.--variant-pills-elevated .selector{top:0}.--variant-pills .--item-active:after,.--variant-pills-elevated .--item-active:after{background-color:var(--rs-color-background-neutral);opacity:.6;z-index:0}.--direction-column.--variant-pills .--item-active:after,.--direction-column.--variant-pills-elevated .--item-active:after{width:100%}.--direction-row.--variant-pills .--item-active:after,.--direction-row.--variant-pills-elevated .--item-active:after{height:100%}.--variant-pills-elevated .list{background:var(--rs-color-background-neutral-faded);border:2px solid transparent;border-radius:var(--rs-radius-medium)}.--variant-pills-elevated .--item-active:after,.--variant-pills-elevated .selector{background:var(--rs-color-background-elevation-raised);box-shadow:var(--rs-shadow-raised);box-sizing:border-box;opacity:1}.--size-medium{--rs-tabs-item-p-v:var(--rs-unit-x2);--rs-tabs-item-p-h:var(--rs-unit-x3)}.--size-large{--rs-tabs-item-p-v:var(--rs-unit-x3);--rs-tabs-item-p-h:var(--rs-unit-x4)}.--item-width-equal{max-width:none}.--item-width-equal .inner{flex-wrap:wrap;overflow:hidden}.--item-width-equal .list{display:flex}.--item-width-equal .listItem{flex-basis:0;flex-grow:1;margin:0}.--fade-end .inner,[dir=rtl] .--fade-start .inner{--rs-tabs-mid-r:100%;--rs-tabs-stop-r:calc(100% - var(--rs-unit-x1) * 10)}.--fade-start .inner,[dir=rtl] .--fade-end .inner{--rs-tabs-mid-l:0px;--rs-tabs-stop-l:calc(var(--rs-unit-x1) * 10)}@media (pointer:fine){.control{display:flex}.--fade-end .inner,[dir=rtl] .--fade-start .inner{--rs-tabs-mid-r:calc(100% - var(--rs-unit-x1) * 4);--rs-tabs-stop-r:calc(100% - var(--rs-unit-x1) * 10)}.--fade-start .inner,[dir=rtl] .--fade-end .inner{--rs-tabs-mid-l:calc(var(--rs-unit-x1) * 4);--rs-tabs-stop-l:calc(var(--rs-unit-x1) * 10)}}
1
+ @property --rs-tabs-mid-l{syntax:"<length>";initial-value:-24px;inherits:false}@property --rs-tabs-stop-l{syntax:"<length>";initial-value:0;inherits:false}@property --rs-tabs-stop-r{syntax:"<length-percentage>";initial-value:100%;inherits:false}@property --rs-tabs-mid-r{syntax:"<length-percentage>";initial-value:calc(100% + 24px);inherits:false}.root{box-sizing:initial;isolation:isolate;max-width:100%}.list,.root{position:relative}.list{--rs-tabs-gap:var(--rs-unit-x6);gap:var(--rs-tabs-gap)}.inner:after{background-color:var(--rs-color-border-neutral-faded);content:"";position:absolute;z-index:2}.listItem{flex-shrink:0;position:relative}.button{overflow:hidden;position:relative;width:100%;z-index:1;-webkit-tap-highlight-color:transparent;border-radius:var(--rs-radius-medium)}@media (hover:hover) and (pointer:fine){.button:not(.button--disabled):hover{color:var(--rs-color-foreground-neutral-faded)}}.button.button--disabled{color:var(--rs-color-foreground-disabled)}.buttonContent{align-items:center;border-radius:var(--rs-radius-medium);box-sizing:border-box;display:flex;width:100%}.icon{color:inherit;transition:color var(--rs-duration-fast) var(--rs-easing-standard)}[data-rs-keyboard] .radio:focus+.buttonContent{box-shadow:var(--rs-focus-inset-shadow)}.icon:not(:last-child){margin-inline-end:var(--rs-unit-x2)}.--item-active:after{content:""}.--item-active:after,.selector{background:var(--rs-color-border-primary);border-radius:calc(var(--rs-radius-medium) - 1px);position:absolute;z-index:var(--rs-z-index-relative)}.selector{--rs-tab-selection-x:0;--rs-tab-selection-y:0;--rs-tab-selection-scale-x:0;--rs-tab-selection-scale-y:0;transform:translate(calc(var(--rs-tab-selection-x) * 1px),calc(var(--rs-tab-selection-y) * 1px)) translateZ(0);transform-origin:0 0}.--selector-hidden{visibility:hidden}.--selector-animated{transition:var(--rs-duration-medium) var(--rs-easing-decelerate);transition-property:transform,height,width;will-change:transform,height,width}.control{align-items:center;display:none;inset-block:0;opacity:0;pointer-events:none;position:absolute;transition:var(--rs-duration-medium) var(--rs-easing-decelerate);transition-property:opacity,transform;z-index:var(--rs-z-index-relative)}.control.control--active{opacity:1;pointer-events:all}[dir=rtl] .control{transform:scaleX(-1)}.control--next{inset-inline-end:0}.control--prev{inset-inline-start:0}.panel{outline:none}[data-rs-keyboard] .panel:focus{box-shadow:var(--rs-focus-shadow)}.--panel-hidden{display:none}.--scrollable .inner{overflow:auto;overflow:-moz-scrollbars-none;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to right,transparent 0,transparent var(--rs-tabs-mid-l),#000 var(--rs-tabs-stop-l),#000 var(--rs-tabs-stop-r),transparent var(--rs-tabs-mid-r),transparent 100%);transition:var(--rs-duration-medium) var(--rs-easing-decelerate);transition-property:--rs-tabs-stop-l,--rs-tabs-stop-r,--rs-tabs-mid-l,--rs-tabs-mid-r}.--scrollable .inner::-webkit-scrollbar{display:none}.--direction-row .inner{white-space:nowrap}.--direction-row .inner:after{bottom:0;height:1px;inset-inline:0}.--direction-row .list{align-items:center;display:inline-flex;flex-wrap:nowrap;vertical-align:top}.--direction-row .--item-active:after{height:2px;inset-inline:0;bottom:0}.--direction-row .selector{bottom:0;height:2px;left:0;width:calc(var(--rs-tab-selection-scale-x) * 1px)}.--direction-row .button{box-sizing:initial;margin:var(--rs-unit-x1) calc(var(--rs-unit-x2) * -1);padding:0 var(--rs-unit-x2)}.--direction-row .buttonContent{justify-content:center;padding:var(--rs-tabs-item-p-v) 0}.--direction-column .inner:after{height:100%;inset-block:0;inset-inline-end:0;width:1px}.--direction-column .list{--rs-tabs-gap:var(--rs-unit-x1);display:flex;flex-direction:column}.--direction-column .item{padding-inline-end:var(--rs-unit-x1)}.--direction-column .--item-active:after{bottom:0}.--direction-column .--item-active:after,.--direction-column .selector{height:100%;inset-inline-end:0;width:2px}.--direction-column .selector{height:calc(var(--rs-tab-selection-scale-y) * 1px);top:0}.--direction-column .button{margin-inline-start:calc(var(--rs-unit-x2) * -1);padding:var(--rs-unit-x2);width:calc(100% + var(--rs-unit-x1))}.--direction-column .buttonContent{justify-content:flex-start}.--variant-borderless .inner:after,.--variant-pills .inner:after,.--variant-pills-elevated .inner:after{content:none}.--variant-pills .button,.--variant-pills-elevated .button{margin:0;padding:0}.--variant-pills .buttonContent,.--variant-pills-elevated .buttonContent{margin:0;padding:var(--rs-tabs-item-p-v) var(--rs-tabs-item-p-h)}@media (hover:hover) and (pointer:fine){.--variant-pills .buttonContent:hover,.--variant-pills-elevated .buttonContent:hover{background:none}}.--variant-pills-elevated .buttonContent{padding:calc(var(--rs-tabs-item-p-v) - var(--rs-unit-x1) / 2) var(--rs-tabs-item-p-h)}.--variant-pills .list,.--variant-pills-elevated .list{--rs-tabs-gap:var(--rs-unit-x1)}.--variant-pills .selector,.--variant-pills-elevated .selector{background-color:var(--rs-color-background-neutral);height:calc(var(--rs-tab-selection-scale-y) * 1px);opacity:.6;width:calc(var(--rs-tab-selection-scale-x) * 1px);z-index:0}.--direction-column.--variant-pills .selector,.--direction-column.--variant-pills-elevated .selector{left:0}.--direction-row.--variant-pills .selector,.--direction-row.--variant-pills-elevated .selector{top:0}.--variant-pills .--item-active:after,.--variant-pills-elevated .--item-active:after{background-color:var(--rs-color-background-neutral);opacity:.6;z-index:0}.--direction-column.--variant-pills .--item-active:after,.--direction-column.--variant-pills-elevated .--item-active:after{width:100%}.--direction-row.--variant-pills .--item-active:after,.--direction-row.--variant-pills-elevated .--item-active:after{height:100%}.--variant-pills-elevated .list{background:var(--rs-color-background-neutral-faded);border:2px solid transparent;border-radius:var(--rs-radius-medium)}.--variant-pills-elevated .--item-active:after,.--variant-pills-elevated .selector{background:var(--rs-color-background-elevation-raised);box-shadow:var(--rs-shadow-raised);box-sizing:border-box;opacity:1}.--size-medium{--rs-tabs-item-p-v:var(--rs-unit-x2);--rs-tabs-item-p-h:var(--rs-unit-x3)}.--size-large{--rs-tabs-item-p-v:var(--rs-unit-x3);--rs-tabs-item-p-h:var(--rs-unit-x4)}.--item-width-equal{max-width:none}.--item-width-equal .inner{flex-wrap:wrap}.--item-width-equal .list{display:flex;overflow:hidden}.--item-width-equal .listItem{flex-basis:0;flex-grow:1;margin:0}.--fade-end .inner,[dir=rtl] .--fade-start .inner{--rs-tabs-mid-r:100%;--rs-tabs-stop-r:calc(100% - var(--rs-unit-x1) * 10)}.--fade-start .inner,[dir=rtl] .--fade-end .inner{--rs-tabs-mid-l:0px;--rs-tabs-stop-l:calc(var(--rs-unit-x1) * 10)}@media (pointer:fine){.control{display:flex}.--fade-end .inner,[dir=rtl] .--fade-start .inner{--rs-tabs-mid-r:calc(100% - var(--rs-unit-x1) * 4);--rs-tabs-stop-r:calc(100% - var(--rs-unit-x1) * 10)}.--fade-start .inner,[dir=rtl] .--fade-end .inner{--rs-tabs-mid-l:calc(var(--rs-unit-x1) * 4);--rs-tabs-stop-l:calc(var(--rs-unit-x1) * 10)}}
@@ -25,7 +25,7 @@ const TabsList = (props) => {
25
25
  const { children, className, attributes } = props;
26
26
  const { value, setDefaultValue, itemWidth, variant, name, direction, size, selection, setSelection, elActiveRef, elPrevActiveRef, elScrollableRef, } = useTabs();
27
27
  const [rtl] = useRTL();
28
- const fadeSide = useFadeSide(elScrollableRef);
28
+ const fadeSide = useFadeSide(elScrollableRef, { disabled: itemWidth === "equal" });
29
29
  const rootClassNames = classNames(s.root, size && s[`--size-${size}`], direction && s[`--direction-${direction}`], itemWidth && s[`--item-width-${itemWidth}`], variant && s[`--variant-${variant}`], fadeSide && s["--scrollable"], (fadeSide === "start" || fadeSide === "both") && s["--fade-start"], (fadeSide === "end" || fadeSide === "both") && s["--fade-end"], className);
30
30
  const selectorClassNames = classNames(s.selector, selection.status === "idle" && s["--selector-hidden"], selection.status === "animated" && s["--selector-animated"]);
31
31
  const handleNextClick = () => {
@@ -1 +1 @@
1
- [style*="--rs-p-s:"]{padding:calc(var(--rs-p) * var(--rs-unit-x1) - var(--rs-border-w, 0px));--rs-p-s:0;--rs-p-m:var(--rs-p-s);--rs-p-l:var(--rs-p-m);--rs-p-xl:var(--rs-p-l);--rs-p:var(--rs-p-s)}[style*="--rs-p-top-"]{padding-top:calc(var(--rs-p-top) * var(--rs-unit-x1) - var(--rs-border-w, --rs-border-w-top, 0px));--rs-p-top-s:0;--rs-p-top-m:var(--rs-p-top-s);--rs-p-top-l:var(--rs-p-top-m);--rs-p-top-xl:var(--rs-p-top-l);--rs-p-top:var(--rs-p-top-s)}[style*="--rs-p-bottom-"]{padding-bottom:calc(var(--rs-p-bottom) * var(--rs-unit-x1) - var(--rs-border-w, --rs-border-w-bottom, 0px));--rs-p-bottom-s:0;--rs-p-bottom-m:var(--rs-p-bottom-s);--rs-p-bottom-l:var(--rs-p-bottom-m);--rs-p-bottom-xl:var(--rs-p-bottom-l);--rs-p-bottom:var(--rs-p-bottom-s)}[style*="--rs-p-start-"]{padding-inline-start:calc(var(--rs-p-start) * var(--rs-unit-x1) - var(--rs-border-w, --rs-border-w-start, 0px));--rs-p-start-s:0;--rs-p-start-m:var(--rs-p-start-s);--rs-p-start-l:var(--rs-p-start-m);--rs-p-start-xl:var(--rs-p-start-l);--rs-p-start:var(--rs-p-start-s)}[style*="--rs-p-end-"]{padding-inline-end:calc(var(--rs-p-end) * var(--rs-unit-x1) - var(--rs-border-w, --rs-border-w-end, 0px));--rs-p-end-s:0;--rs-p-end-m:var(--rs-p-end-s);--rs-p-end-l:var(--rs-p-end-m);--rs-p-end-xl:var(--rs-p-end-l);--rs-p-end:var(--rs-p-end-s)}[style*="--rs-p-block-"]{padding-block:calc(var(--rs-p-block) * var(--rs-unit-x1) - var(--rs-border-w, --rs-border-w-block, 0px));--rs-p-block-s:0;--rs-p-block-m:var(--rs-p-block-s);--rs-p-block-l:var(--rs-p-block-m);--rs-p-block-xl:var(--rs-p-block-l);--rs-p-block:var(--rs-p-block-s)}[style*="--rs-p-inline-"]{padding-inline:calc(var(--rs-p-inline) * var(--rs-unit-x1) - var(--rs-border-w, --rs-border-w-inline, 0px));--rs-p-inline-s:0;--rs-p-inline-m:var(--rs-p-inline-s);--rs-p-inline-l:var(--rs-p-inline-m);--rs-p-inline-xl:var(--rs-p-inline-l);--rs-p-inline:var(--rs-p-inline-s)}@media (--rs-viewport-m ){[style*="--rs-p-s:"]{--rs-p:var(--rs-p-m)}[style*="--rs-p-top-"]{--rs-p-top:var(--rs-p-top-m)}[style*="--rs-p-bottom-"]{--rs-p-bottom:var(--rs-p-bottom-m)}[style*="--rs-p-start-"]{--rs-p-start:var(--rs-p-start-m)}[style*="--rs-p-end-"]{--rs-p-end:var(--rs-p-end-m)}[style*="--rs-p-block-"]{--rs-p-block:var(--rs-p-block-m)}[style*="--rs-p-inline-"]{--rs-p-inline:var(--rs-p-inline-m)}}@media (--rs-viewport-l ){[style*="--rs-p-s:"]{--rs-p:var(--rs-p-l)}[style*="--rs-p-top-"]{--rs-p-top:var(--rs-p-top-l)}[style*="--rs-p-bottom-"]{--rs-p-bottom:var(--rs-p-bottom-l)}[style*="--rs-p-start-"]{--rs-p-start:var(--rs-p-start-l)}[style*="--rs-p-end-"]{--rs-p-end:var(--rs-p-end-l)}[style*="--rs-p-block-"]{--rs-p-block:var(--rs-p-block-l)}[style*="--rs-p-inline-"]{--rs-p-inline:var(--rs-p-inline-l)}}@media (--rs-viewport-xl ){[style*="--rs-p-s:"]{--rs-p:var(--rs-p-xl)}[style*="--rs-p-top-"]{--rs-p-top:var(--rs-p-top-xl)}[style*="--rs-p-bottom-"]{--rs-p-bottom:var(--rs-p-bottom-xl)}[style*="--rs-p-start-"]{--rs-p-start:var(--rs-p-start-xl)}[style*="--rs-p-end-"]{--rs-p-end:var(--rs-p-end-xl)}[style*="--rs-p-block-"]{--rs-p-block:var(--rs-p-block-xl)}[style*="--rs-p-inline-"]{--rs-p-inline:var(--rs-p-inline-xl)}}
1
+ [style*="--rs-p-s:"]{padding:calc(var(--rs-p) * var(--rs-unit-x1) - var(--rs-border-w, 0px));--rs-p-s:0;--rs-p-m:var(--rs-p-s);--rs-p-l:var(--rs-p-m);--rs-p-xl:var(--rs-p-l);--rs-p:var(--rs-p-s)}[style*="--rs-p-top-"]{padding-top:calc(var(--rs-p-top) * var(--rs-unit-x1) - var(--rs-border-w, var(--rs-border-w-top, 0px)));--rs-p-top-s:0;--rs-p-top-m:var(--rs-p-top-s);--rs-p-top-l:var(--rs-p-top-m);--rs-p-top-xl:var(--rs-p-top-l);--rs-p-top:var(--rs-p-top-s)}[style*="--rs-p-bottom-"]{padding-bottom:calc(var(--rs-p-bottom) * var(--rs-unit-x1) - var(--rs-border-w, var(--rs-border-w-bottom, 0px)));--rs-p-bottom-s:0;--rs-p-bottom-m:var(--rs-p-bottom-s);--rs-p-bottom-l:var(--rs-p-bottom-m);--rs-p-bottom-xl:var(--rs-p-bottom-l);--rs-p-bottom:var(--rs-p-bottom-s)}[style*="--rs-p-start-"]{padding-inline-start:calc(var(--rs-p-start) * var(--rs-unit-x1) - var(--rs-border-w, var(--rs-border-w-start, 0px)));--rs-p-start-s:0;--rs-p-start-m:var(--rs-p-start-s);--rs-p-start-l:var(--rs-p-start-m);--rs-p-start-xl:var(--rs-p-start-l);--rs-p-start:var(--rs-p-start-s)}[style*="--rs-p-end-"]{padding-inline-end:calc(var(--rs-p-end) * var(--rs-unit-x1) - var(--rs-border-w, var(--rs-border-w-end, 0px)));--rs-p-end-s:0;--rs-p-end-m:var(--rs-p-end-s);--rs-p-end-l:var(--rs-p-end-m);--rs-p-end-xl:var(--rs-p-end-l);--rs-p-end:var(--rs-p-end-s)}[style*="--rs-p-block-"]{padding-block:calc(var(--rs-p-block) * var(--rs-unit-x1) - var(--rs-border-w, var(--rs-border-w-block, 0px)));--rs-p-block-s:0;--rs-p-block-m:var(--rs-p-block-s);--rs-p-block-l:var(--rs-p-block-m);--rs-p-block-xl:var(--rs-p-block-l);--rs-p-block:var(--rs-p-block-s)}[style*="--rs-p-inline-"]{padding-inline:calc(var(--rs-p-inline) * var(--rs-unit-x1) - var(--rs-border-w, var(--rs-border-w-inline, 0px)));--rs-p-inline-s:0;--rs-p-inline-m:var(--rs-p-inline-s);--rs-p-inline-l:var(--rs-p-inline-m);--rs-p-inline-xl:var(--rs-p-inline-l);--rs-p-inline:var(--rs-p-inline-s)}@media (--rs-viewport-m ){[style*="--rs-p-s:"]{--rs-p:var(--rs-p-m)}[style*="--rs-p-top-"]{--rs-p-top:var(--rs-p-top-m)}[style*="--rs-p-bottom-"]{--rs-p-bottom:var(--rs-p-bottom-m)}[style*="--rs-p-start-"]{--rs-p-start:var(--rs-p-start-m)}[style*="--rs-p-end-"]{--rs-p-end:var(--rs-p-end-m)}[style*="--rs-p-block-"]{--rs-p-block:var(--rs-p-block-m)}[style*="--rs-p-inline-"]{--rs-p-inline:var(--rs-p-inline-m)}}@media (--rs-viewport-l ){[style*="--rs-p-s:"]{--rs-p:var(--rs-p-l)}[style*="--rs-p-top-"]{--rs-p-top:var(--rs-p-top-l)}[style*="--rs-p-bottom-"]{--rs-p-bottom:var(--rs-p-bottom-l)}[style*="--rs-p-start-"]{--rs-p-start:var(--rs-p-start-l)}[style*="--rs-p-end-"]{--rs-p-end:var(--rs-p-end-l)}[style*="--rs-p-block-"]{--rs-p-block:var(--rs-p-block-l)}[style*="--rs-p-inline-"]{--rs-p-inline:var(--rs-p-inline-l)}}@media (--rs-viewport-xl ){[style*="--rs-p-s:"]{--rs-p:var(--rs-p-xl)}[style*="--rs-p-top-"]{--rs-p-top:var(--rs-p-top-xl)}[style*="--rs-p-bottom-"]{--rs-p-bottom:var(--rs-p-bottom-xl)}[style*="--rs-p-start-"]{--rs-p-start:var(--rs-p-start-xl)}[style*="--rs-p-end-"]{--rs-p-end:var(--rs-p-end-xl)}[style*="--rs-p-block-"]{--rs-p-block:var(--rs-p-block-xl)}[style*="--rs-p-inline-"]{--rs-p-inline:var(--rs-p-inline-xl)}}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "reshaped",
3
3
  "description": "Professionally crafted design system in React & Figma for building products of any scale and complexity",
4
- "version": "3.7.1",
4
+ "version": "3.7.3",
5
5
  "license": "MIT",
6
6
  "email": "hello@reshaped.so",
7
7
  "homepage": "https://reshaped.so",