najwer23morsels 0.10.8 → 0.10.10

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.
Files changed (3) hide show
  1. package/lib/Grid.js +1 -1
  2. package/lib/grid/Grid.d.ts +1 -1
  3. package/package.json +20 -20
package/lib/Grid.js CHANGED
@@ -1 +1 @@
1
- import{jsxs as i,jsx as r}from"react/jsx-runtime";import{s as d}from"./style-inject.es-BnTDb6vU.js";import{L as o}from"./Loader-CL-mm0LT.js";import"./TextBox-B47QWA9m.js";var a={n23mGridContainer:"Grid-module_n23mGridContainer__G1O3I",n23mGridColumns:"Grid-module_n23mGridColumns__oyScE"};d("@layer n23mGrid{.Grid-module_n23mGridContainer__G1O3I{box-sizing:border-box;margin:var(--grid-m);max-width:var(--grid-wMax);min-height:var(--grid-mh);min-width:var(--grid-wMin);padding:var(--grid-p)}.Grid-module_n23mGridColumns__oyScE{column-gap:var(--grid-col-gap);display:flex;flex-wrap:wrap;row-gap:var(--grid-row-gap);width:100%}.Grid-module_n23mGridColumns__oyScE>div{width:calc(100%/var(--gfc) - ((var(--gfc) - 1)/var(--gfc))*var(--grid-col-gap))}@media (max-width:767.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-mobile)}}@media (min-width:768px) and (max-width:1199.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-tablet)}}@media (min-width:1200px) and (max-width:1599.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-small-desktop)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-desktop)}}}");const n=({children:d,widthMin:n=0,widthMax:m=1920,padding:l="0",margin:e="auto",layout:t,gap:g,col:c,loading:s=!1,minHeight:p,className:u,...G})=>{if("container"===t)return i("div",{className:[a.n23mGridContainer,"n23mGridContainer",u].filter(Boolean).join(" "),style:{"--grid-mh":`${p}px`,"--grid-wMin":`${n}px`,"--grid-wMax":`${m}px`,"--grid-p":l,"--grid-m":e},...G,children:[!s&&d,s&&r(o,{minHeight:p})]});if(!g||!c)throw new Error('When layout="columns", gap and col props are required');return r("div",{className:[a.n23mGridColumns,"n23mGridColumns",u].filter(Boolean).join(" "),style:{"--grid-col-mobile":c.mobile.toString(),"--grid-col-tablet":c.tablet.toString(),"--grid-col-small-desktop":c.smallDesktop.toString(),"--grid-col-desktop":c.desktop.toString(),"--grid-col-gap":g.col,"--grid-row-gap":g.row},...G,children:d})};n.displayName="Grid";export{n as Grid};
1
+ import{jsxs as i,jsx as r}from"react/jsx-runtime";import{s as d}from"./style-inject.es-BnTDb6vU.js";import{L as o}from"./Loader-CL-mm0LT.js";import"./TextBox-B47QWA9m.js";var a={n23mGridContainer:"Grid-module_n23mGridContainer__G1O3I",n23mGridColumns:"Grid-module_n23mGridColumns__oyScE"};d("@layer n23mGrid{.Grid-module_n23mGridContainer__G1O3I,.Grid-module_n23mGridFlex__bsotF{box-sizing:border-box;margin:var(--grid-m);max-width:var(--grid-wMax);min-height:var(--grid-mh);min-width:var(--grid-wMin);padding:var(--grid-p)}.Grid-module_n23mGridFlex__bsotF{display:flex;flex-wrap:wrap}.Grid-module_n23mGridColumns__oyScE{column-gap:var(--grid-col-gap);display:flex;flex-wrap:wrap;row-gap:var(--grid-row-gap);width:100%}.Grid-module_n23mGridColumns__oyScE>div{width:calc(100%/var(--gfc) - ((var(--gfc) - 1)/var(--gfc))*var(--grid-col-gap))}@media (max-width:767.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-mobile)}}@media (min-width:768px) and (max-width:1199.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-tablet)}}@media (min-width:1200px) and (max-width:1599.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-small-desktop)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-desktop)}}}");const m=({children:d,widthMin:m=0,widthMax:l=1920,padding:n="0",margin:e="auto",layout:t,gap:g,col:s,loading:c=!1,minHeight:p,className:_,...G})=>{if("container"===t||"flex"===t)return i("div",{className:[a.n23mGridContainer,`n23mGrid${t.charAt(0).toUpperCase()+t.slice(1)}`,_].filter(Boolean).join(" "),style:{"--grid-mh":`${p}px`,"--grid-wMin":`${m}px`,"--grid-wMax":`${l}px`,"--grid-p":n,"--grid-m":e},...G,children:[!c&&d,c&&r(o,{minHeight:p})]});if(!g||!s)throw new Error('When layout="columns", gap and col props are required');return r("div",{className:[a.n23mGridColumns,"n23mGridColumns",_].filter(Boolean).join(" "),style:{"--grid-col-mobile":s.mobile.toString(),"--grid-col-tablet":s.tablet.toString(),"--grid-col-small-desktop":s.smallDesktop.toString(),"--grid-col-desktop":s.desktop.toString(),"--grid-col-gap":g.col,"--grid-row-gap":g.row},...G,children:d})};m.displayName="Grid";export{m as Grid};
package/lib/grid/Grid.d.ts CHANGED
@@ -19,7 +19,7 @@ interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
19
19
  loading?: boolean;
20
20
  gap?: Gap;
21
21
  col?: Col;
22
- layout: 'columns' | 'container';
22
+ layout: 'columns' | 'container' | 'flex';
23
23
  }
24
24
  export declare const Grid: React.FC<GridProps>;
25
25
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "najwer23morsels",
3
- "version": "0.10.8",
3
+ "version": "0.10.10",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./lib/index.mjs",
6
6
  "types": "./lib/index.d.ts",
@@ -21,32 +21,32 @@
21
21
  "release": "yarn build && yarn && changeset && changeset version && changeset publish && rimraf ./lib && rimraf ./.yarn/cache"
22
22
  },
23
23
  "devDependencies": {
24
- "@changesets/cli": "^2.29.5",
25
- "@rollup/plugin-node-resolve": "^16.0.1",
24
+ "@changesets/cli": "^2.29.7",
25
+ "@rollup/plugin-node-resolve": "^16.0.3",
26
26
  "@rollup/plugin-terser": "0.4.4",
27
- "@storybook/addon-a11y": "^9.0.15",
28
- "@storybook/addon-docs": "^9.0.15",
29
- "@storybook/react-vite": "^9.0.15",
30
- "@types/react": "^19.1.8",
31
- "@types/react-dom": "^19.1.6",
32
- "@vitejs/plugin-react": "^4.6.0",
27
+ "@storybook/addon-a11y": "^10.0.6",
28
+ "@storybook/addon-docs": "^10.0.6",
29
+ "@storybook/react-vite": "^10.0.6",
30
+ "@types/react": "^19.2.2",
31
+ "@types/react-dom": "^19.2.2",
32
+ "@vitejs/plugin-react": "^5.1.0",
33
33
  "gh-pages": "^6.3.0",
34
- "plop": "^4.0.1",
34
+ "plop": "^4.0.4",
35
35
  "postcss": "^8.5.6",
36
36
  "prettier": "^3.6.2",
37
- "react": "^19.1.0",
38
- "react-dom": "^19.1.0",
39
- "rimraf": "^6.0.1",
40
- "rollup": "^4.44.1",
41
- "rollup-plugin-dts": "6.2.1",
37
+ "react": "^19.2.0",
38
+ "react-dom": "^19.2.0",
39
+ "rimraf": "^6.1.0",
40
+ "rollup": "^4.53.1",
41
+ "rollup-plugin-dts": "6.2.3",
42
42
  "rollup-plugin-output-size": "^2.0.0",
43
43
  "rollup-plugin-peer-deps-external": "^2.2.4",
44
44
  "rollup-plugin-postcss": "^4.0.2",
45
45
  "rollup-plugin-typescript2": "0.36.0",
46
- "storybook": "^9.0.15",
46
+ "storybook": "^10.0.6",
47
47
  "storybook-css-modules-preset": "^1.1.1",
48
- "typescript": "^5.8.3",
49
- "vite": "^7.0.0"
48
+ "typescript": "^5.9.3",
49
+ "vite": "^7.2.2"
50
50
  },
51
51
  "peerDependencies": {
52
52
  "react": "^19.1.0",
@@ -56,7 +56,7 @@
56
56
  "react",
57
57
  "react 19",
58
58
  "storybook",
59
- "storybook 9",
59
+ "storybook 10",
60
60
  "design-system",
61
61
  "gh-pages",
62
62
  "typescript",
@@ -71,5 +71,5 @@
71
71
  "url": "git+https://github.com/najwer23/najwer23morsels.git"
72
72
  },
73
73
  "license": "MIT",
74
- "packageManager": "yarn@4.9.2"
74
+ "packageManager": "yarn@4.11.0"
75
75
  }