ioloco-ui - npm Package Compare versions

Comparing version 0.5.1 to 0.5.2

dist/Components/Components/SimplifiedAccordion/index.js

		"use client";
		import{jsxs as n,jsx as l}from"react/jsx-runtime";import{useState as r}from"react";import i from"@stylexjs/stylex";const o=o=>{let{title:e,children:d,defaultOpen:a=!1,extendedByDefault:u=!1,IconChevronDown:g,IconChevronUp:m,as:s="span",style:c}=o;const[h,b]=r(!!u\|\|a),p=s,x=t[`${s}As`];return n("div",Object.assign({},i.props(t.container,u&&t.containerExtended,c),{children:[n("div",Object.assign({onClick:()=>b(!h)},i.props(t.header,u&&t.headerExtended),{role:"button",tabIndex:0,onKeyDown:n=>{"Enter"!==n.key&&" "!==n.key\|\|b(!h)},"aria-expanded":h,children:[l(p,Object.assign({},i.props(t.title,x),{children:e})),l(h?m:g,Object.assign({size:20},{className:"x1jaox4c"}))]})),h&&l("div",Object.assign({},i.props(t.content,u&&t.contentExtended),{children:d}))]}))},t={container:{width:"xh8yej3",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,":last-child_margin":"xgroz26",":last-child_marginInline":null,":last-child_marginInlineStart":null,":last-child_marginLeft":null,":last-child_marginInlineEnd":null,":last-child_marginRight":null,":last-child_marginBlock":null,":last-child_marginTop":null,":last-child_marginBottom":null,$$css:!0},containerExtended:{border:"xa4m1fm x1npcglk",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,$$css:!0},header:{display:"x78zum5",alignItems:"x6s0dn4",justifyContent:"x1qughib",width:"xh8yej3",padding:"x1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,border:"x1gs6z28",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,cursor:"x1ypdohk",color:"xod0wng xxgsoov",$$css:!0},headerExtended:{padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,backgroundColor:"x1043tlr x5x15e2",$$css:!0},title:{fontSize:"x1elmx46",fontWeight:"x1iikomf",$$css:!0},h1As:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},h2As:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},h3As:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},h4As:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},h5As:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},h6As:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},pAs:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},spanAs:{fontWeight:"x1iikomf",$$css:!0},smallAs:{fontWeight:"x1iikomf",$$css:!0},icon:{transition:"x1jaox4c",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,$$css:!0},content:{paddingTop:"x6gltce",paddingLeft:"x9dzeaa",paddingInlineStart:null,paddingInlineEnd:null,$$css:!0},contentExtended:{padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0}};export{o as default,t as styles};
		import{jsxs as n,jsx as l}from"react/jsx-runtime";import{useState as r}from"react";import i from"@stylexjs/stylex";const o=o=>{let{title:e,children:d,defaultOpen:a=!1,extendedByDefault:u=!1,IconChevronDown:g,IconChevronUp:m,as:s="span",style:c}=o;const[h,b]=r(!!u\|\|a),p=s,x=t[`${s}As`];return n("div",Object.assign({},i.props(t.container,c,u&&t.containerExtended),{children:[n("div",Object.assign({onClick:()=>b(!h)},i.props(t.header,u&&t.headerExtended),{role:"button",tabIndex:0,onKeyDown:n=>{"Enter"!==n.key&&" "!==n.key\|\|b(!h)},"aria-expanded":h,children:[l(p,Object.assign({},i.props(t.title,x),{children:e})),l(h?m:g,Object.assign({size:20},{className:"x1jaox4c"}))]})),h&&l("div",Object.assign({},i.props(t.content,u&&t.contentExtended),{children:d}))]}))},t={container:{width:"xh8yej3",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,":last-child_margin":"xgroz26",":last-child_marginInline":null,":last-child_marginInlineStart":null,":last-child_marginLeft":null,":last-child_marginInlineEnd":null,":last-child_marginRight":null,":last-child_marginBlock":null,":last-child_marginTop":null,":last-child_marginBottom":null,$$css:!0},containerExtended:{border:"xa4m1fm x1npcglk",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,$$css:!0},header:{display:"x78zum5",alignItems:"x6s0dn4",justifyContent:"x1qughib",width:"xh8yej3",padding:"x1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,border:"x1gs6z28",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,cursor:"x1ypdohk",color:"xod0wng xxgsoov",$$css:!0},headerExtended:{padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,backgroundColor:"x1043tlr x5x15e2",$$css:!0},title:{fontSize:"x1elmx46",fontWeight:"x1iikomf",$$css:!0},h1As:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},h2As:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},h3As:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},h4As:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},h5As:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},h6As:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},pAs:{fontWeight:"x1iikomf",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},spanAs:{fontWeight:"x1iikomf",$$css:!0},smallAs:{fontWeight:"x1iikomf",$$css:!0},icon:{transition:"x1jaox4c",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,$$css:!0},content:{paddingTop:"x6gltce",paddingLeft:"x9dzeaa",paddingInlineStart:null,paddingInlineEnd:null,$$css:!0},contentExtended:{padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0}};export{o as default,t as styles};

package.json

		{
		"name": "ioloco-ui",
		"version": "0.5.1",
		"version": "0.5.2",
		"description": "Stylex UI components for React",
		@@ -5,0 +5,0 @@ "author": {