najwer23morsels 0.20.2 → 0.20.4

package/lib/Footer.js

@@ -1 +1 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{G as t}from"./Grid-DaGizIDc.js";import{T as r}from"./TextBox-CWSg4nm8.js";import{s as i,g as n}from"./style-inject.es-CrVRO2OA.js";import"./Loader-D8OrIi__.js";import"react";var a={n23mFooter:"Footer-module_n23mFooter__R0RUZ",n23mFooterPush:"Footer-module_n23mFooterPush__LbDeJ",n23mFooterContainer:"Footer-module_n23mFooterContainer__gMHjx"};i("@layer n23mFooter{html{height:100%}body{min-height:100%;position:relative}.Footer-module_n23mFooter__R0RUZ{.Footer-module_n23mFooterPush__LbDeJ{padding-bottom:100px}.Footer-module_n23mFooterContainer__gMHjx{background-color:var(--bc);bottom:0;height:100px;position:absolute;width:100%}}}");const l=({children:i,author:l="Mariusz Najwer",className:m,initialYear:s="2019",backgroundColor:d="#333333",color:c="white",style:h,...p})=>o("footer",{className:[a.n23mFooter,"n23mFooter",m].filter(Boolean).join(" "),...p,style:{...n({"--bc":d}),...h},children:[e("div",{className:a.n23mFooterPush}),e("div",{className:a.n23mFooterContainer,children:o(t,{layout:"container",widthMax:"1600px",children:[e(t,{layout:"flex",widthMax:"1400px",padding:"20px 0 0",justifyContent:"center",children:o(r,{mobileSize:22,desktopSize:22,color:c,tag:"p",children:["© ",l]})}),e(t,{layout:"flex",widthMax:"1400px",padding:"0",justifyContent:"center",children:o(r,{mobileSize:12,desktopSize:12,color:c,tag:"p",children:[s," - ",(new Date).getFullYear()]})})]})})]});l.displayName="Footer";export{l as Footer};
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{G as t}from"./Grid-DHMMPY22.js";import{T as r}from"./TextBox-CWSg4nm8.js";import{s as i,g as n}from"./style-inject.es-CrVRO2OA.js";import"./Loader-D8OrIi__.js";import"react";var a={n23mFooter:"Footer-module_n23mFooter__R0RUZ",n23mFooterPush:"Footer-module_n23mFooterPush__LbDeJ",n23mFooterContainer:"Footer-module_n23mFooterContainer__gMHjx"};i("@layer n23mFooter{html{height:100%}body{min-height:100%;position:relative}.Footer-module_n23mFooter__R0RUZ{.Footer-module_n23mFooterPush__LbDeJ{padding-bottom:100px}.Footer-module_n23mFooterContainer__gMHjx{background-color:var(--bc);bottom:0;height:100px;position:absolute;width:100%}}}");const l=({children:i,author:l="Mariusz Najwer",className:m,initialYear:s="2019",backgroundColor:d="#333333",color:c="white",style:h,...p})=>o("footer",{className:[a.n23mFooter,"n23mFooter",m].filter(Boolean).join(" "),...p,style:{...n({"--bc":d}),...h},children:[e("div",{className:a.n23mFooterPush}),e("div",{className:a.n23mFooterContainer,children:o(t,{layout:"container",widthMax:"1600px",children:[e(t,{layout:"flex",widthMax:"1400px",padding:"20px 0 0",justifyContent:"center",children:o(r,{mobileSize:22,desktopSize:22,color:c,tag:"p",children:["© ",l]})}),e(t,{layout:"flex",widthMax:"1400px",padding:"0",justifyContent:"center",children:o(r,{mobileSize:12,desktopSize:12,color:c,tag:"p",children:[s," - ",(new Date).getFullYear()]})})]})})]});l.displayName="Footer";export{l as Footer};

package/lib/{Grid-DaGizIDc.js → Grid-DHMMPY22.js}

@@ -1 +1 @@
-import{jsxs as r,jsx as i}from"react/jsx-runtime";import{L as d}from"./Loader-D8OrIi__.js";import{s as a,g as n}from"./style-inject.es-CrVRO2OA.js";var o={n23mGridFlex:"Grid-module_n23mGridFlex__bsotF",n23mGridContainer:"Grid-module_n23mGridContainer__G1O3I",n23mGridColumns:"Grid-module_n23mGridColumns__oyScE"};a("@layer n23mGrid{.Grid-module_n23mGridContainer__G1O3I,.Grid-module_n23mGridFlex__bsotF{box-sizing:border-box;flex-wrap:var(--grid-fw,nowrap);margin:var(--grid-m);max-width:var(--grid-wx);min-height:var(--grid-mh,auto);min-width:var(--grid-wn);padding:var(--grid-p)}.Grid-module_n23mGridFlex__bsotF{align-items:var(--grid-ai,center);column-gap:var(--grid-cg,0);display:flex;justify-content:var(--grid-jc,space-between);row-gap:var(--grid-rg)}.Grid-module_n23mGridColumns__oyScE{column-gap:var(--grid-cg,0);display:flex;flex-wrap:wrap;row-gap:var(--grid-rg);width:100%}.Grid-module_n23mGridColumns__oyScE>div{width:calc(100%/var(--gfc) - ((var(--gfc) - 1)/var(--gfc))*var(--grid-cg, 0px))}@media (max-width:767.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-cm)}}@media (min-width:768px) and (max-width:1199.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-ct)}}@media (min-width:1200px) and (max-width:1599.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-csd)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-cd)}}}");const e=({children:a,widthMin:e="0px",widthMax:m="1920px",padding:g="0px",margin:t="auto",layout:l,gap:c,col:s,loading:p=!1,justifyContent:G,alignItems:_,minHeight:u,flexWrap:x,className:w,style:v,...h})=>{if("container"===l||"flex"===l)return r("div",{className:[o["n23mGrid"+l.charAt(0).toUpperCase()+l.slice(1)],"n23mGrid"+l.charAt(0).toUpperCase()+l.slice(1),w].filter(Boolean).join(" "),style:{...n({"--grid-p":g,"--grid-m":t,"--grid-jc":G,"--grid-cg":c?.col,"--grid-rg":c?.row,"--grid-ai":_,"--grid-fw":x,"--grid-mh":u,"--grid-wn":e,"--grid-wx":m}),...v},...h,children:[!p&&a,p&&i(d,{minHeight:`${u}`})]});if(!c||!s)throw new Error('When layout="columns", gap and col props are required');return i("div",{className:[o.n23mGridColumns,"n23mGridColumns",w].filter(Boolean).join(" "),style:{"--grid-cm":s.mobile.toString(),"--grid-ct":s.tablet.toString(),"--grid-csd":s.smallDesktop.toString(),"--grid-cd":s.desktop.toString(),"--grid-cg":c.col,"--grid-rg":c.row},...h,children:a})};e.displayName="Grid";export{e as G};
+import{jsxs as i,jsx as r}from"react/jsx-runtime";import{L as d}from"./Loader-D8OrIi__.js";import{s as a,g as m}from"./style-inject.es-CrVRO2OA.js";var n={n23mGridFlex:"Grid-module_n23mGridFlex__bsotF",n23mGridContainer:"Grid-module_n23mGridContainer__G1O3I",n23mGridColumns:"Grid-module_n23mGridColumns__oyScE"};a("@layer n23mGrid{.Grid-module_n23mGridContainer__G1O3I,.Grid-module_n23mGridFlex__bsotF{box-sizing:border-box;flex-wrap:var(--grid-fw,nowrap);margin:var(--grid-m);max-width:var(--grid-wx);min-height:var(--grid-mh,auto);min-width:var(--grid-wn);padding:var(--grid-p)}.Grid-module_n23mGridFlex__bsotF{align-items:var(--grid-ai,center);column-gap:var(--grid-cg,0);display:flex;justify-content:var(--grid-jc,space-between);row-gap:var(--grid-rg)}.Grid-module_n23mGridColumns__oyScE{column-gap:var(--grid-cg,0);display:flex;flex-wrap:wrap;row-gap:var(--grid-rg);width:100%}.Grid-module_n23mGridColumns__oyScE>div{width:calc(100%/var(--gfc) - ((var(--gfc) - 1)/var(--gfc))*var(--grid-cg, 0px))}@media (max-width:767.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-cm)}}@media (min-width:768px) and (max-width:1199.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-ct)}}@media (min-width:1200px) and (max-width:1599.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-csd)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-cd)}}}");const o=({children:a,widthMin:o="0px",widthMax:e="1920px",padding:g="0px",margin:t="auto",layout:l,gap:c,col:s,loading:p=!1,justifyContent:G,alignItems:_,minHeight:x,flexWrap:u,className:v,style:w,...h})=>"container"===l||"flex"===l?i("div",{className:[n["n23mGrid"+l.charAt(0).toUpperCase()+l.slice(1)],"n23mGrid"+l.charAt(0).toUpperCase()+l.slice(1),v].filter(Boolean).join(" "),style:{...m({"--grid-p":g,"--grid-m":t,"--grid-jc":G,"--grid-cg":c?.col,"--grid-rg":c?.row,"--grid-ai":_,"--grid-fw":u,"--grid-mh":x,"--grid-wn":o,"--grid-wx":e}),...w},...h,children:[!p&&a,p&&r(d,{minHeight:`${x}`})]}):r("div",{className:[n.n23mGridColumns,"n23mGridColumns",v].filter(Boolean).join(" "),style:{"--grid-cm":s.mobile.toString(),"--grid-ct":s.tablet.toString(),"--grid-csd":s.smallDesktop.toString(),"--grid-cd":s.desktop.toString(),"--grid-cg":c.col,"--grid-rg":c.row},...h,children:a});o.displayName="Grid";export{o as G};

package/lib/Grid.js

@@ -1 +1 @@
-export{G as Grid}from"./Grid-DaGizIDc.js";import"react/jsx-runtime";import"./Loader-D8OrIi__.js";import"./TextBox-CWSg4nm8.js";import"react";import"./style-inject.es-CrVRO2OA.js";
+export{G as Grid}from"./Grid-DHMMPY22.js";import"react/jsx-runtime";import"./Loader-D8OrIi__.js";import"./TextBox-CWSg4nm8.js";import"react";import"./style-inject.es-CrVRO2OA.js";

package/lib/button/Button.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children?: React.ReactNode;
-    backgroundColor?: string;
-    padding?: string | 0;
-    margin?: string | 0;
-    height: string;
-    width: string;
+    backgroundColor?: React.CSSProperties['color'];
+    padding?: React.CSSProperties['padding'];
+    margin?: React.CSSProperties['margin'];
+    height: React.CSSProperties['height'];
+    width: React.CSSProperties['width'];
     loading?: boolean;
-    backgroundColorDisabled?: string;
-    borderColor?: string;
+    backgroundColorDisabled?: React.CSSProperties['color'];
+    borderColor?: React.CSSProperties['color'];
     style?: React.CSSProperties;
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/footer/Footer.d.ts

@@ -3,8 +3,8 @@ interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
     style?: React.CSSProperties;
     author?: string;
     initialYear?: number;
-    color: string;
-    backgroundColor?: string;
+    color: React.CSSProperties['color'];
+    backgroundColor?: React.CSSProperties['color'];
 }
 export declare const Footer: React.FC<FooterProps>;
 export {};

package/lib/grid/Grid.d.ts

@@ -9,21 +9,38 @@ interface Col {
     smallDesktop: number;
     desktop: number;
 }
-interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
+type GridBase = React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & {
     widthMin?: string;
     widthMax?: string;
-    padding?: string | 0;
-    margin?: string | 0;
+    padding?: string;
+    margin?: string;
     minHeight?: string;
     loading?: boolean;
-    gap?: Gap;
-    col?: Col;
-    layout: 'columns' | 'container' | 'flex';
-    justifyContent?: string;
-    alignItems?: string;
-    flexWrap?: string;
     style?: React.CSSProperties;
-}
-export declare const Grid: React.FC<GridProps>;
+}>;
+export type GridContainerProps = GridBase & {
+    layout: 'container';
+    gap?: Gap;
+    justifyContent?: never;
+    alignItems?: never;
+    flexWrap?: never;
+    col?: never;
+};
+export type GridFlexProps = GridBase & {
+    layout: 'flex';
+    gap?: Gap;
+    justifyContent?: React.CSSProperties['justifyContent'];
+    alignItems?: React.CSSProperties['alignItems'];
+    flexWrap?: React.CSSProperties['flexWrap'];
+    col?: never;
+};
+export type GridColumnsProps = GridBase & {
+    layout: 'columns';
+    gap: Gap;
+    col: Col;
+    justifyContent?: never;
+    alignItems?: never;
+    flexWrap?: never;
+};
+export declare const Grid: React.FC<GridColumnsProps | GridFlexProps | GridContainerProps>;
 export {};

package/lib/input/Input.d.ts

@@ -5,9 +5,9 @@ interface InputBase extends React.HTMLAttributes<HTMLElement> {
     type?: string;
     placeholder?: string;
     inputRef?: React.RefObject<HTMLInputElement | null>;
-    labelColor?: string;
-    inputColorBorder?: string;
-    inputColor?: string;
+    labelColor?: React.CSSProperties['color'];
+    inputColorBorder?: React.CSSProperties['color'];
+    inputColor?: React.CSSProperties['color'];
     defaultValue?: string;
     disabled?: boolean;
     validatorOptions?: ValidatorOptions;
@@ -15,11 +15,11 @@ interface InputBase extends React.HTMLAttributes<HTMLElement> {
     onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     value?: string;
 }
-type InputProps = InputBase & {
+export type InputProps = InputBase & {
     kind?: 'input' | 'textarea';
     name: string;
 };
-type SelectProps = InputBase & {
+export type SelectProps = InputBase & {
     kind: 'select';
     name?: never;
     id: string;

package/lib/picture/Picture.d.ts

@@ -7,11 +7,11 @@ interface PictureProps extends React.HTMLAttributes<HTMLPictureElement> {
     arDesktop?: number;
     arMobile?: number;
     draggable?: boolean;
-    border?: boolean;
-    borderColor?: string;
-    maxHeight?: string;
-    maxHeightMobile?: string;
-    maxHeightDesktop?: string;
+    border?: React.CSSProperties['color'];
+    borderColor?: React.CSSProperties['color'];
+    maxHeight?: React.CSSProperties['maxHeight'];
+    maxHeightMobile?: React.CSSProperties['maxHeight'];
+    maxHeightDesktop?: React.CSSProperties['maxHeight'];
     sizes?: string;
     srcset?: string;
     loading?: 'eager' | 'lazy';

package/lib/textbox/TextBox.d.ts

@@ -1,4 +1,4 @@
-export type TextBoxTag = 'h1' | 'h2' | 'h3' | 'p' | 'div' | 'span' | 'a' | 'label';
+export type TextBoxTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span' | 'a' | 'label';
 interface TextBoxProps extends React.HTMLAttributes<HTMLDivElement | HTMLAnchorElement | HTMLLabelElement> {
     children?: React.ReactNode;
     tag?: TextBoxTag;
@@ -8,13 +8,13 @@ interface TextBoxProps extends React.HTMLAttributes<HTMLDivElement | HTMLAnchorE
     target?: string;
     rel?: string;
     href?: string;
-    color?: string;
-    colorHover?: string;
-    margin?: string | 0;
-    fontWeight?: number;
-    fontWeightHover?: number;
-    textAlign?: string;
-    textWrap?: string;
+    color?: React.CSSProperties['color'];
+    colorHover?: React.CSSProperties['color'];
+    margin?: React.CSSProperties['margin'];
+    fontWeight?: React.CSSProperties['fontWeight'];
+    fontWeightHover?: React.CSSProperties['fontWeight'];
+    textAlign?: React.CSSProperties['textAlign'];
+    textWrap?: React.CSSProperties['textWrap'];
     style?: React.CSSProperties;
     htmlFor?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najwer23morsels",
-  "version": "0.20.2",
+  "version": "0.20.4",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",