Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ioloco-ui

Package Overview
Dependencies
Maintainers
1
Versions
124
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ioloco-ui - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

dist/Components/Button/tokens.stylex.d.ts

4

dist/Components/Button/Button.d.ts
/// <reference types="react" />
import { StyleXStyles } from '@stylexjs/stylex';
import { StyleXStyles, Theme } from '@stylexjs/stylex';
import { buttonTokens } from './tokens.stylex';
interface IButton {

@@ -11,4 +12,5 @@ variant: 'contained' | 'outlined';

}>;
theme?: Theme<typeof buttonTokens>;
}
declare const Button: React.FC<IButton>;
export default Button;

@@ -1,1 +0,1 @@

import{jsx as l,jsxs as r}from"react/jsx-runtime";import o from"@stylexjs/stylex";const n=({variant:r="contained",size:n,text:e,style:t})=>{const i="contained"===r?d.contained:d.outlined,u=d[n];return l("div",{children:l("button",Object.assign({},o.props(d.base,i,u,t),{children:e}))})},d={base:{paddingTop:"x889kno",paddingEnd:"xc73u3c",paddingBottom:"x1a8lsjc",paddingStart:"x5ib6vp",borderRadius:"x12oqio5",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:"x1t391ir",color:"x1awj2ng",$$css:!0},outlined:{backgroundColor:"xjbqb8w",color:"xju2f9n",border:"x1fen529",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:"x123j3cw",paddingEnd:"x1iji9kk",paddingBottom:"xs9asl8",paddingStart:"x1sln4lm",fontSize:"xgommxb",$$css:!0},medium:{paddingTop:"x889kno",paddingEnd:"xc73u3c",paddingBottom:"x1a8lsjc",paddingStart:"x5ib6vp",fontSize:"x1jchvi3",$$css:!0},large:{paddingTop:"xqy66fx",paddingEnd:"x6x52a7",paddingBottom:"xr1496l",paddingStart:"xxpdul3",fontSize:"xvewgow",$$css:!0}},e=({title:o,description:n})=>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:n}))]}));export{e as BlocSection,n as Button};
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};
{
"name": "ioloco-ui",
"version": "0.2.0",
"version": "0.2.1",
"description": "Stylex UI components for React",

@@ -5,0 +5,0 @@ "author": {

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc