ioloco-ui - npm Package Compare versions

Comparing version 0.2.2 to 0.2.3

dist/Components/Button/Button.d.ts

@@ -1,11 +0,12 @@
-/// <reference types="react" />
-import { StyleXStyles } from '@stylexjs/stylex';
+import type { StyleXStyles } from '@stylexjs/stylex';
 interface IButton {
-    color: 'primary' | 'secondary' | 'tertiary';
+    color: 'white' | 'primary' | 'secondary' | 'tertiary';
     variant: 'contained' | 'outlined';
     size: 'small' | 'medium' | 'large';
-    text: string;
+    type?: 'submit' | 'button' | 'reset';
+    text: string | undefined;
     linkComponent?: React.ElementType;
     href?: string;
     style?: StyleXStyles<{
+        margin?: string;
         backgroundColor?: string;
@@ -15,2 +16,3 @@ color?: string;
         borderRadius?: string;
+        width?: string;
     }>;
@@ -17,0 +19,0 @@ }

dist/index.d.ts

 import Button from './Components/Button/index';
 import BlocSection from './Components/BlocSection/index';
-export { Button, BlocSection };
+import FormInput from './Components/FormComponents/FormInput';
+import Select from './Components/FormComponents/Select';
+export { Button, BlocSection, FormInput, Select };

dist/index.esm.js

@@ -1,1 +0,1 @@
-import{jsx as r,jsxs as l}from"react/jsx-runtime";import o from"@stylexjs/stylex";const e=({variant:l="contained",color:e="primary",size:d,text:t="button",linkComponent:b,href:u,style:h})=>{const i="outlined"===l?n[`${e}Outlined`]:n[e],v=n[d],_=r("button",Object.assign({},o.props(n.base,i,v,h),{children:t}));return r("div",{children:b?r(b,Object.assign({href:u},o.props(n.base,i,v,h),{children:_})):_})},n={base:{paddingTop:"x12t3zde",paddingEnd:"xi10uvh",paddingBottom:"x2yie3v",paddingStart:"xgrgcq1",borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius: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,cursor:"x1ypdohk",fontSize:"x1jchvi3",$$css:!0},primary:{color:"x1awj2ng",backgroundColor:"x1htmutm",border:"x1bm8wg9",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,":hover_backgroundColor":"x1hreqht",":hover_border":"x1oax5ow",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primaryOutlined:{color:"x1ee20vk",backgroundColor:"xjbqb8w",border:"x1bm8wg9",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,":hover_color":"x1frr76i",":hover_backgroundColor":"xhd74o6",":hover_border":"xj3dvq8",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondary:{color:"x1awj2ng",backgroundColor:"x17xmlqz",border:"x1b8m8gk",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,":hover_backgroundColor":"x1bcmq8d",":hover_border":"x1i8dvq9",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondaryOutlined:{color:"xnh76vn",backgroundColor:"xjbqb8w",border:"x1b8m8gk",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,":hover_color":"x1frr76i",":hover_backgroundColor":"x16xvs8l",":hover_border":"xzdhonn",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiary:{color:"x1awj2ng",backgroundColor:"xwrc6f6",border:"x1gvysov",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,":hover_backgroundColor":"x15pddsx",":hover_border":"x1hz9x9d",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiaryOutlined:{color:"x1hpdykb",backgroundColor:"xjbqb8w",border:"x1gvysov",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,":hover_color":"x1frr76i",":hover_backgroundColor":"x11kv0cu",":hover_border":"x1pmr0j6",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},small:{paddingTop:"x12t3zde",paddingEnd:"x1n5bpe5",paddingBottom:"x2yie3v",paddingStart:"x1cafdcw",fontSize:"x1jchvi3",$$css:!0},medium:{paddingTop:"x12t3zde",paddingEnd:"xi10uvh",paddingBottom:"x2yie3v",paddingStart:"xgrgcq1",fontSize:"xvewgow",$$css:!0},large:{paddingTop:"x1mcfnh7",paddingEnd:"x182rl45",paddingBottom:"x10l3h1t",paddingStart:"xlfmbi4",fontSize:"x1603h9y",$$css:!0}},d=({title:o,description:e})=>l("div",Object.assign({},{className:"xs1olxk x78zum5 xdt5ytf x6s0dn4"},{children:[r("h2",Object.assign({},{className:"xh8yej3 xybftwd x2b8uid x19yk3w5 x1iikomf"},{children:o})),r("p",Object.assign({},{className:"xfxd3yz x14zvdfm x2b8uid x66fkqt x1tzjq7k"},{children:e}))]}));export{d as BlocSection,e as Button};
+import{jsx as l,Fragment as r,jsxs as o}from"react/jsx-runtime";import e from"@stylexjs/stylex";import{useState as n,useRef as d,useEffect as t}from"react";const u=({variant:o="contained",color:n="secondary",size:d,type:t,text:u="button",linkComponent:b,href:h,style:a})=>{const S="outlined"===o?i[`${n}Outlined`]:i[n],g=i[d];return l(r,{children:b?l(b,Object.assign({href:h},e.props(i.base,S,g,a),{children:u})):l("button",Object.assign({type:t},e.props(i.base,S,g,a),{children:u}))})},i={base:{paddingTop:"x12t3zde",paddingEnd:"xi10uvh",paddingBottom:"x2yie3v",paddingStart:"xgrgcq1",borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius: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,cursor:"x1ypdohk",fontSize:"x1jchvi3",margin:"x1m5y4g2",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},white:{color:"x1mqxbix",backgroundColor:"x12peec7",border:"xkl13rl",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,":hover_backgroundColor":"x12bfii8",":hover_border":"xphcy9a",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},whiteOutlined:{color:"x1awj2ng",backgroundColor:"xjbqb8w",border:"xkl13rl",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,":hover_color":"x1kgw7fo",":hover_backgroundColor":"x1tf8huo",":hover_border":"x130rnt4",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primary:{color:"x1awj2ng",backgroundColor:"x1htmutm",border:"x1bm8wg9",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,":hover_backgroundColor":"x1hreqht",":hover_border":"x1oax5ow",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primaryOutlined:{color:"x1ee20vk",backgroundColor:"xjbqb8w",border:"x1bm8wg9",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,":hover_color":"x1frr76i",":hover_backgroundColor":"xhd74o6",":hover_border":"xj3dvq8",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondary:{color:"x1awj2ng",backgroundColor:"x17xmlqz",border:"x1b8m8gk",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,":hover_backgroundColor":"x1bcmq8d",":hover_border":"x1i8dvq9",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondaryOutlined:{color:"xnh76vn",backgroundColor:"xjbqb8w",border:"x1b8m8gk",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,":hover_color":"x1frr76i",":hover_backgroundColor":"x16xvs8l",":hover_border":"xzdhonn",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiary:{color:"x1awj2ng",backgroundColor:"xwrc6f6",border:"x1gvysov",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,":hover_backgroundColor":"x15pddsx",":hover_border":"x1hz9x9d",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiaryOutlined:{color:"x1hpdykb",backgroundColor:"xjbqb8w",border:"x1gvysov",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,":hover_color":"x1frr76i",":hover_backgroundColor":"x11kv0cu",":hover_border":"x1pmr0j6",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},small:{paddingTop:"x12t3zde",paddingEnd:"x1n5bpe5",paddingBottom:"x2yie3v",paddingStart:"x1cafdcw",fontSize:"x579bpy",$$css:!0},medium:{paddingTop:"x12t3zde",paddingEnd:"xi10uvh",paddingBottom:"x2yie3v",paddingStart:"xgrgcq1",fontSize:"xqh2sa2",$$css:!0},large:{paddingTop:"x1mcfnh7",paddingEnd:"x182rl45",paddingBottom:"x10l3h1t",paddingStart:"xlfmbi4",fontSize:"xdhfpv1",$$css:!0}},b=({title:r,description:e})=>o("div",Object.assign({},{className:"xs1olxk x78zum5 xdt5ytf x6s0dn4"},{children:[l("h2",Object.assign({},{className:"xh8yej3 xybftwd x2b8uid x19yk3w5 x1iikomf"},{children:r})),l("p",Object.assign({},{className:"xfxd3yz x14zvdfm x2b8uid x66fkqt x1tzjq7k"},{children:e}))]})),h=({name:r,type:d,children:t,size:u,color:i,label:b,disabled:h,style:S,register:g})=>{const[p,v]=n(""),[s,y]=n(!1),c=s||p.length>0,C=a[`${u}Input`],I=a[`${u}Label`],_=a[`${u}LabelRaised`],x=a[`${i}Color`],m=a[`${i}Border`];return o("div",Object.assign({},{className:"x1n2onr6 x41wgo0 xh8yej3"},{children:[l("input",Object.assign({name:r,type:d,onChange:l=>{v(l.target.value),g&&g.onChange&&g.onChange(l)},onFocus:l=>{y(!0),g&&g.onFocus&&g.onFocus(l)},onBlur:l=>{y(!1),g&&g.onBlur&&g.onBlur(l)},disabled:h},e.props(a.input,x,m,C,S),g&&g.ref?{ref:g.ref}:{})),l("label",Object.assign({},e.props(a.label,x,I,c&&a.labelRaised,c&&_),{children:b})),t]}))},a={root:{position:"x1n2onr6",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,width:"xh8yej3",$$css:!0},input:{width:"xh8yej3",fontSize:"x1uv3qv7",paddingTop:"x1hqevxg",paddingEnd:"x18qmpwu",paddingBottom:"xn2xpo4",paddingStart:"xtq1275",letterSpacing:"x1n1m00d",display:"x1lliihq",color:"x1mqxbix",background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,border:"xm6uh0w",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,outline:"x1a2a7pz",outlineColor:null,outlineOffset:null,outlineStyle:null,outlineWidth:null,fontFamily:"xmotr4s",borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,":disabled_backgroundColor":"xrc0i15",$$css:!0},label:{position:"x10l6tqk",top:"x1mn3lko",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x1uv3qv7",transition:"xbamb8h",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,color:"x1mqxbix",fontFamily:"xmotr4s",pointerEvents:"x47corl",$$css:!0},labelRaised:{top:"xrtmmra",fontSize:"xvewgow",$$css:!0},whiteColor:{color:"x1awj2ng",$$css:!0},whiteBorder:{border:"x1w184yy",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,$$css:!0},darkColor:{color:"x1mqxbix",$$css:!0},darkBorder:{border:"xm6uh0w",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,$$css:!0},smallInput:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumInput:{fontSize:"x579bpy",padding:"x3vcqe7",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},largeInput:{fontSize:"x13wtedm",padding:"xis3749",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},smallLabel:{top:"x1nwpe0i",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x1uv3qv7",$$css:!0},mediumLabel:{top:"x1qq7kl",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x579bpy",$$css:!0},largeLabel:{top:"xati1ur",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x13wtedm",$$css:!0},smallLabelRaised:{top:"x1hrx7a0",fontSize:"xngnso2",$$css:!0},mediumLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0},largeLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0}},S=({options:r,label:u,size:i,color:b,field:h})=>{var a;const[S,p]=n(!1),[v,s]=n(null!==(a=null==h?void 0:h.value)&&void 0!==a?a:null),[y,c]=n(0),C=d(null);t((()=>{const l=l=>{const r=l.target;C.current&&!C.current.contains(r)&&p(!1)};return document.addEventListener("mousedown",l),()=>document.removeEventListener("mousedown",l)}),[C]);const I=g[`${b}Color`],_=g[`${b}Border`],x=g[`${i}Select`];return o("div",Object.assign({},e.props(g.dropdown,x,I,_),{tabIndex:0,onKeyDown:l=>{switch(l.key){case"ArrowDown":c((l=>l<r.length-1?l+1:l));break;case"ArrowUp":c((l=>l>0?l-1:0));break;case"Enter":s(r[y]),p(!1);break;case"Escape":p(!1)}},ref:C,children:[l("div",Object.assign({},{className:"x1uz70x1"},{onClick:()=>p(!S),id:"custom-dropdown-label",role:"button","aria-expanded":S,children:v||u})),l("div",Object.assign({},e.props(g.dropdownList,I),{role:"listbox","aria-activedescendant":`dropdown-option-${y}`,"aria-labelledby":"custom-dropdown-label",style:{display:S?"block":"none"},children:r.map(((r,o)=>l("div",Object.assign({id:`dropdown-option-${o}`},e.props(g.dropdownItem,I,o===y&&g.highlightedItem),{role:"option","aria-selected":v===r,onClick:()=>(l=>{s(l),null==h||h.onChange(l),p(!1)})(r),onMouseEnter:()=>c(o),children:r}),r)))}))]}))},g={dropdown:{border:"x150ed17",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,padding:"x7gbtqy",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,cursor:"x1ypdohk",width:"x1fjzz8u",position:"x1n2onr6",backgroundColor:"x12peec7",zIndex:"x1n327nk",boxSizing:"x9f619",$$css:!0},dropdownLabel:{padding:"x1uz70x1",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},dropdownList:{borderTop:"xjnsqom",borderTopWidth:null,borderTopStyle:null,borderTopColor:null,listStyle:"xe8uvvx",listStyleImage:null,listStylePosition:null,listStyleType:null,padding:"x1717udv",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,position:"x10l6tqk",top:"xphl6p3",left:"xu96u03",insetInlineStart:null,insetInlineEnd:null,width:"xh8yej3",backgroundColor:"x12peec7",$$css:!0},dropdownItem:{padding:"x1uz70x1",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,cursor:"x1ypdohk",boxSizing:"x9f619",$$css:!0},highlightedItem:{backgroundColor:"x18jlpol",$$css:!0},whiteColor:{color:"x1mqxbix",$$css:!0},whiteBorder:{border:"xm6uh0w",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,$$css:!0},darkColor:{color:"x1awj2ng",$$css:!0},darkBorder:{border:"x1w184yy",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,$$css:!0},smallSelect:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumSelect:{fontSize:"x579bpy",padding:"x3vcqe7",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},largeSelect:{fontSize:"x13wtedm",padding:"xis3749",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},smallLabel:{top:"x1nwpe0i",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,fontSize:"x1uv3qv7",$$css:!0},mediumLabel:{top:"x1qq7kl",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,fontSize:"x579bpy",$$css:!0},largeLabel:{top:"xati1ur",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,fontSize:"x13wtedm",$$css:!0},smallLabelRaised:{top:"x1hrx7a0",fontSize:"xngnso2",$$css:!0},mediumLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0},largeLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0}};export{b as BlocSection,u as Button,h as FormInput,S as Select};

package.json

 {
   "name": "ioloco-ui",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Stylex UI components for React",
@@ -37,2 +37,3 @@ "author": {
     "@rollup/plugin-typescript": "^11.1.5",
+    "@storybook/addon-a11y": "^7.6.6",
     "@storybook/addon-essentials": "^7.6.6",
@@ -50,2 +51,4 @@ "@storybook/addon-interactions": "^7.6.6",
     "@types/react-dom": "^18.2.18",
+    "file-loader": "^6.2.0",
+    "next": "^14.0.4",
     "postcss": "^8.4.32",
@@ -64,7 +67,6 @@ "prettier": "^3.1.1",
     "build": "rollup -c --bundleConfigAsCjs",
-    "storybook": "storybook dev -p 6006",
+    "storybook": "storybook dev -p 6006 -s ./public",
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@storybook/addon-a11y": "^7.6.6",
     "@stylexjs/babel-plugin": "^0.3.0",
@@ -71,0 +73,0 @@ "@stylexjs/open-props": "^0.3.0",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

34627

increased by98.97%

Dependency count

9

decreased by-10%

Number of package files

9

increased by12.5%

Lines of code

291

increased by95.3%

Worsened metrics

Dev dependency count

34

increased by9.68%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removed@storybook/addon-a11y@^7.6.6

• - Removed@storybook/addon-a11y@7.6.20(transitive)

• - Removed@storybook/addon-highlight@7.6.20(transitive)

• - Removed@storybook/global@5.0.0(transitive)

• - Removedaxe-core@4.10.2(transitive)