@tcn/ui 0.3.1 → 0.3.3

package/dist/themes/stylesheets/reset.js

@@ -1,136 +1,139 @@
 const n = `/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-  display: block;
-}
-body {
-  line-height: 1;
-}
-ol,
-ul {
-  list-style: none;
-}
-blockquote,
-q {
-  quotes: none;
-}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: "";
-  content: none;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
+@layer tcn-reset {
+  html,
+  body,
+  div,
+  span,
+  applet,
+  object,
+  iframe,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p,
+  blockquote,
+  pre,
+  a,
+  abbr,
+  acronym,
+  address,
+  big,
+  cite,
+  code,
+  del,
+  dfn,
+  em,
+  img,
+  ins,
+  kbd,
+  q,
+  s,
+  samp,
+  small,
+  strike,
+  strong,
+  sub,
+  sup,
+  tt,
+  var,
+  b,
+  u,
+  i,
+  center,
+  dl,
+  dt,
+  dd,
+  ol,
+  ul,
+  li,
+  fieldset,
+  form,
+  label,
+  legend,
+  table,
+  caption,
+  tbody,
+  tfoot,
+  thead,
+  tr,
+  th,
+  td,
+  article,
+  aside,
+  canvas,
+  details,
+  embed,
+  figure,
+  figcaption,
+  footer,
+  header,
+  hgroup,
+  menu,
+  nav,
+  output,
+  ruby,
+  section,
+  summary,
+  time,
+  mark,
+  audio,
+  button,
+  video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+  }
+  /* HTML5 display-role reset for older browsers */
+  article,
+  aside,
+  details,
+  figcaption,
+  figure,
+  footer,
+  header,
+  hgroup,
+  menu,
+  nav,
+  section {
+    display: block;
+  }
+  body {
+    line-height: 1;
+  }
+  ol,
+  ul {
+    list-style: none;
+  }
+  blockquote,
+  q {
+    quotes: none;
+  }
+  blockquote:before,
+  blockquote:after,
+  q:before,
+  q:after {
+    content: "";
+    content: none;
+  }
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
 
-legend {
-  all: unset;
-  display: block;
-  margin: 0;
-  padding: 0;
-  font: inherit;
-  color: inherit;
+  legend {
+    all: unset;
+    display: block;
+    margin: 0;
+    padding: 0;
+    font: inherit;
+    color: inherit;
+  }
 }
 `, e = new CSSStyleSheet();
 e.replaceSync(n);

package/dist/themes/stylesheets/reset.js.map

@@ -1 +1 @@
-{"version":3,"file":"reset.js","sources":["../../../src/themes/stylesheets/reset.css?raw","../../../src/themes/stylesheets/reset.ts"],"sourcesContent":["export default \"/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */\\nhtml,\\nbody,\\ndiv,\\nspan,\\napplet,\\nobject,\\niframe,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6,\\np,\\nblockquote,\\npre,\\na,\\nabbr,\\nacronym,\\naddress,\\nbig,\\ncite,\\ncode,\\ndel,\\ndfn,\\nem,\\nimg,\\nins,\\nkbd,\\nq,\\ns,\\nsamp,\\nsmall,\\nstrike,\\nstrong,\\nsub,\\nsup,\\ntt,\\nvar,\\nb,\\nu,\\ni,\\ncenter,\\ndl,\\ndt,\\ndd,\\nol,\\nul,\\nli,\\nfieldset,\\nform,\\nlabel,\\nlegend,\\ntable,\\ncaption,\\ntbody,\\ntfoot,\\nthead,\\ntr,\\nth,\\ntd,\\narticle,\\naside,\\ncanvas,\\ndetails,\\nembed,\\nfigure,\\nfigcaption,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\noutput,\\nruby,\\nsection,\\nsummary,\\ntime,\\nmark,\\naudio,\\nvideo {\\n  margin: 0;\\n  padding: 0;\\n  border: 0;\\n  font-size: 100%;\\n  font: inherit;\\n  vertical-align: baseline;\\n}\\n/* HTML5 display-role reset for older browsers */\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\nsection {\\n  display: block;\\n}\\nbody {\\n  line-height: 1;\\n}\\nol,\\nul {\\n  list-style: none;\\n}\\nblockquote,\\nq {\\n  quotes: none;\\n}\\nblockquote:before,\\nblockquote:after,\\nq:before,\\nq:after {\\n  content: \\\"\\\";\\n  content: none;\\n}\\ntable {\\n  border-collapse: collapse;\\n  border-spacing: 0;\\n}\\n\\nlegend {\\n  all: unset;\\n  display: block;\\n  margin: 0;\\n  padding: 0;\\n  font: inherit;\\n  color: inherit;\\n}\\n\"","import css from './reset.css?raw';\n\nexport const reset = new CSSStyleSheet();\nreset.replaceSync(css);\n"],"names":["css","reset"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAQ,IAAI,cAAA;AACzBA,EAAM,YAAYD,CAAG;"}
+{"version":3,"file":"reset.js","sources":["../../../src/themes/stylesheets/reset.css?raw","../../../src/themes/stylesheets/reset.ts"],"sourcesContent":["export default \"/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */\\n@layer tcn-reset {\\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  button,\\n  video {\\n    margin: 0;\\n    padding: 0;\\n    border: 0;\\n    font-size: 100%;\\n    font: inherit;\\n    vertical-align: baseline;\\n  }\\n  /* HTML5 display-role reset for older browsers */\\n  article,\\n  aside,\\n  details,\\n  figcaption,\\n  figure,\\n  footer,\\n  header,\\n  hgroup,\\n  menu,\\n  nav,\\n  section {\\n    display: block;\\n  }\\n  body {\\n    line-height: 1;\\n  }\\n  ol,\\n  ul {\\n    list-style: none;\\n  }\\n  blockquote,\\n  q {\\n    quotes: none;\\n  }\\n  blockquote:before,\\n  blockquote:after,\\n  q:before,\\n  q:after {\\n    content: \\\"\\\";\\n    content: none;\\n  }\\n  table {\\n    border-collapse: collapse;\\n    border-spacing: 0;\\n  }\\n\\n  legend {\\n    all: unset;\\n    display: block;\\n    margin: 0;\\n    padding: 0;\\n    font: inherit;\\n    color: inherit;\\n  }\\n}\\n\"","import css from './reset.css?raw';\n\nexport const reset = new CSSStyleSheet();\nreset.replaceSync(css);\n"],"names":["css","reset"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAQ,IAAI,cAAA;AACzBA,EAAM,YAAYD,CAAG;"}

package/dist/themes/theme.d.ts

@@ -1,7 +1,8 @@
 import { default as React } from 'react';
-export interface ThemeProps {
+import { BoxProps } from '../stacks/index.js';
+export interface ThemeProps extends BoxProps {
     styleSheets: CSSStyleSheet[];
     children: React.ReactNode;
 }
-export declare function Theme({ styleSheets, children }: ThemeProps): React.ReactNode;
+export declare function Theme({ styleSheets, children, ...boxProps }: ThemeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=theme.d.ts.map

package/dist/themes/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/themes/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,MAAM,WAAW,UAAU;IACzB,WAAW,EAAE,aAAa,EAAE,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,UAAU,mBAM1D"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/themes/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAIxD,OAAO,yBAAyB,CAAC;AAIjC,MAAM,WAAW,UAAW,SAAQ,QAAQ;IAC1C,WAAW,EAAE,aAAa,EAAE,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,EAAE,UAAU,2CAyBvE"}

package/dist/themes/theme.js

@@ -1,10 +1,29 @@
-import { useLayoutEffect as o } from "react";
-function u({ styleSheets: e, children: t }) {
-  return o(() => {
+import { jsx as c } from "react/jsx-runtime";
+import { useLayoutEffect as r } from "react";
+import { Box as n } from "../stacks/box/box.js";
+import "../stacks/h_collapsible_box.js";
+import "../stacks/h_stack.js";
+import "../stacks/spacer.js";
+import "../stacks/v_collapsible_box.js";
+import "../stacks/v_stack.js";
+import "../stacks/z_stack.js";
+import { clsx as i } from "clsx";
+import './stylesheets/reset.css';/* empty css                      */
+import { s } from "../theme_provider.module-ChZQ5Xsk.js";
+const p = `@layer tcn-reset, tcn-system, tcn-theme;
+`;
+function I({ styleSheets: e, children: o, ...m }) {
+  return r(() => {
     document.adoptedStyleSheets = e;
-  }, [e]), t;
+  }, [e]), r(() => {
+    if (document.getElementById("critical-css")) return;
+    const t = document.createElement("style");
+    return t.id = "critical-css", t.textContent = p, document.head.prepend(t), () => {
+      document.getElementById("critical-css")?.remove();
+    };
+  }, []), /* @__PURE__ */ c(n, { className: i("tcn-theme-root", s["tcn-theme-provider"]), ...m, children: o });
 }
 export {
-  u as Theme
+  I as Theme
 };
 //# sourceMappingURL=theme.js.map

package/dist/themes/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../src/themes/theme.tsx"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\n\nexport interface ThemeProps {\n  styleSheets: CSSStyleSheet[];\n  children: React.ReactNode;\n}\n\nexport function Theme({ styleSheets, children }: ThemeProps) {\n  useLayoutEffect(() => {\n    document.adoptedStyleSheets = styleSheets;\n  }, [styleSheets]);\n\n  return children;\n}\n"],"names":["Theme","styleSheets","children","useLayoutEffect"],"mappings":";AAOO,SAASA,EAAM,EAAE,aAAAC,GAAa,UAAAC,KAAwB;AAC3D,SAAAC,EAAgB,MAAM;AACpB,aAAS,qBAAqBF;AAAA,EAChC,GAAG,CAACA,CAAW,CAAC,GAETC;AACT;"}
+{"version":3,"file":"theme.js","sources":["../../src/css/layers.css?raw","../../src/themes/theme.tsx"],"sourcesContent":["export default \"@layer tcn-reset, tcn-system, tcn-theme;\\n\"","import React, { useLayoutEffect } from 'react';\nimport { Box, type BoxProps } from '../stacks/index.js';\nimport { clsx } from 'clsx';\n\n// Styles\nimport './stylesheets/reset.css';\nimport styles from './theme_provider.module.css';\nimport layers from '../css/layers.css?raw';\n\nexport interface ThemeProps extends BoxProps {\n  styleSheets: CSSStyleSheet[];\n  children: React.ReactNode;\n}\n\nexport function Theme({ styleSheets, children, ...boxProps }: ThemeProps) {\n  useLayoutEffect(() => {\n    document.adoptedStyleSheets = styleSheets;\n  }, [styleSheets]);\n\n  // I used this approach instead to guarantee the order of the stylesheets\n  useLayoutEffect(() => {\n    if (document.getElementById('critical-css')) return;\n\n    const style = document.createElement('style');\n    style.id = 'critical-css';\n    style.textContent = layers;\n\n    document.head.prepend(style);\n\n    return () => {\n      document.getElementById('critical-css')?.remove();\n    };\n  }, []);\n\n  return (\n    <Box className={clsx('tcn-theme-root', styles['tcn-theme-provider'])} {...boxProps}>\n      {children}\n    </Box>\n  );\n}\n"],"names":["layers","Theme","styleSheets","children","boxProps","useLayoutEffect","style","jsx","Box","clsx","styles"],"mappings":";;;;;;;;;;;;AAAA,MAAAA,IAAe;AAAA;ACcR,SAASC,EAAM,EAAE,aAAAC,GAAa,UAAAC,GAAU,GAAGC,KAAwB;AACxE,SAAAC,EAAgB,MAAM;AACpB,aAAS,qBAAqBH;AAAA,EAChC,GAAG,CAACA,CAAW,CAAC,GAGhBG,EAAgB,MAAM;AACpB,QAAI,SAAS,eAAe,cAAc,EAAG;AAE7C,UAAMC,IAAQ,SAAS,cAAc,OAAO;AAC5C,WAAAA,EAAM,KAAK,gBACXA,EAAM,cAAcN,GAEpB,SAAS,KAAK,QAAQM,CAAK,GAEpB,MAAM;AACX,eAAS,eAAe,cAAc,GAAG,OAAA;AAAA,IAC3C;AAAA,EACF,GAAG,CAAA,CAAE,GAGH,gBAAAC,EAACC,GAAA,EAAI,WAAWC,EAAK,kBAAkBC,EAAO,oBAAoB,CAAC,GAAI,GAAGN,GACvE,UAAAD,EAAA,CACH;AAEJ;"}

package/dist/themes/themes/ergo/ergo_theme.css

@@ -0,0 +1 @@
+@layer tcn-reset{*{position:relative;box-sizing:border-box}}@layer tcn-theme{:root{--scalar: 1;--accent-color: #cd6b2c;--font-color: #395578;--font-family: "Lato", sans-serif;--font-size: 12px;--gap-small: 4px;--gap-medium: 8px;--gap-large: 16px;--padding-small: 4px;--padding-medium: 8px;--padding-large: 16px;--status-color-disabled: #7f7f7f;--status-color-info: #008cff;--status-color-warning: #ffff00;--status-color-positive: #00ff00;--status-color-error: #ff0000;--async-color-initial: #c0c0c0;--async-color-pending: #008cff;--async-color-success: #00ff00;--async-color-failed: #ff0000;--shape-radius-small: 2px;--shape-radius-medium: 4px;--shape-radius-large: 8px;--primary-color-faint: #c0c0c0;--primary-color: #008cff;--primary-color-strong: #008cff;--secondary-color-faint: #c0c0c0;--secondary-color: #008cff;--secondary-color-strong: #008cff;--tertiary-color-faint: #c0c0c0;--tertiary-color: #008cff;--tertiary-color-strong: #008cff;--quaternary-color-faint: #c0c0c0;--quaternary-color: #008cff;--quaternary-color-strong: #008cff;--background-color-primary: #ffffff;--background-color-secondary: #ffffff;--background-color-tertiary: #ffffff;--background-color-quaternary: #ffffff;--foreground-color-primary: #aaa;--foreground-color-secondary: #222222;--foreground-color-tertiary: #222222;--foreground-color-quaternary: #222222;--material-disabled: #d3d3d3;--material-line: #aaaaaa;--material-secondary-dark: 197 29.1% 40.4%;--material-tan: 33, 22%, 84%;--action: 23, 65%, 49%;--on-action: 0, 0%, 100%;--material: 0, 0%, 100%;--on-material: 213, 35.6%, 34.7%;--action-dangerous: 0, 90%, 50%;--action-cautious: 53, 90%, 60%;--on-action-cautious: 213, 35.6%, 34.7%;--action-neutral: var(--action);--action-suggested: 202, 90%, 40%;--action-encouraged: 120, 90%, 40%}.tcn-theme-root{font-family:var(--font-family);color:var(--font-color);background-color:var(--background-color-primary)}.tcn-interactive{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s,background .1s,color .1s;--act: hsl(var(--tcn-interactive-color, var(--action)));--on-act: hsl(var(--on-action));--act-down: color-mix(in srgb, var(--act), black 8%);--act-raised: color-mix(in srgb, var(--act), white 8%);--act-faint: hsla(var(--action), .2);--on-mat: hsl(var(--on-material));--on-mat-faint: hsla(var(--on-material), .2);--on-mat-down: color-mix(in srgb, var(--on-mat), black 8%);--mat: hsl(var(--material));--mat-down: color-mix(in srgb, var(--mat), black 8%);--mat-raised: color-mix(in srgb, var(--mat), white 8%)}.tcn-interactive[data-is-disabled=true]{pointer-events:none;cursor:not-allowed}.tcn-interactive[data-hierarchy=primary]{background:var(--act);color:var(--on-act);border:1px solid var(--act)}.tcn-interactive[data-hierarchy=primary]:focus-visible{outline:2px dashed var(--act)}.tcn-interactive[data-hierarchy=primary][data-is-disabled=true]{background:var(--material-disabled);color:#fff;border:1px solid var(--material-disabled)}.tcn-interactive[data-hierarchy=primary]:hover{background:var(--act-raised)}.tcn-interactive[data-hierarchy=primary]:active{background:var(--act-down)}.tcn-interactive[data-hierarchy=secondary]{background:transparent;color:var(--on-mat);border:1px solid var(--on-mat)}.tcn-interactive[data-hierarchy=secondary]:focus-visible{outline:2px dashed var(--on-mat)}.tcn-interactive[data-hierarchy=secondary][data-is-disabled=true]{color:var(--material-disabled);border:1px solid var(--material-disabled)}.tcn-interactive[data-hierarchy=secondary]:hover{background:var(--on-mat-faint)}.tcn-interactive[data-hierarchy=secondary]:active{background:var(--mat-down)}.tcn-interactive[data-hierarchy=tertiary]{background:transparent;color:var(--on-mat);border:1px solid transparent}.tcn-interactive[data-hierarchy=tertiary]:focus-visible{outline:2px dashed var(--on-mat)}.tcn-interactive[data-hierarchy=tertiary][data-is-disabled=true]{color:var(--material-disabled)}.tcn-interactive[data-hierarchy=tertiary]:hover{text-decoration:underline;text-decoration-color:var(--on-mat);text-decoration-thickness:1px;text-underline-offset:4px;color:var(--on-mat);background:var(--on-mat-faint)}.tcn-interactive[data-hierarchy=tertiary]:active{background:var(--mat-down)}.tcn-base-button{--action: var(var(--button-color), var(--action))}.tcn-base-button[data-severity=dangerous]{--action: var(--action-dangerous);--on-material: var(--action-dangerous)}.tcn-base-button[data-severity=cautious]{--action: var(--action-cautious);--on-action: var(--on-action-cautious);--on-material: var(--action-cautious)}.tcn-base-button[data-severity=suggested]{--action: var(--action-suggested);--on-material: var(--action-suggested)}.tcn-base-button[data-severity=encouraged]{--action: var(--action-encouraged);--on-material: var(--action-encouraged)}.tcn-button{border-radius:4px}.tcn-button[data-size=sm]{padding:0 8px;min-height:22px}.tcn-button[data-size=md]{padding:0 12px;min-height:26px}.tcn-button[data-size=lg]{padding:0 16px;min-height:32px}.tcn-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.tcn-button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0000001a}.tcn-slim-button{height:auto;width:auto;padding:0}.tcn-slim-button[data-size=sm]{min-height:12px;min-width:12px;padding:0}.tcn-slim-button[data-size=sm] .tcn-icon{min-height:10px;min-width:10px}.tcn-slim-button[data-size=md]{min-height:18px;min-width:18px;padding:0}.tcn-slim-button[data-size=md] .tcn-icon{min-height:14px;min-width:14px}.tcn-slim-button[data-size=lg]{min-height:24px;min-width:24px;padding:0}.tcn-slim-button[data-size=lg] .tcn-icon{min-height:20px;min-width:20px}.tcn-button[data-size].tcn-select{padding-inline-end:26px}.tcn-button-group .tcn-button-group-button:hover,.tcn-button-group .tcn-button-group-button:active{transform:none}.tcn-button-group .tcn-button-group-button{border-radius:0}.tcn-button-group .tcn-button-group-button:first-child{border-top-left-radius:var(--shape-radius-medium);border-bottom-left-radius:var(--shape-radius-medium)}.tcn-button-group .tcn-button-group-button:last-child{border-top-right-radius:var(--shape-radius-medium);border-bottom-right-radius:var(--shape-radius-medium)}.tcn-button-group .tcn-button-group-button[data-hierarchy=tertiary]{border:0}.tcn-button-group .tcn-button-group-button[data-hierarchy=tertiary]:not(:last-child){border-right:1px solid var(--on-mat-faint)}.tcn-button-group .tcn-button-group-button[data-hierarchy=tertiary]:not(:first-child){border-left:1px solid var(--on-mat-faint)}.tcn-button-group .tcn-button-group-button[data-hierarchy=primary]:not(:last-child){border-right:1px solid var(--act-down)}.tcn-button-group .tcn-button-group-button[data-hierarchy=primary]:not(:first-child){border-left:1px solid var(--act-down)}.tcn-select-group{--action: var(--action-neutral)}.tcn-select-group .tcn-select-group-option:hover,.tcn-select-group .tcn-select-group-option:active{transform:none}.tcn-select-group .tcn-select-group-option[data-hierarchy=secondary]{color:var(--act);border-color:var(--act)}.tcn-select-group .tcn-select-group-option[data-hierarchy=secondary]:hover{background:var(--act-faint)}.tcn-select-group .tcn-select-group-option[data-hierarchy=secondary]:active{background:var(--act-down);color:var(--on-act)}.tcn-select-group .tcn-select-group-option[data-hierarchy=secondary][data-is-disabled=true]{color:var(--material-disabled);border:1px solid var(--material-disabled)}.tcn-select-group .tcn-select-group-option[data-hierarchy=primary][data-is-disabled=true]{background:var(--material-disabled);color:#fff;border:1px solid var(--material-disabled)}.tcn-select-group .tcn-select-group-option{border-radius:0}.tcn-select-group .tcn-select-group-option:first-child{border-top-left-radius:var(--shape-radius-medium);border-bottom-left-radius:var(--shape-radius-medium)}.tcn-select-group .tcn-select-group-option:last-child{border-top-right-radius:var(--shape-radius-medium);border-bottom-right-radius:var(--shape-radius-medium)}.tcn-tabs-bar .tcn-tabs-list .tcn-tab-item{min-height:24px;padding:0px var(--padding-medium);text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.tcn-tabs-bar[data-variant=default] .tcn-tabs-list .tcn-tab-item{box-sizing:border-box;border:none;padding:0px var(--padding-medium)}.tcn-tabs-bar[data-variant=default] .tcn-tabs-list .tcn-tab-item[data-is-selected=true]{--on-material: var(--action)}.tcn-tabs-bar[data-variant=default] .tcn-tabs-list .tcn-tab-item[data-is-selected=false]:hover:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--on-mat);pointer-events:none;z-index:2;width:100%}.tcn-tabs-bar[data-variant=default] .tcn-tabs-list:after{content:"";position:absolute;bottom:-1px;left:0;min-height:2px;transform:translate(var(--tabs-active-rectangle-position-x, 0));width:var(--tabs-active-rectangle-width, 0);background:hsl(var(--action));pointer-events:none;border-bottom-left-radius:2px;border-bottom-right-radius:2px;transition:transform .3s ease-in-out,width .3s ease-in-out;will-change:transform,width;z-index:2}.tcn-tabs-bar[data-variant=default]:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--material-line);pointer-events:none}.tcn-tabs-bar[data-variant=inline]{min-width:min-content;width:auto;flex-grow:0;border-radius:var(--shape-radius-medium);border:1px solid hsl(var(--on-material));--action: var(--on-material)}.tcn-tabs-bar[data-variant=inline] .tcn-tabs-list{gap:var(--gap-small);padding:var(--padding-small)}.tcn-tabs-bar[data-variant=inline] .tcn-tabs-list .tcn-tab-item{border-radius:var(--shape-radius-medium)}.tcn-tabs-bar[data-variant=inline] .tcn-tabs-list .tcn-tab-item[data-is-selected=true]{background:var(--on-mat);color:var(--mat)}.tcn-tabs-bar[data-variant=inline] .tcn-tabs-list .tcn-tab-item[data-is-selected=true]:hover{background:color-mix(in srgb,var(--on-mat),white 8%)}.tcn-tabs-bar[data-variant=inline] .tcn-tabs-list .tcn-tab-item[data-is-selected=true]:active{background:color-mix(in srgb,var(--on-mat),black 8%)}.material{background-color:hsl(var(--material));color:hsl(var(--on-material))}.tcn-draggable[data-is-draggable=true] .tcn-drag-handle{cursor:move}.tcn-frame[data-is-veil=true]{background-color:#00000080}.tcn-tooltip{background:#395578d9;box-shadow:0 4px 7px #414141a8;color:#fff;border-radius:var(--shape-radius-medium);padding:var(--padding-medium)}.tcn-list{gap:var(--gap-medium)}.tcn-list .tcn-item{height:24px;padding:0px var(--padding-medium);border-radius:var(--shape-radius-medium)}.tcn-scaffold{--scaffold-v-inset: var(--v-inset, var(--padding-large));--scaffold-header-size: var(--header-size, 40px);--scaffold-footer-size: var(--footer-size, 40px);--scaffold-utility-bar-size: var(--utility-bar-size, 32px);--scaffold-divide-footer: var(--divide-footer, 1);--scaffold-divide-header: var(--divide-header, 1)}.tcn-scaffold :where(.tcn-header){min-height:var(--scaffold-header-size);padding:0 var(--scaffold-v-inset);gap:var(--gap-medium)}.tcn-scaffold :where(.tcn-header)+:where(.tcn-body),.tcn-scaffold :where(.tcn-utility-bar)+:where(.tcn-body){border-top:calc(var(--scaffold-divide-header) * 1px) solid var(--foreground-color-primary)}.tcn-scaffold :where(.tcn-body)+:where(.tcn-footer){border-top:calc(var(--scaffold-divide-footer) * 1px) solid var(--foreground-color-primary)}.tcn-scaffold :where(.tcn-utility-bar){min-height:var(--scaffold-utility-bar-size);padding:0 var(--scaffold-v-inset);gap:var(--gap-medium)}.tcn-scaffold :where(.tcn-body){padding:0 var(--scaffold-v-inset);gap:var(--gap-medium)}.tcn-scaffold :where(.tcn-footer){gap:var(--gap-medium);min-height:var(--scaffold-footer-size);padding:0 var(--scaffold-v-inset)}.tcn-frame-veil[data-is-veil=true]{background-color:#00000080}.tcn-modal{--divide-header: 0}.tcn-modal :where(.tcn-scaffold){border-radius:var(--shape-radius-medium);background-color:var(--background-color-primary);overflow:hidden;border:1px solid var(--foreground-color-primary)}.tcn-modal :where(.tcn-typography){color:inherit}.tcn-modal :where(.tcn-header){--material: var(--material-secondary-dark);--on-material: 0, 0%, 100%;--action: var(--material-tan);--on-action: 0, 0%, 100%;background-color:hsl(var(--material));color:hsl(var(--on-material))}.tcn-modal :where(.tcn-utility-bar){--material: var(--material-secondary-dark);--on-material: 0, 0%, 100%;--action: var(--material-tan);--on-action: 0, 0%, 100%;background-color:hsl(var(--material));color:hsl(var(--on-material))}.tcn-window{--divide-header: 0}.tcn-window :where(.tcn-scaffold){box-shadow:0 4px 34px #00000096;border-radius:var(--shape-radius-medium);background-color:var(--background-color-primary);overflow:hidden;border:2px solid white}.tcn-window :where(.tcn-typography){color:inherit}.tcn-window :where(.tcn-header){--material: var(--material-secondary-dark);--on-material: 0, 0%, 100%;--action: var(--material-tan);--on-action: 0, 0%, 100%;background-color:hsl(var(--material));color:hsl(var(--on-material))}.tcn-window :where(.tcn-utility-bar){--material: var(--material-secondary-dark);--on-material: 0, 0%, 100%;--action: var(--material-tan);--on-action: 0, 0%, 100%;background-color:hsl(var(--material));color:hsl(var(--on-material))}.tcn-pop-confirm{--divide-header: 0;--v-inset: var(--padding-medium)}.tcn-pop-confirm :where(.tcn-scaffold){box-shadow:0 4px 8px #0006;border-radius:var(--shape-radius-medium);background-color:var(--background-color-primary);overflow:hidden}.tcn-pop-confirm :where(.tcn-typography){color:inherit}.tcn-pop-confirm :where(.tcn-header){min-height:32px;--material: var(--material-secondary-dark);--on-material: 0, 0%, 100%;--action: var(--material-tan);--on-action: 0, 0%, 100%;background-color:hsl(var(--material));color:hsl(var(--on-material))}.tcn-pop-confirm :where(.tcn-utility-bar){--material: var(--material-secondary-dark);--on-material: 0, 0%, 100%;--action: var(--material-tan);--on-action: 0, 0%, 100%;background-color:hsl(var(--material));color:hsl(var(--on-material))}.tcn-panel{background-color:var(--background-color-primary);border-radius:var(--shape-radius-medium);overflow:hidden}.tcn-card{--header-size: 32px;--footer-size: 32px;--utility-bar-size: 24px;--divide-header: 0;background-color:var(--background-color-primary);border-radius:var(--shape-radius-medium);border:1px solid var(--foreground-color-primary);overflow:hidden}.tcn-card :where(.tcn-header){background-color:#ecf4fb}.tcn-card :where(.tcn-utility-bar){background-color:#ecf4fb}}

package/dist/themes/themes/ergo/ergo_theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ergo_theme.d.ts","sourceRoot":"","sources":["../../../../src/themes/themes/ergo/ergo_theme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,eAAsB,CAAC"}
+{"version":3,"file":"ergo_theme.d.ts","sourceRoot":"","sources":["../../../../src/themes/themes/ergo/ergo_theme.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,cAAc,eAAsB,CAAC"}