@gospore/theme 1.0.77 → 1.0.79

package/dist/style.css

@@ -1 +1 @@
-.heading-900{font-size:2.5em;font-style:normal;line-height:1.14285714em;color:#000;font-weight:500;letter-spacing:-.01em;margin-top:52px}[dark-mode=true] .heading-900{color:#e6edfa}.heading-900:first-child{margin-top:0}.heading-800{font-size:2.07142857em;font-style:normal;line-height:1.10344828em;color:#000;font-weight:600;letter-spacing:-.01em;margin-top:40px}[dark-mode=true] .heading-800{color:#e6edfa}.heading-800:first-child{margin-top:0}.heading-700{font-size:1.71428571em;font-style:normal;line-height:1.16666667em;color:#000;font-weight:500;letter-spacing:-.01em;margin-top:40px}[dark-mode=true] .heading-700{color:#e6edfa}.heading-700:first-child{margin-top:0}.heading-600{font-size:1.42857143em;font-style:normal;line-height:1.2em;color:#000;font-weight:500;letter-spacing:-.008em;margin-top:28px}[dark-mode=true] .heading-600{color:#e6edfa}.heading-600:first-child{margin-top:0}.heading-500{font-size:1.14285714em;font-style:normal;line-height:1.25em;color:#000;font-weight:600;letter-spacing:-.006em;margin-top:24px}[dark-mode=true] .heading-500{color:#e6edfa}.heading-500:first-child{margin-top:0}.heading-400{font-size:1em;font-style:normal;line-height:1.14285714em;color:#000;font-weight:600;letter-spacing:-.003em;margin-top:16px}[dark-mode=true] .heading-400{color:#e6edfa}.heading-400:first-child{margin-top:0}.heading-300{font-size:.85714286em;font-style:normal;line-height:1.33333333em;color:#000;font-weight:600;margin-top:20px;text-transform:uppercase}[dark-mode=true] .heading-300{color:#e6edfa}.heading-300:first-child{margin-top:0}.heading-200{font-size:.85714286em;font-style:normal;line-height:1.33333333em;color:#6b778c;font-weight:600;margin-top:16px}[dark-mode=true] .heading-200{color:#8c9cb8}.heading-200:first-child{margin-top:0}.heading-100{font-size:.78571429em;font-style:normal;line-height:1.45454545em;color:#6b778c;font-weight:700;margin-top:16px}[dark-mode=true] .heading-100{color:#8c9cb8}.heading-100:first-child{margin-top:0}.text-caption{font-size:12px;font-weight:400;color:#7a869a}.text-caption-bold{font-size:12px;font-weight:600;color:#000}.text-prominent{font-size:14px;font-weight:600;color:#000}.error{color:#ff5630}[dark-mode=true] .text-caption{color:#7988a3}[dark-mode=true] .text-caption-bold,[dark-mode=true] .text-prominent{color:#e6edfa}[dark-mode=true] .error{color:#ff5630}html,body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,img,pre,form,fieldset{margin:0;padding:0}img,fieldset{border:0}body,html,#app{height:100%;width:100%}body{background-color:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-style:normal;font-weight:400;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:16px 0 0}a{color:#0052cc;text-decoration:none;border-radius:2px;cursor:pointer}a:hover{color:#0065ff;text-decoration:underline}a:active{color:#0747a6}h1{font-size:2.07142857em;font-style:normal;line-height:1.10344828em;color:#000;font-weight:600;letter-spacing:-.01em;margin-top:40px}[dark-mode=true] h1{color:#e6edfa}h1:first-child{margin-top:0}h2{font-size:1.71428571em;font-style:normal;line-height:1.16666667em;color:#000;font-weight:500;letter-spacing:-.01em;margin-top:40px}[dark-mode=true] h2{color:#e6edfa}h2:first-child{margin-top:0}h3{font-size:1.42857143em;font-style:normal;line-height:1.2em;color:#000;font-weight:500;letter-spacing:-.008em;margin-top:28px}[dark-mode=true] h3{color:#e6edfa}h3:first-child{margin-top:0}h4{font-size:1.14285714em;font-style:normal;line-height:1.25em;color:#000;font-weight:600;letter-spacing:-.006em;margin-top:24px}[dark-mode=true] h4{color:#e6edfa}h4:first-child{margin-top:0}h5{font-size:1em;font-style:normal;line-height:1.14285714em;color:#000;font-weight:600;letter-spacing:-.003em;margin-top:16px}[dark-mode=true] h5{color:#e6edfa}h5:first-child{margin-top:0}h6{font-size:.85714286em;font-style:normal;line-height:1.33333333em;color:#000;font-weight:600;margin-top:20px;text-transform:uppercase}[dark-mode=true] h6{color:#e6edfa}h6:first-child{margin-top:0}ul,ol,dl{padding-left:40px}dd,dd+dt,li+li{margin-top:4px}ul ul:not(:first-child),ol ul:not(:first-child),ul ol:not(:first-child),ol ol:not(:first-child){margin-top:4px}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:0}:focus{outline:none;box-shadow:0 0 0 2px #4c9aff}[data-whatintent=mouse] :focus{outline:none;box-shadow:none}table{border-collapse:collapse;width:100%}thead,tbody,tfoot{border-bottom:2px solid #dfe1e6}td,th{border:none;padding:4px 8px;text-align:left}th{font-size:.78571429em;font-style:normal;line-height:1.45454545em;color:#6b778c;font-weight:700;margin-top:16px;line-height:inherit}[dark-mode=true] th{color:#8c9cb8}th:first-child{margin-top:0}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}tr{transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38)}tbody tr:hover{background-color:#f4f5f7}hr{background-color:#dfe1e6;height:2px;border-style:none;margin:40px 0}pre{font-family:SFMono-Medium,SF Mono,Segoe UI Mono,Roboto Mono,Ubuntu Mono,Menlo,Consolas,Courier,monospace;white-space:pre-wrap;padding:8px 16px;border-radius:6px;background:#f4f5f7;font-size:.8rem;overflow-x:auto}blockquote{white-space:pre-wrap;border-left:3px solid #dfe1e6;padding-left:8px;font-style:italic}p code{font-family:SFMono-Medium,SF Mono,Segoe UI Mono,Roboto Mono,Ubuntu Mono,Menlo,Consolas,Courier,monospace;padding:0 8px;border-radius:3px;background:#dfe1e6}caption{font-size:1.42857143em;font-style:normal;line-height:1.2em;color:#000;font-weight:500;letter-spacing:-.008em;margin-top:28px;margin-bottom:8px;text-align:left}[dark-mode=true] caption{color:#e6edfa}caption:first-child{margin-top:0}[dark-mode=true] body{background-color:#0d1424;color:#e6edfa}[dark-mode=true] h1,[dark-mode=true] h2,[dark-mode=true] h3,[dark-mode=true] h4,[dark-mode=true] h5{color:#e6edfa}[dark-mode=true] h6{color:#8c9cb8}[dark-mode=true] a{color:#4c9aff}[dark-mode=true] a:hover{color:#2684ff}[dark-mode=true] a:active{color:#4c9aff}[dark-mode=true] hr{background-color:#3b475c}[dark-mode=true] pre{background:#283447}[dark-mode=true] p code{background:#3b475c}[dark-mode=true] blockquote{border-left:3px solid #3b475c}[dark-mode=true] thead,[dark-mode=true] tbody,[dark-mode=true] tfoot{border-bottom:2px solid #3b475c}[dark-mode=true] tbody tr:hover{background-color:#283447}
+: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-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-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-dn700: #ced9eb;--go-color-dn800: #dce5f5;--go-color-dn900: #e6edfa;--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(--go-color-n20);--code-block-color-dark: var(--go-color-dn50);--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-dn20), 0 0 1px var(--go-color-dn30);--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-dn20), 0 0 1px var(--go-color-dn30);--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-dn20), 0 0 1px var(--go-color-dn30);--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-dn20), 0 0 1px var(--go-color-dn30);--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-dn20), 0 0 1px var(--go-color-dn30);--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: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace;--font-style-normal: normal;--font-style-italic: italic;--font-size-default: var(--font-size-14);--font-size-12: 12px;--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-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}: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(--size0) 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:40px var(--size-0)}pre{font-family:var(--font-family-code);white-space:pre-wrap;padding:var(--size-8) var(--size-16);border-radius:var(border-radius-large);background:var(--code-block-color-light);font-size:.8rem;overflow-x:auto}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)}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)}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.42857143em;font-style:var(--font-style-normal);font-weight:var(--font-weight-regular);line-height:30px}.text-caption{font-size:var(--font-size-12);font-weight:var(--font-weight-regular);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.es.js

@@ -307,7 +307,7 @@ var whatInput = { exports: {} };
     ]);
   });
 })(whatInput);
-var index = "";
+var Theme_vue_vue_type_style_index_0_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {

package/dist/theme.umd.js

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

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@gospore/theme",
-  "version": "1.0.77",
+  "version": "1.0.79",
   "description": "",
   "author": "Gospore",
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "main": "./dist/theme.umd.js",
   "module": "./dist/theme.es.js",
@@ -13,8 +12,7 @@
     ".": {
       "import": "./dist/theme.es.js",
       "require": "./dist/theme.umd.js"
-    },
-    "./src/component-bundle.less": "./src/component-bundle.less"
+    }
   },
   "scripts": {
     "build": "vite build"
@@ -26,5 +24,5 @@
     "@vitejs/plugin-vue": "^2.2.2",
     "vite": "^2.8.4"
   },
-  "gitHead": "7946ca073b98051601f818429d8e2502703f6c23"
+  "gitHead": "8df8cc0e95cf0458d5d64a22cc31180364b97668"
 }

package/src/Theme.vue

@@ -1,61 +0,0 @@
-<template>
-  <div class="theme">
-    <slot />
-  </div>
-</template>
-
-<script>
-// Global imports - accessibility & stylesheets
-import "what-input";
-import "./index.less";
-
-export default {
-  // eslint-disable-next-line vue/multi-word-component-names
-  name: "Theme",
-  provide() {
-    return {
-      theme: this.theme,
-    };
-  },
-  data() {
-    return {
-      theme: {
-        darkMode: window.matchMedia("(prefers-color-scheme: dark)").matches,
-      },
-    };
-  },
-  watch: {
-    theme: {
-      handler() {
-        document.documentElement.setAttribute("dark-mode", this.theme.darkMode);
-      },
-      deep: true,
-      immediate: true,
-    },
-  },
-  created() {
-    window
-      .matchMedia("(prefers-color-scheme: dark)")
-      .addEventListener("change", this.updateDarkMode);
-
-    // Set the color-scheme meta tag.
-    var colorSchemeMeta = document.createElement("meta");
-    colorSchemeMeta.name = "color-scheme";
-    colorSchemeMeta.setAttribute("content", "light dark");
-    document.getElementsByTagName("head")[0].appendChild(colorSchemeMeta);
-  },
-  beforeUnmount() {
-    window
-      .matchMedia("(prefers-color-scheme: dark)")
-      .removeEventListener("change", this.updateDarkMode);
-  },
-  methods: {
-    updateDarkMode(event) {
-      if (!event) {
-        return;
-      }
-      this.theme.darkMode = event.matches;
-    },
-  },
-};
-</script>

package/src/borders.less

@@ -1,6 +0,0 @@
-@border-radius-regular: 3px;
-@border-radius-large: 6px;
-@border-width: @border-width-2;
-@border-width-1: 1px;
-@border-width-2: 2px;
-@border-width-3: 3px;

package/src/colors.js

@@ -1,49 +0,0 @@
-// Blues
-export const B900 = "hsl(225, 90%, 16%)";
-// @go-color-b700 = #000e7f;
-export const B600 = "#061f80";
-export const B500 = "hsl(225, 94%, 35%)";
-// @go-color-b550 = #131ff2;
-// @go-color-b500 = #001dff;
-// @go-color-b400 = #3333ff;
-export const B400 = "#06c";
-export const B300 = "hsl(210, 100%, 50%)";
-export const B200 = "hsl(210, 100%, 93%)";
-export const B100 = "hsl(225, 100%, 96%)";
-
-// Reds
-export const R400 = "hsl(12, 91%, 46%)";
-export const R300 = "hsl(11, 100%, 59%)";
-
-// Yellows
-export const Y300 = "hsl(40, 100%, 50%)";
-export const Y200 = "hsl(46, 100%, 50%)";
-
-// Greens
-export const G500 = "hsl(120, 100%, 25%)";
-
-// Neutrals
-export const N1000 = "hsl(0, 0%, 0%)";
-export const N900 = "hsl(218, 76%, 15%)";
-// @go-color-n900 = hsl(218, 54%, 20%);
-export const N800 = "hsla(0,0%,10%,.9)";
-export const N500 = "hsla(0,0%,10%,.6)";
-export const N400 = "hsl(218, 20%, 39%)";
-export const N300 = "hsl(218, 17%, 44%)";
-export const N200 = "hsl(218, 14%, 49%)";
-export const N100 = "hsl(218, 14%, 54%)";
-export const N90 = "hsl(218, 13%, 59%)";
-export const N80 = "hsl(218, 13%, 64%)";
-export const N70 = "hsl(217, 13%, 69%)";
-export const N40 = "hsl(223, 12%, 89%)";
-export const N30 = "hsl(228, 14%, 93%)";
-export const N25 = "hsl(210, 7%, 95%)";
-export const N20 = "hsl(220, 16%, 96%)";
-export const N10 = "hsl(210, 25%, 98%)";
-export const N5 = "hsl(0, 0%, 98%)";
-export const N0 = "hsl(0, 0%, 100%)";
-
-// Primary color palette
-export const primary1 = B500;
-export const primary2 = B500;
-export const primary3 = N0;

package/src/colors.less

@@ -1,193 +0,0 @@
-// Primary Color Palette
-@go-color-primary1: @go-color-b600;
-@go-color-primary2: @go-color-b500;
-@go-color-primary3: @go-color-n0;
-
-// Neutrals
-@go-color-n0: #ffffff;
-@go-color-n10: #fafbfc;
-@go-color-n20: #f4f5f7;
-@go-color-n30: #ebecf0;
-@go-color-n40: #dfe1e6;
-@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-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-n1000: hsl(0, 0%, 0%);
-
-// Dark Mode Neutrals
-@go-color-dn0: #0d1424;
-@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-dn80: #455166;
-@go-color-dn90: #56637a;
-@go-color-dn100: #67758f;
-@go-color-dn200: #7988a3;
-@go-color-dn300: #8c9cb8;
-@go-color-dn400: #9fb0cc;
-@go-color-dn500: #abbbd6;
-@go-color-dn600: #b8c7e0;
-@go-color-dn700: #ced9eb;
-@go-color-dn800: #dce5f5;
-@go-color-dn900: #e6edfa;
-
-// Reds
-@go-color-r50: #ffebe6;
-@go-color-r75: #ffbdad;
-@go-color-r100: #ff8f73;
-@go-color-r200: #ff7452;
-@go-color-r300: #ff5630;
-@go-color-r400: #de350b;
-@go-color-r500: #bf2600;
-
-// Yellows
-@go-color-y50: #fffae6;
-@go-color-y75: #fff0b3;
-@go-color-y100: #ffe380;
-@go-color-y200: #ffc400;
-@go-color-y300: #ffab00;
-@go-color-y400: #ff991f;
-@go-color-y500: #ff8b00;
-
-// Greens
-@go-color-g50: #e3fcef;
-@go-color-g75: #abf5d1;
-@go-color-g100: #79f2c0;
-@go-color-g200: #57d9a3;
-@go-color-g300: #36b37e;
-@go-color-g400: #00875a;
-@go-color-g500: #006644;
-
-// Blues
-@go-color-b50: #deebff;
-@go-color-b75: #b3d4ff;
-@go-color-b100: #4c9aff;
-@go-color-b200: #2684ff;
-@go-color-b300: #0065ff;
-@go-color-b400: #0052cc;
-@go-color-b500: #0747a6;
-@go-color-b600: #061f80;
-
-// Purples
-@go-color-p50: #eae6ff;
-@go-color-p75: #c0b6f2;
-@go-color-p100: #998dd9;
-@go-color-p200: #8777d9;
-@go-color-p300: #6554c0;
-@go-color-p400: #5243aa;
-@go-color-p500: #403294;
-
-// Teals
-@go-color-t50: #e6fcff;
-@go-color-t75: #b3f5ff;
-@go-color-t100: #79e2f2;
-@go-color-t200: #00c7e6;
-@go-color-t300: #00b8d9;
-@go-color-t400: #00a3bf;
-@go-color-t500: #008da6;
-
-// Themed
-@go-color-primary: {
-  light: @go-color-b400;
-  dark: @go-color-b100;
-};
-@go-color-blue: {
-  light: @go-color-b400;
-  dark: @go-color-b100;
-};
-@go-color-teal: {
-  light: @go-color-t300;
-  dark: @go-color-t200;
-};
-@go-color-purple: {
-  light: @go-color-p300;
-  dark: @go-color-p100;
-};
-@go-color-red: {
-  light: @go-color-r300;
-  dark: @go-color-r300;
-};
-@go-color-yellow: {
-  light: @go-color-y300;
-  dark: @go-color-y300;
-};
-@go-color-green: {
-  light: @go-color-g300;
-  dark: @go-color-g300;
-};
-@background-color: {
-  light: @go-color-n0;
-  dark: @go-color-dn0;
-};
-@text-color: {
-  light: @go-color-n1000;
-  dark: @go-color-dn900;
-};
-@placeholder-color: {
-  light: @go-color-n100;
-  dark: @go-color-dn200;
-};
-#heading-color() {
-  .default() {
-    light: @go-color-n1000;
-    dark: @go-color-dn900;
-  }
-  .subtle() {
-    light: @go-color-n200;
-    dark: @go-color-dn300;
-  }
-}
-#link-color() {
-  .default() {
-    light: @go-color-b400;
-    dark: @go-color-b100;
-  }
-  .hover() {
-    light: @go-color-b300;
-    dark: @go-color-b200;
-  }
-  .active() {
-    light: @go-color-b500;
-    dark: @go-color-b100;
-  }
-}
-@focus-outline-color: @go-color-b100;
-@table-border-color: {
-  light: @go-color-n40;
-  dark: @go-color-dn70;
-};
-@table-hover-color: {
-  light: @go-color-n20;
-  dark: @go-color-dn50;
-};
-@horizontal-rule-color: {
-  light: @go-color-n40;
-  dark: @go-color-dn70;
-};
-@code-color: {
-  light: @go-color-n40;
-  dark: @go-color-dn70;
-};
-@code-block-color: {
-  light: @go-color-n20;
-  dark: @go-color-dn50;
-};
-@blockquote-border-color: {
-  light: @go-color-n40;
-  dark: @go-color-dn70;
-}; ; ;

package/src/component-bundle.less

@@ -1,8 +0,0 @@
-@import "styles.less";
-@import "colors.less";
-@import "borders.less";
-@import "fonts.less";
-@import "sizing.less";
-@import "layering.less";
-@import "elevation.less";
-@import "transitions.less";

package/src/elevation.less

@@ -1,26 +0,0 @@
-#elevation() {
-  .card() {
-    light: 0 1px 1px @go-color-n50, 0 0 1px 0 @go-color-n60;
-    dark: 0 1px 1px @go-color-dn20, 0 0 1px @go-color-dn30;
-  }
-  .dialog() {
-    light: 0 4px 8px -2px @go-color-n50, 0 0 1px @go-color-n60;
-    dark: 0 4px 8px -2px @go-color-dn20, 0 0 1px @go-color-dn30;
-  }
-  .modal() {
-    light: 0 8px 16px -4px @go-color-n50, 0 0 1px @go-color-n60;
-    dark: 0 8px 16px -4px @go-color-dn20, 0 0 1px @go-color-dn30;
-  }
-  .panel() {
-    light: 0 12px 24px -6px @go-color-n50, 0 0 1px @go-color-n60;
-    dark: 0 12px 24px -6px @go-color-dn20, 0 0 1px @go-color-dn30;
-  }
-  .flag() {
-    light: 0 20px 32px -8px @go-color-n50, 0 0 1px @go-color-n60;
-    dark: 0 20px 32px -8px @go-color-dn20, 0 0 1px @go-color-dn30;
-  }
-  .avatar() {
-    light: inset 0 0 10px fade(@go-color-n900, 5%);
-    dark: inset 0 0 10px fade(@go-color-n900, 5%);
-  }
-}

package/src/fonts.less

@@ -1,30 +0,0 @@
-@font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-  "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-@font-family-code: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono",
-  "Ubuntu Mono", Menlo, Consolas, Courier, monospace;
-
-@font-style-normal: normal;
-@font-style-italic: italic;
-
-@font-size-default: @font-size-14;
-@font-size-12: 12px;
-@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;

package/src/index.js

@@ -1,4 +0,0 @@
-import Theme from "./Theme.vue";
-
-export default Theme;
-export * from "./colors.js";

package/src/index.less

@@ -1,271 +0,0 @@
-// Reset
-html,
-body,
-p,
-div,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-ul,
-ol,
-dl,
-img,
-pre,
-form,
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-img,
-fieldset {
-  border: 0;
-}
-
-body,
-html,
-#app {
-  height: 100%;
-  width: 100%;
-}
-body {
-  background-color: @background-color[light];
-  color: @text-color[light];
-  font-family: @font-family;
-  font-size: @font-size-default;
-  font-style: @font-style-normal;
-  font-weight: @font-weight-regular;
-  line-height: 23px;
-}
-
-input,
-select,
-textarea,
-button {
-  font-family: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-  line-height: 25px;
-}
-
-// Default margins
-p,
-ul,
-ol,
-dl,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-blockquote,
-pre,
-form,
-table {
-  margin: (@grid-size * 2px) @size0 @size0 @size0;
-}
-
-// Links
-a {
-  color: #link-color.default[light];
-  text-decoration: @link-text-decoration[default];
-  border-radius: @border-width;
-  cursor: pointer;
-
-  &:hover {
-    color: #link-color.hover[light];
-    text-decoration: @link-text-decoration[hover];
-  }
-  &:active {
-    color: #link-color.active[light];
-  }
-}
-
-// Headings
-h1 {
-  .heading-800;
-}
-h2 {
-  .heading-700;
-}
-h3 {
-  .heading-600;
-}
-h4 {
-  .heading-500;
-}
-h5 {
-  .heading-400;
-}
-h6 {
-  .heading-300;
-}
-
-// Lists
-ul,
-ol,
-dl {
-  padding-left: (@grid-size * 5px);
-}
-dd,
-dd + dt,
-li + li {
-  margin-top: (@grid-size / 2px);
-}
-ul,
-ol {
-  ul,
-  ol {
-    &:not(:first-child) {
-      margin-top: (@grid-size / 2px);
-    }
-  }
-}
-
-// Remove top margin for first element
-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: @size0;
-}
-
-// Outline
-:focus {
-  outline: none;
-  box-shadow: @size0 @size0 @size0 @focus-outline-width @focus-outline-color;
-}
-[data-whatintent="mouse"] :focus {
-  outline: none;
-  box-shadow: none;
-}
-
-// Tables
-table {
-  border-collapse: collapse;
-  width: 100%;
-}
-thead,
-tbody,
-tfoot {
-  border-bottom: @border-width solid @table-border-color[light];
-}
-td,
-th {
-  border: none;
-  padding: (@grid-size / 2) * 1px @grid-size * 1px;
-  text-align: left;
-}
-th {
-  .heading-100;
-  line-height: inherit;
-}
-td:first-child,
-th:first-child {
-  padding-left: @size0;
-}
-td:last-child,
-th:last-child {
-  padding-right: @size0;
-}
-tr {
-  transition: background 0.1s ease-out,
-    box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);
-}
-tbody tr:hover {
-  background-color: @table-hover-color[light];
-}
-
-// Other elements
-hr {
-  background-color: @horizontal-rule-color[light];
-  height: 2px;
-  border-style: none;
-  margin: 40px @size0;
-}
-pre {
-  font-family: @font-family-code;
-  white-space: pre-wrap;
-  padding: @size8 @size16;
-  border-radius: @border-radius-large;
-  background: @code-block-color[light];
-  font-size: 0.8rem;
-  overflow-x: auto;
-}
-blockquote {
-  white-space: pre-wrap;
-  border-left: @border-width-3 solid @blockquote-border-color[light];
-  padding-left: @size8;
-  font-style: @font-style-italic;
-}
-p code {
-  font-family: @font-family-code;
-  padding: @size0 @size8;
-  border-radius: @border-radius-regular;
-  background: @code-color[light];
-}
-caption {
-  .heading-600;
-  margin-bottom: @size8;
-  text-align: left;
-}
-
-[dark-mode="true"] {
-  body {
-    background-color: @background-color[dark];
-    color: @text-color[dark];
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5 {
-    color: #heading-color.default[dark];
-  }
-  h6 {
-    color: #heading-color.subtle[dark];
-  }
-  a {
-    color: #link-color.default[dark];
-
-    &:hover {
-      color: #link-color.hover[dark];
-    }
-    &:active {
-      color: #link-color.active[dark];
-    }
-  }
-  hr {
-    background-color: @horizontal-rule-color[dark];
-  }
-  pre {
-    background: @code-block-color[dark];
-  }
-  p code {
-    background: @code-color[dark];
-  }
-  blockquote {
-    border-left: @border-width-3 solid @blockquote-border-color[dark];
-  }
-  thead,
-  tbody,
-  tfoot {
-    border-bottom: @border-width solid @table-border-color[dark];
-  }
-  tbody tr:hover {
-    background-color: @table-hover-color[dark];
-  }
-}

package/src/layering.less

@@ -1,10 +0,0 @@
-@layer: {
-  card: 100;
-  navigation: 200;
-  dialog: 300;
-  overlay: 400;
-  modal: 500;
-  flag: 600;
-  spotlight: 700;
-  tooltip: 800;
-};

package/src/sizing.less

@@ -1,17 +0,0 @@
-@size0: 0px;
-@size4: 4px;
-@size8: 8px;
-@size12: 12px;
-@size16: 16px;
-@size24: 24px;
-@size32: 32px;
-@size48: 48px;
-@size64: 64px;
-@size96: 96px;
-@size128: 128px;
-@size192: 192px;
-@size256: 256px;
-@size384: 384px;
-@size512: 512px;
-@size640: 640px;
-@size768: 768px;

package/src/styles.less

@@ -1,181 +0,0 @@
-@grid-size: 8;
-@focus-outline-width: 2px;
-@link-text-decoration: {
-  default: none;
-  hover: underline;
-};
-
-.heading-900 {
-  font-size: unit((35px / @font-size-default), em);
-  font-style: @font-style-normal;
-  line-height: unit((40px / 35px), em);
-  color: #heading-color.default[light];
-  font-weight: @font-weight-medium;
-  letter-spacing: -0.01em;
-  margin-top: @grid-size * 6.5px;
-
-  [dark-mode="true"] & {
-    color: #heading-color.default[dark];
-  }
-  &:first-child {
-    margin-top: @size0;
-  }
-}
-.heading-800 {
-  font-size: unit((29px / @font-size-default), em);
-  font-style: @font-style-normal;
-  line-height: unit((32px / 29px), em);
-  color: #heading-color.default[light];
-  font-weight: @font-weight-semibold;
-  letter-spacing: -0.01em;
-  margin-top: @grid-size * 5px;
-
-  [dark-mode="true"] & {
-    color: #heading-color.default[dark];
-  }
-  &:first-child {
-    margin-top: @size0;
-  }
-}
-.heading-700 {
-  font-size: unit((24px / @font-size-default), em);
-  font-style: @font-style-normal;
-  line-height: unit((28px / 24px), em);
-  color: #heading-color.default[light];
-  font-weight: @font-weight-medium;
-  letter-spacing: -0.01em;
-  margin-top: @grid-size * 5px;
-
-  [dark-mode="true"] & {
-    color: #heading-color.default[dark];
-  }
-  &:first-child {
-    margin-top: @size0;
-  }
-}
-.heading-600 {
-  font-size: unit((20px / @font-size-default), em);
-  font-style: @font-style-normal;
-  line-height: unit((24px / 20px), em);
-  color: #heading-color.default[light];
-  font-weight: @font-weight-medium;
-  letter-spacing: -0.008em;
-  margin-top: @grid-size * 3.5px;
-
-  [dark-mode="true"] & {
-    color: #heading-color.default[dark];
-  }
-  &:first-child {
-    margin-top: @size0;
-  }
-}
-.heading-500 {
-  font-size: unit((16px / @font-size-default), em);
-  font-style: @font-style-normal;
-  line-height: unit((20px / 16px), em);
-  color: #heading-color.default[light];
-  font-weight: @font-weight-semibold;
-  letter-spacing: -0.006em;
-  margin-top: @grid-size * 3px;
-
-  [dark-mode="true"] & {
-    color: #heading-color.default[dark];
-  }
-  &:first-child {
-    margin-top: @size0;
-  }
-}
-.heading-400 {
-  font-size: unit((14px / @font-size-default), em);
-  font-style: @font-style-normal;
-  line-height: unit((16px / 14px), em);
-  color: #heading-color.default[light];
-  font-weight: @font-weight-semibold;
-  letter-spacing: -0.003em;
-  margin-top: @grid-size * 2px;
-
-  [dark-mode="true"] & {
-    color: #heading-color.default[dark];
-  }
-  &:first-child {
-    margin-top: @size0;
-  }
-}
-.heading-300 {
-  font-size: unit((12px / @font-size-default), em);
-  font-style: @font-style-normal;
-  line-height: unit((16px / 12px), em);
-  color: #heading-color.default[light];
-  font-weight: @font-weight-semibold;
-  margin-top: @grid-size * 2.5px;
-  text-transform: uppercase;
-
-  [dark-mode="true"] & {
-    color: #heading-color.default[dark];
-  }
-  &:first-child {
-    margin-top: @size0;
-  }
-}
-.heading-200 {
-  font-size: unit((12px / @font-size-default), em);
-  font-style: @font-style-normal;
-  line-height: unit((16px / 12px), em);
-  color: #heading-color.subtle[light];
-  font-weight: @font-weight-semibold;
-  margin-top: @grid-size * 2px;
-
-  [dark-mode="true"] & {
-    color: #heading-color.subtle[dark];
-  }
-  &:first-child {
-    margin-top: @size0;
-  }
-}
-.heading-100 {
-  font-size: unit((11px / @font-size-default), em);
-  font-style: @font-style-normal;
-  line-height: unit((16px / 11px), em);
-  color: #heading-color.subtle[light];
-  font-weight: @font-weight-bold;
-  margin-top: @grid-size * 2px;
-
-  [dark-mode="true"] & {
-    color: #heading-color.subtle[dark];
-  }
-  &:first-child {
-    margin-top: @size0;
-  }
-}
-
-.text-caption {
-  font-size: @font-size-12;
-  font-weight: @font-weight-regular;
-  color: @placeholder-color[light];
-}
-.text-caption-bold {
-  font-size: @font-size-12;
-  font-weight: @font-weight-semibold;
-  color: @text-color[light];
-}
-.text-prominent {
-  font-size: @font-size-default;
-  font-weight: @font-weight-semibold;
-  color: @text-color[light];
-}
-.error {
-  color: @go-color-red[light];
-}
-
-[dark-mode="true"] {
-  .text-caption {
-    color: @placeholder-color[dark];
-  }
-  .text-caption-bold,
-  .text-prominent {
-    color: @text-color[dark];
-  }
-  .error {
-    color: @go-color-red[dark];
-  }
-}

package/src/transitions.less

@@ -1,4 +0,0 @@
-@transition-100ms-ease-out: all 100ms ease-out;
-@transition-100ms-ease-in-out: all 100ms ease-out;
-@transition-200ms-ease-in: all 200ms ease-in;
-@transition-200ms-ease-in-out: all 200ms ease-in-out;