@vtex/admin-ui-theme
Advanced tools
Comparing version 0.18.2 to 0.19.0
@@ -6,2 +6,13 @@ # Change Log | ||
# [0.19.0](https://github.com/vtex/onda/compare/@vtex/admin-ui-theme@0.18.2...@vtex/admin-ui-theme@0.19.0) (2021-02-25) | ||
### Features | ||
* **theme:** move global styles from core to theme ([416c04b](https://github.com/vtex/onda/commit/416c04bd46e98cb65e428ac017577ac2ec6702ae)) | ||
## [0.18.2](https://github.com/vtex/onda/compare/@vtex/admin-ui-theme@0.18.1...@vtex/admin-ui-theme@0.18.2) (2021-02-11) | ||
@@ -8,0 +19,0 @@ |
@@ -141,3 +141,55 @@ 'use strict'; | ||
var global = { | ||
imports: ['https://io.vtex.com.br/fonts/vtex-trust/style.css'], | ||
styles: { | ||
body: { | ||
margin: 0, | ||
bg: 'light.primary', | ||
color: 'dark.primary', | ||
lineHeight: 1 | ||
}, | ||
'html, body': { | ||
fontFamily: 'sans', | ||
fontSettings: 'regular' | ||
}, | ||
'strong, b': { | ||
fontFamily: 'sans', | ||
fontSettings: 'bold' | ||
}, | ||
'pre, code': { | ||
fontFamily: 'mono' | ||
}, | ||
'*': { | ||
fontFamily: 'sans', | ||
fontSettings: 'regular' | ||
}, | ||
'*, ::before, ::after': { | ||
boxSizing: 'border-box', | ||
borderWidth: 0, | ||
borderStyle: 'solid' | ||
}, | ||
'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video': { | ||
margin: 0, | ||
padding: 0, | ||
border: 0, | ||
verticalAlign: 'baseline' | ||
}, | ||
'article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section': { | ||
display: 'block' | ||
}, | ||
'blockquote, q': { | ||
quotes: 'none' | ||
}, | ||
'blockquote:before, blockquote:after, q:before, q:after': { | ||
content: ["''", 'none'] | ||
}, | ||
table: { | ||
borderCollapse: 'collapse', | ||
borderSpacing: 0 | ||
} | ||
} | ||
}; | ||
var base = { | ||
global: global, | ||
sizes: sizes, | ||
@@ -2120,7 +2172,11 @@ colors: colors, | ||
var theme = /*#__PURE__*/_extends({}, base, { | ||
var makeTheme = function makeTheme(theme) { | ||
return theme; | ||
}; | ||
var theme = /*#__PURE__*/makeTheme( /*#__PURE__*/_extends({}, base, { | ||
components: components | ||
}); | ||
})); | ||
exports.theme = theme; | ||
//# sourceMappingURL=admin-ui-theme.cjs.development.js.map |
@@ -1,2 +0,2 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("polished"),r=require("@vtex/admin-ui-system");function o(){return(o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e}).apply(this,arguments)}var t={dark:{primary:"#323845",secondary:"#707685"},light:{primary:"#FFFFFF",secondary:"#F4F6FB"},mid:{primary:"#898F9E",secondary:"#C4C5CA",tertiary:"#E0E2E7"},focus:"#8DB6FA",blue:{default:"#2953B2",hover:e.darken(.08,"#2953B2"),pressed:e.darken(.16,"#2953B2"),secondary:{default:"#DAE3F5",hover:e.darken(.04,"#DAE3F5"),pressed:e.darken(.08,"#DAE3F5")}},red:{default:"#CB4242",hover:e.darken(.08,"#CB4242"),pressed:e.darken(.16,"#CB4242"),secondary:{default:"#FEDADA",hover:e.darken(.04,"#FEDADA"),pressed:e.darken(.08,"#FEDADA")}},yellow:{default:"#FFBA52",hover:e.darken(.08,"#FFBA52"),pressed:e.darken(.16,"#FFBA52"),secondary:{default:"#F6E0BA",hover:e.darken(.04,"#F6E0BA"),pressed:e.darken(.08,"#F6E0BA")}},green:{default:"#368369",hover:e.darken(.08,"#368369"),pressed:e.darken(.16,"#368369"),secondary:{default:"#CEE8DE",hover:e.darken(.04,"#CEE8DE"),pressed:e.darken(.08,"#CEE8DE")}}},i={0:"0rem",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",px:"0.0625rem","2px":"0.125rem"},a={sizes:{sm:"20rem",md:"48rem",lg:"56rem",xl:"64rem","1/2":"50%","1/4":"25%","2/4":"50%","3/4":"75%","1/8":"12.5%","2/8":"25%","3/8":"37.5%","4/8":"50%","5/8":"62.5%","6/8":"75%","7/8":"87.5%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",screenHeight:"100vh",screenWidth:"100vw"},colors:t,space:i,breakpoints:["640px","768px","1024px","1280px"],transitions:{snap:"all 70ms cubic-bezier(0.2, 0.2, 0.38, 0.9)",fade:"all 110ms cubic-bezier(0.2, 0.2, 0.38, 0.9)",pop:"all 150ms cubic-bezier(0.4, 0.14, 0.3, 1)",callout:"all 240ms cubic-bezier(0.4, 0.14, 0.3, 1)"},fonts:{sans:"VTEXTrustVF, -apple-system, system-ui, BlinkMacSystemFont, sans-serif",mono:'"Dank Mono", "Operator Mono", "Fira Code Retina", "Fira Code", "FiraCode-Retina", "Consolas", "Monaco", "Menlo", monospace'},fontSizes:{0:"0.75rem",1:"0.875rem",2:"1rem",3:"1.125rem",4:"1.25rem"},text:{code:{fontFamily:"mono",lineHeight:"code",fontSize:1,fontFeatureSettings:"'clig' 0, 'calt' 0",fontVariantLigatures:"normal"},small:{fontFamily:"sans",lineHeight:"small",fontSettings:"regular",fontSize:0},body:{fontFamily:"sans",lineHeight:"body",fontSettings:"regular",fontSize:1},highlight:{fontFamily:"sans",lineHeight:"highlight",fontSettings:"regular",fontSize:1},action:{fontFamily:"sans",lineHeight:"action",fontSettings:"regular",fontSize:1,textTransform:"uppercase"},subtitle:{fontFamily:"sans",lineHeight:"subtitle",fontSettings:"regular",fontSize:2},headline:{fontFamily:"sans",lineHeight:"headline",fontSettings:"regular",fontSize:4}},border:{default:{borderWidth:"1px",borderStyle:"solid",borderRadius:"default",borderColor:"mid.tertiary"},"divider-bottom":{borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomLeftRadius:0,borderBottomRightRadius:0,borderColor:"mid.tertiary"},"divider-top":{borderTopWidth:"1px",borderTopStyle:"solid",borderTopLeftRadius:0,borderTopRightRadius:0,borderColor:"mid.tertiary"}},zIndices:{under:-1,plain:0,over:999,1:1,2:2,3:3,4:4,5:5},fontSettings:{hairline:"'wght' 30",thin:"'wght' 50",light:"'wght' 65",regular:"'wght' 92",medium:"'wght' 120",bold:"'wght' 170",black:"'wght' 200"},lineHeights:{code:1,small:1.125,body:1.25,highlight:1.25,action:1.5,subtitle:1.5,headline:1.5},shadows:{menu:"0rem 0rem 1rem 0rem rgba(0,0,0,0.10)",subtle:"0rem 0rem 1.5rem 0rem rgba(0,0,0,0.05)",focus:"0rem 0rem 0rem "+i["2px"]+" "+t.focus},borderRadius:{default:"4px",flat:"0px",pill:"100px",circle:"100%"}},d={regular:{fontSize:1,height:40,width:"auto",paddingLeft:4,paddingRight:4},"regular-icon":{fontSize:1,height:40,width:40,paddingLeft:1,paddingRight:1,svg:{width:24,minWidth:24,height:24,minHeight:24,margin:1}},"regular-icon-start":{fontSize:1,height:40,width:"auto",paddingLeft:2,paddingRight:3,svg:{width:24,minWidth:24,height:24,minHeight:24,margin:1}},"regular-icon-end":{fontSize:1,height:40,width:"auto",paddingLeft:3,paddingRight:2,svg:{width:24,minWidth:24,height:24,minHeight:24,margin:1}},small:{fontSize:0,height:32,width:"auto",paddingLeft:3,paddingRight:3},"small-icon":{fontSize:0,height:32,width:32,paddingLeft:"2px",paddingRight:"2px",svg:{width:20,minWidth:20,height:20,minHeight:20,margin:1}},"small-icon-start":{fontSize:0,height:32,width:"auto",paddingLeft:2,paddingRight:3,svg:{width:20,minWidth:20,height:20,minHeight:20,margin:1}},"small-icon-end":{fontSize:0,height:32,width:"auto",paddingLeft:3,paddingRight:2,svg:{width:20,minWidth:20,height:20,minHeight:20,margin:1}}},n={primary:{textTransform:"uppercase",color:"light.primary",backgroundColor:"blue",":hover":{backgroundColor:"blue.hover"},":active":{backgroundColor:"blue.pressed"},":disabled":{color:"dark.primary",backgroundColor:"mid.secondary"}},secondary:{textTransform:"uppercase",backgroundColor:"blue.secondary",color:"blue",":hover":{backgroundColor:"blue.secondary.hover"},":active":{backgroundColor:"blue.secondary.pressed"},":disabled":{color:"mid.primary",backgroundColor:"light.secondary"}},tertiary:{textTransform:"capitalize",backgroundColor:"transparent",color:"blue",":hover":{color:"blue.hover",backgroundColor:r.alpha("blue.secondary.hover",.24)},":active":{color:"blue.pressed",backgroundColor:r.alpha("blue.secondary.pressed",.32)},":disabled":{color:"mid.primary"}},danger:{textTransform:"uppercase",color:"light.primary",backgroundColor:"red",":hover":{backgroundColor:"red.hover"},":active":{backgroundColor:"red.pressed"},":disabled":{color:"dark.primary",backgroundColor:"mid.secondary"}},"danger-secondary":{textTransform:"uppercase",backgroundColor:"red.secondary",color:"red",":hover":{backgroundColor:"red.secondary.hover",color:"red.hover"},":active":{backgroundColor:"red.secondary.pressed",color:"red.pressed"},":disabled":{color:"mid.primary",backgroundColor:"light.secondary"}},"danger-tertiary":{textTransform:"capitalize",backgroundColor:"transparent",color:"red",":hover":{color:"red.hover",backgroundColor:r.alpha("red.secondary.hover",.24)},":active":{color:"red.pressed",backgroundColor:r.alpha("red.secondary.pressed",.32)},":disabled":{color:"mid.primary"}},"adaptative-dark":{color:"currentColor",backgroundColor:"transparent",":hover":{backgroundColor:r.alpha("dark.primary",.04)},":active":{backgroundColor:r.alpha("dark.primary",.08)},":disabled":{color:"mid.primary"}},"adaptative-light":{color:"currentColor",backgroundColor:"transparent",":hover":{backgroundColor:r.alpha("light.primary",.04)},":active":{backgroundColor:r.alpha("light.primary",.08)},":disabled":{color:"mid.primary"}}},l={fontFamily:"sans",fontSettings:"regular",border:"none",borderRadius:"default",cursor:"pointer",position:"relative",":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},s=o({},Object.keys(n).reduce((function(e,r){return o({},e,Object.keys(d).reduce((function(e,t){var i;return o({},e,((i={})[r+"-"+t]=o({},l,n[r],d[t]),i))}),[]))}),{})),g={border:"solid",borderWidth:1,borderColor:"mid.tertiary",margin:0},h={horizontal:o({},g,{borderBottom:0}),vertical:o({},g,{borderLeft:0,height:"auto"})},c={display:"inline-flex",alignItems:"center",borderRadius:"100px",color:"dark.primary",border:"none","> svg:nth-of-type(1)":{marginRight:1}},b={blue:{bg:"blue.secondary"},green:{bg:"green.secondary"},red:{bg:"red.secondary"},black:{bg:"dark.primary",color:"light.primary"},yellow:{bg:"yellow.secondary"},purple:{bg:"#E4E0F0"}},p={small:{height:26,paddingX:"2",lineHeight:"small",fontSettings:"'wght' 80",fontSize:0,svg:{width:16,height:16,minWidth:16,minHeight:16},button:{height:16,width:16}},regular:{height:40,paddingX:"4",lineHeight:"subtitle",fontSettings:"regular",fontSize:2,svg:{width:20,minWidth:20,height:20,minHeight:20},button:{height:20,width:20}}},u=o({},Object.keys(b).reduce((function(e,r){return o({},e,Object.keys(p).reduce((function(e,t){var i;return o({},e,((i={})[r+"-"+t]=o({},c,b[r],p[t]),i))}),[]))}),{})),m={display:"flex",alignItems:"center",justifyContent:"space-between",height:56,paddingY:3,paddingLeft:4,paddingRight:3,borderRadius:"default",opacity:0,zIndex:999,transform:"translate3d(0, -10px, 0)",visibility:"hidden",transition:"pop",borderStyle:"solid",borderWidth:1},f={opacity:1,visibility:"visible",transform:"translate3d(0, 0, 0)"},y=o({},m,{bg:r.lightness("red.secondary.default",.94),borderColor:"red.secondary"}),x=o({},m,{bg:r.lightness("green.secondary.default",.94),borderColor:"green.secondary"}),v=o({},m,{bg:r.lightness("yellow.secondary.default",.94),borderColor:"yellow.secondary"}),C=o({},m,{bg:r.lightness("blue.secondary.default",.94),borderColor:"blue.secondary"}),k={height:"full",alignItems:"flex-start"},w={borderRadius:"flat",paddingRight:4};function S(e,r){var t;return void 0===r&&(r={}),(t={})[""+e]=r,t[e+"-visible"]=o({},r,f),t[e+"-fluid"]=o({},r,k),t[e+"-sticky"]=o({},r,w),t[e+"-visible-fluid"]=o({},r,f,k),t[e+"-visible-sticky"]=o({},r,f,w),t[e+"-fluid-sticky"]=o({},r,f,w),t[e+"-visible-fluid-sticky"]=o({},r,f,w,k),t}var R=o({},S("error",y),S("warning",v),S("info",C),S("success",x)),W={cursor:"pointer",":hover":{bg:"light.secondary"}},z={table:{display:"table",width:"full"},header:{display:"table-header-group"},body:{display:"table-row-group"},"row-ltr":{display:"table-row",textAlign:"left",bg:"light.primary"},"row-rtl":{display:"table-row",textAlign:"right",bg:"light.primary"},"row-clickable-ltr":o({display:"table-row",textAlign:"left",bg:"light.primary"},W),"row-clickable-rtl":o({display:"table-row",textAlign:"right",bg:"light.primary"},W),cell:{flex:1,borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"mid.tertiary",display:"table-cell",verticalAlign:"middle",paddingX:2,variant:"text.body"},columnheader:{bg:"light.primary",height:48,display:"table-cell",verticalAlign:"middle",paddingX:2,color:"dark.secondary",fontWeight:"normal",variant:"text.body",flex:1,borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"mid.tertiary"}},B={skeleton:{height:24},image:{regular:{width:56,minWidth:56,height:56,minHeight:56,borderRadius:4},compact:{width:32,minWidth:32,height:32,minHeight:32,borderRadius:4},variable:{minWidth:32,minHeight:32,borderRadius:4}},"image-preview":{small:{width:56,minWidth:56,height:56,minHeight:56,borderRadius:4,boxShadow:"menu"},regular:{width:156,minWidth:156,height:156,minHeight:156,borderRadius:4,boxShadow:"menu"},large:{width:256,minWidth:256,height:256,minHeight:256,borderRadius:4,boxShadow:"menu"}},regular:r.merge(z,{cell:{height:80}}),compact:r.merge(z,{cell:{height:48}}),variable:r.merge(z,{cell:{verticalAlign:"top",minHeight:48,paddingY:4}})},L={display:"flex",width:"full",alignItems:"center",borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"mid.tertiary",justifyContent:"flex-start"},H={compact:o({},L,{height:48,"svg, img":{minHeight:32,maxHeight:32,minWidth:32,maxWidth:32}}),regular:o({},L,{height:80,"svg, img":{minHeight:48,maxHeight:48,minWidth:48,maxWidth:48}}),comfortable:o({},L,{height:128,"svg, img":{minHeight:80,maxHeight:80,minWidth:80,maxWidth:80}})},F={fontSettings:"regular",width:"full",height:48,borderStyle:"solid",borderWidth:1,paddingLeft:3,paddingRight:4,borderColor:"mid.tertiary",borderRadius:"default",bg:"inherit",marginY:1,fontSize:1,color:"dark.primary",outline:0,transition:"snap",":hover":{borderColor:"dark.primary"},":focus":{borderColor:"blue",boxShadow:"0 0 0 1px "+t.blue.default},":disabled":{bg:"light.secondary",borderColor:"mid.primary",color:"mid.primary"},":focus + label":{transform:"translate(1px, 4px) scale(0.875)"},":placeholder-shown:not(:focus) + label":{paddingTop:1},":not(:placeholder-shown) + label":{transform:"translate(1px, 4px) scale(0.875)"}},T={borderColor:"red",":focus":{borderColor:"red",boxShadow:"0 0 0 1px "+t.red.default},":hover":{borderColor:"red.hover"}};function I(e,o){var t;return void 0===o&&(o={}),(t={})[""+e]=r.merge(F,o),t[e+"-icon"]=r.merge(F,o,{paddingLeft:44}),t[e+"-suffix"]=r.merge(F,o,{paddingRight:"64px"}),t[e+"-clear"]=r.merge(F,o,{paddingRight:"44px"}),t[e+"-icon-clear"]=r.merge(F,o,{paddingLeft:"44px",paddingRight:"44px"}),t[e+"-icon-suffix"]=r.merge(F,o,{paddingRight:"64px",paddingLeft:"44px"}),t[e+"-suffix-clear"]=r.merge(F,o,{paddingRight:"75px"}),t[e+"-icon-suffix-clear"]=r.merge(F,o,{paddingLeft:"44px",paddingRight:"75px"}),t}var A=o({container:{position:"relative"},"container-icon":{position:"relative",label:{left:"44px"}},suffix:{color:"mid.primary",borderLeftStyle:"solid",borderLeftWidth:"1px",borderLeftColor:"mid.tertiary",paddingTop:"14px",marginTop:"px",width:"32px",paddingLeft:3,lineHeight:"body",fontSettings:"regular",fontSize:1},icon:{color:"mid.primary",top:1,left:0,marginX:3,marginTop:"14px",position:"absolute",height:20,width:20,minWidth:20,minHeight:20},buttons:{right:0,top:1,height:46,paddingRight:3,position:"absolute",display:"flex",color:"dark.secondary"}},I("input"),I("input-error",T)),E={fontSettings:"regular",lh:"highlight",marginTop:3,marginBottom:6,display:"flex",alignItems:"flex-start","& > label > input":{marginRight:2,marginLeft:0},"& > label":{cursor:"pointer",color:"dark.secondary",display:"flex",alignItems:"center"}},D={"horizontal-regular":o({},E,{fontSize:"2",flexDirection:"row","& label:not(:last-child)":{marginRight:6}}),"horizontal-small":o({},E,{fontSize:"1",flexDirection:"row","& label:not(:last-child)":{marginRight:5}}),"vertical-regular":o({},E,{fontSize:"2",flexDirection:"column","& label:not(:last-child)":{marginBottom:4}}),"vertical-small":o({},E,{fontSize:"1",flexDirection:"column","& label:not(:last-child)":{marginBottom:4}})},j={appearance:"none",margin:0,position:"relative",cursor:"pointer",borderStyle:"solid",borderWidth:"1px",borderColor:"mid.secondary",backgroundColor:"transparent",borderRadius:"circle",":after":{content:'""',display:"block",borderRadius:"circle",backgroundColor:"light.primary",opacity:0},":checked":{backgroundColor:"blue",borderColor:"blue",":after":{opacity:1},":hover":{backgroundColor:"blue.hover",borderColor:"blue.hover"},":active":{borderColor:"blue.pressed",backgroundColor:"blue.pressed"}},":disabled":{cursor:"not-allowed",backgroundColor:"mid.tertiary",borderColor:"mid.primary",":after":{backgroundColor:"mid.primary"}},":hover":{borderColor:"dark.primary"},":active":{borderColor:"dark.secondary",backgroundColor:"blue.secondary"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},X={regular:r.merge(j,{height:20,width:20,padding:"5px",":after":{width:8,height:8}}),small:r.merge(j,{height:16,width:16,padding:1,":after":{width:6,height:6}})},Y={paddingTop:24,height:100,resize:"none",fontSettings:"regular",width:"full",borderStyle:"solid",borderWidth:1,paddingLeft:3,paddingRight:4,borderColor:"mid.tertiary",borderRadius:"default",bg:"inherit",marginY:1,fontSize:1,color:"dark.primary",outline:0,transition:"snap",":hover":{borderColor:"dark.primary"},":focus":{borderColor:"blue",boxShadow:"0 0 0 1px "+t.blue.default},":disabled":{bg:"light.secondary",borderColor:"mid.primary",color:"mid.primary"},":focus + label":{transform:"translate(1px, 4px) scale(0.875)"},":placeholder-shown:not(:focus) + label":{paddingTop:1},":not(:placeholder-shown) + label":{transform:"translate(1px, 4px) scale(0.875)"}},O={display:"flex",position:"relative",justifyContent:"flex-start",flexDirection:"column",width:"full"},M={textarea:{borderColor:"red",":focus":{borderColor:"red",boxShadow:"0 0 0 1px "+t.red.default},":hover":{borderColor:"red.hover"}}},P={container:o({},O),default:o({},Y),"container-error":o({},O,M),"text-container":{display:"flex",justifyContent:"space-between",paddingTop:1},"floating-label":{fontSize:1,left:12,paddingTop:2,color:"mid.primary",marginBottom:3,position:"absolute",transform:"translate(0, 16px) scale(1)",transformOrigin:"top left",transition:"all 0.2s ease-out;"}},V={visibility:"hidden",cursor:"pointer",bg:"light.primary",borderRadius:"default",borderWidth:1,borderStyle:"solid",borderColor:"mid.secondary",boxShadow:"menu",outline:"none",marginTop:1,paddingY:4,width:"max-content",position:"absolute",zIndex:999},q={display:"flex",alignItems:"center",height:24,paddingX:4,cursor:"pointer",bg:"light.primary"},_={menu:V,"menu-visible":o({},V,{visibility:"visible"}),item:q,"item-active":o({},q,{bg:"blue.secondary"})},G={width:106,height:48,appearance:"none","::-webkit-inner-spin-button ":{WebkitAppearance:"none",margin:0},paddingLeft:36,paddingRight:36,textAlign:"center",color:"dark.primary",borderStyle:"solid",borderWidth:1,borderColor:"mid.primary",borderRadius:"default",backgroundColor:"light.primary",":hover":{borderColor:"dark.primary"},":disabled":{backgroundColor:"light.secondary",color:"mid.primary"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},U={"default-error":o({},G,{borderColor:"red",":hover":{borderColor:"red"},":focus":{outline:"none",boxShadow:"none"}}),default:G,container:{position:"relative",display:"flex",alignItems:"center",height:48,width:106,paddingY:12}},J={display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",height:48,width:"inherit",boxShadow:"0 0 0 0 transparent",borderStyle:"solid",borderWidth:1,paddingLeft:3,paddingRight:4,borderColor:"mid.secondary",borderRadius:"default",bg:"inherit",fontSize:1,color:"dark.secondary",outline:0,":hover":{borderColor:"mid.primary"},":hover > svg":{color:"dark.primary"},":focus":{borderColor:t.blue.default,boxShadow:"0 0 0 1px "+t.blue.default},":disabled":{bg:"light.secondary",borderColor:"mid.primary",color:"dark.secondary",cursor:"initial"},":disabled > svg":{color:"dark.secondary"}},K={position:"absolute",top:"25%",lineHeight:1.5,paddingLeft:3,color:"dark.secondary",zIndex:2},N={color:"dark.primary",outline:"none",fontSize:1,appearance:"none",backgroundColor:"transparent",border:"1px solid",borderColor:"mid.secondary",borderRadius:"default",paddingTop:"1.125rem",paddingLeft:3,width:"100%",height:"100%",":focus":{borderColor:"blue",boxShadow:"0 0 0 1px "+t.blue.default},":disabled":{bg:"light.secondary",borderColor:"mid.primary",color:"dark.primary",opacity:1},":disabled > svg":{color:"dark.secondary"}},Q={container:{width:288,position:"relative"},optionsPortal:{position:"absolute",zIndex:999,width:"inherit",backgroundColor:"light.primary",outline:"none"},optionsContainer:{display:"flex",flexDirection:"column",borderWidth:1,borderStyle:"solid",borderColor:"mid.primary",borderRadius:"default"},optionsLabel:{text:"small",lineHeight:1.5,paddingTop:2,paddingBottom:1,paddingLeft:3,color:"mid.primary"},optionsUl:{paddingBottom:1,maxHeight:150,width:"inherit",overflowY:"auto",borderBottomLeftRadius:4,borderBottomRightRadius:4},item:{color:"dark.primary",verticalAlign:"middle",listStyleType:"none",display:"flex",alignItems:"center",cursor:"pointer"},button:J,buttonError:o({},J,{borderColor:"red",":focus":{borderColor:"red",boxShadow:"0 0 0 1px "+t.red.default},":hover":{borderColor:"red"}}),selectedItem:{lineHeight:1.43,color:"dark.primary",float:"left",marginTop:"1.125rem",":not(:empty) + label":{fontSize:0,lineHeight:1.5}},label:{lineHeight:1.43,position:"absolute",left:12},mobileContainer:{position:"relative",width:288,height:48},mobileLabel:K,mobileLabelSelectedItem:o({},K,{top:2,text:"small"}),mobileSelect:N,mobileSelectError:o({},N,{borderColor:"red",":focus":{borderColor:"red",boxShadow:"0 0 0 1px "+t.red.default}}),mobileIcon:{position:"absolute",right:12,top:"25%",color:"dark.secondary"}},Z={marginY:"2px",paddingX:1,fontSize:1,border:"none",textTransform:"initial",width:"full",div:{justifyContent:"flex-start"},svg:{marginLeft:0,marginRight:2}},$={display:"flex",flexDirection:"column",bg:"light.primary",marginTop:1,padding:3,minWidth:18,borderRadius:3,borderWidth:1,borderStyle:"solid",borderColor:"mid.secondary",boxShadow:"menu",hr:{marginY:2,borderStyle:"solid",borderBottomWidth:1,borderTop:"none",borderLeft:"none",borderRight:"none",borderColor:"mid.secondary",width:"calc(100% -"+i[3]+")",marginX:"-"+i[3],outline:"none"},item:o({},Z,{color:"dark.primary",":focus":{bg:r.alpha("blue.secondary.default",.32),outline:"none",boxShadow:"none"},":hover":{color:"dark.primary"}}),"item-dangerous":o({},Z,{color:"red",":focus":{bg:r.alpha("red.secondary.default",.32),outline:"none",boxShadow:"none"},":hover":{color:"red"}})},ee={outline:"none",bg:"light.primary",borderRadius:3,borderColor:"mid.tertiary",borderStyle:"solid",borderWidth:1,position:"relative",overflowY:"auto",overflowX:"hidden",maxHeight:"3/4",margin:2,opacity:0,transform:"translate3d(0, 48px, 0)",transition:"pop","&[data-enter]":{opacity:1,transform:"translate3d(0, 0, 0)"}},re={display:"flex",justifyContent:"space-between",alignItems:"center",borderColor:"mid.tertiary",borderStyle:"solid","button + button":{marginLeft:4},paddingY:4,paddingX:6,borderTopWidth:0,borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:1,h1:{variant:"text.subtitle",lineHeight:0},position:"sticky",top:0,left:0,right:0,bg:"light.primary",zIndex:999},oe={display:"flex",justifyContent:"space-between",alignItems:"center",borderColor:"mid.tertiary",borderStyle:"solid",borderBottomWidth:0,borderLeftWidth:0,borderRightWidth:0,position:"sticky",bottom:0,left:0,right:0,bg:"light.primary",padding:6,flexDirection:["column-reverse","column-reverse","row"],">button":{width:["full","full","inherit"]},"* + button":{marginLeft:[0,0,4],marginBottom:[4,4,0]}},te={paddingTop:4,paddingX:6,paddingBottom:6},ie=o({},te,{scrollbarWidth:"thin",scrollbarColor:"light.primary","::-webkit-scrollbar":{width:"8px"},"::-webkit-scrollbar-thumb":{backgroundColor:"mid.tertiary",borderRadius:"6px",border:"2px solid",color:"light.primary"}},{overflowY:"auto"});exports.theme=o({},a,{components:{button:s,list:H,table:B,controlGroup:D,toggle:{styles:{appearance:"none",position:"relative",cursor:"pointer",borderRadius:"6.25rem",backgroundColor:"mid.primary",borderStyle:"solid",borderColor:"mid.primary",borderWidth:1,"&:after":{content:'""',display:"block",position:"absolute",borderRadius:"1.25rem",backgroundColor:"light.primary",transition:"transform .25s ease"},"&:checked":{backgroundColor:"green",borderColor:"green","&:hover":{backgroundColor:"green.hover",borderColor:"green.hover"},"&:disabled":{backgroundColor:"mid.primary",borderColor:"mid.primary","&:after":{backgroundColor:"mid.secondary"}}},"&:hover":{backgroundColor:"dark.secondary",borderColor:"dark.secondary"},"&:disabled":{backgroundColor:"mid.primary",borderColor:"mid.primary","&:after":{backgroundColor:"mid.secondary"}},":not(:checked):active":{backgroundColor:"dark.secondary",borderColor:"dark.secondary",":after":{backgroundColor:"blue.secondary"}},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},size:{regular:{height:20,width:36,"&:after":{width:18,height:18},"&:checked":{"&:after":{transform:"translateX(16px)"}}},small:{height:16,width:28,"&:after":{width:14,height:14},"&:checked":{"&:after":{transform:"translateX(12px)"}}}}},checkbox:{styles:{appearance:"none",borderStyle:"solid",borderWidth:1,borderColor:"mid.primary",borderRadius:3,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center","&:checked":{backgroundColor:"blue",borderColor:"blue","&:after":{content:"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' width='10' height='8' fill='none'><path d='M9 1L4 7L1 4' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'></path></svg>\")"},"&[disabled]:after":{content:"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' width='10' height='8' fill='none'><path d='M9 1L4 7L1 4' stroke='%23898F9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'></path></svg>\")"},"&:hover":{backgroundColor:"blue.hover",borderColor:"blue.hover"},"&:active":{backgroundColor:"blue.pressed",borderColor:"blue.pressed"}},"&:indeterminate":{backgroundColor:"blue.secondary",borderColor:"blue",color:"blue","&:after":{content:'""',position:"absolute",width:8,height:0,borderWidth:1,borderStyle:"solid",borderLeft:0,borderRight:0,borderRadius:3,borderColor:"currentColor"},"&:disabled":{backgroundColor:"mid.secondary",borderColor:"mid.primary",color:"mid.primary"},"&:hover":{borderColor:"blue.hover",color:"blue.hover",bg:"blue.secondary.hover"},"&:active":{borderColor:"blue.pressed",color:"blue.pressed"}},"&:disabled":{backgroundColor:"mid.secondary",borderColor:"mid.primary",color:"mid.primary"},"&:hover":{borderColor:"dark.primary"},"&:active":{backgroundColor:"blue.secondary",borderColor:"dark.secondary"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},size:{regular:{height:20,width:20,minWidth:20,minHeight:20},small:{height:16,width:16,minWidth:16,minHeight:16}}},radio:X,abstractInput:A,input:{container:{display:"flex",position:"relative",justifyContent:"flex-start",flexDirection:"column"},"floating-label":{fontSize:1,left:12,paddingTop:2,color:"mid.primary",marginBottom:3,position:"absolute",transform:"translate(0, 16px) scale(1)",transformOrigin:"top left",transition:"all 0.2s ease-out;"},"text-container":{display:"flex",justifyContent:"space-between",alignItems:"",paddingTop:1}},tooltip:{backgroundColor:"dark.primary",color:"light.primary",fontSize:1,paddingY:2,paddingX:3,borderRadius:3,maxWidth:240,minHeight:32,zIndex:"over"},menu:$,modal:{backdrop:{display:"flex",flexDirection:"column",justifyContent:["flex-end","flex-end","center"],alignItems:"center",backgroundColor:e.rgba(t.dark.primary,.5),position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:9999,opacity:0,transition:"fade","&[data-enter]":{opacity:1}},"surface-small":o({},ee,{width:["calc(100% - 16px)","calc(100% - 16px)",320]}),"surface-regular":o({},ee,{width:["calc(100% - 16px)","calc(100% - 16px)",560]}),"surface-large":o({},ee,{width:["calc(100% - 16px)","calc(100% - 16px)",800]}),"header-small":o({},re,{height:56}),"header-regular":o({},re,{height:56}),"header-large":o({},re,{height:80}),"content-with-small-scroll-area":o({},ie,{height:"calc(100% - 3.5rem)"}),"content-with-regular-scroll-area":o({},ie,{height:"calc(100% - 3.5rem)"}),"content-with-large-scroll-area":o({},ie,{height:"calc(100% - 5rem)"}),"content-with-larger-scroll-area":o({},ie,{height:"calc(100% - 7rem)"}),"content-with-extra-large-scroll-area":o({},ie,{height:"calc(100% - 10rem)"}),content:o({},te),"footer-small":o({},oe,{borderTopWidth:0,pt:0,">button":{width:"full"},minHeight:"3.5rem"}),"footer-regular":o({},oe,{borderTopWidth:1,minHeight:"3.5rem"}),"footer-large":o({},oe,{borderTopWidth:1,minHeight:"5rem"})},skeleton:{styles:{display:"inline-block",width:"full",height:"full",backgroundColor:"light.secondary",backgroundSize:"200px 100%",backgroundRepeat:"no-repeat",lineHeight:1,borderRadius:3,backgroundImage:"linear-gradient(\n 90deg,\n "+t.light.secondary+",\n white,\n "+t.light.secondary+"\n )"},shape:{rect:{borderRadius:"default"},circle:{borderRadius:"circle"}}},divider:h,collapsible:{container:{bg:"light.primary",borderColor:"mid.tertiary",borderStyle:"solid",borderWidth:1,borderRadius:"default"},"container-grouped":{bg:"light.primary",borderRadius:"default"},header:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:6,paddingLeft:2,"div > button:nth-of-type(n+2)":{marginLeft:1}},section:{paddingX:6,paddingBottom:6},"header-nested":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:4,paddingLeft:0,"div > button:nth-of-type(n+2)":{marginLeft:1}},"section-nested":{paddingX:4,paddingBottom:4}},avatar:{styles:{display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,padding:2,borderRadius:"circle",textTransform:"uppercase"},palette:{base:{bg:"dark.primary",color:"light.primary"},primary:{bg:"blue",color:"light.primary"},danger:{bg:"red",color:"light.primary"}}},tag:u,anchor:{font:"inherit",color:"blue",textDecoration:"none",":active":{color:"blue.pressed",textDecoration:"underline"},":hover":{color:"blue.hover",textDecoration:"underline"}},dropdown:_,textArea:P,numericStepper:U,select:Q,alert:R,tab:{styles:{fontSettings:"regular",border:"none",borderRadius:"default",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",borderBottomStyle:"solid",borderBottomColor:"transparent",borderBottomWidth:2,borderTopStyle:"solid",borderTopColor:"transparent",borderTopWidth:2,height:44,minWidth:110,cursor:"pointer",position:"relative",":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"},paddingX:6,textTransform:"uppercase",backgroundColor:"transparent",color:"dark.secondary"},variant:{default:{":hover":{color:"blue.hover"}},active:{borderBottomColor:"blue",color:"blue"}}},tabList:{styles:{paddingX:4,width:"full"},variant:{block:{display:"inline-block"},fluid:{display:"flex",justifyContent:"space-evenly","> button":{width:"full"}}}},tabContent:{":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}}}}); | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("polished"),r=require("@vtex/admin-ui-system");function o(){return(o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e}).apply(this,arguments)}var t={dark:{primary:"#323845",secondary:"#707685"},light:{primary:"#FFFFFF",secondary:"#F4F6FB"},mid:{primary:"#898F9E",secondary:"#C4C5CA",tertiary:"#E0E2E7"},focus:"#8DB6FA",blue:{default:"#2953B2",hover:e.darken(.08,"#2953B2"),pressed:e.darken(.16,"#2953B2"),secondary:{default:"#DAE3F5",hover:e.darken(.04,"#DAE3F5"),pressed:e.darken(.08,"#DAE3F5")}},red:{default:"#CB4242",hover:e.darken(.08,"#CB4242"),pressed:e.darken(.16,"#CB4242"),secondary:{default:"#FEDADA",hover:e.darken(.04,"#FEDADA"),pressed:e.darken(.08,"#FEDADA")}},yellow:{default:"#FFBA52",hover:e.darken(.08,"#FFBA52"),pressed:e.darken(.16,"#FFBA52"),secondary:{default:"#F6E0BA",hover:e.darken(.04,"#F6E0BA"),pressed:e.darken(.08,"#F6E0BA")}},green:{default:"#368369",hover:e.darken(.08,"#368369"),pressed:e.darken(.16,"#368369"),secondary:{default:"#CEE8DE",hover:e.darken(.04,"#CEE8DE"),pressed:e.darken(.08,"#CEE8DE")}}},i={0:"0rem",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",px:"0.0625rem","2px":"0.125rem"},a={global:{imports:["https://io.vtex.com.br/fonts/vtex-trust/style.css"],styles:{body:{margin:0,bg:"light.primary",color:"dark.primary",lineHeight:1},"html, body":{fontFamily:"sans",fontSettings:"regular"},"strong, b":{fontFamily:"sans",fontSettings:"bold"},"pre, code":{fontFamily:"mono"},"*":{fontFamily:"sans",fontSettings:"regular"},"*, ::before, ::after":{boxSizing:"border-box",borderWidth:0,borderStyle:"solid"},"html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video":{margin:0,padding:0,border:0,verticalAlign:"baseline"},"article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section":{display:"block"},"blockquote, q":{quotes:"none"},"blockquote:before, blockquote:after, q:before, q:after":{content:["''","none"]},table:{borderCollapse:"collapse",borderSpacing:0}}},sizes:{sm:"20rem",md:"48rem",lg:"56rem",xl:"64rem","1/2":"50%","1/4":"25%","2/4":"50%","3/4":"75%","1/8":"12.5%","2/8":"25%","3/8":"37.5%","4/8":"50%","5/8":"62.5%","6/8":"75%","7/8":"87.5%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",screenHeight:"100vh",screenWidth:"100vw"},colors:t,space:i,breakpoints:["640px","768px","1024px","1280px"],transitions:{snap:"all 70ms cubic-bezier(0.2, 0.2, 0.38, 0.9)",fade:"all 110ms cubic-bezier(0.2, 0.2, 0.38, 0.9)",pop:"all 150ms cubic-bezier(0.4, 0.14, 0.3, 1)",callout:"all 240ms cubic-bezier(0.4, 0.14, 0.3, 1)"},fonts:{sans:"VTEXTrustVF, -apple-system, system-ui, BlinkMacSystemFont, sans-serif",mono:'"Dank Mono", "Operator Mono", "Fira Code Retina", "Fira Code", "FiraCode-Retina", "Consolas", "Monaco", "Menlo", monospace'},fontSizes:{0:"0.75rem",1:"0.875rem",2:"1rem",3:"1.125rem",4:"1.25rem"},text:{code:{fontFamily:"mono",lineHeight:"code",fontSize:1,fontFeatureSettings:"'clig' 0, 'calt' 0",fontVariantLigatures:"normal"},small:{fontFamily:"sans",lineHeight:"small",fontSettings:"regular",fontSize:0},body:{fontFamily:"sans",lineHeight:"body",fontSettings:"regular",fontSize:1},highlight:{fontFamily:"sans",lineHeight:"highlight",fontSettings:"regular",fontSize:1},action:{fontFamily:"sans",lineHeight:"action",fontSettings:"regular",fontSize:1,textTransform:"uppercase"},subtitle:{fontFamily:"sans",lineHeight:"subtitle",fontSettings:"regular",fontSize:2},headline:{fontFamily:"sans",lineHeight:"headline",fontSettings:"regular",fontSize:4}},border:{default:{borderWidth:"1px",borderStyle:"solid",borderRadius:"default",borderColor:"mid.tertiary"},"divider-bottom":{borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomLeftRadius:0,borderBottomRightRadius:0,borderColor:"mid.tertiary"},"divider-top":{borderTopWidth:"1px",borderTopStyle:"solid",borderTopLeftRadius:0,borderTopRightRadius:0,borderColor:"mid.tertiary"}},zIndices:{under:-1,plain:0,over:999,1:1,2:2,3:3,4:4,5:5},fontSettings:{hairline:"'wght' 30",thin:"'wght' 50",light:"'wght' 65",regular:"'wght' 92",medium:"'wght' 120",bold:"'wght' 170",black:"'wght' 200"},lineHeights:{code:1,small:1.125,body:1.25,highlight:1.25,action:1.5,subtitle:1.5,headline:1.5},shadows:{menu:"0rem 0rem 1rem 0rem rgba(0,0,0,0.10)",subtle:"0rem 0rem 1.5rem 0rem rgba(0,0,0,0.05)",focus:"0rem 0rem 0rem "+i["2px"]+" "+t.focus},borderRadius:{default:"4px",flat:"0px",pill:"100px",circle:"100%"}},d={regular:{fontSize:1,height:40,width:"auto",paddingLeft:4,paddingRight:4},"regular-icon":{fontSize:1,height:40,width:40,paddingLeft:1,paddingRight:1,svg:{width:24,minWidth:24,height:24,minHeight:24,margin:1}},"regular-icon-start":{fontSize:1,height:40,width:"auto",paddingLeft:2,paddingRight:3,svg:{width:24,minWidth:24,height:24,minHeight:24,margin:1}},"regular-icon-end":{fontSize:1,height:40,width:"auto",paddingLeft:3,paddingRight:2,svg:{width:24,minWidth:24,height:24,minHeight:24,margin:1}},small:{fontSize:0,height:32,width:"auto",paddingLeft:3,paddingRight:3},"small-icon":{fontSize:0,height:32,width:32,paddingLeft:"2px",paddingRight:"2px",svg:{width:20,minWidth:20,height:20,minHeight:20,margin:1}},"small-icon-start":{fontSize:0,height:32,width:"auto",paddingLeft:2,paddingRight:3,svg:{width:20,minWidth:20,height:20,minHeight:20,margin:1}},"small-icon-end":{fontSize:0,height:32,width:"auto",paddingLeft:3,paddingRight:2,svg:{width:20,minWidth:20,height:20,minHeight:20,margin:1}}},n={primary:{textTransform:"uppercase",color:"light.primary",backgroundColor:"blue",":hover":{backgroundColor:"blue.hover"},":active":{backgroundColor:"blue.pressed"},":disabled":{color:"dark.primary",backgroundColor:"mid.secondary"}},secondary:{textTransform:"uppercase",backgroundColor:"blue.secondary",color:"blue",":hover":{backgroundColor:"blue.secondary.hover"},":active":{backgroundColor:"blue.secondary.pressed"},":disabled":{color:"mid.primary",backgroundColor:"light.secondary"}},tertiary:{textTransform:"capitalize",backgroundColor:"transparent",color:"blue",":hover":{color:"blue.hover",backgroundColor:r.alpha("blue.secondary.hover",.24)},":active":{color:"blue.pressed",backgroundColor:r.alpha("blue.secondary.pressed",.32)},":disabled":{color:"mid.primary"}},danger:{textTransform:"uppercase",color:"light.primary",backgroundColor:"red",":hover":{backgroundColor:"red.hover"},":active":{backgroundColor:"red.pressed"},":disabled":{color:"dark.primary",backgroundColor:"mid.secondary"}},"danger-secondary":{textTransform:"uppercase",backgroundColor:"red.secondary",color:"red",":hover":{backgroundColor:"red.secondary.hover",color:"red.hover"},":active":{backgroundColor:"red.secondary.pressed",color:"red.pressed"},":disabled":{color:"mid.primary",backgroundColor:"light.secondary"}},"danger-tertiary":{textTransform:"capitalize",backgroundColor:"transparent",color:"red",":hover":{color:"red.hover",backgroundColor:r.alpha("red.secondary.hover",.24)},":active":{color:"red.pressed",backgroundColor:r.alpha("red.secondary.pressed",.32)},":disabled":{color:"mid.primary"}},"adaptative-dark":{color:"currentColor",backgroundColor:"transparent",":hover":{backgroundColor:r.alpha("dark.primary",.04)},":active":{backgroundColor:r.alpha("dark.primary",.08)},":disabled":{color:"mid.primary"}},"adaptative-light":{color:"currentColor",backgroundColor:"transparent",":hover":{backgroundColor:r.alpha("light.primary",.04)},":active":{backgroundColor:r.alpha("light.primary",.08)},":disabled":{color:"mid.primary"}}},l={fontFamily:"sans",fontSettings:"regular",border:"none",borderRadius:"default",cursor:"pointer",position:"relative",":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},s=o({},Object.keys(n).reduce((function(e,r){return o({},e,Object.keys(d).reduce((function(e,t){var i;return o({},e,((i={})[r+"-"+t]=o({},l,n[r],d[t]),i))}),[]))}),{})),g={border:"solid",borderWidth:1,borderColor:"mid.tertiary",margin:0},h={horizontal:o({},g,{borderBottom:0}),vertical:o({},g,{borderLeft:0,height:"auto"})},c={display:"inline-flex",alignItems:"center",borderRadius:"100px",color:"dark.primary",border:"none","> svg:nth-of-type(1)":{marginRight:1}},b={blue:{bg:"blue.secondary"},green:{bg:"green.secondary"},red:{bg:"red.secondary"},black:{bg:"dark.primary",color:"light.primary"},yellow:{bg:"yellow.secondary"},purple:{bg:"#E4E0F0"}},p={small:{height:26,paddingX:"2",lineHeight:"small",fontSettings:"'wght' 80",fontSize:0,svg:{width:16,height:16,minWidth:16,minHeight:16},button:{height:16,width:16}},regular:{height:40,paddingX:"4",lineHeight:"subtitle",fontSettings:"regular",fontSize:2,svg:{width:20,minWidth:20,height:20,minHeight:20},button:{height:20,width:20}}},u=o({},Object.keys(b).reduce((function(e,r){return o({},e,Object.keys(p).reduce((function(e,t){var i;return o({},e,((i={})[r+"-"+t]=o({},c,b[r],p[t]),i))}),[]))}),{})),m={display:"flex",alignItems:"center",justifyContent:"space-between",height:56,paddingY:3,paddingLeft:4,paddingRight:3,borderRadius:"default",opacity:0,zIndex:999,transform:"translate3d(0, -10px, 0)",visibility:"hidden",transition:"pop",borderStyle:"solid",borderWidth:1},f={opacity:1,visibility:"visible",transform:"translate3d(0, 0, 0)"},y=o({},m,{bg:r.lightness("red.secondary.default",.94),borderColor:"red.secondary"}),x=o({},m,{bg:r.lightness("green.secondary.default",.94),borderColor:"green.secondary"}),v=o({},m,{bg:r.lightness("yellow.secondary.default",.94),borderColor:"yellow.secondary"}),C=o({},m,{bg:r.lightness("blue.secondary.default",.94),borderColor:"blue.secondary"}),k={height:"full",alignItems:"flex-start"},w={borderRadius:"flat",paddingRight:4};function S(e,r){var t;return void 0===r&&(r={}),(t={})[""+e]=r,t[e+"-visible"]=o({},r,f),t[e+"-fluid"]=o({},r,k),t[e+"-sticky"]=o({},r,w),t[e+"-visible-fluid"]=o({},r,f,k),t[e+"-visible-sticky"]=o({},r,f,w),t[e+"-fluid-sticky"]=o({},r,f,w),t[e+"-visible-fluid-sticky"]=o({},r,f,w,k),t}var R=o({},S("error",y),S("warning",v),S("info",C),S("success",x)),W={cursor:"pointer",":hover":{bg:"light.secondary"}},z={table:{display:"table",width:"full"},header:{display:"table-header-group"},body:{display:"table-row-group"},"row-ltr":{display:"table-row",textAlign:"left",bg:"light.primary"},"row-rtl":{display:"table-row",textAlign:"right",bg:"light.primary"},"row-clickable-ltr":o({display:"table-row",textAlign:"left",bg:"light.primary"},W),"row-clickable-rtl":o({display:"table-row",textAlign:"right",bg:"light.primary"},W),cell:{flex:1,borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"mid.tertiary",display:"table-cell",verticalAlign:"middle",paddingX:2,variant:"text.body"},columnheader:{bg:"light.primary",height:48,display:"table-cell",verticalAlign:"middle",paddingX:2,color:"dark.secondary",fontWeight:"normal",variant:"text.body",flex:1,borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"mid.tertiary"}},B={skeleton:{height:24},image:{regular:{width:56,minWidth:56,height:56,minHeight:56,borderRadius:4},compact:{width:32,minWidth:32,height:32,minHeight:32,borderRadius:4},variable:{minWidth:32,minHeight:32,borderRadius:4}},"image-preview":{small:{width:56,minWidth:56,height:56,minHeight:56,borderRadius:4,boxShadow:"menu"},regular:{width:156,minWidth:156,height:156,minHeight:156,borderRadius:4,boxShadow:"menu"},large:{width:256,minWidth:256,height:256,minHeight:256,borderRadius:4,boxShadow:"menu"}},regular:r.merge(z,{cell:{height:80}}),compact:r.merge(z,{cell:{height:48}}),variable:r.merge(z,{cell:{verticalAlign:"top",minHeight:48,paddingY:4}})},F={display:"flex",width:"full",alignItems:"center",borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"mid.tertiary",justifyContent:"flex-start"},H={compact:o({},F,{height:48,"svg, img":{minHeight:32,maxHeight:32,minWidth:32,maxWidth:32}}),regular:o({},F,{height:80,"svg, img":{minHeight:48,maxHeight:48,minWidth:48,maxWidth:48}}),comfortable:o({},F,{height:128,"svg, img":{minHeight:80,maxHeight:80,minWidth:80,maxWidth:80}})},L={fontSettings:"regular",width:"full",height:48,borderStyle:"solid",borderWidth:1,paddingLeft:3,paddingRight:4,borderColor:"mid.tertiary",borderRadius:"default",bg:"inherit",marginY:1,fontSize:1,color:"dark.primary",outline:0,transition:"snap",":hover":{borderColor:"dark.primary"},":focus":{borderColor:"blue",boxShadow:"0 0 0 1px "+t.blue.default},":disabled":{bg:"light.secondary",borderColor:"mid.primary",color:"mid.primary"},":focus + label":{transform:"translate(1px, 4px) scale(0.875)"},":placeholder-shown:not(:focus) + label":{paddingTop:1},":not(:placeholder-shown) + label":{transform:"translate(1px, 4px) scale(0.875)"}},T={borderColor:"red",":focus":{borderColor:"red",boxShadow:"0 0 0 1px "+t.red.default},":hover":{borderColor:"red.hover"}};function I(e,o){var t;return void 0===o&&(o={}),(t={})[""+e]=r.merge(L,o),t[e+"-icon"]=r.merge(L,o,{paddingLeft:44}),t[e+"-suffix"]=r.merge(L,o,{paddingRight:"64px"}),t[e+"-clear"]=r.merge(L,o,{paddingRight:"44px"}),t[e+"-icon-clear"]=r.merge(L,o,{paddingLeft:"44px",paddingRight:"44px"}),t[e+"-icon-suffix"]=r.merge(L,o,{paddingRight:"64px",paddingLeft:"44px"}),t[e+"-suffix-clear"]=r.merge(L,o,{paddingRight:"75px"}),t[e+"-icon-suffix-clear"]=r.merge(L,o,{paddingLeft:"44px",paddingRight:"75px"}),t}var A=o({container:{position:"relative"},"container-icon":{position:"relative",label:{left:"44px"}},suffix:{color:"mid.primary",borderLeftStyle:"solid",borderLeftWidth:"1px",borderLeftColor:"mid.tertiary",paddingTop:"14px",marginTop:"px",width:"32px",paddingLeft:3,lineHeight:"body",fontSettings:"regular",fontSize:1},icon:{color:"mid.primary",top:1,left:0,marginX:3,marginTop:"14px",position:"absolute",height:20,width:20,minWidth:20,minHeight:20},buttons:{right:0,top:1,height:46,paddingRight:3,position:"absolute",display:"flex",color:"dark.secondary"}},I("input"),I("input-error",T)),E={fontSettings:"regular",lh:"highlight",marginTop:3,marginBottom:6,display:"flex",alignItems:"flex-start","& > label > input":{marginRight:2,marginLeft:0},"& > label":{cursor:"pointer",color:"dark.secondary",display:"flex",alignItems:"center"}},D={"horizontal-regular":o({},E,{fontSize:"2",flexDirection:"row","& label:not(:last-child)":{marginRight:6}}),"horizontal-small":o({},E,{fontSize:"1",flexDirection:"row","& label:not(:last-child)":{marginRight:5}}),"vertical-regular":o({},E,{fontSize:"2",flexDirection:"column","& label:not(:last-child)":{marginBottom:4}}),"vertical-small":o({},E,{fontSize:"1",flexDirection:"column","& label:not(:last-child)":{marginBottom:4}})},j={appearance:"none",margin:0,position:"relative",cursor:"pointer",borderStyle:"solid",borderWidth:"1px",borderColor:"mid.secondary",backgroundColor:"transparent",borderRadius:"circle",":after":{content:'""',display:"block",borderRadius:"circle",backgroundColor:"light.primary",opacity:0},":checked":{backgroundColor:"blue",borderColor:"blue",":after":{opacity:1},":hover":{backgroundColor:"blue.hover",borderColor:"blue.hover"},":active":{borderColor:"blue.pressed",backgroundColor:"blue.pressed"}},":disabled":{cursor:"not-allowed",backgroundColor:"mid.tertiary",borderColor:"mid.primary",":after":{backgroundColor:"mid.primary"}},":hover":{borderColor:"dark.primary"},":active":{borderColor:"dark.secondary",backgroundColor:"blue.secondary"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},X={regular:r.merge(j,{height:20,width:20,padding:"5px",":after":{width:8,height:8}}),small:r.merge(j,{height:16,width:16,padding:1,":after":{width:6,height:6}})},Y={paddingTop:24,height:100,resize:"none",fontSettings:"regular",width:"full",borderStyle:"solid",borderWidth:1,paddingLeft:3,paddingRight:4,borderColor:"mid.tertiary",borderRadius:"default",bg:"inherit",marginY:1,fontSize:1,color:"dark.primary",outline:0,transition:"snap",":hover":{borderColor:"dark.primary"},":focus":{borderColor:"blue",boxShadow:"0 0 0 1px "+t.blue.default},":disabled":{bg:"light.secondary",borderColor:"mid.primary",color:"mid.primary"},":focus + label":{transform:"translate(1px, 4px) scale(0.875)"},":placeholder-shown:not(:focus) + label":{paddingTop:1},":not(:placeholder-shown) + label":{transform:"translate(1px, 4px) scale(0.875)"}},q={display:"flex",position:"relative",justifyContent:"flex-start",flexDirection:"column",width:"full"},O={textarea:{borderColor:"red",":focus":{borderColor:"red",boxShadow:"0 0 0 1px "+t.red.default},":hover":{borderColor:"red.hover"}}},M={container:o({},q),default:o({},Y),"container-error":o({},q,O),"text-container":{display:"flex",justifyContent:"space-between",paddingTop:1},"floating-label":{fontSize:1,left:12,paddingTop:2,color:"mid.primary",marginBottom:3,position:"absolute",transform:"translate(0, 16px) scale(1)",transformOrigin:"top left",transition:"all 0.2s ease-out;"}},P={visibility:"hidden",cursor:"pointer",bg:"light.primary",borderRadius:"default",borderWidth:1,borderStyle:"solid",borderColor:"mid.secondary",boxShadow:"menu",outline:"none",marginTop:1,paddingY:4,width:"max-content",position:"absolute",zIndex:999},V={display:"flex",alignItems:"center",height:24,paddingX:4,cursor:"pointer",bg:"light.primary"},_={menu:P,"menu-visible":o({},P,{visibility:"visible"}),item:V,"item-active":o({},V,{bg:"blue.secondary"})},G={width:106,height:48,appearance:"none","::-webkit-inner-spin-button ":{WebkitAppearance:"none",margin:0},paddingLeft:36,paddingRight:36,textAlign:"center",color:"dark.primary",borderStyle:"solid",borderWidth:1,borderColor:"mid.primary",borderRadius:"default",backgroundColor:"light.primary",":hover":{borderColor:"dark.primary"},":disabled":{backgroundColor:"light.secondary",color:"mid.primary"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},U={"default-error":o({},G,{borderColor:"red",":hover":{borderColor:"red"},":focus":{outline:"none",boxShadow:"none"}}),default:G,container:{position:"relative",display:"flex",alignItems:"center",height:48,width:106,paddingY:12}},J={display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",height:48,width:"inherit",boxShadow:"0 0 0 0 transparent",borderStyle:"solid",borderWidth:1,paddingLeft:3,paddingRight:4,borderColor:"mid.secondary",borderRadius:"default",bg:"inherit",fontSize:1,color:"dark.secondary",outline:0,":hover":{borderColor:"mid.primary"},":hover > svg":{color:"dark.primary"},":focus":{borderColor:t.blue.default,boxShadow:"0 0 0 1px "+t.blue.default},":disabled":{bg:"light.secondary",borderColor:"mid.primary",color:"dark.secondary",cursor:"initial"},":disabled > svg":{color:"dark.secondary"}},K={position:"absolute",top:"25%",lineHeight:1.5,paddingLeft:3,color:"dark.secondary",zIndex:2},N={color:"dark.primary",outline:"none",fontSize:1,appearance:"none",backgroundColor:"transparent",border:"1px solid",borderColor:"mid.secondary",borderRadius:"default",paddingTop:"1.125rem",paddingLeft:3,width:"100%",height:"100%",":focus":{borderColor:"blue",boxShadow:"0 0 0 1px "+t.blue.default},":disabled":{bg:"light.secondary",borderColor:"mid.primary",color:"dark.primary",opacity:1},":disabled > svg":{color:"dark.secondary"}},Q={container:{width:288,position:"relative"},optionsPortal:{position:"absolute",zIndex:999,width:"inherit",backgroundColor:"light.primary",outline:"none"},optionsContainer:{display:"flex",flexDirection:"column",borderWidth:1,borderStyle:"solid",borderColor:"mid.primary",borderRadius:"default"},optionsLabel:{text:"small",lineHeight:1.5,paddingTop:2,paddingBottom:1,paddingLeft:3,color:"mid.primary"},optionsUl:{paddingBottom:1,maxHeight:150,width:"inherit",overflowY:"auto",borderBottomLeftRadius:4,borderBottomRightRadius:4},item:{color:"dark.primary",verticalAlign:"middle",listStyleType:"none",display:"flex",alignItems:"center",cursor:"pointer"},button:J,buttonError:o({},J,{borderColor:"red",":focus":{borderColor:"red",boxShadow:"0 0 0 1px "+t.red.default},":hover":{borderColor:"red"}}),selectedItem:{lineHeight:1.43,color:"dark.primary",float:"left",marginTop:"1.125rem",":not(:empty) + label":{fontSize:0,lineHeight:1.5}},label:{lineHeight:1.43,position:"absolute",left:12},mobileContainer:{position:"relative",width:288,height:48},mobileLabel:K,mobileLabelSelectedItem:o({},K,{top:2,text:"small"}),mobileSelect:N,mobileSelectError:o({},N,{borderColor:"red",":focus":{borderColor:"red",boxShadow:"0 0 0 1px "+t.red.default}}),mobileIcon:{position:"absolute",right:12,top:"25%",color:"dark.secondary"}},Z={marginY:"2px",paddingX:1,fontSize:1,border:"none",textTransform:"initial",width:"full",div:{justifyContent:"flex-start"},svg:{marginLeft:0,marginRight:2}},$={display:"flex",flexDirection:"column",bg:"light.primary",marginTop:1,padding:3,minWidth:18,borderRadius:3,borderWidth:1,borderStyle:"solid",borderColor:"mid.secondary",boxShadow:"menu",hr:{marginY:2,borderStyle:"solid",borderBottomWidth:1,borderTop:"none",borderLeft:"none",borderRight:"none",borderColor:"mid.secondary",width:"calc(100% -"+i[3]+")",marginX:"-"+i[3],outline:"none"},item:o({},Z,{color:"dark.primary",":focus":{bg:r.alpha("blue.secondary.default",.32),outline:"none",boxShadow:"none"},":hover":{color:"dark.primary"}}),"item-dangerous":o({},Z,{color:"red",":focus":{bg:r.alpha("red.secondary.default",.32),outline:"none",boxShadow:"none"},":hover":{color:"red"}})},ee={outline:"none",bg:"light.primary",borderRadius:3,borderColor:"mid.tertiary",borderStyle:"solid",borderWidth:1,position:"relative",overflowY:"auto",overflowX:"hidden",maxHeight:"3/4",margin:2,opacity:0,transform:"translate3d(0, 48px, 0)",transition:"pop","&[data-enter]":{opacity:1,transform:"translate3d(0, 0, 0)"}},re={display:"flex",justifyContent:"space-between",alignItems:"center",borderColor:"mid.tertiary",borderStyle:"solid","button + button":{marginLeft:4},paddingY:4,paddingX:6,borderTopWidth:0,borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:1,h1:{variant:"text.subtitle",lineHeight:0},position:"sticky",top:0,left:0,right:0,bg:"light.primary",zIndex:999},oe={display:"flex",justifyContent:"space-between",alignItems:"center",borderColor:"mid.tertiary",borderStyle:"solid",borderBottomWidth:0,borderLeftWidth:0,borderRightWidth:0,position:"sticky",bottom:0,left:0,right:0,bg:"light.primary",padding:6,flexDirection:["column-reverse","column-reverse","row"],">button":{width:["full","full","inherit"]},"* + button":{marginLeft:[0,0,4],marginBottom:[4,4,0]}},te={paddingTop:4,paddingX:6,paddingBottom:6},ie=o({},te,{scrollbarWidth:"thin",scrollbarColor:"light.primary","::-webkit-scrollbar":{width:"8px"},"::-webkit-scrollbar-thumb":{backgroundColor:"mid.tertiary",borderRadius:"6px",border:"2px solid",color:"light.primary"}},{overflowY:"auto"});exports.theme=function(r){return o({},a,{components:{button:s,list:H,table:B,controlGroup:D,toggle:{styles:{appearance:"none",position:"relative",cursor:"pointer",borderRadius:"6.25rem",backgroundColor:"mid.primary",borderStyle:"solid",borderColor:"mid.primary",borderWidth:1,"&:after":{content:'""',display:"block",position:"absolute",borderRadius:"1.25rem",backgroundColor:"light.primary",transition:"transform .25s ease"},"&:checked":{backgroundColor:"green",borderColor:"green","&:hover":{backgroundColor:"green.hover",borderColor:"green.hover"},"&:disabled":{backgroundColor:"mid.primary",borderColor:"mid.primary","&:after":{backgroundColor:"mid.secondary"}}},"&:hover":{backgroundColor:"dark.secondary",borderColor:"dark.secondary"},"&:disabled":{backgroundColor:"mid.primary",borderColor:"mid.primary","&:after":{backgroundColor:"mid.secondary"}},":not(:checked):active":{backgroundColor:"dark.secondary",borderColor:"dark.secondary",":after":{backgroundColor:"blue.secondary"}},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},size:{regular:{height:20,width:36,"&:after":{width:18,height:18},"&:checked":{"&:after":{transform:"translateX(16px)"}}},small:{height:16,width:28,"&:after":{width:14,height:14},"&:checked":{"&:after":{transform:"translateX(12px)"}}}}},checkbox:{styles:{appearance:"none",borderStyle:"solid",borderWidth:1,borderColor:"mid.primary",borderRadius:3,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center","&:checked":{backgroundColor:"blue",borderColor:"blue","&:after":{content:"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' width='10' height='8' fill='none'><path d='M9 1L4 7L1 4' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'></path></svg>\")"},"&[disabled]:after":{content:"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' width='10' height='8' fill='none'><path d='M9 1L4 7L1 4' stroke='%23898F9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'></path></svg>\")"},"&:hover":{backgroundColor:"blue.hover",borderColor:"blue.hover"},"&:active":{backgroundColor:"blue.pressed",borderColor:"blue.pressed"}},"&:indeterminate":{backgroundColor:"blue.secondary",borderColor:"blue",color:"blue","&:after":{content:'""',position:"absolute",width:8,height:0,borderWidth:1,borderStyle:"solid",borderLeft:0,borderRight:0,borderRadius:3,borderColor:"currentColor"},"&:disabled":{backgroundColor:"mid.secondary",borderColor:"mid.primary",color:"mid.primary"},"&:hover":{borderColor:"blue.hover",color:"blue.hover",bg:"blue.secondary.hover"},"&:active":{borderColor:"blue.pressed",color:"blue.pressed"}},"&:disabled":{backgroundColor:"mid.secondary",borderColor:"mid.primary",color:"mid.primary"},"&:hover":{borderColor:"dark.primary"},"&:active":{backgroundColor:"blue.secondary",borderColor:"dark.secondary"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},size:{regular:{height:20,width:20,minWidth:20,minHeight:20},small:{height:16,width:16,minWidth:16,minHeight:16}}},radio:X,abstractInput:A,input:{container:{display:"flex",position:"relative",justifyContent:"flex-start",flexDirection:"column"},"floating-label":{fontSize:1,left:12,paddingTop:2,color:"mid.primary",marginBottom:3,position:"absolute",transform:"translate(0, 16px) scale(1)",transformOrigin:"top left",transition:"all 0.2s ease-out;"},"text-container":{display:"flex",justifyContent:"space-between",alignItems:"",paddingTop:1}},tooltip:{backgroundColor:"dark.primary",color:"light.primary",fontSize:1,paddingY:2,paddingX:3,borderRadius:3,maxWidth:240,minHeight:32,zIndex:"over"},menu:$,modal:{backdrop:{display:"flex",flexDirection:"column",justifyContent:["flex-end","flex-end","center"],alignItems:"center",backgroundColor:e.rgba(t.dark.primary,.5),position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:9999,opacity:0,transition:"fade","&[data-enter]":{opacity:1}},"surface-small":o({},ee,{width:["calc(100% - 16px)","calc(100% - 16px)",320]}),"surface-regular":o({},ee,{width:["calc(100% - 16px)","calc(100% - 16px)",560]}),"surface-large":o({},ee,{width:["calc(100% - 16px)","calc(100% - 16px)",800]}),"header-small":o({},re,{height:56}),"header-regular":o({},re,{height:56}),"header-large":o({},re,{height:80}),"content-with-small-scroll-area":o({},ie,{height:"calc(100% - 3.5rem)"}),"content-with-regular-scroll-area":o({},ie,{height:"calc(100% - 3.5rem)"}),"content-with-large-scroll-area":o({},ie,{height:"calc(100% - 5rem)"}),"content-with-larger-scroll-area":o({},ie,{height:"calc(100% - 7rem)"}),"content-with-extra-large-scroll-area":o({},ie,{height:"calc(100% - 10rem)"}),content:o({},te),"footer-small":o({},oe,{borderTopWidth:0,pt:0,">button":{width:"full"},minHeight:"3.5rem"}),"footer-regular":o({},oe,{borderTopWidth:1,minHeight:"3.5rem"}),"footer-large":o({},oe,{borderTopWidth:1,minHeight:"5rem"})},skeleton:{styles:{display:"inline-block",width:"full",height:"full",backgroundColor:"light.secondary",backgroundSize:"200px 100%",backgroundRepeat:"no-repeat",lineHeight:1,borderRadius:3,backgroundImage:"linear-gradient(\n 90deg,\n "+t.light.secondary+",\n white,\n "+t.light.secondary+"\n )"},shape:{rect:{borderRadius:"default"},circle:{borderRadius:"circle"}}},divider:h,collapsible:{container:{bg:"light.primary",borderColor:"mid.tertiary",borderStyle:"solid",borderWidth:1,borderRadius:"default"},"container-grouped":{bg:"light.primary",borderRadius:"default"},header:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:6,paddingLeft:2,"div > button:nth-of-type(n+2)":{marginLeft:1}},section:{paddingX:6,paddingBottom:6},"header-nested":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:4,paddingLeft:0,"div > button:nth-of-type(n+2)":{marginLeft:1}},"section-nested":{paddingX:4,paddingBottom:4}},avatar:{styles:{display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,padding:2,borderRadius:"circle",textTransform:"uppercase"},palette:{base:{bg:"dark.primary",color:"light.primary"},primary:{bg:"blue",color:"light.primary"},danger:{bg:"red",color:"light.primary"}}},tag:u,anchor:{font:"inherit",color:"blue",textDecoration:"none",":active":{color:"blue.pressed",textDecoration:"underline"},":hover":{color:"blue.hover",textDecoration:"underline"}},dropdown:_,textArea:M,numericStepper:U,select:Q,alert:R,tab:{styles:{fontSettings:"regular",border:"none",borderRadius:"default",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",borderBottomStyle:"solid",borderBottomColor:"transparent",borderBottomWidth:2,borderTopStyle:"solid",borderTopColor:"transparent",borderTopWidth:2,height:44,minWidth:110,cursor:"pointer",position:"relative",":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"},paddingX:6,textTransform:"uppercase",backgroundColor:"transparent",color:"dark.secondary"},variant:{default:{":hover":{color:"blue.hover"}},active:{borderBottomColor:"blue",color:"blue"}}},tabList:{styles:{paddingX:4,width:"full"},variant:{block:{display:"inline-block"},fluid:{display:"flex",justifyContent:"space-evenly","> button":{width:"full"}}}},tabContent:{":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}}}})}(); | ||
//# sourceMappingURL=admin-ui-theme.cjs.production.min.js.map |
@@ -137,3 +137,55 @@ import { darken, rgba } from 'polished'; | ||
var global = { | ||
imports: ['https://io.vtex.com.br/fonts/vtex-trust/style.css'], | ||
styles: { | ||
body: { | ||
margin: 0, | ||
bg: 'light.primary', | ||
color: 'dark.primary', | ||
lineHeight: 1 | ||
}, | ||
'html, body': { | ||
fontFamily: 'sans', | ||
fontSettings: 'regular' | ||
}, | ||
'strong, b': { | ||
fontFamily: 'sans', | ||
fontSettings: 'bold' | ||
}, | ||
'pre, code': { | ||
fontFamily: 'mono' | ||
}, | ||
'*': { | ||
fontFamily: 'sans', | ||
fontSettings: 'regular' | ||
}, | ||
'*, ::before, ::after': { | ||
boxSizing: 'border-box', | ||
borderWidth: 0, | ||
borderStyle: 'solid' | ||
}, | ||
'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video': { | ||
margin: 0, | ||
padding: 0, | ||
border: 0, | ||
verticalAlign: 'baseline' | ||
}, | ||
'article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section': { | ||
display: 'block' | ||
}, | ||
'blockquote, q': { | ||
quotes: 'none' | ||
}, | ||
'blockquote:before, blockquote:after, q:before, q:after': { | ||
content: ["''", 'none'] | ||
}, | ||
table: { | ||
borderCollapse: 'collapse', | ||
borderSpacing: 0 | ||
} | ||
} | ||
}; | ||
var base = { | ||
global: global, | ||
sizes: sizes, | ||
@@ -2116,7 +2168,11 @@ colors: colors, | ||
var theme = /*#__PURE__*/_extends({}, base, { | ||
var makeTheme = function makeTheme(theme) { | ||
return theme; | ||
}; | ||
var theme = /*#__PURE__*/makeTheme( /*#__PURE__*/_extends({}, base, { | ||
components: components | ||
}); | ||
})); | ||
export { theme }; | ||
//# sourceMappingURL=admin-ui-theme.esm.js.map |
import colors from './colors'; | ||
import space from './space'; | ||
import sizes from './sizes'; | ||
export { colors, space, sizes }; | ||
import global from './global'; | ||
export { colors, space, sizes, global }; | ||
declare const _default: { | ||
global: { | ||
imports: string[]; | ||
styles: { | ||
body: { | ||
margin: number; | ||
bg: string; | ||
color: string; | ||
lineHeight: number; | ||
}; | ||
'html, body': { | ||
fontFamily: string; | ||
fontSettings: string; | ||
}; | ||
'strong, b': { | ||
fontFamily: string; | ||
fontSettings: string; | ||
}; | ||
'pre, code': { | ||
fontFamily: string; | ||
}; | ||
'*': { | ||
fontFamily: string; | ||
fontSettings: string; | ||
}; | ||
'*, ::before, ::after': { | ||
boxSizing: string; | ||
borderWidth: number; | ||
borderStyle: string; | ||
}; | ||
'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video': { | ||
margin: number; | ||
padding: number; | ||
border: number; | ||
verticalAlign: string; | ||
}; | ||
'article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section': { | ||
display: string; | ||
}; | ||
'blockquote, q': { | ||
quotes: string; | ||
}; | ||
'blockquote:before, blockquote:after, q:before, q:after': { | ||
content: string[]; | ||
}; | ||
table: { | ||
borderCollapse: string; | ||
borderSpacing: number; | ||
}; | ||
}; | ||
}; | ||
sizes: { | ||
@@ -7,0 +58,0 @@ sm: string; |
@@ -1,1730 +0,3 @@ | ||
export declare const theme: { | ||
components: { | ||
button: {}; | ||
list: { | ||
compact: { | ||
height: number; | ||
'svg, img': { | ||
minHeight: number; | ||
maxHeight: number; | ||
minWidth: number; | ||
maxWidth: number; | ||
}; | ||
display: string; | ||
width: string; | ||
alignItems: string; | ||
borderBottomWidth: number; | ||
borderBottomStyle: string; | ||
borderBottomColor: string; | ||
justifyContent: string; | ||
}; | ||
regular: { | ||
height: number; | ||
'svg, img': { | ||
minHeight: number; | ||
maxHeight: number; | ||
minWidth: number; | ||
maxWidth: number; | ||
}; | ||
display: string; | ||
width: string; | ||
alignItems: string; | ||
borderBottomWidth: number; | ||
borderBottomStyle: string; | ||
borderBottomColor: string; | ||
justifyContent: string; | ||
}; | ||
comfortable: { | ||
height: number; | ||
'svg, img': { | ||
minHeight: number; | ||
maxHeight: number; | ||
minWidth: number; | ||
maxWidth: number; | ||
}; | ||
display: string; | ||
width: string; | ||
alignItems: string; | ||
borderBottomWidth: number; | ||
borderBottomStyle: string; | ||
borderBottomColor: string; | ||
justifyContent: string; | ||
}; | ||
}; | ||
table: { | ||
skeleton: { | ||
height: number; | ||
}; | ||
image: { | ||
regular: { | ||
width: number; | ||
minWidth: number; | ||
height: number; | ||
minHeight: number; | ||
borderRadius: number; | ||
}; | ||
compact: { | ||
width: number; | ||
minWidth: number; | ||
height: number; | ||
minHeight: number; | ||
borderRadius: number; | ||
}; | ||
variable: { | ||
minWidth: number; | ||
minHeight: number; | ||
borderRadius: number; | ||
}; | ||
}; | ||
'image-preview': { | ||
small: { | ||
width: number; | ||
minWidth: number; | ||
height: number; | ||
minHeight: number; | ||
borderRadius: number; | ||
boxShadow: string; | ||
}; | ||
regular: { | ||
width: number; | ||
minWidth: number; | ||
height: number; | ||
minHeight: number; | ||
borderRadius: number; | ||
boxShadow: string; | ||
}; | ||
large: { | ||
width: number; | ||
minWidth: number; | ||
height: number; | ||
minHeight: number; | ||
borderRadius: number; | ||
boxShadow: string; | ||
}; | ||
}; | ||
regular: any; | ||
compact: any; | ||
variable: any; | ||
}; | ||
controlGroup: { | ||
'horizontal-regular': { | ||
fontSize: string; | ||
flexDirection: string; | ||
'& label:not(:last-child)': { | ||
marginRight: number; | ||
}; | ||
fontSettings: string; | ||
lh: string; | ||
marginTop: number; | ||
marginBottom: number; | ||
display: string; | ||
alignItems: string; | ||
'& > label > input': { | ||
marginRight: number; | ||
marginLeft: number; | ||
}; | ||
'& > label': { | ||
cursor: string; | ||
color: string; | ||
display: string; | ||
alignItems: string; | ||
}; | ||
}; | ||
'horizontal-small': { | ||
fontSize: string; | ||
flexDirection: string; | ||
'& label:not(:last-child)': { | ||
marginRight: number; | ||
}; | ||
fontSettings: string; | ||
lh: string; | ||
marginTop: number; | ||
marginBottom: number; | ||
display: string; | ||
alignItems: string; | ||
'& > label > input': { | ||
marginRight: number; | ||
marginLeft: number; | ||
}; | ||
'& > label': { | ||
cursor: string; | ||
color: string; | ||
display: string; | ||
alignItems: string; | ||
}; | ||
}; | ||
'vertical-regular': { | ||
fontSize: string; | ||
flexDirection: string; | ||
'& label:not(:last-child)': { | ||
marginBottom: number; | ||
}; | ||
fontSettings: string; | ||
lh: string; | ||
marginTop: number; | ||
marginBottom: number; | ||
display: string; | ||
alignItems: string; | ||
'& > label > input': { | ||
marginRight: number; | ||
marginLeft: number; | ||
}; | ||
'& > label': { | ||
cursor: string; | ||
color: string; | ||
display: string; | ||
alignItems: string; | ||
}; | ||
}; | ||
'vertical-small': { | ||
fontSize: string; | ||
flexDirection: string; | ||
'& label:not(:last-child)': { | ||
marginBottom: number; | ||
}; | ||
fontSettings: string; | ||
lh: string; | ||
marginTop: number; | ||
marginBottom: number; | ||
display: string; | ||
alignItems: string; | ||
'& > label > input': { | ||
marginRight: number; | ||
marginLeft: number; | ||
}; | ||
'& > label': { | ||
cursor: string; | ||
color: string; | ||
display: string; | ||
alignItems: string; | ||
}; | ||
}; | ||
}; | ||
toggle: { | ||
styles: { | ||
appearance: string; | ||
position: string; | ||
cursor: string; | ||
borderRadius: string; | ||
backgroundColor: string; | ||
borderStyle: string; | ||
borderColor: string; | ||
borderWidth: number; | ||
'&:after': { | ||
content: string; | ||
display: string; | ||
position: string; | ||
borderRadius: string; | ||
backgroundColor: string; | ||
transition: string; | ||
}; | ||
'&:checked': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
'&:hover': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
}; | ||
'&:disabled': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
'&:after': { | ||
backgroundColor: string; | ||
}; | ||
}; | ||
}; | ||
'&:hover': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
}; | ||
'&:disabled': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
'&:after': { | ||
backgroundColor: string; | ||
}; | ||
}; | ||
':not(:checked):active': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
':after': { | ||
backgroundColor: string; | ||
}; | ||
}; | ||
':focus:not([data-focus-visible-added])': { | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
':focus': { | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
}; | ||
size: { | ||
regular: { | ||
height: number; | ||
width: number; | ||
'&:after': { | ||
width: number; | ||
height: number; | ||
}; | ||
'&:checked': { | ||
'&:after': { | ||
transform: string; | ||
}; | ||
}; | ||
}; | ||
small: { | ||
height: number; | ||
width: number; | ||
'&:after': { | ||
width: number; | ||
height: number; | ||
}; | ||
'&:checked': { | ||
'&:after': { | ||
transform: string; | ||
}; | ||
}; | ||
}; | ||
}; | ||
}; | ||
checkbox: { | ||
styles: { | ||
appearance: string; | ||
borderStyle: string; | ||
borderWidth: number; | ||
borderColor: string; | ||
borderRadius: number; | ||
cursor: string; | ||
display: string; | ||
alignItems: string; | ||
justifyContent: string; | ||
'&:checked': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
'&:after': { | ||
content: string; | ||
}; | ||
'&[disabled]:after': { | ||
content: string; | ||
}; | ||
'&:hover': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
}; | ||
'&:active': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
}; | ||
}; | ||
'&:indeterminate': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
color: string; | ||
'&:after': { | ||
content: string; | ||
position: string; | ||
width: number; | ||
height: number; | ||
borderWidth: number; | ||
borderStyle: string; | ||
borderLeft: number; | ||
borderRight: number; | ||
borderRadius: number; | ||
borderColor: string; | ||
}; | ||
'&:disabled': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
color: string; | ||
}; | ||
'&:hover': { | ||
borderColor: string; | ||
color: string; | ||
bg: string; | ||
}; | ||
'&:active': { | ||
borderColor: string; | ||
color: string; | ||
}; | ||
}; | ||
'&:disabled': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
color: string; | ||
}; | ||
'&:hover': { | ||
borderColor: string; | ||
}; | ||
'&:active': { | ||
backgroundColor: string; | ||
borderColor: string; | ||
}; | ||
':focus:not([data-focus-visible-added])': { | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
':focus': { | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
}; | ||
size: { | ||
regular: { | ||
height: number; | ||
width: number; | ||
minWidth: number; | ||
minHeight: number; | ||
}; | ||
small: { | ||
height: number; | ||
width: number; | ||
minWidth: number; | ||
minHeight: number; | ||
}; | ||
}; | ||
}; | ||
radio: { | ||
regular: any; | ||
small: any; | ||
}; | ||
abstractInput: { | ||
container: { | ||
position: string; | ||
}; | ||
'container-icon': { | ||
position: string; | ||
label: { | ||
left: string; | ||
}; | ||
}; | ||
suffix: { | ||
color: string; | ||
borderLeftStyle: string; | ||
borderLeftWidth: string; | ||
borderLeftColor: string; | ||
paddingTop: string; | ||
marginTop: string; | ||
width: string; | ||
paddingLeft: number; | ||
lineHeight: string; | ||
fontSettings: string; | ||
fontSize: number; | ||
}; | ||
icon: { | ||
color: string; | ||
top: number; | ||
left: number; | ||
marginX: number; | ||
marginTop: string; | ||
position: string; | ||
height: number; | ||
width: number; | ||
minWidth: number; | ||
minHeight: number; | ||
}; | ||
buttons: { | ||
right: number; | ||
top: number; | ||
height: number; | ||
paddingRight: number; | ||
position: string; | ||
display: string; | ||
color: string; | ||
}; | ||
}; | ||
input: { | ||
container: { | ||
display: string; | ||
position: string; | ||
justifyContent: string; | ||
flexDirection: string; | ||
}; | ||
'floating-label': { | ||
fontSize: number; | ||
left: number; | ||
paddingTop: number; | ||
color: string; | ||
marginBottom: number; | ||
position: string; | ||
transform: string; | ||
transformOrigin: string; | ||
transition: string; | ||
}; | ||
'text-container': { | ||
display: string; | ||
justifyContent: string; | ||
alignItems: string; | ||
paddingTop: number; | ||
}; | ||
}; | ||
tooltip: { | ||
backgroundColor: string; | ||
color: string; | ||
fontSize: number; | ||
paddingY: number; | ||
paddingX: number; | ||
borderRadius: number; | ||
maxWidth: number; | ||
minHeight: number; | ||
zIndex: string; | ||
}; | ||
menu: { | ||
display: string; | ||
flexDirection: string; | ||
bg: string; | ||
marginTop: number; | ||
padding: number; | ||
minWidth: number; | ||
borderRadius: number; | ||
borderWidth: number; | ||
borderStyle: string; | ||
borderColor: string; | ||
boxShadow: string; | ||
hr: { | ||
marginY: number; | ||
borderStyle: string; | ||
borderBottomWidth: number; | ||
borderTop: string; | ||
borderLeft: string; | ||
borderRight: string; | ||
borderColor: string; | ||
width: string; | ||
marginX: string; | ||
outline: string; | ||
}; | ||
item: { | ||
color: string; | ||
':focus': { | ||
bg: (t: import("@vtex/admin-styles").Theme) => string; | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
':hover': { | ||
color: string; | ||
}; | ||
marginY: string; | ||
paddingX: number; | ||
fontSize: number; | ||
border: string; | ||
textTransform: string; | ||
width: string; | ||
div: { | ||
justifyContent: string; | ||
}; | ||
svg: { | ||
marginLeft: number; | ||
marginRight: number; | ||
}; | ||
}; | ||
'item-dangerous': { | ||
color: string; | ||
':focus': { | ||
bg: (t: import("@vtex/admin-styles").Theme) => string; | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
':hover': { | ||
color: string; | ||
}; | ||
marginY: string; | ||
paddingX: number; | ||
fontSize: number; | ||
border: string; | ||
textTransform: string; | ||
width: string; | ||
div: { | ||
justifyContent: string; | ||
}; | ||
svg: { | ||
marginLeft: number; | ||
marginRight: number; | ||
}; | ||
}; | ||
}; | ||
modal: { | ||
backdrop: { | ||
display: string; | ||
flexDirection: string; | ||
justifyContent: string[]; | ||
alignItems: string; | ||
backgroundColor: string; | ||
position: string; | ||
top: number; | ||
left: number; | ||
right: number; | ||
bottom: number; | ||
zIndex: number; | ||
opacity: number; | ||
transition: string; | ||
'&[data-enter]': { | ||
opacity: number; | ||
}; | ||
}; | ||
'surface-small': { | ||
width: (string | number)[]; | ||
outline: string; | ||
bg: string; | ||
borderRadius: number; | ||
borderColor: string; | ||
borderStyle: string; | ||
borderWidth: number; | ||
position: string; | ||
overflowY: string; | ||
overflowX: string; | ||
maxHeight: string; | ||
margin: number; | ||
opacity: number; | ||
transform: string; | ||
transition: string; | ||
'&[data-enter]': { | ||
opacity: number; | ||
transform: string; | ||
}; | ||
}; | ||
'surface-regular': { | ||
width: (string | number)[]; | ||
outline: string; | ||
bg: string; | ||
borderRadius: number; | ||
borderColor: string; | ||
borderStyle: string; | ||
borderWidth: number; | ||
position: string; | ||
overflowY: string; | ||
overflowX: string; | ||
maxHeight: string; | ||
margin: number; | ||
opacity: number; | ||
transform: string; | ||
transition: string; | ||
'&[data-enter]': { | ||
opacity: number; | ||
transform: string; | ||
}; | ||
}; | ||
'surface-large': { | ||
width: (string | number)[]; | ||
outline: string; | ||
bg: string; | ||
borderRadius: number; | ||
borderColor: string; | ||
borderStyle: string; | ||
borderWidth: number; | ||
position: string; | ||
overflowY: string; | ||
overflowX: string; | ||
maxHeight: string; | ||
margin: number; | ||
opacity: number; | ||
transform: string; | ||
transition: string; | ||
'&[data-enter]': { | ||
opacity: number; | ||
transform: string; | ||
}; | ||
}; | ||
'header-small': { | ||
height: number; | ||
display: string; | ||
justifyContent: string; | ||
alignItems: string; | ||
borderColor: string; | ||
borderStyle: string; | ||
'button + button': { | ||
marginLeft: number; | ||
}; | ||
paddingY: number; | ||
paddingX: number; | ||
borderTopWidth: number; | ||
borderLeftWidth: number; | ||
borderRightWidth: number; | ||
borderBottomWidth: number; | ||
h1: { | ||
variant: string; | ||
lineHeight: number; | ||
}; | ||
position: string; | ||
top: number; | ||
left: number; | ||
right: number; | ||
bg: string; | ||
zIndex: number; | ||
}; | ||
'header-regular': { | ||
height: number; | ||
display: string; | ||
justifyContent: string; | ||
alignItems: string; | ||
borderColor: string; | ||
borderStyle: string; | ||
'button + button': { | ||
marginLeft: number; | ||
}; | ||
paddingY: number; | ||
paddingX: number; | ||
borderTopWidth: number; | ||
borderLeftWidth: number; | ||
borderRightWidth: number; | ||
borderBottomWidth: number; | ||
h1: { | ||
variant: string; | ||
lineHeight: number; | ||
}; | ||
position: string; | ||
top: number; | ||
left: number; | ||
right: number; | ||
bg: string; | ||
zIndex: number; | ||
}; | ||
'header-large': { | ||
height: number; | ||
display: string; | ||
justifyContent: string; | ||
alignItems: string; | ||
borderColor: string; | ||
borderStyle: string; | ||
'button + button': { | ||
marginLeft: number; | ||
}; | ||
paddingY: number; | ||
paddingX: number; | ||
borderTopWidth: number; | ||
borderLeftWidth: number; | ||
borderRightWidth: number; | ||
borderBottomWidth: number; | ||
h1: { | ||
variant: string; | ||
lineHeight: number; | ||
}; | ||
position: string; | ||
top: number; | ||
left: number; | ||
right: number; | ||
bg: string; | ||
zIndex: number; | ||
}; | ||
'content-with-small-scroll-area': { | ||
height: string; | ||
overflowY: string; | ||
scrollbarWidth: string; | ||
scrollbarColor: string; | ||
'::-webkit-scrollbar': { | ||
width: string; | ||
}; | ||
'::-webkit-scrollbar-thumb': { | ||
backgroundColor: string; | ||
borderRadius: string; | ||
border: string; | ||
color: string; | ||
}; | ||
paddingTop: number; | ||
paddingX: number; | ||
paddingBottom: number; | ||
}; | ||
'content-with-regular-scroll-area': { | ||
height: string; | ||
overflowY: string; | ||
scrollbarWidth: string; | ||
scrollbarColor: string; | ||
'::-webkit-scrollbar': { | ||
width: string; | ||
}; | ||
'::-webkit-scrollbar-thumb': { | ||
backgroundColor: string; | ||
borderRadius: string; | ||
border: string; | ||
color: string; | ||
}; | ||
paddingTop: number; | ||
paddingX: number; | ||
paddingBottom: number; | ||
}; | ||
'content-with-large-scroll-area': { | ||
height: string; | ||
overflowY: string; | ||
scrollbarWidth: string; | ||
scrollbarColor: string; | ||
'::-webkit-scrollbar': { | ||
width: string; | ||
}; | ||
'::-webkit-scrollbar-thumb': { | ||
backgroundColor: string; | ||
borderRadius: string; | ||
border: string; | ||
color: string; | ||
}; | ||
paddingTop: number; | ||
paddingX: number; | ||
paddingBottom: number; | ||
}; | ||
'content-with-larger-scroll-area': { | ||
height: string; | ||
overflowY: string; | ||
scrollbarWidth: string; | ||
scrollbarColor: string; | ||
'::-webkit-scrollbar': { | ||
width: string; | ||
}; | ||
'::-webkit-scrollbar-thumb': { | ||
backgroundColor: string; | ||
borderRadius: string; | ||
border: string; | ||
color: string; | ||
}; | ||
paddingTop: number; | ||
paddingX: number; | ||
paddingBottom: number; | ||
}; | ||
'content-with-extra-large-scroll-area': { | ||
height: string; | ||
overflowY: string; | ||
scrollbarWidth: string; | ||
scrollbarColor: string; | ||
'::-webkit-scrollbar': { | ||
width: string; | ||
}; | ||
'::-webkit-scrollbar-thumb': { | ||
backgroundColor: string; | ||
borderRadius: string; | ||
border: string; | ||
color: string; | ||
}; | ||
paddingTop: number; | ||
paddingX: number; | ||
paddingBottom: number; | ||
}; | ||
content: { | ||
paddingTop: number; | ||
paddingX: number; | ||
paddingBottom: number; | ||
}; | ||
'footer-small': { | ||
borderTopWidth: number; | ||
pt: number; | ||
'>button': { | ||
width: string; | ||
}; | ||
minHeight: string; | ||
display: string; | ||
justifyContent: string; | ||
alignItems: string; | ||
borderColor: string; | ||
borderStyle: string; | ||
borderBottomWidth: number; | ||
borderLeftWidth: number; | ||
borderRightWidth: number; | ||
position: string; | ||
bottom: number; | ||
left: number; | ||
right: number; | ||
bg: string; | ||
padding: number; | ||
flexDirection: string[]; | ||
'* + button': { | ||
marginLeft: number[]; | ||
marginBottom: number[]; | ||
}; | ||
}; | ||
'footer-regular': { | ||
borderTopWidth: number; | ||
minHeight: string; | ||
display: string; | ||
justifyContent: string; | ||
alignItems: string; | ||
borderColor: string; | ||
borderStyle: string; | ||
borderBottomWidth: number; | ||
borderLeftWidth: number; | ||
borderRightWidth: number; | ||
position: string; | ||
bottom: number; | ||
left: number; | ||
right: number; | ||
bg: string; | ||
padding: number; | ||
flexDirection: string[]; | ||
'>button': { | ||
width: string[]; | ||
}; | ||
'* + button': { | ||
marginLeft: number[]; | ||
marginBottom: number[]; | ||
}; | ||
}; | ||
'footer-large': { | ||
borderTopWidth: number; | ||
minHeight: string; | ||
display: string; | ||
justifyContent: string; | ||
alignItems: string; | ||
borderColor: string; | ||
borderStyle: string; | ||
borderBottomWidth: number; | ||
borderLeftWidth: number; | ||
borderRightWidth: number; | ||
position: string; | ||
bottom: number; | ||
left: number; | ||
right: number; | ||
bg: string; | ||
padding: number; | ||
flexDirection: string[]; | ||
'>button': { | ||
width: string[]; | ||
}; | ||
'* + button': { | ||
marginLeft: number[]; | ||
marginBottom: number[]; | ||
}; | ||
}; | ||
}; | ||
skeleton: { | ||
styles: { | ||
display: string; | ||
width: string; | ||
height: string; | ||
backgroundColor: string; | ||
backgroundSize: string; | ||
backgroundRepeat: string; | ||
lineHeight: number; | ||
borderRadius: number; | ||
backgroundImage: string; | ||
}; | ||
shape: { | ||
rect: { | ||
borderRadius: string; | ||
}; | ||
circle: { | ||
borderRadius: string; | ||
}; | ||
}; | ||
}; | ||
divider: { | ||
horizontal: { | ||
borderBottom: number; | ||
border: string; | ||
borderWidth: number; | ||
borderColor: string; | ||
margin: number; | ||
}; | ||
vertical: { | ||
borderLeft: number; | ||
height: string; | ||
border: string; | ||
borderWidth: number; | ||
borderColor: string; | ||
margin: number; | ||
}; | ||
}; | ||
collapsible: { | ||
container: { | ||
bg: string; | ||
borderColor: string; | ||
borderStyle: string; | ||
borderWidth: number; | ||
borderRadius: string; | ||
}; | ||
'container-grouped': { | ||
bg: string; | ||
borderRadius: string; | ||
}; | ||
header: { | ||
display: string; | ||
alignItems: string; | ||
justifyContent: string; | ||
padding: number; | ||
paddingLeft: number; | ||
'div > button:nth-of-type(n+2)': { | ||
marginLeft: number; | ||
}; | ||
}; | ||
section: { | ||
paddingX: number; | ||
paddingBottom: number; | ||
}; | ||
'header-nested': { | ||
display: string; | ||
alignItems: string; | ||
justifyContent: string; | ||
padding: number; | ||
paddingLeft: number; | ||
'div > button:nth-of-type(n+2)': { | ||
marginLeft: number; | ||
}; | ||
}; | ||
'section-nested': { | ||
paddingX: number; | ||
paddingBottom: number; | ||
}; | ||
}; | ||
avatar: { | ||
styles: { | ||
display: string; | ||
alignItems: string; | ||
justifyContent: string; | ||
width: number; | ||
height: number; | ||
padding: number; | ||
borderRadius: string; | ||
textTransform: string; | ||
}; | ||
palette: { | ||
base: { | ||
bg: string; | ||
color: string; | ||
}; | ||
primary: { | ||
bg: string; | ||
color: string; | ||
}; | ||
danger: { | ||
bg: string; | ||
color: string; | ||
}; | ||
}; | ||
}; | ||
tag: {}; | ||
anchor: { | ||
font: string; | ||
color: string; | ||
textDecoration: string; | ||
':active': { | ||
color: string; | ||
textDecoration: string; | ||
}; | ||
':hover': { | ||
color: string; | ||
textDecoration: string; | ||
}; | ||
}; | ||
dropdown: { | ||
menu: { | ||
visibility: string; | ||
cursor: string; | ||
bg: string; | ||
borderRadius: string; | ||
borderWidth: number; | ||
borderStyle: string; | ||
borderColor: string; | ||
boxShadow: string; | ||
outline: string; | ||
marginTop: number; | ||
paddingY: number; | ||
width: string; | ||
position: string; | ||
zIndex: number; | ||
}; | ||
'menu-visible': { | ||
visibility: string; | ||
cursor: string; | ||
bg: string; | ||
borderRadius: string; | ||
borderWidth: number; | ||
borderStyle: string; | ||
borderColor: string; | ||
boxShadow: string; | ||
outline: string; | ||
marginTop: number; | ||
paddingY: number; | ||
width: string; | ||
position: string; | ||
zIndex: number; | ||
}; | ||
item: { | ||
display: string; | ||
alignItems: string; | ||
height: number; | ||
paddingX: number; | ||
cursor: string; | ||
bg: string; | ||
}; | ||
'item-active': { | ||
bg: string; | ||
display: string; | ||
alignItems: string; | ||
height: number; | ||
paddingX: number; | ||
cursor: string; | ||
}; | ||
}; | ||
textArea: { | ||
container: { | ||
display: string; | ||
position: string; | ||
justifyContent: string; | ||
flexDirection: string; | ||
width: string; | ||
}; | ||
default: { | ||
paddingTop: number; | ||
height: number; | ||
resize: string; | ||
fontSettings: string; | ||
width: string; | ||
borderStyle: string; | ||
borderWidth: number; | ||
paddingLeft: number; | ||
paddingRight: number; | ||
borderColor: string; | ||
borderRadius: string; | ||
bg: string; | ||
marginY: number; | ||
fontSize: number; | ||
color: string; | ||
outline: number; | ||
transition: string; | ||
':hover': { | ||
borderColor: string; | ||
}; | ||
':focus': { | ||
borderColor: string; | ||
boxShadow: string; | ||
}; | ||
':disabled': { | ||
bg: string; | ||
borderColor: string; | ||
color: string; | ||
}; | ||
':focus + label': { | ||
transform: string; | ||
}; | ||
':placeholder-shown:not(:focus) + label': { | ||
paddingTop: number; | ||
}; | ||
':not(:placeholder-shown) + label': { | ||
transform: string; | ||
}; | ||
}; | ||
'container-error': { | ||
textarea: { | ||
borderColor: string; | ||
':focus': { | ||
borderColor: string; | ||
boxShadow: string; | ||
}; | ||
':hover': { | ||
borderColor: string; | ||
}; | ||
}; | ||
display: string; | ||
position: string; | ||
justifyContent: string; | ||
flexDirection: string; | ||
width: string; | ||
}; | ||
'text-container': { | ||
display: string; | ||
justifyContent: string; | ||
paddingTop: number; | ||
}; | ||
'floating-label': { | ||
fontSize: number; | ||
left: number; | ||
paddingTop: number; | ||
color: string; | ||
marginBottom: number; | ||
position: string; | ||
transform: string; | ||
transformOrigin: string; | ||
transition: string; | ||
}; | ||
}; | ||
numericStepper: { | ||
'default-error': { | ||
borderColor: string; | ||
':hover': { | ||
borderColor: string; | ||
}; | ||
':focus': { | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
width: number; | ||
height: number; | ||
appearance: string; | ||
'::-webkit-inner-spin-button ': { | ||
WebkitAppearance: string; | ||
margin: number; | ||
}; | ||
paddingLeft: number; | ||
paddingRight: number; | ||
textAlign: string; | ||
color: string; | ||
borderStyle: string; | ||
borderWidth: number; | ||
borderRadius: string; | ||
backgroundColor: string; | ||
':disabled': { | ||
backgroundColor: string; | ||
color: string; | ||
}; | ||
':focus:not([data-focus-visible-added])': { | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
}; | ||
default: { | ||
width: number; | ||
height: number; | ||
appearance: string; | ||
'::-webkit-inner-spin-button ': { | ||
WebkitAppearance: string; | ||
margin: number; | ||
}; | ||
paddingLeft: number; | ||
paddingRight: number; | ||
textAlign: string; | ||
color: string; | ||
borderStyle: string; | ||
borderWidth: number; | ||
borderColor: string; | ||
borderRadius: string; | ||
backgroundColor: string; | ||
':hover': { | ||
borderColor: string; | ||
}; | ||
':disabled': { | ||
backgroundColor: string; | ||
color: string; | ||
}; | ||
':focus:not([data-focus-visible-added])': { | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
':focus': { | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
}; | ||
container: { | ||
position: string; | ||
display: string; | ||
alignItems: string; | ||
height: number; | ||
width: number; | ||
paddingY: number; | ||
}; | ||
}; | ||
select: { | ||
container: { | ||
width: number; | ||
position: string; | ||
}; | ||
optionsPortal: { | ||
position: string; | ||
zIndex: number; | ||
width: string; | ||
backgroundColor: string; | ||
outline: string; | ||
}; | ||
optionsContainer: { | ||
display: string; | ||
flexDirection: string; | ||
borderWidth: number; | ||
borderStyle: string; | ||
borderColor: string; | ||
borderRadius: string; | ||
}; | ||
optionsLabel: { | ||
text: string; | ||
lineHeight: number; | ||
paddingTop: number; | ||
paddingBottom: number; | ||
paddingLeft: number; | ||
color: string; | ||
}; | ||
optionsUl: { | ||
paddingBottom: number; | ||
maxHeight: number; | ||
width: string; | ||
overflowY: string; | ||
borderBottomLeftRadius: number; | ||
borderBottomRightRadius: number; | ||
}; | ||
item: { | ||
color: string; | ||
verticalAlign: string; | ||
listStyleType: string; | ||
display: string; | ||
alignItems: string; | ||
cursor: string; | ||
}; | ||
button: { | ||
display: string; | ||
alignItems: string; | ||
justifyContent: string; | ||
cursor: string; | ||
height: number; | ||
width: string; | ||
boxShadow: string; | ||
borderStyle: string; | ||
borderWidth: number; | ||
paddingLeft: number; | ||
paddingRight: number; | ||
borderColor: string; | ||
borderRadius: string; | ||
bg: string; | ||
fontSize: number; | ||
color: string; | ||
outline: number; | ||
':hover': { | ||
borderColor: string; | ||
}; | ||
':hover > svg': { | ||
color: string; | ||
}; | ||
':focus': { | ||
borderColor: string; | ||
boxShadow: string; | ||
}; | ||
':disabled': { | ||
bg: string; | ||
borderColor: string; | ||
color: string; | ||
cursor: string; | ||
}; | ||
':disabled > svg': { | ||
color: string; | ||
}; | ||
}; | ||
buttonError: { | ||
borderColor: string; | ||
':focus': { | ||
borderColor: string; | ||
boxShadow: string; | ||
}; | ||
':hover': { | ||
borderColor: string; | ||
}; | ||
display: string; | ||
alignItems: string; | ||
justifyContent: string; | ||
cursor: string; | ||
height: number; | ||
width: string; | ||
boxShadow: string; | ||
borderStyle: string; | ||
borderWidth: number; | ||
paddingLeft: number; | ||
paddingRight: number; | ||
borderRadius: string; | ||
bg: string; | ||
fontSize: number; | ||
color: string; | ||
outline: number; | ||
':hover > svg': { | ||
color: string; | ||
}; | ||
':disabled': { | ||
bg: string; | ||
borderColor: string; | ||
color: string; | ||
cursor: string; | ||
}; | ||
':disabled > svg': { | ||
color: string; | ||
}; | ||
}; | ||
selectedItem: { | ||
lineHeight: number; | ||
color: string; | ||
float: string; | ||
marginTop: string; | ||
':not(:empty) + label': { | ||
fontSize: number; | ||
lineHeight: number; | ||
}; | ||
}; | ||
label: { | ||
lineHeight: number; | ||
position: string; | ||
left: number; | ||
}; | ||
mobileContainer: { | ||
position: string; | ||
width: number; | ||
height: number; | ||
}; | ||
mobileLabel: { | ||
position: string; | ||
top: string; | ||
lineHeight: number; | ||
paddingLeft: number; | ||
color: string; | ||
zIndex: number; | ||
}; | ||
mobileLabelSelectedItem: { | ||
top: number; | ||
text: string; | ||
position: string; | ||
lineHeight: number; | ||
paddingLeft: number; | ||
color: string; | ||
zIndex: number; | ||
}; | ||
mobileSelect: { | ||
color: string; | ||
outline: string; | ||
fontSize: number; | ||
appearance: string; | ||
backgroundColor: string; | ||
border: string; | ||
borderColor: string; | ||
borderRadius: string; | ||
paddingTop: string; | ||
paddingLeft: number; | ||
width: string; | ||
height: string; | ||
':focus': { | ||
borderColor: string; | ||
boxShadow: string; | ||
}; | ||
':disabled': { | ||
bg: string; | ||
borderColor: string; | ||
color: string; | ||
opacity: number; | ||
}; | ||
':disabled > svg': { | ||
color: string; | ||
}; | ||
}; | ||
mobileSelectError: { | ||
borderColor: string; | ||
':focus': { | ||
borderColor: string; | ||
boxShadow: string; | ||
}; | ||
color: string; | ||
outline: string; | ||
fontSize: number; | ||
appearance: string; | ||
backgroundColor: string; | ||
border: string; | ||
borderRadius: string; | ||
paddingTop: string; | ||
paddingLeft: number; | ||
width: string; | ||
height: string; | ||
':disabled': { | ||
bg: string; | ||
borderColor: string; | ||
color: string; | ||
opacity: number; | ||
}; | ||
':disabled > svg': { | ||
color: string; | ||
}; | ||
}; | ||
mobileIcon: { | ||
position: string; | ||
right: number; | ||
top: string; | ||
color: string; | ||
}; | ||
}; | ||
alert: { | ||
[x: string]: {}; | ||
}; | ||
tab: { | ||
styles: { | ||
fontSettings: string; | ||
border: string; | ||
borderRadius: string; | ||
borderBottomLeftRadius: string; | ||
borderBottomRightRadius: string; | ||
borderBottomStyle: string; | ||
borderBottomColor: string; | ||
borderBottomWidth: number; | ||
borderTopStyle: string; | ||
borderTopColor: string; | ||
borderTopWidth: number; | ||
height: number; | ||
minWidth: number; | ||
cursor: string; | ||
position: string; | ||
':focus:not([data-focus-visible-added])': { | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
':focus': { | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
paddingX: number; | ||
textTransform: string; | ||
backgroundColor: string; | ||
color: string; | ||
}; | ||
variant: { | ||
default: { | ||
':hover': { | ||
color: string; | ||
}; | ||
}; | ||
active: { | ||
borderBottomColor: string; | ||
color: string; | ||
}; | ||
}; | ||
}; | ||
tabList: { | ||
styles: { | ||
paddingX: number; | ||
width: string; | ||
}; | ||
variant: { | ||
block: { | ||
display: string; | ||
}; | ||
fluid: { | ||
display: string; | ||
justifyContent: string; | ||
'> button': { | ||
width: string; | ||
}; | ||
}; | ||
}; | ||
}; | ||
tabContent: { | ||
':focus:not([data-focus-visible-added])': { | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
':focus': { | ||
outline: string; | ||
boxShadow: string; | ||
}; | ||
}; | ||
}; | ||
sizes: { | ||
sm: string; | ||
md: string; | ||
lg: string; | ||
xl: string; | ||
'1/2': string; | ||
'1/4': string; | ||
'2/4': string; | ||
'3/4': string; | ||
'1/8': string; | ||
'2/8': string; | ||
'3/8': string; | ||
'4/8': string; | ||
'5/8': string; | ||
'6/8': string; | ||
'7/8': string; | ||
'1/12': string; | ||
'2/12': string; | ||
'3/12': string; | ||
'4/12': string; | ||
'5/12': string; | ||
'6/12': string; | ||
'7/12': string; | ||
'8/12': string; | ||
'9/12': string; | ||
'10/12': string; | ||
'11/12': string; | ||
full: string; | ||
screenHeight: string; | ||
screenWidth: string; | ||
}; | ||
colors: { | ||
dark: { | ||
primary: string; | ||
secondary: string; | ||
}; | ||
light: { | ||
primary: string; | ||
secondary: string; | ||
}; | ||
mid: { | ||
primary: string; | ||
secondary: string; | ||
tertiary: string; | ||
}; | ||
focus: string; | ||
blue: { | ||
default: string; | ||
hover: string; | ||
pressed: string; | ||
secondary: { | ||
default: string; | ||
hover: string; | ||
pressed: string; | ||
}; | ||
}; | ||
red: { | ||
default: string; | ||
hover: string; | ||
pressed: string; | ||
secondary: { | ||
default: string; | ||
hover: string; | ||
pressed: string; | ||
}; | ||
}; | ||
yellow: { | ||
default: string; | ||
hover: string; | ||
pressed: string; | ||
secondary: { | ||
default: string; | ||
hover: string; | ||
pressed: string; | ||
}; | ||
}; | ||
green: { | ||
default: string; | ||
hover: string; | ||
pressed: string; | ||
secondary: { | ||
default: string; | ||
hover: string; | ||
pressed: string; | ||
}; | ||
}; | ||
}; | ||
space: { | ||
0: string; | ||
1: string; | ||
2: string; | ||
3: string; | ||
4: string; | ||
5: string; | ||
6: string; | ||
7: string; | ||
8: string; | ||
px: string; | ||
'2px': string; | ||
}; | ||
breakpoints: string[]; | ||
transitions: { | ||
snap: string; | ||
fade: string; | ||
pop: string; | ||
callout: string; | ||
}; | ||
fonts: { | ||
sans: string; | ||
mono: string; | ||
}; | ||
fontSizes: { | ||
0: string; | ||
1: string; | ||
2: string; | ||
3: string; | ||
4: string; | ||
}; | ||
text: { | ||
code: { | ||
fontFamily: string; | ||
lineHeight: string; | ||
fontSize: number; | ||
fontFeatureSettings: string; | ||
fontVariantLigatures: string; | ||
}; | ||
small: { | ||
fontFamily: string; | ||
lineHeight: string; | ||
fontSettings: string; | ||
fontSize: number; | ||
}; | ||
body: { | ||
fontFamily: string; | ||
lineHeight: string; | ||
fontSettings: string; | ||
fontSize: number; | ||
}; | ||
highlight: { | ||
fontFamily: string; | ||
lineHeight: string; | ||
fontSettings: string; | ||
fontSize: number; | ||
}; | ||
action: { | ||
fontFamily: string; | ||
lineHeight: string; | ||
fontSettings: string; | ||
fontSize: number; | ||
textTransform: string; | ||
}; | ||
subtitle: { | ||
fontFamily: string; | ||
lineHeight: string; | ||
fontSettings: string; | ||
fontSize: number; | ||
}; | ||
headline: { | ||
fontFamily: string; | ||
lineHeight: string; | ||
fontSettings: string; | ||
fontSize: number; | ||
}; | ||
}; | ||
border: { | ||
default: { | ||
borderWidth: string; | ||
borderStyle: string; | ||
borderRadius: string; | ||
borderColor: string; | ||
}; | ||
'divider-bottom': { | ||
borderBottomWidth: string; | ||
borderBottomStyle: string; | ||
borderBottomLeftRadius: number; | ||
borderBottomRightRadius: number; | ||
borderColor: string; | ||
}; | ||
'divider-top': { | ||
borderTopWidth: string; | ||
borderTopStyle: string; | ||
borderTopLeftRadius: number; | ||
borderTopRightRadius: number; | ||
borderColor: string; | ||
}; | ||
}; | ||
zIndices: { | ||
under: number; | ||
plain: number; | ||
over: number; | ||
1: number; | ||
2: number; | ||
3: number; | ||
4: number; | ||
5: number; | ||
}; | ||
fontSettings: { | ||
hairline: string; | ||
thin: string; | ||
light: string; | ||
regular: string; | ||
medium: string; | ||
bold: string; | ||
black: string; | ||
}; | ||
lineHeights: { | ||
code: number; | ||
small: number; | ||
body: number; | ||
highlight: number; | ||
action: number; | ||
subtitle: number; | ||
headline: number; | ||
}; | ||
shadows: { | ||
menu: string; | ||
subtle: string; | ||
focus: string; | ||
}; | ||
borderRadius: { | ||
default: string; | ||
flat: string; | ||
pill: string; | ||
circle: string; | ||
}; | ||
}; | ||
export declare type Theme = typeof theme; | ||
import { Theme } from '@vtex/admin-ui-system'; | ||
export declare const theme: Theme; | ||
export declare type FontSizes = '0' | '1' | '2' | '3' | '4'; | ||
@@ -1731,0 +4,0 @@ export declare type BorderWidths = '0' | '1' | '2' | '3'; |
{ | ||
"name": "@vtex/admin-ui-theme", | ||
"version": "0.18.2", | ||
"version": "0.19.0", | ||
"main": "dist/index.js", | ||
@@ -34,2 +34,3 @@ "module": "dist/admin-ui-theme.esm.js", | ||
"@emotion/react": ">=11", | ||
"@vtex/admin-ui-system": "^0.13.1", | ||
"react": ">=16", | ||
@@ -39,3 +40,3 @@ "react-dom": ">=16" | ||
"devDependencies": { | ||
"@vtex/admin-ui-system": "^0.13.1" | ||
"@vtex/admin-ui-system": "^0.14.0" | ||
}, | ||
@@ -45,3 +46,3 @@ "dependencies": { | ||
}, | ||
"gitHead": "ac4303599c907174b40a25690ff419c5cf9331c4" | ||
"gitHead": "252316f75c393c193615af7567395c48122b8487" | ||
} |
import colors from './colors' | ||
import space from './space' | ||
import sizes from './sizes' | ||
import global from './global' | ||
export { colors, space, sizes } | ||
export { colors, space, sizes, global } | ||
export default { | ||
global, | ||
sizes, | ||
@@ -9,0 +11,0 @@ colors, |
import base from './base' | ||
import components from './components' | ||
import { Theme } from '@vtex/admin-ui-system' | ||
export const theme = { | ||
const makeTheme = (theme: any): Theme => (theme as unknown) as Theme | ||
export const theme = makeTheme({ | ||
...base, | ||
components, | ||
} | ||
}) | ||
export type Theme = typeof theme | ||
// ///////////// ///////////// ///////////// ///////////// /////////// | ||
// WAGNI | ||
// ///////////// ///////////// ///////////// ///////////// /////////// | ||
export type FontSizes = '0' | '1' | '2' | '3' | '4' | ||
@@ -16,0 +13,0 @@ export type BorderWidths = '0' | '1' | '2' | '3' |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
73
570423
6
10059