@negative-space/grid 1.3.1 → 1.3.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 +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Grid.tsx"],"names":["forwardRef","useNSUI","jsx","cn"],"mappings":";;;;;;;AAsDO,IAAM,IAAA,GAAOA,gBAAA;AAAA,EAClB,CACE;AAAA,IACE,EAAA;AAAA,IACA,OAAA,GAAU,CAAA;AAAA,IACV,IAAA,GAAO,CAAA;AAAA,IACP,GAAA,GAAM,QAAA;AAAA,IACN,UAAA,GAAa,OAAA;AAAA,IACb,YAAA,GAAe,OAAA;AAAA,IACf,YAAA,GAAe,OAAA;AAAA,IACf,cAAA,GAAiB,OAAA;AAAA,IACjB,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,YAAY,EAAA,IAAO,KAAA;AACzB,IAAA,MAAM,EAAE,MAAA,EAAO,GAAIC,cAAA,EAAQ;AAE3B,IAAA,MAAM,SAAA,GAA2B;AAAA,MAC/B,OAAA,EAAS,MAAA;AAAA,MACT,mBAAA,EAAqB,UAAU,OAAO,CAAA,MAAA,CAAA;AAAA,MACtC,gBAAA,EAAkB,IAAA,KAAS,MAAA,GAAS,MAAA,GAAS,UAAU,IAAI,CAAA,MAAA,CAAA;AAAA,MAC3D,GAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,GAAG;AAAA,KACL;AAEA,IAAA,uBACEC,cAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,GAAA;AAAA,QACA,WAAWC,SAAA,CAAG,CAAA,EAAG,MAAA,CAAO,SAAS,SAAS,SAAS,CAAA;AAAA,QACnD,KAAA,EAAO,SAAA;AAAA,QAEN;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"index.js","sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../src/Grid.tsx"],"names":["forwardRef","useNSUI","jsx","cn"],"mappings":";;;;;;;AAsDO,IAAM,IAAA,GAAOA,gBAAA;AAAA,EAClB,CACE;AAAA,IACE,EAAA;AAAA,IACA,OAAA,GAAU,CAAA;AAAA,IACV,IAAA,GAAO,CAAA;AAAA,IACP,GAAA,GAAM,QAAA;AAAA,IACN,UAAA,GAAa,OAAA;AAAA,IACb,YAAA,GAAe,OAAA;AAAA,IACf,YAAA,GAAe,OAAA;AAAA,IACf,cAAA,GAAiB,OAAA;AAAA,IACjB,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,YAAY,EAAA,IAAO,KAAA;AACzB,IAAA,MAAM,EAAE,MAAA,EAAO,GAAIC,cAAA,EAAQ;AAE3B,IAAA,MAAM,SAAA,GAA2B;AAAA,MAC/B,OAAA,EAAS,MAAA;AAAA,MACT,mBAAA,EAAqB,UAAU,OAAO,CAAA,MAAA,CAAA;AAAA,MACtC,gBAAA,EAAkB,IAAA,KAAS,MAAA,GAAS,MAAA,GAAS,UAAU,IAAI,CAAA,MAAA,CAAA;AAAA,MAC3D,GAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,GAAG;AAAA,KACL;AAEA,IAAA,uBACEC,cAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,GAAA;AAAA,QACA,WAAWC,SAAA,CAAG,CAAA,EAAG,MAAA,CAAO,SAAS,SAAS,SAAS,CAAA;AAAA,QACnD,KAAA,EAAO,SAAA;AAAA,QAEN;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"index.js","sourcesContent":["import { cn, useNSUI } from '@negative-space/system'\nimport React, { CSSProperties, forwardRef } from 'react'\n\ntype GridElement =\n | 'div'\n | 'aside'\n | 'header'\n | 'footer'\n | 'main'\n | 'section'\n | 'nav'\n | 'article'\n | 'label'\n | 'fieldset'\n | 'ol'\n | 'ul'\n | 'li'\n | 'dl'\n | 'dt'\n | 'dd'\n | 'form'\n\ntype GridDomMap = {\n div: HTMLDivElement\n aside: HTMLElement\n header: HTMLElement\n footer: HTMLElement\n main: HTMLElement\n section: HTMLElement\n nav: HTMLElement\n article: HTMLElement\n label: HTMLLabelElement\n fieldset: HTMLFieldSetElement\n ol: HTMLOListElement\n ul: HTMLUListElement\n li: HTMLLIElement\n dl: HTMLDListElement\n dt: HTMLElement\n dd: HTMLElement\n form: HTMLFormElement\n}\n\nexport type GridProps<E extends GridElement = 'div'> = {\n as?: E\n columns?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n rows?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto'\n gap?: CSSProperties['gap']\n alignItems?: CSSProperties['alignItems']\n justifyItems?: CSSProperties['justifyItems']\n alignContent?: CSSProperties['alignContent']\n justifyContent?: CSSProperties['justifyContent']\n style?: CSSProperties\n} & React.ComponentPropsWithoutRef<E>\n\nexport const Grid = forwardRef(\n <E extends GridElement = 'div'>(\n {\n as,\n columns = 2,\n rows = 1,\n gap = '0.5rem',\n alignItems = 'start',\n justifyItems = 'start',\n alignContent = 'start',\n justifyContent = 'start',\n className,\n style,\n children,\n ...props\n }: GridProps<E>,\n ref: React.Ref<GridDomMap[E]>\n ) => {\n const Component = as ?? ('div' as React.ElementType)\n const { global } = useNSUI()\n\n const gridStyle: CSSProperties = {\n display: 'grid',\n gridTemplateColumns: `repeat(${columns}, 1fr)`,\n gridTemplateRows: rows === 'auto' ? 'auto' : `repeat(${rows}, 1fr)`,\n gap,\n alignItems,\n justifyItems,\n alignContent,\n justifyContent,\n ...style\n }\n\n return (\n <Component\n {...props}\n ref={ref}\n className={cn(`${global.prefixCls}-grid`, className)}\n style={gridStyle}\n >\n {children}\n </Component>\n )\n }\n)\n\nGrid.displayName = 'Grid'\n"]}
|
package/dist/index.mjs
CHANGED
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Grid.tsx"],"names":[],"mappings":";;;;;AAsDO,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CACE;AAAA,IACE,EAAA;AAAA,IACA,OAAA,GAAU,CAAA;AAAA,IACV,IAAA,GAAO,CAAA;AAAA,IACP,GAAA,GAAM,QAAA;AAAA,IACN,UAAA,GAAa,OAAA;AAAA,IACb,YAAA,GAAe,OAAA;AAAA,IACf,YAAA,GAAe,OAAA;AAAA,IACf,cAAA,GAAiB,OAAA;AAAA,IACjB,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,YAAY,EAAA,IAAO,KAAA;AACzB,IAAA,MAAM,EAAE,MAAA,EAAO,GAAI,OAAA,EAAQ;AAE3B,IAAA,MAAM,SAAA,GAA2B;AAAA,MAC/B,OAAA,EAAS,MAAA;AAAA,MACT,mBAAA,EAAqB,UAAU,OAAO,CAAA,MAAA,CAAA;AAAA,MACtC,gBAAA,EAAkB,IAAA,KAAS,MAAA,GAAS,MAAA,GAAS,UAAU,IAAI,CAAA,MAAA,CAAA;AAAA,MAC3D,GAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,GAAA;AAAA,QACA,WAAW,EAAA,CAAG,CAAA,EAAG,MAAA,CAAO,SAAS,SAAS,SAAS,CAAA;AAAA,QACnD,KAAA,EAAO,SAAA;AAAA,QAEN;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"index.mjs","sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../src/Grid.tsx"],"names":[],"mappings":";;;;;AAsDO,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CACE;AAAA,IACE,EAAA;AAAA,IACA,OAAA,GAAU,CAAA;AAAA,IACV,IAAA,GAAO,CAAA;AAAA,IACP,GAAA,GAAM,QAAA;AAAA,IACN,UAAA,GAAa,OAAA;AAAA,IACb,YAAA,GAAe,OAAA;AAAA,IACf,YAAA,GAAe,OAAA;AAAA,IACf,cAAA,GAAiB,OAAA;AAAA,IACjB,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,YAAY,EAAA,IAAO,KAAA;AACzB,IAAA,MAAM,EAAE,MAAA,EAAO,GAAI,OAAA,EAAQ;AAE3B,IAAA,MAAM,SAAA,GAA2B;AAAA,MAC/B,OAAA,EAAS,MAAA;AAAA,MACT,mBAAA,EAAqB,UAAU,OAAO,CAAA,MAAA,CAAA;AAAA,MACtC,gBAAA,EAAkB,IAAA,KAAS,MAAA,GAAS,MAAA,GAAS,UAAU,IAAI,CAAA,MAAA,CAAA;AAAA,MAC3D,GAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,GAAA;AAAA,QACA,WAAW,EAAA,CAAG,CAAA,EAAG,MAAA,CAAO,SAAS,SAAS,SAAS,CAAA;AAAA,QACnD,KAAA,EAAO,SAAA;AAAA,QAEN;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"index.mjs","sourcesContent":["import { cn, useNSUI } from '@negative-space/system'\nimport React, { CSSProperties, forwardRef } from 'react'\n\ntype GridElement =\n | 'div'\n | 'aside'\n | 'header'\n | 'footer'\n | 'main'\n | 'section'\n | 'nav'\n | 'article'\n | 'label'\n | 'fieldset'\n | 'ol'\n | 'ul'\n | 'li'\n | 'dl'\n | 'dt'\n | 'dd'\n | 'form'\n\ntype GridDomMap = {\n div: HTMLDivElement\n aside: HTMLElement\n header: HTMLElement\n footer: HTMLElement\n main: HTMLElement\n section: HTMLElement\n nav: HTMLElement\n article: HTMLElement\n label: HTMLLabelElement\n fieldset: HTMLFieldSetElement\n ol: HTMLOListElement\n ul: HTMLUListElement\n li: HTMLLIElement\n dl: HTMLDListElement\n dt: HTMLElement\n dd: HTMLElement\n form: HTMLFormElement\n}\n\nexport type GridProps<E extends GridElement = 'div'> = {\n as?: E\n columns?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n rows?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto'\n gap?: CSSProperties['gap']\n alignItems?: CSSProperties['alignItems']\n justifyItems?: CSSProperties['justifyItems']\n alignContent?: CSSProperties['alignContent']\n justifyContent?: CSSProperties['justifyContent']\n style?: CSSProperties\n} & React.ComponentPropsWithoutRef<E>\n\nexport const Grid = forwardRef(\n <E extends GridElement = 'div'>(\n {\n as,\n columns = 2,\n rows = 1,\n gap = '0.5rem',\n alignItems = 'start',\n justifyItems = 'start',\n alignContent = 'start',\n justifyContent = 'start',\n className,\n style,\n children,\n ...props\n }: GridProps<E>,\n ref: React.Ref<GridDomMap[E]>\n ) => {\n const Component = as ?? ('div' as React.ElementType)\n const { global } = useNSUI()\n\n const gridStyle: CSSProperties = {\n display: 'grid',\n gridTemplateColumns: `repeat(${columns}, 1fr)`,\n gridTemplateRows: rows === 'auto' ? 'auto' : `repeat(${rows}, 1fr)`,\n gap,\n alignItems,\n justifyItems,\n alignContent,\n justifyContent,\n ...style\n }\n\n return (\n <Component\n {...props}\n ref={ref}\n className={cn(`${global.prefixCls}-grid`, className)}\n style={gridStyle}\n >\n {children}\n </Component>\n )\n }\n)\n\nGrid.displayName = 'Grid'\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@negative-space/grid",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"url": "https://github.com/negative-space-ui/nsui/issues"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@negative-space/system": "1.
|
|
33
|
+
"@negative-space/system": "1.3.1"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"react": "^19.2.3"
|