@esportsplus/ui 0.9.2 → 0.9.4

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.
Files changed (131) hide show
  1. package/build/components/index.d.ts +20 -20
  2. package/build/components/index.js +20 -20
  3. package/package.json +1 -1
  4. package/src/components/index.ts +20 -20
  5. package/dist/components/accordion/index.js +0 -26
  6. package/dist/components/accordion/scss/index.scss +0 -2
  7. package/dist/components/anchor/index.js +0 -1
  8. package/dist/components/anchor/scss/index.scss +0 -2
  9. package/dist/components/banner/index.js +0 -1
  10. package/dist/components/banner/scss/index.scss +0 -2
  11. package/dist/components/border/index.js +0 -1
  12. package/dist/components/border/scss/index.scss +0 -2
  13. package/dist/components/bubble/index.js +0 -1
  14. package/dist/components/bubble/scss/index.scss +0 -2
  15. package/dist/components/button/index.js +0 -1
  16. package/dist/components/button/scss/index.scss +0 -2
  17. package/dist/components/card/index.js +0 -1
  18. package/dist/components/card/scss/index.scss +0 -2
  19. package/dist/components/clipboard/index.js +0 -2
  20. package/dist/components/clipboard/write.js +0 -9
  21. package/dist/components/container/index.js +0 -1
  22. package/dist/components/container/scss/index.scss +0 -2
  23. package/dist/components/counter/index.js +0 -78
  24. package/dist/components/counter/scss/index.scss +0 -2
  25. package/dist/components/ellipsis/index.js +0 -9
  26. package/dist/components/ellipsis/scss/index.scss +0 -2
  27. package/dist/components/field/checkbox.js +0 -52
  28. package/dist/components/field/description.js +0 -11
  29. package/dist/components/field/error.js +0 -13
  30. package/dist/components/field/file.js +0 -51
  31. package/dist/components/field/index.js +0 -9
  32. package/dist/components/field/optional.js +0 -16
  33. package/dist/components/field/scss/index.scss +0 -2
  34. package/dist/components/field/select.js +0 -135
  35. package/dist/components/field/switch.js +0 -6
  36. package/dist/components/field/text.js +0 -64
  37. package/dist/components/field/textarea.js +0 -5
  38. package/dist/components/field/title.js +0 -21
  39. package/dist/components/footer/index.js +0 -60
  40. package/dist/components/footer/scss/index.scss +0 -2
  41. package/dist/components/form/action.js +0 -57
  42. package/dist/components/form/index.js +0 -3
  43. package/dist/components/form/input.js +0 -10
  44. package/dist/components/form/types.js +0 -1
  45. package/dist/components/frame/index.js +0 -1
  46. package/dist/components/frame/scss/index.scss +0 -2
  47. package/dist/components/grid/index.js +0 -1
  48. package/dist/components/grid/scss/index.scss +0 -2
  49. package/dist/components/group/index.js +0 -1
  50. package/dist/components/group/scss/index.scss +0 -2
  51. package/dist/components/highlight/index.js +0 -40
  52. package/dist/components/highlight/scss/index.scss +0 -2
  53. package/dist/components/icon/index.js +0 -1
  54. package/dist/components/icon/scss/index.scss +0 -2
  55. package/dist/components/index.js +0 -38
  56. package/dist/components/json/download.js +0 -8
  57. package/dist/components/json/index.js +0 -2
  58. package/dist/components/link/hover.js +0 -17
  59. package/dist/components/link/index.js +0 -3
  60. package/dist/components/link/scss/index.scss +0 -2
  61. package/dist/components/loader/index.js +0 -39
  62. package/dist/components/loader/scss/index.scss +0 -2
  63. package/dist/components/loading/index.js +0 -12
  64. package/dist/components/loading/scss/index.scss +0 -2
  65. package/dist/components/magnet/index.js +0 -47
  66. package/dist/components/magnet/scss/index.scss +0 -2
  67. package/dist/components/modal/index.js +0 -1
  68. package/dist/components/modal/scss/index.scss +0 -2
  69. package/dist/components/normalize/index.js +0 -1
  70. package/dist/components/normalize/scss/index.scss +0 -3
  71. package/dist/components/number/index.js +0 -2
  72. package/dist/components/page/index.js +0 -11
  73. package/dist/components/page/scss/index.scss +0 -2
  74. package/dist/components/root/index.js +0 -3
  75. package/dist/components/root/onclick.js +0 -14
  76. package/dist/components/root/scss/index.scss +0 -2
  77. package/dist/components/row/index.js +0 -1
  78. package/dist/components/row/scss/index.scss +0 -2
  79. package/dist/components/scrollbar/index.js +0 -42
  80. package/dist/components/scrollbar/scss/index.scss +0 -2
  81. package/dist/components/sidebar/index.js +0 -1
  82. package/dist/components/sidebar/scss/index.scss +0 -2
  83. package/dist/components/site/index.js +0 -17
  84. package/dist/components/site/scss/index.scss +0 -2
  85. package/dist/components/text/index.js +0 -1
  86. package/dist/components/text/scss/index.scss +0 -2
  87. package/dist/components/thumbnail/index.js +0 -1
  88. package/dist/components/thumbnail/scss/index.scss +0 -2
  89. package/dist/components/tooltip/index.js +0 -64
  90. package/dist/components/tooltip/scss/index.scss +0 -2
  91. package/dist/components/truncate/index.js +0 -2
  92. package/dist/components/typewriter/index.js +0 -42
  93. package/dist/components/typewriter/scss/index.scss +0 -2
  94. package/dist/css-utilities/[margin,padding]/scss/index.scss +0 -2
  95. package/dist/css-utilities/absolute/scss/index.scss +0 -2
  96. package/dist/css-utilities/background/scss/index.scss +0 -2
  97. package/dist/css-utilities/border/scss/index.scss +0 -2
  98. package/dist/css-utilities/color/scss/index.scss +0 -2
  99. package/dist/css-utilities/disabled/scss/index.scss +0 -2
  100. package/dist/css-utilities/flex/scss/index.scss +0 -2
  101. package/dist/css-utilities/glass/scss/index.scss +0 -2
  102. package/dist/css-utilities/hidden/scss/index.scss +0 -2
  103. package/dist/css-utilities/index.js +0 -18
  104. package/dist/css-utilities/inline/scss/index.scss +0 -2
  105. package/dist/css-utilities/line-height/scss/index.scss +0 -2
  106. package/dist/css-utilities/not-allowed/scss/index.scss +0 -2
  107. package/dist/css-utilities/pointer/scss/index.scss +0 -2
  108. package/dist/css-utilities/size/scss/index.scss +0 -2
  109. package/dist/css-utilities/squircle/scss/index.scss +0 -2
  110. package/dist/css-utilities/text/scss/index.scss +0 -2
  111. package/dist/css-utilities/viewport/scss/index.scss +0 -2
  112. package/dist/css-utilities/width/scss/index.scss +0 -2
  113. package/dist/fonts/index.js +0 -1
  114. package/dist/fonts/montserrat/index.js +0 -1
  115. package/dist/fonts/montserrat/scss/Montserrat-Bold.woff +0 -0
  116. package/dist/fonts/montserrat/scss/Montserrat-Bold.woff2 +0 -0
  117. package/dist/fonts/montserrat/scss/Montserrat-BoldItalic.woff +0 -0
  118. package/dist/fonts/montserrat/scss/Montserrat-BoldItalic.woff2 +0 -0
  119. package/dist/fonts/montserrat/scss/Montserrat-Italic.woff +0 -0
  120. package/dist/fonts/montserrat/scss/Montserrat-Italic.woff2 +0 -0
  121. package/dist/fonts/montserrat/scss/Montserrat-Medium.woff +0 -0
  122. package/dist/fonts/montserrat/scss/Montserrat-Medium.woff2 +0 -0
  123. package/dist/fonts/montserrat/scss/Montserrat-MediumItalic.woff +0 -0
  124. package/dist/fonts/montserrat/scss/Montserrat-MediumItalic.woff2 +0 -0
  125. package/dist/fonts/montserrat/scss/Montserrat-Regular.woff +0 -0
  126. package/dist/fonts/montserrat/scss/Montserrat-Regular.woff2 +0 -0
  127. package/dist/fonts/montserrat/scss/Montserrat-SemiBold.woff +0 -0
  128. package/dist/fonts/montserrat/scss/Montserrat-SemiBold.woff2 +0 -0
  129. package/dist/fonts/montserrat/scss/Montserrat-SemiBoldItalic.woff +0 -0
  130. package/dist/fonts/montserrat/scss/Montserrat-SemiBoldItalic.woff2 +0 -0
  131. package/dist/fonts/montserrat/scss/index.scss +0 -2
@@ -1,2 +0,0 @@
1
- .modal{--margin-horizontal:0px;--margin-vertical:0px;--max-height:calc(100svh - (var(--margin-vertical)*2));--max-width:320px;max-height:var(--max-height);transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;transform-origin:50%;width:min(var(--max-width),100svw - var(--margin-horizontal)*2);z-index:2;position:fixed;bottom:50%;right:50%;overflow:hidden;transform:translate(50%,50%)}.modal:not(.--active){opacity:0;pointer-events:none;transform:translate(50%,50%)scale(.8)}.modal:not(.--active) input[type=password]{display:none}.modal-frame{transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;transform-origin:50%}.modal-frame:not(.--active){display:none}
2
- /*$vite$:1*/
@@ -1 +0,0 @@
1
- import './scss/index.scss';
@@ -1,3 +0,0 @@
1
- /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
2
- *,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
3
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- import { number } from '@esportsplus/utilities';
2
- export default number;
@@ -1,11 +0,0 @@
1
- import './scss/index.scss';
2
- const subtitle = {
3
- class: 'page-subtitle --margin-200 --text-crop-bottom'
4
- };
5
- const suptitle = {
6
- class: 'page-suptitle --text-bold-600 --text-crop --text-uppercase --text-300'
7
- };
8
- const title = {
9
- class: 'page-title --line-height-200 --margin-400 --text-crop'
10
- };
11
- export default { subtitle, suptitle, title };
@@ -1,2 +0,0 @@
1
- .page-subtitle,.page-suptitle{--color:var(--color-default);--color-default:var(--color-text-400);--font-size:var(--font-size-400);--line-height:var(--line-height-400)}.page-title{--color:var(--color-default);--color-default:var(--color-text-500);--line-height:var(--line-height-400)}.page{width:100vw;min-height:100svh;position:relative}.page-subtitle,.page-suptitle,.page-title{color:var(--color);line-height:var(--line-height);z-index:1;width:100%;display:block;position:relative}.page-subtitle,.page-suptitle{font-size:var(--font-size)}.page-suptitle+.page-title,.page-title+.page-subtitle{margin-top:var(--margin-vertical)}.page-title{text-wrap:balance}
2
- /*$vite$:1*/
@@ -1,3 +0,0 @@
1
- import onclick from './onclick.js';
2
- export default { onclick };
3
- export { onclick };
@@ -1,14 +0,0 @@
1
- let queue = [];
2
- const onclick = async () => {
3
- if (queue.length === 0) {
4
- return;
5
- }
6
- let item;
7
- while (item = queue.pop()) {
8
- await item();
9
- }
10
- };
11
- onclick.push = (fn) => {
12
- queue.push(fn);
13
- };
14
- export default onclick;
@@ -1,2 +0,0 @@
1
- body,html{width:100%;height:100%;overflow-x:hidden}body{background-color:var(--background);color:var(--color);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);min-width:var(--min-width);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:border-box;transition:inherit}section{width:var(--width);flex-wrap:wrap;place-content:flex-start;display:flex;position:relative}h1,h2,h3,h4,h5{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);text-wrap:balance;word-wrap:break-word;width:100%;margin:0;padding:0;position:relative}h1 sub,h1 sup,h2 sub,h2 sup,h3 sub,h3 sup,h4 sub,h4 sup,h5 sub,h5 sup{font-size:.64em}a{color:var(--color,inherit);cursor:pointer;outline:none;text-decoration:none}b,strong{color:var(--color,inherit);font-weight:var(--font-weight)}p{word-wrap:break-word;width:100%;margin:0;padding:0}pre{overflow-wrap:break-word;white-space:break-spaces;width:100%;margin:0;padding:0}sub,sup{font-size:.8em}sub{bottom:-.48em}sup{top:-.48em}
2
- /*$vite$:1*/
@@ -1 +0,0 @@
1
- import './scss/index.scss';
@@ -1,2 +0,0 @@
1
- .row{flex-wrap:wrap;justify-content:flex-start;width:100%;display:flex;position:relative}
2
- /*$vite$:1*/
@@ -1,42 +0,0 @@
1
- import { reactive } from '@esportsplus/reactivity';
2
- import { html } from '@esportsplus/template';
3
- import './scss/index.scss';
4
- let root = document.body, width;
5
- export default ({ attributes, fixed } = {}) => {
6
- let state = reactive({
7
- height: 100,
8
- translate: 0
9
- });
10
- return {
11
- html: html `
12
- <div
13
- class='
14
- ${fixed && 'scrollbar--fixed'}
15
- ${() => state.height >= 100 && 'scrollbar--hidden'}
16
- scrollbar
17
- '
18
- style='${() => `
19
- --translate: translate3d(0, ${state.translate}%, 0);
20
- --height: ${state.height}%;
21
- `}'
22
- ${attributes}
23
- >
24
- </div>
25
- `,
26
- parent: {
27
- attributes: {
28
- class: 'scrollbar-content',
29
- onscroll: function () {
30
- if (width === undefined) {
31
- width = this.offsetWidth - this.clientWidth;
32
- if (width && width !== 17) {
33
- root.style.setProperty('--scrollbar-width', `${width}px`);
34
- }
35
- }
36
- state.height = (this.clientHeight / this.scrollHeight) * 100;
37
- state.translate = (this.scrollTop / this.clientHeight) * 100;
38
- }
39
- }
40
- }
41
- };
42
- };
@@ -1,2 +0,0 @@
1
- .scrollbar{--background-default:transparent;--height:0;--translate:translate3d(0,0,0);--width:4px}::-webkit-scrollbar{box-shadow:unset;background:0 0}::-webkit-scrollbar-track{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb:window-inactive{box-shadow:unset;background:0 0}.scrollbar{z-index:9;height:100%}.scrollbar,.scrollbar:before{transition:opacity var(--transition-duration)ease-in-out;width:var(--width);position:absolute;top:0;right:0}.scrollbar:before{background:var(--background-default);content:"";height:var(--height);transform:var(--translate);transform-origin:top;border-radius:1px 0 0 1px}.scrollbar--fixed{position:fixed}.scrollbar--hidden{opacity:0}.scrollbar-container{flex-flow:column;display:flex;position:relative;overflow:hidden}.scrollbar-content{height:100%;margin-right:calc(var(--scrollbar-width)*-1);scrollbar-gutter:stable;scroll-behavior:smooth;width:calc(100% + var(--scrollbar-width));overflow:hidden scroll}.scrollbar-content--snap{scroll-snap-type:both mandatory;overscroll-behavior-x:contain;overflow:auto}.scrollbar-content--snap>*{scroll-snap-stop:normal;scroll-snap-align:center}
2
- /*$vite$:1*/
@@ -1 +0,0 @@
1
- import './scss/index.scss';
@@ -1,2 +0,0 @@
1
- .sidebar{--margin-horizontal:0px;--margin-vertical:0px;--width:var(--width-default);--width-closed:var(--width-default);--width-default:320px}.sidebar:not(.--active):not(:hover){--width:var(--width-closed)}.sidebar--floating{--margin-horizontal:var(--size-100);--margin-vertical:var(--size-100)}.sidebar{top:var(--margin-vertical);bottom:var(--margin-vertical);cursor:default;height:calc(100% - var(--margin-vertical)*2);transition:max-width var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;width:min(var(--width),100% - var(--margin-horizontal)*2);z-index:1;position:absolute;overflow:hidden}.sidebar:not(.--active) input[type=password]{display:none}.sidebar--e{right:var(--margin-horizontal)}.sidebar--e.sidebar--offscreen:not(.--active){transform:translateX(var(--width))}.sidebar--w{left:var(--margin-horizontal)}.sidebar--w.sidebar--offscreen:not(.--active){transform:translateX(calc(var(--width)*-1))}.sidebar-content{flex:0 0 var(--width-default);width:var(--width-default)}
2
- /*$vite$:1*/
@@ -1,17 +0,0 @@
1
- import { html } from '@esportsplus/template';
2
- import { onclick } from '../../components/root/index.js';
3
- import scrollbar from '../../components/scrollbar/index.js';
4
- import './scss/index.scss';
5
- export default ({ attributes, content, scrollbar: sb }) => {
6
- sb ??= {};
7
- sb.attributes ??= {};
8
- sb.attributes.style ??= '--background-default: var(--color-black-400);';
9
- sb.fixed ??= true;
10
- let { html: h, parent } = scrollbar(sb);
11
- return html `
12
- <section class='site' ${attributes} ${{ onclick }} ${parent.attributes}>
13
- ${content || ''}
14
- ${h}
15
- </section>
16
- `;
17
- };
@@ -1,2 +0,0 @@
1
- .site{z-index:0}
2
- /*$vite$:1*/
@@ -1 +0,0 @@
1
- import './scss/index.scss';
@@ -1,2 +0,0 @@
1
- .text{--color:var(--color-default);--color-default:inherit;--font-size:var(--font-size-400);--font-weight:var(--font-weight-400);--line-height:var(--line-height-400);--width:auto;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);transition:color var(--transition-duration)ease-in-out;width:var(--width);position:relative}
2
- /*$vite$:1*/
@@ -1 +0,0 @@
1
- import './scss/index.scss';
@@ -1,2 +0,0 @@
1
- .thumbnail{--background:transparent;--border-radius:var(--border-radius-300);--height:var(--size);--size:var(--size-700);--width:var(--size);background:var(--background);border-radius:var(--border-radius);height:var(--height);width:var(--width);position:relative}
2
- /*$vite$:1*/
@@ -1,64 +0,0 @@
1
- import { reactive } from '@esportsplus/reactivity';
2
- import root from '../../components/root/index.js';
3
- import './scss/index.scss';
4
- let queue = [], running = false, scheduled = false;
5
- async function frame() {
6
- if (running) {
7
- return;
8
- }
9
- running = true;
10
- let item;
11
- while (item = queue.pop()) {
12
- await item();
13
- }
14
- running = false;
15
- }
16
- const onclick = (data = {}) => {
17
- let state = reactive({
18
- active: data.active || false
19
- });
20
- return {
21
- attributes: {
22
- class: () => {
23
- return `tooltip ${state.active ? '--active' : ''}`;
24
- },
25
- onclick: function (e) {
26
- let active = true, node = e.target;
27
- if (data.toggle && (this.contains(node) || this.isSameNode(node))) {
28
- active = !state.active;
29
- }
30
- frame();
31
- state.active = active;
32
- if (active) {
33
- queue.push(() => state.active = false);
34
- }
35
- if (!scheduled) {
36
- root.onclick.push(() => {
37
- frame();
38
- scheduled = false;
39
- });
40
- scheduled = true;
41
- }
42
- }
43
- },
44
- state
45
- };
46
- };
47
- const onhover = (active = false) => {
48
- let state = reactive({ active });
49
- return {
50
- attributes: {
51
- class: () => `tooltip ${state.active ? '--active' : ''}`,
52
- onmouseover: () => {
53
- state.active = true;
54
- },
55
- onmouseout: () => {
56
- state.active = false;
57
- }
58
- },
59
- toggle: () => {
60
- state.active = !state.active;
61
- }
62
- };
63
- };
64
- export default { onclick, onhover };
@@ -1,2 +0,0 @@
1
- .tooltip-content,.tooltip-message{--background:var(--background-default);--background-default:transparent;--border-radius:var(--border-radius-300);--box-shadow:var(--box-shadow-400);--max-width:calc(90vw - (var(--size-700)*2));--min-width:auto;--scaleX:.64;--scaleY:.64;--spacer:var(--size-300);--width:auto}.tooltip-message{--background-default:var(--color-black-400);--color:var(--color-white-400);--font-size:var(--font-size-300);--font-weight:var(--font-weight-400);--padding-horizontal:var(--size-300);--padding-vertical:var(--size-300)}.tooltip{cursor:pointer;z-index:8;position:relative}.tooltip.--active{z-index:9}.tooltip.--active.tooltip--box:before{content:"";height:calc(100% + var(--spacer)*2.5);width:calc(100% + var(--spacer)*2.5);z-index:-1;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.tooltip.--active :not(.tooltip) .tooltip-arrow,.tooltip.--active>.tooltip-arrow{transform:rotate(-90deg)}.tooltip-arrow{margin:0 -1px;transform:rotate(90deg)}.tooltip-content,.tooltip-message{background:var(--background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:var(--max-width);min-width:var(--min-width);opacity:0;transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;width:var(--width);z-index:9;overflow:hidden}.tooltip.--active>.tooltip-content,.tooltip.--active :not(.tooltip)>.tooltip-content,.tooltip.--active>.tooltip-message,.tooltip.--active :not(.tooltip)>.tooltip-message{opacity:1}.tooltip:not(.--active)>.tooltip-content,.tooltip:not(.--active)>.tooltip-content *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content *,.tooltip:not(.--active)>.tooltip-message,.tooltip:not(.--active)>.tooltip-message *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message *{pointer-events:none}.tooltip-content--c,.tooltip-message--c{transform:translate(50%,50%)scale(var(--scaleX),var(--scaleY));transform-origin:50%;position:absolute;bottom:50%;right:50%}.tooltip.--active>.tooltip-content--c,.tooltip.--active :not(.tooltip)>.tooltip-content--c,.tooltip.--active>.tooltip-message--c,.tooltip.--active :not(.tooltip)>.tooltip-message--c{transform:translate(50%,50%)scale(1)}.tooltip-content--en,.tooltip-content--es,.tooltip-message--en,.tooltip-message--es{left:calc(100% - var(--spacer));transform:scale(var(--scaleX),var(--scaleY));position:absolute}.tooltip.--active>.tooltip-content--en,.tooltip.--active :not(.tooltip)>.tooltip-content--en,.tooltip.--active>.tooltip-content--es,.tooltip.--active :not(.tooltip)>.tooltip-content--es,.tooltip.--active>.tooltip-message--en,.tooltip.--active :not(.tooltip)>.tooltip-message--en,.tooltip.--active>.tooltip-message--es,.tooltip.--active :not(.tooltip)>.tooltip-message--es{transform:translateX(calc(var(--spacer)*2))}.tooltip-content--e,.tooltip-message--e{bottom:50%;left:calc(100% - var(--spacer));transform:translateY(50%)scaleX(var(--scaleX));transform-origin:0;position:absolute}.tooltip.--active>.tooltip-content--e,.tooltip.--active :not(.tooltip)>.tooltip-content--e,.tooltip.--active>.tooltip-message--e,.tooltip.--active :not(.tooltip)>.tooltip-message--e{transform:translate(calc(var(--spacer)*2),50%)scale(1)}.tooltip-content--en,.tooltip-message--en{transform-origin:0 0;top:0}.tooltip-content--es,.tooltip-message--es{transform-origin:0 100%;bottom:0}.tooltip-content--ne,.tooltip-content--nw,.tooltip-message--ne,.tooltip-message--nw{bottom:calc(100% - var(--spacer));transform:scale(var(--scaleX),var(--scaleY));position:absolute}.tooltip.--active>.tooltip-content--ne,.tooltip.--active :not(.tooltip)>.tooltip-content--ne,.tooltip.--active>.tooltip-content--nw,.tooltip.--active :not(.tooltip)>.tooltip-content--nw,.tooltip.--active>.tooltip-message--ne,.tooltip.--active :not(.tooltip)>.tooltip-message--ne,.tooltip.--active>.tooltip-message--nw,.tooltip.--active :not(.tooltip)>.tooltip-message--nw{transform:translateY(calc(var(--spacer)*-2))}.tooltip-content--n,.tooltip-message--n{bottom:calc(100% - var(--spacer));transform:translateX(50%)scaleY(var(--scaleY));transform-origin:bottom;position:absolute;right:50%}.tooltip.--active>.tooltip-content--n,.tooltip.--active :not(.tooltip)>.tooltip-content--n,.tooltip.--active>.tooltip-message--n,.tooltip.--active :not(.tooltip)>.tooltip-message--n{transform:translate(50%,calc(var(--spacer)*-2))scale(1)}.tooltip-content--ne,.tooltip-message--ne{transform-origin:100% 100%;right:0}.tooltip-content--nw,.tooltip-message--nw{transform-origin:0 100%;left:0}.tooltip-content--se,.tooltip-content--sw,.tooltip-message--se,.tooltip-message--sw{top:calc(100% - var(--spacer));transform:scale(var(--scaleX),var(--scaleY));position:absolute}.tooltip.--active>.tooltip-content--se,.tooltip.--active :not(.tooltip)>.tooltip-content--se,.tooltip.--active>.tooltip-content--sw,.tooltip.--active :not(.tooltip)>.tooltip-content--sw,.tooltip.--active>.tooltip-message--se,.tooltip.--active :not(.tooltip)>.tooltip-message--se,.tooltip.--active>.tooltip-message--sw,.tooltip.--active :not(.tooltip)>.tooltip-message--sw{transform:translateY(calc(var(--spacer)*2))}.tooltip-content--s,.tooltip-message--s{right:50%;top:calc(100% - var(--spacer));transform:translateX(50%)scaleY(var(--scaleY));transform-origin:top;position:absolute}.tooltip.--active>.tooltip-content--s,.tooltip.--active :not(.tooltip)>.tooltip-content--s,.tooltip.--active>.tooltip-message--s,.tooltip.--active :not(.tooltip)>.tooltip-message--s{transform:translate(50%,calc(var(--spacer)*2))scale(1)}.tooltip-content--se,.tooltip-message--se{transform-origin:100% 0;right:0}.tooltip-content--sw,.tooltip-message--sw{transform-origin:0 0;left:0}.tooltip-content--wn,.tooltip-content--ws,.tooltip-message--wn,.tooltip-message--ws{right:calc(100% - var(--spacer));transform:scale(var(--scale));position:absolute}.tooltip.--active>.tooltip-content--wn,.tooltip.--active :not(.tooltip)>.tooltip-content--wn,.tooltip.--active>.tooltip-content--ws,.tooltip.--active :not(.tooltip)>.tooltip-content--ws,.tooltip.--active>.tooltip-message--wn,.tooltip.--active :not(.tooltip)>.tooltip-message--wn,.tooltip.--active>.tooltip-message--ws,.tooltip.--active :not(.tooltip)>.tooltip-message--ws{transform:translateX(calc(var(--spacer)*-2))}.tooltip-content--w,.tooltip-message--w{bottom:50%;right:calc(100% - var(--spacer));transform:translateY(50%)scaleX(var(--scaleX));transform-origin:100%;position:absolute}.tooltip.--active>.tooltip-content--w,.tooltip.--active :not(.tooltip)>.tooltip-content--w,.tooltip.--active>.tooltip-message--w,.tooltip.--active :not(.tooltip)>.tooltip-message--w{transform:translate(calc(var(--spacer)*-2),50%)scale(1)}.tooltip-content--wn,.tooltip-message--wn{transform-origin:100% 0;top:0}.tooltip-content--ws,.tooltip-message--ws{transform-origin:100% 100%;bottom:0}.tooltip-message{background:var(--background);color:var(--color);cursor:auto;font-size:var(--font-size);font-weight:var(--font-weight);padding:var(--padding-vertical)var(--padding-horizontal);pointer-events:none;white-space:nowrap;line-height:normal}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- import { truncate } from '@esportsplus/utilities';
2
- export default truncate;
@@ -1,42 +0,0 @@
1
- import { html } from '@esportsplus/template';
2
- import { reactive } from '@esportsplus/reactivity';
3
- import './scss/index.scss';
4
- const EMPTY_NODE = html ` `;
5
- export default (content) => {
6
- let state = reactive({ text: '' });
7
- return {
8
- attributes: {
9
- class: 'typewriter',
10
- onmount: () => {
11
- let character = 0, i = 0, isWriting = true, write = content[i];
12
- function play() {
13
- setTimeout(() => {
14
- state.text = write.slice(0, character);
15
- if (isWriting) {
16
- if (character > write.length) {
17
- isWriting = false;
18
- setTimeout(play, 2000);
19
- return;
20
- }
21
- else {
22
- character++;
23
- }
24
- }
25
- else {
26
- if (character === 0) {
27
- isWriting = true;
28
- write = content[++i] || content[i = 0];
29
- }
30
- else {
31
- character--;
32
- }
33
- }
34
- play();
35
- }, isWriting ? 64 : 32);
36
- }
37
- play();
38
- }
39
- },
40
- html: () => state.text || EMPTY_NODE
41
- };
42
- };
@@ -1,2 +0,0 @@
1
- .typewriter:after{content:"|";animation:.64s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--margin-border-width,.--margin-horizontal-border-width,.--margin-border-width-400,.--margin-horizontal-border-width-400,.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal:var(--border-width-400)}.--margin-border-width-500,.--margin-horizontal-border-width-500{--margin-horizontal:var(--border-width-500)}.--margin-border-width-600,.--margin-horizontal-border-width-600{--margin-horizontal:var(--border-width-600)}.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal:var(--border-width-400)}.--margin-border-width-700,.--margin-horizontal-border-width-700{--margin-horizontal:var(--border-width-700)}.--margin-spacer-200,.--margin-horizontal-spacer-200{--margin-horizontal:var(--spacer-200)}.--margin-spacer-300,.--margin-horizontal-spacer-300{--margin-horizontal:var(--spacer-300)}.--margin-spacer,.--margin-horizontal-spacer,.--margin-spacer-400,.--margin-horizontal-spacer-400,.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal:var(--spacer-400)}.--margin-spacer-500,.--margin-horizontal-spacer-500{--margin-horizontal:var(--spacer-500)}.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal:var(--spacer-400)}.--margin-spacer-600,.--margin-horizontal-spacer-600{--margin-horizontal:var(--spacer-600)}.--margin-0px,.--margin-horizontal-0px{--margin-horizontal:var(--size-0px)}.--margin-100,.--margin-horizontal-100{--margin-horizontal:var(--size-100)}.--margin-200,.--margin-horizontal-200{--margin-horizontal:var(--size-200)}.--margin-300,.--margin-horizontal-300{--margin-horizontal:var(--size-300)}.--margin-400,.--margin-horizontal-400{--margin-horizontal:var(--size-400)}.--margin-500,.--margin-horizontal-500{--margin-horizontal:var(--size-500)}.--margin-600,.--margin-horizontal-600{--margin-horizontal:var(--size-600)}.--margin-700,.--margin-horizontal-700{--margin-horizontal:var(--size-700)}.--margin-800,.--margin-horizontal-800{--margin-horizontal:var(--size-800)}.--margin-900,.--margin-horizontal-900{--margin-horizontal:var(--size-900)}.--margin-inherit,.--margin-horizontal-inherit{--margin-horizontal:inherit}.--margin-border-width,.--margin-vertical-border-width,.--margin-border-width-400,.--margin-vertical-border-width-400,.--margin-border-width,.--margin-vertical-border-width{--margin-vertical:var(--border-width-400)}.--margin-border-width-500,.--margin-vertical-border-width-500{--margin-vertical:var(--border-width-500)}.--margin-border-width-600,.--margin-vertical-border-width-600{--margin-vertical:var(--border-width-600)}.--margin-border-width,.--margin-vertical-border-width{--margin-vertical:var(--border-width-400)}.--margin-border-width-700,.--margin-vertical-border-width-700{--margin-vertical:var(--border-width-700)}.--margin-spacer-200,.--margin-vertical-spacer-200{--margin-vertical:var(--spacer-200)}.--margin-spacer-300,.--margin-vertical-spacer-300{--margin-vertical:var(--spacer-300)}.--margin-spacer,.--margin-vertical-spacer,.--margin-spacer-400,.--margin-vertical-spacer-400,.--margin-spacer,.--margin-vertical-spacer{--margin-vertical:var(--spacer-400)}.--margin-spacer-500,.--margin-vertical-spacer-500{--margin-vertical:var(--spacer-500)}.--margin-spacer,.--margin-vertical-spacer{--margin-vertical:var(--spacer-400)}.--margin-spacer-600,.--margin-vertical-spacer-600{--margin-vertical:var(--spacer-600)}.--margin-0px,.--margin-vertical-0px{--margin-vertical:var(--size-0px)}.--margin-100,.--margin-vertical-100{--margin-vertical:var(--size-100)}.--margin-200,.--margin-vertical-200{--margin-vertical:var(--size-200)}.--margin-300,.--margin-vertical-300{--margin-vertical:var(--size-300)}.--margin-400,.--margin-vertical-400{--margin-vertical:var(--size-400)}.--margin-500,.--margin-vertical-500{--margin-vertical:var(--size-500)}.--margin-600,.--margin-vertical-600{--margin-vertical:var(--size-600)}.--margin-700,.--margin-vertical-700{--margin-vertical:var(--size-700)}.--margin-800,.--margin-vertical-800{--margin-vertical:var(--size-800)}.--margin-900,.--margin-vertical-900{--margin-vertical:var(--size-900)}.--margin-inherit,.--margin-vertical-inherit{--margin-vertical:inherit}.--padding-border-width,.--padding-horizontal-border-width,.--padding-border-width-400,.--padding-horizontal-border-width-400,.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal:var(--border-width-400)}.--padding-border-width-500,.--padding-horizontal-border-width-500{--padding-horizontal:var(--border-width-500)}.--padding-border-width-600,.--padding-horizontal-border-width-600{--padding-horizontal:var(--border-width-600)}.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal:var(--border-width-400)}.--padding-border-width-700,.--padding-horizontal-border-width-700{--padding-horizontal:var(--border-width-700)}.--padding-spacer-200,.--padding-horizontal-spacer-200{--padding-horizontal:var(--spacer-200)}.--padding-spacer-300,.--padding-horizontal-spacer-300{--padding-horizontal:var(--spacer-300)}.--padding-spacer,.--padding-horizontal-spacer,.--padding-spacer-400,.--padding-horizontal-spacer-400,.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal:var(--spacer-400)}.--padding-spacer-500,.--padding-horizontal-spacer-500{--padding-horizontal:var(--spacer-500)}.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal:var(--spacer-400)}.--padding-spacer-600,.--padding-horizontal-spacer-600{--padding-horizontal:var(--spacer-600)}.--padding-0px,.--padding-horizontal-0px{--padding-horizontal:var(--size-0px)}.--padding-100,.--padding-horizontal-100{--padding-horizontal:var(--size-100)}.--padding-200,.--padding-horizontal-200{--padding-horizontal:var(--size-200)}.--padding-300,.--padding-horizontal-300{--padding-horizontal:var(--size-300)}.--padding-400,.--padding-horizontal-400{--padding-horizontal:var(--size-400)}.--padding-500,.--padding-horizontal-500{--padding-horizontal:var(--size-500)}.--padding-600,.--padding-horizontal-600{--padding-horizontal:var(--size-600)}.--padding-700,.--padding-horizontal-700{--padding-horizontal:var(--size-700)}.--padding-800,.--padding-horizontal-800{--padding-horizontal:var(--size-800)}.--padding-900,.--padding-horizontal-900{--padding-horizontal:var(--size-900)}.--padding-inherit,.--padding-horizontal-inherit{--padding-horizontal:inherit}.--padding-border-width,.--padding-vertical-border-width,.--padding-border-width-400,.--padding-vertical-border-width-400,.--padding-border-width,.--padding-vertical-border-width{--padding-vertical:var(--border-width-400)}.--padding-border-width-500,.--padding-vertical-border-width-500{--padding-vertical:var(--border-width-500)}.--padding-border-width-600,.--padding-vertical-border-width-600{--padding-vertical:var(--border-width-600)}.--padding-border-width,.--padding-vertical-border-width{--padding-vertical:var(--border-width-400)}.--padding-border-width-700,.--padding-vertical-border-width-700{--padding-vertical:var(--border-width-700)}.--padding-spacer-200,.--padding-vertical-spacer-200{--padding-vertical:var(--spacer-200)}.--padding-spacer-300,.--padding-vertical-spacer-300{--padding-vertical:var(--spacer-300)}.--padding-spacer,.--padding-vertical-spacer,.--padding-spacer-400,.--padding-vertical-spacer-400,.--padding-spacer,.--padding-vertical-spacer{--padding-vertical:var(--spacer-400)}.--padding-spacer-500,.--padding-vertical-spacer-500{--padding-vertical:var(--spacer-500)}.--padding-spacer,.--padding-vertical-spacer{--padding-vertical:var(--spacer-400)}.--padding-spacer-600,.--padding-vertical-spacer-600{--padding-vertical:var(--spacer-600)}.--padding-0px,.--padding-vertical-0px{--padding-vertical:var(--size-0px)}.--padding-100,.--padding-vertical-100{--padding-vertical:var(--size-100)}.--padding-200,.--padding-vertical-200{--padding-vertical:var(--size-200)}.--padding-300,.--padding-vertical-300{--padding-vertical:var(--size-300)}.--padding-400,.--padding-vertical-400{--padding-vertical:var(--size-400)}.--padding-500,.--padding-vertical-500{--padding-vertical:var(--size-500)}.--padding-600,.--padding-vertical-600{--padding-vertical:var(--size-600)}.--padding-700,.--padding-vertical-700{--padding-vertical:var(--size-700)}.--padding-800,.--padding-vertical-800{--padding-vertical:var(--size-800)}.--padding-900,.--padding-vertical-900{--padding-vertical:var(--size-900)}.--padding-inherit,.--padding-vertical-inherit{--padding-vertical:inherit}.--margin-auto,.--margin-horizontal-auto{--margin-horizontal:auto}.--margin-auto,.--margin-vertical-auto{--margin-vertical:auto}.--margin,.--margin-horizontal{margin-left:var(--margin-horizontal);margin-right:var(--margin-horizontal)}.--margin,.--margin-vertical{margin-bottom:var(--margin-vertical);margin-top:var(--margin-vertical)}.--margin-bottom{margin-bottom:var(--margin-vertical)}.--margin-top{margin-top:var(--margin-vertical)}.--margin-left{margin-left:var(--margin-horizontal)}.--margin-right{margin-right:var(--margin-horizontal)}.--padding,.--padding-horizontal{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.--padding.--border,.--padding-horizontal.--border{padding-left:calc(var(--padding-horizontal) - var(--border-width));padding-right:calc(var(--padding-horizontal) - var(--border-width))}.--padding,.--padding-vertical{padding-bottom:var(--padding-vertical);padding-top:var(--padding-vertical)}.--padding.--border,.--padding-vertical.--border{padding-bottom:calc(var(--padding-vertical) - var(--border-width));padding-top:calc(var(--padding-vertical) - var(--border-width))}.--padding-bottom{padding-bottom:var(--padding-vertical)}.--padding-top{padding-top:var(--padding-vertical)}.--padding-left{padding-left:var(--padding-horizontal)}.--padding-right{padding-right:var(--padding-horizontal)}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--absolute-horizontal-bottom,.--absolute-vertical-bottom{bottom:0}.--absolute-horizontal-top,.--absolute-vertical-top{top:0}.--absolute-horizontal,.--absolute-horizontal-bottom,.--absolute-horizontal-top{position:absolute;right:50%;transform:translate(50%)}.--absolute-vertical,.--absolute-vertical-left,.--absolute-vertical-right{position:absolute;bottom:50%;transform:translateY(50%)}.--absolute-bottom{position:absolute;inset:auto 0 0}.--absolute-center{position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.--absolute-full{position:absolute;inset:0}.--absolute-left{position:absolute;inset:0 auto 0 0}.--absolute-right{position:absolute;inset:0 0 0 auto}.--absolute-top{position:absolute;inset:0 0 auto}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--background-primary{--background-active:var(--color-primary-300);--background-default:var(--color-primary-400);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500)}.--background-secondary{--background-active:var(--color-secondary-300);--background-default:var(--color-secondary-400);--background-hover:var(--color-secondary-300);--background-pressed:var(--color-secondary-500)}.--background-black{--background-active:var(--color-black-300);--background-default:var(--color-black-400);--background-hover:var(--color-black-300);--background-pressed:var(--color-black-500)}.--background-blue{--background-active:var(--color-blue-300);--background-default:var(--color-blue-400);--background-hover:var(--color-blue-300);--background-pressed:var(--color-blue-500)}.--background-border{--background-active:var(--color-border-300);--background-default:var(--color-border-400);--background-hover:var(--color-border-300);--background-pressed:var(--color-border-500)}.--background-green{--background-active:var(--color-green-300);--background-default:var(--color-green-400);--background-hover:var(--color-green-300);--background-pressed:var(--color-green-500)}.--background-grey{--background-active:var(--color-grey-300);--background-default:var(--color-grey-400);--background-hover:var(--color-grey-300);--background-pressed:var(--color-grey-500)}.--background-purple{--background-active:var(--color-purple-300);--background-default:var(--color-purple-400);--background-hover:var(--color-purple-300);--background-pressed:var(--color-purple-500)}.--background-red{--background-active:var(--color-red-300);--background-default:var(--color-red-400);--background-hover:var(--color-red-300);--background-pressed:var(--color-red-500)}.--background-text{--background-active:var(--color-text-300);--background-default:var(--color-text-400);--background-hover:var(--color-text-300);--background-pressed:var(--color-text-500)}.--background-white{--background-active:var(--color-white-300);--background-default:var(--color-white-400);--background-hover:var(--color-white-300);--background-pressed:var(--color-white-500)}.--background-yellow{--background-active:var(--color-yellow-300);--background-default:var(--color-yellow-400);--background-hover:var(--color-yellow-300);--background-pressed:var(--color-yellow-500)}.--background-state{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--background-state.--active{--background:var(--background-active)}.--background-state:not(.--active):hover{--background:var(--background-hover)}.--background-state:not(.--active):active{--background:var(--background-pressed)}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--border-primary{--border-color-active:var(--color-primary-300);--border-color-default:var(--color-primary-400);--border-color-hover:var(--color-primary-300);--border-color-pressed:var(--color-primary-500)}.--border-secondary{--border-color-active:var(--color-secondary-300);--border-color-default:var(--color-secondary-400);--border-color-hover:var(--color-secondary-300);--border-color-pressed:var(--color-secondary-500)}.--border-black{--border-color-active:var(--color-black-300);--border-color-default:var(--color-black-400);--border-color-hover:var(--color-black-300);--border-color-pressed:var(--color-black-500)}.--border-blue{--border-color-active:var(--color-blue-300);--border-color-default:var(--color-blue-400);--border-color-hover:var(--color-blue-300);--border-color-pressed:var(--color-blue-500)}.--border-border{--border-color-active:var(--color-border-300);--border-color-default:var(--color-border-400);--border-color-hover:var(--color-border-300);--border-color-pressed:var(--color-border-500)}.--border-green{--border-color-active:var(--color-green-300);--border-color-default:var(--color-green-400);--border-color-hover:var(--color-green-300);--border-color-pressed:var(--color-green-500)}.--border-grey{--border-color-active:var(--color-grey-300);--border-color-default:var(--color-grey-400);--border-color-hover:var(--color-grey-300);--border-color-pressed:var(--color-grey-500)}.--border-purple{--border-color-active:var(--color-purple-300);--border-color-default:var(--color-purple-400);--border-color-hover:var(--color-purple-300);--border-color-pressed:var(--color-purple-500)}.--border-red{--border-color-active:var(--color-red-300);--border-color-default:var(--color-red-400);--border-color-hover:var(--color-red-300);--border-color-pressed:var(--color-red-500)}.--border-text{--border-color-active:var(--color-text-300);--border-color-default:var(--color-text-400);--border-color-hover:var(--color-text-300);--border-color-pressed:var(--color-text-500)}.--border-white{--border-color-active:var(--color-white-300);--border-color-default:var(--color-white-400);--border-color-hover:var(--color-white-300);--border-color-pressed:var(--color-white-500)}.--border-yellow{--border-color-active:var(--color-yellow-300);--border-color-default:var(--color-yellow-400);--border-color-hover:var(--color-yellow-300);--border-color-pressed:var(--color-yellow-500)}.--border,.--border-bottom,.--border-left,.--border-right,.--border-top{--border-color:var(--border-color-default);--border-style:solid;--border-width:var(--border-width-400)}.--border-dashed{--border-style:dashed}.--border-dotted{--border-style:dotted}.--border-radius{--border-radius:var(--border-radius-400)}.--border-radius-0px{--border-radius:var(--border-radius-0px)}.--border-radius-circle{--border-radius:var(--border-radius-circle)}.--border-radius-curved{--border-radius:var(--border-radius-curved)}.--border-radius-100{--border-radius:var(--border-radius-100)}.--border-radius-200{--border-radius:var(--border-radius-200)}.--border-radius-300{--border-radius:var(--border-radius-300)}.--border-radius-400{--border-radius:var(--border-radius-400)}.--border-radius-500{--border-radius:var(--border-radius-500)}.--border-radius-600{--border-radius:var(--border-radius-600)}.--border-state{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-default:transparent;--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--border-state.--active{--border-color:var(--border-color-active)}.--border-state:not(.--active):hover{--border-color:var(--border-color-hover)}.--border-state:not(.--active):active{--border-color:var(--border-color-pressed)}.--border-width,.--border-width-400{--border-width:var(--border-width-400)}.--border-width-500{--border-width:var(--border-width-500)}.--border-width-600{--border-width:var(--border-width-600)}.--border-width-700{--border-width:var(--border-width-700)}.--border{border:var(--border-width)var(--border-style)var(--border-color)}.--border-bottom{border-bottom:var(--border-width)var(--border-style)var(--border-color)}.--border-left{border-left:var(--border-width)var(--border-style)var(--border-color)}.--border-right{border-right:var(--border-width)var(--border-style)var(--border-color)}.--border-top{border-top:var(--border-width)var(--border-style)var(--border-color)}.--border-offset-bottom{margin-bottom:calc(var(--border-width)*-1)}.--border-offset-left{margin-left:calc(var(--border-width)*-1)}.--border-offset-right{margin-right:calc(var(--border-width)*-1)}.--border-offset-top{margin-top:calc(var(--border-width)*-1)}.--border-radius{border-radius:var(--border-radius)}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--color-primary{--color-active:var(--color-primary-300);--color-default:var(--color-primary-400);--color-hover:var(--color-primary-300);--color-pressed:var(--color-primary-500)}.--color-secondary{--color-active:var(--color-secondary-300);--color-default:var(--color-secondary-400);--color-hover:var(--color-secondary-300);--color-pressed:var(--color-secondary-500)}.--color-black{--color-active:var(--color-black-300);--color-default:var(--color-black-400);--color-hover:var(--color-black-300);--color-pressed:var(--color-black-500)}.--color-blue{--color-active:var(--color-blue-300);--color-default:var(--color-blue-400);--color-hover:var(--color-blue-300);--color-pressed:var(--color-blue-500)}.--color-border{--color-active:var(--color-border-300);--color-default:var(--color-border-400);--color-hover:var(--color-border-300);--color-pressed:var(--color-border-500)}.--color-green{--color-active:var(--color-green-300);--color-default:var(--color-green-400);--color-hover:var(--color-green-300);--color-pressed:var(--color-green-500)}.--color-grey{--color-active:var(--color-grey-300);--color-default:var(--color-grey-400);--color-hover:var(--color-grey-300);--color-pressed:var(--color-grey-500)}.--color-purple{--color-active:var(--color-purple-300);--color-default:var(--color-purple-400);--color-hover:var(--color-purple-300);--color-pressed:var(--color-purple-500)}.--color-red{--color-active:var(--color-red-300);--color-default:var(--color-red-400);--color-hover:var(--color-red-300);--color-pressed:var(--color-red-500)}.--color-text{--color-active:var(--color-text-300);--color-default:var(--color-text-400);--color-hover:var(--color-text-300);--color-pressed:var(--color-text-500)}.--color-white{--color-active:var(--color-white-300);--color-default:var(--color-white-400);--color-hover:var(--color-white-300);--color-pressed:var(--color-white-500)}.--color-yellow{--color-active:var(--color-yellow-300);--color-default:var(--color-yellow-400);--color-hover:var(--color-yellow-300);--color-pressed:var(--color-yellow-500)}.--color-inherit{--color:inherit}.--color-state{--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--color-state.--active{--color:var(--color-active)}.--color-state:not(.--active):hover{--color:var(--color-hover)}.--color-state:not(.--active):active{--color:var(--color-pressed)}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--disabled{opacity:.64;pointer-events:none}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--flex-center{flex-wrap:wrap;place-content:center;display:flex}.--flex-column{flex-flow:column;display:flex}.--flex-end{flex-wrap:wrap;justify-content:flex-end;display:flex}.--flex-fill{flex:1;min-width:0;display:flex}.--flex-fixed{flex:0 0 var(--width);display:flex}.--flex-horizontal{flex-wrap:wrap;justify-content:center;display:flex}.--flex-horizontal-space-between{flex-wrap:wrap;justify-content:space-between;display:flex}.--flex-row{flex-flow:row;display:flex}.--flex-start{flex-wrap:wrap;justify-content:flex-start;display:flex}.--flex-vertical{flex-wrap:wrap;align-items:center;display:flex}.--flex-vertical-space-between{align-items:space-between;flex-wrap:wrap;display:flex}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--glass{--blur:24px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--hidden,.--hidden-active.--active,.--hidden-inactive:not(.--active){display:none}.--hidden-offcanvas{appearance:none;opacity:0;pointer-events:none;z-index:-1;width:0;height:0;position:absolute;top:0;left:0}
2
- /*$vite$:1*/
@@ -1,18 +0,0 @@
1
- import './[margin,padding]/scss/index.scss';
2
- import './absolute/scss/index.scss';
3
- import './background/scss/index.scss';
4
- import './border/scss/index.scss';
5
- import './color/scss/index.scss';
6
- import './disabled/scss/index.scss';
7
- import './flex/scss/index.scss';
8
- import './glass/scss/index.scss';
9
- import './hidden/scss/index.scss';
10
- import './inline/scss/index.scss';
11
- import './line-height/scss/index.scss';
12
- import './not-allowed/scss/index.scss';
13
- import './pointer/scss/index.scss';
14
- import './size/scss/index.scss';
15
- import './squircle/scss/index.scss';
16
- import './text/scss/index.scss';
17
- import './viewport/scss/index.scss';
18
- import './width/scss/index.scss';
@@ -1,2 +0,0 @@
1
- .--inline{font-size:inherit;line-height:inherit;margin:0;padding:0;display:inline}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--line-height-100{--line-height:var(--line-height-100)}.--line-height-200{--line-height:var(--line-height-200)}.--line-height-300{--line-height:var(--line-height-300)}.--line-height-400{--line-height:var(--line-height-400)}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--not-allowed{cursor:not-allowed}.--not-allowed *{pointer-events:none}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--pointer-none{pointer-events:none}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--size{--size:var(--size-400)}.--size-0px{--size:var(--size-0px)}.--size-100{--size:var(--size-100)}.--size-200{--size:var(--size-200)}.--size-300{--size:var(--size-300)}.--size-400{--size:var(--size-400)}.--size-500{--size:var(--size-500)}.--size-600{--size:var(--size-600)}.--size-700{--size:var(--size-700)}.--size-800{--size:var(--size-800)}.--size-900{--size:var(--size-900)}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--squircle{aspect-ratio:1;clip-path:polygon(100% 50%,99.95% 62.53%,99.8% 67.7%,99.56% 71.64%,99.21% 74.93%,98.76% 77.79%,98.21% 80.34%,97.56% 82.63%,96.81% 84.7%,95.94% 86.6%,94.97% 88.33%,93.89% 89.92%,92.69% 91.37%,91.37% 92.69%,89.92% 93.89%,88.33% 94.97%,86.6% 95.94%,84.7% 96.81%,82.63% 97.56%,80.34% 98.21%,77.79% 98.76%,74.93% 99.21%,71.64% 99.56%,67.7% 99.8%,62.53% 99.95%,50% 100%,37.47% 99.95%,32.3% 99.8%,28.36% 99.56%,25.07% 99.21%,22.21% 98.76%,19.66% 98.21%,17.37% 97.56%,15.3% 96.81%,13.4% 95.94%,11.67% 94.97%,10.08% 93.89%,8.63% 92.69%,7.31% 91.37%,6.11% 89.92%,5.03% 88.33%,4.06% 86.6%,3.19% 84.7%,2.44% 82.63%,1.79% 80.34%,1.24% 77.79%,.79% 74.93%,.44% 71.64%,.2% 67.7%,.05% 62.53%,0% 50%,.05% 37.47%,.2% 32.3%,.44% 28.36%,.79% 25.07%,1.24% 22.21%,1.79% 19.66%,2.44% 17.37%,3.19% 15.3%,4.06% 13.4%,5.03% 11.67%,6.11% 10.08%,7.31% 8.63%,8.63% 7.31%,10.08% 6.11%,11.67% 5.03%,13.4% 4.06%,15.3% 3.19%,17.37% 2.44%,19.66% 1.79%,22.21% 1.24%,25.07% .79%,28.36% .44%,32.3% .2%,37.47% .05%,50% 0%,62.53% .05%,67.7% .2%,71.64% .44%,74.93% .79%,77.79% 1.24%,80.34% 1.79%,82.63% 2.44%,84.7% 3.19%,86.6% 4.06%,88.33% 5.03%,89.92% 6.11%,91.37% 7.31%,92.69% 8.63%,93.89% 10.08%,94.97% 11.67%,95.94% 13.4%,96.81% 15.3%,97.56% 17.37%,98.21% 19.66%,98.76% 22.21%,99.21% 25.07%,99.56% 28.36%,99.8% 32.3%,99.95% 37.47%,100% 50%);width:var(--width,var(--size-800))}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--text-100{--font-size:var(--font-size-100)}.--text-200{--font-size:var(--font-size-200)}.--text-300{--font-size:var(--font-size-300)}.--text-400{--font-size:var(--font-size-400)}.--text-500{--font-size:var(--font-size-500)}.--text-600{--font-size:var(--font-size-600)}.--text-700{--font-size:var(--font-size-700)}.--text-800{--font-size:var(--font-size-800)}.--text-900{--font-size:var(--font-size-900)}.--text-line-through,.--text-line-through-400{--line-width:var(--border-width-400)}.--text-line-through-500{--line-width:var(--border-width-500)}.--text-line-through-600{--line-width:var(--border-width-600)}.--text-line-through-700{--line-width:var(--border-width-700)}.--text-outline{--color:inherit;--stroke-width:var(--border-width-400)}.--text-outline-400{--stroke-width:var(--border-width-400)}.--text-outline-500{--stroke-width:var(--border-width-500)}.--text-outline-600{--stroke-width:var(--border-width-600)}.--text-outline-700{--stroke-width:var(--border-width-700)}.--text-bold{font-weight:var(--font-weight-500)}.--text-bold-600{font-weight:var(--font-weight-600)}.--text-center{text-align:center}.--text-crop:after,.--text-crop:before,.--text-crop-bottom:after,.--text-crop-top:before{content:"";width:100%;height:0;display:block}.--text-crop:after,.--text-crop-bottom:after{margin-bottom:calc((1 - var(--line-height))*.618em)}.--text-crop:before,.--text-crop-top:before{margin-top:calc((1 - var(--line-height))*.618em)}.--text-italic{font-style:italic}.--text-line-through{text-decoration:line-through;text-decoration-thickness:var(--line-width)}.--text-multiplier{font-size:calc(var(--font-size)*var(--text-multiplier))}.--text-outline{color:var(--color);word-break:break-word;word-wrap:break-word}@supports (-webkit-text-stroke-width:1px){.--text-outline{color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:var(--color);-webkit-text-stroke-width:var(--stroke-width)}}.--text-truncate{line-height:var(--size);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.--text-underline{text-decoration:underline}.--text-underline-dotted{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.--text-uppercase{text-transform:uppercase}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--viewport{height:calc(100svh - var(--margin-vertical,0px)*2);width:calc(100vw - var(--margin-horizontal,0px)*2);overflow:hidden}
2
- /*$vite$:1*/
@@ -1,2 +0,0 @@
1
- .--width-full{--width:100%}.--width-half{--width:50%}.--width{width:var(--width)}
2
- /*$vite$:1*/
@@ -1 +0,0 @@
1
- export * as montserrat from './montserrat/index.js';
@@ -1 +0,0 @@
1
- import './scss/index.scss';
@@ -1,2 +0,0 @@
1
- @font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local(Montserrat Regular),local(Montserrat-Regular),url(/fonts/montserrat/scss/Montserrat-Regular.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Regular.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:local(Montserrat Italic),local(Montserrat-Italic),url(/fonts/montserrat/scss/Montserrat-Italic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Italic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:local(Montserrat Medium),local(Montserrat-Medium),url(/fonts/montserrat/scss/Montserrat-Medium.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Medium.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:500;src:local(Montserrat MediumItalic),local(Montserrat-MediumItalic),url(/fonts/montserrat/scss/Montserrat-MediumItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-MediumItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:local(Montserrat SemiBold),local(Montserrat-SemiBold),url(/fonts/montserrat/scss/Montserrat-SemiBold.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-SemiBold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:600;src:local(Montserrat SemiBoldItalic),local(Montserrat-SemiBoldItalic),url(/fonts/montserrat/scss/Montserrat-SemiBoldItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-SemiBoldItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local(Montserrat Bold),local(Montserrat Bold),url(/fonts/montserrat/scss/Montserrat-Bold.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Bold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:700;src:local(Montserrat BoldItalic),local(Montserrat-BoldItalic),url(/fonts/montserrat/scss/Montserrat-BoldItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-BoldItalic.woff)format("woff")}
2
- /*$vite$:1*/