@stackshift-ui/section 7.0.0-beta.0 → 7.0.0-beta.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/chunk-6PM3QH64.mjs +31 -0
- package/dist/chunk-J23L3RFH.mjs +1 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/section.js +1 -1
- package/dist/section.mjs +1 -1
- package/package.json +6 -6
- package/dist/chunk-ROXQZ2U5.mjs +0 -1
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
// src/section.tsx
|
|
2
|
+
import { DefaultComponent, useStackShiftUIComponents } from "@stackshift-ui/system";
|
|
3
|
+
import cn from "classnames";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
var displayName = "Section";
|
|
6
|
+
var Section = ({
|
|
7
|
+
children,
|
|
8
|
+
className,
|
|
9
|
+
maxWidth = "full",
|
|
10
|
+
as,
|
|
11
|
+
...props
|
|
12
|
+
}) => {
|
|
13
|
+
const { [displayName]: Component = DefaultComponent } = useStackShiftUIComponents();
|
|
14
|
+
const widthVariants = {
|
|
15
|
+
sm: "384px",
|
|
16
|
+
md: "448px",
|
|
17
|
+
lg: "512px",
|
|
18
|
+
xl: "576px",
|
|
19
|
+
"2xl": "672px",
|
|
20
|
+
full: "100%"
|
|
21
|
+
};
|
|
22
|
+
const widthClass = typeof maxWidth === "number" ? `${maxWidth.toString()}px` : widthVariants[maxWidth];
|
|
23
|
+
const width = widthClass != null ? widthClass : "80rem";
|
|
24
|
+
const classes = "mx-auto w-full px-4";
|
|
25
|
+
return /* @__PURE__ */ jsx(Component, { as, className: cn(classes, className), style: { maxWidth: width }, ...props, children });
|
|
26
|
+
};
|
|
27
|
+
Section.displayName = displayName;
|
|
28
|
+
|
|
29
|
+
export {
|
|
30
|
+
Section
|
|
31
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{DefaultComponent as c,useStackShiftUIComponents as r}from"@stackshift-ui/system";import i from"classnames";import{jsx as d}from"react/jsx-runtime";var o="Section",x=({children:n,className:s,maxWidth:t="full",as:p,...l})=>{let{[o]:m=c}=r(),e=typeof t=="number"?`${t.toString()}px`:{sm:"384px",md:"448px",lg:"512px",xl:"576px","2xl":"672px",full:"100%"}[t],a=e!=null?e:"80rem";return d(m,{as:p,className:i("mx-auto w-full px-4",s),style:{maxWidth:a},...l,children:n})};x.displayName=o;export{x as a};
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var u=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var T=(t,e)=>{for(var o in e)p(t,o,{get:e[o],enumerable:!0})},r=(t,e,o,
|
|
2
|
+
"use strict";var u=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var T=(t,e)=>{for(var o in e)p(t,o,{get:e[o],enumerable:!0})},r=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of S(e))!N.call(t,n)&&n!==o&&p(t,n,{get:()=>e[n],enumerable:!(s=y(e,n))||s.enumerable});return t};var g=(t,e,o)=>(o=t!=null?u(h(t)):{},r(e||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),C=t=>r(p({},"__esModule",{value:!0}),t);var P={};T(P,{Section:()=>i});module.exports=C(P);var l=require("@stackshift-ui/system"),a=g(require("classnames")),x=require("react/jsx-runtime"),c="Section",i=({children:t,className:e,maxWidth:o="full",as:s,...n})=>{let{[c]:d=l.DefaultComponent}=(0,l.useStackShiftUIComponents)(),m=typeof o=="number"?`${o.toString()}px`:{sm:"384px",md:"448px",lg:"512px",xl:"576px","2xl":"672px",full:"100%"}[o],f=m!=null?m:"80rem";return(0,x.jsx)(d,{as:s,className:(0,a.default)("mx-auto w-full px-4",e),style:{maxWidth:f},...n,children:t})};i.displayName=c;0&&(module.exports={Section});
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";import{a as e}from"./chunk-
|
|
2
|
+
"use strict";import{a as e}from"./chunk-J23L3RFH.mjs";export{e as Section};
|
package/dist/section.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var u=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var T=(t,e)=>{for(var o in e)p(t,o,{get:e[o],enumerable:!0})},
|
|
1
|
+
"use strict";var u=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var T=(t,e)=>{for(var o in e)p(t,o,{get:e[o],enumerable:!0})},a=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of S(e))!N.call(t,n)&&n!==o&&p(t,n,{get:()=>e[n],enumerable:!(s=y(e,n))||s.enumerable});return t};var g=(t,e,o)=>(o=t!=null?u(h(t)):{},a(e||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),C=t=>a(p({},"__esModule",{value:!0}),t);var P={};T(P,{Section:()=>i});module.exports=C(P);var l=require("@stackshift-ui/system"),c=g(require("classnames")),x=require("react/jsx-runtime"),r="Section",i=({children:t,className:e,maxWidth:o="full",as:s,...n})=>{let{[r]:d=l.DefaultComponent}=(0,l.useStackShiftUIComponents)(),m=typeof o=="number"?`${o.toString()}px`:{sm:"384px",md:"448px",lg:"512px",xl:"576px","2xl":"672px",full:"100%"}[o],f=m!=null?m:"80rem";return(0,x.jsx)(d,{as:s,className:(0,c.default)("mx-auto w-full px-4",e),style:{maxWidth:f},...n,children:t})};i.displayName=r;0&&(module.exports={Section});
|
package/dist/section.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-J23L3RFH.mjs";export{a as Section};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/section",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "7.0.0-beta.
|
|
4
|
+
"version": "7.0.0-beta.3",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -29,16 +29,16 @@
|
|
|
29
29
|
"typescript": "^5.6.2",
|
|
30
30
|
"vite-tsconfig-paths": "^5.0.1",
|
|
31
31
|
"vitest": "^2.1.1",
|
|
32
|
-
"@stackshift-ui/
|
|
33
|
-
"@stackshift-ui/
|
|
32
|
+
"@stackshift-ui/typescript-config": "6.0.10",
|
|
33
|
+
"@stackshift-ui/eslint-config": "6.0.10"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"classnames": "^2.5.1",
|
|
37
|
-
"@stackshift-ui/
|
|
38
|
-
"@stackshift-ui/
|
|
37
|
+
"@stackshift-ui/system": "6.1.0-beta.3",
|
|
38
|
+
"@stackshift-ui/scripts": "6.1.0-beta.2"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
|
-
"@stackshift-ui/system": ">=6.1.0-beta.
|
|
41
|
+
"@stackshift-ui/system": ">=6.1.0-beta.3",
|
|
42
42
|
"@types/react": "16.8 - 19",
|
|
43
43
|
"next": "10 - 14",
|
|
44
44
|
"react": "16.8 - 19",
|
package/dist/chunk-ROXQZ2U5.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{DefaultComponent as c,useStackShiftUIComponents as r}from"@stackshift-ui/system";import i from"classnames";import{jsx as x}from"react/jsx-runtime";var o="Section",d=({children:s,className:n,maxWidth:t="full",as:p,...a})=>{let{[o]:l=c}=r(),e=typeof t=="number"?`${t.toString()}px`:{sm:"384px",md:"448px",lg:"512px",xl:"576px","2xl":"672px",full:"100%"}[t],m=e!=null?e:"80rem";return x(l,{as:p,className:i("mx-auto w-full px-4",n),style:{maxWidth:m},...a,"data-testid":o,children:s})};d.displayName=o;export{d as a};
|