@gospore/theme 1.0.76 → 1.0.79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- 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:#091e42;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:#052fad}h1{font-size:2.07142857em;font-style:normal;line-height:1.10344828em;color:#172b4d;font-weight:600;letter-spacing:-.01em;margin-top:40px}[dark-mode=true] h1{color:#b8c7e0}h1:first-child{margin-top:0}h2{font-size:1.71428571em;font-style:normal;line-height:1.16666667em;color:#172b4d;font-weight:500;letter-spacing:-.01em;margin-top:40px}[dark-mode=true] h2{color:#b8c7e0}h2:first-child{margin-top:0}h3{font-size:1.42857143em;font-style:normal;line-height:1.2em;color:#172b4d;font-weight:500;letter-spacing:-.008em;margin-top:28px}[dark-mode=true] h3{color:#b8c7e0}h3:first-child{margin-top:0}h4{font-size:1.14285714em;font-style:normal;line-height:1.25em;color:#172b4d;font-weight:600;letter-spacing:-.006em;margin-top:24px}[dark-mode=true] h4{color:#b8c7e0}h4:first-child{margin-top:0}h5{font-size:1em;font-style:normal;line-height:1.14285714em;color:#172b4d;font-weight:600;letter-spacing:-.003em;margin-top:16px}[dark-mode=true] h5{color:#b8c7e0}h5:first-child{margin-top:0}h6{font-size:.85714286em;font-style:normal;line-height:1.33333333em;color:#172b4d;font-weight:600;margin-top:20px;text-transform:uppercase}[dark-mode=true] h6{color:#b8c7e0}h6:first-child{margin-top:0}hr{background-color:#dfe1e6;height:2px;border-style:none;margin:40px 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}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:5px;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}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}caption{font-size:1.42857143em;font-style:normal;line-height:1.2em;color:#172b4d;font-weight:500;letter-spacing:-.008em;margin-top:28px;margin-bottom:8px;text-align:left}[dark-mode=true] caption{color:#b8c7e0}caption:first-child{margin-top:0}[dark-mode=true] body{background-color:#1b2638;color:#b8c7e0}[dark-mode=true] h1,[dark-mode=true] h2,[dark-mode=true] h3,[dark-mode=true] h4,[dark-mode=true] h5{color:#b8c7e0}[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}.heading-900{font-size:2.5em;font-style:normal;line-height:1.14285714em;color:#172b4d;font-weight:500;letter-spacing:-.01em;margin-top:52px}[dark-mode=true] .heading-900{color:#b8c7e0}.heading-900:first-child{margin-top:0}.heading-800{font-size:2.07142857em;font-style:normal;line-height:1.10344828em;color:#172b4d;font-weight:600;letter-spacing:-.01em;margin-top:40px}[dark-mode=true] .heading-800{color:#b8c7e0}.heading-800:first-child{margin-top:0}.heading-700{font-size:1.71428571em;font-style:normal;line-height:1.16666667em;color:#172b4d;font-weight:500;letter-spacing:-.01em;margin-top:40px}[dark-mode=true] .heading-700{color:#b8c7e0}.heading-700:first-child{margin-top:0}.heading-600{font-size:1.42857143em;font-style:normal;line-height:1.2em;color:#172b4d;font-weight:500;letter-spacing:-.008em;margin-top:28px}[dark-mode=true] .heading-600{color:#b8c7e0}.heading-600:first-child{margin-top:0}.heading-500{font-size:1.14285714em;font-style:normal;line-height:1.25em;color:#172b4d;font-weight:600;letter-spacing:-.006em;margin-top:24px}[dark-mode=true] .heading-500{color:#b8c7e0}.heading-500:first-child{margin-top:0}.heading-400{font-size:1em;font-style:normal;line-height:1.14285714em;color:#172b4d;font-weight:600;letter-spacing:-.003em;margin-top:16px}[dark-mode=true] .heading-400{color:#b8c7e0}.heading-400:first-child{margin-top:0}.heading-300{font-size:.85714286em;font-style:normal;line-height:1.33333333em;color:#172b4d;font-weight:600;margin-top:20px;text-transform:uppercase}[dark-mode=true] .heading-300{color:#b8c7e0}.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:#091e42}.text-prominent{font-size:14px;font-weight:600;color:#091e42}.error{color:#ff5630}[dark-mode=true] .text-caption{color:#7988a3}[dark-mode=true] .text-caption-bold,[dark-mode=true] .text-prominent{color:#b8c7e0}[dark-mode=true] .error{color:#ff5630}
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-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 CHANGED
@@ -307,7 +307,7 @@ var whatInput = { exports: {} };
307
307
  ]);
308
308
  });
309
309
  })(whatInput);
310
- var index = "";
310
+ var Theme_vue_vue_type_style_index_0_lang = "";
311
311
  var _export_sfc = (sfc, props) => {
312
312
  const target = sfc.__vccOpts || sfc;
313
313
  for (const [key, val] of props) {
package/dist/theme.umd.js CHANGED
@@ -3,4 +3,4 @@
3
3
  * @version v5.2.10
4
4
  * @link https://github.com/ten1seven/what-input
5
5
  * @license MIT
6
- */(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"});
6
+ */(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 CHANGED
@@ -1,11 +1,10 @@
1
1
  {
2
2
  "name": "@gospore/theme",
3
- "version": "1.0.76",
3
+ "version": "1.0.79",
4
4
  "description": "",
5
5
  "author": "Gospore",
6
6
  "files": [
7
- "dist",
8
- "src"
7
+ "dist"
9
8
  ],
10
9
  "main": "./dist/theme.umd.js",
11
10
  "module": "./dist/theme.es.js",
@@ -13,8 +12,7 @@
13
12
  ".": {
14
13
  "import": "./dist/theme.es.js",
15
14
  "require": "./dist/theme.umd.js"
16
- },
17
- "./src/component-bundle.less": "./src/component-bundle.less"
15
+ }
18
16
  },
19
17
  "scripts": {
20
18
  "build": "vite build"
@@ -26,5 +24,5 @@
26
24
  "@vitejs/plugin-vue": "^2.2.2",
27
25
  "vite": "^2.8.4"
28
26
  },
29
- "gitHead": "c1e6ea7a643af4a9c2dcc3e11228e0cc4967ab60"
27
+ "gitHead": "8df8cc0e95cf0458d5d64a22cc31180364b97668"
30
28
  }
package/src/Theme.vue DELETED
@@ -1,61 +0,0 @@
1
- <template>
2
- <div class="theme">
3
- <slot />
4
- </div>
5
- </template>
6
-
7
- <script>
8
- // Global imports - Accessibility & Stylesheets
9
- import "what-input";
10
- import "./index.less";
11
-
12
- export default {
13
- // eslint-disable-next-line vue/multi-word-component-names
14
- name: "Theme",
15
- provide() {
16
- return {
17
- theme: this.theme,
18
- };
19
- },
20
- data() {
21
- return {
22
- theme: {
23
- darkMode: window.matchMedia("(prefers-color-scheme: dark)").matches,
24
- },
25
- };
26
- },
27
- watch: {
28
- theme: {
29
- handler() {
30
- document.documentElement.setAttribute("dark-mode", this.theme.darkMode);
31
- },
32
- deep: true,
33
- immediate: true,
34
- },
35
- },
36
- created() {
37
- window
38
- .matchMedia("(prefers-color-scheme: dark)")
39
- .addEventListener("change", this.updateDarkMode);
40
-
41
- // Set the color-scheme meta tag.
42
- var colorSchemeMeta = document.createElement("meta");
43
- colorSchemeMeta.name = "color-scheme";
44
- colorSchemeMeta.setAttribute("content", "light dark");
45
- document.getElementsByTagName("head")[0].appendChild(colorSchemeMeta);
46
- },
47
- beforeUnmount() {
48
- window
49
- .matchMedia("(prefers-color-scheme: dark)")
50
- .removeEventListener("change", this.updateDarkMode);
51
- },
52
- methods: {
53
- updateDarkMode(event) {
54
- if (!event) {
55
- return;
56
- }
57
- this.theme.darkMode = event.matches;
58
- },
59
- },
60
- };
61
- </script>
package/src/base.less DELETED
@@ -1,255 +0,0 @@
1
- @import "./fonts.less";
2
- @import "./grid.less";
3
-
4
- @link-text-decoration: {
5
- default: none;
6
- hover: underline;
7
- };
8
-
9
- body,
10
- html,
11
- #app {
12
- height: 100%;
13
- width: 100%;
14
- }
15
- body {
16
- background-color: @background-color[light];
17
- color: @text-color[light];
18
- font-family: @font-family;
19
- font-size: @font-size-default;
20
- font-style: normal;
21
- font-weight: @font-weight-regular;
22
- line-height: 23px;
23
- }
24
-
25
- input,
26
- select,
27
- textarea,
28
- button {
29
- font-family: inherit;
30
- font-size: inherit;
31
- font-weight: inherit;
32
- line-height: 25px;
33
- }
34
-
35
- // Default margins
36
- p,
37
- ul,
38
- ol,
39
- dl,
40
- h1,
41
- h2,
42
- h3,
43
- h4,
44
- h5,
45
- h6,
46
- blockquote,
47
- pre,
48
- form,
49
- table {
50
- margin: (@gridSize * 2px) 0 0 0;
51
- }
52
-
53
- // Links
54
- a {
55
- color: #link-color.default[light];
56
- text-decoration: @link-text-decoration[default];
57
- border-radius: @borderWidth;
58
- cursor: pointer;
59
-
60
- &:hover {
61
- color: #link-color.hover[light];
62
- text-decoration: @link-text-decoration[hover];
63
- }
64
- &:active {
65
- color: #link-color.active[light];
66
- }
67
- }
68
-
69
- // Headings
70
- h1 {
71
- .heading-800;
72
- }
73
- h2 {
74
- .heading-700;
75
- }
76
- h3 {
77
- .heading-600;
78
- }
79
- h4 {
80
- .heading-500;
81
- }
82
- h5 {
83
- .heading-400;
84
- }
85
- h6 {
86
- .heading-300;
87
- }
88
-
89
- hr {
90
- background-color: @horizontal-rule-color[light];
91
- height: 2px;
92
- border-style: none;
93
- margin: 40px 0;
94
- }
95
-
96
- // Lists
97
- ul,
98
- ol,
99
- dl {
100
- padding-left: (@gridSize * 5px);
101
- }
102
- dd,
103
- dd + dt,
104
- li + li {
105
- margin-top: (@gridSize / 2px);
106
- }
107
- ul,
108
- ol {
109
- ul,
110
- ol {
111
- &:not(:first-child) {
112
- margin-top: (@gridSize / 2px);
113
- }
114
- }
115
- }
116
-
117
- // remove top margin for first element
118
- p:first-child,
119
- ul:first-child,
120
- ol:first-child,
121
- dl:first-child,
122
- h1:first-child,
123
- h2:first-child,
124
- h3:first-child,
125
- h4:first-child,
126
- h5:first-child,
127
- h6:first-child,
128
- blockquote:first-child,
129
- pre:first-child,
130
- form:first-child,
131
- table:first-child {
132
- margin-top: 0;
133
- }
134
-
135
- :focus {
136
- outline: none;
137
- box-shadow: 0px 0px 0px @focus-outline-width @focus-outline-color;
138
- }
139
- [data-whatintent="mouse"] :focus {
140
- outline: none;
141
- box-shadow: none;
142
- }
143
-
144
- pre {
145
- font-family: @font-family-code;
146
- white-space: pre-wrap;
147
- padding: @size8 @size16;
148
- border-radius: 5px;
149
- background: @code-block-color[light];
150
- font-size: 0.8rem;
151
- overflow-x: auto;
152
- }
153
-
154
- blockquote {
155
- white-space: pre-wrap;
156
- border-left: 3px solid @blockquote-border-color[light];
157
- padding-left: @size8;
158
- font-style: italic;
159
- }
160
-
161
- p code {
162
- font-family: @font-family-code;
163
- padding: @size0 @size8;
164
- border-radius: @borderRadius;
165
- background: @code-color[light];
166
- }
167
-
168
- table {
169
- border-collapse: collapse;
170
- width: 100%;
171
- }
172
-
173
- thead,
174
- tbody,
175
- tfoot {
176
- border-bottom: @borderWidth solid @table-border-color[light];
177
- }
178
- td,
179
- th {
180
- border: none;
181
- padding: (@gridSize / 2) * 1px @gridSize*1px;
182
- text-align: left;
183
- }
184
- th {
185
- .heading-100;
186
- line-height: inherit;
187
- }
188
- td:first-child,
189
- th:first-child {
190
- padding-left: 0;
191
- }
192
- td:last-child,
193
- th:last-child {
194
- padding-right: 0;
195
- }
196
- tr {
197
- transition: background 0.1s ease-out,
198
- box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);
199
- }
200
- tbody tr:hover {
201
- background-color: @table-hover-color[light];
202
- }
203
- caption {
204
- .heading-600;
205
-
206
- margin-bottom: @gridSize * 1px;
207
- text-align: left;
208
- }
209
-
210
- [dark-mode="true"] {
211
- body {
212
- background-color: @background-color[dark];
213
- color: @text-color[dark];
214
- }
215
- h1,
216
- h2,
217
- h3,
218
- h4,
219
- h5 {
220
- color: #heading-color.default[dark];
221
- }
222
- h6 {
223
- color: #heading-color.subtle[dark];
224
- }
225
- a {
226
- color: #link-color.default[dark];
227
-
228
- &:hover {
229
- color: #link-color.hover[dark];
230
- }
231
- &:active {
232
- color: #link-color.active[dark];
233
- }
234
- }
235
- hr {
236
- background-color: @horizontal-rule-color[dark];
237
- }
238
- pre {
239
- background: @code-block-color[dark];
240
- }
241
- p code {
242
- background: @code-color[dark];
243
- }
244
- blockquote {
245
- border-left: 3px solid @blockquote-border-color[dark];
246
- }
247
- thead,
248
- tbody,
249
- tfoot {
250
- border-bottom: @borderWidth solid @table-border-color[dark];
251
- }
252
- tbody tr:hover {
253
- background-color: @table-hover-color[dark];
254
- }
255
- }
package/src/borders.less DELETED
@@ -1,5 +0,0 @@
1
- @borderRadius: 3px;
2
- @borderRadiusLarge: 6px;
3
- @borderWidth: @borderWidth2;
4
- @borderWidth1: 1px;
5
- @borderWidth2: 2px;
package/src/colors.js DELETED
@@ -1,49 +0,0 @@
1
- // Blues
2
- export const B900 = "hsl(225, 90%, 16%)";
3
- // @go-color-b700 = #000e7f;
4
- export const B600 = "#061f80";
5
- export const B500 = "hsl(225, 94%, 35%)";
6
- // @go-color-b550 = #131ff2;
7
- // @go-color-b500 = #001dff;
8
- // @go-color-b400 = #3333ff;
9
- export const B400 = "#06c";
10
- export const B300 = "hsl(210, 100%, 50%)";
11
- export const B200 = "hsl(210, 100%, 93%)";
12
- export const B100 = "hsl(225, 100%, 96%)";
13
-
14
- // Reds
15
- export const R400 = "hsl(12, 91%, 46%)";
16
- export const R300 = "hsl(11, 100%, 59%)";
17
-
18
- // Yellows
19
- export const Y300 = "hsl(40, 100%, 50%)";
20
- export const Y200 = "hsl(46, 100%, 50%)";
21
-
22
- // Greens
23
- export const G500 = "hsl(120, 100%, 25%)";
24
-
25
- // Neutrals
26
- export const N1000 = "hsl(0, 0%, 0%)";
27
- export const N900 = "hsl(218, 76%, 15%)";
28
- // @go-color-n900 = hsl(218, 54%, 20%);
29
- export const N800 = "hsla(0,0%,10%,.9)";
30
- export const N500 = "hsla(0,0%,10%,.6)";
31
- export const N400 = "hsl(218, 20%, 39%)";
32
- export const N300 = "hsl(218, 17%, 44%)";
33
- export const N200 = "hsl(218, 14%, 49%)";
34
- export const N100 = "hsl(218, 14%, 54%)";
35
- export const N90 = "hsl(218, 13%, 59%)";
36
- export const N80 = "hsl(218, 13%, 64%)";
37
- export const N70 = "hsl(217, 13%, 69%)";
38
- export const N40 = "hsl(223, 12%, 89%)";
39
- export const N30 = "hsl(228, 14%, 93%)";
40
- export const N25 = "hsl(210, 7%, 95%)";
41
- export const N20 = "hsl(220, 16%, 96%)";
42
- export const N10 = "hsl(210, 25%, 98%)";
43
- export const N5 = "hsl(0, 0%, 98%)";
44
- export const N0 = "hsl(0, 0%, 100%)";
45
-
46
- // Primary color palette
47
- export const primary1 = B500;
48
- export const primary2 = B500;
49
- export const primary3 = N0;
package/src/colors.less DELETED
@@ -1,236 +0,0 @@
1
- // Primary Color Palette
2
- @go-color-primary1: @go-color-b600;
3
- @go-color-primary2: @go-color-b500;
4
- @go-color-primary3: @go-color-n0;
5
-
6
- // Neutrals
7
- @go-color-n0: #ffffff;
8
- @go-color-n10: #fafbfc;
9
- @go-color-n20: #f4f5f7;
10
- @go-color-n30: #ebecf0;
11
- @go-color-n40: #dfe1e6;
12
- @go-color-n50: #c1c7d0;
13
- @go-color-n60: #b3bac5;
14
- @go-color-n70: #a5adba;
15
- @go-color-n80: #97a0af;
16
- @go-color-n90: #8993a4;
17
- @go-color-n100: #7a869a;
18
- @go-color-n200: #6b778c;
19
- @go-color-n300: #5e6c84;
20
- @go-color-n400: #505f79;
21
- @go-color-n500: #42526e;
22
- @go-color-n600: #344563;
23
- @go-color-n700: #253858;
24
- @go-color-n800: #172b4d;
25
- @go-color-n900: #091e42;
26
-
27
- // Dark Mode Neutrals
28
- @go-color-dn0: #0d1424;
29
- @go-color-dn10: #0e1624;
30
- @go-color-dn20: #121a29;
31
- @go-color-dn30: #1b2638;
32
- @go-color-dn40: #202b3d;
33
- @go-color-dn50: #283447;
34
- @go-color-dn60: #313d52;
35
- @go-color-dn70: #3b475c;
36
- @go-color-dn80: #455166;
37
- @go-color-dn90: #56637a;
38
- @go-color-dn100: #67758f;
39
- @go-color-dn200: #7988a3;
40
- @go-color-dn300: #8c9cb8;
41
- @go-color-dn400: #9fb0cc;
42
- @go-color-dn500: #abbbd6;
43
- @go-color-dn600: #b8c7e0;
44
- @go-color-dn700: #ced9eb;
45
- @go-color-dn800: #dce5f5;
46
- @go-color-dn900: #e6edfa;
47
-
48
- // Reds
49
- @go-color-r50: #ffebe6;
50
- @go-color-r75: #ffbdad;
51
- @go-color-r100: #ff8f73;
52
- @go-color-r200: #ff7452;
53
- @go-color-r300: #ff5630;
54
- @go-color-r400: #de350b;
55
- @go-color-r500: #bf2600;
56
-
57
- // Yellows
58
- @go-color-y50: #fffae6;
59
- @go-color-y75: #fff0b3;
60
- @go-color-y100: #ffe380;
61
- @go-color-y200: #ffc400;
62
- @go-color-y300: #ffab00;
63
- @go-color-y400: #ff991f;
64
- @go-color-y500: #ff8b00;
65
-
66
- // Greens
67
- @go-color-g50: #e3fcef;
68
- @go-color-g75: #abf5d1;
69
- @go-color-g100: #79f2c0;
70
- @go-color-g200: #57d9a3;
71
- @go-color-g300: #36b37e;
72
- @go-color-g400: #00875a;
73
- @go-color-g500: #006644;
74
-
75
- // Blues
76
- @go-color-b50: #deebff;
77
- @go-color-b75: #b3d4ff;
78
- @go-color-b100: #4c9aff;
79
- @go-color-b200: #2684ff;
80
- @go-color-b300: #0065ff;
81
- @go-color-b400: #0052cc;
82
- @go-color-b500: #0747a6;
83
-
84
- // Purples
85
- @go-color-p50: #eae6ff;
86
- @go-color-p75: #c0b6f2;
87
- @go-color-p100: #998dd9;
88
- @go-color-p200: #8777d9;
89
- @go-color-p300: #6554c0;
90
- @go-color-p400: #5243aa;
91
- @go-color-p500: #403294;
92
-
93
- // Teals
94
- @go-color-t50: #e6fcff;
95
- @go-color-t75: #b3f5ff;
96
- @go-color-t100: #79e2f2;
97
- @go-color-t200: #00c7e6;
98
- @go-color-t300: #00b8d9;
99
- @go-color-t400: #00a3bf;
100
- @go-color-t500: #008da6;
101
-
102
- // Themed
103
- @go-color-primary: {
104
- light: @go-color-b400;
105
- dark: @go-color-b100;
106
- };
107
- @go-color-blue: {
108
- light: @go-color-b400;
109
- dark: @go-color-b100;
110
- };
111
- @go-color-teal: {
112
- light: @go-color-t300;
113
- dark: @go-color-t200;
114
- };
115
- @go-color-purple: {
116
- light: @go-color-p300;
117
- dark: @go-color-p100;
118
- };
119
- @go-color-red: {
120
- light: @go-color-r300;
121
- dark: @go-color-r300;
122
- };
123
- @go-color-yellow: {
124
- light: @go-color-y300;
125
- dark: @go-color-y300;
126
- };
127
- @go-color-green: {
128
- light: @go-color-g300;
129
- dark: @go-color-g300;
130
- };
131
- @background-color: {
132
- light: @go-color-n0;
133
- dark: @go-color-dn30;
134
- };
135
- @text-color: {
136
- light: @go-color-n900;
137
- dark: @go-color-dn600;
138
- };
139
- @placeholder-color: {
140
- light: @go-color-n100;
141
- dark: @go-color-dn200;
142
- };
143
- #heading-color() {
144
- .default() {
145
- light: @go-color-n800;
146
- dark: @go-color-dn600;
147
- }
148
- .subtle() {
149
- light: @go-color-n200;
150
- dark: @go-color-dn300;
151
- }
152
- }
153
- #link-color() {
154
- .default() {
155
- light: @go-color-b400;
156
- dark: @go-color-b100;
157
- }
158
- .hover() {
159
- light: @go-color-b300;
160
- dark: @go-color-b200;
161
- }
162
- .active() {
163
- light: @go-color-b500;
164
- dark: @go-color-b100;
165
- }
166
- }
167
- @focus-outline-color: @go-color-b100;
168
- @table-border-color: {
169
- light: @go-color-n40;
170
- dark: @go-color-dn70;
171
- };
172
- @table-hover-color: {
173
- light: @go-color-n20;
174
- dark: @go-color-dn50;
175
- };
176
- @horizontal-rule-color: {
177
- light: @go-color-n40;
178
- dark: @go-color-dn70;
179
- };
180
- @code-color: {
181
- light: @go-color-n40;
182
- dark: @go-color-dn70;
183
- };
184
- @code-block-color: {
185
- light: @go-color-n20;
186
- dark: @go-color-dn50;
187
- };
188
- @blockquote-border-color: {
189
- light: @go-color-n40;
190
- dark: @go-color-dn70;
191
- };
192
-
193
- // // Neutrals
194
- // @go-color-n0: hsl(0, 0%, 100%);
195
- // @go-color-n5: hsl(0, 0%, 98%);
196
- // @go-color-n10: hsl(210, 25%, 98%);
197
- // @go-color-n20: hsl(220, 16%, 96%);
198
- @go-color-n25: hsl(210, 7%, 95%);
199
- // @go-color-n30: hsl(228, 14%, 93%);
200
- // @go-color-n40: hsl(223, 12%, 89%);
201
- // @go-color-n70: hsl(217, 13%, 69%);
202
- // @go-color-n80: hsl(218, 13%, 64%);
203
- // @go-color-n90: hsl(218, 13%, 59%);
204
- // @go-color-n100: hsl(218, 14%, 54%);
205
- // @go-color-n200: hsl(218, 14%, 49%);
206
- // @go-color-n300: hsl(218, 17%, 44%);
207
- // @go-color-n400: hsl(218, 20%, 39%);
208
- // @go-color-n500: hsla(0,0%,10%,.6);
209
- // @go-color-n800: hsla(0,0%,10%,.9);
210
- // // @go-color-n900: hsl(218, 54%, 20%);
211
- // @go-color-n900: hsl(240, 7%, 6%);
212
- @go-color-n1000: hsl(0, 0%, 0%);
213
-
214
- // Blues
215
- @go-color-b900: hsl(225, 90%, 16%);
216
- // @go-color-b700: #000e7f;
217
- @go-color-b600: #061f80;
218
- @go-color-b500: hsl(225, 94%, 35%);
219
- // @go-color-b550: #131ff2;
220
- // @go-color-b500: #001dff;
221
- // @go-color-b400: #3333ff;
222
- // @go-color-b400: #06c;
223
- // @go-color-b300: hsl(210, 100%, 50%);
224
- // @go-color-b200: hsl(210, 100%, 93%);
225
- // @go-color-b100: hsl(225, 100%, 96%);
226
-
227
- // // Reds
228
- // @go-color-r400: hsl(12, 91%, 46%);
229
- // @go-color-r300: hsl(11, 100%, 59%);
230
-
231
- // // Yellows
232
- // @go-color-y300: hsl(40, 100%, 50%);
233
- // @go-color-y200: hsl(46, 100%, 50%);
234
-
235
- // // Greens
236
- // @go-color-g500: hsl(120, 100%, 25%);
@@ -1,8 +0,0 @@
1
- @import "styles.less";
2
- @import "colors.less";
3
- @import "borders.less";
4
- @import "fonts.less";
5
- @import "sizing.less";
6
- @import "layering.less";
7
- @import "elevation.less";
8
- @import "transitions.less";
@@ -1,26 +0,0 @@
1
- #elevation() {
2
- .card() {
3
- light: 0 1px 1px @go-color-n50, 0 0 1px 0 @go-color-n60;
4
- dark: 0 1px 1px @go-color-dn20, 0 0 1px @go-color-dn30;
5
- }
6
- .dialog() {
7
- light: 0 4px 8px -2px @go-color-n50, 0 0 1px @go-color-n60;
8
- dark: 0 4px 8px -2px @go-color-dn20, 0 0 1px @go-color-dn30;
9
- }
10
- .modal() {
11
- light: 0 8px 16px -4px @go-color-n50, 0 0 1px @go-color-n60;
12
- dark: 0 8px 16px -4px @go-color-dn20, 0 0 1px @go-color-dn30;
13
- }
14
- .panel() {
15
- light: 0 12px 24px -6px @go-color-n50, 0 0 1px @go-color-n60;
16
- dark: 0 12px 24px -6px @go-color-dn20, 0 0 1px @go-color-dn30;
17
- }
18
- .flag() {
19
- light: 0 20px 32px -8px @go-color-n50, 0 0 1px @go-color-n60;
20
- dark: 0 20px 32px -8px @go-color-dn20, 0 0 1px @go-color-dn30;
21
- }
22
- .avatar() {
23
- light: inset 0 0 10px fade(@go-color-n900, 5%);
24
- dark: inset 0 0 10px fade(@go-color-n900, 5%)
25
- }
26
- }; ;
package/src/fonts.less DELETED
@@ -1,30 +0,0 @@
1
- @font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
2
- "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
3
- @font-family-code: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono",
4
- "Ubuntu Mono", Menlo, Consolas, Courier, monospace;
5
-
6
- @font-style: normal;
7
-
8
- @font-size-default: @font-size-14;
9
- // @font-size-11: 11px;
10
- @font-size-12: 12px;
11
- @font-size-14: 14px;
12
- @font-size-15: 15px;
13
- @font-size-16: 16px;
14
- @font-size-18: 18px;
15
- @font-size-20: 20px;
16
- @font-size-24: 24px;
17
- @font-size-30: 30px;
18
- @font-size-36: 36px;
19
- @font-size-48: 48px;
20
- @font-size-60: 60px;
21
- @font-size-72: 72px;
22
-
23
- @font-weight-thin: 100;
24
- @font-weight-light: 300;
25
- @font-weight-regular: 400;
26
- @font-weight-medium: 500;
27
- @font-weight-semibold: 600;
28
- @font-weight-bold: 700;
29
- @font-weight-extrabold: 800;
30
- @font-weight-black: 900;
package/src/grid.less DELETED
@@ -1,2 +0,0 @@
1
- @gridSize: 8;
2
- @focus-outline-width: 2px;
package/src/index.js DELETED
@@ -1,4 +0,0 @@
1
- import Theme from "./Theme.vue";
2
-
3
- export default Theme;
4
- export * from "./colors.js";
package/src/index.less DELETED
@@ -1,10 +0,0 @@
1
- @import "reset.less";
2
- @import "colors.less";
3
- @import "base.less";
4
- @import "tables.less";
5
- @import "borders.less";
6
- @import "elevation.less";
7
- @import "sizing.less";
8
- @import "layering.less";
9
- @import "transitions.less";
10
- @import "styles.less";
package/src/layering.less DELETED
@@ -1,10 +0,0 @@
1
- @layer: {
2
- card: 100;
3
- navigation: 200;
4
- dialog: 300;
5
- overlay: 400;
6
- modal: 500;
7
- flag: 600;
8
- spotlight: 700;
9
- tooltip: 800;
10
- };
package/src/reset.less DELETED
@@ -1,25 +0,0 @@
1
- // Reset
2
- html,
3
- body,
4
- p,
5
- div,
6
- h1,
7
- h2,
8
- h3,
9
- h4,
10
- h5,
11
- h6,
12
- ul,
13
- ol,
14
- dl,
15
- img,
16
- pre,
17
- form,
18
- fieldset {
19
- margin: 0;
20
- padding: 0;
21
- }
22
- img,
23
- fieldset {
24
- border: 0;
25
- }
package/src/sizing.less DELETED
@@ -1,17 +0,0 @@
1
- @size0: 0px;
2
- @size4: 4px;
3
- @size8: 8px;
4
- @size12: 12px;
5
- @size16: 16px;
6
- @size24: 24px;
7
- @size32: 32px;
8
- @size48: 48px;
9
- @size64: 64px;
10
- @size96: 96px;
11
- @size128: 128px;
12
- @size192: 192px;
13
- @size256: 256px;
14
- @size384: 384px;
15
- @size512: 512px;
16
- @size640: 640px;
17
- @size768: 768px;
package/src/styles.less DELETED
@@ -1,176 +0,0 @@
1
- @import "grid.less";
2
-
3
- .heading-900 {
4
- font-size: unit((35px / @font-size-default), em);
5
- font-style: @font-style;
6
- line-height: unit((40px / 35px), em);
7
- color: #heading-color.default[light];
8
- font-weight: @font-weight-medium;
9
- letter-spacing: -0.01em;
10
- margin-top: @gridSize * 6.5px;
11
-
12
- [dark-mode="true"] & {
13
- color: #heading-color.default[dark];
14
- }
15
- &:first-child {
16
- margin-top: @size0;
17
- }
18
- }
19
- .heading-800 {
20
- font-size: unit((29px / @font-size-default), em);
21
- font-style: @font-style;
22
- line-height: unit((32px / 29px), em);
23
- color: #heading-color.default[light];
24
- font-weight: @font-weight-semibold;
25
- letter-spacing: -0.01em;
26
- margin-top: @gridSize * 5px;
27
-
28
- [dark-mode="true"] & {
29
- color: #heading-color.default[dark];
30
- }
31
- &:first-child {
32
- margin-top: @size0;
33
- }
34
- }
35
- .heading-700 {
36
- font-size: unit((24px / @font-size-default), em);
37
- font-style: @font-style;
38
- line-height: unit((28px / 24px), em);
39
- color: #heading-color.default[light];
40
- font-weight: @font-weight-medium;
41
- letter-spacing: -0.01em;
42
- margin-top: @gridSize * 5px;
43
-
44
- [dark-mode="true"] & {
45
- color: #heading-color.default[dark];
46
- }
47
- &:first-child {
48
- margin-top: @size0;
49
- }
50
- }
51
- .heading-600 {
52
- font-size: unit((20px / @font-size-default), em);
53
- font-style: @font-style;
54
- line-height: unit((24px / 20px), em);
55
- color: #heading-color.default[light];
56
- font-weight: @font-weight-medium;
57
- letter-spacing: -0.008em;
58
- margin-top: @gridSize * 3.5px;
59
-
60
- [dark-mode="true"] & {
61
- color: #heading-color.default[dark];
62
- }
63
- &:first-child {
64
- margin-top: @size0;
65
- }
66
- }
67
- .heading-500 {
68
- font-size: unit((16px / @font-size-default), em);
69
- font-style: @font-style;
70
- line-height: unit((20px / 16px), em);
71
- color: #heading-color.default[light];
72
- font-weight: @font-weight-semibold;
73
- letter-spacing: -0.006em;
74
- margin-top: @gridSize * 3px;
75
-
76
- [dark-mode="true"] & {
77
- color: #heading-color.default[dark];
78
- }
79
- &:first-child {
80
- margin-top: @size0;
81
- }
82
- }
83
- .heading-400 {
84
- font-size: unit((14px / @font-size-default), em);
85
- font-style: @font-style;
86
- line-height: unit((16px / 14px), em);
87
- color: #heading-color.default[light];
88
- font-weight: @font-weight-semibold;
89
- letter-spacing: -0.003em;
90
- margin-top: @gridSize * 2px;
91
-
92
- [dark-mode="true"] & {
93
- color: #heading-color.default[dark];
94
- }
95
- &:first-child {
96
- margin-top: @size0;
97
- }
98
- }
99
- .heading-300 {
100
- font-size: unit((12px / @font-size-default), em);
101
- font-style: @font-style;
102
- line-height: unit((16px / 12px), em);
103
- color: #heading-color.default[light];
104
- font-weight: @font-weight-semibold;
105
- margin-top: @gridSize * 2.5px;
106
- text-transform: uppercase;
107
-
108
- [dark-mode="true"] & {
109
- color: #heading-color.default[dark];
110
- }
111
- &:first-child {
112
- margin-top: @size0;
113
- }
114
- }
115
- .heading-200 {
116
- font-size: unit((12px / @font-size-default), em);
117
- font-style: @font-style;
118
- line-height: unit((16px / 12px), em);
119
- color: #heading-color.subtle[light];
120
- font-weight: @font-weight-semibold;
121
- margin-top: @gridSize * 2px;
122
-
123
- [dark-mode="true"] & {
124
- color: #heading-color.subtle[dark];
125
- }
126
- &:first-child {
127
- margin-top: @size0;
128
- }
129
- }
130
- .heading-100 {
131
- font-size: unit((11px / @font-size-default), em);
132
- font-style: @font-style;
133
- line-height: unit((16px / 11px), em);
134
- color: #heading-color.subtle[light];
135
- font-weight: @font-weight-bold;
136
- margin-top: @gridSize * 2px;
137
-
138
- [dark-mode="true"] & {
139
- color: #heading-color.subtle[dark];
140
- }
141
- &:first-child {
142
- margin-top: @size0;
143
- }
144
- }
145
-
146
- .text-caption {
147
- font-size: @font-size-12;
148
- font-weight: @font-weight-regular;
149
- color: @placeholder-color[light];
150
- }
151
- .text-caption-bold {
152
- font-size: @font-size-12;
153
- font-weight: @font-weight-semibold;
154
- color: @text-color[light];
155
- }
156
- .text-prominent {
157
- font-size: @font-size-default;
158
- font-weight: @font-weight-semibold;
159
- color: @text-color[light];
160
- }
161
- .error {
162
- color: @go-color-red[light];
163
- }
164
-
165
- [dark-mode="true"] {
166
- .text-caption {
167
- color: @placeholder-color[dark];
168
- }
169
- .text-caption-bold,
170
- .text-prominent {
171
- color: @text-color[dark];
172
- }
173
- .error {
174
- color: @go-color-red[dark];
175
- }
176
- }
package/src/tables.less DELETED
File without changes
@@ -1,4 +0,0 @@
1
- @transition-100ms-ease-out: all 100ms ease-out;
2
- @transition-100ms-ease-in-out: all 100ms ease-out;
3
- @transition-200ms-ease-in: all 200ms ease-in;
4
- @transition-200ms-ease-in-out: all 200ms ease-in-out;