@vtex/admin-ui-theme - npm Package Compare versions

Comparing version 0.1.0-alpha.0 to 0.1.0-alpha.1

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# [0.1.0-alpha.1](https://github.com/vtex/onda/compare/@vtex/admin-ui-theme@0.1.0-alpha.0...@vtex/admin-ui-theme@0.1.0-alpha.1) (2020-10-22)
+
+
+### Features
+
+* **style-props:** add space and size style-props ([7098f06](https://github.com/vtex/onda/commit/7098f06843f0e02d29c6366eca2cb76e84616802))
+
+
+
+
+
 # 0.1.0-alpha.0 (2020-10-22)
@@ -8,0 +19,0 @@

dist/admin-ui-theme.cjs.development.js

@@ -71,11 +71,11 @@ 'use strict';
 var space = {
-  '0': '0rem',
-  '1': '0.25rem',
-  '2': '0.5rem',
-  '3': '0.75rem',
-  '4': '1rem',
-  '5': '1.25rem',
-  '6': '1.5rem',
-  '7': '1.75rem',
-  '8': '2rem',
+  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',
@@ -163,2 +163,5 @@ '2px': '0.125rem'
   },
+  fontVariationSettings: {
+    regular: "'wght' 92"
+  },
   lineHeights: {
@@ -1238,2 +1241,16 @@ small: 1.125,
   }),
+  'divider-bottom': {
+    borderBottomWidth: '1px',
+    borderBottomStyle: 'solid',
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    borderColor: 'muted.3'
+  },
+  'divider-top': {
+    borderTopWidth: '1px',
+    borderTopStyle: 'solid',
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    borderColor: 'muted.3'
+  },
   strong: /*#__PURE__*/_extends({}, borderStyles, {
@@ -1240,0 +1257,0 @@ borderColor: 'text'

dist/admin-ui-theme.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("@vtex/admin-ui-system"),o=require("polished"),t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e;function n(){return(n=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)}function i(e,r){return r||(r=e.slice(0)),e.raw=r,e}var a={text:"#323845",background:"#FFFFFF",muted:["#686E7B","#8B9299","#C1C6CC","#D7DADF","#F3F5F9"],focus:"#8DB6FA",emphasis:"#F71963",primary:{base:"#2953B2",hover:"#1E4397",active:"#3F6FDB",contrast:"#FFFFFF",washed:["#F4F8FE","#E8F1FF","#DBE9FF"]},danger:{base:"#D23030",hover:"#A70C0C",active:"#DE0404",contrast:"#FFFFFF",washed:["#FFF0F0","#FFE3E3","#FFD0D0"]},warning:{base:"#FFBA52"},success:{base:"#097E47",hover:"#005C31",active:"#26AE6E",contrast:"#FFFFFF",washed:["#E2F5EA"]}},d={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"},l={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:a,space:d,breakpoints:["480px","640px","768px","1024px","1280px"],transition:{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)"},fontSizes:{0:"0.75rem",1:"0.875rem",2:"1rem",3:"1.125rem",4:"1.25rem"},zIndexes:{under:-1,plain:0,over:999,1:1,2:2,3:3,4:4,5:5},fontWeights:{light:{fontVariationSettings:"'wght' 80",fontWeight:300},regular:{fontVariationSettings:"'wght' 92",fontWeight:400},medium:{fontVariationSettings:"'wght' 100",fontWeight:500},bold:{fontVariationSettings:"'wght' 108",fontWeight:600}},lineHeights:{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 "+d["2px"]+" "+a.focus},borderRadius:{default:"4px",flat:"0px",pill:"100px",circle:"100%"}},s={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}}},g={"filled-primary":{textTransform:"uppercase",color:"primary.contrast",backgroundColor:"primary.base",fontVariationSettings:"'wght' 92",":hover":{backgroundColor:"primary.hover"},":active":{backgroundColor:"primary.active"},":disabled":{color:"text",backgroundColor:"muted.2"}},"subtle-primary":{textTransform:"uppercase",backgroundColor:"primary.washed.0",color:"primary.base",fontVariationSettings:"'wght' 92",":hover":{backgroundColor:"primary.washed.1",color:"primary.hover"},":active":{backgroundColor:"primary.washed.2",color:"primary.active"},":disabled":{color:"muted.1",backgroundColor:"muted.4"}},"text-primary":{textTransform:"capitalize",backgroundColor:"transparent",color:"primary.base",fontVariationSettings:"'wght' 92",":hover":{color:"primary.hover",backgroundColor:"primary.washed.1"},":active":{color:"primary.active",backgroundColor:"primary.washed.2"},":disabled":{color:"muted.1"}},"filled-danger":{textTransform:"uppercase",color:"danger.contrast",backgroundColor:"danger.base",fontVariationSettings:"'wght' 92",":hover":{backgroundColor:"danger.hover"},":active":{backgroundColor:"danger.active"},":disabled":{color:"text",backgroundColor:"muted.2"}},"subtle-danger":{textTransform:"uppercase",backgroundColor:"danger.washed.0",color:"danger.base",fontVariationSettings:"'wght' 92",":hover":{backgroundColor:"danger.washed.1",color:"danger.hover"},":active":{backgroundColor:"danger.washed.2",color:"danger.active"},":disabled":{color:"muted.1",backgroundColor:"muted.4"}},"text-danger":{textTransform:"capitalize",backgroundColor:"transparent",color:"danger.base",fontVariationSettings:"'wght' 92",":hover":{color:"danger.hover",backgroundColor:"danger.washed.1"},":active":{color:"danger.active",backgroundColor:"danger.washed.2"},":disabled":{color:"muted.1"}}},c={border:"none",borderRadius:"default",cursor:"pointer",position:"relative",":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},h=n({},Object.keys(g).reduce((function(e,r){return n({},e,Object.keys(s).reduce((function(e,o){var t;return n({},e,((t={})[r+"-"+o]=n({},c,g[r],s[o]),t))}),[]))}),{})),b={border:"solid",borderWidth:1,borderColor:"muted.3"},u={horizontal:n({},b,{marginY:4,borderBottom:0}),vertical:n({},b,{marginX:4,borderLeft:0})},m={reset:{borderCollapse:"collapse","td, th":{borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"muted.3"}},lead:{height:48,display:"flex",alignItems:"center",verticalAlign:"middle",paddingX:2,color:"muted.0",fontWeight:"normal",variant:"text.body"}},p={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:n({},m,{cell:{display:"flex",alignItems:"center",verticalAlign:"middle",height:80,paddingX:2,variant:"text.body"}}),compact:n({},m,{cell:{display:"flex",alignItems:"center",verticalAlign:"middle",height:48,paddingX:2,variant:"text.body"}}),variable:r.merge(m,{tbody:{verticalAlign:"top"},cell:{display:"flex",alignItems:"flex-start",minHeight:48,paddingY:4,paddingX:2,variant:"text.body"}})},f={display:"flex",width:"full",alignItems:"center",borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"muted.3",justifyContent:"flex-start"},y={compact:n({},f,{height:48,"svg, img":{minHeight:32,maxHeight:32,minWidth:32,maxWidth:32}}),regular:n({},f,{height:80,"svg, img":{minHeight:48,maxHeight:48,minWidth:48,maxWidth:48}}),comfortable:n({},f,{height:128,"svg, img":{minHeight:80,maxHeight:80,minWidth:80,maxWidth:80}})},x={fontVariationSettings:"regular",lh:"highlight",marginTop:3,marginBottom:6,display:"flex",alignItems:"flex-start","& > label > input":{marginRight:2,marginLeft:0},"& > label":{cursor:"pointer",color:"text",display:"flex",alignItems:"center"}},v={"horizontal-regular":n({},x,{fontSize:"2",flexDirection:"row","& label:not(:last-child)":{marginRight:6}}),"horizontal-small":n({},x,{fontSize:"1",flexDirection:"row","& label:not(:last-child)":{marginRight:5}}),"vertical-regular":n({},x,{fontSize:"2",flexDirection:"column","& label:not(:last-child)":{marginBottom:4}}),"vertical-small":n({},x,{fontSize:"1",flexDirection:"column","& label:not(:last-child)":{marginBottom:4}})},w={appearance:"none",margin:0,position:"relative",cursor:"pointer",borderStyle:"solid",borderWidth:"1",borderColor:"muted.2",backgroundColor:"transparent",borderRadius:"50%",":after":{content:'""',display:"block",borderRadius:"50%",backgroundColor:"white",opacity:0},":checked":{backgroundColor:"primary.base",borderColor:"primary.base",":after":{opacity:1},":hover":{backgroundColor:"primary.hover",borderColor:"primary.hover"},":active":{borderColor:"primary.active",backgroundColor:"primary.active"}},":disabled":{cursor:"not-allowed",backgroundColor:"muted.3",borderColor:"muted.1",":after":{backgroundColor:"muted.1"}},":hover":{borderColor:"text"},":active":{borderColor:"muted.0",backgroundColor:"primary.washed.0"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},C={regular:r.merge(w,{height:20,width:20,padding:"0.3125rem",":after":{width:8,height:8}}),small:r.merge(w,{height:16,width:16,padding:1,":after":{width:6,height:6}})},k={appearance:"none",borderStyle:"solid",borderWidth:1,borderColor:"muted.1",borderRadius:3,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center","&:checked":{backgroundColor:"primary.base",borderColor:"primary.base","&: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='%238B9299' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'></path></svg>\")"},"&:hover":{backgroundColor:"primary.hover",borderColor:"primary.hover"},"&:active":{backgroundColor:"primary.active",borderColor:"primary.active"}},"&:indeterminate":{backgroundColor:"primary.washed.0",borderColor:"primary.base",color:"primary.base","&:after":{content:'""',position:"absolute",width:8,height:0,borderWidth:1,borderStyle:"solid",borderLeft:0,borderRight:0,borderRadius:3,borderColor:"currentColor"},"&:disabled":{backgroundColor:"muted.2",borderColor:"muted.1",color:"muted.1"},"&:hover":{borderColor:"primary.hover",color:"primary.hover",bg:"primary.washed.1"},"&:active":{borderColor:"primary.active",color:"primary.active"}},"&:disabled":{backgroundColor:"muted.2",borderColor:"muted.1",color:"muted.1"},"&:hover":{borderColor:"text"},"&:active":{backgroundColor:"primary.washed.0",borderColor:"muted.0"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},S={regular:n({},k,{height:20,width:20,minWidth:20,minHeight:20}),small:n({},k,{height:16,width:16,minWidth:16,minHeight:16})},F={appearance:"none",position:"relative",cursor:"pointer",borderRadius:"6.25rem",backgroundColor:"muted.1",borderStyle:"solid",borderColor:"muted.1",borderWidth:1,"&:after":{content:'""',display:"block",position:"absolute",borderRadius:"1.25rem",backgroundColor:"success.contrast",transition:"transform .25s ease"},"&:checked":{backgroundColor:"success.base",borderColor:"success.base","&:hover":{backgroundColor:"success.hover",borderColor:"success.hover"},"&:disabled":{backgroundColor:"muted.1",borderColor:"muted.1","&:after":{backgroundColor:"muted.2"}}},"&:hover":{backgroundColor:"muted.0",borderColor:"muted.0"},"&:disabled":{backgroundColor:"muted.1",borderColor:"muted.1","&:after":{backgroundColor:"muted.2"}},":not(:checked):active":{backgroundColor:"muted.0",borderColor:"muted.0",":after":{backgroundColor:"primary.washed.0"}},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},W={regular:r.merge(F,{height:20,width:36,"&:after":{width:18,height:18},"&:checked":{"&:after":{transform:"translateX(16px)"}}}),small:r.merge(F,{height:16,width:28,"&:after":{width:14,height:14},"&:checked":{"&:after":{transform:"translateX(12px)"}}})},R={fontVariationSettings:'"wght" 92',width:"full",height:48,paddingX:4,borderStyle:"solid",borderWidth:1,borderColor:"muted.3",borderRadius:"default",bg:"inherit",marginY:1,fontSize:1,color:"text",outline:0,transition:"snap",":hover":{borderColor:"muted.2"},":focus":{borderColor:"primary.base",boxShadow:"inset 0 0 0 1px  "+a.primary.base}},z={display:"flex",flexDirection:"column",bg:"background",marginTop:1,padding:3,minWidth:18,borderRadius:3,borderWidth:1,borderStyle:"solid",borderColor:"muted.2",boxShadow:"menu",hr:{marginY:2,borderStyle:"solid",borderBottomWidth:1,borderTop:"none",borderLeft:"none",borderRight:"none",borderColor:"muted.2",width:"calc(100% -"+d[3]+")",marginX:"-"+d[3],outline:"none"},"> button":{marginY:"2px",paddingX:1,color:"text",fontSize:1,border:"none",textTransform:"initial",":focus":{bg:"primary.washed.0",outline:"none",boxShadow:"none"},":hover":{color:"text"},width:"full",div:{justifyContent:"flex-start"},svg:{marginLeft:0,marginRight:2}}},H={outline:"none",bg:"background",borderRadius:3,borderColor:"muted.3",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)"}},B={display:"flex",justifyContent:"space-between",alignItems:"center",borderColor:"muted.3",borderStyle:"solid","button + button":{ml:4},py:4,px:6,borderTopWidth:0,borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:1,h1:{variant:"text.subtitle",lineHeight:0},position:"sticky",top:0,left:0,right:0,bg:"background",zIndex:999},T={display:"flex",justifyContent:"space-between",alignItems:"center",borderColor:"muted.3",borderStyle:"solid",borderBottomWidth:0,borderLeftWidth:0,borderRightWidth:0,position:"sticky",bottom:0,left:0,right:0,bg:"background",p:6,flexDirection:["column-reverse","column-reverse","row"],">button":{width:["full","full","inherit"]},"* + button":{ml:[0,0,4],mb:[4,4,0]}},L={backdrop:{display:"flex",flexDirection:"column",justifyContent:["flex-end","flex-end","center"],alignItems:"center",backgroundColor:o.rgba(a.text,.5),position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:9999,opacity:0,transition:"fade","&[data-enter]":{opacity:1}},"surface-small":n({},H,{width:["calc(100% - 16px)","calc(100% - 16px)",320]}),"surface-regular":n({},H,{width:["calc(100% - 16px)","calc(100% - 16px)",560]}),"surface-large":n({},H,{width:["calc(100% - 16px)","calc(100% - 16px)",800]}),"header-small":n({},B,{height:56}),"header-regular":n({},B,{height:56}),"header-large":n({},B,{height:80}),content:{pt:4,px:6,pb:6},"footer-small":n({},T,{borderTopWidth:0,pt:0,">button":{width:"full"}}),"footer-regular":n({},T,{borderTopWidth:1}),"footer.-large":n({},T,{borderTopWidth:1})};function V(){var e=i(["\n  0% {\n    background-position: -200px 0;\n  }\n  100% {\n    background-position: calc(200px + 100%) 0;\n  }\n"]);return V=function(){return e},e}var j={display:"inline-block",width:"full",height:"full",backgroundColor:"muted.4",backgroundSize:"200px 100%",backgroundRepeat:"no-repeat",lineHeight:1,borderRadius:3,backgroundImage:"linear-gradient(\n    90deg,\n    "+a.muted[4]+",\n    white,\n    "+a.muted[4]+"\n  )",animation:r.keyframes(V())+" 1.2s ease-in-out infinite"},D={display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,padding:2,borderRadius:"circle",textTransform:"uppercase"},I={button:h,list:y,table:p,controlGroup:v,toggle:W,checkbox:S,radio:C,input:R,textField:{display:"flex",position:"relative",justifyContent:"flex-start",flexDirection:"column",input:{paddingTop:4},label:{fontSize:1,paddingX:4,paddingTop:2,color:"muted.0",marginBottom:3,pointerEvents:"none",position:"absolute",transform:"translate(0, 16px) scale(1)",transformOrigin:"top left",transition:"all 0.2s ease-out;"},":focus-within > label":{transform:"translate(4px, 4px) scale(0.875)",color:"primary.base"},"input:placeholder-shown:not(:focus) + label":{paddingTop:1},"input:active + label":{transform:"translate(4px, 4px) scale(0.875)"},"input:not(:placeholder-shown) + label":{transform:"translate(4px, 4px) scale(0.875)"}},tooltip:{backgroundColor:"text",color:"background",fontSize:1,paddingY:2,paddingX:3,borderRadius:3,maxWidth:240,minHeight:32},menu:z,modal:L,skeleton:{square:n({},j,{borderRadius:3}),circle:n({},j,{borderRadius:"100%"})},divider:u,collapsible:{container:{bg:"background",borderColor:"muted.3",borderStyle:"solid",borderWidth:1,borderRadius:3},header:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:6,paddingLeft:3,"div > button:nth-of-type(n+2)":{marginLeft:1}},section:{paddingX:6,paddingBottom:6}},avatar:{base:n({},D,{bg:"text",color:"background"}),primary:n({},D,{bg:"primary.base",color:"primary.contrast"}),danger:n({},D,{bg:"danger.base",color:"danger.contrast"})}},E={borderWidth:"1px",borderStyle:"solid",borderRadius:"default"},X={palette:{base:{bg:"background",color:"text"},inverted:{bg:"text",color:"background"},primary:{bg:"primary.base",color:"primary.contrast"},"primary-washed":{bg:"primary.washed.0",color:"primary.base"},danger:{bg:"danger.base",color:"danger.contrast"},"danger-washed":{bg:"danger.washed.0",color:"danger.base"},success:{bg:"success.base",color:"success.contrast"},"success-washed":{bg:"success.washed.0",color:"success.base"},warning:{bg:"warning.base",color:"warning.contrast"},"warning-washed":{bg:"warning.washed.0",color:"warning.base"}},text:{small:{lineHeight:"small",fontVariationSettings:"regular",fontSize:0},body:{lineHeight:"body",fontVariationSettings:"regular",fontSize:1},highlight:{lineHeight:"highlight",fontVariationSettings:"regular",fontSize:1},action:{lineHeight:"action",fontVariationSettings:"regular",fontSize:1,textTransform:"uppercase"},subtitle:{lineHeight:"subtitle",fontVariationSettings:"regular",fontSize:2},headline:{lineHeight:"headline",fontVariationSettings:"regular",fontSize:4}},border:{default:n({},E,{borderColor:"muted.3"}),strong:n({},E,{borderColor:"text"}),disabled:n({},E,{borderColor:"muted.2"}),primary:n({},E,{borderColor:"primary.base"}),danger:n({},E,{borderColor:"danger.base"})}},q=Object.keys(X),A=n({},l,{components:I,patterns:X});function M(){var e=i(["\n        @import 'https://io.vtex.com.br/fonts/vtex-trust/style.css';\n\n        code > * > *,\n        pre > * > *,\n        code,\n        pre {\n          font-family: 'SF Mono', 'Operator Mono', 'Dank Mono',\n            'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', Consolas, Monaco,\n            monospace !important;\n        }\n        html,\n        body,\n        * {\n          font-family: VTEXTrustVF, -apple-system, system-ui, BlinkMacSystemFont,\n            sans-serif !important;\n          font-variation-settings: 'wght' 92;\n        }\n        html,\n        body,\n        div,\n        span,\n        applet,\n        object,\n        iframe,\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6,\n        p,\n        blockquote,\n        pre,\n        a,\n        abbr,\n        acronym,\n        address,\n        big,\n        cite,\n        code,\n        del,\n        dfn,\n        em,\n        img,\n        ins,\n        kbd,\n        q,\n        s,\n        samp,\n        small,\n        strike,\n        strong,\n        sub,\n        sup,\n        tt,\n        var,\n        b,\n        u,\n        i,\n        center,\n        dl,\n        dt,\n        dd,\n        ol,\n        ul,\n        li,\n        fieldset,\n        form,\n        label,\n        legend,\n        table,\n        caption,\n        tbody,\n        tfoot,\n        thead,\n        tr,\n        th,\n        td,\n        article,\n        aside,\n        canvas,\n        details,\n        embed,\n        figure,\n        figcaption,\n        footer,\n        header,\n        hgroup,\n        menu,\n        nav,\n        output,\n        ruby,\n        section,\n        summary,\n        time,\n        mark,\n        audio,\n        video {\n          margin: 0;\n          padding: 0;\n          border: 0;\n          font-size: 100%;\n          font: inherit;\n          vertical-align: baseline;\n        }\n        /* HTML5 display-role reset for older browsers */\n        article,\n        aside,\n        details,\n        figcaption,\n        figure,\n        footer,\n        header,\n        hgroup,\n        menu,\n        nav,\n        section {\n          display: block;\n        }\n        body {\n          line-height: 1;\n        }\n        ol,\n        ul {\n          list-style: none;\n        }\n        blockquote,\n        q {\n          quotes: none;\n        }\n        blockquote:before,\n        blockquote:after,\n        q:before,\n        q:after {\n          content: '';\n          content: none;\n        }\n        table {\n          border-collapse: collapse;\n          border-spacing: 0;\n        }\n      "]);return M=function(){return e},e}exports.Preflight=function(){return t.createElement(r.Global,{styles:r.css(M())})},exports.patternKeys=q,exports.unstableTheme=A;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("@vtex/admin-ui-system"),o=require("polished"),t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e;function i(){return(i=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)}function n(e,r){return r||(r=e.slice(0)),e.raw=r,e}var a={text:"#323845",background:"#FFFFFF",muted:["#686E7B","#8B9299","#C1C6CC","#D7DADF","#F3F5F9"],focus:"#8DB6FA",emphasis:"#F71963",primary:{base:"#2953B2",hover:"#1E4397",active:"#3F6FDB",contrast:"#FFFFFF",washed:["#F4F8FE","#E8F1FF","#DBE9FF"]},danger:{base:"#D23030",hover:"#A70C0C",active:"#DE0404",contrast:"#FFFFFF",washed:["#FFF0F0","#FFE3E3","#FFD0D0"]},warning:{base:"#FFBA52"},success:{base:"#097E47",hover:"#005C31",active:"#26AE6E",contrast:"#FFFFFF",washed:["#E2F5EA"]}},d={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"},l={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:a,space:d,breakpoints:["480px","640px","768px","1024px","1280px"],transition:{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)"},fontSizes:{0:"0.75rem",1:"0.875rem",2:"1rem",3:"1.125rem",4:"1.25rem"},zIndexes:{under:-1,plain:0,over:999,1:1,2:2,3:3,4:4,5:5},fontWeights:{light:{fontVariationSettings:"'wght' 80",fontWeight:300},regular:{fontVariationSettings:"'wght' 92",fontWeight:400},medium:{fontVariationSettings:"'wght' 100",fontWeight:500},bold:{fontVariationSettings:"'wght' 108",fontWeight:600}},fontVariationSettings:{regular:"'wght' 92"},lineHeights:{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 "+d["2px"]+" "+a.focus},borderRadius:{default:"4px",flat:"0px",pill:"100px",circle:"100%"}},s={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}}},g={"filled-primary":{textTransform:"uppercase",color:"primary.contrast",backgroundColor:"primary.base",fontVariationSettings:"'wght' 92",":hover":{backgroundColor:"primary.hover"},":active":{backgroundColor:"primary.active"},":disabled":{color:"text",backgroundColor:"muted.2"}},"subtle-primary":{textTransform:"uppercase",backgroundColor:"primary.washed.0",color:"primary.base",fontVariationSettings:"'wght' 92",":hover":{backgroundColor:"primary.washed.1",color:"primary.hover"},":active":{backgroundColor:"primary.washed.2",color:"primary.active"},":disabled":{color:"muted.1",backgroundColor:"muted.4"}},"text-primary":{textTransform:"capitalize",backgroundColor:"transparent",color:"primary.base",fontVariationSettings:"'wght' 92",":hover":{color:"primary.hover",backgroundColor:"primary.washed.1"},":active":{color:"primary.active",backgroundColor:"primary.washed.2"},":disabled":{color:"muted.1"}},"filled-danger":{textTransform:"uppercase",color:"danger.contrast",backgroundColor:"danger.base",fontVariationSettings:"'wght' 92",":hover":{backgroundColor:"danger.hover"},":active":{backgroundColor:"danger.active"},":disabled":{color:"text",backgroundColor:"muted.2"}},"subtle-danger":{textTransform:"uppercase",backgroundColor:"danger.washed.0",color:"danger.base",fontVariationSettings:"'wght' 92",":hover":{backgroundColor:"danger.washed.1",color:"danger.hover"},":active":{backgroundColor:"danger.washed.2",color:"danger.active"},":disabled":{color:"muted.1",backgroundColor:"muted.4"}},"text-danger":{textTransform:"capitalize",backgroundColor:"transparent",color:"danger.base",fontVariationSettings:"'wght' 92",":hover":{color:"danger.hover",backgroundColor:"danger.washed.1"},":active":{color:"danger.active",backgroundColor:"danger.washed.2"},":disabled":{color:"muted.1"}}},c={border:"none",borderRadius:"default",cursor:"pointer",position:"relative",":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},h=i({},Object.keys(g).reduce((function(e,r){return i({},e,Object.keys(s).reduce((function(e,o){var t;return i({},e,((t={})[r+"-"+o]=i({},c,g[r],s[o]),t))}),[]))}),{})),b={border:"solid",borderWidth:1,borderColor:"muted.3"},u={horizontal:i({},b,{marginY:4,borderBottom:0}),vertical:i({},b,{marginX:4,borderLeft:0})},m={reset:{borderCollapse:"collapse","td, th":{borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"muted.3"}},lead:{height:48,display:"flex",alignItems:"center",verticalAlign:"middle",paddingX:2,color:"muted.0",fontWeight:"normal",variant:"text.body"}},p={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:i({},m,{cell:{display:"flex",alignItems:"center",verticalAlign:"middle",height:80,paddingX:2,variant:"text.body"}}),compact:i({},m,{cell:{display:"flex",alignItems:"center",verticalAlign:"middle",height:48,paddingX:2,variant:"text.body"}}),variable:r.merge(m,{tbody:{verticalAlign:"top"},cell:{display:"flex",alignItems:"flex-start",minHeight:48,paddingY:4,paddingX:2,variant:"text.body"}})},f={display:"flex",width:"full",alignItems:"center",borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"muted.3",justifyContent:"flex-start"},y={compact:i({},f,{height:48,"svg, img":{minHeight:32,maxHeight:32,minWidth:32,maxWidth:32}}),regular:i({},f,{height:80,"svg, img":{minHeight:48,maxHeight:48,minWidth:48,maxWidth:48}}),comfortable:i({},f,{height:128,"svg, img":{minHeight:80,maxHeight:80,minWidth:80,maxWidth:80}})},x={fontVariationSettings:"regular",lh:"highlight",marginTop:3,marginBottom:6,display:"flex",alignItems:"flex-start","& > label > input":{marginRight:2,marginLeft:0},"& > label":{cursor:"pointer",color:"text",display:"flex",alignItems:"center"}},v={"horizontal-regular":i({},x,{fontSize:"2",flexDirection:"row","& label:not(:last-child)":{marginRight:6}}),"horizontal-small":i({},x,{fontSize:"1",flexDirection:"row","& label:not(:last-child)":{marginRight:5}}),"vertical-regular":i({},x,{fontSize:"2",flexDirection:"column","& label:not(:last-child)":{marginBottom:4}}),"vertical-small":i({},x,{fontSize:"1",flexDirection:"column","& label:not(:last-child)":{marginBottom:4}})},w={appearance:"none",margin:0,position:"relative",cursor:"pointer",borderStyle:"solid",borderWidth:"1",borderColor:"muted.2",backgroundColor:"transparent",borderRadius:"50%",":after":{content:'""',display:"block",borderRadius:"50%",backgroundColor:"white",opacity:0},":checked":{backgroundColor:"primary.base",borderColor:"primary.base",":after":{opacity:1},":hover":{backgroundColor:"primary.hover",borderColor:"primary.hover"},":active":{borderColor:"primary.active",backgroundColor:"primary.active"}},":disabled":{cursor:"not-allowed",backgroundColor:"muted.3",borderColor:"muted.1",":after":{backgroundColor:"muted.1"}},":hover":{borderColor:"text"},":active":{borderColor:"muted.0",backgroundColor:"primary.washed.0"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},C={regular:r.merge(w,{height:20,width:20,padding:"0.3125rem",":after":{width:8,height:8}}),small:r.merge(w,{height:16,width:16,padding:1,":after":{width:6,height:6}})},k={appearance:"none",borderStyle:"solid",borderWidth:1,borderColor:"muted.1",borderRadius:3,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center","&:checked":{backgroundColor:"primary.base",borderColor:"primary.base","&: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='%238B9299' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'></path></svg>\")"},"&:hover":{backgroundColor:"primary.hover",borderColor:"primary.hover"},"&:active":{backgroundColor:"primary.active",borderColor:"primary.active"}},"&:indeterminate":{backgroundColor:"primary.washed.0",borderColor:"primary.base",color:"primary.base","&:after":{content:'""',position:"absolute",width:8,height:0,borderWidth:1,borderStyle:"solid",borderLeft:0,borderRight:0,borderRadius:3,borderColor:"currentColor"},"&:disabled":{backgroundColor:"muted.2",borderColor:"muted.1",color:"muted.1"},"&:hover":{borderColor:"primary.hover",color:"primary.hover",bg:"primary.washed.1"},"&:active":{borderColor:"primary.active",color:"primary.active"}},"&:disabled":{backgroundColor:"muted.2",borderColor:"muted.1",color:"muted.1"},"&:hover":{borderColor:"text"},"&:active":{backgroundColor:"primary.washed.0",borderColor:"muted.0"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},S={regular:i({},k,{height:20,width:20,minWidth:20,minHeight:20}),small:i({},k,{height:16,width:16,minWidth:16,minHeight:16})},F={appearance:"none",position:"relative",cursor:"pointer",borderRadius:"6.25rem",backgroundColor:"muted.1",borderStyle:"solid",borderColor:"muted.1",borderWidth:1,"&:after":{content:'""',display:"block",position:"absolute",borderRadius:"1.25rem",backgroundColor:"success.contrast",transition:"transform .25s ease"},"&:checked":{backgroundColor:"success.base",borderColor:"success.base","&:hover":{backgroundColor:"success.hover",borderColor:"success.hover"},"&:disabled":{backgroundColor:"muted.1",borderColor:"muted.1","&:after":{backgroundColor:"muted.2"}}},"&:hover":{backgroundColor:"muted.0",borderColor:"muted.0"},"&:disabled":{backgroundColor:"muted.1",borderColor:"muted.1","&:after":{backgroundColor:"muted.2"}},":not(:checked):active":{backgroundColor:"muted.0",borderColor:"muted.0",":after":{backgroundColor:"primary.washed.0"}},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},W={regular:r.merge(F,{height:20,width:36,"&:after":{width:18,height:18},"&:checked":{"&:after":{transform:"translateX(16px)"}}}),small:r.merge(F,{height:16,width:28,"&:after":{width:14,height:14},"&:checked":{"&:after":{transform:"translateX(12px)"}}})},R={fontVariationSettings:'"wght" 92',width:"full",height:48,paddingX:4,borderStyle:"solid",borderWidth:1,borderColor:"muted.3",borderRadius:"default",bg:"inherit",marginY:1,fontSize:1,color:"text",outline:0,transition:"snap",":hover":{borderColor:"muted.2"},":focus":{borderColor:"primary.base",boxShadow:"inset 0 0 0 1px  "+a.primary.base}},z={display:"flex",flexDirection:"column",bg:"background",marginTop:1,padding:3,minWidth:18,borderRadius:3,borderWidth:1,borderStyle:"solid",borderColor:"muted.2",boxShadow:"menu",hr:{marginY:2,borderStyle:"solid",borderBottomWidth:1,borderTop:"none",borderLeft:"none",borderRight:"none",borderColor:"muted.2",width:"calc(100% -"+d[3]+")",marginX:"-"+d[3],outline:"none"},"> button":{marginY:"2px",paddingX:1,color:"text",fontSize:1,border:"none",textTransform:"initial",":focus":{bg:"primary.washed.0",outline:"none",boxShadow:"none"},":hover":{color:"text"},width:"full",div:{justifyContent:"flex-start"},svg:{marginLeft:0,marginRight:2}}},H={outline:"none",bg:"background",borderRadius:3,borderColor:"muted.3",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)"}},B={display:"flex",justifyContent:"space-between",alignItems:"center",borderColor:"muted.3",borderStyle:"solid","button + button":{ml:4},py:4,px:6,borderTopWidth:0,borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:1,h1:{variant:"text.subtitle",lineHeight:0},position:"sticky",top:0,left:0,right:0,bg:"background",zIndex:999},T={display:"flex",justifyContent:"space-between",alignItems:"center",borderColor:"muted.3",borderStyle:"solid",borderBottomWidth:0,borderLeftWidth:0,borderRightWidth:0,position:"sticky",bottom:0,left:0,right:0,bg:"background",p:6,flexDirection:["column-reverse","column-reverse","row"],">button":{width:["full","full","inherit"]},"* + button":{ml:[0,0,4],mb:[4,4,0]}},L={backdrop:{display:"flex",flexDirection:"column",justifyContent:["flex-end","flex-end","center"],alignItems:"center",backgroundColor:o.rgba(a.text,.5),position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:9999,opacity:0,transition:"fade","&[data-enter]":{opacity:1}},"surface-small":i({},H,{width:["calc(100% - 16px)","calc(100% - 16px)",320]}),"surface-regular":i({},H,{width:["calc(100% - 16px)","calc(100% - 16px)",560]}),"surface-large":i({},H,{width:["calc(100% - 16px)","calc(100% - 16px)",800]}),"header-small":i({},B,{height:56}),"header-regular":i({},B,{height:56}),"header-large":i({},B,{height:80}),content:{pt:4,px:6,pb:6},"footer-small":i({},T,{borderTopWidth:0,pt:0,">button":{width:"full"}}),"footer-regular":i({},T,{borderTopWidth:1}),"footer.-large":i({},T,{borderTopWidth:1})};function V(){var e=n(["\n  0% {\n    background-position: -200px 0;\n  }\n  100% {\n    background-position: calc(200px + 100%) 0;\n  }\n"]);return V=function(){return e},e}var j={display:"inline-block",width:"full",height:"full",backgroundColor:"muted.4",backgroundSize:"200px 100%",backgroundRepeat:"no-repeat",lineHeight:1,borderRadius:3,backgroundImage:"linear-gradient(\n    90deg,\n    "+a.muted[4]+",\n    white,\n    "+a.muted[4]+"\n  )",animation:r.keyframes(V())+" 1.2s ease-in-out infinite"},D={display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,padding:2,borderRadius:"circle",textTransform:"uppercase"},I={button:h,list:y,table:p,controlGroup:v,toggle:W,checkbox:S,radio:C,input:R,textField:{display:"flex",position:"relative",justifyContent:"flex-start",flexDirection:"column",input:{paddingTop:4},label:{fontSize:1,paddingX:4,paddingTop:2,color:"muted.0",marginBottom:3,pointerEvents:"none",position:"absolute",transform:"translate(0, 16px) scale(1)",transformOrigin:"top left",transition:"all 0.2s ease-out;"},":focus-within > label":{transform:"translate(4px, 4px) scale(0.875)",color:"primary.base"},"input:placeholder-shown:not(:focus) + label":{paddingTop:1},"input:active + label":{transform:"translate(4px, 4px) scale(0.875)"},"input:not(:placeholder-shown) + label":{transform:"translate(4px, 4px) scale(0.875)"}},tooltip:{backgroundColor:"text",color:"background",fontSize:1,paddingY:2,paddingX:3,borderRadius:3,maxWidth:240,minHeight:32},menu:z,modal:L,skeleton:{square:i({},j,{borderRadius:3}),circle:i({},j,{borderRadius:"100%"})},divider:u,collapsible:{container:{bg:"background",borderColor:"muted.3",borderStyle:"solid",borderWidth:1,borderRadius:3},header:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:6,paddingLeft:3,"div > button:nth-of-type(n+2)":{marginLeft:1}},section:{paddingX:6,paddingBottom:6}},avatar:{base:i({},D,{bg:"text",color:"background"}),primary:i({},D,{bg:"primary.base",color:"primary.contrast"}),danger:i({},D,{bg:"danger.base",color:"danger.contrast"})}},E={borderWidth:"1px",borderStyle:"solid",borderRadius:"default"},X={palette:{base:{bg:"background",color:"text"},inverted:{bg:"text",color:"background"},primary:{bg:"primary.base",color:"primary.contrast"},"primary-washed":{bg:"primary.washed.0",color:"primary.base"},danger:{bg:"danger.base",color:"danger.contrast"},"danger-washed":{bg:"danger.washed.0",color:"danger.base"},success:{bg:"success.base",color:"success.contrast"},"success-washed":{bg:"success.washed.0",color:"success.base"},warning:{bg:"warning.base",color:"warning.contrast"},"warning-washed":{bg:"warning.washed.0",color:"warning.base"}},text:{small:{lineHeight:"small",fontVariationSettings:"regular",fontSize:0},body:{lineHeight:"body",fontVariationSettings:"regular",fontSize:1},highlight:{lineHeight:"highlight",fontVariationSettings:"regular",fontSize:1},action:{lineHeight:"action",fontVariationSettings:"regular",fontSize:1,textTransform:"uppercase"},subtitle:{lineHeight:"subtitle",fontVariationSettings:"regular",fontSize:2},headline:{lineHeight:"headline",fontVariationSettings:"regular",fontSize:4}},border:{default:i({},E,{borderColor:"muted.3"}),"divider-bottom":{borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomLeftRadius:0,borderBottomRightRadius:0,borderColor:"muted.3"},"divider-top":{borderTopWidth:"1px",borderTopStyle:"solid",borderTopLeftRadius:0,borderTopRightRadius:0,borderColor:"muted.3"},strong:i({},E,{borderColor:"text"}),disabled:i({},E,{borderColor:"muted.2"}),primary:i({},E,{borderColor:"primary.base"}),danger:i({},E,{borderColor:"danger.base"})}},q=Object.keys(X),A=i({},l,{components:I,patterns:X});function M(){var e=n(["\n        @import 'https://io.vtex.com.br/fonts/vtex-trust/style.css';\n\n        code > * > *,\n        pre > * > *,\n        code,\n        pre {\n          font-family: 'SF Mono', 'Operator Mono', 'Dank Mono',\n            'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', Consolas, Monaco,\n            monospace !important;\n        }\n        html,\n        body,\n        * {\n          font-family: VTEXTrustVF, -apple-system, system-ui, BlinkMacSystemFont,\n            sans-serif !important;\n          font-variation-settings: 'wght' 92;\n        }\n        html,\n        body,\n        div,\n        span,\n        applet,\n        object,\n        iframe,\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6,\n        p,\n        blockquote,\n        pre,\n        a,\n        abbr,\n        acronym,\n        address,\n        big,\n        cite,\n        code,\n        del,\n        dfn,\n        em,\n        img,\n        ins,\n        kbd,\n        q,\n        s,\n        samp,\n        small,\n        strike,\n        strong,\n        sub,\n        sup,\n        tt,\n        var,\n        b,\n        u,\n        i,\n        center,\n        dl,\n        dt,\n        dd,\n        ol,\n        ul,\n        li,\n        fieldset,\n        form,\n        label,\n        legend,\n        table,\n        caption,\n        tbody,\n        tfoot,\n        thead,\n        tr,\n        th,\n        td,\n        article,\n        aside,\n        canvas,\n        details,\n        embed,\n        figure,\n        figcaption,\n        footer,\n        header,\n        hgroup,\n        menu,\n        nav,\n        output,\n        ruby,\n        section,\n        summary,\n        time,\n        mark,\n        audio,\n        video {\n          margin: 0;\n          padding: 0;\n          border: 0;\n          font-size: 100%;\n          font: inherit;\n          vertical-align: baseline;\n        }\n        /* HTML5 display-role reset for older browsers */\n        article,\n        aside,\n        details,\n        figcaption,\n        figure,\n        footer,\n        header,\n        hgroup,\n        menu,\n        nav,\n        section {\n          display: block;\n        }\n        body {\n          line-height: 1;\n        }\n        ol,\n        ul {\n          list-style: none;\n        }\n        blockquote,\n        q {\n          quotes: none;\n        }\n        blockquote:before,\n        blockquote:after,\n        q:before,\n        q:after {\n          content: '';\n          content: none;\n        }\n        table {\n          border-collapse: collapse;\n          border-spacing: 0;\n        }\n      "]);return M=function(){return e},e}exports.Preflight=function(){return t.createElement(r.Global,{styles:r.css(M())})},exports.patternKeys=q,exports.unstableTheme=A;
 //# sourceMappingURL=admin-ui-theme.cjs.production.min.js.map

dist/admin-ui-theme.esm.js

@@ -65,11 +65,11 @@ import { merge, keyframes, Global, css } from '@vtex/admin-ui-system';
 var space = {
-  '0': '0rem',
-  '1': '0.25rem',
-  '2': '0.5rem',
-  '3': '0.75rem',
-  '4': '1rem',
-  '5': '1.25rem',
-  '6': '1.5rem',
-  '7': '1.75rem',
-  '8': '2rem',
+  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',
@@ -157,2 +157,5 @@ '2px': '0.125rem'
   },
+  fontVariationSettings: {
+    regular: "'wght' 92"
+  },
   lineHeights: {
@@ -1232,2 +1235,16 @@ small: 1.125,
   }),
+  'divider-bottom': {
+    borderBottomWidth: '1px',
+    borderBottomStyle: 'solid',
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    borderColor: 'muted.3'
+  },
+  'divider-top': {
+    borderTopWidth: '1px',
+    borderTopStyle: 'solid',
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    borderColor: 'muted.3'
+  },
   strong: /*#__PURE__*/_extends({}, borderStyles, {
@@ -1234,0 +1251,0 @@ borderColor: 'text'

dist/config/base/index.d.ts

 import colors from './colors';
 import space from './space';
-export { colors, space };
+import sizes from './sizes';
+export { colors, space, sizes };
 declare const _default: {
@@ -122,2 +123,5 @@ sizes: {
     };
+    fontVariationSettings: {
+        regular: string;
+    };
     lineHeights: {
@@ -124,0 +128,0 @@ small: number;

dist/config/index.d.ts

 export * from './patterns';
+export * from './styleProps';
 export declare const unstableTheme: {
@@ -1281,2 +1282,16 @@ components: {
             };
+            'divider-bottom': {
+                borderBottomWidth: string;
+                borderBottomStyle: string;
+                borderBottomLeftRadius: number;
+                borderBottomRightRadius: number;
+                borderColor: string;
+            };
+            'divider-top': {
+                borderTopWidth: string;
+                borderTopStyle: string;
+                borderTopLeftRadius: number;
+                borderTopRightRadius: number;
+                borderColor: string;
+            };
             strong: {
@@ -1283,0 +1298,0 @@ borderColor: string;

dist/config/patterns/border.d.ts

@@ -8,2 +8,16 @@ declare const border: {
     };
+    'divider-bottom': {
+        borderBottomWidth: string;
+        borderBottomStyle: string;
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+        borderColor: string;
+    };
+    'divider-top': {
+        borderTopWidth: string;
+        borderTopStyle: string;
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+        borderColor: string;
+    };
     strong: {
@@ -10,0 +24,0 @@ borderColor: string;

dist/config/patterns/index.d.ts

@@ -87,2 +87,16 @@ import { BorderPattern } from './border';
         };
+        'divider-bottom': {
+            borderBottomWidth: string;
+            borderBottomStyle: string;
+            borderBottomLeftRadius: number;
+            borderBottomRightRadius: number;
+            borderColor: string;
+        };
+        'divider-top': {
+            borderTopWidth: string;
+            borderTopStyle: string;
+            borderTopLeftRadius: number;
+            borderTopRightRadius: number;
+            borderColor: string;
+        };
         strong: {
@@ -89,0 +103,0 @@ borderColor: string;

package.json

 {
   "name": "@vtex/admin-ui-theme",
-  "version": "0.1.0-alpha.0",
+  "version": "0.1.0-alpha.1",
   "main": "dist/index.js",
@@ -37,5 +37,5 @@ "module": "dist/admin-ui-theme.esm.js",
   "devDependencies": {
-    "@vtex/admin-ui-system": "^0.1.0-alpha.0"
+    "@vtex/admin-ui-system": "^0.1.0-alpha.1"
   },
-  "gitHead": "85cffd10c273d3340159fd4e25e657c0bc702a37"
+  "gitHead": "243139e9565f3a1d6eb425396a286ffa89d5d96c"
 }

src/config/base/index.ts

@@ -5,3 +5,3 @@ import colors from './colors'
 
-export { colors, space }
+export { colors, space, sizes }
 
@@ -54,2 +54,5 @@ export default {
   },
+  fontVariationSettings: {
+    regular: "'wght' 92",
+  },
   lineHeights: {
@@ -56,0 +59,0 @@ small: 1.125,

src/config/base/space.ts

 export default {
-  '0': '0rem',
-  '1': '0.25rem',
-  '2': '0.5rem',
-  '3': '0.75rem',
-  '4': '1rem',
-  '5': '1.25rem',
-  '6': '1.5rem',
-  '7': '1.75rem',
-  '8': '2rem',
+  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',
 }

src/config/index.ts

@@ -6,2 +6,3 @@ import base from './base'
 export * from './patterns'
+export * from './styleProps'
 
@@ -8,0 +9,0 @@ export const unstableTheme = {

src/config/patterns/border.ts

@@ -12,2 +12,16 @@ const borderStyles = {
   },
+  'divider-bottom': {
+    borderBottomWidth: '1px',
+    borderBottomStyle: 'solid',
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    borderColor: 'muted.3',
+  },
+  'divider-top': {
+    borderTopWidth: '1px',
+    borderTopStyle: 'solid',
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    borderColor: 'muted.3',
+  },
   strong: {
@@ -14,0 +28,0 @@ ...borderStyles,

No alert changes

Improved metrics

Total package byte prevSize

428754

increased by1.84%

Number of package files

71

increased by9.23%

Lines of code

8822

increased by1.68%

No dependency changes