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

Comparing version 0.7.0 to 0.8.0-next.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# [0.8.0-next.0](https://github.com/vtex/onda/compare/@vtex/admin-ui-theme@0.7.0...@vtex/admin-ui-theme@0.8.0-next.0) (2020-12-07)
+
+
+### Features
+
+* **admin-ui:** implement new system on admin-ui ([d6aaf20](https://github.com/vtex/onda/commit/d6aaf206f5cce70cbb3de3bb617e54cb5e8de806))
+
+
+
+
+
 # [0.7.0](https://github.com/vtex/onda/compare/@vtex/admin-ui-theme@0.6.1...@vtex/admin-ui-theme@0.7.0) (2020-12-02)
@@ -8,0 +19,0 @@

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

@@ -5,7 +5,4 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var polished = require('polished');
 var adminUiSystem = require('@vtex/admin-ui-system');
-var React = _interopDefault(require('react'));
 
@@ -181,2 +178,57 @@ function _extends() {
   },
+  text: {
+    small: {
+      lineHeight: 'small',
+      fontSettings: 'regular',
+      fontSize: 0
+    },
+    body: {
+      lineHeight: 'body',
+      fontSettings: 'regular',
+      fontSize: 1
+    },
+    highlight: {
+      lineHeight: 'highlight',
+      fontSettings: 'regular',
+      fontSize: 1
+    },
+    action: {
+      lineHeight: 'action',
+      fontSettings: 'regular',
+      fontSize: 1,
+      textTransform: 'uppercase'
+    },
+    subtitle: {
+      lineHeight: 'subtitle',
+      fontSettings: 'regular',
+      fontSize: 2
+    },
+    headline: {
+      lineHeight: 'headline',
+      fontSettings: 'regular',
+      fontSize: 4
+    }
+  },
+  border: {
+    "default": {
+      borderWidth: '1px',
+      borderStyle: 'solid',
+      borderRadius: 'default',
+      borderColor: 'muted.2'
+    },
+    'divider-bottom': {
+      borderBottomWidth: '1px',
+      borderBottomStyle: 'solid',
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0,
+      borderColor: 'muted.2'
+    },
+    'divider-top': {
+      borderTopWidth: '1px',
+      borderTopStyle: 'solid',
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0,
+      borderColor: 'muted.2'
+    }
+  },
   zIndices: {
@@ -192,21 +244,3 @@ under: -1,
   },
-  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: {
+  fontSettings: {
     hairline: "'wght' 30",
@@ -464,3 +498,3 @@ thin: "'wght' 50",
 var styles = {
-  fontVariationSettings: "'wght' 92",
+  fontSettings: 'regular',
   border: 'none',
@@ -540,4 +574,3 @@ borderRadius: 'default',
     lineHeight: 'small',
-    fontVariationSettings: "'wght' 80",
-    fontWeight: 400,
+    fontSettings: "'wght' 80",
     fontSize: 0,
@@ -559,4 +592,3 @@ svg: {
     lineHeight: 'subtitle',
-    fontVariationSettings: "'wght' 92",
-    fontWeight: 500,
+    fontSettings: 'regular',
     fontSize: 2,
@@ -752,3 +784,3 @@ svg: {
 var inputStyle = {
-  fontVariationSettings: '"wght" 92',
+  fontSettings: 'regular',
   width: 'full',
@@ -850,3 +882,3 @@ height: 48,
     lineHeight: 'body',
-    fontVariationSettings: 'regular',
+    fontSettings: 'regular',
     fontSize: 1
@@ -880,3 +912,3 @@ },
 var styles$4 = {
-  fontVariationSettings: 'regular',
+  fontSettings: 'regular',
   lh: 'highlight',
@@ -1221,3 +1253,3 @@ marginTop: 3,
   resize: 'none',
-  fontVariationSettings: '"wght" 92',
+  fontSettings: 'regular',
   width: 'full',
@@ -1479,6 +1511,6 @@ borderStyle: 'solid',
   'button + button': {
-    ml: 4
+    marginLeft: 4
   },
-  py: 4,
-  px: 6,
+  paddingY: 4,
+  paddingX: 6,
   borderTopWidth: 0,
@@ -1513,3 +1545,3 @@ borderLeftWidth: 0,
   bg: 'background',
-  p: 6,
+  padding: 6,
   flexDirection: ['column-reverse', 'column-reverse', 'row'],
@@ -1520,10 +1552,10 @@ '>button': {
   '* + button': {
-    ml: [0, 0, 4],
-    mb: [4, 4, 0]
+    marginLeft: [0, 0, 4],
+    marginBottom: [4, 4, 0]
   }
 };
 var content = {
-  pt: 4,
-  px: 6,
-  pb: 6
+  paddingTop: 4,
+  paddingX: 6,
+  paddingBottom: 6
 }; // TODO: Make it global
@@ -1743,148 +1775,7 @@
 
-var borderStyles = {
-  borderWidth: '1px',
-  borderStyle: 'solid',
-  borderRadius: 'default'
-};
-var border = {
-  "default": /*#__PURE__*/_extends({}, borderStyles, {
-    borderColor: 'muted.2'
-  }),
-  'divider-bottom': {
-    borderBottomWidth: '1px',
-    borderBottomStyle: 'solid',
-    borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0,
-    borderColor: 'muted.2'
-  },
-  'divider-top': {
-    borderTopWidth: '1px',
-    borderTopStyle: 'solid',
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
-    borderColor: 'muted.2'
-  },
-  strong: /*#__PURE__*/_extends({}, borderStyles, {
-    borderColor: 'text.primary'
-  }),
-  disabled: /*#__PURE__*/_extends({}, borderStyles, {
-    borderColor: 'muted.1'
-  }),
-  primary: /*#__PURE__*/_extends({}, borderStyles, {
-    borderColor: 'primary.base'
-  }),
-  danger: /*#__PURE__*/_extends({}, borderStyles, {
-    borderColor: 'danger.base'
-  })
-};
-
-var palette$1 = {
-  base: {
-    bg: 'background',
-    color: 'text.primary'
-  },
-  inverted: {
-    bg: 'text.primary',
-    color: 'background'
-  },
-  primary: {
-    bg: 'primary.base',
-    color: 'primary.accent'
-  },
-  secondary: {
-    bg: 'secondary.base',
-    color: 'secondary.accent'
-  },
-  danger: {
-    bg: 'danger.base',
-    color: 'danger.accent'
-  },
-  'danger-washed': {
-    bg: 'danger.washed.base',
-    color: 'danger.washed.accent'
-  },
-  success: {
-    bg: 'success.base',
-    color: 'success.accent'
-  },
-  'success-washed': {
-    bg: 'success.washed.base',
-    color: 'success.washed.accent'
-  },
-  warning: {
-    bg: 'warning.base',
-    color: 'warning.accent'
-  },
-  'warning-washed': {
-    bg: 'warning.washed.base',
-    color: 'warning.washed.accent'
-  }
-};
-
-var 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
-  }
-};
-
-var patterns = {
-  palette: palette$1,
-  text: text,
-  border: border
-};
-var patternKeys = /*#__PURE__*/Object.keys(patterns);
-
 var theme = /*#__PURE__*/_extends({}, base, {
-  components: components,
-  patterns: patterns
+  components: components
 });
 
-function _templateObject$1() {
-  var data = _taggedTemplateLiteralLoose(["\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\n        body {\n          margin: 0;\n          background-color: ", ";\n          color: ", ";\n        }\n\n        b,\n        strong {\n          font-variation-settings: 'wght' 170 !important;\n        }\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\n        *,\n        ::before,\n        ::after {\n          box-sizing: border-box;\n          border-width: 0;\n          border-style: solid;\n        }\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\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\n        body {\n          line-height: 1;\n        }\n\n        blockquote,\n        q {\n          quotes: none;\n        }\n\n        blockquote:before,\n        blockquote:after,\n        q:before,\n        q:after {\n          content: '';\n          content: none;\n        }\n\n        table {\n          border-collapse: collapse;\n          border-spacing: 0;\n        }\n      "]);
-
-  _templateObject$1 = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-function Preflight() {
-  return React.createElement(adminUiSystem.Global, {
-    styles: function styles(theme) {
-      return adminUiSystem.css(_templateObject$1(), adminUiSystem.get(theme, 'colors.background'), adminUiSystem.get(theme, 'colors.text'));
-    }
-  });
-}
-
-exports.Preflight = Preflight;
-exports.patternKeys = patternKeys;
 exports.theme = theme;
 //# sourceMappingURL=admin-ui-theme.cjs.development.js.map

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

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("polished"),o=require("@vtex/admin-ui-system"),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=n({},{white:"#FFFFFF",blue:"#DAE3F5",purple:"#F4EFFF",yellow:"#FDE6C0",green:"#D6EFE5",red:"#FEE3E3",black:"#323845"},{text:{primary:"#323845",secondary:"#707685"},background:"#FFFFFF",brand:"#F71963",muted:["#898F9E","#C4C5CA","#E0E2E7","#F4F6FB"],focus:"#8DB6FA",primary:{base:"#2953B2",hover:r.darken(.08,"#2953B2"),pressed:r.darken(.16,"#2953B2"),accent:"#FFFFFF"},secondary:{base:"#DAE3F5",hover:r.darken(.04,"#DAE3F5"),pressed:r.darken(.08,"#DAE3F5"),accent:"#2953B2"},danger:{base:"#CB4242",hover:r.darken(.08,"#CB4242"),pressed:r.darken(.16,"#CB4242"),accent:"#FFFFFF",washed:{base:"#FEDADA",hover:r.darken(.04,"#FEDADA"),pressed:r.darken(.08,"#FEDADA"),accent:"#CB4242"}},warning:{base:"#FFBA52",hover:r.darken(.08,"#FFBA52"),pressed:r.darken(.16,"#FFBA52"),accent:"#FFFFFF",washed:{base:"#F6E0BA",hover:r.darken(.04,"#F6E0BA"),pressed:r.darken(.08,"#F6E0BA"),accent:"#FFBA52"}},success:{base:"#368369",hover:r.darken(.08,"#368369"),pressed:r.darken(.16,"#368369"),accent:"#FFFFFF",washed:{base:"#CEE8DE",hover:r.darken(.04,"#CEE8DE"),pressed:r.darken(.08,"#CEE8DE"),accent:"#368369"}}}),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:["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"},zIndices:{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:{hairline:"'wght' 30",thin:"'wght' 50",light:"'wght' 65",regular:"'wght' 92",medium:"'wght' 120",bold:"'wght' 170",black:"'wght' 200"},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}}},c={primary:{textTransform:"uppercase",color:"primary.accent",backgroundColor:"primary.base",":hover":{backgroundColor:"primary.hover"},":active":{backgroundColor:"primary.pressed"},":disabled":{color:"text.primary",backgroundColor:"muted.1"}},secondary:{textTransform:"uppercase",backgroundColor:"secondary.base",color:"secondary.accent",":hover":{backgroundColor:"secondary.hover"},":active":{backgroundColor:"secondary.pressed"},":disabled":{color:"muted.0",backgroundColor:"muted.3"}},tertiary:{textTransform:"capitalize",backgroundColor:"transparent",color:"primary.base",":hover":{color:"primary.hover",backgroundColor:"secondary.hover"},":active":{color:"primary.pressed",backgroundColor:"secondary.pressed"},":disabled":{color:"muted.0"}},danger:{textTransform:"uppercase",color:"danger.accent",backgroundColor:"danger.base",":hover":{backgroundColor:"danger.hover"},":active":{backgroundColor:"danger.pressed"},":disabled":{color:"text.primary",backgroundColor:"muted.1"}},"danger-secondary":{textTransform:"uppercase",backgroundColor:"danger.washed.base",color:"danger.base",":hover":{backgroundColor:"danger.washed.hover",color:"danger.hover"},":active":{backgroundColor:"danger.washed.pressed",color:"danger.pressed"},":disabled":{color:"muted.0",backgroundColor:"muted.3"}},"danger-tertiary":{textTransform:"capitalize",backgroundColor:"transparent",color:"danger.washed.accent",":hover":{color:"danger.hover",backgroundColor:"danger.washed.hover"},":active":{color:"danger.pressed",backgroundColor:"danger.washed.pressed"},":disabled":{color:"muted.0"}},"adaptative-dark":{color:"currentColor",backgroundColor:"transparent",":hover":{backgroundColor:o.alpha("text.primary",.04)},":active":{backgroundColor:o.alpha("text.primary",.08)},":disabled":{color:"muted.0"}},"adaptative-light":{color:"currentColor",backgroundColor:"transparent",":hover":{backgroundColor:o.alpha("background",.04)},":active":{backgroundColor:o.alpha("background",.08)},":disabled":{color:"muted.0"}}},g={fontVariationSettings:"'wght' 92",border:"none",borderRadius:"default",cursor:"pointer",position:"relative",":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},b=n({},Object.keys(c).reduce((function(e,r){return n({},e,Object.keys(s).reduce((function(e,o){var t;return n({},e,((t={})[r+"-"+o]=n({},g,c[r],s[o]),t))}),[]))}),{})),h={border:"solid",borderWidth:1,borderColor:"muted.2"},u={horizontal:n({},h,{marginY:0,borderBottom:0}),vertical:n({},h,{marginX:0,borderLeft:0})},p={display:"inline-flex",alignItems:"center",borderRadius:"100px",color:"text.primary",border:"none","> svg:nth-of-type(1)":{marginRight:1}},m={blue:{bg:"blue"},green:{bg:"green"},red:{bg:"red"},black:{bg:"black",color:"white"},yellow:{bg:"yellow"},purple:{bg:"purple"}},f={small:{height:26,paddingX:"2",lineHeight:"small",fontVariationSettings:"'wght' 80",fontWeight:400,fontSize:0,svg:{width:16,height:16,minWidth:16,minHeight:16},button:{height:16,width:16}},regular:{height:40,paddingX:"4",lineHeight:"subtitle",fontVariationSettings:"'wght' 92",fontWeight:500,fontSize:2,svg:{width:20,minWidth:20,height:20,minHeight:20},button:{height:20,width:20}}},x=n({},Object.keys(m).reduce((function(e,r){return n({},e,Object.keys(f).reduce((function(e,o){var t;return n({},e,((t={})[r+"-"+o]=n({},p,m[r],f[o]),t))}),[]))}),{})),y={table:{display:"table",width:"full"},header:{display:"table-header-group"},body:{display:"table-row-group"},"row-ltr":{display:"table-row",textAlign:"left"},"row-rtl":{display:"table-row",textAlign:"right"},cell:{bg:"background",flex:1,borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"muted.2",display:"table-cell",verticalAlign:"middle",paddingX:2,variant:"text.body"},columnheader:{bg:"background",height:48,display:"table-cell",verticalAlign:"middle",paddingX:2,color:"text.secondary",fontWeight:"normal",variant:"text.body",flex:1,borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"muted.2"}},w={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:o.merge(y,{cell:{height:80}}),compact:o.merge(y,{cell:{height:48}}),variable:o.merge(y,{cell:{verticalAlign:"top",minHeight:48,paddingY:4}})},v={display:"flex",width:"full",alignItems:"center",borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"muted.2",justifyContent:"flex-start"},C={compact:n({},v,{height:48,"svg, img":{minHeight:32,maxHeight:32,minWidth:32,maxWidth:32}}),regular:n({},v,{height:80,"svg, img":{minHeight:48,maxHeight:48,minWidth:48,maxWidth:48}}),comfortable:n({},v,{height:128,"svg, img":{minHeight:80,maxHeight:80,minWidth:80,maxWidth:80}})},k={fontVariationSettings:'"wght" 92',width:"full",height:48,borderStyle:"solid",borderWidth:1,paddingLeft:3,paddingRight:4,borderColor:"muted.2",borderRadius:"default",bg:"inherit",marginY:1,fontSize:1,color:"text.primary",outline:0,transition:"snap",":hover":{borderColor:"text.primary"},":focus":{borderColor:"primary.base",boxShadow:"0 0 0 1px  "+a.primary.base},":disabled":{bg:"muted.3",borderColor:"muted.0",color:"muted.0"},":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)"}},S={borderColor:"danger.base",":focus":{borderColor:"danger.base",boxShadow:"0 0 0 1px  "+a.danger.base},":hover":{borderColor:"danger.hover"}};function F(e,r){var t;return void 0===r&&(r={}),(t={})[""+e]=o.merge(k,r),t[e+"-icon"]=o.merge(k,r,{paddingLeft:44}),t[e+"-suffix"]=o.merge(k,r,{paddingRight:"64px"}),t[e+"-clear"]=o.merge(k,r,{paddingRight:"44px"}),t[e+"-icon-clear"]=o.merge(k,r,{paddingLeft:"44px",paddingRight:"44px"}),t[e+"-icon-suffix"]=o.merge(k,r,{paddingRight:"64px",paddingLeft:"44px"}),t[e+"-suffix-clear"]=o.merge(k,r,{paddingRight:"75px"}),t[e+"-icon-suffix-clear"]=o.merge(k,r,{paddingLeft:"44px",paddingRight:"75px"}),t}var R=n({container:{position:"relative"},"container-icon":{position:"relative",label:{left:"44px"}},suffix:{color:"muted.0",borderLeftStyle:"solid",borderLeftWidth:"1px",borderLeftColor:"muted.2",paddingTop:"14px",marginTop:"px",width:"32px",paddingLeft:3,lineHeight:"body",fontVariationSettings:"regular",fontSize:1},icon:{color:"muted.0",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:"text.secondary"}},F("input"),F("input-error",S)),W={fontVariationSettings:"regular",lh:"highlight",marginTop:3,marginBottom:6,display:"flex",alignItems:"flex-start","& > label > input":{marginRight:2,marginLeft:0},"& > label":{cursor:"pointer",color:"text.primary",display:"flex",alignItems:"center"}},z={"horizontal-regular":n({},W,{fontSize:"2",flexDirection:"row","& label:not(:last-child)":{marginRight:6}}),"horizontal-small":n({},W,{fontSize:"1",flexDirection:"row","& label:not(:last-child)":{marginRight:5}}),"vertical-regular":n({},W,{fontSize:"2",flexDirection:"column","& label:not(:last-child)":{marginBottom:4}}),"vertical-small":n({},W,{fontSize:"1",flexDirection:"column","& label:not(:last-child)":{marginBottom:4}})},B={appearance:"none",margin:0,position:"relative",cursor:"pointer",borderStyle:"solid",borderWidth:"1px",borderColor:"muted.1",backgroundColor:"transparent",borderRadius:"circle",":after":{content:'""',display:"block",borderRadius:"circle",backgroundColor:"white",opacity:0},":checked":{backgroundColor:"primary.base",borderColor:"primary.base",":after":{opacity:1},":hover":{backgroundColor:"primary.hover",borderColor:"primary.hover"},":active":{borderColor:"primary.pressed",backgroundColor:"primary.pressed"}},":disabled":{cursor:"not-allowed",backgroundColor:"muted.2",borderColor:"muted.0",":after":{backgroundColor:"muted.0"}},":hover":{borderColor:"text.primary"},":active":{borderColor:"text.secondary",backgroundColor:"secondary.base"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},H={regular:o.merge(B,{height:20,width:20,padding:"5px",":after":{width:8,height:8}}),small:o.merge(B,{height:16,width:16,padding:1,":after":{width:6,height:6}})},L={appearance:"none",borderStyle:"solid",borderWidth:1,borderColor:"muted.0",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.pressed",borderColor:"primary.pressed"}},"&:indeterminate":{backgroundColor:"secondary.base",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.1",borderColor:"muted.0",color:"muted.0"},"&:hover":{borderColor:"primary.hover",color:"primary.hover",bg:"secondary.hover"},"&:active":{borderColor:"primary.pressed",color:"primary.pressed"}},"&:disabled":{backgroundColor:"muted.1",borderColor:"muted.0",color:"muted.0"},"&:hover":{borderColor:"text.primary"},"&:active":{backgroundColor:"secondary.base",borderColor:"text.secondary"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},T={regular:n({},L,{height:20,width:20,minWidth:20,minHeight:20}),small:n({},L,{height:16,width:16,minWidth:16,minHeight:16})},E={appearance:"none",position:"relative",cursor:"pointer",borderRadius:"6.25rem",backgroundColor:"muted.0",borderStyle:"solid",borderColor:"muted.0",borderWidth:1,"&:after":{content:'""',display:"block",position:"absolute",borderRadius:"1.25rem",backgroundColor:"success.accent",transition:"transform .25s ease"},"&:checked":{backgroundColor:"success.base",borderColor:"success.base","&:hover":{backgroundColor:"success.hover",borderColor:"success.hover"},"&:disabled":{backgroundColor:"muted.0",borderColor:"muted.0","&:after":{backgroundColor:"muted.1"}}},"&:hover":{backgroundColor:"text.secondary",borderColor:"text.secondary"},"&:disabled":{backgroundColor:"muted.0",borderColor:"muted.0","&:after":{backgroundColor:"muted.1"}},":not(:checked):active":{backgroundColor:"text.secondary",borderColor:"text.secondary",":after":{backgroundColor:"secondary.base"}},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},D={regular:o.merge(E,{height:20,width:36,"&:after":{width:18,height:18},"&:checked":{"&:after":{transform:"translateX(16px)"}}}),small:o.merge(E,{height:16,width:28,"&:after":{width:14,height:14},"&:checked":{"&:after":{transform:"translateX(12px)"}}})},A={paddingTop:24,height:100,resize:"none",fontVariationSettings:'"wght" 92',width:"full",borderStyle:"solid",borderWidth:1,paddingLeft:3,paddingRight:4,borderColor:"muted.2",borderRadius:"default",bg:"inherit",marginY:1,fontSize:1,color:"text.primary",outline:0,transition:"snap",":hover":{borderColor:"text.primary"},":focus":{borderColor:"primary.base",boxShadow:"0 0 0 1px  "+a.primary.base},":disabled":{bg:"muted.3",borderColor:"muted.0",color:"muted.0"},":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)"}},j={display:"flex",position:"relative",justifyContent:"flex-start",flexDirection:"column",width:"full"},I={textarea:{borderColor:"danger.base",":focus":{borderColor:"danger.base",boxShadow:"0 0 0 1px  "+a.danger.base},":hover":{borderColor:"danger.hover"}}},V={container:n({},j),default:n({},A),"container-error":n({},j,I),"text-container":{display:"flex",justifyContent:"space-between",paddingTop:1},"floating-label":{fontSize:1,left:12,paddingTop:2,color:"muted.0",marginBottom:3,position:"absolute",transform:"translate(0, 16px) scale(1)",transformOrigin:"top left",transition:"all 0.2s ease-out;"}},X={visibility:"hidden",cursor:"pointer",bg:"background",borderRadius:"default",borderWidth:1,borderStyle:"solid",borderColor:"muted.1",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:"background"},O={menu:X,"menu-visible":n({},X,{visibility:"visible"}),item:q,"item-active":n({},q,{bg:"secondary.base"})},Y={width:106,height:48,appearance:"none","::-webkit-inner-spin-button ":{WebkitAppearance:"none",margin:0},paddingLeft:36,paddingRight:36,textAlign:"center",color:"black",borderStyle:"solid",borderWidth:1,borderColor:"muted.0",borderRadius:"default",backgroundColor:"primary.accent",":hover":{borderColor:"black"},":disabled":{backgroundColor:"muted.3",color:"muted.0"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},M={"default-error":n({},Y,{borderColor:"danger.base",":hover":{borderColor:"danger.base"},":focus":{outline:"none",boxShadow:"none"}}),default:Y,container:{position:"relative",display:"flex",alignItems:"center",height:48,width:106,paddingY:12}},P={display:"flex",flexDirection:"column",bg:"background",marginTop:1,padding:3,minWidth:18,borderRadius:3,borderWidth:1,borderStyle:"solid",borderColor:"muted.1",boxShadow:"menu",hr:{marginY:2,borderStyle:"solid",borderBottomWidth:1,borderTop:"none",borderLeft:"none",borderRight:"none",borderColor:"muted.1",width:"calc(100% -"+d[3]+")",marginX:"-"+d[3],outline:"none"},"> button":{marginY:"2px",paddingX:1,color:"text.primary",fontSize:1,border:"none",textTransform:"initial",":focus":{bg:"secondary.base",outline:"none",boxShadow:"none"},":hover":{color:"text.primary"},width:"full",div:{justifyContent:"flex-start"},svg:{marginLeft:0,marginRight:2}}},G={outline:"none",bg:"background",borderRadius:3,borderColor:"muted.2",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)"}},_={display:"flex",justifyContent:"space-between",alignItems:"center",borderColor:"muted.2",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},K={display:"flex",justifyContent:"space-between",alignItems:"center",borderColor:"muted.2",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]}},J={pt:4,px:6,pb:6},N=n({},J,{scrollbarWidth:"thin",scrollbarColor:"background","::-webkit-scrollbar":{width:"8px"},"::-webkit-scrollbar-thumb":{backgroundColor:"muted.2",borderRadius:"6px",border:"2px solid",color:"background"}},{overflowY:"auto"}),Q={backdrop:{display:"flex",flexDirection:"column",justifyContent:["flex-end","flex-end","center"],alignItems:"center",backgroundColor:r.rgba(a.text.primary,.5),position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:9999,opacity:0,transition:"fade","&[data-enter]":{opacity:1}},"surface-small":n({},G,{width:["calc(100% - 16px)","calc(100% - 16px)",320]}),"surface-regular":n({},G,{width:["calc(100% - 16px)","calc(100% - 16px)",560]}),"surface-large":n({},G,{width:["calc(100% - 16px)","calc(100% - 16px)",800]}),"header-small":n({},_,{height:56}),"header-regular":n({},_,{height:56}),"header-large":n({},_,{height:80}),"content-with-small-scroll-area":n({},N,{height:"calc(100% - 3.5rem)"}),"content-with-regular-scroll-area":n({},N,{height:"calc(100% - 3.5rem)"}),"content-with-large-scroll-area":n({},N,{height:"calc(100% - 5rem)"}),"content-with-larger-scroll-area":n({},N,{height:"calc(100% - 7rem)"}),"content-with-extra-large-scroll-area":n({},N,{height:"calc(100% - 10rem)"}),content:n({},J),"footer-small":n({},K,{borderTopWidth:0,pt:0,">button":{width:"full"},minHeight:"3.5rem"}),"footer-regular":n({},K,{borderTopWidth:1,minHeight:"3.5rem"}),"footer-large":n({},K,{borderTopWidth:1,minHeight:"5rem"})};function U(){var e=i(["\n  0% {\n    background-position: -200px 0;\n  }\n  100% {\n    background-position: calc(200px + 100%) 0;\n  }\n"]);return U=function(){return e},e}var Z={display:"inline-block",width:"full",height:"full",backgroundColor:"muted.3",backgroundSize:"200px 100%",backgroundRepeat:"no-repeat",lineHeight:1,borderRadius:3,backgroundImage:"linear-gradient(\n    90deg,\n    "+a.muted[3]+",\n    white,\n    "+a.muted[3]+"\n  )",animation:o.keyframes(U())+" 1.2s ease-in-out infinite"},$={display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,padding:2,borderRadius:"circle",textTransform:"uppercase"},ee={button:b,list:C,table:w,controlGroup:z,toggle:D,checkbox:T,radio:H,abstractInput:R,input:{container:{display:"flex",position:"relative",justifyContent:"flex-start",flexDirection:"column"},"floating-label":{fontSize:1,left:12,paddingTop:2,color:"muted.0",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:"text.primary",color:"background",fontSize:1,paddingY:2,paddingX:3,borderRadius:3,maxWidth:240,minHeight:32},menu:P,modal:Q,skeleton:{rect:n({},Z,{borderRadius:"default"}),circle:n({},Z,{borderRadius:"circle"})},divider:u,collapsible:{container:{bg:"background",borderColor:"muted.2",borderStyle:"solid",borderWidth:1,borderRadius:"default"},"container-grouped":{bg:"background",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:{base:n({},$,{bg:"text.primary",color:"background"}),primary:n({},$,{bg:"primary.base",color:"primary.accent"}),danger:n({},$,{bg:"danger.base",color:"danger.accent"})},tag:x,anchor:{font:"inherit",color:"primary.base",textDecoration:"none",":active":{color:"primary.pressed",textDecoration:"underline"},":hover":{color:"primary.hover",textDecoration:"underline"}},dropdown:O,textArea:V,numericStepper:M},re={borderWidth:"1px",borderStyle:"solid",borderRadius:"default"},oe={palette:{base:{bg:"background",color:"text.primary"},inverted:{bg:"text.primary",color:"background"},primary:{bg:"primary.base",color:"primary.accent"},secondary:{bg:"secondary.base",color:"secondary.accent"},danger:{bg:"danger.base",color:"danger.accent"},"danger-washed":{bg:"danger.washed.base",color:"danger.washed.accent"},success:{bg:"success.base",color:"success.accent"},"success-washed":{bg:"success.washed.base",color:"success.washed.accent"},warning:{bg:"warning.base",color:"warning.accent"},"warning-washed":{bg:"warning.washed.base",color:"warning.washed.accent"}},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({},re,{borderColor:"muted.2"}),"divider-bottom":{borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomLeftRadius:0,borderBottomRightRadius:0,borderColor:"muted.2"},"divider-top":{borderTopWidth:"1px",borderTopStyle:"solid",borderTopLeftRadius:0,borderTopRightRadius:0,borderColor:"muted.2"},strong:n({},re,{borderColor:"text.primary"}),disabled:n({},re,{borderColor:"muted.1"}),primary:n({},re,{borderColor:"primary.base"}),danger:n({},re,{borderColor:"danger.base"})}},te=Object.keys(oe),ne=n({},l,{components:ee,patterns:oe});function ie(){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\n        body {\n          margin: 0;\n          background-color: ",";\n          color: ",";\n        }\n\n        b,\n        strong {\n          font-variation-settings: 'wght' 170 !important;\n        }\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\n        *,\n        ::before,\n        ::after {\n          box-sizing: border-box;\n          border-width: 0;\n          border-style: solid;\n        }\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\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\n        body {\n          line-height: 1;\n        }\n\n        blockquote,\n        q {\n          quotes: none;\n        }\n\n        blockquote:before,\n        blockquote:after,\n        q:before,\n        q:after {\n          content: '';\n          content: none;\n        }\n\n        table {\n          border-collapse: collapse;\n          border-spacing: 0;\n        }\n      "]);return ie=function(){return e},e}exports.Preflight=function(){return t.createElement(o.Global,{styles:function(e){return o.css(ie(),o.get(e,"colors.background"),o.get(e,"colors.text"))}})},exports.patternKeys=te,exports.theme=ne;
+"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=o({},{white:"#FFFFFF",blue:"#DAE3F5",purple:"#F4EFFF",yellow:"#FDE6C0",green:"#D6EFE5",red:"#FEE3E3",black:"#323845"},{text:{primary:"#323845",secondary:"#707685"},background:"#FFFFFF",brand:"#F71963",muted:["#898F9E","#C4C5CA","#E0E2E7","#F4F6FB"],focus:"#8DB6FA",primary:{base:"#2953B2",hover:e.darken(.08,"#2953B2"),pressed:e.darken(.16,"#2953B2"),accent:"#FFFFFF"},secondary:{base:"#DAE3F5",hover:e.darken(.04,"#DAE3F5"),pressed:e.darken(.08,"#DAE3F5"),accent:"#2953B2"},danger:{base:"#CB4242",hover:e.darken(.08,"#CB4242"),pressed:e.darken(.16,"#CB4242"),accent:"#FFFFFF",washed:{base:"#FEDADA",hover:e.darken(.04,"#FEDADA"),pressed:e.darken(.08,"#FEDADA"),accent:"#CB4242"}},warning:{base:"#FFBA52",hover:e.darken(.08,"#FFBA52"),pressed:e.darken(.16,"#FFBA52"),accent:"#FFFFFF",washed:{base:"#F6E0BA",hover:e.darken(.04,"#F6E0BA"),pressed:e.darken(.08,"#F6E0BA"),accent:"#FFBA52"}},success:{base:"#368369",hover:e.darken(.08,"#368369"),pressed:e.darken(.16,"#368369"),accent:"#FFFFFF",washed:{base:"#CEE8DE",hover:e.darken(.04,"#CEE8DE"),pressed:e.darken(.08,"#CEE8DE"),accent:"#368369"}}}),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"],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"},text:{small:{lineHeight:"small",fontSettings:"regular",fontSize:0},body:{lineHeight:"body",fontSettings:"regular",fontSize:1},highlight:{lineHeight:"highlight",fontSettings:"regular",fontSize:1},action:{lineHeight:"action",fontSettings:"regular",fontSize:1,textTransform:"uppercase"},subtitle:{lineHeight:"subtitle",fontSettings:"regular",fontSize:2},headline:{lineHeight:"headline",fontSettings:"regular",fontSize:4}},border:{default:{borderWidth:"1px",borderStyle:"solid",borderRadius:"default",borderColor:"muted.2"},"divider-bottom":{borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomLeftRadius:0,borderBottomRightRadius:0,borderColor:"muted.2"},"divider-top":{borderTopWidth:"1px",borderTopStyle:"solid",borderTopLeftRadius:0,borderTopRightRadius:0,borderColor:"muted.2"}},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:{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:"primary.accent",backgroundColor:"primary.base",":hover":{backgroundColor:"primary.hover"},":active":{backgroundColor:"primary.pressed"},":disabled":{color:"text.primary",backgroundColor:"muted.1"}},secondary:{textTransform:"uppercase",backgroundColor:"secondary.base",color:"secondary.accent",":hover":{backgroundColor:"secondary.hover"},":active":{backgroundColor:"secondary.pressed"},":disabled":{color:"muted.0",backgroundColor:"muted.3"}},tertiary:{textTransform:"capitalize",backgroundColor:"transparent",color:"primary.base",":hover":{color:"primary.hover",backgroundColor:"secondary.hover"},":active":{color:"primary.pressed",backgroundColor:"secondary.pressed"},":disabled":{color:"muted.0"}},danger:{textTransform:"uppercase",color:"danger.accent",backgroundColor:"danger.base",":hover":{backgroundColor:"danger.hover"},":active":{backgroundColor:"danger.pressed"},":disabled":{color:"text.primary",backgroundColor:"muted.1"}},"danger-secondary":{textTransform:"uppercase",backgroundColor:"danger.washed.base",color:"danger.base",":hover":{backgroundColor:"danger.washed.hover",color:"danger.hover"},":active":{backgroundColor:"danger.washed.pressed",color:"danger.pressed"},":disabled":{color:"muted.0",backgroundColor:"muted.3"}},"danger-tertiary":{textTransform:"capitalize",backgroundColor:"transparent",color:"danger.washed.accent",":hover":{color:"danger.hover",backgroundColor:"danger.washed.hover"},":active":{color:"danger.pressed",backgroundColor:"danger.washed.pressed"},":disabled":{color:"muted.0"}},"adaptative-dark":{color:"currentColor",backgroundColor:"transparent",":hover":{backgroundColor:r.alpha("text.primary",.04)},":active":{backgroundColor:r.alpha("text.primary",.08)},":disabled":{color:"muted.0"}},"adaptative-light":{color:"currentColor",backgroundColor:"transparent",":hover":{backgroundColor:r.alpha("background",.04)},":active":{backgroundColor:r.alpha("background",.08)},":disabled":{color:"muted.0"}}},l={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:"muted.2"},c={horizontal:o({},g,{marginY:0,borderBottom:0}),vertical:o({},g,{marginX:0,borderLeft:0})},h={display:"inline-flex",alignItems:"center",borderRadius:"100px",color:"text.primary",border:"none","> svg:nth-of-type(1)":{marginRight:1}},b={blue:{bg:"blue"},green:{bg:"green"},red:{bg:"red"},black:{bg:"black",color:"white"},yellow:{bg:"yellow"},purple:{bg:"purple"}},u={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}}},p=o({},Object.keys(b).reduce((function(e,r){return o({},e,Object.keys(u).reduce((function(e,t){var i;return o({},e,((i={})[r+"-"+t]=o({},h,b[r],u[t]),i))}),[]))}),{})),m={table:{display:"table",width:"full"},header:{display:"table-header-group"},body:{display:"table-row-group"},"row-ltr":{display:"table-row",textAlign:"left"},"row-rtl":{display:"table-row",textAlign:"right"},cell:{bg:"background",flex:1,borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"muted.2",display:"table-cell",verticalAlign:"middle",paddingX:2,variant:"text.body"},columnheader:{bg:"background",height:48,display:"table-cell",verticalAlign:"middle",paddingX:2,color:"text.secondary",fontWeight:"normal",variant:"text.body",flex:1,borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"muted.2"}},f={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(m,{cell:{height:80}}),compact:r.merge(m,{cell:{height:48}}),variable:r.merge(m,{cell:{verticalAlign:"top",minHeight:48,paddingY:4}})},x={display:"flex",width:"full",alignItems:"center",borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"muted.2",justifyContent:"flex-start"},y={compact:o({},x,{height:48,"svg, img":{minHeight:32,maxHeight:32,minWidth:32,maxWidth:32}}),regular:o({},x,{height:80,"svg, img":{minHeight:48,maxHeight:48,minWidth:48,maxWidth:48}}),comfortable:o({},x,{height:128,"svg, img":{minHeight:80,maxHeight:80,minWidth:80,maxWidth:80}})},v={fontSettings:"regular",width:"full",height:48,borderStyle:"solid",borderWidth:1,paddingLeft:3,paddingRight:4,borderColor:"muted.2",borderRadius:"default",bg:"inherit",marginY:1,fontSize:1,color:"text.primary",outline:0,transition:"snap",":hover":{borderColor:"text.primary"},":focus":{borderColor:"primary.base",boxShadow:"0 0 0 1px  "+t.primary.base},":disabled":{bg:"muted.3",borderColor:"muted.0",color:"muted.0"},":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)"}},w={borderColor:"danger.base",":focus":{borderColor:"danger.base",boxShadow:"0 0 0 1px  "+t.danger.base},":hover":{borderColor:"danger.hover"}};function C(e,o){var t;return void 0===o&&(o={}),(t={})[""+e]=r.merge(v,o),t[e+"-icon"]=r.merge(v,o,{paddingLeft:44}),t[e+"-suffix"]=r.merge(v,o,{paddingRight:"64px"}),t[e+"-clear"]=r.merge(v,o,{paddingRight:"44px"}),t[e+"-icon-clear"]=r.merge(v,o,{paddingLeft:"44px",paddingRight:"44px"}),t[e+"-icon-suffix"]=r.merge(v,o,{paddingRight:"64px",paddingLeft:"44px"}),t[e+"-suffix-clear"]=r.merge(v,o,{paddingRight:"75px"}),t[e+"-icon-suffix-clear"]=r.merge(v,o,{paddingLeft:"44px",paddingRight:"75px"}),t}var k=o({container:{position:"relative"},"container-icon":{position:"relative",label:{left:"44px"}},suffix:{color:"muted.0",borderLeftStyle:"solid",borderLeftWidth:"1px",borderLeftColor:"muted.2",paddingTop:"14px",marginTop:"px",width:"32px",paddingLeft:3,lineHeight:"body",fontSettings:"regular",fontSize:1},icon:{color:"muted.0",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:"text.secondary"}},C("input"),C("input-error",w)),S={fontSettings:"regular",lh:"highlight",marginTop:3,marginBottom:6,display:"flex",alignItems:"flex-start","& > label > input":{marginRight:2,marginLeft:0},"& > label":{cursor:"pointer",color:"text.primary",display:"flex",alignItems:"center"}},F={"horizontal-regular":o({},S,{fontSize:"2",flexDirection:"row","& label:not(:last-child)":{marginRight:6}}),"horizontal-small":o({},S,{fontSize:"1",flexDirection:"row","& label:not(:last-child)":{marginRight:5}}),"vertical-regular":o({},S,{fontSize:"2",flexDirection:"column","& label:not(:last-child)":{marginBottom:4}}),"vertical-small":o({},S,{fontSize:"1",flexDirection:"column","& label:not(:last-child)":{marginBottom:4}})},R={appearance:"none",margin:0,position:"relative",cursor:"pointer",borderStyle:"solid",borderWidth:"1px",borderColor:"muted.1",backgroundColor:"transparent",borderRadius:"circle",":after":{content:'""',display:"block",borderRadius:"circle",backgroundColor:"white",opacity:0},":checked":{backgroundColor:"primary.base",borderColor:"primary.base",":after":{opacity:1},":hover":{backgroundColor:"primary.hover",borderColor:"primary.hover"},":active":{borderColor:"primary.pressed",backgroundColor:"primary.pressed"}},":disabled":{cursor:"not-allowed",backgroundColor:"muted.2",borderColor:"muted.0",":after":{backgroundColor:"muted.0"}},":hover":{borderColor:"text.primary"},":active":{borderColor:"text.secondary",backgroundColor:"secondary.base"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},W={regular:r.merge(R,{height:20,width:20,padding:"5px",":after":{width:8,height:8}}),small:r.merge(R,{height:16,width:16,padding:1,":after":{width:6,height:6}})},B={appearance:"none",borderStyle:"solid",borderWidth:1,borderColor:"muted.0",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.pressed",borderColor:"primary.pressed"}},"&:indeterminate":{backgroundColor:"secondary.base",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.1",borderColor:"muted.0",color:"muted.0"},"&:hover":{borderColor:"primary.hover",color:"primary.hover",bg:"secondary.hover"},"&:active":{borderColor:"primary.pressed",color:"primary.pressed"}},"&:disabled":{backgroundColor:"muted.1",borderColor:"muted.0",color:"muted.0"},"&:hover":{borderColor:"text.primary"},"&:active":{backgroundColor:"secondary.base",borderColor:"text.secondary"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},z={regular:o({},B,{height:20,width:20,minWidth:20,minHeight:20}),small:o({},B,{height:16,width:16,minWidth:16,minHeight:16})},H={appearance:"none",position:"relative",cursor:"pointer",borderRadius:"6.25rem",backgroundColor:"muted.0",borderStyle:"solid",borderColor:"muted.0",borderWidth:1,"&:after":{content:'""',display:"block",position:"absolute",borderRadius:"1.25rem",backgroundColor:"success.accent",transition:"transform .25s ease"},"&:checked":{backgroundColor:"success.base",borderColor:"success.base","&:hover":{backgroundColor:"success.hover",borderColor:"success.hover"},"&:disabled":{backgroundColor:"muted.0",borderColor:"muted.0","&:after":{backgroundColor:"muted.1"}}},"&:hover":{backgroundColor:"text.secondary",borderColor:"text.secondary"},"&:disabled":{backgroundColor:"muted.0",borderColor:"muted.0","&:after":{backgroundColor:"muted.1"}},":not(:checked):active":{backgroundColor:"text.secondary",borderColor:"text.secondary",":after":{backgroundColor:"secondary.base"}},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},L={regular:r.merge(H,{height:20,width:36,"&:after":{width:18,height:18},"&:checked":{"&:after":{transform:"translateX(16px)"}}}),small:r.merge(H,{height:16,width:28,"&:after":{width:14,height:14},"&:checked":{"&:after":{transform:"translateX(12px)"}}})},T={paddingTop:24,height:100,resize:"none",fontSettings:"regular",width:"full",borderStyle:"solid",borderWidth:1,paddingLeft:3,paddingRight:4,borderColor:"muted.2",borderRadius:"default",bg:"inherit",marginY:1,fontSize:1,color:"text.primary",outline:0,transition:"snap",":hover":{borderColor:"text.primary"},":focus":{borderColor:"primary.base",boxShadow:"0 0 0 1px  "+t.primary.base},":disabled":{bg:"muted.3",borderColor:"muted.0",color:"muted.0"},":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)"}},E={display:"flex",position:"relative",justifyContent:"flex-start",flexDirection:"column",width:"full"},D={textarea:{borderColor:"danger.base",":focus":{borderColor:"danger.base",boxShadow:"0 0 0 1px  "+t.danger.base},":hover":{borderColor:"danger.hover"}}},A={container:o({},E),default:o({},T),"container-error":o({},E,D),"text-container":{display:"flex",justifyContent:"space-between",paddingTop:1},"floating-label":{fontSize:1,left:12,paddingTop:2,color:"muted.0",marginBottom:3,position:"absolute",transform:"translate(0, 16px) scale(1)",transformOrigin:"top left",transition:"all 0.2s ease-out;"}},j={visibility:"hidden",cursor:"pointer",bg:"background",borderRadius:"default",borderWidth:1,borderStyle:"solid",borderColor:"muted.1",boxShadow:"menu",outline:"none",marginTop:1,paddingY:4,width:"max-content",position:"absolute",zIndex:999},I={display:"flex",alignItems:"center",height:24,paddingX:4,cursor:"pointer",bg:"background"},X={menu:j,"menu-visible":o({},j,{visibility:"visible"}),item:I,"item-active":o({},I,{bg:"secondary.base"})},Y={width:106,height:48,appearance:"none","::-webkit-inner-spin-button ":{WebkitAppearance:"none",margin:0},paddingLeft:36,paddingRight:36,textAlign:"center",color:"black",borderStyle:"solid",borderWidth:1,borderColor:"muted.0",borderRadius:"default",backgroundColor:"primary.accent",":hover":{borderColor:"black"},":disabled":{backgroundColor:"muted.3",color:"muted.0"},":focus:not([data-focus-visible-added])":{outline:"none",boxShadow:"none"},":focus":{outline:"none",boxShadow:"focus"}},O={"default-error":o({},Y,{borderColor:"danger.base",":hover":{borderColor:"danger.base"},":focus":{outline:"none",boxShadow:"none"}}),default:Y,container:{position:"relative",display:"flex",alignItems:"center",height:48,width:106,paddingY:12}},M={display:"flex",flexDirection:"column",bg:"background",marginTop:1,padding:3,minWidth:18,borderRadius:3,borderWidth:1,borderStyle:"solid",borderColor:"muted.1",boxShadow:"menu",hr:{marginY:2,borderStyle:"solid",borderBottomWidth:1,borderTop:"none",borderLeft:"none",borderRight:"none",borderColor:"muted.1",width:"calc(100% -"+i[3]+")",marginX:"-"+i[3],outline:"none"},"> button":{marginY:"2px",paddingX:1,color:"text.primary",fontSize:1,border:"none",textTransform:"initial",":focus":{bg:"secondary.base",outline:"none",boxShadow:"none"},":hover":{color:"text.primary"},width:"full",div:{justifyContent:"flex-start"},svg:{marginLeft:0,marginRight:2}}},q={outline:"none",bg:"background",borderRadius:3,borderColor:"muted.2",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)"}},P={display:"flex",justifyContent:"space-between",alignItems:"center",borderColor:"muted.2",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:"background",zIndex:999},_={display:"flex",justifyContent:"space-between",alignItems:"center",borderColor:"muted.2",borderStyle:"solid",borderBottomWidth:0,borderLeftWidth:0,borderRightWidth:0,position:"sticky",bottom:0,left:0,right:0,bg:"background",padding:6,flexDirection:["column-reverse","column-reverse","row"],">button":{width:["full","full","inherit"]},"* + button":{marginLeft:[0,0,4],marginBottom:[4,4,0]}},G={paddingTop:4,paddingX:6,paddingBottom:6},J=o({},G,{scrollbarWidth:"thin",scrollbarColor:"background","::-webkit-scrollbar":{width:"8px"},"::-webkit-scrollbar-thumb":{backgroundColor:"muted.2",borderRadius:"6px",border:"2px solid",color:"background"}},{overflowY:"auto"}),K={backdrop:{display:"flex",flexDirection:"column",justifyContent:["flex-end","flex-end","center"],alignItems:"center",backgroundColor:e.rgba(t.text.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({},q,{width:["calc(100% - 16px)","calc(100% - 16px)",320]}),"surface-regular":o({},q,{width:["calc(100% - 16px)","calc(100% - 16px)",560]}),"surface-large":o({},q,{width:["calc(100% - 16px)","calc(100% - 16px)",800]}),"header-small":o({},P,{height:56}),"header-regular":o({},P,{height:56}),"header-large":o({},P,{height:80}),"content-with-small-scroll-area":o({},J,{height:"calc(100% - 3.5rem)"}),"content-with-regular-scroll-area":o({},J,{height:"calc(100% - 3.5rem)"}),"content-with-large-scroll-area":o({},J,{height:"calc(100% - 5rem)"}),"content-with-larger-scroll-area":o({},J,{height:"calc(100% - 7rem)"}),"content-with-extra-large-scroll-area":o({},J,{height:"calc(100% - 10rem)"}),content:o({},G),"footer-small":o({},_,{borderTopWidth:0,pt:0,">button":{width:"full"},minHeight:"3.5rem"}),"footer-regular":o({},_,{borderTopWidth:1,minHeight:"3.5rem"}),"footer-large":o({},_,{borderTopWidth:1,minHeight:"5rem"})};function N(){var e,r,o=(e=["\n  0% {\n    background-position: -200px 0;\n  }\n  100% {\n    background-position: calc(200px + 100%) 0;\n  }\n"],r||(r=e.slice(0)),e.raw=r,e);return N=function(){return o},o}var Q={display:"inline-block",width:"full",height:"full",backgroundColor:"muted.3",backgroundSize:"200px 100%",backgroundRepeat:"no-repeat",lineHeight:1,borderRadius:3,backgroundImage:"linear-gradient(\n    90deg,\n    "+t.muted[3]+",\n    white,\n    "+t.muted[3]+"\n  )",animation:r.keyframes(N())+" 1.2s ease-in-out infinite"},U={display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,padding:2,borderRadius:"circle",textTransform:"uppercase"};exports.theme=o({},a,{components:{button:s,list:y,table:f,controlGroup:F,toggle:L,checkbox:z,radio:W,abstractInput:k,input:{container:{display:"flex",position:"relative",justifyContent:"flex-start",flexDirection:"column"},"floating-label":{fontSize:1,left:12,paddingTop:2,color:"muted.0",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:"text.primary",color:"background",fontSize:1,paddingY:2,paddingX:3,borderRadius:3,maxWidth:240,minHeight:32},menu:M,modal:K,skeleton:{rect:o({},Q,{borderRadius:"default"}),circle:o({},Q,{borderRadius:"circle"})},divider:c,collapsible:{container:{bg:"background",borderColor:"muted.2",borderStyle:"solid",borderWidth:1,borderRadius:"default"},"container-grouped":{bg:"background",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:{base:o({},U,{bg:"text.primary",color:"background"}),primary:o({},U,{bg:"primary.base",color:"primary.accent"}),danger:o({},U,{bg:"danger.base",color:"danger.accent"})},tag:p,anchor:{font:"inherit",color:"primary.base",textDecoration:"none",":active":{color:"primary.pressed",textDecoration:"underline"},":hover":{color:"primary.hover",textDecoration:"underline"}},dropdown:X,textArea:A,numericStepper:O}});
 //# sourceMappingURL=admin-ui-theme.cjs.production.min.js.map

dist/admin-ui-theme.esm.js

 import { darken, rgba } from 'polished';
-import { alpha, merge, keyframes, Global, css, get } from '@vtex/admin-ui-system';
-import React from 'react';
+import { alpha, merge, keyframes } from '@vtex/admin-ui-system';
 
@@ -174,2 +173,57 @@ function _extends() {
   },
+  text: {
+    small: {
+      lineHeight: 'small',
+      fontSettings: 'regular',
+      fontSize: 0
+    },
+    body: {
+      lineHeight: 'body',
+      fontSettings: 'regular',
+      fontSize: 1
+    },
+    highlight: {
+      lineHeight: 'highlight',
+      fontSettings: 'regular',
+      fontSize: 1
+    },
+    action: {
+      lineHeight: 'action',
+      fontSettings: 'regular',
+      fontSize: 1,
+      textTransform: 'uppercase'
+    },
+    subtitle: {
+      lineHeight: 'subtitle',
+      fontSettings: 'regular',
+      fontSize: 2
+    },
+    headline: {
+      lineHeight: 'headline',
+      fontSettings: 'regular',
+      fontSize: 4
+    }
+  },
+  border: {
+    "default": {
+      borderWidth: '1px',
+      borderStyle: 'solid',
+      borderRadius: 'default',
+      borderColor: 'muted.2'
+    },
+    'divider-bottom': {
+      borderBottomWidth: '1px',
+      borderBottomStyle: 'solid',
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0,
+      borderColor: 'muted.2'
+    },
+    'divider-top': {
+      borderTopWidth: '1px',
+      borderTopStyle: 'solid',
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0,
+      borderColor: 'muted.2'
+    }
+  },
   zIndices: {
@@ -185,21 +239,3 @@ under: -1,
   },
-  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: {
+  fontSettings: {
     hairline: "'wght' 30",
@@ -457,3 +493,3 @@ thin: "'wght' 50",
 var styles = {
-  fontVariationSettings: "'wght' 92",
+  fontSettings: 'regular',
   border: 'none',
@@ -533,4 +569,3 @@ borderRadius: 'default',
     lineHeight: 'small',
-    fontVariationSettings: "'wght' 80",
-    fontWeight: 400,
+    fontSettings: "'wght' 80",
     fontSize: 0,
@@ -552,4 +587,3 @@ svg: {
     lineHeight: 'subtitle',
-    fontVariationSettings: "'wght' 92",
-    fontWeight: 500,
+    fontSettings: 'regular',
     fontSize: 2,
@@ -745,3 +779,3 @@ svg: {
 var inputStyle = {
-  fontVariationSettings: '"wght" 92',
+  fontSettings: 'regular',
   width: 'full',
@@ -843,3 +877,3 @@ height: 48,
     lineHeight: 'body',
-    fontVariationSettings: 'regular',
+    fontSettings: 'regular',
     fontSize: 1
@@ -873,3 +907,3 @@ },
 var styles$4 = {
-  fontVariationSettings: 'regular',
+  fontSettings: 'regular',
   lh: 'highlight',
@@ -1214,3 +1248,3 @@ marginTop: 3,
   resize: 'none',
-  fontVariationSettings: '"wght" 92',
+  fontSettings: 'regular',
   width: 'full',
@@ -1472,6 +1506,6 @@ borderStyle: 'solid',
   'button + button': {
-    ml: 4
+    marginLeft: 4
   },
-  py: 4,
-  px: 6,
+  paddingY: 4,
+  paddingX: 6,
   borderTopWidth: 0,
@@ -1506,3 +1540,3 @@ borderLeftWidth: 0,
   bg: 'background',
-  p: 6,
+  padding: 6,
   flexDirection: ['column-reverse', 'column-reverse', 'row'],
@@ -1513,10 +1547,10 @@ '>button': {
   '* + button': {
-    ml: [0, 0, 4],
-    mb: [4, 4, 0]
+    marginLeft: [0, 0, 4],
+    marginBottom: [4, 4, 0]
   }
 };
 var content = {
-  pt: 4,
-  px: 6,
-  pb: 6
+  paddingTop: 4,
+  paddingX: 6,
+  paddingBottom: 6
 }; // TODO: Make it global
@@ -1736,146 +1770,7 @@
 
-var borderStyles = {
-  borderWidth: '1px',
-  borderStyle: 'solid',
-  borderRadius: 'default'
-};
-var border = {
-  "default": /*#__PURE__*/_extends({}, borderStyles, {
-    borderColor: 'muted.2'
-  }),
-  'divider-bottom': {
-    borderBottomWidth: '1px',
-    borderBottomStyle: 'solid',
-    borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0,
-    borderColor: 'muted.2'
-  },
-  'divider-top': {
-    borderTopWidth: '1px',
-    borderTopStyle: 'solid',
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
-    borderColor: 'muted.2'
-  },
-  strong: /*#__PURE__*/_extends({}, borderStyles, {
-    borderColor: 'text.primary'
-  }),
-  disabled: /*#__PURE__*/_extends({}, borderStyles, {
-    borderColor: 'muted.1'
-  }),
-  primary: /*#__PURE__*/_extends({}, borderStyles, {
-    borderColor: 'primary.base'
-  }),
-  danger: /*#__PURE__*/_extends({}, borderStyles, {
-    borderColor: 'danger.base'
-  })
-};
-
-var palette$1 = {
-  base: {
-    bg: 'background',
-    color: 'text.primary'
-  },
-  inverted: {
-    bg: 'text.primary',
-    color: 'background'
-  },
-  primary: {
-    bg: 'primary.base',
-    color: 'primary.accent'
-  },
-  secondary: {
-    bg: 'secondary.base',
-    color: 'secondary.accent'
-  },
-  danger: {
-    bg: 'danger.base',
-    color: 'danger.accent'
-  },
-  'danger-washed': {
-    bg: 'danger.washed.base',
-    color: 'danger.washed.accent'
-  },
-  success: {
-    bg: 'success.base',
-    color: 'success.accent'
-  },
-  'success-washed': {
-    bg: 'success.washed.base',
-    color: 'success.washed.accent'
-  },
-  warning: {
-    bg: 'warning.base',
-    color: 'warning.accent'
-  },
-  'warning-washed': {
-    bg: 'warning.washed.base',
-    color: 'warning.washed.accent'
-  }
-};
-
-var 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
-  }
-};
-
-var patterns = {
-  palette: palette$1,
-  text: text,
-  border: border
-};
-var patternKeys = /*#__PURE__*/Object.keys(patterns);
-
 var theme = /*#__PURE__*/_extends({}, base, {
-  components: components,
-  patterns: patterns
+  components: components
 });
 
-function _templateObject$1() {
-  var data = _taggedTemplateLiteralLoose(["\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\n        body {\n          margin: 0;\n          background-color: ", ";\n          color: ", ";\n        }\n\n        b,\n        strong {\n          font-variation-settings: 'wght' 170 !important;\n        }\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\n        *,\n        ::before,\n        ::after {\n          box-sizing: border-box;\n          border-width: 0;\n          border-style: solid;\n        }\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\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\n        body {\n          line-height: 1;\n        }\n\n        blockquote,\n        q {\n          quotes: none;\n        }\n\n        blockquote:before,\n        blockquote:after,\n        q:before,\n        q:after {\n          content: '';\n          content: none;\n        }\n\n        table {\n          border-collapse: collapse;\n          border-spacing: 0;\n        }\n      "]);
-
-  _templateObject$1 = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-function Preflight() {
-  return React.createElement(Global, {
-    styles: function styles(theme) {
-      return css(_templateObject$1(), get(theme, 'colors.background'), get(theme, 'colors.text'));
-    }
-  });
-}
-
-export { Preflight, patternKeys, theme };
+export { theme };
 //# sourceMappingURL=admin-ui-theme.esm.js.map

dist/config/base/index.d.ts

@@ -129,2 +129,57 @@ import colors from './colors';
     };
+    text: {
+        small: {
+            lineHeight: string;
+            fontSettings: string;
+            fontSize: number;
+        };
+        body: {
+            lineHeight: string;
+            fontSettings: string;
+            fontSize: number;
+        };
+        highlight: {
+            lineHeight: string;
+            fontSettings: string;
+            fontSize: number;
+        };
+        action: {
+            lineHeight: string;
+            fontSettings: string;
+            fontSize: number;
+            textTransform: string;
+        };
+        subtitle: {
+            lineHeight: string;
+            fontSettings: string;
+            fontSize: number;
+        };
+        headline: {
+            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: {
@@ -140,21 +195,3 @@ under: number;
     };
-    fontWeights: {
-        light: {
-            fontVariationSettings: string;
-            fontWeight: number;
-        };
-        regular: {
-            fontVariationSettings: string;
-            fontWeight: number;
-        };
-        medium: {
-            fontVariationSettings: string;
-            fontWeight: number;
-        };
-        bold: {
-            fontVariationSettings: string;
-            fontWeight: number;
-        };
-    };
-    fontVariationSettings: {
+    fontSettings: {
         hairline: string;
@@ -161,0 +198,0 @@ thin: string;

dist/config/components/abstractInput.d.ts

@@ -21,3 +21,3 @@ declare const _default: {
         lineHeight: string;
-        fontVariationSettings: string;
+        fontSettings: string;
         fontSize: number;
@@ -24,0 +24,0 @@ };

dist/config/components/controlGroup.d.ts

@@ -8,3 +8,3 @@ declare const _default: {
         };
-        fontVariationSettings: string;
+        fontSettings: string;
         lh: string;
@@ -32,3 +32,3 @@ marginTop: number;
         };
-        fontVariationSettings: string;
+        fontSettings: string;
         lh: string;
@@ -56,3 +56,3 @@ marginTop: number;
         };
-        fontVariationSettings: string;
+        fontSettings: string;
         lh: string;
@@ -80,3 +80,3 @@ marginTop: number;
         };
-        fontVariationSettings: string;
+        fontSettings: string;
         lh: string;
@@ -83,0 +83,0 @@ marginTop: number;

dist/config/components/index.d.ts

@@ -115,3 +115,3 @@ declare const _default: {
             };
-            fontVariationSettings: string;
+            fontSettings: string;
             lh: string;
@@ -139,3 +139,3 @@ marginTop: number;
             };
-            fontVariationSettings: string;
+            fontSettings: string;
             lh: string;
@@ -163,3 +163,3 @@ marginTop: number;
             };
-            fontVariationSettings: string;
+            fontSettings: string;
             lh: string;
@@ -187,3 +187,3 @@ marginTop: number;
             };
-            fontVariationSettings: string;
+            fontSettings: string;
             lh: string;
@@ -404,3 +404,3 @@ marginTop: number;
             lineHeight: string;
-            fontVariationSettings: string;
+            fontSettings: string;
             fontSize: number;
@@ -1044,13 +1044,2 @@ };
             width: string;
-            label: {
-                fontSize: number;
-                left: number;
-                paddingTop: number;
-                color: string;
-                marginBottom: number;
-                position: string;
-                transform: string;
-                transformOrigin: string;
-                transition: string;
-            };
         };
@@ -1061,3 +1050,3 @@ default: {
             resize: string;
-            fontVariationSettings: string;
+            fontSettings: string;
             width: string;
@@ -1090,3 +1079,2 @@ borderStyle: string;
                 transform: string;
-                color: string;
             };
@@ -1100,3 +1088,3 @@ ':placeholder-shown:not(:focus) + label': {
         };
-        error: {
+        'container-error': {
             textarea: {
@@ -1108,6 +1096,2 @@ borderColor: string;
                 };
-                ':focus + label': {
-                    transform: string;
-                    color: string;
-                };
                 ':hover': {
@@ -1117,13 +1101,2 @@ borderColor: string;
             };
-            label: {
-                color: string;
-                fontSize: number;
-                left: number;
-                paddingTop: number;
-                marginBottom: number;
-                position: string;
-                transform: string;
-                transformOrigin: string;
-                transition: string;
-            };
             display: string;
@@ -1135,2 +1108,18 @@ position: 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;
+        };
     };
@@ -1137,0 +1126,0 @@ numericStepper: {

dist/config/components/modal.d.ts

@@ -91,6 +91,6 @@ declare const _default: {
         'button + button': {
-            ml: number;
+            marginLeft: number;
         };
-        py: number;
-        px: number;
+        paddingY: number;
+        paddingX: number;
         borderTopWidth: number;
@@ -119,6 +119,6 @@ borderLeftWidth: number;
         'button + button': {
-            ml: number;
+            marginLeft: number;
         };
-        py: number;
-        px: number;
+        paddingY: number;
+        paddingX: number;
         borderTopWidth: number;
@@ -147,6 +147,6 @@ borderLeftWidth: number;
         'button + button': {
-            ml: number;
+            marginLeft: number;
         };
-        py: number;
-        px: number;
+        paddingY: number;
+        paddingX: number;
         borderTopWidth: number;
@@ -181,5 +181,5 @@ borderLeftWidth: number;
         };
-        pt: number;
-        px: number;
-        pb: number;
+        paddingTop: number;
+        paddingX: number;
+        paddingBottom: number;
     };
@@ -200,5 +200,5 @@ 'content-with-regular-scroll-area': {
         };
-        pt: number;
-        px: number;
-        pb: number;
+        paddingTop: number;
+        paddingX: number;
+        paddingBottom: number;
     };
@@ -219,5 +219,5 @@ 'content-with-large-scroll-area': {
         };
-        pt: number;
-        px: number;
-        pb: number;
+        paddingTop: number;
+        paddingX: number;
+        paddingBottom: number;
     };
@@ -238,5 +238,5 @@ 'content-with-larger-scroll-area': {
         };
-        pt: number;
-        px: number;
-        pb: number;
+        paddingTop: number;
+        paddingX: number;
+        paddingBottom: number;
     };
@@ -257,10 +257,10 @@ 'content-with-extra-large-scroll-area': {
         };
-        pt: number;
-        px: number;
-        pb: number;
+        paddingTop: number;
+        paddingX: number;
+        paddingBottom: number;
     };
     content: {
-        pt: number;
-        px: number;
-        pb: number;
+        paddingTop: number;
+        paddingX: number;
+        paddingBottom: number;
     };
@@ -287,7 +287,7 @@ 'footer-small': {
         bg: string;
-        p: number;
+        padding: number;
         flexDirection: string[];
         '* + button': {
-            ml: number[];
-            mb: number[];
+            marginLeft: number[];
+            marginBottom: number[];
         };
@@ -311,3 +311,3 @@ };
         bg: string;
-        p: number;
+        padding: number;
         flexDirection: string[];
@@ -318,4 +318,4 @@ '>button': {
         '* + button': {
-            ml: number[];
-            mb: number[];
+            marginLeft: number[];
+            marginBottom: number[];
         };
@@ -339,3 +339,3 @@ };
         bg: string;
-        p: number;
+        padding: number;
         flexDirection: string[];
@@ -346,4 +346,4 @@ '>button': {
         '* + button': {
-            ml: number[];
-            mb: number[];
+            marginLeft: number[];
+            marginBottom: number[];
         };
@@ -350,0 +350,0 @@ };

dist/config/components/textArea.d.ts

@@ -13,3 +13,3 @@ declare const _default: {
         resize: string;
-        fontVariationSettings: string;
+        fontSettings: string;
         width: string;
@@ -16,0 +16,0 @@ borderStyle: string;

dist/config/index.d.ts

@@ -1,3 +0,1 @@
-export * from './patterns';
-export * from './styleProps';
 export declare const theme: {
@@ -118,3 +116,3 @@ components: {
                 };
-                fontVariationSettings: string;
+                fontSettings: string;
                 lh: string;
@@ -142,3 +140,3 @@ marginTop: number;
                 };
-                fontVariationSettings: string;
+                fontSettings: string;
                 lh: string;
@@ -166,3 +164,3 @@ marginTop: number;
                 };
-                fontVariationSettings: string;
+                fontSettings: string;
                 lh: string;
@@ -190,3 +188,3 @@ marginTop: number;
                 };
-                fontVariationSettings: string;
+                fontSettings: string;
                 lh: string;
@@ -407,3 +405,3 @@ marginTop: number;
                 lineHeight: string;
-                fontVariationSettings: string;
+                fontSettings: string;
                 fontSize: number;
@@ -1047,13 +1045,2 @@ };
                 width: string;
-                label: {
-                    fontSize: number;
-                    left: number;
-                    paddingTop: number;
-                    color: string;
-                    marginBottom: number;
-                    position: string;
-                    transform: string;
-                    transformOrigin: string;
-                    transition: string;
-                };
             };
@@ -1064,3 +1051,3 @@ default: {
                 resize: string;
-                fontVariationSettings: string;
+                fontSettings: string;
                 width: string;
@@ -1093,3 +1080,2 @@ borderStyle: string;
                     transform: string;
-                    color: string;
                 };
@@ -1103,3 +1089,3 @@ ':placeholder-shown:not(:focus) + label': {
             };
-            error: {
+            'container-error': {
                 textarea: {
@@ -1111,6 +1097,2 @@ borderColor: string;
                     };
-                    ':focus + label': {
-                        transform: string;
-                        color: string;
-                    };
                     ':hover': {
@@ -1120,13 +1102,2 @@ borderColor: string;
                 };
-                label: {
-                    color: string;
-                    fontSize: number;
-                    left: number;
-                    paddingTop: number;
-                    marginBottom: number;
-                    position: string;
-                    transform: string;
-                    transformOrigin: string;
-                    transition: string;
-                };
                 display: string;
@@ -1138,2 +1109,18 @@ position: 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;
+            };
         };
@@ -1217,125 +1204,2 @@ numericStepper: {
     };
-    patterns: {
-        palette: {
-            base: {
-                bg: string;
-                color: string;
-            };
-            inverted: {
-                bg: string;
-                color: string;
-            };
-            primary: {
-                bg: string;
-                color: string;
-            };
-            secondary: {
-                bg: string;
-                color: string;
-            };
-            danger: {
-                bg: string;
-                color: string;
-            };
-            'danger-washed': {
-                bg: string;
-                color: string;
-            };
-            success: {
-                bg: string;
-                color: string;
-            };
-            'success-washed': {
-                bg: string;
-                color: string;
-            };
-            warning: {
-                bg: string;
-                color: string;
-            };
-            'warning-washed': {
-                bg: string;
-                color: string;
-            };
-        };
-        text: {
-            small: {
-                lineHeight: string;
-                fontVariationSettings: string;
-                fontSize: number;
-            };
-            body: {
-                lineHeight: string;
-                fontVariationSettings: string;
-                fontSize: number;
-            };
-            highlight: {
-                lineHeight: string;
-                fontVariationSettings: string;
-                fontSize: number;
-            };
-            action: {
-                lineHeight: string;
-                fontVariationSettings: string;
-                fontSize: number;
-                textTransform: string;
-            };
-            subtitle: {
-                lineHeight: string;
-                fontVariationSettings: string;
-                fontSize: number;
-            };
-            headline: {
-                lineHeight: string;
-                fontVariationSettings: string;
-                fontSize: number;
-            };
-        };
-        border: {
-            default: {
-                borderColor: string;
-                borderWidth: string;
-                borderStyle: string;
-                borderRadius: 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;
-            };
-            strong: {
-                borderColor: string;
-                borderWidth: string;
-                borderStyle: string;
-                borderRadius: string;
-            };
-            disabled: {
-                borderColor: string;
-                borderWidth: string;
-                borderStyle: string;
-                borderRadius: string;
-            };
-            primary: {
-                borderColor: string;
-                borderWidth: string;
-                borderStyle: string;
-                borderRadius: string;
-            };
-            danger: {
-                borderColor: string;
-                borderWidth: string;
-                borderStyle: string;
-                borderRadius: string;
-            };
-        };
-    };
     sizes: {
@@ -1464,2 +1328,57 @@ sm: string;
     };
+    text: {
+        small: {
+            lineHeight: string;
+            fontSettings: string;
+            fontSize: number;
+        };
+        body: {
+            lineHeight: string;
+            fontSettings: string;
+            fontSize: number;
+        };
+        highlight: {
+            lineHeight: string;
+            fontSettings: string;
+            fontSize: number;
+        };
+        action: {
+            lineHeight: string;
+            fontSettings: string;
+            fontSize: number;
+            textTransform: string;
+        };
+        subtitle: {
+            lineHeight: string;
+            fontSettings: string;
+            fontSize: number;
+        };
+        headline: {
+            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: {
@@ -1475,22 +1394,10 @@ under: number;
     };
-    fontWeights: {
-        light: {
-            fontVariationSettings: string;
-            fontWeight: number;
-        };
-        regular: {
-            fontVariationSettings: string;
-            fontWeight: number;
-        };
-        medium: {
-            fontVariationSettings: string;
-            fontWeight: number;
-        };
-        bold: {
-            fontVariationSettings: string;
-            fontWeight: number;
-        };
-    };
-    fontVariationSettings: {
+    fontSettings: {
+        hairline: string;
+        thin: string;
+        light: string;
         regular: string;
+        medium: string;
+        bold: string;
+        black: string;
     };
@@ -1521,3 +1428,2 @@ lineHeights: {
 export declare type BorderRadius = '0' | '1' | '2' | '3' | 'full';
-export declare type FontWeights = keyof typeof theme.fontWeights;
 export declare type LineHeights = keyof typeof theme.lineHeights;
@@ -1524,0 +1430,0 @@ export declare type ZIndexes = 'under' | 'plain' | 'over' | '1' | '2' | '3' | '4' | '5';

dist/index.d.ts

 export * from './config';
-export { Preflight } from './Preflight';

package.json

 {
   "name": "@vtex/admin-ui-theme",
-  "version": "0.7.0",
+  "version": "0.8.0-next.0",
   "main": "dist/index.js",
@@ -36,3 +36,3 @@ "module": "dist/admin-ui-theme.esm.js",
   "devDependencies": {
-    "@vtex/admin-ui-system": "^0.3.1"
+    "@vtex/admin-ui-system": "^0.4.0-next.0"
   },
@@ -42,3 +42,3 @@ "dependencies": {
   },
-  "gitHead": "07907cd20173e2250c3b61fc09bfaa23ef798253"
+  "gitHead": "b0db59cf0fbbe3ee6f4d5f5e5a8379921390c582"
 }

src/config/base/index.ts

@@ -25,2 +25,57 @@ import colors from './colors'
   },
+  text: {
+    small: {
+      lineHeight: 'small',
+      fontSettings: 'regular',
+      fontSize: 0,
+    },
+    body: {
+      lineHeight: 'body',
+      fontSettings: 'regular',
+      fontSize: 1,
+    },
+    highlight: {
+      lineHeight: 'highlight',
+      fontSettings: 'regular',
+      fontSize: 1,
+    },
+    action: {
+      lineHeight: 'action',
+      fontSettings: 'regular',
+      fontSize: 1,
+      textTransform: 'uppercase',
+    },
+    subtitle: {
+      lineHeight: 'subtitle',
+      fontSettings: 'regular',
+      fontSize: 2,
+    },
+    headline: {
+      lineHeight: 'headline',
+      fontSettings: 'regular',
+      fontSize: 4,
+    },
+  },
+  border: {
+    default: {
+      borderWidth: '1px',
+      borderStyle: 'solid',
+      borderRadius: 'default',
+      borderColor: 'muted.2',
+    },
+    'divider-bottom': {
+      borderBottomWidth: '1px',
+      borderBottomStyle: 'solid',
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0,
+      borderColor: 'muted.2',
+    },
+    'divider-top': {
+      borderTopWidth: '1px',
+      borderTopStyle: 'solid',
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0,
+      borderColor: 'muted.2',
+    },
+  },
   zIndices: {
@@ -36,21 +91,3 @@ under: -1,
   },
-  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: {
+  fontSettings: {
     hairline: "'wght' 30",
@@ -57,0 +94,0 @@ thin: "'wght' 50",

src/config/components/abstractInput.ts

@@ -6,3 +6,3 @@ import { merge } from '@vtex/admin-ui-system'
 const inputStyle = {
-  fontVariationSettings: '"wght" 92',
+  fontSettings: 'regular',
   width: 'full',
@@ -56,3 +56,3 @@ height: 48,
 
-function getInputVariants(name: string, styles: object = {}) {
+function getInputVariants(name: string, styles = {}) {
   return {
@@ -103,3 +103,3 @@ // input variants
     lineHeight: 'body',
-    fontVariationSettings: 'regular',
+    fontSettings: 'regular',
     fontSize: 1,
@@ -106,0 +106,0 @@ },

src/config/components/button.ts

@@ -229,3 +229,3 @@ /* eslint-disable @typescript-eslint/no-explicit-any */
 const styles = {
-  fontVariationSettings: "'wght' 92",
+  fontSettings: 'regular',
   border: 'none',
@@ -232,0 +232,0 @@ borderRadius: 'default',

src/config/components/controlGroup.ts

 const styles = {
-  fontVariationSettings: 'regular',
+  fontSettings: 'regular',
   lh: 'highlight',
@@ -4,0 +4,0 @@ marginTop: 3,

src/config/components/modal.ts

@@ -33,6 +33,6 @@ import { rgba } from 'polished'
   'button + button': {
-    ml: 4,
+    marginLeft: 4,
   },
-  py: 4,
-  px: 6,
+  paddingY: 4,
+  paddingX: 6,
   borderTopWidth: 0,
@@ -68,3 +68,3 @@ borderLeftWidth: 0,
   bg: 'background',
-  p: 6,
+  padding: 6,
   flexDirection: ['column-reverse', 'column-reverse', 'row'],
@@ -75,4 +75,4 @@ '>button': {
   '* + button': {
-    ml: [0, 0, 4],
-    mb: [4, 4, 0],
+    marginLeft: [0, 0, 4],
+    marginBottom: [4, 4, 0],
   },
@@ -82,5 +82,5 @@ }
 const content = {
-  pt: 4,
-  px: 6,
-  pb: 6,
+  paddingTop: 4,
+  paddingX: 6,
+  paddingBottom: 6,
 }
@@ -87,0 +87,0 @@

src/config/components/tag.ts

@@ -41,4 +41,3 @@ /* eslint-disable @typescript-eslint/no-explicit-any */
     lineHeight: 'small',
-    fontVariationSettings: "'wght' 80",
-    fontWeight: 400,
+    fontSettings: "'wght' 80",
     fontSize: 0,
@@ -60,4 +59,3 @@ svg: {
     lineHeight: 'subtitle',
-    fontVariationSettings: "'wght' 92",
-    fontWeight: 500,
+    fontSettings: 'regular',
     fontSize: 2,
@@ -64,0 +62,0 @@ svg: {

src/config/components/textArea.ts

@@ -7,3 +7,3 @@ import { colors } from '../base'
   resize: 'none',
-  fontVariationSettings: '"wght" 92',
+  fontSettings: 'regular',
   width: 'full',
@@ -10,0 +10,0 @@ borderStyle: 'solid',

src/config/index.ts

 import base from './base'
 import components from './components'
-import patterns from './patterns'
 
-export * from './patterns'
-export * from './styleProps'
-
 export const theme = {
   ...base,
   components,
-  patterns,
 }
@@ -23,3 +18,2 @@
 export type BorderRadius = '0' | '1' | '2' | '3' | 'full'
-export type FontWeights = keyof typeof theme.fontWeights
 export type LineHeights = keyof typeof theme.lineHeights
@@ -26,0 +20,0 @@ export type ZIndexes = 'under' | 'plain' | 'over' | '1' | '2' | '3' | '4' | '5'

src/index.ts

 export * from './config'
-export { Preflight } from './Preflight'

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

1

decreased by-75%

Worsened metrics

Total package byte prevSize

495846

decreased by-10.83%

Number of package files

65

decreased by-19.75%

Lines of code

9535

decreased by-9.29%

No dependency changes