ioloco-ui - npm Package Compare versions

Comparing version 0.2.1 to 0.2.2

dist/Components/Button/Button.d.ts

 /// <reference types="react" />
-import { StyleXStyles, Theme } from '@stylexjs/stylex';
-import { buttonTokens } from './tokens.stylex';
+import { StyleXStyles } from '@stylexjs/stylex';
 interface IButton {
+    color: 'primary' | 'secondary' | 'tertiary';
     variant: 'contained' | 'outlined';
     size: 'small' | 'medium' | 'large';
     text: string;
+    linkComponent?: React.ElementType;
+    href?: string;
     style?: StyleXStyles<{
         backgroundColor?: string;
         color?: string;
+        border?: string;
+        borderRadius?: string;
     }>;
-    theme?: Theme<typeof buttonTokens>;
 }
 declare const Button: React.FC<IButton>;
 export default Button;

dist/index.esm.js

@@ -1,1 +0,1 @@
-import{jsx as l,jsxs as r}from"react/jsx-runtime";import o from"@stylexjs/stylex";const d=({variant:r="contained",size:d,text:e="button",style:t,theme:i})=>{const u=n[r],b=n[d];return l("div",{children:l("button",Object.assign({},o.props(i,n.base,u,b,t),{children:e}))})},n={base:{paddingTop:"x12t3zde",paddingEnd:"xi10uvh",paddingBottom:"x2yie3v",paddingStart:"xgrgcq1",borderRadius:"x1638a8",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},contained:{backgroundColor:"xcong5y",color:"x1pgtns0",$$css:!0},outlined:{backgroundColor:"xjbqb8w",color:"x1pgtns0",border:"xsrdjtw",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},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}},e=({title:o,description:d})=>r("div",Object.assign({},{className:"xs1olxk x78zum5 xdt5ytf x6s0dn4"},{children:[l("h2",Object.assign({},{className:"xh8yej3 xybftwd x2b8uid x19yk3w5 x1iikomf"},{children:o})),l("p",Object.assign({},{className:"xfxd3yz x14zvdfm x2b8uid x66fkqt x1tzjq7k"},{children:d}))]}));export{e as BlocSection,d as Button};
+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};

package.json

 {
   "name": "ioloco-ui",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Stylex UI components for React",
@@ -66,2 +66,3 @@ "author": {
   "dependencies": {
+    "@storybook/addon-a11y": "^7.6.6",
     "@stylexjs/babel-plugin": "^0.3.0",
@@ -68,0 +69,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

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

17403

increased by118.52%

Lines of code

149

increased by46.08%

Worsened metrics

Dependency count

10

increased by11.11%

Number of package files

8

decreased by-11.11%

Dependency changes

• + Added@storybook/addon-a11y@^7.6.6

• + Added@storybook/addon-a11y@7.6.20(transitive)

• + Added@storybook/addon-highlight@7.6.20(transitive)

• + Added@storybook/global@5.0.0(transitive)

• + Addedaxe-core@4.10.2(transitive)