@gospore/theme 1.0.93 → 1.0.95

package/dist/style.css

@@ -1 +1 @@
-:root{--border-radius-regular: 3px;--border-radius-large: 6px;--border-width: var(--border-width-2);--border-width-1: 1px;--border-width-2: 2px;--border-width-3: 3px}:root{--go-color-primary1: var(--go-color-b600);--go-color-primary2: var(--go-color-b500);--go-color-primary3: var(--go-color-n0);--go-color-n0: #ffffff;--go-color-n0-rgb: 255, 255, 255;--go-color-n10: #fafbfc;--go-color-n10-rgb: 250, 251, 252;--go-color-n20: #f4f5f7;--go-color-n30: #ebecf0;--go-color-n40: #dfe1e6;--go-color-n40-rgb: 223, 225, 230;--go-color-n50: #c1c7d0;--go-color-n60: #b3bac5;--go-color-n70: #a5adba;--go-color-n80: #97a0af;--go-color-n90: #8993a4;--go-color-n100: #7a869a;--go-color-n100-rgb: 122, 134, 154;--go-color-n200: #6b778c;--go-color-n300: #5e6c84;--go-color-n400: #505f79;--go-color-n500: #42526e;--go-color-n600: #344563;--go-color-n700: #253858;--go-color-n800: #172b4d;--go-color-n900: #091e42;--go-color-n900-rgb: 9, 30, 66;--go-color-n1000: #000000;--go-color-n1000-rgb: 0, 0, 0;--go-color-dn0: #0d1424;--go-color-dn0-rgb: 13, 20, 36;--go-color-dn10: #0e1624;--go-color-dn20: #121a29;--go-color-dn30: #1b2638;--go-color-dn40: #202b3d;--go-color-dn50: #283447;--go-color-dn60: #313d52;--go-color-dn70: #3b475c;--go-color-dn70-rgb: 61, 72, 92;--go-color-dn80: #455166;--go-color-dn90: #56637a;--go-color-dn100: #67758f;--go-color-dn200: #7988a3;--go-color-dn200-rgb: 121, 136, 163;--go-color-dn300: #8c9cb8;--go-color-dn400: #9fb0cc;--go-color-dn500: #abbbd6;--go-color-dn500-rgb: 171, 187, 214;--go-color-dn600: #b8c7e0;--go-color-dn600-rgb: 184, 199, 224;--go-color-dn700: #ced9eb;--go-color-dn800: #dce5f5;--go-color-dn900: #e6edfa;--go-color-dn900-rgb: 230, 237, 250;--go-color-r50: #ffebe6;--go-color-r75: #ffbdad;--go-color-r100: #ff8f73;--go-color-r200: #ff7452;--go-color-r300: #ff5630;--go-color-r300-rgb: 255, 86, 48;--go-color-r400: #de350b;--go-color-r500: #bf2600;--go-color-y50: #fffae6;--go-color-y75: #fff0b3;--go-color-y100: #ffe380;--go-color-y200: #ffc400;--go-color-y300: #ffab00;--go-color-y300-rgb: 255, 171, 0;--go-color-y400: #ff991f;--go-color-y500: #ff8b00;--go-color-g50: #e3fcef;--go-color-g75: #abf5d1;--go-color-g100: #79f2c0;--go-color-g200: #57d9a3;--go-color-g300: #36b37e;--go-color-g300-rgb: 54, 179, 126;--go-color-g400: #00875a;--go-color-g500: #006644;--go-color-b50: #deebff;--go-color-b75: #b3d4ff;--go-color-b100: #4c9aff;--go-color-b100-rgb: 76, 154, 255;--go-color-b200: #2684ff;--go-color-b200-rgb: 38, 132, 255;--go-color-b300: #0065ff;--go-color-b400: #0052cc;--go-color-b400-rgb: 0, 82, 204;--go-color-b500: #0747a6;--go-color-b600: #061f80;--go-color-p50: #eae6ff;--go-color-p75: #c0b6f2;--go-color-p100: #998dd9;--go-color-p100-rgb: 153, 141, 217;--go-color-p200: #8777d9;--go-color-p300: #6554c0;--go-color-p300-rgb: 101, 84, 192;--go-color-p400: #5243aa;--go-color-p500: #403294;--go-color-t50: #e6fcff;--go-color-t75: #b3f5ff;--go-color-t100: #79e2f2;--go-color-t200: #00c7e6;--go-color-t200-rgb: 0, 199, 230;--go-color-t300: #00b8d9;--go-color-t300-rgb: 0, 184, 217;--go-color-t400: #00a3bf;--go-color-t500: #008da6;--go-color-primary-light: var(--go-color-b400);--go-color-primary-dark: var(--go-color-b100);--go-color-blue-light: var(--go-color-b400);--go-color-blue-light-rgb: var(--go-color-b400-rgb);--go-color-blue-dark: var(--go-color-b100);--go-color-blue-dark-rgb: var(--go-color-b100-rgb);--go-color-teal-light: var(--go-color-t300);--go-color-teal-light-rgb: var(--go-color-t300-rgb);--go-color-teal-dark: var(--go-color-t200);--go-color-teal-dark-rgb: var(--go-color-t200-rgb);--go-color-purple-light: var(--go-color-p300);--go-color-purple-light-rgb: var(--go-color-p300-rgb);--go-color-purple-dark: var(--go-color-p100);--go-color-purple-dark-rgb: var(--go-color-p100-rgb);--go-color-red-light: var(--go-color-r300);--go-color-red-light-rgb: var(--go-color-r300-rgb);--go-color-red-dark: var(--go-color-r300);--go-color-red-dark-rgb: var(--go-color-r300-rgb);--go-color-yellow-light: var(--go-color-y300);--go-color-yellow-light-rgb: var(--go-color-y300-rgb);--go-color-yellow-dark: var(--go-color-y300);--go-color-yellow-dark-rgb: var(--go-color-y300-rgb);--go-color-green-light: var(--go-color-g300);--go-color-green-light-rgb: var(--go-color-g300-rgb);--go-color-green-dark: var(--go-color-g300);--go-color-green-dark-rgb: var(--go-color-g300-rgb);--background-color-light: var(--go-color-n0);--background-color-dark: var(--go-color-dn0);--background-color-secondary-light: var(--go-color-n20);--background-color-secondary-dark: var(--go-color-dn30);--text-color-light: var(--go-color-n1000);--text-color-dark: var(--go-color-n0);--placeholder-color-light: var(--go-color-n100);--placeholder-color-dark: var(--go-color-dn200);--heading-color-default-light: var(--go-color-n1000);--heading-color-default-dark: var(--go-color-n0);--heading-color-subtle-light: var(--go-color-n200);--heading-color-subtle-dark: var(--go-color-dn300);--link-color-default-light: var(--go-color-b400);--link-color-default-dark: var(--go-color-b100);--link-color-hover-light: var(--go-color-b300);--link-color-hover-dark: var(--go-color-b200);--link-color-active-light: var(--go-color-b500);--link-color-active-dark: var(--go-color-b100);--focus-outline-color: var(--go-color-b100);--table-border-color-light: var(--go-color-n40);--table-border-color-dark: var(--go-color-dn70);--table-hover-color-light: var(--go-color-n20);--table-hover-color-dark: var(--go-color-dn50);--horizontal-rule-color-light: var(--go-color-n40);--horizontal-rule-color-dark: var(--go-color-dn70);--code-color-light: var(--go-color-n40);--code-color-dark: var(--go-color-dn70);--code-block-color-light: var(--background-color-secondary-light);--code-block-color-dark: var(--background-color-secondary-dark);--blockquote-border-color-light: var(--go-color-n40);--blockquote-border-color-dark: var(--go-color-dn70)}:root{--elevation-card-light: 0 1px 1px var(--go-color-n50), 0 0 1px 0 var(--go-color-n60);--elevation-card-dark: 0 1px 1px var(--go-color-dn60), 0 0 1px var(--go-color-dn70);--elevation-dialog-light: 0 4px 8px -2px var(--go-color-n50), 0 0 1px var(--go-color-n60);--elevation-dialog-dark: 0 4px 8px -2px var(--go-color-dn60), 0 0 1px var(--go-color-dn70);--elevation-modal-light: 0 8px 16px -4px var(--go-color-n50), 0 0 1px var(--go-color-n60);--elevation-modal-dark: 0 8px 16px -4px var(--go-color-dn60), 0 0 1px var(--go-color-dn70);--elevation-panel-light: 0 12px 24px -6px var(--go-color-n50), 0 0 1px var(--go-color-n60);--elevation-panel-dark: 0 12px 24px -6px var(--go-color-dn60), 0 0 1px var(--go-color-dn70);--elevation-flag-light: 0 20px 32px -8px var(--go-color-n50), 0 0 1px var(--go-color-n60);--elevation-flag-dark: 0 20px 32px -8px var(--go-color-dn60), 0 0 1px var(--go-color-dn70);--elevation-avatar-light: inset 0 0 10px fade(var(--go-color-n900), 5%);--elevation-avatar-dark: inset 0 0 10px fade(var(--go-color-n900), 5%)}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-code: ui-monospace, SFMono-Medium, "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, monospace;--font-style-normal: normal;--font-style-italic: italic;--font-size-default: var(--font-size-14);--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-15: 15px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--font-size-30: 30px;--font-size-36: 36px;--font-size-48: 48px;--font-size-60: 60px;--font-size-72: 72px;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900}:root{--layer-card: 100;--layer-navigation: 200;--layer-dialog: 300;--layer-overlay: 400;--layer-modal: 500;--layer-flag: 600;--layer-spotlight: 700;--layer-tooltip: 800}:root{--size-0: 0px;--size-4: 4px;--size-8: 8px;--size-12: 12px;--size-16: 16px;--size-24: 24px;--size-32: 32px;--size-40: 40px;--size-48: 48px;--size-64: 64px;--size-96: 96px;--size-128: 128px;--size-192: 192px;--size-256: 256px;--size-384: 384px;--size-512: 512px;--size-640: 640px;--size-768: 768px;--size-896: 896px;--size-1024: 1024px;--size-1152: 1152px;--size-1280: 1280px;--size-1408: 1408px;--size-1536: 1536px;--size-1664: 1664px;--size-1792: 1792px;--size-1920: 1920px}:root{--transition-100ms-ease-out: .1s ease-out;--transition-100ms-ease-in-out: .1s ease-out;--transition-200ms-ease-in: .2s ease-in;--transition-200ms-ease-in-out: .2s ease-in-out}html,body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,img,pre,form,fieldset{margin:var(--size-0);padding:var(--size-0)}img,fieldset{border:var(--size-0)}body,html,#app{height:100%;width:100%}body{background-color:var(--background-color-light);color:var(--text-color-light);font-family:var(--font-family);font-size:var(--font-size-default);font-style:var(--font-style-normal);font-weight:var(--font-weight-regular);line-height:23px}input,select,textarea,button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:25px}p,ul,ol,dl,h1,h2,h3,h4,h5,h6,blockquote,pre,form,table{margin:calc(var(--grid-size) * 2px) var(--size-0) var(--size-0) var(--size-0)}a{color:var(--link-color-default-light);text-decoration:var(--link-text-decoration-default);border-radius:var(--border-width);cursor:pointer;transition:color var(--transition-100ms-ease-in-out),background-color var(--transition-100ms-ease-in-out)}a:hover{color:var(--link-color-hover-light);text-decoration:var(--link-text-decoration-hover)}a:active{color:var(--link-color-active-light)}h1{font-size:2.07142857em;font-style:var(--font-style-normal);line-height:1.10344828em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 5px)}[dark-mode=true] h1{color:var(--heading-color-default-dark)}h1:first-child{margin-top:var(--size-0)}h2{font-size:1.71428571em;font-style:var(--font-style-normal);line-height:1.16666667em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 5px)}[dark-mode=true] h2{color:var(--heading-color-default-dark)}h2:first-child{margin-top:var(--size-0)}h3{font-size:1.42857143em;font-style:var(--font-style-normal);line-height:1.2em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.008em;margin-top:calc(var(--grid-size) * 3.5px)}[dark-mode=true] h3{color:var(--heading-color-default-dark)}h3:first-child{margin-top:var(--size-0)}h4{font-size:1.14285714em;font-style:var(--font-style-normal);line-height:1.25em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.006em;margin-top:calc(var(--grid-size) * 3px)}[dark-mode=true] h4{color:var(--heading-color-default-dark)}h4:first-child{margin-top:var(--size-0)}h5{font-size:1em;font-style:var(--font-style-normal);line-height:1.14285714em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.003em;margin-top:calc(var(--grid-size) * 2px)}[dark-mode=true] h5{color:var(--heading-color-default-dark)}h5:first-child{margin-top:var(--size-0)}h6{font-size:.85714286em;font-style:var(--font-style-normal);line-height:1.33333333em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);margin-top:calc(var(--grid-size) * 2.5px);text-transform:uppercase}[dark-mode=true] h6{color:var(--heading-color-default-dark)}h6:first-child{margin-top:var(--size-0)}ul,ol,dl{padding-left:calc(var(--grid-size) * 5px)}dd,dd+dt,li+li{margin-top:calc(var(--grid-size) / 2px)}ul ul:not(:first-child),ol ul:not(:first-child),ul ol:not(:first-child),ol ol:not(:first-child){margin-top:calc(var(--grid-size) / 2px)}p:first-child,ul:first-child,ol:first-child,dl:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,blockquote:first-child,pre:first-child,form:first-child,table:first-child{margin-top:var(--size-0)}:focus{outline:none;box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--focus-outline-width) var(--focus-outline-color)}[data-whatintent=mouse] :focus{outline:none;box-shadow:none}table{border-collapse:collapse;width:100%}thead,tbody,tfoot{border-bottom:var(--border-width) solid var(--table-border-color-light)}td,th{border:none;padding:calc((var(--grid-size) / 2) * 1px) calc(var(--grid-size) * 1px);text-align:left}th{font-size:.78571429em;font-style:var(--font-style-normal);line-height:1.45454545em;color:var(--heading-color-subtle-light);font-weight:var(--font-weight-bold);margin-top:calc(var(--grid-size) * 2px);line-height:inherit}[dark-mode=true] th{color:var(--heading-color-subtle-dark)}th:first-child{margin-top:var(--size-0)}td:first-child,th:first-child{padding-left:var(--size-0)}td:last-child,th:last-child{padding-right:var(--size-0)}tr{transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38)}tbody tr:hover{background-color:var(--table-hover-color-light)}hr{background-color:var(--horizontal-rule-color-light);height:2px;border-style:none;margin:var(--size-40) var(--size-0)}pre{font-family:var(--font-family-code);white-space:pre-wrap;padding:var(--size-24) var(--size-32);border-radius:var(--border-radius-regular);background:var(--code-block-color-light);font-size:var(--font-size-12);line-height:23px;overflow-x:auto}code{font-family:var(--font-family-code);padding:var(--size-0);font-size:var(--font-size-12)}p code{font-family:var(--font-family-code);padding:var(--size-0) var(--size-8);border-radius:var(--border-radius-regular);background:var(--code-color-light);font-size:var(--font-size-14);white-space:nowrap}blockquote{white-space:pre-wrap;border-left:var(--border-width-3) solid var(--blockquote-border-color-light);padding-left:var(--size-8);font-style:var(--font-style-italic)}caption{font-size:1.42857143em;font-style:var(--font-style-normal);line-height:1.2em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.008em;margin-top:calc(var(--grid-size) * 3.5px);margin-bottom:var(--size-8);text-align:left}[dark-mode=true] caption{color:var(--heading-color-default-dark)}caption:first-child{margin-top:var(--size-0)}[dark-mode=true] body{background-color:var(--background-color-dark);color:var(--text-color-dark)}[dark-mode=true] h1,[dark-mode=true] h2,[dark-mode=true] h3,[dark-mode=true] h4,[dark-mode=true] h5{color:var(--heading-color-default-dark)}[dark-mode=true] h6{color:var(--heading-color-subtle-dark)}[dark-mode=true] a{color:var(--link-color-default-dark)}[dark-mode=true] a:hover{color:var(--link-color-hover-dark)}[dark-mode=true] a:active{color:var(--link-color-active-dark)}[dark-mode=true] hr{background-color:var(--horizontal-rule-color-dark)}[dark-mode=true] pre{background:var(--code-block-color-dark)}[dark-mode=true] p code{background:var(--code-color-dark)}[dark-mode=true] blockquote{border-left:var(--border-width-3) solid var(--blockquote-border-color-dark)}[dark-mode=true] thead,[dark-mode=true] tbody,[dark-mode=true] tfoot{border-bottom:var(--border-width) solid var(--table-border-color-dark)}[dark-mode=true] tbody tr:hover{background-color:var(--table-hover-color-dark)}:root{--grid-size: 8;--focus-outline-width: 2px;--link-text-decoration-default: none;--link-text-decoration-hover: underline}.heading-900{font-size:2.85714286em;font-style:var(--font-style-normal);line-height:1.14285714em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 6.5px)}[dark-mode=true] .heading-900{color:var(--heading-color-default-dark)}.heading-900:first-child{margin-top:var(--size-0)}.heading-800{font-size:2.07142857em;font-style:var(--font-style-normal);line-height:1.10344828em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 5px)}[dark-mode=true] .heading-800{color:var(--heading-color-default-dark)}.heading-800:first-child{margin-top:var(--size-0)}.heading-700{font-size:1.71428571em;font-style:var(--font-style-normal);line-height:1.16666667em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 5px)}[dark-mode=true] .heading-700{color:var(--heading-color-default-dark)}.heading-700:first-child{margin-top:var(--size-0)}.heading-600{font-size:1.42857143em;font-style:var(--font-style-normal);line-height:1.2em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.008em;margin-top:calc(var(--grid-size) * 3.5px)}[dark-mode=true] .heading-600{color:var(--heading-color-default-dark)}.heading-600:first-child{margin-top:var(--size-0)}.heading-500{font-size:1.14285714em;font-style:var(--font-style-normal);line-height:1.25em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.006em;margin-top:calc(var(--grid-size) * 3px)}[dark-mode=true] .heading-500{color:var(--heading-color-default-dark)}.heading-500:first-child{margin-top:var(--size-0)}.heading-400{font-size:1em;font-style:var(--font-style-normal);line-height:1.14285714em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.003em;margin-top:calc(var(--grid-size) * 2px)}[dark-mode=true] .heading-400{color:var(--heading-color-default-dark)}.heading-400:first-child{margin-top:var(--size-0)}.heading-300{font-size:.85714286em;font-style:var(--font-style-normal);line-height:1.33333333em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);margin-top:calc(var(--grid-size) * 2.5px);text-transform:uppercase}[dark-mode=true] .heading-300{color:var(--heading-color-default-dark)}.heading-300:first-child{margin-top:var(--size-0)}.heading-200{font-size:.85714286em;font-style:var(--font-style-normal);line-height:1.33333333em;color:var(--heading-color-subtle-light);font-weight:var(--font-weight-semibold);margin-top:calc(var(--grid-size) * 2px)}[dark-mode=true] .heading-200{color:var(--heading-color-subtle-dark)}.heading-200:first-child{margin-top:var(--size-0)}.heading-100{font-size:.78571429em;font-style:var(--font-style-normal);line-height:1.45454545em;color:var(--heading-color-subtle-light);font-weight:var(--font-weight-bold);margin-top:calc(var(--grid-size) * 2px)}[dark-mode=true] .heading-100{color:var(--heading-color-subtle-dark)}.heading-100:first-child{margin-top:var(--size-0)}.text-intro{font-size:1.71428571em;font-style:var(--font-style-normal);font-weight:var(--font-weight-regular);line-height:32px}.text-caption{font-size:var(--font-size-12);font-weight:var(--font-weight-regular);display:block;line-height:18px;color:var(--placeholder-color-light)}.text-caption-bold{font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);color:var(--text-color-light)}.text-prominent{font-size:var(--font-size-default);font-weight:var(--font-weight-semibold);color:var(--text-color-light)}.error{color:var(--go-color-red-light)}[dark-mode=true] .text-caption{color:var(--placeholder-color-dark)}[dark-mode=true] .text-caption-bold,[dark-mode=true] .text-prominent{color:var(--text-color-dark)}[dark-mode=true] .error{color:var(--go-color-red-dark)}
+:root{--border-radius-regular: 3px;--border-radius-large: 6px;--border-width: var(--border-width-2);--border-width-1: 1px;--border-width-2: 2px;--border-width-3: 3px}:root{--go-color-primary1: var(--go-color-b600);--go-color-primary2: var(--go-color-b500);--go-color-primary3: var(--go-color-n0);--go-color-n0: #ffffff;--go-color-n0-rgb: 255, 255, 255;--go-color-n10: #fafbfc;--go-color-n10-rgb: 250, 251, 252;--go-color-n20: #f4f5f7;--go-color-n30: #ebecf0;--go-color-n40: #dfe1e6;--go-color-n40-rgb: 223, 225, 230;--go-color-n50: #c1c7d0;--go-color-n60: #b3bac5;--go-color-n70: #a5adba;--go-color-n80: #97a0af;--go-color-n90: #8993a4;--go-color-n100: #7a869a;--go-color-n100-rgb: 122, 134, 154;--go-color-n200: #6b778c;--go-color-n300: #5e6c84;--go-color-n400: #505f79;--go-color-n500: #42526e;--go-color-n600: #344563;--go-color-n700: #253858;--go-color-n700-rgb: 37, 56, 88;--go-color-n800: #172b4d;--go-color-n900: #091e42;--go-color-n900-rgb: 9, 30, 66;--go-color-n1000: #000000;--go-color-n1000-rgb: 0, 0, 0;--go-color-dn0: #0d1424;--go-color-dn0-rgb: 13, 20, 36;--go-color-dn10: #0e1624;--go-color-dn20: #121a29;--go-color-dn30: #1b2638;--go-color-dn40: #202b3d;--go-color-dn50: #283447;--go-color-dn60: #313d52;--go-color-dn70: #3b475c;--go-color-dn70-rgb: 61, 72, 92;--go-color-dn80: #455166;--go-color-dn90: #56637a;--go-color-dn100: #67758f;--go-color-dn200: #7988a3;--go-color-dn200-rgb: 121, 136, 163;--go-color-dn300: #8c9cb8;--go-color-dn400: #9fb0cc;--go-color-dn500: #abbbd6;--go-color-dn500-rgb: 171, 187, 214;--go-color-dn600: #b8c7e0;--go-color-dn600-rgb: 184, 199, 224;--go-color-dn700: #ced9eb;--go-color-dn800: #dce5f5;--go-color-dn900: #e6edfa;--go-color-dn900-rgb: 230, 237, 250;--go-color-r50: #ffebe6;--go-color-r75: #ffbdad;--go-color-r100: #ff8f73;--go-color-r200: #ff7452;--go-color-r300: #ff5630;--go-color-r300-rgb: 255, 86, 48;--go-color-r400: #de350b;--go-color-r500: #bf2600;--go-color-y50: #fffae6;--go-color-y75: #fff0b3;--go-color-y100: #ffe380;--go-color-y200: #ffc400;--go-color-y300: #ffab00;--go-color-y300-rgb: 255, 171, 0;--go-color-y400: #ff991f;--go-color-y500: #ff8b00;--go-color-g50: #e3fcef;--go-color-g75: #abf5d1;--go-color-g100: #79f2c0;--go-color-g200: #57d9a3;--go-color-g300: #36b37e;--go-color-g300-rgb: 54, 179, 126;--go-color-g400: #00875a;--go-color-g500: #006644;--go-color-b50: #deebff;--go-color-b75: #b3d4ff;--go-color-b100: #4c9aff;--go-color-b100-rgb: 76, 154, 255;--go-color-b200: #2684ff;--go-color-b200-rgb: 38, 132, 255;--go-color-b300: #0065ff;--go-color-b400: #0052cc;--go-color-b400-rgb: 0, 82, 204;--go-color-b500: #0747a6;--go-color-b600: #061f80;--go-color-p50: #eae6ff;--go-color-p75: #c0b6f2;--go-color-p100: #998dd9;--go-color-p100-rgb: 153, 141, 217;--go-color-p200: #8777d9;--go-color-p300: #6554c0;--go-color-p300-rgb: 101, 84, 192;--go-color-p400: #5243aa;--go-color-p500: #403294;--go-color-t50: #e6fcff;--go-color-t75: #b3f5ff;--go-color-t100: #79e2f2;--go-color-t200: #00c7e6;--go-color-t200-rgb: 0, 199, 230;--go-color-t300: #00b8d9;--go-color-t300-rgb: 0, 184, 217;--go-color-t400: #00a3bf;--go-color-t500: #008da6;--go-color-primary-light: var(--go-color-b400);--go-color-primary-dark: var(--go-color-b100);--go-color-blue-light: var(--go-color-b400);--go-color-blue-light-rgb: var(--go-color-b400-rgb);--go-color-blue-dark: var(--go-color-b100);--go-color-blue-dark-rgb: var(--go-color-b100-rgb);--go-color-teal-light: var(--go-color-t300);--go-color-teal-light-rgb: var(--go-color-t300-rgb);--go-color-teal-dark: var(--go-color-t200);--go-color-teal-dark-rgb: var(--go-color-t200-rgb);--go-color-purple-light: var(--go-color-p300);--go-color-purple-light-rgb: var(--go-color-p300-rgb);--go-color-purple-dark: var(--go-color-p100);--go-color-purple-dark-rgb: var(--go-color-p100-rgb);--go-color-red-light: var(--go-color-r300);--go-color-red-light-rgb: var(--go-color-r300-rgb);--go-color-red-dark: var(--go-color-r300);--go-color-red-dark-rgb: var(--go-color-r300-rgb);--go-color-yellow-light: var(--go-color-y300);--go-color-yellow-light-rgb: var(--go-color-y300-rgb);--go-color-yellow-dark: var(--go-color-y300);--go-color-yellow-dark-rgb: var(--go-color-y300-rgb);--go-color-green-light: var(--go-color-g300);--go-color-green-light-rgb: var(--go-color-g300-rgb);--go-color-green-dark: var(--go-color-g300);--go-color-green-dark-rgb: var(--go-color-g300-rgb);--background-color-light: var(--go-color-n0);--background-color-dark: var(--go-color-dn0);--background-color-secondary-light: var(--go-color-n20);--background-color-secondary-dark: var(--go-color-dn30);--text-color-light: var(--go-color-n1000);--text-color-dark: var(--go-color-n0);--placeholder-color-light: var(--go-color-n100);--placeholder-color-dark: var(--go-color-dn200);--heading-color-default-light: var(--go-color-n1000);--heading-color-default-dark: var(--go-color-n0);--heading-color-subtle-light: var(--go-color-n200);--heading-color-subtle-dark: var(--go-color-dn300);--link-color-default-light: var(--go-color-b400);--link-color-default-dark: var(--go-color-b100);--link-color-hover-light: var(--go-color-b300);--link-color-hover-dark: var(--go-color-b200);--link-color-active-light: var(--go-color-b500);--link-color-active-dark: var(--go-color-b100);--focus-outline-color: var(--go-color-b100);--table-border-color-light: var(--go-color-n40);--table-border-color-dark: var(--go-color-dn70);--table-hover-color-light: var(--go-color-n20);--table-hover-color-dark: var(--go-color-dn50);--horizontal-rule-color-light: var(--go-color-n40);--horizontal-rule-color-dark: var(--go-color-dn70);--code-color-light: var(--go-color-n40);--code-color-dark: var(--go-color-dn70);--code-block-color-light: var(--background-color-secondary-light);--code-block-color-dark: var(--background-color-secondary-dark);--blockquote-border-color-light: var(--go-color-n40);--blockquote-border-color-dark: var(--go-color-dn70)}:root{--elevation-card-light: 0 1px 1px var(--go-color-n50), 0 0 1px 0 var(--go-color-n60);--elevation-card-dark: 0 1px 1px var(--go-color-dn60), 0 0 1px var(--go-color-dn70);--elevation-dialog-light: 0 4px 8px -2px var(--go-color-n50), 0 0 1px var(--go-color-n60);--elevation-dialog-dark: 0 4px 8px -2px var(--go-color-dn60), 0 0 1px var(--go-color-dn70);--elevation-modal-light: 0 8px 16px -4px var(--go-color-n50), 0 0 1px var(--go-color-n60);--elevation-modal-dark: 0 8px 16px -4px var(--go-color-dn60), 0 0 1px var(--go-color-dn70);--elevation-panel-light: 0 12px 24px -6px var(--go-color-n50), 0 0 1px var(--go-color-n60);--elevation-panel-dark: 0 12px 24px -6px var(--go-color-dn60), 0 0 1px var(--go-color-dn70);--elevation-flag-light: 0 20px 32px -8px var(--go-color-n50), 0 0 1px var(--go-color-n60);--elevation-flag-dark: 0 20px 32px -8px var(--go-color-dn60), 0 0 1px var(--go-color-dn70);--elevation-avatar-light: inset 0 0 10px fade(var(--go-color-n900), 5%);--elevation-avatar-dark: inset 0 0 10px fade(var(--go-color-n900), 5%)}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-code: ui-monospace, SFMono-Medium, "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, monospace;--font-style-normal: normal;--font-style-italic: italic;--font-size-default: var(--font-size-14);--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-15: 15px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--font-size-30: 30px;--font-size-36: 36px;--font-size-48: 48px;--font-size-60: 60px;--font-size-72: 72px;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900}:root{--layer-card: 100;--layer-navigation: 200;--layer-dialog: 300;--layer-overlay: 400;--layer-modal: 500;--layer-flag: 600;--layer-spotlight: 700;--layer-tooltip: 800}:root{--size-0: 0px;--size-4: 4px;--size-8: 8px;--size-12: 12px;--size-16: 16px;--size-24: 24px;--size-32: 32px;--size-40: 40px;--size-48: 48px;--size-64: 64px;--size-96: 96px;--size-128: 128px;--size-192: 192px;--size-256: 256px;--size-384: 384px;--size-512: 512px;--size-640: 640px;--size-768: 768px;--size-896: 896px;--size-1024: 1024px;--size-1152: 1152px;--size-1280: 1280px;--size-1408: 1408px;--size-1536: 1536px;--size-1664: 1664px;--size-1792: 1792px;--size-1920: 1920px}:root{--transition-100ms-ease-out: .1s ease-out;--transition-100ms-ease-in-out: .1s ease-out;--transition-200ms-ease-in: .2s ease-in;--transition-200ms-ease-in-out: .2s ease-in-out}html,body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,img,pre,form,fieldset{margin:var(--size-0);padding:var(--size-0)}img,fieldset{border:var(--size-0)}body,html,#app{height:100%;width:100%}body{background-color:var(--background-color-light);color:var(--text-color-light);font-family:var(--font-family);font-size:var(--font-size-default);font-style:var(--font-style-normal);font-weight:var(--font-weight-regular);line-height:23px}input,select,textarea,button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:25px}p,ul,ol,dl,h1,h2,h3,h4,h5,h6,blockquote,pre,form,table{margin:calc(var(--grid-size) * 2px) var(--size-0) var(--size-0) var(--size-0)}a{color:var(--link-color-default-light);text-decoration:var(--link-text-decoration-default);border-radius:var(--border-width);cursor:pointer;transition:color var(--transition-100ms-ease-in-out),background-color var(--transition-100ms-ease-in-out)}a:hover{color:var(--link-color-hover-light);text-decoration:var(--link-text-decoration-hover)}a:active{color:var(--link-color-active-light)}h1{font-size:2.07142857em;font-style:var(--font-style-normal);line-height:1.10344828em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 5px)}[dark-mode=true] h1{color:var(--heading-color-default-dark)}h1:first-child{margin-top:var(--size-0)}h2{font-size:1.71428571em;font-style:var(--font-style-normal);line-height:1.16666667em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 5px)}[dark-mode=true] h2{color:var(--heading-color-default-dark)}h2:first-child{margin-top:var(--size-0)}h3{font-size:1.42857143em;font-style:var(--font-style-normal);line-height:1.2em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.008em;margin-top:calc(var(--grid-size) * 3.5px)}[dark-mode=true] h3{color:var(--heading-color-default-dark)}h3:first-child{margin-top:var(--size-0)}h4{font-size:1.14285714em;font-style:var(--font-style-normal);line-height:1.25em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.006em;margin-top:calc(var(--grid-size) * 3px)}[dark-mode=true] h4{color:var(--heading-color-default-dark)}h4:first-child{margin-top:var(--size-0)}h5{font-size:1em;font-style:var(--font-style-normal);line-height:1.14285714em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.003em;margin-top:calc(var(--grid-size) * 2px)}[dark-mode=true] h5{color:var(--heading-color-default-dark)}h5:first-child{margin-top:var(--size-0)}h6{font-size:.85714286em;font-style:var(--font-style-normal);line-height:1.33333333em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);margin-top:calc(var(--grid-size) * 2.5px);text-transform:uppercase}[dark-mode=true] h6{color:var(--heading-color-default-dark)}h6:first-child{margin-top:var(--size-0)}ul,ol,dl{padding-left:calc(var(--grid-size) * 5px)}dd,dd+dt,li+li{margin-top:calc(var(--grid-size) / 2px)}ul ul:not(:first-child),ol ul:not(:first-child),ul ol:not(:first-child),ol ol:not(:first-child){margin-top:calc(var(--grid-size) / 2px)}p:first-child,ul:first-child,ol:first-child,dl:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,blockquote:first-child,pre:first-child,form:first-child,table:first-child{margin-top:var(--size-0)}:focus{outline:none;box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--focus-outline-width) var(--focus-outline-color)}[data-whatintent=mouse] :focus{outline:none;box-shadow:none}table{border-collapse:collapse;width:100%}thead,tbody,tfoot{border-bottom:var(--border-width) solid var(--table-border-color-light)}td,th{border:none;padding:calc((var(--grid-size) / 2) * 1px) calc(var(--grid-size) * 1px);text-align:left}th{font-size:.78571429em;font-style:var(--font-style-normal);line-height:1.45454545em;color:var(--heading-color-subtle-light);font-weight:var(--font-weight-bold);margin-top:calc(var(--grid-size) * 2px);line-height:inherit}[dark-mode=true] th{color:var(--heading-color-subtle-dark)}th:first-child{margin-top:var(--size-0)}td:first-child,th:first-child{padding-left:var(--size-0)}td:last-child,th:last-child{padding-right:var(--size-0)}tr{transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38)}tbody tr:hover{background-color:var(--table-hover-color-light)}hr{background-color:var(--horizontal-rule-color-light);height:2px;border-style:none;margin:var(--size-40) var(--size-0)}pre{font-family:var(--font-family-code);white-space:pre-wrap;padding:var(--size-24) var(--size-32);border-radius:var(--border-radius-regular);background:var(--code-block-color-light);font-size:var(--font-size-12);line-height:23px;overflow-x:auto}code{font-family:var(--font-family-code);padding:var(--size-0);font-size:var(--font-size-12)}p code{font-family:var(--font-family-code);padding:var(--size-0) var(--size-8);border-radius:var(--border-radius-regular);background:var(--code-color-light);font-size:var(--font-size-14);white-space:nowrap}blockquote{white-space:pre-wrap;border-left:var(--border-width-3) solid var(--blockquote-border-color-light);padding-left:var(--size-8);font-style:var(--font-style-italic)}caption{font-size:1.42857143em;font-style:var(--font-style-normal);line-height:1.2em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.008em;margin-top:calc(var(--grid-size) * 3.5px);margin-bottom:var(--size-8);text-align:left}[dark-mode=true] caption{color:var(--heading-color-default-dark)}caption:first-child{margin-top:var(--size-0)}[dark-mode=true] body{background-color:var(--background-color-dark);color:var(--text-color-dark)}[dark-mode=true] h1,[dark-mode=true] h2,[dark-mode=true] h3,[dark-mode=true] h4,[dark-mode=true] h5{color:var(--heading-color-default-dark)}[dark-mode=true] h6{color:var(--heading-color-subtle-dark)}[dark-mode=true] a{color:var(--link-color-default-dark)}[dark-mode=true] a:hover{color:var(--link-color-hover-dark)}[dark-mode=true] a:active{color:var(--link-color-active-dark)}[dark-mode=true] hr{background-color:var(--horizontal-rule-color-dark)}[dark-mode=true] pre{background:var(--code-block-color-dark)}[dark-mode=true] p code{background:var(--code-color-dark)}[dark-mode=true] blockquote{border-left:var(--border-width-3) solid var(--blockquote-border-color-dark)}[dark-mode=true] thead,[dark-mode=true] tbody,[dark-mode=true] tfoot{border-bottom:var(--border-width) solid var(--table-border-color-dark)}[dark-mode=true] tbody tr:hover{background-color:var(--table-hover-color-dark)}:root{--grid-size: 8;--focus-outline-width: 2px;--link-text-decoration-default: none;--link-text-decoration-hover: underline}.heading-900{font-size:2.85714286em;font-style:var(--font-style-normal);line-height:1.14285714em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 6.5px)}[dark-mode=true] .heading-900{color:var(--heading-color-default-dark)}.heading-900:first-child{margin-top:var(--size-0)}.heading-800{font-size:2.07142857em;font-style:var(--font-style-normal);line-height:1.10344828em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 5px)}[dark-mode=true] .heading-800{color:var(--heading-color-default-dark)}.heading-800:first-child{margin-top:var(--size-0)}.heading-700{font-size:1.71428571em;font-style:var(--font-style-normal);line-height:1.16666667em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 5px)}[dark-mode=true] .heading-700{color:var(--heading-color-default-dark)}.heading-700:first-child{margin-top:var(--size-0)}.heading-600{font-size:1.42857143em;font-style:var(--font-style-normal);line-height:1.2em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.008em;margin-top:calc(var(--grid-size) * 3.5px)}[dark-mode=true] .heading-600{color:var(--heading-color-default-dark)}.heading-600:first-child{margin-top:var(--size-0)}.heading-500{font-size:1.14285714em;font-style:var(--font-style-normal);line-height:1.25em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.006em;margin-top:calc(var(--grid-size) * 3px)}[dark-mode=true] .heading-500{color:var(--heading-color-default-dark)}.heading-500:first-child{margin-top:var(--size-0)}.heading-400{font-size:1em;font-style:var(--font-style-normal);line-height:1.14285714em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.003em;margin-top:calc(var(--grid-size) * 2px)}[dark-mode=true] .heading-400{color:var(--heading-color-default-dark)}.heading-400:first-child{margin-top:var(--size-0)}.heading-300{font-size:.85714286em;font-style:var(--font-style-normal);line-height:1.33333333em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);margin-top:calc(var(--grid-size) * 2.5px);text-transform:uppercase}[dark-mode=true] .heading-300{color:var(--heading-color-default-dark)}.heading-300:first-child{margin-top:var(--size-0)}.heading-200{font-size:.85714286em;font-style:var(--font-style-normal);line-height:1.33333333em;color:var(--heading-color-subtle-light);font-weight:var(--font-weight-semibold);margin-top:calc(var(--grid-size) * 2px)}[dark-mode=true] .heading-200{color:var(--heading-color-subtle-dark)}.heading-200:first-child{margin-top:var(--size-0)}.heading-100{font-size:.78571429em;font-style:var(--font-style-normal);line-height:1.45454545em;color:var(--heading-color-subtle-light);font-weight:var(--font-weight-bold);margin-top:calc(var(--grid-size) * 2px)}[dark-mode=true] .heading-100{color:var(--heading-color-subtle-dark)}.heading-100:first-child{margin-top:var(--size-0)}.text-intro{font-size:1.71428571em;font-style:var(--font-style-normal);font-weight:var(--font-weight-regular);line-height:32px}.text-caption{font-size:var(--font-size-12);font-weight:var(--font-weight-regular);display:block;line-height:18px;color:var(--placeholder-color-light)}.text-caption-bold{font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);color:var(--text-color-light)}.text-prominent{font-size:var(--font-size-default);font-weight:var(--font-weight-semibold);color:var(--text-color-light)}.error{color:var(--go-color-red-light)}[dark-mode=true] .text-caption{color:var(--placeholder-color-dark)}[dark-mode=true] .text-caption-bold,[dark-mode=true] .text-prominent{color:var(--text-color-dark)}[dark-mode=true] .error{color:var(--go-color-red-dark)}

package/dist/theme.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("what-input");const a={class:"theme"},l=e.defineComponent({name:"Theme"}),h=Object.assign(l,{setup($){const t=e.ref({darkMode:window.matchMedia("(prefers-color-scheme: dark)").matches});window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",c);var o=document.createElement("meta");o.name="color-scheme",o.setAttribute("content","light dark"),document.getElementsByTagName("head")[0].appendChild(o),e.watch(t.value,()=>{document.documentElement.setAttribute("dark-mode",t.value.darkMode)},{deep:!0,immediate:!0}),e.onBeforeUnmount(()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",c)});function c(s){s&&(t.value.darkMode=s.matches)}return e.provide("theme",t),(s,z)=>(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(s.$slots,"default")]))}}),m="hsl(225, 90%, 16%)",d="#061f80",n="hsl(225, 94%, 35%)",N="#06c",i="hsl(210, 100%, 50%)",u="hsl(210, 100%, 93%)",p="hsl(225, 100%, 96%)",B="hsl(12, 91%, 46%)",_="hsl(11, 100%, 59%)",f="hsl(40, 100%, 50%)",v="hsl(46, 100%, 50%)",k="hsl(120, 100%, 25%)",y="#36b37e",g="hsl(0, 0%, 0%)",M="hsl(218, 76%, 15%)",w="hsla(0,0%,10%,.9)",b="hsla(0,0%,10%,.6)",E="hsl(218, 20%, 39%)",T="hsl(218, 17%, 44%)",G="hsl(218, 14%, 49%)",R="hsl(218, 14%, 54%)",S="hsl(218, 13%, 59%)",Y="hsl(218, 13%, 64%)",j="hsl(217, 13%, 69%)",q="hsl(223, 12%, 89%)",A="hsl(228, 14%, 93%)",C="hsl(210, 7%, 95%)",L="hsl(220, 16%, 96%)",O="hsl(210, 25%, 98%)",x="hsl(0, 0%, 98%)",r="hsl(0, 0%, 100%)",D=n,P=n,U=r;exports.B100=p;exports.B200=u;exports.B300=i;exports.B400=N;exports.B500=n;exports.B600=d;exports.B900=m;exports.G300=y;exports.G500=k;exports.N0=r;exports.N10=O;exports.N100=R;exports.N1000=g;exports.N20=L;exports.N200=G;exports.N25=C;exports.N30=A;exports.N300=T;exports.N40=q;exports.N400=E;exports.N5=x;exports.N500=b;exports.N70=j;exports.N80=Y;exports.N800=w;exports.N90=S;exports.N900=M;exports.R300=_;exports.R400=B;exports.Theme=h;exports.Y200=v;exports.Y300=f;exports.primary1=D;exports.primary2=P;exports.primary3=U;
+//# sourceMappingURL=theme.cjs.js.map

package/dist/theme.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.cjs.js","sources":["../src/Theme.vue","../src/colors.js"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <div class=\"theme\">\n    <slot />\n  </div>\n</template>\n\n<script setup>\nimport { provide, ref, watch, onBeforeUnmount } from \"vue\";\nimport \"what-input\";\n\ndefineOptions({\n  name: \"Theme\",\n});\nconst theme = ref({\n  darkMode: window.matchMedia(\"(prefers-color-scheme: dark)\").matches,\n});\n\nwindow\n  .matchMedia(\"(prefers-color-scheme: dark)\")\n  .addEventListener(\"change\", updateDarkMode);\n// Set the color-scheme meta tag.\nvar colorSchemeMeta = document.createElement(\"meta\");\ncolorSchemeMeta.name = \"color-scheme\";\ncolorSchemeMeta.setAttribute(\"content\", \"light dark\");\ndocument.getElementsByTagName(\"head\")[0].appendChild(colorSchemeMeta);\n\nwatch(\n  theme.value,\n  () => {\n    document.documentElement.setAttribute(\"dark-mode\", theme.value.darkMode);\n  },\n  { deep: true, immediate: true }\n);\n\nonBeforeUnmount(() => {\n  window\n    .matchMedia(\"(prefers-color-scheme: dark)\")\n    .removeEventListener(\"change\", updateDarkMode);\n});\n\nfunction updateDarkMode(event) {\n  if (!event) {\n    return;\n  }\n  theme.value.darkMode = event.matches;\n}\n\nprovide(\"theme\", theme);\n</script>\n\n<style lang=\"less\">\n@import \"index.less\";\n</style>\n","// Blues\nexport const B900 = \"hsl(225, 90%, 16%)\";\n// @go-color-b700 = #000e7f;\nexport const B600 = \"#061f80\";\nexport const B500 = \"hsl(225, 94%, 35%)\";\n// @go-color-b550 = #131ff2;\n// @go-color-b500 = #001dff;\n// @go-color-b400 = #3333ff;\nexport const B400 = \"#06c\";\nexport const B300 = \"hsl(210, 100%, 50%)\";\nexport const B200 = \"hsl(210, 100%, 93%)\";\nexport const B100 = \"hsl(225, 100%, 96%)\";\n\n// Reds\nexport const R400 = \"hsl(12, 91%, 46%)\";\nexport const R300 = \"hsl(11, 100%, 59%)\";\n\n// Yellows\nexport const Y300 = \"hsl(40, 100%, 50%)\";\nexport const Y200 = \"hsl(46, 100%, 50%)\";\n\n// Greens\nexport const G500 = \"hsl(120, 100%, 25%)\";\nexport const G300 = \"#36b37e\";\n\n// Neutrals\nexport const N1000 = \"hsl(0, 0%, 0%)\";\nexport const N900 = \"hsl(218, 76%, 15%)\";\n// @go-color-n900 = hsl(218, 54%, 20%);\nexport const N800 = \"hsla(0,0%,10%,.9)\";\nexport const N500 = \"hsla(0,0%,10%,.6)\";\nexport const N400 = \"hsl(218, 20%, 39%)\";\nexport const N300 = \"hsl(218, 17%, 44%)\";\nexport const N200 = \"hsl(218, 14%, 49%)\";\nexport const N100 = \"hsl(218, 14%, 54%)\";\nexport const N90 = \"hsl(218, 13%, 59%)\";\nexport const N80 = \"hsl(218, 13%, 64%)\";\nexport const N70 = \"hsl(217, 13%, 69%)\";\nexport const N40 = \"hsl(223, 12%, 89%)\";\nexport const N30 = \"hsl(228, 14%, 93%)\";\nexport const N25 = \"hsl(210, 7%, 95%)\";\nexport const N20 = \"hsl(220, 16%, 96%)\";\nexport const N10 = \"hsl(210, 25%, 98%)\";\nexport const N5 = \"hsl(0, 0%, 98%)\";\nexport const N0 = \"hsl(0, 0%, 100%)\";\n\n// Primary color palette\nexport const primary1 = B500;\nexport const primary2 = B500;\nexport const primary3 = N0;\n"],"names":["theme","ref","updateDarkMode","colorSchemeMeta","watch","onBeforeUnmount","event","provide","B900","B600","B500","B400","B300","B200","B100","R400","R300","Y300","Y200","G500","G300","N1000","N900","N800","N500","N400","N300","N200","N100","N90","N80","N70","N40","N30","N25","N20","N10","N5","N0","primary1","primary2","primary3"],"mappings":"yKAWc,CACZ,KAAM,OACR,CAAA,8BACA,MAAMA,EAAQC,EAAAA,IAAI,CAChB,SAAU,OAAO,WAAW,8BAA8B,EAAE,OAC9D,CAAC,EAED,OACG,WAAW,8BAA8B,EACzC,iBAAiB,SAAUC,CAAc,EAE5C,IAAIC,EAAkB,SAAS,cAAc,MAAM,EACnDA,EAAgB,KAAO,eACvBA,EAAgB,aAAa,UAAW,YAAY,EACpD,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,YAAYA,CAAe,EAEpEC,EAAK,MACHJ,EAAM,MACN,IAAM,CACJ,SAAS,gBAAgB,aAAa,YAAaA,EAAM,MAAM,QAAQ,CACxE,EACD,CAAE,KAAM,GAAM,UAAW,EAAM,CACjC,EAEAK,EAAAA,gBAAgB,IAAM,CACpB,OACG,WAAW,8BAA8B,EACzC,oBAAoB,SAAUH,CAAc,CACjD,CAAC,EAED,SAASA,EAAeI,EAAO,CACxBA,IAGLN,EAAM,MAAM,SAAWM,EAAM,QAC/B,CAEAC,OAAAA,EAAAA,QAAQ,QAASP,CAAK,6FC/CTQ,EAAO,qBAEPC,EAAO,UACPC,EAAO,qBAIPC,EAAO,OACPC,EAAO,sBACPC,EAAO,sBACPC,EAAO,sBAGPC,EAAO,oBACPC,EAAO,qBAGPC,EAAO,qBACPC,EAAO,qBAGPC,EAAO,sBACPC,EAAO,UAGPC,EAAQ,iBACRC,EAAO,qBAEPC,EAAO,oBACPC,EAAO,oBACPC,EAAO,qBACPC,EAAO,qBACPC,EAAO,qBACPC,EAAO,qBACPC,EAAM,qBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAM,oBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAK,kBACLC,EAAK,mBAGLC,EAAW7B,EACX8B,EAAW9B,EACX+B,EAAWH"}

package/dist/theme.es.js

@@ -1,283 +1,66 @@
-import { defineComponent as V, ref as $, provide as z, watch as H, onBeforeUnmount as J, openBlock as Q, createElementBlock as Z, renderSlot as ee } from "vue";
-var te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, C = {}, ne = {
-  get exports() {
-    return C;
-  },
-  set exports(w) {
-    C = w;
-  }
-};
-/**
- * what-input - A global utility for tracking the current input method (mouse, keyboard or touch).
- * @version v5.2.12
- * @link https://github.com/ten1seven/what-input
- * @license MIT
- */
-(function(w, p) {
-  (function(u, r) {
-    w.exports = r();
-  })(te, function() {
-    return (
-      /******/
-      function(c) {
-        var u = {};
-        function r(i) {
-          if (u[i])
-            return u[i].exports;
-          var s = u[i] = {
-            /******/
-            exports: {},
-            /******/
-            id: i,
-            /******/
-            loaded: !1
-            /******/
-          };
-          return c[i].call(s.exports, s, s.exports, r), s.loaded = !0, s.exports;
-        }
-        return r.m = c, r.c = u, r.p = "", r(0);
-      }([
-        /* 0 */
-        /***/
-        function(c, u) {
-          c.exports = function() {
-            if (typeof document > "u" || typeof window > "u")
-              return {
-                // always return "initial" because no interaction will ever be detected
-                ask: function() {
-                  return "initial";
-                },
-                // always return null
-                element: function() {
-                  return null;
-                },
-                // no-op
-                ignoreKeys: function() {
-                },
-                // no-op
-                specificKeys: function() {
-                },
-                // no-op
-                registerOnChange: function() {
-                },
-                // no-op
-                unRegisterOnChange: function() {
-                }
-              };
-            var r = document.documentElement, i = null, s = "initial", a = s, k = Date.now(), E = !1, I = ["button", "input", "select", "textarea"], d = [], N = [
-              16,
-              // shift
-              17,
-              // control
-              18,
-              // alt
-              91,
-              // Windows key / left Apple cmd
-              93
-              // Windows menu / right Apple cmd
-            ], m = [], M = {
-              keydown: "keyboard",
-              keyup: "keyboard",
-              mousedown: "mouse",
-              mousemove: "mouse",
-              MSPointerDown: "pointer",
-              MSPointerMove: "pointer",
-              pointerdown: "pointer",
-              pointermove: "pointer",
-              touchstart: "touch",
-              touchend: "touch"
-              // boolean: true if the page is being scrolled
-            }, v = !1, g = {
-              x: null,
-              y: null
-              // map of IE 10 pointer events
-            }, B = {
-              2: "touch",
-              3: "touch",
-              // treat pen like touch
-              4: "mouse"
-              // check support for passive event listeners
-            }, S = !1;
-            try {
-              var A = Object.defineProperty({}, "passive", {
-                get: function() {
-                  S = !0;
-                }
-              });
-              window.addEventListener("test", null, A);
-            } catch {
-            }
-            var D = function() {
-              M[T()] = "mouse", K();
-            }, K = function() {
-              var e = S ? { passive: !0, capture: !0 } : !0;
-              document.addEventListener("DOMContentLoaded", U, !0), window.PointerEvent ? (window.addEventListener("pointerdown", l, !0), window.addEventListener("pointermove", y, !0)) : window.MSPointerEvent ? (window.addEventListener("MSPointerDown", l, !0), window.addEventListener("MSPointerMove", y, !0)) : (window.addEventListener("mousedown", l, !0), window.addEventListener("mousemove", y, !0), "ontouchstart" in window && (window.addEventListener("touchstart", l, e), window.addEventListener("touchend", l, !0))), window.addEventListener(T(), y, e), window.addEventListener("keydown", l, !0), window.addEventListener("keyup", l, !0), window.addEventListener("focusin", R, !0), window.addEventListener("focusout", _, !0);
-            }, U = function() {
-              if (E = !(r.getAttribute("data-whatpersist") === "false" || document.body.getAttribute("data-whatpersist") === "false"), E)
-                try {
-                  window.sessionStorage.getItem("what-input") && (s = window.sessionStorage.getItem("what-input")), window.sessionStorage.getItem("what-intent") && (a = window.sessionStorage.getItem("what-intent"));
-                } catch {
-                }
-              f("input"), f("intent");
-            }, l = function(e) {
-              var t = e.which, o = M[e.type];
-              o === "pointer" && (o = x(e));
-              var W = !m.length && N.indexOf(t) === -1, X = m.length && m.indexOf(t) !== -1, L = o === "keyboard" && t && (W || X) || o === "mouse" || o === "touch";
-              if (O(o) && (L = !1), L && s !== o && (s = o, b("input", s), f("input")), L && a !== o) {
-                var h = document.activeElement, q = h && h.nodeName && (I.indexOf(h.nodeName.toLowerCase()) === -1 || h.nodeName.toLowerCase() === "button" && !F(h, "form"));
-                q && (a = o, b("intent", a), f("intent"));
-              }
-            }, f = function(e) {
-              r.setAttribute("data-what" + e, e === "input" ? s : a), j(e);
-            }, y = function(e) {
-              var t = M[e.type];
-              t === "pointer" && (t = x(e)), G(e), (!v && !O(t) || v && e.type === "wheel" || e.type === "mousewheel" || e.type === "DOMMouseScroll") && a !== t && (a = t, b("intent", a), f("intent"));
-            }, R = function(e) {
-              if (!e.target.nodeName) {
-                _();
-                return;
-              }
-              i = e.target.nodeName.toLowerCase(), r.setAttribute("data-whatelement", i), e.target.classList && e.target.classList.length && r.setAttribute("data-whatclasses", e.target.classList.toString().replace(" ", ","));
-            }, _ = function() {
-              i = null, r.removeAttribute("data-whatelement"), r.removeAttribute("data-whatclasses");
-            }, b = function(e, t) {
-              if (E)
-                try {
-                  window.sessionStorage.setItem("what-" + e, t);
-                } catch {
-                }
-            }, x = function(e) {
-              return typeof e.pointerType == "number" ? B[e.pointerType] : e.pointerType === "pen" ? "touch" : e.pointerType;
-            }, O = function(e) {
-              var t = Date.now(), o = e === "mouse" && s === "touch" && t - k < 200;
-              return k = t, o;
-            }, T = function() {
-              var e = null;
-              return "onwheel" in document.createElement("div") ? e = "wheel" : e = document.onmousewheel !== void 0 ? "mousewheel" : "DOMMouseScroll", e;
-            }, j = function(e) {
-              for (var t = 0, o = d.length; t < o; t++)
-                d[t].type === e && d[t].fn.call(void 0, e === "input" ? s : a);
-            }, Y = function(e) {
-              for (var t = 0, o = d.length; t < o; t++)
-                if (d[t].fn === e)
-                  return t;
-            }, G = function(e) {
-              g.x !== e.screenX || g.y !== e.screenY ? (v = !1, g.x = e.screenX, g.y = e.screenY) : v = !0;
-            }, F = function(e, t) {
-              var o = window.Element.prototype;
-              if (o.matches || (o.matches = o.msMatchesSelector || o.webkitMatchesSelector), o.closest)
-                return e.closest(t);
-              do {
-                if (e.matches(t))
-                  return e;
-                e = e.parentElement || e.parentNode;
-              } while (e !== null && e.nodeType === 1);
-              return null;
-            };
-            return "addEventListener" in window && Array.prototype.indexOf && D(), {
-              // returns string: the current input type
-              // opt: 'intent'|'input'
-              // 'input' (default): returns the same value as the `data-whatinput` attribute
-              // 'intent': includes `data-whatintent` value if it's different than `data-whatinput`
-              ask: function(e) {
-                return e === "intent" ? a : s;
-              },
-              // returns string: the currently focused element or null
-              element: function() {
-                return i;
-              },
-              // overwrites ignored keys with provided array
-              ignoreKeys: function(e) {
-                N = e;
-              },
-              // overwrites specific char keys to update on
-              specificKeys: function(e) {
-                m = e;
-              },
-              // attach functions to input and intent "events"
-              // funct: function to fire on change
-              // eventType: 'input'|'intent'
-              registerOnChange: function(e, t) {
-                d.push({
-                  fn: e,
-                  type: t || "input"
-                });
-              },
-              unRegisterOnChange: function(e) {
-                var t = Y(e);
-                (t || t === 0) && d.splice(t, 1);
-              },
-              clearStorage: function() {
-                window.sessionStorage.clear();
-              }
-            };
-          }();
-        }
-        /******/
-      ])
-    );
-  });
-})(ne);
-const oe = { class: "theme" }, re = V({
+import { defineComponent as c, ref as h, watch as r, onBeforeUnmount as l, provide as a, openBlock as m, createElementBlock as d, renderSlot as i } from "vue";
+import "what-input";
+const u = { class: "theme" }, p = c({
   name: "Theme"
-}), ae = /* @__PURE__ */ Object.assign(re, {
-  setup(w) {
-    const p = $({
+}), v = /* @__PURE__ */ Object.assign(p, {
+  setup(_) {
+    const e = h({
       darkMode: window.matchMedia("(prefers-color-scheme: dark)").matches
     });
-    z("theme", p), window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", u);
-    var c = document.createElement("meta");
-    c.name = "color-scheme", c.setAttribute("content", "light dark"), document.getElementsByTagName("head")[0].appendChild(c), H(
-      p.value,
+    window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", o);
+    var s = document.createElement("meta");
+    s.name = "color-scheme", s.setAttribute("content", "light dark"), document.getElementsByTagName("head")[0].appendChild(s), r(
+      e.value,
       () => {
-        document.documentElement.setAttribute("dark-mode", p.value.darkMode);
+        document.documentElement.setAttribute("dark-mode", e.value.darkMode);
       },
       { deep: !0, immediate: !0 }
-    ), J(() => {
-      window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change", u);
+    ), l(() => {
+      window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change", o);
     });
-    function u(r) {
-      r && (p.value.darkMode = r.matches);
+    function o(t) {
+      t && (e.value.darkMode = t.matches);
     }
-    return (r, i) => (Q(), Z("div", oe, [
-      ee(r.$slots, "default")
+    return a("theme", e), (t, f) => (m(), d("div", u, [
+      i(t.$slots, "default")
     ]));
   }
-}), ce = "hsl(225, 90%, 16%)", ue = "#061f80", P = "hsl(225, 94%, 35%)", de = "#06c", le = "hsl(210, 100%, 50%)", pe = "hsl(210, 100%, 93%)", fe = "hsl(225, 100%, 96%)", he = "hsl(12, 91%, 46%)", we = "hsl(11, 100%, 59%)", me = "hsl(40, 100%, 50%)", ve = "hsl(46, 100%, 50%)", ge = "hsl(120, 100%, 25%)", ye = "#36b37e", Ee = "hsl(0, 0%, 0%)", Me = "hsl(218, 76%, 15%)", be = "hsla(0,0%,10%,.9)", Le = "hsla(0,0%,10%,.6)", ke = "hsl(218, 20%, 39%)", Ne = "hsl(218, 17%, 44%)", Se = "hsl(218, 14%, 49%)", _e = "hsl(218, 14%, 54%)", xe = "hsl(218, 13%, 59%)", Oe = "hsl(218, 13%, 64%)", Te = "hsl(217, 13%, 69%)", Ce = "hsl(223, 12%, 89%)", Pe = "hsl(228, 14%, 93%)", Ie = "hsl(210, 7%, 95%)", Be = "hsl(220, 16%, 96%)", Ae = "hsl(210, 25%, 98%)", De = "hsl(0, 0%, 98%)", se = "hsl(0, 0%, 100%)", Ke = P, Ue = P, Re = se;
+}), M = "hsl(225, 90%, 16%)", g = "#061f80", n = "hsl(225, 94%, 35%)", w = "#06c", y = "hsl(210, 100%, 50%)", E = "hsl(210, 100%, 93%)", b = "hsl(225, 100%, 96%)", T = "hsl(12, 91%, 46%)", x = "hsl(11, 100%, 59%)", A = "hsl(40, 100%, 50%)", C = "hsl(46, 100%, 50%)", G = "hsl(120, 100%, 25%)", L = "#36b37e", R = "hsl(0, 0%, 0%)", S = "hsl(218, 76%, 15%)", Y = "hsla(0,0%,10%,.9)", j = "hsla(0,0%,10%,.6)", D = "hsl(218, 20%, 39%)", O = "hsl(218, 17%, 44%)", U = "hsl(218, 14%, 49%)", $ = "hsl(218, 14%, 54%)", q = "hsl(218, 13%, 59%)", z = "hsl(218, 13%, 64%)", F = "hsl(217, 13%, 69%)", H = "hsl(223, 12%, 89%)", I = "hsl(228, 14%, 93%)", J = "hsl(210, 7%, 95%)", K = "hsl(220, 16%, 96%)", P = "hsl(210, 25%, 98%)", Q = "hsl(0, 0%, 98%)", N = "hsl(0, 0%, 100%)", V = n, W = n, X = N;
 export {
-  fe as B100,
-  pe as B200,
-  le as B300,
-  de as B400,
-  P as B500,
-  ue as B600,
-  ce as B900,
-  ye as G300,
-  ge as G500,
-  se as N0,
-  Ae as N10,
-  _e as N100,
-  Ee as N1000,
-  Be as N20,
-  Se as N200,
-  Ie as N25,
-  Pe as N30,
-  Ne as N300,
-  Ce as N40,
-  ke as N400,
-  De as N5,
-  Le as N500,
-  Te as N70,
-  Oe as N80,
-  be as N800,
-  xe as N90,
-  Me as N900,
-  we as R300,
-  he as R400,
-  ae as Theme,
-  ve as Y200,
-  me as Y300,
-  Ke as primary1,
-  Ue as primary2,
-  Re as primary3
+  b as B100,
+  E as B200,
+  y as B300,
+  w as B400,
+  n as B500,
+  g as B600,
+  M as B900,
+  L as G300,
+  G as G500,
+  N as N0,
+  P as N10,
+  $ as N100,
+  R as N1000,
+  K as N20,
+  U as N200,
+  J as N25,
+  I as N30,
+  O as N300,
+  H as N40,
+  D as N400,
+  Q as N5,
+  j as N500,
+  F as N70,
+  z as N80,
+  Y as N800,
+  q as N90,
+  S as N900,
+  x as R300,
+  T as R400,
+  v as Theme,
+  C as Y200,
+  A as Y300,
+  V as primary1,
+  W as primary2,
+  X as primary3
 };
+//# sourceMappingURL=theme.es.js.map

package/dist/theme.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.es.js","sources":["../src/Theme.vue","../src/colors.js"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <div class=\"theme\">\n    <slot />\n  </div>\n</template>\n\n<script setup>\nimport { provide, ref, watch, onBeforeUnmount } from \"vue\";\nimport \"what-input\";\n\ndefineOptions({\n  name: \"Theme\",\n});\nconst theme = ref({\n  darkMode: window.matchMedia(\"(prefers-color-scheme: dark)\").matches,\n});\n\nwindow\n  .matchMedia(\"(prefers-color-scheme: dark)\")\n  .addEventListener(\"change\", updateDarkMode);\n// Set the color-scheme meta tag.\nvar colorSchemeMeta = document.createElement(\"meta\");\ncolorSchemeMeta.name = \"color-scheme\";\ncolorSchemeMeta.setAttribute(\"content\", \"light dark\");\ndocument.getElementsByTagName(\"head\")[0].appendChild(colorSchemeMeta);\n\nwatch(\n  theme.value,\n  () => {\n    document.documentElement.setAttribute(\"dark-mode\", theme.value.darkMode);\n  },\n  { deep: true, immediate: true }\n);\n\nonBeforeUnmount(() => {\n  window\n    .matchMedia(\"(prefers-color-scheme: dark)\")\n    .removeEventListener(\"change\", updateDarkMode);\n});\n\nfunction updateDarkMode(event) {\n  if (!event) {\n    return;\n  }\n  theme.value.darkMode = event.matches;\n}\n\nprovide(\"theme\", theme);\n</script>\n\n<style lang=\"less\">\n@import \"index.less\";\n</style>\n","// Blues\nexport const B900 = \"hsl(225, 90%, 16%)\";\n// @go-color-b700 = #000e7f;\nexport const B600 = \"#061f80\";\nexport const B500 = \"hsl(225, 94%, 35%)\";\n// @go-color-b550 = #131ff2;\n// @go-color-b500 = #001dff;\n// @go-color-b400 = #3333ff;\nexport const B400 = \"#06c\";\nexport const B300 = \"hsl(210, 100%, 50%)\";\nexport const B200 = \"hsl(210, 100%, 93%)\";\nexport const B100 = \"hsl(225, 100%, 96%)\";\n\n// Reds\nexport const R400 = \"hsl(12, 91%, 46%)\";\nexport const R300 = \"hsl(11, 100%, 59%)\";\n\n// Yellows\nexport const Y300 = \"hsl(40, 100%, 50%)\";\nexport const Y200 = \"hsl(46, 100%, 50%)\";\n\n// Greens\nexport const G500 = \"hsl(120, 100%, 25%)\";\nexport const G300 = \"#36b37e\";\n\n// Neutrals\nexport const N1000 = \"hsl(0, 0%, 0%)\";\nexport const N900 = \"hsl(218, 76%, 15%)\";\n// @go-color-n900 = hsl(218, 54%, 20%);\nexport const N800 = \"hsla(0,0%,10%,.9)\";\nexport const N500 = \"hsla(0,0%,10%,.6)\";\nexport const N400 = \"hsl(218, 20%, 39%)\";\nexport const N300 = \"hsl(218, 17%, 44%)\";\nexport const N200 = \"hsl(218, 14%, 49%)\";\nexport const N100 = \"hsl(218, 14%, 54%)\";\nexport const N90 = \"hsl(218, 13%, 59%)\";\nexport const N80 = \"hsl(218, 13%, 64%)\";\nexport const N70 = \"hsl(217, 13%, 69%)\";\nexport const N40 = \"hsl(223, 12%, 89%)\";\nexport const N30 = \"hsl(228, 14%, 93%)\";\nexport const N25 = \"hsl(210, 7%, 95%)\";\nexport const N20 = \"hsl(220, 16%, 96%)\";\nexport const N10 = \"hsl(210, 25%, 98%)\";\nexport const N5 = \"hsl(0, 0%, 98%)\";\nexport const N0 = \"hsl(0, 0%, 100%)\";\n\n// Primary color palette\nexport const primary1 = B500;\nexport const primary2 = B500;\nexport const primary3 = N0;\n"],"names":["theme","ref","updateDarkMode","colorSchemeMeta","watch","onBeforeUnmount","event","provide","B900","B600","B500","B400","B300","B200","B100","R400","R300","Y300","Y200","G500","G300","N1000","N900","N800","N500","N400","N300","N200","N100","N90","N80","N70","N40","N30","N25","N20","N10","N5","N0","primary1","primary2","primary3"],"mappings":";;oCAWc;AAAA,EACZ,MAAM;AACR,CAAA;;AACA,UAAMA,IAAQC,EAAI;AAAA,MAChB,UAAU,OAAO,WAAW,8BAA8B,EAAE;AAAA,IAC9D,CAAC;AAED,WACG,WAAW,8BAA8B,EACzC,iBAAiB,UAAUC,CAAc;AAE5C,QAAIC,IAAkB,SAAS,cAAc,MAAM;AACnD,IAAAA,EAAgB,OAAO,gBACvBA,EAAgB,aAAa,WAAW,YAAY,GACpD,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,YAAYA,CAAe,GAEpEC;AAAA,MACEJ,EAAM;AAAA,MACN,MAAM;AACJ,iBAAS,gBAAgB,aAAa,aAAaA,EAAM,MAAM,QAAQ;AAAA,MACxE;AAAA,MACD,EAAE,MAAM,IAAM,WAAW,GAAM;AAAA,IACjC,GAEAK,EAAgB,MAAM;AACpB,aACG,WAAW,8BAA8B,EACzC,oBAAoB,UAAUH,CAAc;AAAA,IACjD,CAAC;AAED,aAASA,EAAeI,GAAO;AAC7B,MAAKA,MAGLN,EAAM,MAAM,WAAWM,EAAM;AAAA,IAC/B;AAEA,WAAAC,EAAQ,SAASP,CAAK;;;;IC/CTQ,IAAO,sBAEPC,IAAO,WACPC,IAAO,sBAIPC,IAAO,QACPC,IAAO,uBACPC,IAAO,uBACPC,IAAO,uBAGPC,IAAO,qBACPC,IAAO,sBAGPC,IAAO,sBACPC,IAAO,sBAGPC,IAAO,uBACPC,IAAO,WAGPC,IAAQ,kBACRC,IAAO,sBAEPC,IAAO,qBACPC,IAAO,qBACPC,IAAO,sBACPC,IAAO,sBACPC,IAAO,sBACPC,IAAO,sBACPC,IAAM,sBACNC,IAAM,sBACNC,IAAM,sBACNC,IAAM,sBACNC,IAAM,sBACNC,IAAM,qBACNC,IAAM,sBACNC,IAAM,sBACNC,IAAK,mBACLC,IAAK,oBAGLC,IAAW7B,GACX8B,IAAW9B,GACX+B,IAAWH;"}

package/dist/theme.umd.js

@@ -1,6 +1,2 @@
-(function(t,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(t=typeof globalThis<"u"?globalThis:t||self,a(t.theme={},t.Vue))})(this,function(t,a){"use strict";var K=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},_={},R={get exports(){return _},set exports(v){_=v}};/**
- * what-input - A global utility for tracking the current input method (mouse, keyboard or touch).
- * @version v5.2.12
- * @link https://github.com/ten1seven/what-input
- * @license MIT
- */(function(v,p){(function(l,i){v.exports=i()})(K,function(){return function(d){var l={};function i(c){if(l[c])return l[c].exports;var s=l[c]={exports:{},id:c,loaded:!1};return d[c].call(s.exports,s,s.exports,i),s.loaded=!0,s.exports}return i.m=d,i.c=l,i.p="",i(0)}([function(d,l){d.exports=function(){if(typeof document>"u"||typeof window>"u")return{ask:function(){return"initial"},element:function(){return null},ignoreKeys:function(){},specificKeys:function(){},registerOnChange:function(){},unRegisterOnChange:function(){}};var i=document.documentElement,c=null,s="initial",u=s,B=Date.now(),M=!1,ye=["button","input","select","textarea"],f=[],O=[16,17,18,91,93],g=[],L={keydown:"keyboard",keyup:"keyboard",mousedown:"mouse",mousemove:"mouse",MSPointerDown:"pointer",MSPointerMove:"pointer",pointerdown:"pointer",pointermove:"pointer",touchstart:"touch",touchend:"touch"},y=!1,N={x:null,y:null},Ne={2:"touch",3:"touch",4:"mouse"},C=!1;try{var Ee=Object.defineProperty({},"passive",{get:function(){C=!0}});window.addEventListener("test",null,Ee)}catch{}var be=function(){L[D()]="mouse",Me()},Me=function(){var e=C?{passive:!0,capture:!0}:!0;document.addEventListener("DOMContentLoaded",Le,!0),window.PointerEvent?(window.addEventListener("pointerdown",h,!0),window.addEventListener("pointermove",E,!0)):window.MSPointerEvent?(window.addEventListener("MSPointerDown",h,!0),window.addEventListener("MSPointerMove",E,!0)):(window.addEventListener("mousedown",h,!0),window.addEventListener("mousemove",E,!0),"ontouchstart"in window&&(window.addEventListener("touchstart",h,e),window.addEventListener("touchend",h,!0))),window.addEventListener(D(),E,e),window.addEventListener("keydown",h,!0),window.addEventListener("keyup",h,!0),window.addEventListener("focusin",ke,!0),window.addEventListener("focusout",P,!0)},Le=function(){if(M=!(i.getAttribute("data-whatpersist")==="false"||document.body.getAttribute("data-whatpersist")==="false"),M)try{window.sessionStorage.getItem("what-input")&&(s=window.sessionStorage.getItem("what-input")),window.sessionStorage.getItem("what-intent")&&(u=window.sessionStorage.getItem("what-intent"))}catch{}m("input"),m("intent")},h=function(e){var n=e.which,r=L[e.type];r==="pointer"&&(r=I(e));var Oe=!g.length&&O.indexOf(n)===-1,Ce=g.length&&g.indexOf(n)!==-1,S=r==="keyboard"&&n&&(Oe||Ce)||r==="mouse"||r==="touch";if(A(r)&&(S=!1),S&&s!==r&&(s=r,k("input",s),m("input")),S&&u!==r){var w=document.activeElement,Pe=w&&w.nodeName&&(ye.indexOf(w.nodeName.toLowerCase())===-1||w.nodeName.toLowerCase()==="button"&&!Be(w,"form"));Pe&&(u=r,k("intent",u),m("intent"))}},m=function(e){i.setAttribute("data-what"+e,e==="input"?s:u),Se(e)},E=function(e){var n=L[e.type];n==="pointer"&&(n=I(e)),Te(e),(!y&&!A(n)||y&&e.type==="wheel"||e.type==="mousewheel"||e.type==="DOMMouseScroll")&&u!==n&&(u=n,k("intent",u),m("intent"))},ke=function(e){if(!e.target.nodeName){P();return}c=e.target.nodeName.toLowerCase(),i.setAttribute("data-whatelement",c),e.target.classList&&e.target.classList.length&&i.setAttribute("data-whatclasses",e.target.classList.toString().replace(" ",","))},P=function(){c=null,i.removeAttribute("data-whatelement"),i.removeAttribute("data-whatclasses")},k=function(e,n){if(M)try{window.sessionStorage.setItem("what-"+e,n)}catch{}},I=function(e){return typeof e.pointerType=="number"?Ne[e.pointerType]:e.pointerType==="pen"?"touch":e.pointerType},A=function(e){var n=Date.now(),r=e==="mouse"&&s==="touch"&&n-B<200;return B=n,r},D=function(){var e=null;return"onwheel"in document.createElement("div")?e="wheel":e=document.onmousewheel!==void 0?"mousewheel":"DOMMouseScroll",e},Se=function(e){for(var n=0,r=f.length;n<r;n++)f[n].type===e&&f[n].fn.call(void 0,e==="input"?s:u)},_e=function(e){for(var n=0,r=f.length;n<r;n++)if(f[n].fn===e)return n},Te=function(e){N.x!==e.screenX||N.y!==e.screenY?(y=!1,N.x=e.screenX,N.y=e.screenY):y=!0},Be=function(e,n){var r=window.Element.prototype;if(r.matches||(r.matches=r.msMatchesSelector||r.webkitMatchesSelector),r.closest)return e.closest(n);do{if(e.matches(n))return e;e=e.parentElement||e.parentNode}while(e!==null&&e.nodeType===1);return null};return"addEventListener"in window&&Array.prototype.indexOf&&be(),{ask:function(e){return e==="intent"?u:s},element:function(){return c},ignoreKeys:function(e){O=e},specificKeys:function(e){g=e},registerOnChange:function(e,n){f.push({fn:e,type:n||"input"})},unRegisterOnChange:function(e){var n=_e(e);(n||n===0)&&f.splice(n,1)},clearStorage:function(){window.sessionStorage.clear()}}}()}])})})(R);const Ie="",j={class:"theme"},U=a.defineComponent({name:"Theme"}),Y=Object.assign(U,{setup(v){const p=a.ref({darkMode:window.matchMedia("(prefers-color-scheme: dark)").matches});a.provide("theme",p),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",l);var d=document.createElement("meta");d.name="color-scheme",d.setAttribute("content","light dark"),document.getElementsByTagName("head")[0].appendChild(d),a.watch(p.value,()=>{document.documentElement.setAttribute("dark-mode",p.value.darkMode)},{deep:!0,immediate:!0}),a.onBeforeUnmount(()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",l)});function l(i){i&&(p.value.darkMode=i.matches)}return(i,c)=>(a.openBlock(),a.createElementBlock("div",j,[a.renderSlot(i.$slots,"default")]))}}),G="hsl(225, 90%, 16%)",q="#061f80",b="hsl(225, 94%, 35%)",F="#06c",V="hsl(210, 100%, 50%)",W="hsl(210, 100%, 93%)",X="hsl(225, 100%, 96%)",$="hsl(12, 91%, 46%)",z="hsl(11, 100%, 59%)",H="hsl(40, 100%, 50%)",J="hsl(46, 100%, 50%)",Q="hsl(120, 100%, 25%)",Z="#36b37e",x="hsl(0, 0%, 0%)",ee="hsl(218, 76%, 15%)",te="hsla(0,0%,10%,.9)",ne="hsla(0,0%,10%,.6)",oe="hsl(218, 20%, 39%)",re="hsl(218, 17%, 44%)",ie="hsl(218, 14%, 49%)",se="hsl(218, 14%, 54%)",ae="hsl(218, 13%, 59%)",ce="hsl(218, 13%, 64%)",ue="hsl(217, 13%, 69%)",de="hsl(223, 12%, 89%)",le="hsl(228, 14%, 93%)",fe="hsl(210, 7%, 95%)",he="hsl(220, 16%, 96%)",pe="hsl(210, 25%, 98%)",me="hsl(0, 0%, 98%)",T="hsl(0, 0%, 100%)",we=b,ve=b,ge=T;t.B100=X,t.B200=W,t.B300=V,t.B400=F,t.B500=b,t.B600=q,t.B900=G,t.G300=Z,t.G500=Q,t.N0=T,t.N10=pe,t.N100=se,t.N1000=x,t.N20=he,t.N200=ie,t.N25=fe,t.N30=le,t.N300=re,t.N40=de,t.N400=oe,t.N5=me,t.N500=ne,t.N70=ue,t.N80=ce,t.N800=te,t.N90=ae,t.N900=ee,t.R300=z,t.R400=$,t.Theme=Y,t.Y200=J,t.Y300=H,t.primary1=we,t.primary2=ve,t.primary3=ge,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+(function(e,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("what-input")):typeof define=="function"&&define.amd?define(["exports","vue","what-input"],n):(e=typeof globalThis<"u"?globalThis:e||self,n(e.theme={},e.Vue))})(this,function(e,n){"use strict";const F="",l={class:"theme"},d=n.defineComponent({name:"Theme"}),i=Object.assign(d,{setup(H){const t=n.ref({darkMode:window.matchMedia("(prefers-color-scheme: dark)").matches});window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",a);var h=document.createElement("meta");h.name="color-scheme",h.setAttribute("content","light dark"),document.getElementsByTagName("head")[0].appendChild(h),n.watch(t.value,()=>{document.documentElement.setAttribute("dark-mode",t.value.darkMode)},{deep:!0,immediate:!0}),n.onBeforeUnmount(()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",a)});function a(c){c&&(t.value.darkMode=c.matches)}return n.provide("theme",t),(c,I)=>(n.openBlock(),n.createElementBlock("div",l,[n.renderSlot(c.$slots,"default")]))}}),m="hsl(225, 90%, 16%)",N="#061f80",s="hsl(225, 94%, 35%)",u="#06c",r="hsl(210, 100%, 50%)",f="hsl(210, 100%, 93%)",B="hsl(225, 100%, 96%)",_="hsl(12, 91%, 46%)",y="hsl(11, 100%, 59%)",k="hsl(40, 100%, 50%)",w="hsl(46, 100%, 50%)",M="hsl(120, 100%, 25%)",g="#36b37e",T="hsl(0, 0%, 0%)",b="hsl(218, 76%, 15%)",v="hsla(0,0%,10%,.9)",E="hsla(0,0%,10%,.6)",G="hsl(218, 20%, 39%)",R="hsl(218, 17%, 44%)",S="hsl(218, 14%, 49%)",Y="hsl(218, 14%, 54%)",j="hsl(218, 13%, 59%)",q="hsl(218, 13%, 64%)",A="hsl(217, 13%, 69%)",C="hsl(223, 12%, 89%)",L="hsl(228, 14%, 93%)",O="hsl(210, 7%, 95%)",D="hsl(220, 16%, 96%)",P="hsl(210, 25%, 98%)",U="hsl(0, 0%, 98%)",o="hsl(0, 0%, 100%)",V=s,$=s,z=o;e.B100=B,e.B200=f,e.B300=r,e.B400=u,e.B500=s,e.B600=N,e.B900=m,e.G300=g,e.G500=M,e.N0=o,e.N10=P,e.N100=Y,e.N1000=T,e.N20=D,e.N200=S,e.N25=O,e.N30=L,e.N300=R,e.N40=C,e.N400=G,e.N5=U,e.N500=E,e.N70=A,e.N80=q,e.N800=v,e.N90=j,e.N900=b,e.R300=y,e.R400=_,e.Theme=i,e.Y200=w,e.Y300=k,e.primary1=V,e.primary2=$,e.primary3=z,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=theme.umd.js.map

package/dist/theme.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.umd.js","sources":["../src/Theme.vue","../src/colors.js"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <div class=\"theme\">\n    <slot />\n  </div>\n</template>\n\n<script setup>\nimport { provide, ref, watch, onBeforeUnmount } from \"vue\";\nimport \"what-input\";\n\ndefineOptions({\n  name: \"Theme\",\n});\nconst theme = ref({\n  darkMode: window.matchMedia(\"(prefers-color-scheme: dark)\").matches,\n});\n\nwindow\n  .matchMedia(\"(prefers-color-scheme: dark)\")\n  .addEventListener(\"change\", updateDarkMode);\n// Set the color-scheme meta tag.\nvar colorSchemeMeta = document.createElement(\"meta\");\ncolorSchemeMeta.name = \"color-scheme\";\ncolorSchemeMeta.setAttribute(\"content\", \"light dark\");\ndocument.getElementsByTagName(\"head\")[0].appendChild(colorSchemeMeta);\n\nwatch(\n  theme.value,\n  () => {\n    document.documentElement.setAttribute(\"dark-mode\", theme.value.darkMode);\n  },\n  { deep: true, immediate: true }\n);\n\nonBeforeUnmount(() => {\n  window\n    .matchMedia(\"(prefers-color-scheme: dark)\")\n    .removeEventListener(\"change\", updateDarkMode);\n});\n\nfunction updateDarkMode(event) {\n  if (!event) {\n    return;\n  }\n  theme.value.darkMode = event.matches;\n}\n\nprovide(\"theme\", theme);\n</script>\n\n<style lang=\"less\">\n@import \"index.less\";\n</style>\n","// Blues\nexport const B900 = \"hsl(225, 90%, 16%)\";\n// @go-color-b700 = #000e7f;\nexport const B600 = \"#061f80\";\nexport const B500 = \"hsl(225, 94%, 35%)\";\n// @go-color-b550 = #131ff2;\n// @go-color-b500 = #001dff;\n// @go-color-b400 = #3333ff;\nexport const B400 = \"#06c\";\nexport const B300 = \"hsl(210, 100%, 50%)\";\nexport const B200 = \"hsl(210, 100%, 93%)\";\nexport const B100 = \"hsl(225, 100%, 96%)\";\n\n// Reds\nexport const R400 = \"hsl(12, 91%, 46%)\";\nexport const R300 = \"hsl(11, 100%, 59%)\";\n\n// Yellows\nexport const Y300 = \"hsl(40, 100%, 50%)\";\nexport const Y200 = \"hsl(46, 100%, 50%)\";\n\n// Greens\nexport const G500 = \"hsl(120, 100%, 25%)\";\nexport const G300 = \"#36b37e\";\n\n// Neutrals\nexport const N1000 = \"hsl(0, 0%, 0%)\";\nexport const N900 = \"hsl(218, 76%, 15%)\";\n// @go-color-n900 = hsl(218, 54%, 20%);\nexport const N800 = \"hsla(0,0%,10%,.9)\";\nexport const N500 = \"hsla(0,0%,10%,.6)\";\nexport const N400 = \"hsl(218, 20%, 39%)\";\nexport const N300 = \"hsl(218, 17%, 44%)\";\nexport const N200 = \"hsl(218, 14%, 49%)\";\nexport const N100 = \"hsl(218, 14%, 54%)\";\nexport const N90 = \"hsl(218, 13%, 59%)\";\nexport const N80 = \"hsl(218, 13%, 64%)\";\nexport const N70 = \"hsl(217, 13%, 69%)\";\nexport const N40 = \"hsl(223, 12%, 89%)\";\nexport const N30 = \"hsl(228, 14%, 93%)\";\nexport const N25 = \"hsl(210, 7%, 95%)\";\nexport const N20 = \"hsl(220, 16%, 96%)\";\nexport const N10 = \"hsl(210, 25%, 98%)\";\nexport const N5 = \"hsl(0, 0%, 98%)\";\nexport const N0 = \"hsl(0, 0%, 100%)\";\n\n// Primary color palette\nexport const primary1 = B500;\nexport const primary2 = B500;\nexport const primary3 = N0;\n"],"names":["theme","ref","updateDarkMode","colorSchemeMeta","vue","onBeforeUnmount","event","provide","B900","B600","B500","B400","B300","B200","B100","R400","R300","Y300","Y200","G500","G300","N1000","N900","N800","N500","N400","N300","N200","N100","N90","N80","N70","N40","N30","N25","N20","N10","N5","N0","primary1","primary2","primary3"],"mappings":"8UAWc,CACZ,KAAM,OACR,CAAA,8BACA,MAAMA,EAAQC,EAAAA,IAAI,CAChB,SAAU,OAAO,WAAW,8BAA8B,EAAE,OAC9D,CAAC,EAED,OACG,WAAW,8BAA8B,EACzC,iBAAiB,SAAUC,CAAc,EAE5C,IAAIC,EAAkB,SAAS,cAAc,MAAM,EACnDA,EAAgB,KAAO,eACvBA,EAAgB,aAAa,UAAW,YAAY,EACpD,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,YAAYA,CAAe,EAE/DC,EAAA,MACHJ,EAAM,MACN,IAAM,CACJ,SAAS,gBAAgB,aAAa,YAAaA,EAAM,MAAM,QAAQ,CACxE,EACD,CAAE,KAAM,GAAM,UAAW,EAAM,CACjC,EAEAK,EAAAA,gBAAgB,IAAM,CACpB,OACG,WAAW,8BAA8B,EACzC,oBAAoB,SAAUH,CAAc,CACjD,CAAC,EAED,SAASA,EAAeI,EAAO,CACxBA,IAGLN,EAAM,MAAM,SAAWM,EAAM,QAC/B,CAEAC,OAAAA,EAAAA,QAAQ,QAASP,CAAK,6FC/CTQ,EAAO,qBAEPC,EAAO,UACPC,EAAO,qBAIPC,EAAO,OACPC,EAAO,sBACPC,EAAO,sBACPC,EAAO,sBAGPC,EAAO,oBACPC,EAAO,qBAGPC,EAAO,qBACPC,EAAO,qBAGPC,EAAO,sBACPC,EAAO,UAGPC,EAAQ,iBACRC,EAAO,qBAEPC,EAAO,oBACPC,EAAO,oBACPC,EAAO,qBACPC,EAAO,qBACPC,EAAO,qBACPC,EAAO,qBACPC,EAAM,qBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAM,oBACNC,EAAM,qBACNC,EAAM,qBACNC,EAAK,kBACLC,EAAK,mBAGLC,EAAW7B,EACX8B,EAAW9B,EACX+B,EAAWH"}

package/package.json

@@ -1,29 +1,34 @@
 {
   "name": "@gospore/theme",
-  "version": "1.0.93",
+  "version": "1.0.95",
   "description": "",
   "author": "Gospore",
+  "type": "module",
   "files": [
     "dist"
   ],
-  "main": "./dist/theme.umd.js",
+  "main": "./dist/theme.cjs.js",
   "module": "./dist/theme.es.js",
   "exports": {
     ".": {
       "import": "./dist/theme.es.js",
+      "require": "./dist/theme.cjs.js"
+    },
+    "./umd": {
+      "import": "./dist/theme.umd.js",
       "require": "./dist/theme.umd.js"
     }
   },
   "scripts": {
     "build": "vite build"
   },
-  "dependencies": {
+  "peerDependencies": {
     "what-input": "^5.2.12"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^4.0.0",
-    "unplugin-vue-macros": "^1.9.1",
-    "vite": "^4.1.4"
+    "@vitejs/plugin-vue": "^4.1.0",
+    "unplugin-vue-macros": "^1.11.2",
+    "vite": "^4.2.1"
   },
-  "gitHead": "f323d4fdab270d9ff4ef9e50a224992c0866fd4e"
+  "gitHead": "ccd4ad8a69dec78bb8aecdaf2fe53103384b2683"
 }