@stackshift-ui/features 6.0.8 → 6.0.9
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-LSHC4RSQ.mjs +3 -0
- package/dist/chunk-WYGSNF4R.mjs +1 -0
- package/package.json +14 -14
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{Button as p}from"@stackshift-ui/button";import{Container as w}from"@stackshift-ui/container";import{Heading as h}from"@stackshift-ui/heading";import{Image as v}from"@stackshift-ui/image";import{Section as b}from"@stackshift-ui/section";import{Text as s}from"@stackshift-ui/text";import N from"react";import{jsx as i,jsxs as c}from"react/jsx-runtime";function e({featuredItems:l}){let[o,n]=N.useState(0);return i(b,{className:"py-20 overflow-x-auto bg-background",children:i(w,{maxWidth:1280,children:i(C,{featuredItems:l,slider:x=>{l&&(x==="next"?o!==l.length-1?n(t=>t+1):n(0):o>=1?n(t=>t-1):n(l.length-1))},children:c("div",{className:"w-full",children:[i(k,{featuredItems:l,item:o}),i(F,{featuredItems:l,item:o})]})})})})}function k({featuredItems:l,item:o}){var n,r,x,t,g,a,m;return(r=(n=l==null?void 0:l[o])==null?void 0:n.mainImage)!=null&&r.image?i("div",{className:"w-full lg:w-[75%] xl:w-[60%] lg:-translate-x-[10%] xl:-translate-x-[20%]",children:i(v,{className:"h-full",src:`${(t=(x=l==null?void 0:l[o])==null?void 0:x.mainImage)==null?void 0:t.image}`,sizes:"100vw",width:896,height:575,alt:(m=(a=(g=l==null?void 0:l[o])==null?void 0:g.mainImage)==null?void 0:a.alt)!=null?m:`features-image-${o}`})}):null}function F({featuredItems:l,item:o}){var n,r,x,t,g,a;return l?c("div",{className:`w-full lg:w-[45%] xl:w-[40%] bg-white p-8 lg:max-w-xl lg:p-12
|
|
2
|
+
lg:absolute lg:left-[10%] xl:left-[15%] lg:top-1/2 lg:-translate-y-1/2
|
|
3
|
+
shadow-lg text-center`,children:[i(s,{weight:"bold",className:"text-xs md:text-sm lg:text-md text-secondary",children:((n=l==null?void 0:l[o])==null?void 0:n.subtitle)&&((r=l==null?void 0:l[o])==null?void 0:r.subtitle)}),i(h,{className:"mt-4 text-lg md:text-xl lg:text-3xl",children:((x=l==null?void 0:l[o])==null?void 0:x.title)&&((t=l==null?void 0:l[o])==null?void 0:t.title)}),i(s,{muted:!0,className:"text-xs leading-loose text-center md:mt-5 md:text-sm lg:mt-5 lg:text-sm",children:((g=l==null?void 0:l[o])==null?void 0:g.description)&&((a=l==null?void 0:l[o])==null?void 0:a.description)})]}):null}function C({featuredItems:l,children:o,slider:n}){return l?c("div",{className:"relative flex pt-10",children:[i("div",{className:"z-[1] absolute mt-20 md:mt-40 lg:mt-60 left-0 -mx-3 xl:-mx-6 xl:flex items-center",children:(l==null?void 0:l.length)>=2&&i(p,{as:"button",ariaLabel:"Show Previous Feature",className:"z-10 p-4 text-white ",onClick:()=>n("prev"),children:i("svg",{className:"w-4 h-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:i("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M10 19l-7-7m0 0l7-7m-7 7h18"})})})}),o,i("div",{className:"z-[1] absolute mt-20 md:mt-40 lg:mt-60 right-0 -mx-3 xl:-mx-6 xl:flex items-center",children:(l==null?void 0:l.length)>=2&&i(p,{as:"button",ariaLabel:"Show Next Feature",className:"p-4 text-white ",onClick:()=>n("next"),children:i("svg",{className:"w-4 h-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:i("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})})})]}):null}export{e as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{lazy as r}from"react";import{jsx as R}from"react/jsx-runtime";var A={variant_a:r(()=>import("./features_a.mjs")),variant_b:r(()=>import("./features_b.mjs")),variant_c:r(()=>import("./features_c.mjs")),variant_d:r(()=>import("./features_d.mjs")),variant_e:r(()=>import("./features_e.mjs")),variant_f:r(()=>import("./features_f.mjs")),variant_g:r(()=>import("./features_g.mjs")),variant_h:r(()=>import("./features_h.mjs"))},x="Features",b=({data:e})=>{var t,s,o,m,p,u,f,g,c,v,l,I,y,a,F,T;let i=e==null?void 0:e.variant,n=i&&A[i],_={caption:(s=(t=e==null?void 0:e.variants)==null?void 0:t.subtitle)!=null?s:void 0,title:(m=(o=e==null?void 0:e.variants)==null?void 0:o.title)!=null?m:void 0,description:(u=(p=e==null?void 0:e.variants)==null?void 0:p.description)!=null?u:void 0,features:(g=(f=e==null?void 0:e.variants)==null?void 0:f.arrayOfImageTitleAndText)!=null?g:void 0,tags:(v=(c=e==null?void 0:e.variants)==null?void 0:c.tags)!=null?v:void 0,featuredItems:(I=(l=e==null?void 0:e.variants)==null?void 0:l.featuredItems)!=null?I:void 0,images:(a=(y=e==null?void 0:e.variants)==null?void 0:y.images)!=null?a:void 0,primaryButton:(T=(F=e==null?void 0:e.variants)==null?void 0:F.primaryButton)!=null?T:void 0};return n?R(n,{..._}):null};b.displayName=x;export{b as a};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/features",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "6.0.
|
|
4
|
+
"version": "6.0.9",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -29,28 +29,28 @@
|
|
|
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.6",
|
|
33
|
+
"@stackshift-ui/eslint-config": "6.0.6"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"classnames": "^2.5.1",
|
|
37
|
-
"@stackshift-ui/
|
|
38
|
-
"@stackshift-ui/
|
|
39
|
-
"@stackshift-ui/
|
|
40
|
-
"@stackshift-ui/text": "6.0.
|
|
41
|
-
"@stackshift-ui/
|
|
42
|
-
"@stackshift-ui/
|
|
43
|
-
"@stackshift-ui/
|
|
44
|
-
"@stackshift-ui/
|
|
45
|
-
"@stackshift-ui/
|
|
46
|
-
"@stackshift-ui/
|
|
37
|
+
"@stackshift-ui/scripts": "6.0.6",
|
|
38
|
+
"@stackshift-ui/heading": "6.0.7",
|
|
39
|
+
"@stackshift-ui/image": "6.0.7",
|
|
40
|
+
"@stackshift-ui/text": "6.0.7",
|
|
41
|
+
"@stackshift-ui/button": "6.0.7",
|
|
42
|
+
"@stackshift-ui/card": "6.0.7",
|
|
43
|
+
"@stackshift-ui/system": "6.0.7",
|
|
44
|
+
"@stackshift-ui/flex": "6.0.7",
|
|
45
|
+
"@stackshift-ui/section": "6.0.7",
|
|
46
|
+
"@stackshift-ui/container": "6.0.7"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"@types/react": "16.8 - 19",
|
|
50
50
|
"next": "10 - 14",
|
|
51
51
|
"react": "16.8 - 19",
|
|
52
52
|
"react-dom": "16.8 - 19",
|
|
53
|
-
"@stackshift-ui/system": ">=6.0.
|
|
53
|
+
"@stackshift-ui/system": ">=6.0.7"
|
|
54
54
|
},
|
|
55
55
|
"peerDependenciesMeta": {
|
|
56
56
|
"next": {
|