ioloco-ui
Advanced tools
Comparing version 0.3.109 to 0.3.110
@@ -1,6 +0,7 @@ | ||
declare const CalenderDates: ({ selectedDate, onDateSelect, size }: { | ||
declare const CalenderDates: ({ selectedDate, onDateSelect, size, passedDays }: { | ||
selectedDate: any; | ||
onDateSelect: any; | ||
size: any; | ||
passedDays: any; | ||
}) => import("react/jsx-runtime").JSX.Element; | ||
export default CalenderDates; |
@@ -1,1 +0,1 @@ | ||
import{jsx as l}from"react/jsx-runtime";import n from"@stylexjs/stylex";const d=d=>{let{selectedDate:e,onDateSelect:t,size:r}=d;const o=l=>{const n=new Date(e.getFullYear(),e.getMonth(),l);t(n)},i=a[`${r}CallenderDay`],u=a[`${r}Typography`],g=a[`${r}CalendarDays`];return l("div",Object.assign({},n.props(a.calendarDays,g,u),{children:(()=>{const d=e.getFullYear(),t=e.getMonth();let r=new Date(d,t,1).getDay();r=0===r?7:r;const u=new Date(d,t+1,0).getDate(),g=new Date(d,t,0).getDate(),s=r-1,p=[];for(let d=0;d<s;d++){const e=g-s+d+1;p.push(l("div",Object.assign({},n.props(a.calendarDayBase,i,a.fadedDayBase),{children:e}),`prev-${e}`))}for(let d=1;d<=u;d++){const r=d===e.getDate()&&t===e.getMonth();p.push(l("div",Object.assign({},n.props(a.calendarDayBase,i,r&&a.daySelected),{onClick:()=>!r&&o(d),children:d}),`current-${d}`))}const c=42-s-u;for(let d=1;d<=c;d++)p.push(l("div",Object.assign({},n.props(a.calendarDayBase,i,a.fadedDayBase),{children:d}),`next-${d}`));return p})()}))},a={calendarDayBase:{flex:"x1wu5g8x",flexGrow:null,flexShrink:null,flexBasis:null,height:"xettwda",margin:"xy3p2pi",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,cursor:"x1ypdohk",textAlign:"x2b8uid",display:"x78zum5",fontSize:"x1uv3qv7",justifyContent:"xl56j7k",alignItems:"x6s0dn4",backgroundColor:"xas4zb2 x1gev39g",borderRadius:"x9mmeec",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,color:"x1mqxbix xat0y86",":hover_backgroundColor":"xokg3y8",":hover_color":"x1kgw7fo x1532kbu",$$css:!0},fadedDayBase:{pointerEvents:"x47corl",color:"x1pvy4qg xep50wo",$$css:!0},calendarDays:{display:"x78zum5",flexWrap:"x1a02dak",justifyContent:"xlqzeqv",width:"xh8yej3",$$css:!0},daySelected:{backgroundColor:"xrkmrrc",color:"x1awj2ng",borderRadius:"x12oqio5",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,":hover_backgroundColor":"x1gykpug",":hover_color":"x1frr76i",$$css:!0},smallCallenderDay:{padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumCallenderDay:{padding:"x17uvqmg",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeCallenderDay:{padding:"xqo3fwf",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},bigCallenderDay:{padding:"xr6jg0x",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0}};export{d as default}; | ||
import{jsx as l}from"react/jsx-runtime";import n from"@stylexjs/stylex";const a=a=>{let{selectedDate:e,onDateSelect:r,size:o,passedDays:t}=a;const i=l=>{const n=new Date(e.getFullYear(),e.getMonth(),l);t&&u(n)||r(n)},u=l=>{const n=new Date;return n.setHours(0,0,0,0),l<n},s=d[`${o}CallenderDay`],g=d[`${o}Typography`],p=d[`${o}CalendarDays`];return l("div",Object.assign({},n.props(d.calendarDays,p,g),{children:(()=>{const a=e.getFullYear(),r=e.getMonth();let o=new Date(a,r,1).getDay();o=0===o?7:o;const g=new Date(a,r+1,0).getDate(),p=new Date(a,r,0).getDate(),c=o-1,x=[];for(let a=0;a<c;a++){const e=p-c+a+1;x.push(l("div",Object.assign({},n.props(d.calendarDayBase,s,d.fadedDayBase),{children:e}),`prev-${e}`))}for(let o=1;o<=g;o++){const g=new Date(a,r,o),p=o===e.getDate()&&r===e.getMonth(),c=t&&u(g);x.push(l("div",Object.assign({},n.props(d.calendarDayBase,s,p&&d.daySelected,c&&d.passedDay),{onClick:()=>!c&&!p&&i(o),style:{cursor:c?"not-allowed":"pointer"},children:o}),`current-${o}`))}const y=42-c-g;for(let a=1;a<=y;a++)x.push(l("div",Object.assign({},n.props(d.calendarDayBase,s,d.fadedDayBase),{children:a}),`next-${a}`));return x})()}))},d={calendarDayBase:{flex:"x1wu5g8x",flexGrow:null,flexShrink:null,flexBasis:null,height:"xettwda",margin:"xy3p2pi",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,cursor:"x1ypdohk",textAlign:"x2b8uid",display:"x78zum5",fontSize:"x1uv3qv7",justifyContent:"xl56j7k",alignItems:"x6s0dn4",backgroundColor:"xas4zb2 x1gev39g",borderRadius:"x9mmeec",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,color:"x1mqxbix xat0y86",":hover_backgroundColor":"xokg3y8",":hover_color":"x1kgw7fo x1532kbu",$$css:!0},fadedDayBase:{pointerEvents:"x47corl",backgroundColor:"x1si8nl4 x1hr95wy",color:"xsycjck xx3ba38",":hover_backgroundColor":"xqy91qy xeb3i48",":hover_color":"xqs0qj6 x1o711vx",$$css:!0},passedDay:{backgroundColor:"x1si8nl4 x1hr95wy",color:"xsycjck xx3ba38",":hover_backgroundColor":"xqy91qy xeb3i48",":hover_color":"xqs0qj6 x1o711vx",$$css:!0},calendarDays:{display:"x78zum5",flexWrap:"x1a02dak",justifyContent:"xlqzeqv",width:"xh8yej3",$$css:!0},daySelected:{backgroundColor:"xrkmrrc",color:"x1awj2ng",borderRadius:"x12oqio5",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,":hover_backgroundColor":"x1gykpug",":hover_color":"x1frr76i",$$css:!0},smallCallenderDay:{padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumCallenderDay:{padding:"x17uvqmg",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeCallenderDay:{padding:"xqo3fwf",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},bigCallenderDay:{padding:"xr6jg0x",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0}};export{a as default}; |
@@ -7,2 +7,3 @@ import type { ElementType } from 'react'; | ||
padding?: string; | ||
overflow?: string; | ||
backgroundColor?: string; | ||
@@ -16,4 +17,7 @@ borderRadius?: string; | ||
style?: IStyles; | ||
selectedDate?: Date; | ||
onDateChange: (date: Date) => void; | ||
passedDays?: boolean; | ||
} | ||
declare const Calendar: ({ size, PreviousMonthIcon, NextMonthIcon, style }: IDatePickerModal) => import("react/jsx-runtime").JSX.Element; | ||
declare const Calendar: ({ size, PreviousMonthIcon, NextMonthIcon, style, selectedDate: parentDate, onDateChange, passedDays }: IDatePickerModal) => import("react/jsx-runtime").JSX.Element; | ||
export default Calendar; |
@@ -1,2 +0,1 @@ | ||
"use client"; | ||
import{jsxs as n,jsx as l}from"react/jsx-runtime";import{useState as d}from"react";import i from"../Button/index.js";import a from"./CalendarDays.js";import t from"./CalendarHeader.js";import o from"@stylexjs/stylex";const u=u=>{let{size:r,PreviousMonthIcon:e,NextMonthIcon:p,style:s}=u;const[m,c]=d(new Date),h=n=>{c(new Date(m.getFullYear(),m.getMonth()+n,1))},x=g[`${r}Typography`],b=g[`${r}CalendarContainer`],B=g[`${r}Button`],y=g[`${r}Navigation`];return n("div",Object.assign({},o.props(g.calendarContainer,b,s),{children:[n("div",Object.assign({},o.props(g.navigation,y),{children:[n("p",Object.assign({},o.props(x),{children:[m.toLocaleString("default",{month:"long"})," ",m.getFullYear()]})),n("div",{children:[l(i,{size:"xs",icon:e&&l(e,Object.assign({},{className:"x579bpy x1mqxbix xat0y86 x1e6qi8l x144v4sp x1y7y9ih"})),variant:"outlined",color:"white",type:"button","aria-label":"Previous Month",onClick:()=>h(-1),style:[g.baseButton,B]}),l(i,{size:"xs",icon:p&&l(p,Object.assign({},{className:"x579bpy x1mqxbix xat0y86 x1e6qi8l x144v4sp x1y7y9ih"})),variant:"outlined",color:"white",type:"button","aria-label":"Next Month",onClick:()=>h(1),style:[g.baseButton,B]})]})]})),l(t,{size:r}),l(a,{onDateSelect:n=>{const l=new Date(m.getFullYear(),m.getMonth(),n.getDate(),m.getHours(),m.getMinutes());c(l)},selectedDate:m,size:r})]}))},g={calendarContainer:{width:"xzyusag",overflow:"xb3r6kr",overflowX:null,overflowY:null,borderRadius:"x3fmiap",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,background:"x1r7xphn x1rureoc",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,$$css:!0},smallCalendarContainer:{width:"xzyusag",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumCalendarContainer:{width:"xbjylo7",padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeCalendarContainer:{width:"x1vfoo4g",padding:"xr6jg0x",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},bigCalendarContainer:{width:"x15r7nrj",padding:"xhlvvcx",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},iconBase:{fontSize:"x579bpy",color:"x1mqxbix xat0y86",transition:"x1e6qi8l",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,":hover_color":"x144v4sp x1y7y9ih",$$css:!0},navigation:{display:"x78zum5",justifyContent:"x1qughib",alignItems:"x6s0dn4",color:"x1mqxbix xat0y86",$$css:!0},smallNavigation:{padding:"x1uvmken",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumNavigation:{padding:"x1uvmken",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeNavigation:{padding:"xg9mx2h",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},bigNavigation:{padding:"x1wrn7se",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallTypography:{fontSize:"xvewgow",$$css:!0},mediumTypography:{fontSize:"xml2kzp",$$css:!0},largeTypography:{fontSize:"x1uv3qv7",$$css:!0},bigTypography:{fontSize:"x579bpy",$$css:!0},baseButton:{padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,borderWidth:"xmkeg23 xd5mxmm",borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,":hover_borderWidth":"x2smyrm xlewl0p",":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,$$css:!0},smallButton:{padding:"x19bd5pn",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,margin:"x13y2g9h",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},mediumButton:{padding:"x7gbtqy",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,margin:"x13y2g9h",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},largeButton:{padding:"x10hysrq",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,margin:"x13y2g9h",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},bigButton:{padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,margin:"x13y2g9h",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0}};export{u as default}; | ||
import{jsxs as n,jsx as l}from"react/jsx-runtime";import{useState as d,useEffect as i}from"react";import a from"../Button/index.js";import t from"./CalendarDays.js";import o from"./CalendarHeader.js";import u from"@stylexjs/stylex";const g=g=>{let{size:e,PreviousMonthIcon:p,NextMonthIcon:s,style:m,selectedDate:c,onDateChange:h,passedDays:x=!1}=g;const[b,B]=d(c||new Date);i((()=>{c&&B(c)}),[c]);const y=n=>{const l=new Date(b.getFullYear(),b.getMonth()+n,1);B(l),h(l)},$=r[`${e}Typography`],f=r[`${e}CalendarContainer`],v=r[`${e}Button`],k=r[`${e}Navigation`];return n("div",Object.assign({},u.props(r.calendarContainer,f,m),{children:[n("div",Object.assign({},u.props(r.navigation,k),{children:[n("p",Object.assign({},u.props($),{children:[b.toLocaleString("default",{month:"long"})," ",b.getFullYear()]})),n("div",{children:[l(a,{size:"xs",icon:p&&l(p,Object.assign({},{className:"x579bpy x1mqxbix xat0y86 x1e6qi8l x144v4sp x1y7y9ih"})),variant:"outlined",color:"white",type:"button","aria-label":"Previous Month",onClick:()=>y(-1),style:[r.baseButton,v]}),l(a,{size:"xs",icon:s&&l(s,Object.assign({},{className:"x579bpy x1mqxbix xat0y86 x1e6qi8l x144v4sp x1y7y9ih"})),variant:"outlined",color:"white",type:"button","aria-label":"Next Month",onClick:()=>y(1),style:[r.baseButton,v]})]})]})),l(o,{size:e}),l(t,{onDateSelect:n=>{const l=new Date(b.getFullYear(),b.getMonth(),n.getDate());B(l),h(l)},selectedDate:b,size:e,passedDays:x})]}))},r={calendarContainer:{width:"xzyusag",overflow:"xb3r6kr",overflowX:null,overflowY:null,borderRadius:"x3fmiap",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,background:"x1r7xphn x1rureoc",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,$$css:!0},smallCalendarContainer:{width:"xzyusag",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumCalendarContainer:{width:"xbjylo7",padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeCalendarContainer:{width:"x1vfoo4g",padding:"xr6jg0x",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},bigCalendarContainer:{width:"x15r7nrj",padding:"xhlvvcx",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},iconBase:{fontSize:"x579bpy",color:"x1mqxbix xat0y86",transition:"x1e6qi8l",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,":hover_color":"x144v4sp x1y7y9ih",$$css:!0},navigation:{display:"x78zum5",justifyContent:"x1qughib",alignItems:"x6s0dn4",color:"x1mqxbix xat0y86",$$css:!0},smallNavigation:{padding:"x1uvmken",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumNavigation:{padding:"x1uvmken",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeNavigation:{padding:"xg9mx2h",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},bigNavigation:{padding:"x1wrn7se",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallTypography:{fontSize:"xvewgow",$$css:!0},mediumTypography:{fontSize:"xml2kzp",$$css:!0},largeTypography:{fontSize:"x1uv3qv7",$$css:!0},bigTypography:{fontSize:"x579bpy",$$css:!0},baseButton:{padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,borderWidth:"xmkeg23 xd5mxmm",borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,":hover_borderWidth":"x2smyrm xlewl0p",":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,$$css:!0},smallButton:{padding:"x19bd5pn",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,margin:"x13y2g9h",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},mediumButton:{padding:"x7gbtqy",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,margin:"x13y2g9h",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},largeButton:{padding:"x10hysrq",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,margin:"x13y2g9h",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},bigButton:{padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,margin:"x13y2g9h",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0}};export{g as default}; |
@@ -1,4 +0,16 @@ | ||
declare const SpacedInputGrid: ({ children }: { | ||
children: any; | ||
}) => import("react/jsx-runtime").JSX.Element; | ||
import React from 'react'; | ||
import type { ReactNode } from 'react'; | ||
import type { StyleXStyles } from '@stylexjs/stylex'; | ||
type StyleXStylesType = StyleXStyles<{ | ||
width?: string; | ||
display?: string; | ||
gap?: string; | ||
gridTemplateColumns?: string; | ||
marginBottom?: string; | ||
}>; | ||
interface ISpacedInputGrid { | ||
children: ReactNode; | ||
style?: StyleXStylesType; | ||
} | ||
declare const SpacedInputGrid: React.FC<ISpacedInputGrid>; | ||
export default SpacedInputGrid; |
@@ -1,1 +0,1 @@ | ||
import{jsx as e}from"react/jsx-runtime";import r from"react";const t=t=>{let{children:i}=t;const n=`repeat(${Math.min(5,r.Children.count(i))}, 1fr)`;return e("div",Object.assign({},{className:"xh8yej3 xrvj5dj x1h4iudz"},{style:{gridTemplateColumns:n},children:i}))};export{t as default}; | ||
import{jsx as e}from"react/jsx-runtime";import t from"react";import r from"@stylexjs/stylex";const s=s=>{let{children:i,style:l}=s;const o=`repeat(${Math.min(5,t.Children.count(i))}, 1fr)`;return e("div",Object.assign({},{className:"xh8yej3 xrvj5dj x1h4iudz"},r.props(l),{style:{gridTemplateColumns:o},children:i}))};export{s as default}; |
{ | ||
"name": "ioloco-ui", | ||
"version": "0.3.109", | ||
"version": "0.3.110", | ||
"description": "Stylex UI components for React", | ||
@@ -5,0 +5,0 @@ "author": { |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
166572
2302