@stackshift-ui/grid-item 7.0.0-beta.3 → 7.0.0-beta.4
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/package.json +4 -4
- package/dist/chunk-32BAOTCJ.mjs +0 -37
- package/dist/chunk-WFQY4D33.mjs +0 -1
- package/dist/grid-item.d.ts +0 -10
- package/dist/grid-item.js +0 -1
- package/dist/grid-item.mjs +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -2
- package/dist/index.mjs +0 -2
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/grid-item",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "7.0.0-beta.
|
|
4
|
+
"version": "7.0.0-beta.4",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -34,11 +34,11 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"classnames": "^2.5.1",
|
|
37
|
-
"@stackshift-ui/
|
|
38
|
-
"@stackshift-ui/
|
|
37
|
+
"@stackshift-ui/scripts": "7.0.0-beta.3",
|
|
38
|
+
"@stackshift-ui/system": "7.0.0-beta.4"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
|
-
"@stackshift-ui/system": ">=
|
|
41
|
+
"@stackshift-ui/system": ">=7.0.0-beta.4",
|
|
42
42
|
"@types/react": "16.8 - 19",
|
|
43
43
|
"next": "10 - 14",
|
|
44
44
|
"react": "16.8 - 19",
|
package/dist/chunk-32BAOTCJ.mjs
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
// src/grid-item.tsx
|
|
2
|
-
import { DefaultComponent, useStackShiftUIComponents } from "@stackshift-ui/system";
|
|
3
|
-
import cn from "classnames";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
var displayName = "GridItem";
|
|
6
|
-
var GridItem = ({
|
|
7
|
-
span = "auto",
|
|
8
|
-
children,
|
|
9
|
-
className,
|
|
10
|
-
as,
|
|
11
|
-
...props
|
|
12
|
-
}) => {
|
|
13
|
-
const { [displayName]: Component = DefaultComponent } = useStackShiftUIComponents();
|
|
14
|
-
const spanVariants = {
|
|
15
|
-
auto: "col-span-auto",
|
|
16
|
-
1: "col-span-1",
|
|
17
|
-
2: "col-span-2",
|
|
18
|
-
3: "col-span-3",
|
|
19
|
-
4: "col-span-4",
|
|
20
|
-
5: "col-span-5",
|
|
21
|
-
6: "col-span-6",
|
|
22
|
-
7: "col-span-7",
|
|
23
|
-
8: "col-span-8",
|
|
24
|
-
9: "col-span-9",
|
|
25
|
-
10: "col-span-10",
|
|
26
|
-
11: "col-span-11",
|
|
27
|
-
12: "col-span-12"
|
|
28
|
-
};
|
|
29
|
-
const spanClass = spanVariants[span];
|
|
30
|
-
const classes = `${spanClass}`;
|
|
31
|
-
return /* @__PURE__ */ jsx(Component, { as, className: cn(classes, className), ...props, children });
|
|
32
|
-
};
|
|
33
|
-
GridItem.displayName = displayName;
|
|
34
|
-
|
|
35
|
-
export {
|
|
36
|
-
GridItem
|
|
37
|
-
};
|
package/dist/chunk-WFQY4D33.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{DefaultComponent as l,useStackShiftUIComponents as r}from"@stackshift-ui/system";import m from"classnames";import{jsx as d}from"react/jsx-runtime";var s="GridItem",i=({span:a="auto",children:n,className:o,as:p,...t})=>{let{[s]:e=l}=r(),c=`${{auto:"col-span-auto",1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"}[a]}`;return d(e,{as:p,className:m(c,o),...t,children:n})};i.displayName=s;export{i as a};
|
package/dist/grid-item.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ElementType, HTMLProps, ReactNode } from "react";
|
|
2
|
-
export interface GridItemProps extends Omit<HTMLProps<HTMLElement>, "as" | "span"> {
|
|
3
|
-
span?: Span;
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
as?: ElementType;
|
|
7
|
-
}
|
|
8
|
-
type Span = "auto" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
9
|
-
export declare const GridItem: React.FC<GridItemProps>;
|
|
10
|
-
export {};
|
package/dist/grid-item.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var f=Object.create;var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var T=(s,a)=>{for(var n in a)t(s,n,{get:a[n],enumerable:!0})},c=(s,a,n,p)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of y(a))!I.call(s,o)&&o!==n&&t(s,o,{get:()=>a[o],enumerable:!(p=u(a,o))||p.enumerable});return s};var G=(s,a,n)=>(n=s!=null?f(N(s)):{},c(a||!s||!s.__esModule?t(n,"default",{value:s,enumerable:!0}):n,s)),P=s=>c(t({},"__esModule",{value:!0}),s);var S={};T(S,{GridItem:()=>m});module.exports=P(S);var e=require("@stackshift-ui/system"),l=G(require("classnames")),i=require("react/jsx-runtime"),r="GridItem",m=({span:s="auto",children:a,className:n,as:p,...o})=>{let{[r]:d=e.DefaultComponent}=(0,e.useStackShiftUIComponents)(),C=`${{auto:"col-span-auto",1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"}[s]}`;return(0,i.jsx)(d,{as:p,className:(0,l.default)(C,n),...o,children:a})};m.displayName=r;0&&(module.exports={GridItem});
|
package/dist/grid-item.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a}from"./chunk-WFQY4D33.mjs";export{a as GridItem};
|
package/dist/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./grid-item";
|
package/dist/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";var u=Object.create;var p=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var T=(s,a)=>{for(var o in a)p(s,o,{get:a[o],enumerable:!0})},c=(s,a,o,t)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of y(a))!I.call(s,n)&&n!==o&&p(s,n,{get:()=>a[n],enumerable:!(t=C(a,n))||t.enumerable});return s};var G=(s,a,o)=>(o=s!=null?u(N(s)):{},c(a||!s||!s.__esModule?p(o,"default",{value:s,enumerable:!0}):o,s)),P=s=>c(p({},"__esModule",{value:!0}),s);var S={};T(S,{GridItem:()=>m});module.exports=P(S);var e=require("@stackshift-ui/system"),l=G(require("classnames")),i=require("react/jsx-runtime"),r="GridItem",m=({span:s="auto",children:a,className:o,as:t,...n})=>{let{[r]:d=e.DefaultComponent}=(0,e.useStackShiftUIComponents)(),f=`${{auto:"col-span-auto",1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"}[s]}`;return(0,i.jsx)(d,{as:t,className:(0,l.default)(f,o),...n,children:a})};m.displayName=r;0&&(module.exports={GridItem});
|
package/dist/index.mjs
DELETED