@basic-ui/material 1.0.0-alpha.32 → 1.0.0-alpha.34

package/build/esm/ThemeExplorer/components.js

@@ -9,7 +9,7 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 export var ColorItem = /*#__PURE__*/memo(function (props) {
   var token = props.token,
       style = props.style,
-      width = props.width,
+      flex = props.flex,
       _props$height = props.height,
       height = _props$height === void 0 ? '100%' : _props$height;
 
@@ -44,7 +44,7 @@ export var ColorItem = /*#__PURE__*/memo(function (props) {
     }),
     children: /*#__PURE__*/_jsx(Text, {
       as: "div",
-      variant: "body-small",
+      variant: "body-medium",
       style: style,
       ref: function ref(_ref) {
         if (_ref) {
@@ -52,12 +52,10 @@ export var ColorItem = /*#__PURE__*/memo(function (props) {
         }
       },
       sx: {
-        width: width,
+        flex: flex,
         height: height,
-        px: '10px',
-        py: '10px',
-        fontSize: '11px',
-        lineHeight: '11px',
+        px: '12px',
+        py: '12px',
         textOverflow: 'ellipsis',
         overflow: 'hidden'
       },
@@ -74,23 +72,23 @@ export var ColorRow = /*#__PURE__*/memo(function (props) {
     display: "flex",
     sx: {
       ':first-of-type': {
-        borderTopLeftRadius: 'extra-large',
-        borderTopRightRadius: 'extra-large',
+        borderTopLeftRadius: 'large',
+        borderTopRightRadius: 'large',
         overflow: 'hidden'
       },
       ':last-of-type': {
-        borderBottomLeftRadius: 'extra-large',
-        borderBottomRightRadius: 'extra-large',
+        borderBottomLeftRadius: 'large',
+        borderBottomRightRadius: 'large',
         overflow: 'hidden'
       },
       height: height
     },
-    children: colors.map(function (_ref2, idx) {
+    children: colors.map(function (_ref2) {
       var token = _ref2.token,
           bg = _ref2.bg,
           color = _ref2.color;
       return /*#__PURE__*/_jsx(ColorItem, {
-        width: colors.length % 2 === 1 ? idx === colors.length - 1 ? '50%' : '25%' : '33.33%',
+        flex: 1,
         token: token,
         style: {
           backgroundColor: bg,

package/build/esm/ThemeExplorer/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","names":["memo","useState","rgb","parseToHsl","parseToRgb","hexFromArgb","TonalPalette","Box","Tooltip","Text","ColorItem","props","token","style","width","height","computedColor","setComputedColor","hslColor","hue","saturation","lightness","rgbColor","red","green","blue","Math","round","ref","window","getComputedStyle","backgroundColor","px","py","fontSize","lineHeight","textOverflow","overflow","ColorRow","colors","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","map","idx","bg","color","length","TonalColorItem","level","TonalColorsFromToken","position","left","top","colorInt","parseInt","slice","tonal","fromInt","TonalColors","luminanceLevels","palette","tone","makeColorArrayForToken"],"sources":["../../../src/ThemeExplorer/components.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { memo, useState } from 'react';\nimport { rgb, parseToHsl, parseToRgb } from 'polished';\nimport { hexFromArgb, TonalPalette } from '@material/material-color-utilities';\n\nimport { Box, Tooltip, Text } from '../';\n\nexport const ColorItem = memo(\n  (props: {\n    token: string;\n    style: CSSProperties;\n    height?: number;\n    width: string;\n  }) => {\n    const { token, style, width, height = '100%' } = props;\n    const [computedColor, setComputedColor] = useState<string>();\n    const hslColor = computedColor\n      ? parseToHsl(computedColor)\n      : { hue: 0, saturation: 0, lightness: 0 };\n    const rgbColor = computedColor\n      ? parseToRgb(computedColor)\n      : { red: 0, green: 0, blue: 0 };\n    return (\n      <Tooltip\n        label={\n          computedColor ? (\n            <>\n              <p>{token}</p>\n              <p>{rgb(rgbColor)}</p>\n              <p>\n                rgb({rgbColor.red}, {rgbColor.green}, {rgbColor.blue})\n              </p>\n              <p>\n                hsl({Math.round(hslColor.hue)},{' '}\n                {Math.round(hslColor.saturation * 100)}%,{' '}\n                {Math.round(hslColor.lightness * 100)}%)\n              </p>\n            </>\n          ) : (\n            <p>{token}</p>\n          )\n        }\n      >\n        <Text\n          as=\"div\"\n          variant=\"body-small\"\n          style={style}\n          ref={(ref: HTMLDivElement | null) => {\n            if (ref) {\n              setComputedColor(window.getComputedStyle(ref).backgroundColor);\n            }\n          }}\n          sx={{\n            width,\n            height,\n            px: '10px',\n            py: '10px',\n            fontSize: '11px',\n            lineHeight: '11px',\n            textOverflow: 'ellipsis',\n            overflow: 'hidden',\n          }}\n        >\n          {token}\n        </Text>\n      </Tooltip>\n    );\n  }\n);\n\nexport const ColorRow = memo(\n  (props: {\n    colors: { token: string; bg: string; color: string }[];\n    height?: number;\n  }) => {\n    const { colors, height = 50 } = props;\n    return (\n      <Box\n        width=\"100%\"\n        display=\"flex\"\n        sx={{\n          ':first-of-type': {\n            borderTopLeftRadius: 'extra-large',\n            borderTopRightRadius: 'extra-large',\n            overflow: 'hidden',\n          },\n          ':last-of-type': {\n            borderBottomLeftRadius: 'extra-large',\n            borderBottomRightRadius: 'extra-large',\n            overflow: 'hidden',\n          },\n          height,\n        }}\n      >\n        {colors.map(({ token, bg, color }, idx) => (\n          <ColorItem\n            width={\n              colors.length % 2 === 1\n                ? idx === colors.length - 1\n                  ? '50%'\n                  : '25%'\n                : '33.33%'\n            }\n            key={token}\n            token={token}\n            style={{ backgroundColor: bg, color: color }}\n          />\n        ))}\n      </Box>\n    );\n  }\n);\n\nexport const TonalColorItem = memo(\n  (props: { color: string; level: number }) => {\n    const { level, color } = props;\n    const hslColor = parseToHsl(color);\n    const rgbColor = parseToRgb(color);\n    return (\n      <Tooltip\n        label={\n          <>\n            <p>Luminance: {level}</p>\n            <p>{rgb(rgbColor)}</p>\n            <p>\n              rgb({rgbColor.red}, {rgbColor.green}, {rgbColor.blue})\n            </p>\n            <p>\n              hsl({Math.round(hslColor.hue)},{' '}\n              {Math.round(hslColor.saturation * 100)}%,{' '}\n              {Math.round(hslColor.lightness * 100)}%)\n            </p>\n          </>\n        }\n      >\n        <Text\n          key={level}\n          as=\"div\"\n          variant=\"body-small\"\n          flex={1}\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          style={{\n            backgroundColor: color,\n            color: level <= 50 ? '#fff' : '#000',\n          }}\n        >\n          {level}\n        </Text>\n      </Tooltip>\n    );\n  }\n);\n\nexport const TonalColorsFromToken = memo((props: { token: string }) => {\n  const [computedColor, setComputedColor] = useState<string>();\n  if (!computedColor) {\n    return (\n      <Box\n        ref={(ref: HTMLDivElement | null) => {\n          if (ref) {\n            setComputedColor(window.getComputedStyle(ref).backgroundColor);\n          }\n        }}\n        bg={props.token}\n        style={{ position: 'fixed', left: -5000, top: -5000 }}\n      />\n    );\n  }\n  const colorInt = parseInt(rgb(parseToRgb(computedColor)).slice(1), 16);\n  const tonal = TonalPalette.fromInt(colorInt);\n\n  return <TonalColors palette={tonal} />;\n});\n\nexport const TonalColors = memo((props: { palette: TonalPalette }) => {\n  const luminanceLevels = [\n    0, 10, 20, 25, 30, 35, 40, 50, 60, 70, 80, 90, 95, 98, 99, 100,\n  ];\n  return (\n    <Box display=\"flex\" height=\"72px\" width=\"100%\">\n      {luminanceLevels.map((level) => (\n        <TonalColorItem\n          key={level}\n          level={level}\n          color={hexFromArgb(props.palette.tone(level))}\n        />\n      ))}\n    </Box>\n  );\n});\n\nexport function makeColorArrayForToken(\n  token: string\n): { token: string; bg: string; color: string }[] {\n  return [\n    { token, bg: token, color: 'on.' + token },\n    { token, bg: 'on.' + token, color: token },\n    { token, bg: token + '-container', color: 'on.' + token + '-container' },\n    { token, bg: 'on.' + token + '-container', color: token + '-container' },\n  ];\n}\n"],"mappings":";AACA,SAASA,IAAT,EAAeC,QAAf,QAA+B,OAA/B;AACA,SAASC,GAAT,EAAcC,UAAd,EAA0BC,UAA1B,QAA4C,UAA5C;AACA,SAASC,WAAT,EAAsBC,YAAtB,QAA0C,oCAA1C;AAEA,SAASC,GAAT,EAAcC,OAAd,EAAuBC,IAAvB,QAAmC,KAAnC;;;;AAEA,OAAO,IAAMC,SAAS,gBAAGV,IAAI,CAC3B,UAACW,KAAD,EAKM;EACJ,IAAQC,KAAR,GAAiDD,KAAjD,CAAQC,KAAR;EAAA,IAAeC,KAAf,GAAiDF,KAAjD,CAAeE,KAAf;EAAA,IAAsBC,KAAtB,GAAiDH,KAAjD,CAAsBG,KAAtB;EAAA,oBAAiDH,KAAjD,CAA6BI,MAA7B;EAAA,IAA6BA,MAA7B,8BAAsC,MAAtC;;EACA,gBAA0Cd,QAAQ,EAAlD;EAAA;EAAA,IAAOe,aAAP;EAAA,IAAsBC,gBAAtB;;EACA,IAAMC,QAAQ,GAAGF,aAAa,GAC1Bb,UAAU,CAACa,aAAD,CADgB,GAE1B;IAAEG,GAAG,EAAE,CAAP;IAAUC,UAAU,EAAE,CAAtB;IAAyBC,SAAS,EAAE;EAApC,CAFJ;EAGA,IAAMC,QAAQ,GAAGN,aAAa,GAC1BZ,UAAU,CAACY,aAAD,CADgB,GAE1B;IAAEO,GAAG,EAAE,CAAP;IAAUC,KAAK,EAAE,CAAjB;IAAoBC,IAAI,EAAE;EAA1B,CAFJ;EAGA,oBACE,KAAC,OAAD;IACE,KAAK,EACHT,aAAa,gBACX;MAAA,wBACE;QAAA,UAAIJ;MAAJ,EADF,eAEE;QAAA,UAAIV,GAAG,CAACoB,QAAD;MAAP,EAFF,eAGE;QAAA,mBACOA,QAAQ,CAACC,GADhB,QACuBD,QAAQ,CAACE,KADhC,QACyCF,QAAQ,CAACG,IADlD;MAAA,EAHF,eAME;QAAA,mBACOC,IAAI,CAACC,KAAL,CAAWT,QAAQ,CAACC,GAApB,CADP,OACkC,GADlC,EAEGO,IAAI,CAACC,KAAL,CAAWT,QAAQ,CAACE,UAAT,GAAsB,GAAjC,CAFH,QAE4C,GAF5C,EAGGM,IAAI,CAACC,KAAL,CAAWT,QAAQ,CAACG,SAAT,GAAqB,GAAhC,CAHH;MAAA,EANF;IAAA,EADW,gBAcX;MAAA,UAAIT;IAAJ,EAhBN;IAAA,uBAoBE,KAAC,IAAD;MACE,EAAE,EAAC,KADL;MAEE,OAAO,EAAC,YAFV;MAGE,KAAK,EAAEC,KAHT;MAIE,GAAG,EAAE,aAACe,IAAD,EAAgC;QACnC,IAAIA,IAAJ,EAAS;UACPX,gBAAgB,CAACY,MAAM,CAACC,gBAAP,CAAwBF,IAAxB,EAA6BG,eAA9B,CAAhB;QACD;MACF,CARH;MASE,EAAE,EAAE;QACFjB,KAAK,EAALA,KADE;QAEFC,MAAM,EAANA,MAFE;QAGFiB,EAAE,EAAE,MAHF;QAIFC,EAAE,EAAE,MAJF;QAKFC,QAAQ,EAAE,MALR;QAMFC,UAAU,EAAE,MANV;QAOFC,YAAY,EAAE,UAPZ;QAQFC,QAAQ,EAAE;MARR,CATN;MAAA,UAoBGzB;IApBH;EApBF,EADF;AA6CD,CA5D0B,CAAtB;AA+DP,OAAO,IAAM0B,QAAQ,gBAAGtC,IAAI,CAC1B,UAACW,KAAD,EAGM;EACJ,IAAQ4B,MAAR,GAAgC5B,KAAhC,CAAQ4B,MAAR;EAAA,qBAAgC5B,KAAhC,CAAgBI,MAAhB;EAAA,IAAgBA,MAAhB,+BAAyB,EAAzB;EACA,oBACE,KAAC,GAAD;IACE,KAAK,EAAC,MADR;IAEE,OAAO,EAAC,MAFV;IAGE,EAAE,EAAE;MACF,kBAAkB;QAChByB,mBAAmB,EAAE,aADL;QAEhBC,oBAAoB,EAAE,aAFN;QAGhBJ,QAAQ,EAAE;MAHM,CADhB;MAMF,iBAAiB;QACfK,sBAAsB,EAAE,aADT;QAEfC,uBAAuB,EAAE,aAFV;QAGfN,QAAQ,EAAE;MAHK,CANf;MAWFtB,MAAM,EAANA;IAXE,CAHN;IAAA,UAiBGwB,MAAM,CAACK,GAAP,CAAW,iBAAuBC,GAAvB;MAAA,IAAGjC,KAAH,SAAGA,KAAH;MAAA,IAAUkC,EAAV,SAAUA,EAAV;MAAA,IAAcC,KAAd,SAAcA,KAAd;MAAA,oBACV,KAAC,SAAD;QACE,KAAK,EACHR,MAAM,CAACS,MAAP,GAAgB,CAAhB,KAAsB,CAAtB,GACIH,GAAG,KAAKN,MAAM,CAACS,MAAP,GAAgB,CAAxB,GACE,KADF,GAEE,KAHN,GAII,QANR;QASE,KAAK,EAAEpC,KATT;QAUE,KAAK,EAAE;UAAEmB,eAAe,EAAEe,EAAnB;UAAuBC,KAAK,EAAEA;QAA9B;MAVT,GAQOnC,KARP,CADU;IAAA,CAAX;EAjBH,EADF;AAkCD,CAxCyB,CAArB;AA2CP,OAAO,IAAMqC,cAAc,gBAAGjD,IAAI,CAChC,UAACW,KAAD,EAA6C;EAC3C,IAAQuC,KAAR,GAAyBvC,KAAzB,CAAQuC,KAAR;EAAA,IAAeH,KAAf,GAAyBpC,KAAzB,CAAeoC,KAAf;EACA,IAAM7B,QAAQ,GAAGf,UAAU,CAAC4C,KAAD,CAA3B;EACA,IAAMzB,QAAQ,GAAGlB,UAAU,CAAC2C,KAAD,CAA3B;EACA,oBACE,KAAC,OAAD;IACE,KAAK,eACH;MAAA,wBACE;QAAA,0BAAeG,KAAf;MAAA,EADF,eAEE;QAAA,UAAIhD,GAAG,CAACoB,QAAD;MAAP,EAFF,eAGE;QAAA,mBACOA,QAAQ,CAACC,GADhB,QACuBD,QAAQ,CAACE,KADhC,QACyCF,QAAQ,CAACG,IADlD;MAAA,EAHF,eAME;QAAA,mBACOC,IAAI,CAACC,KAAL,CAAWT,QAAQ,CAACC,GAApB,CADP,OACkC,GADlC,EAEGO,IAAI,CAACC,KAAL,CAAWT,QAAQ,CAACE,UAAT,GAAsB,GAAjC,CAFH,QAE4C,GAF5C,EAGGM,IAAI,CAACC,KAAL,CAAWT,QAAQ,CAACG,SAAT,GAAqB,GAAhC,CAHH;MAAA,EANF;IAAA,EAFJ;IAAA,uBAgBE,KAAC,IAAD;MAEE,EAAE,EAAC,KAFL;MAGE,OAAO,EAAC,YAHV;MAIE,IAAI,EAAE,CAJR;MAKE,OAAO,EAAC,MALV;MAME,UAAU,EAAC,QANb;MAOE,cAAc,EAAC,QAPjB;MAQE,KAAK,EAAE;QACLU,eAAe,EAAEgB,KADZ;QAELA,KAAK,EAAEG,KAAK,IAAI,EAAT,GAAc,MAAd,GAAuB;MAFzB,CART;MAAA,UAaGA;IAbH,GACOA,KADP;EAhBF,EADF;AAkCD,CAvC+B,CAA3B;AA0CP,OAAO,IAAMC,oBAAoB,gBAAGnD,IAAI,CAAC,UAACW,KAAD,EAA8B;EACrE,iBAA0CV,QAAQ,EAAlD;EAAA;EAAA,IAAOe,aAAP;EAAA,IAAsBC,gBAAtB;;EACA,IAAI,CAACD,aAAL,EAAoB;IAClB,oBACE,KAAC,GAAD;MACE,GAAG,EAAE,aAACY,KAAD,EAAgC;QACnC,IAAIA,KAAJ,EAAS;UACPX,gBAAgB,CAACY,MAAM,CAACC,gBAAP,CAAwBF,KAAxB,EAA6BG,eAA9B,CAAhB;QACD;MACF,CALH;MAME,EAAE,EAAEpB,KAAK,CAACC,KANZ;MAOE,KAAK,EAAE;QAAEwC,QAAQ,EAAE,OAAZ;QAAqBC,IAAI,EAAE,CAAC,IAA5B;QAAkCC,GAAG,EAAE,CAAC;MAAxC;IAPT,EADF;EAWD;;EACD,IAAMC,QAAQ,GAAGC,QAAQ,CAACtD,GAAG,CAACE,UAAU,CAACY,aAAD,CAAX,CAAH,CAA+ByC,KAA/B,CAAqC,CAArC,CAAD,EAA0C,EAA1C,CAAzB;EACA,IAAMC,KAAK,GAAGpD,YAAY,CAACqD,OAAb,CAAqBJ,QAArB,CAAd;EAEA,oBAAO,KAAC,WAAD;IAAa,OAAO,EAAEG;EAAtB,EAAP;AACD,CAnBuC,CAAjC;AAqBP,OAAO,IAAME,WAAW,gBAAG5D,IAAI,CAAC,UAACW,KAAD,EAAsC;EACpE,IAAMkD,eAAe,GAAG,CACtB,CADsB,EACnB,EADmB,EACf,EADe,EACX,EADW,EACP,EADO,EACH,EADG,EACC,EADD,EACK,EADL,EACS,EADT,EACa,EADb,EACiB,EADjB,EACqB,EADrB,EACyB,EADzB,EAC6B,EAD7B,EACiC,EADjC,EACqC,GADrC,CAAxB;EAGA,oBACE,KAAC,GAAD;IAAK,OAAO,EAAC,MAAb;IAAoB,MAAM,EAAC,MAA3B;IAAkC,KAAK,EAAC,MAAxC;IAAA,UACGA,eAAe,CAACjB,GAAhB,CAAoB,UAACM,KAAD;MAAA,oBACnB,KAAC,cAAD;QAEE,KAAK,EAAEA,KAFT;QAGE,KAAK,EAAE7C,WAAW,CAACM,KAAK,CAACmD,OAAN,CAAcC,IAAd,CAAmBb,KAAnB,CAAD;MAHpB,GACOA,KADP,CADmB;IAAA,CAApB;EADH,EADF;AAWD,CAf8B,CAAxB;AAiBP,OAAO,SAASc,sBAAT,CACLpD,KADK,EAE2C;EAChD,OAAO,CACL;IAAEA,KAAK,EAALA,KAAF;IAASkC,EAAE,EAAElC,KAAb;IAAoBmC,KAAK,EAAE,QAAQnC;EAAnC,CADK,EAEL;IAAEA,KAAK,EAALA,KAAF;IAASkC,EAAE,EAAE,QAAQlC,KAArB;IAA4BmC,KAAK,EAAEnC;EAAnC,CAFK,EAGL;IAAEA,KAAK,EAALA,KAAF;IAASkC,EAAE,EAAElC,KAAK,GAAG,YAArB;IAAmCmC,KAAK,EAAE,QAAQnC,KAAR,GAAgB;EAA1D,CAHK,EAIL;IAAEA,KAAK,EAALA,KAAF;IAASkC,EAAE,EAAE,QAAQlC,KAAR,GAAgB,YAA7B;IAA2CmC,KAAK,EAAEnC,KAAK,GAAG;EAA1D,CAJK,CAAP;AAMD"}
+{"version":3,"file":"components.js","names":["memo","useState","rgb","parseToHsl","parseToRgb","hexFromArgb","TonalPalette","Box","Tooltip","Text","ColorItem","props","token","style","flex","height","computedColor","setComputedColor","hslColor","hue","saturation","lightness","rgbColor","red","green","blue","Math","round","ref","window","getComputedStyle","backgroundColor","px","py","textOverflow","overflow","ColorRow","colors","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","map","bg","color","TonalColorItem","level","TonalColorsFromToken","position","left","top","colorInt","parseInt","slice","tonal","fromInt","TonalColors","luminanceLevels","palette","tone","makeColorArrayForToken"],"sources":["../../../src/ThemeExplorer/components.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { memo, useState } from 'react';\nimport { rgb, parseToHsl, parseToRgb } from 'polished';\nimport { hexFromArgb, TonalPalette } from '@material/material-color-utilities';\n\nimport { Box, Tooltip, Text } from '../';\n\nexport const ColorItem = memo(\n  (props: {\n    token: string;\n    style: CSSProperties;\n    height?: number;\n    flex: number;\n  }) => {\n    const { token, style, flex, height = '100%' } = props;\n    const [computedColor, setComputedColor] = useState<string>();\n    const hslColor = computedColor\n      ? parseToHsl(computedColor)\n      : { hue: 0, saturation: 0, lightness: 0 };\n    const rgbColor = computedColor\n      ? parseToRgb(computedColor)\n      : { red: 0, green: 0, blue: 0 };\n    return (\n      <Tooltip\n        label={\n          computedColor ? (\n            <>\n              <p>{token}</p>\n              <p>{rgb(rgbColor)}</p>\n              <p>\n                rgb({rgbColor.red}, {rgbColor.green}, {rgbColor.blue})\n              </p>\n              <p>\n                hsl({Math.round(hslColor.hue)},{' '}\n                {Math.round(hslColor.saturation * 100)}%,{' '}\n                {Math.round(hslColor.lightness * 100)}%)\n              </p>\n            </>\n          ) : (\n            <p>{token}</p>\n          )\n        }\n      >\n        <Text\n          as=\"div\"\n          variant=\"body-medium\"\n          style={style}\n          ref={(ref: HTMLDivElement | null) => {\n            if (ref) {\n              setComputedColor(window.getComputedStyle(ref).backgroundColor);\n            }\n          }}\n          sx={{\n            flex,\n            height,\n            px: '12px',\n            py: '12px',\n            textOverflow: 'ellipsis',\n            overflow: 'hidden',\n          }}\n        >\n          {token}\n        </Text>\n      </Tooltip>\n    );\n  }\n);\n\nexport const ColorRow = memo(\n  (props: {\n    colors: { token: string; bg: string; color: string }[];\n    height?: number;\n  }) => {\n    const { colors, height = 50 } = props;\n    return (\n      <Box\n        width=\"100%\"\n        display=\"flex\"\n        sx={{\n          ':first-of-type': {\n            borderTopLeftRadius: 'large',\n            borderTopRightRadius: 'large',\n            overflow: 'hidden',\n          },\n          ':last-of-type': {\n            borderBottomLeftRadius: 'large',\n            borderBottomRightRadius: 'large',\n            overflow: 'hidden',\n          },\n          height,\n        }}\n      >\n        {colors.map(({ token, bg, color }) => (\n          <ColorItem\n            flex={1}\n            key={token}\n            token={token}\n            style={{ backgroundColor: bg, color: color }}\n          />\n        ))}\n      </Box>\n    );\n  }\n);\n\nexport const TonalColorItem = memo(\n  (props: { color: string; level: number }) => {\n    const { level, color } = props;\n    const hslColor = parseToHsl(color);\n    const rgbColor = parseToRgb(color);\n    return (\n      <Tooltip\n        label={\n          <>\n            <p>Luminance: {level}</p>\n            <p>{rgb(rgbColor)}</p>\n            <p>\n              rgb({rgbColor.red}, {rgbColor.green}, {rgbColor.blue})\n            </p>\n            <p>\n              hsl({Math.round(hslColor.hue)},{' '}\n              {Math.round(hslColor.saturation * 100)}%,{' '}\n              {Math.round(hslColor.lightness * 100)}%)\n            </p>\n          </>\n        }\n      >\n        <Text\n          key={level}\n          as=\"div\"\n          variant=\"body-small\"\n          flex={1}\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          style={{\n            backgroundColor: color,\n            color: level <= 50 ? '#fff' : '#000',\n          }}\n        >\n          {level}\n        </Text>\n      </Tooltip>\n    );\n  }\n);\n\nexport const TonalColorsFromToken = memo((props: { token: string }) => {\n  const [computedColor, setComputedColor] = useState<string>();\n  if (!computedColor) {\n    return (\n      <Box\n        ref={(ref: HTMLDivElement | null) => {\n          if (ref) {\n            setComputedColor(window.getComputedStyle(ref).backgroundColor);\n          }\n        }}\n        bg={props.token}\n        style={{ position: 'fixed', left: -5000, top: -5000 }}\n      />\n    );\n  }\n  const colorInt = parseInt(rgb(parseToRgb(computedColor)).slice(1), 16);\n  const tonal = TonalPalette.fromInt(colorInt);\n\n  return <TonalColors palette={tonal} />;\n});\n\nexport const TonalColors = memo((props: { palette: TonalPalette }) => {\n  const luminanceLevels = [\n    0, 10, 20, 25, 30, 35, 40, 50, 60, 70, 80, 90, 95, 98, 99, 100,\n  ];\n  return (\n    <Box display=\"flex\" height=\"72px\" width=\"100%\">\n      {luminanceLevels.map((level) => (\n        <TonalColorItem\n          key={level}\n          level={level}\n          color={hexFromArgb(props.palette.tone(level))}\n        />\n      ))}\n    </Box>\n  );\n});\n\nexport function makeColorArrayForToken(\n  token: string\n): { token: string; bg: string; color: string }[] {\n  return [\n    { token, bg: token, color: 'on.' + token },\n    { token, bg: 'on.' + token, color: token },\n    { token, bg: token + '-container', color: 'on.' + token + '-container' },\n    { token, bg: 'on.' + token + '-container', color: token + '-container' },\n  ];\n}\n"],"mappings":"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"}

package/build/esm/ThemeExplorer/makeColorScheme.d.ts

@@ -16,10 +16,17 @@ export declare function makeColorScheme(opts: {
     'tertiary-container': string;
     'error-container': string;
     background: string;
-    surface: string;
     'surface-variant': string;
     outline: string;
     'outline-variant': string;
+    'surface-dim': string;
+    surface: string;
+    'surface-bright': string;
+    'surface-container-lowest': string;
+    'surface-container-low': string;
+    'surface-container': string;
+    'surface-container-high': string;
+    'surface-container-highest': string;
     on: {
         primary: string;
         secondary: string;
@@ -30,10 +37,17 @@ export declare function makeColorScheme(opts: {
         'tertiary-container': string;
         'error-container': string;
         background: string;
-        surface: string;
         'surface-variant': string;
         outline: string;
         'outline-variant': string;
+        'surface-dim': string;
+        surface: string;
+        'surface-bright': string;
+        'surface-container-lowest': string;
+        'surface-container-low': string;
+        'surface-container': string;
+        'surface-container-high': string;
+        'surface-container-highest': string;
     };
     modes: {
         dark: {
@@ -46,10 +60,17 @@ export declare function makeColorScheme(opts: {
             'tertiary-container': string;
             'error-container': string;
             background: string;
-            surface: string;
             'surface-variant': string;
             outline: string;
             'outline-variant': string;
+            'surface-dim': string;
+            surface: string;
+            'surface-bright': string;
+            'surface-container-lowest': string;
+            'surface-container-low': string;
+            'surface-container': string;
+            'surface-container-high': string;
+            'surface-container-highest': string;
             on: {
                 primary: string;
                 secondary: string;
@@ -60,10 +81,17 @@ export declare function makeColorScheme(opts: {
                 'tertiary-container': string;
                 'error-container': string;
                 background: string;
-                surface: string;
                 'surface-variant': string;
                 outline: string;
                 'outline-variant': string;
+                'surface-dim': string;
+                surface: string;
+                'surface-bright': string;
+                'surface-container-lowest': string;
+                'surface-container-low': string;
+                'surface-container': string;
+                'surface-container-high': string;
+                'surface-container-highest': string;
             };
         };
     };

package/build/esm/ThemeExplorer/makeColorScheme.js

@@ -13,11 +13,19 @@ export function makeColorScheme(opts) {
     'secondary-container': c(opts.secondary, 90),
     'tertiary-container': c(opts.tertiary, 90),
     'error-container': c(opts.error, 90),
-    background: c(opts.neutral, 99),
-    surface: c(opts.neutral, 99),
+    background: c(opts.neutral, 98),
     'surface-variant': c(opts.neutralVariant, 90),
     outline: c(opts.neutralVariant, 50),
     'outline-variant': c(opts.neutralVariant, 80),
+    // https://material.io/blog/tone-based-surface-color-m3
+    'surface-dim': c(opts.neutral, 87),
+    surface: c(opts.neutral, 98),
+    'surface-bright': c(opts.neutral, 98),
+    'surface-container-lowest': c(opts.neutral, 100),
+    'surface-container-low': c(opts.neutral, 96),
+    'surface-container': c(opts.neutral, 94),
+    'surface-container-high': c(opts.neutral, 92),
+    'surface-container-highest': c(opts.neutral, 90),
     on: {
       primary: c(opts.primary, 100),
       secondary: c(opts.secondary, 100),
@@ -28,10 +36,18 @@ export function makeColorScheme(opts) {
       'tertiary-container': c(opts.tertiary, 10),
       'error-container': c(opts.error, 10),
       background: c(opts.neutral, 10),
-      surface: c(opts.neutral, 10),
       'surface-variant': c(opts.neutralVariant, 30),
       outline: c(opts.neutralVariant, 95),
-      'outline-variant': c(opts.neutralVariant, 10)
+      'outline-variant': c(opts.neutralVariant, 10),
+      // https://material.io/blog/tone-based-surface-color-m3
+      'surface-dim': c(opts.neutral, 10),
+      surface: c(opts.neutral, 10),
+      'surface-bright': c(opts.neutral, 10),
+      'surface-container-lowest': c(opts.neutral, 10),
+      'surface-container-low': c(opts.neutral, 10),
+      'surface-container': c(opts.neutral, 10),
+      'surface-container-high': c(opts.neutral, 10),
+      'surface-container-highest': c(opts.neutral, 10)
     },
     modes: {
       dark: {
@@ -43,11 +59,20 @@ export function makeColorScheme(opts) {
         'secondary-container': c(opts.secondary, 30),
         'tertiary-container': c(opts.tertiary, 30),
         'error-container': c(opts.error, 30),
-        background: c(opts.neutral, 10),
-        surface: c(opts.neutral, 10),
+        background: c(opts.neutral, 6),
         'surface-variant': c(opts.neutralVariant, 30),
         outline: c(opts.neutralVariant, 60),
         'outline-variant': c(opts.neutralVariant, 30),
+        // https://material.io/blog/tone-based-surface-color-m3
+        // TODO: get the actual values from here once updated: https://github.com/material-foundation/material-color-utilities/blob/main/dart/lib/scheme/scheme.dart#L126-L156
+        'surface-dim': c(opts.neutral, 6),
+        surface: c(opts.neutral, 6),
+        'surface-bright': c(opts.neutral, 24),
+        'surface-container-lowest': c(opts.neutral, 4),
+        'surface-container-low': c(opts.neutral, 10),
+        'surface-container': c(opts.neutral, 12),
+        'surface-container-high': c(opts.neutral, 17),
+        'surface-container-highest': c(opts.neutral, 22),
         on: {
           primary: c(opts.primary, 20),
           secondary: c(opts.secondary, 20),
@@ -58,10 +83,18 @@ export function makeColorScheme(opts) {
           'tertiary-container': c(opts.tertiary, 90),
           'error-container': c(opts.error, 90),
           background: c(opts.neutral, 90),
-          surface: c(opts.neutral, 90),
           'surface-variant': c(opts.neutralVariant, 80),
           outline: c(opts.neutralVariant, 10),
-          'outline-variant': c(opts.neutralVariant, 90)
+          'outline-variant': c(opts.neutralVariant, 90),
+          // https://material.io/blog/tone-based-surface-color-m3
+          'surface-dim': c(opts.neutral, 90),
+          surface: c(opts.neutral, 90),
+          'surface-bright': c(opts.neutral, 90),
+          'surface-container-lowest': c(opts.neutral, 90),
+          'surface-container-low': c(opts.neutral, 90),
+          'surface-container': c(opts.neutral, 90),
+          'surface-container-high': c(opts.neutral, 90),
+          'surface-container-highest': c(opts.neutral, 90)
         }
       }
     }

package/build/esm/ThemeExplorer/makeColorScheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeColorScheme.js","names":["hexFromArgb","makeColorScheme","opts","c","palette","tone","primary","secondary","tertiary","error","background","neutral","surface","neutralVariant","outline","on","modes","dark"],"sources":["../../../src/ThemeExplorer/makeColorScheme.tsx"],"sourcesContent":["import type { TonalPalette } from '@material/material-color-utilities';\nimport { hexFromArgb } from '@material/material-color-utilities';\n\nexport function makeColorScheme(opts: {\n  primary: TonalPalette;\n  secondary: TonalPalette;\n  tertiary: TonalPalette;\n  error: TonalPalette;\n  neutral: TonalPalette;\n  neutralVariant: TonalPalette;\n}) {\n  function c(palette: TonalPalette, tone: number) {\n    return hexFromArgb(palette.tone(tone));\n  }\n\n  return {\n    primary: c(opts.primary, 40),\n    secondary: c(opts.secondary, 40),\n    tertiary: c(opts.tertiary, 40),\n    error: c(opts.error, 40),\n    'primary-container': c(opts.primary, 90),\n    'secondary-container': c(opts.secondary, 90),\n    'tertiary-container': c(opts.tertiary, 90),\n    'error-container': c(opts.error, 90),\n    background: c(opts.neutral, 99),\n    surface: c(opts.neutral, 99),\n    'surface-variant': c(opts.neutralVariant, 90),\n    outline: c(opts.neutralVariant, 50),\n    'outline-variant': c(opts.neutralVariant, 80),\n    on: {\n      primary: c(opts.primary, 100),\n      secondary: c(opts.secondary, 100),\n      tertiary: c(opts.tertiary, 100),\n      error: c(opts.error, 100),\n      'primary-container': c(opts.primary, 10),\n      'secondary-container': c(opts.secondary, 10),\n      'tertiary-container': c(opts.tertiary, 10),\n      'error-container': c(opts.error, 10),\n      background: c(opts.neutral, 10),\n      surface: c(opts.neutral, 10),\n      'surface-variant': c(opts.neutralVariant, 30),\n      outline: c(opts.neutralVariant, 95),\n      'outline-variant': c(opts.neutralVariant, 10),\n    },\n    modes: {\n      dark: {\n        primary: c(opts.primary, 80),\n        secondary: c(opts.secondary, 80),\n        tertiary: c(opts.tertiary, 80),\n        error: c(opts.error, 80),\n        'primary-container': c(opts.primary, 30),\n        'secondary-container': c(opts.secondary, 30),\n        'tertiary-container': c(opts.tertiary, 30),\n        'error-container': c(opts.error, 30),\n        background: c(opts.neutral, 10),\n        surface: c(opts.neutral, 10),\n        'surface-variant': c(opts.neutralVariant, 30),\n        outline: c(opts.neutralVariant, 60),\n        'outline-variant': c(opts.neutralVariant, 30),\n        on: {\n          primary: c(opts.primary, 20),\n          secondary: c(opts.secondary, 20),\n          tertiary: c(opts.tertiary, 20),\n          error: c(opts.error, 20),\n          'primary-container': c(opts.primary, 90),\n          'secondary-container': c(opts.secondary, 90),\n          'tertiary-container': c(opts.tertiary, 90),\n          'error-container': c(opts.error, 90),\n          background: c(opts.neutral, 90),\n          surface: c(opts.neutral, 90),\n          'surface-variant': c(opts.neutralVariant, 80),\n          outline: c(opts.neutralVariant, 10),\n          'outline-variant': c(opts.neutralVariant, 90),\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AACA,SAASA,WAAT,QAA4B,oCAA5B;AAEA,OAAO,SAASC,eAAT,CAAyBC,IAAzB,EAOJ;EACD,SAASC,CAAT,CAAWC,OAAX,EAAkCC,IAAlC,EAAgD;IAC9C,OAAOL,WAAW,CAACI,OAAO,CAACC,IAAR,CAAaA,IAAb,CAAD,CAAlB;EACD;;EAED,OAAO;IACLC,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADL;IAELC,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFP;IAGLC,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHN;IAILC,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJH;IAKL,qBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALjB;IAML,uBAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANnB;IAOL,sBAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPlB;IAQL,mBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARf;IASLC,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATR;IAULC,OAAO,EAAET,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAVL;IAWL,mBAAmBR,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAXf;IAYLC,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAZL;IAaL,mBAAmBV,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAbf;IAcLE,EAAE,EAAE;MACFT,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,GAAf,CADR;MAEFC,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,GAAjB,CAFV;MAGFC,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,GAAhB,CAHT;MAIFC,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,GAAb,CAJN;MAKF,qBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALpB;MAMF,uBAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANtB;MAOF,sBAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPrB;MAQF,mBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARlB;MASFC,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATX;MAUFC,OAAO,EAAET,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAVR;MAWF,mBAAmBR,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAXlB;MAYFC,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAZR;MAaF,mBAAmBV,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB;IAblB,CAdC;IA6BLG,KAAK,EAAE;MACLC,IAAI,EAAE;QACJX,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADN;QAEJC,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFR;QAGJC,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHP;QAIJC,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJJ;QAKJ,qBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALlB;QAMJ,uBAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANpB;QAOJ,sBAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPnB;QAQJ,mBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARhB;QASJC,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATT;QAUJC,OAAO,EAAET,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAVN;QAWJ,mBAAmBR,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAXhB;QAYJC,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAZN;QAaJ,mBAAmBV,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAbhB;QAcJE,EAAE,EAAE;UACFT,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADR;UAEFC,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFV;UAGFC,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHT;UAIFC,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJN;UAKF,qBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALpB;UAMF,uBAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANtB;UAOF,sBAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPrB;UAQF,mBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARlB;UASFC,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATX;UAUFC,OAAO,EAAET,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAVR;UAWF,mBAAmBR,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAXlB;UAYFC,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAZR;UAaF,mBAAmBV,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB;QAblB;MAdA;IADD;EA7BF,CAAP;AA8DD"}
+{"version":3,"file":"makeColorScheme.js","names":["hexFromArgb","makeColorScheme","opts","c","palette","tone","primary","secondary","tertiary","error","background","neutral","neutralVariant","outline","surface","on","modes","dark"],"sources":["../../../src/ThemeExplorer/makeColorScheme.tsx"],"sourcesContent":["import type { TonalPalette } from '@material/material-color-utilities';\nimport { hexFromArgb } from '@material/material-color-utilities';\n\nexport function makeColorScheme(opts: {\n  primary: TonalPalette;\n  secondary: TonalPalette;\n  tertiary: TonalPalette;\n  error: TonalPalette;\n  neutral: TonalPalette;\n  neutralVariant: TonalPalette;\n}) {\n  function c(palette: TonalPalette, tone: number) {\n    return hexFromArgb(palette.tone(tone));\n  }\n\n  return {\n    primary: c(opts.primary, 40),\n    secondary: c(opts.secondary, 40),\n    tertiary: c(opts.tertiary, 40),\n    error: c(opts.error, 40),\n    'primary-container': c(opts.primary, 90),\n    'secondary-container': c(opts.secondary, 90),\n    'tertiary-container': c(opts.tertiary, 90),\n    'error-container': c(opts.error, 90),\n    background: c(opts.neutral, 98),\n    'surface-variant': c(opts.neutralVariant, 90),\n    outline: c(opts.neutralVariant, 50),\n    'outline-variant': c(opts.neutralVariant, 80),\n    // https://material.io/blog/tone-based-surface-color-m3\n    'surface-dim': c(opts.neutral, 87),\n    surface: c(opts.neutral, 98),\n    'surface-bright': c(opts.neutral, 98),\n    'surface-container-lowest': c(opts.neutral, 100),\n    'surface-container-low': c(opts.neutral, 96),\n    'surface-container': c(opts.neutral, 94),\n    'surface-container-high': c(opts.neutral, 92),\n    'surface-container-highest': c(opts.neutral, 90),\n    on: {\n      primary: c(opts.primary, 100),\n      secondary: c(opts.secondary, 100),\n      tertiary: c(opts.tertiary, 100),\n      error: c(opts.error, 100),\n      'primary-container': c(opts.primary, 10),\n      'secondary-container': c(opts.secondary, 10),\n      'tertiary-container': c(opts.tertiary, 10),\n      'error-container': c(opts.error, 10),\n      background: c(opts.neutral, 10),\n      'surface-variant': c(opts.neutralVariant, 30),\n      outline: c(opts.neutralVariant, 95),\n      'outline-variant': c(opts.neutralVariant, 10),\n      // https://material.io/blog/tone-based-surface-color-m3\n      'surface-dim': c(opts.neutral, 10),\n      surface: c(opts.neutral, 10),\n      'surface-bright': c(opts.neutral, 10),\n      'surface-container-lowest': c(opts.neutral, 10),\n      'surface-container-low': c(opts.neutral, 10),\n      'surface-container': c(opts.neutral, 10),\n      'surface-container-high': c(opts.neutral, 10),\n      'surface-container-highest': c(opts.neutral, 10),\n    },\n    modes: {\n      dark: {\n        primary: c(opts.primary, 80),\n        secondary: c(opts.secondary, 80),\n        tertiary: c(opts.tertiary, 80),\n        error: c(opts.error, 80),\n        'primary-container': c(opts.primary, 30),\n        'secondary-container': c(opts.secondary, 30),\n        'tertiary-container': c(opts.tertiary, 30),\n        'error-container': c(opts.error, 30),\n        background: c(opts.neutral, 6),\n        'surface-variant': c(opts.neutralVariant, 30),\n        outline: c(opts.neutralVariant, 60),\n        'outline-variant': c(opts.neutralVariant, 30),\n        // https://material.io/blog/tone-based-surface-color-m3\n        // TODO: get the actual values from here once updated: https://github.com/material-foundation/material-color-utilities/blob/main/dart/lib/scheme/scheme.dart#L126-L156\n        'surface-dim': c(opts.neutral, 6),\n        surface: c(opts.neutral, 6),\n        'surface-bright': c(opts.neutral, 24),\n        'surface-container-lowest': c(opts.neutral, 4),\n        'surface-container-low': c(opts.neutral, 10),\n        'surface-container': c(opts.neutral, 12),\n        'surface-container-high': c(opts.neutral, 17),\n        'surface-container-highest': c(opts.neutral, 22),\n        on: {\n          primary: c(opts.primary, 20),\n          secondary: c(opts.secondary, 20),\n          tertiary: c(opts.tertiary, 20),\n          error: c(opts.error, 20),\n          'primary-container': c(opts.primary, 90),\n          'secondary-container': c(opts.secondary, 90),\n          'tertiary-container': c(opts.tertiary, 90),\n          'error-container': c(opts.error, 90),\n          background: c(opts.neutral, 90),\n          'surface-variant': c(opts.neutralVariant, 80),\n          outline: c(opts.neutralVariant, 10),\n          'outline-variant': c(opts.neutralVariant, 90),\n          // https://material.io/blog/tone-based-surface-color-m3\n          'surface-dim': c(opts.neutral, 90),\n          surface: c(opts.neutral, 90),\n          'surface-bright': c(opts.neutral, 90),\n          'surface-container-lowest': c(opts.neutral, 90),\n          'surface-container-low': c(opts.neutral, 90),\n          'surface-container': c(opts.neutral, 90),\n          'surface-container-high': c(opts.neutral, 90),\n          'surface-container-highest': c(opts.neutral, 90),\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AACA,SAASA,WAAT,QAA4B,oCAA5B;AAEA,OAAO,SAASC,eAAT,CAAyBC,IAAzB,EAOJ;EACD,SAASC,CAAT,CAAWC,OAAX,EAAkCC,IAAlC,EAAgD;IAC9C,OAAOL,WAAW,CAACI,OAAO,CAACC,IAAR,CAAaA,IAAb,CAAD,CAAlB;EACD;;EAED,OAAO;IACLC,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADL;IAELC,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFP;IAGLC,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHN;IAILC,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJH;IAKL,qBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALjB;IAML,uBAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANnB;IAOL,sBAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPlB;IAQL,mBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARf;IASLC,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATR;IAUL,mBAAmBR,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAVf;IAWLC,OAAO,EAAEV,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAXL;IAYL,mBAAmBT,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAZf;IAaL;IACA,eAAeT,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAdX;IAeLG,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAfL;IAgBL,kBAAkBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAhBd;IAiBL,4BAA4BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,GAAf,CAjBxB;IAkBL,yBAAyBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAlBrB;IAmBL,qBAAqBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAnBjB;IAoBL,0BAA0BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CApBtB;IAqBL,6BAA6BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CArBzB;IAsBLI,EAAE,EAAE;MACFT,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,GAAf,CADR;MAEFC,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,GAAjB,CAFV;MAGFC,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,GAAhB,CAHT;MAIFC,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,GAAb,CAJN;MAKF,qBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALpB;MAMF,uBAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANtB;MAOF,sBAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPrB;MAQF,mBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARlB;MASFC,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATX;MAUF,mBAAmBR,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAVlB;MAWFC,OAAO,EAAEV,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAXR;MAYF,mBAAmBT,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAZlB;MAaF;MACA,eAAeT,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAdd;MAeFG,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAfR;MAgBF,kBAAkBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAhBjB;MAiBF,4BAA4BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAjB3B;MAkBF,yBAAyBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAlBxB;MAmBF,qBAAqBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAnBpB;MAoBF,0BAA0BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CApBzB;MAqBF,6BAA6BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf;IArB5B,CAtBC;IA6CLK,KAAK,EAAE;MACLC,IAAI,EAAE;QACJX,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADN;QAEJC,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFR;QAGJC,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHP;QAIJC,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJJ;QAKJ,qBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALlB;QAMJ,uBAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANpB;QAOJ,sBAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPnB;QAQJ,mBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARhB;QASJC,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,CAAf,CATT;QAUJ,mBAAmBR,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAVhB;QAWJC,OAAO,EAAEV,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAXN;QAYJ,mBAAmBT,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAZhB;QAaJ;QACA;QACA,eAAeT,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,CAAf,CAfZ;QAgBJG,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,CAAf,CAhBN;QAiBJ,kBAAkBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAjBf;QAkBJ,4BAA4BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,CAAf,CAlBzB;QAmBJ,yBAAyBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAnBtB;QAoBJ,qBAAqBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CApBlB;QAqBJ,0BAA0BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CArBvB;QAsBJ,6BAA6BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAtB1B;QAuBJI,EAAE,EAAE;UACFT,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADR;UAEFC,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFV;UAGFC,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHT;UAIFC,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJN;UAKF,qBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALpB;UAMF,uBAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANtB;UAOF,sBAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPrB;UAQF,mBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARlB;UASFC,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATX;UAUF,mBAAmBR,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAVlB;UAWFC,OAAO,EAAEV,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAXR;UAYF,mBAAmBT,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAZlB;UAaF;UACA,eAAeT,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAdd;UAeFG,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAfR;UAgBF,kBAAkBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAhBjB;UAiBF,4BAA4BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAjB3B;UAkBF,yBAAyBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAlBxB;UAmBF,qBAAqBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAnBpB;UAoBF,0BAA0BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CApBzB;UAqBF,6BAA6BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf;QArB5B;MAvBA;IADD;EA7CF,CAAP;AA+FD"}

package/build/esm/Tooltip/Tooltip.d.ts

@@ -5,4 +5,4 @@ export interface TooltipProps extends BoxProps, Omit<PopperProps, 'color' | 'anc
     label: ReactNode;
     disabled?: boolean;
 }
-export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "label" | "p" | "slot" | "style" | "title" | "as" | "fontFamily" | "fontSize" | "children" | "background" | "bottom" | "top" | "hidden" | "left" | "right" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "disabled" | "innerAs" | "placement" | "strategy" | "modifiers" | "usePortal" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "children" | "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "innerAs" | "disabled" | "key" | "placement" | "strategy" | "modifiers" | "usePortal" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/theme/theme.js

@@ -477,8 +477,8 @@ export var theme = {
   styles: {
     root: {
       body: {
-        fontFamily: 'body',
-        fontWeight: 'body',
+        fontFamily: 'body1',
+        fontWeight: 'body1',
         lineHeight: 'body',
         backgroundColor: 'surface',
         color: 'on.surface'

package/build/esm/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["rem","em","EASING_STANDARD","font","fontFamily","lineHeight","fontSize","letterSpacing","weight","fontWeight","theme","googleFonts","colors","primary","secondary","tertiary","error","background","surface","outline","on","modes","dark","sizes","icon","avatar","radii","none","default","small","medium","large","large_end","large_top","full","circle","shadows","fonts","body","heading","brand","plain","monospace","fontSizes","fontWeights","light","regular","lineHeights","space","text","caps","textTransform","display","h1","variant","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline","appbar","variants","base","backgroundColor","color","transparent","elevations","elevated","boxShadow","height","p","dense","buttons","py","px","borderRadius","cursor","filled","outlined","fab","maxHeight","width","maxWidth","transition","floating","overlays","hover","opacity","focus","pressed","chips","dialogs","backgroundColorOverlay","paper","zIndices","appBar","drawer","dialog","snackbar","tooltip","styles","root"],"sources":["../../../src/theme/theme.ts"],"sourcesContent":["// material theme preset\n// work-in-progress\n\n// references\n// - https://material.io/design/typography/the-type-system.html#type-scale\nimport { rem, em } from 'polished';\n\nimport { EASING_STANDARD } from '../motion';\n\nfunction font(\n  fontFamily: 'plain' | 'brand',\n  lineHeight: number,\n  fontSize: number,\n  letterSpacing: number,\n  weight: number\n) {\n  return {\n    fontFamily,\n    lineHeight: rem(lineHeight),\n    fontSize: rem(fontSize),\n    letterSpacing: rem(letterSpacing),\n    fontWeight: weight,\n  };\n}\n\nexport const theme = {\n  googleFonts:\n    'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',\n  colors: {\n    primary: '#934078',\n    secondary: '#705765',\n    tertiary: '#80543e',\n    error: '#ba1b1b',\n    'primary-container': '#ffd7ed',\n    'secondary-container': '#fbd9ea',\n    'tertiary-container': '#ffdbc9',\n    'error-container': '#ffdad4',\n    background: '#fcfcfc',\n    surface: '#fcfcfc',\n    'surface-variant': '#efdee5',\n    outline: '#81747a',\n    'outline-variant': '#d3c2c9',\n    on: {\n      primary: '#ffffff',\n      secondary: '#ffffff',\n      tertiary: '#ffffff',\n      error: '#ffffff',\n      'primary-container': '#3b002d',\n      'secondary-container': '#291521',\n      'tertiary-container': '#321303',\n      'error-container': '#410001',\n      background: '#1f1a1c',\n      surface: '#1f1a1c',\n      'surface-variant': '#4f4349',\n      outline: '#feecf3',\n      'outline-variant': '#22191e',\n    },\n    modes: {\n      dark: {\n        primary: '#ffade0',\n        secondary: '#debece',\n        tertiary: '#f4ba9e',\n        error: '#ffb4a9',\n        'primary-container': '#77285f',\n        'secondary-container': '#57404d',\n        'tertiary-container': '#653d28',\n        'error-container': '#930006',\n        background: '#1f1a1c',\n        surface: '#1f1a1c',\n        'surface-variant': '#4f4349',\n        outline: '#9b8d93',\n        'outline-variant': '#4f4349',\n        on: {\n          primary: '#5b0e47',\n          secondary: '#402a37',\n          tertiary: '#4b2714',\n          error: '#680003',\n          'primary-container': '#ffd7ed',\n          'secondary-container': '#fbd9ea',\n          'tertiary-container': '#ffdbc9',\n          'error-container': '#ffdad4',\n          background: '#eae0e3',\n          surface: '#eae0e3',\n          'surface-variant': '#d3c2c9',\n          outline: '#22191e',\n          'outline-variant': '#efdee5',\n        },\n      },\n    },\n  },\n  sizes: {\n    icon: rem(24),\n    avatar: rem(48),\n  },\n  radii: {\n    none: 0,\n    default: rem(4),\n    'extra-small': rem(4),\n    'extra-small_top': `${rem(4)} ${rem(4)} 0 0`,\n    small: rem(8),\n    medium: rem(12),\n    large: rem(16),\n    large_end: `0 ${rem(16)} ${rem(16)} 0`,\n    large_top: `${rem(16)} ${rem(16)} 0 0`,\n    'extra-large': rem(28),\n    'extra-large_top': `${rem(28)} ${rem(28)} 0 0`,\n    full: rem(99999),\n    circle: '100%',\n  },\n  shadows: {\n    0: '0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.14),0 0 0 0 rgba(0,0,0,0.12)',\n    1: '0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15)',\n    2: '0 1px 2px rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15)',\n    3: '0 1px 3px rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15)',\n    4: '0 2px 3px rgba(0,0,0,0.3),0 6px 10px 4px rgba(0,0,0,0.15)',\n    5: '0 4px 4px rgba(0,0,0,0.3),0 8px 12px 6px rgba(0,0,0,0.15)',\n  },\n  fonts: {\n    body: 'Roboto, sans-serif',\n    heading: 'Roboto, sans-serif',\n    brand: 'Roboto, sans-serif',\n    plain: 'Roboto, sans-serif',\n    monospace: '\"Roboto Mono\", monospace',\n  },\n  fontSizes: {\n    0: rem(10),\n    1: rem(12),\n    2: rem(14),\n    3: rem(16),\n    4: rem(20),\n    5: rem(24),\n    6: rem(34),\n    7: rem(48),\n    8: rem(60),\n    9: rem(96),\n  },\n  fontWeights: {\n    light: 300,\n    regular: 400,\n    medium: 500,\n  },\n  lineHeights: {\n    body: 1.43,\n    heading: 1.2,\n  },\n  space: {\n    0: rem(0),\n    1: rem(4),\n    2: rem(8),\n    3: rem(16),\n    4: rem(32),\n    5: rem(64),\n    6: rem(128),\n    7: rem(256),\n    8: rem(512),\n  },\n  text: {\n    caps: {\n      textTransform: 'uppercase',\n      fontFamily: 'body',\n      lineHeight: 'body',\n      letterSpacing: '0.1em',\n    },\n    heading: {\n      fontFamily: 'heading',\n      lineHeight: 'heading',\n    },\n    display: {\n      fontFamily: 'body',\n      lineHeight: 'body',\n    },\n    'display-large': font('brand', 64, 57, 0, 400),\n    'display-medium': font('brand', 52, 45, 0, 400),\n    'display-small': font('brand', 44, 36, 0, 400),\n    'headline-large': font('brand', 40, 32, 0, 400),\n    'headline-medium': font('brand', 36, 28, 0, 400),\n    'headline-small': font('brand', 32, 24, 0, 400),\n    'title-large': font('brand', 28, 22, 0, 400),\n    'title-medium': font('plain', 24, 16, 0.15, 500),\n    'title-small': font('plain', 20, 14, 0.1, 500),\n    'label-large': font('plain', 20, 14, 0.1, 500),\n    'label-medium': font('plain', 16, 12, 0.5, 500),\n    'label-small': font('plain', 15, 11, 0.5, 500),\n    'body-large': font('plain', 24, 16, 0.5, 400),\n    'body-medium': font('plain', 20, 14, 0.25, 400),\n    'body-small': font('plain', 16, 12, 0.4, 400),\n    h1: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 9,\n      letterSpacing: em(-1.5, 96),\n    },\n    h2: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 8,\n      letterSpacing: em(-0.5, 60),\n    },\n    h3: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 7,\n      letterSpacing: em(0, 48),\n    },\n    h4: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 6,\n      letterSpacing: em(0.25, 34),\n    },\n    h5: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 5,\n      letterSpacing: em(0, 24),\n    },\n    h6: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 4,\n      letterSpacing: em(0.15, 20),\n    },\n    subtitle1: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.15, 16),\n    },\n    subtitle2: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 2,\n      letterSpacing: em(0.1, 14),\n    },\n    body1: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.5, 16),\n    },\n    body2: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 2,\n      letterSpacing: em(0.25, 14),\n    },\n    button: {\n      variant: 'text.display',\n      fontSize: 2,\n      letterSpacing: em(1.2, 14),\n      fontWeight: 'medium',\n    },\n    caption: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 1,\n      letterSpacing: em(0.4, 12),\n    },\n    overline: {\n      variant: 'text.caps',\n      fontWeight: 'medium',\n      fontSize: 0,\n      letterSpacing: em(1.5, 10),\n    },\n  },\n  appbar: {\n    variants: {\n      base: {\n        fontFamily: 'body',\n        fontSize: 4,\n      },\n      default: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n      primary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'primary',\n        color: 'on.primary',\n      },\n      secondary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'secondary',\n        color: 'on.secondary',\n      },\n      transparent: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'transparent',\n        color: 'inherit',\n      },\n    },\n    elevations: {\n      default: {},\n      elevated: {\n        boxShadow: 2,\n      },\n    },\n    sizes: {\n      default: {\n        height: rem(64),\n        p: 3,\n      },\n      dense: {\n        height: rem(56),\n      },\n    },\n  },\n  buttons: {\n    variants: {\n      base: {\n        variant: 'text.label-large',\n        boxShadow: 'none',\n        py: 0,\n        px: rem(24),\n        height: rem(40),\n        borderRadius: 'full',\n        cursor: 'pointer',\n        outline: 'none',\n      },\n      text: {\n        variant: 'buttons.variants.base',\n        px: rem(12),\n      },\n      filled: {\n        variant: 'buttons.variants.base',\n      },\n      outlined: {\n        variant: 'buttons.variants.base',\n      },\n      fab: {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        maxHeight: rem(56),\n        width: rem(56),\n        maxWidth: rem(56),\n        borderRadius: 'large',\n        px: 0,\n      },\n      'fab-mini': {\n        variant: 'buttons.variants.fab',\n        height: rem(40),\n        maxHeight: rem(40),\n        width: rem(40),\n        maxWidth: rem(40),\n        borderRadius: 'medium',\n        px: 0,\n      },\n      'fab-large': {\n        variant: 'buttons.variants.fab',\n        height: rem(96),\n        maxHeight: rem(96),\n        width: rem(96),\n        maxWidth: rem(96),\n        borderRadius: 'extra-large',\n        px: 0,\n      },\n      'fab-extended': {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        px: rem(16),\n        borderRadius: 'large',\n      },\n      icon: {\n        variant: 'buttons.variants.base',\n        height: rem(48),\n        maxHeight: rem(48),\n        width: rem(48),\n        maxWidth: rem(48),\n        px: rem(12),\n        borderRadius: 'full',\n      },\n    },\n    elevations: {\n      none: {},\n      default: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        '&:hover': {\n          boxShadow: 1,\n        },\n        '&:active,&:focus-visible,&:disabled': {\n          boxShadow: 0,\n        },\n      },\n      elevated: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 1,\n        '&:hover': {\n          boxShadow: 2,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 1,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n      floating: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 3,\n        ':hover': {\n          boxShadow: 4,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 3,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n    },\n    overlays: {\n      transparent: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n      filled: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n    },\n  },\n  chips: {\n    variants: {\n      base: {\n        variant: 'text.body2',\n        boxShadow: 'none',\n        py: 0,\n        px: 0,\n        height: rem(32),\n        borderRadius: 'small',\n        outline: 'none',\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n      },\n      filled: {\n        variant: 'chips.variants.base',\n        boxShadow: 1,\n        ':active:not([data-disabled])': {\n          boxShadow: 2,\n        },\n      },\n      outlined: {\n        variant: 'chips.variants.base',\n      },\n    },\n  },\n  dialogs: {\n    variants: {\n      base: {\n        borderRadius: 'extra-large',\n      },\n    },\n    backgroundColorOverlay: 3,\n  },\n  paper: {\n    overlays: {\n      0: 0,\n      1: 0.05,\n      2: 0.08,\n      3: 0.11,\n      4: 0.12,\n      5: 0.14,\n    },\n  },\n  zIndices: {\n    appBar: 1100,\n    drawer: 1200,\n    dialog: 1300,\n    snackbar: 1400,\n    tooltip: 1500,\n  },\n  styles: {\n    root: {\n      body: {\n        fontFamily: 'body',\n        fontWeight: 'body',\n        lineHeight: 'body',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n    },\n  },\n};\n\nexport type Theme = typeof theme;\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":["rem","em","EASING_STANDARD","font","fontFamily","lineHeight","fontSize","letterSpacing","weight","fontWeight","theme","googleFonts","colors","primary","secondary","tertiary","error","background","surface","outline","on","modes","dark","sizes","icon","avatar","radii","none","default","small","medium","large","large_end","large_top","full","circle","shadows","fonts","body","heading","brand","plain","monospace","fontSizes","fontWeights","light","regular","lineHeights","space","text","caps","textTransform","display","h1","variant","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline","appbar","variants","base","backgroundColor","color","transparent","elevations","elevated","boxShadow","height","p","dense","buttons","py","px","borderRadius","cursor","filled","outlined","fab","maxHeight","width","maxWidth","transition","floating","overlays","hover","opacity","focus","pressed","chips","dialogs","backgroundColorOverlay","paper","zIndices","appBar","drawer","dialog","snackbar","tooltip","styles","root"],"sources":["../../../src/theme/theme.ts"],"sourcesContent":["// material theme preset\n// work-in-progress\n\n// references\n// - https://material.io/design/typography/the-type-system.html#type-scale\nimport { rem, em } from 'polished';\n\nimport { EASING_STANDARD } from '../motion';\n\nfunction font(\n  fontFamily: 'plain' | 'brand',\n  lineHeight: number,\n  fontSize: number,\n  letterSpacing: number,\n  weight: number\n) {\n  return {\n    fontFamily,\n    lineHeight: rem(lineHeight),\n    fontSize: rem(fontSize),\n    letterSpacing: rem(letterSpacing),\n    fontWeight: weight,\n  };\n}\n\nexport const theme = {\n  googleFonts:\n    'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',\n  colors: {\n    primary: '#934078',\n    secondary: '#705765',\n    tertiary: '#80543e',\n    error: '#ba1b1b',\n    'primary-container': '#ffd7ed',\n    'secondary-container': '#fbd9ea',\n    'tertiary-container': '#ffdbc9',\n    'error-container': '#ffdad4',\n    background: '#fcfcfc',\n    surface: '#fcfcfc',\n    'surface-variant': '#efdee5',\n    outline: '#81747a',\n    'outline-variant': '#d3c2c9',\n    on: {\n      primary: '#ffffff',\n      secondary: '#ffffff',\n      tertiary: '#ffffff',\n      error: '#ffffff',\n      'primary-container': '#3b002d',\n      'secondary-container': '#291521',\n      'tertiary-container': '#321303',\n      'error-container': '#410001',\n      background: '#1f1a1c',\n      surface: '#1f1a1c',\n      'surface-variant': '#4f4349',\n      outline: '#feecf3',\n      'outline-variant': '#22191e',\n    },\n    modes: {\n      dark: {\n        primary: '#ffade0',\n        secondary: '#debece',\n        tertiary: '#f4ba9e',\n        error: '#ffb4a9',\n        'primary-container': '#77285f',\n        'secondary-container': '#57404d',\n        'tertiary-container': '#653d28',\n        'error-container': '#930006',\n        background: '#1f1a1c',\n        surface: '#1f1a1c',\n        'surface-variant': '#4f4349',\n        outline: '#9b8d93',\n        'outline-variant': '#4f4349',\n        on: {\n          primary: '#5b0e47',\n          secondary: '#402a37',\n          tertiary: '#4b2714',\n          error: '#680003',\n          'primary-container': '#ffd7ed',\n          'secondary-container': '#fbd9ea',\n          'tertiary-container': '#ffdbc9',\n          'error-container': '#ffdad4',\n          background: '#eae0e3',\n          surface: '#eae0e3',\n          'surface-variant': '#d3c2c9',\n          outline: '#22191e',\n          'outline-variant': '#efdee5',\n        },\n      },\n    },\n  },\n  sizes: {\n    icon: rem(24),\n    avatar: rem(48),\n  },\n  radii: {\n    none: 0,\n    default: rem(4),\n    'extra-small': rem(4),\n    'extra-small_top': `${rem(4)} ${rem(4)} 0 0`,\n    small: rem(8),\n    medium: rem(12),\n    large: rem(16),\n    large_end: `0 ${rem(16)} ${rem(16)} 0`,\n    large_top: `${rem(16)} ${rem(16)} 0 0`,\n    'extra-large': rem(28),\n    'extra-large_top': `${rem(28)} ${rem(28)} 0 0`,\n    full: rem(99999),\n    circle: '100%',\n  },\n  shadows: {\n    0: '0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.14),0 0 0 0 rgba(0,0,0,0.12)',\n    1: '0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15)',\n    2: '0 1px 2px rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15)',\n    3: '0 1px 3px rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15)',\n    4: '0 2px 3px rgba(0,0,0,0.3),0 6px 10px 4px rgba(0,0,0,0.15)',\n    5: '0 4px 4px rgba(0,0,0,0.3),0 8px 12px 6px rgba(0,0,0,0.15)',\n  },\n  fonts: {\n    body: 'Roboto, sans-serif',\n    heading: 'Roboto, sans-serif',\n    brand: 'Roboto, sans-serif',\n    plain: 'Roboto, sans-serif',\n    monospace: '\"Roboto Mono\", monospace',\n  },\n  fontSizes: {\n    0: rem(10),\n    1: rem(12),\n    2: rem(14),\n    3: rem(16),\n    4: rem(20),\n    5: rem(24),\n    6: rem(34),\n    7: rem(48),\n    8: rem(60),\n    9: rem(96),\n  },\n  fontWeights: {\n    light: 300,\n    regular: 400,\n    medium: 500,\n  },\n  lineHeights: {\n    body: 1.43,\n    heading: 1.2,\n  },\n  space: {\n    0: rem(0),\n    1: rem(4),\n    2: rem(8),\n    3: rem(16),\n    4: rem(32),\n    5: rem(64),\n    6: rem(128),\n    7: rem(256),\n    8: rem(512),\n  },\n  text: {\n    caps: {\n      textTransform: 'uppercase',\n      fontFamily: 'body',\n      lineHeight: 'body',\n      letterSpacing: '0.1em',\n    },\n    heading: {\n      fontFamily: 'heading',\n      lineHeight: 'heading',\n    },\n    display: {\n      fontFamily: 'body',\n      lineHeight: 'body',\n    },\n    'display-large': font('brand', 64, 57, 0, 400),\n    'display-medium': font('brand', 52, 45, 0, 400),\n    'display-small': font('brand', 44, 36, 0, 400),\n    'headline-large': font('brand', 40, 32, 0, 400),\n    'headline-medium': font('brand', 36, 28, 0, 400),\n    'headline-small': font('brand', 32, 24, 0, 400),\n    'title-large': font('brand', 28, 22, 0, 400),\n    'title-medium': font('plain', 24, 16, 0.15, 500),\n    'title-small': font('plain', 20, 14, 0.1, 500),\n    'label-large': font('plain', 20, 14, 0.1, 500),\n    'label-medium': font('plain', 16, 12, 0.5, 500),\n    'label-small': font('plain', 15, 11, 0.5, 500),\n    'body-large': font('plain', 24, 16, 0.5, 400),\n    'body-medium': font('plain', 20, 14, 0.25, 400),\n    'body-small': font('plain', 16, 12, 0.4, 400),\n    h1: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 9,\n      letterSpacing: em(-1.5, 96),\n    },\n    h2: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 8,\n      letterSpacing: em(-0.5, 60),\n    },\n    h3: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 7,\n      letterSpacing: em(0, 48),\n    },\n    h4: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 6,\n      letterSpacing: em(0.25, 34),\n    },\n    h5: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 5,\n      letterSpacing: em(0, 24),\n    },\n    h6: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 4,\n      letterSpacing: em(0.15, 20),\n    },\n    subtitle1: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.15, 16),\n    },\n    subtitle2: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 2,\n      letterSpacing: em(0.1, 14),\n    },\n    body1: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.5, 16),\n    },\n    body2: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 2,\n      letterSpacing: em(0.25, 14),\n    },\n    button: {\n      variant: 'text.display',\n      fontSize: 2,\n      letterSpacing: em(1.2, 14),\n      fontWeight: 'medium',\n    },\n    caption: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 1,\n      letterSpacing: em(0.4, 12),\n    },\n    overline: {\n      variant: 'text.caps',\n      fontWeight: 'medium',\n      fontSize: 0,\n      letterSpacing: em(1.5, 10),\n    },\n  },\n  appbar: {\n    variants: {\n      base: {\n        fontFamily: 'body',\n        fontSize: 4,\n      },\n      default: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n      primary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'primary',\n        color: 'on.primary',\n      },\n      secondary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'secondary',\n        color: 'on.secondary',\n      },\n      transparent: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'transparent',\n        color: 'inherit',\n      },\n    },\n    elevations: {\n      default: {},\n      elevated: {\n        boxShadow: 2,\n      },\n    },\n    sizes: {\n      default: {\n        height: rem(64),\n        p: 3,\n      },\n      dense: {\n        height: rem(56),\n      },\n    },\n  },\n  buttons: {\n    variants: {\n      base: {\n        variant: 'text.label-large',\n        boxShadow: 'none',\n        py: 0,\n        px: rem(24),\n        height: rem(40),\n        borderRadius: 'full',\n        cursor: 'pointer',\n        outline: 'none',\n      },\n      text: {\n        variant: 'buttons.variants.base',\n        px: rem(12),\n      },\n      filled: {\n        variant: 'buttons.variants.base',\n      },\n      outlined: {\n        variant: 'buttons.variants.base',\n      },\n      fab: {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        maxHeight: rem(56),\n        width: rem(56),\n        maxWidth: rem(56),\n        borderRadius: 'large',\n        px: 0,\n      },\n      'fab-mini': {\n        variant: 'buttons.variants.fab',\n        height: rem(40),\n        maxHeight: rem(40),\n        width: rem(40),\n        maxWidth: rem(40),\n        borderRadius: 'medium',\n        px: 0,\n      },\n      'fab-large': {\n        variant: 'buttons.variants.fab',\n        height: rem(96),\n        maxHeight: rem(96),\n        width: rem(96),\n        maxWidth: rem(96),\n        borderRadius: 'extra-large',\n        px: 0,\n      },\n      'fab-extended': {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        px: rem(16),\n        borderRadius: 'large',\n      },\n      icon: {\n        variant: 'buttons.variants.base',\n        height: rem(48),\n        maxHeight: rem(48),\n        width: rem(48),\n        maxWidth: rem(48),\n        px: rem(12),\n        borderRadius: 'full',\n      },\n    },\n    elevations: {\n      none: {},\n      default: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        '&:hover': {\n          boxShadow: 1,\n        },\n        '&:active,&:focus-visible,&:disabled': {\n          boxShadow: 0,\n        },\n      },\n      elevated: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 1,\n        '&:hover': {\n          boxShadow: 2,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 1,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n      floating: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 3,\n        ':hover': {\n          boxShadow: 4,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 3,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n    },\n    overlays: {\n      transparent: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n      filled: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n    },\n  },\n  chips: {\n    variants: {\n      base: {\n        variant: 'text.body2',\n        boxShadow: 'none',\n        py: 0,\n        px: 0,\n        height: rem(32),\n        borderRadius: 'small',\n        outline: 'none',\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n      },\n      filled: {\n        variant: 'chips.variants.base',\n        boxShadow: 1,\n        ':active:not([data-disabled])': {\n          boxShadow: 2,\n        },\n      },\n      outlined: {\n        variant: 'chips.variants.base',\n      },\n    },\n  },\n  dialogs: {\n    variants: {\n      base: {\n        borderRadius: 'extra-large',\n      },\n    },\n    backgroundColorOverlay: 3,\n  },\n  paper: {\n    overlays: {\n      0: 0,\n      1: 0.05,\n      2: 0.08,\n      3: 0.11,\n      4: 0.12,\n      5: 0.14,\n    },\n  },\n  zIndices: {\n    appBar: 1100,\n    drawer: 1200,\n    dialog: 1300,\n    snackbar: 1400,\n    tooltip: 1500,\n  },\n  styles: {\n    root: {\n      body: {\n        fontFamily: 'body1',\n        fontWeight: 'body1',\n        lineHeight: 'body',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n    },\n  },\n};\n\nexport type Theme = typeof theme;\n"],"mappings":"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"}