@esportsplus/ui 0.9.5 → 0.9.7
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/build/components/button/scss/index.scss +1 -1
- package/build/components/card/scss/index.scss +1 -1
- package/build/components/link/scss/index.scss +1 -1
- package/build/components/root/scss/index.scss +1 -1
- package/build/components/scrollbar/scss/index.scss +1 -1
- package/build/components/text/scss/index.scss +1 -1
- package/build/css-utilities/background/scss/index.scss +1 -1
- package/build/css-utilities/border/scss/index.scss +1 -1
- package/build/css-utilities/color/scss/index.scss +1 -1
- package/package.json +8 -3
- package/src/components/button/scss/index.scss +1 -1
- package/src/components/button/scss/variables.scss +0 -12
- package/src/components/card/scss/variables.scss +0 -8
- package/src/components/link/scss/variables.scss +0 -12
- package/src/components/root/scss/index.scss +2 -0
- package/src/components/scrollbar/scss/index.scss +1 -1
- package/src/components/scrollbar/scss/variables.scss +1 -1
- package/src/components/text/scss/variables.scss +1 -2
- package/src/css-utilities/background/scss/variables.scss +7 -0
- package/src/css-utilities/border/scss/variables.scss +7 -0
- package/src/css-utilities/color/scss/variables.scss +7 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.button{--background:var(--background-default);--
|
|
1
|
+
.button{--background:var(--background-default);--border-color:var(--border-color-default);--border-radius:var(--border-radius-400);--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-active:var(--box-shadow-300);--box-shadow-default:none;--box-shadow-hover:var(--box-shadow-400);--box-shadow-pressed:none;--color:var(--color-default);--font-size:var(--font-size-400);--font-weight:var(--font-weight-400);--line-height:var(--line-height-400);--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400);--width:auto}.button.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--color:var(--color-active)}.button:not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--box-shadow:var(--box-shadow-hover);--color:var(--color-hover)}.button:not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--box-shadow:var(--box-shadow-pressed);--color:var(--color-pressed)}.button--processing{--animation-duration:.64s;--border-width:var(--border-width-400);--processing-color:var(--color);--size:var(--size-400)}.button--skeleton{--animation-duration:6.4s}.button{background:var(--background);border-radius:var(--border-radius);color:var(--color);cursor:pointer;font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);padding:calc(var(--padding-vertical) - var(--border-width))calc(var(--padding-horizontal) - var(--border-width));transition:all var(--transition-duration)ease-in-out;width:var(--width);flex-wrap:wrap;place-content:center;align-items:center;display:flex;position:relative}.button:after{border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out;z-index:-1;position:absolute;inset:0}.button--flat:after{display:none}.button--processing{color:#0000;pointer-events:none}.button--processing:before{animation:buttonProcessing var(--animation-duration)infinite linear;border:var(--border-width)solid color-mix(in srgb,var(--processing-color),transparent 90%);border-left-color:var(--processing-color);content:"";height:var(--size);width:var(--size);border-top-color:#0000;border-right-color:#0000;border-radius:100%;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.button--processing *{opacity:0}@keyframes buttonProcessing{0%{transform:translate(50%,50%)rotate(0)}to{transform:translate(50%,50%)rotate(359deg)}}.button--skeleton{animation:var(--animation-duration)ease-in-out infinite buttonSkeleton;background-image:linear-gradient(270deg,var(--background-pressed),var(--background-default),var(--background-default),var(--background-pressed));color:#0000;pointer-events:none;background-size:400% 100%}.button--skeleton *{opacity:0}@keyframes buttonSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.button--top-left,.button--top-right{top:calc((var(--padding-vertical) + var(--line-height)/2)*-1);position:absolute}.button--top-left{left:calc((var(--padding-horizontal) + var(--line-height)/2)*-1)}.button--top-right{right:calc((var(--padding-horizontal) + var(--line-height)/2)*-1)}.button--underline.--active,.button--underline:not(.--active):hover{text-decoration:underline}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.card{--background:var(--background-default);--
|
|
1
|
+
.card{--background:var(--background-default);--border-color:var(--border-color-default);--border-radius:var(--border-radius-400);--box-shadow:var(--box-shadow-default);--box-shadow-active:var(--box-shadow-300);--box-shadow-default:none;--box-shadow-hover:var(--box-shadow-300);--box-shadow-pressed:none;--padding-horizontal:0px;--padding-vertical:0px;--width:auto}.card.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active)}.card:not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--box-shadow:var(--box-shadow-hover)}.card:not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--box-shadow:var(--box-shadow-pressed)}.card{background:var(--background);border-radius:var(--border-radius);padding:var(--padding-vertical)var(--padding-horizontal);transition:background var(--transition-duration)ease-in-out,border-color var(--transition-duration)ease-in-out,box-shadow var(--transition-duration)ease-in-out,max-height var(--transition-duration)ease-in-out;width:var(--width);position:relative}.card:after{border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out;z-index:0;position:absolute;inset:0}.card--flat:after{display:none}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.link{--background:var(--background-default);--
|
|
1
|
+
.link{--background:var(--background-default);--border-color:var(--border-color-default);--border-radius:var(--border-radius-400);--border-width:0px;--color:var(--color-default);--font-size:var(--font-size-400);--font-weight:var(--font-weight-500);--line-height:var(--line-height-400);--padding-horizontal:0px;--padding-vertical:var(--size-400);--width:auto}.link.--active{--background:var(--background-active);--border-color:var(--border-color-active);--color:var(--color-active)}.link:not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--color:var(--color-hover)}.link:not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--color:var(--color-pressed)}.link{background:var(--background);color:var(--color);cursor:pointer;font-size:var(--font-size);line-height:var(--line-height);padding:calc(var(--padding-vertical) - var(--border-width))calc(var(--padding-horizontal) - var(--border-width));transition:background var(--transition-duration)ease-in-out,border-color var(--transition-duration)ease-in-out,color var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out;width:var(--width);flex-wrap:wrap;place-content:center flex-start;display:flex;position:relative}.link--hover.tooltip:hover .link-hover--one,.link--hover:not(.--active):hover .link-hover--one{opacity:0;transform:translateY(-75%)}.link--hover.tooltip:hover .link-hover--two,.link--hover:not(.--active):hover .link-hover--two{opacity:1;transform:translate(50%,50%)}.link--underline.--active,.link--underline:not(.--active):hover{text-decoration:underline}.link-hover{transition:opacity .3s ease-in-out,all .3s cubic-bezier(.23,.65,.74,1.09)}.link-hover--one{transform:translateY(0)}.link-hover--two{opacity:0;padding:0 var(--padding-horizontal);white-space:nowrap;position:absolute;bottom:50%;right:50%;transform:translate(50%,125%)}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
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}
|
|
1
|
+
:root{--border-radius-0px:0px;--border-radius-circle:100%;--border-radius-curved:240px;--border-radius-100:2px;--border-radius-200:4px;--border-radius-300:6px;--border-radius-400:8px;--border-radius-500:10px;--border-radius-600:12px;--border-width-400:1px;--border-width-500:2px;--border-width-600:3px;--border-width-700:4px;--box-shadow-100:0 1px 2px 0 var(--color-black-300);--box-shadow-200:0 1px 3px 0 var(--color-black-300),0 1px 2px -1px var(--color-black-300);--box-shadow-300:0 4px 6px -1px var(--color-black-300),0 2px 4px -2px var(--color-black-300);--box-shadow-400:0 10px 15px -3px var(--color-black-300),0 4px 6px -4px var(--color-black-300);--box-shadow-500:0 20px 25px -5px var(--color-black-300),0 8px 10px -6px var(--color-black-300);--box-shadow-600:0 25px 50px -12px var(--color-black-500);--box-shadow-glow:0px 0px 128px 32px var(--box-shadow-color,#fff),0px 0px 32px 8px var(--box-shadow-color,#fff),0px 0px 8px 0px var(--box-shadow-color,#fff);--color-black-300:#151726;--color-black-400:#020412;--color-black-500:#010312;--color-blue-300:#3755ff;--color-blue-400:#2545ff;--color-blue-500:#1e3def;--color-border-300:#bec3dd;--color-border-400:#b4b9d2;--color-border-500:#a5a9c2;--color-green-300:#6aff5c;--color-green-400:#15ff00;--color-green-500:#13eb00;--color-grey-300:#f4f9ff;--color-grey-400:#e7f1fa;--color-grey-500:#d4dde6;--color-purple-300:#7d15ff;--color-purple-400:#7300ff;--color-purple-500:#6a00eb;--color-red-300:#ff2a3d;--color-red-400:#ff0017;--color-red-500:#eb0015;--color-text-300:#1e243f;--color-text-400:#171d39;--color-text-500:#121832;--color-white-300:#fff;--color-white-400:#fff;--color-white-500:#fff;--color-yellow-300:#fbff5e;--color-yellow-400:#f9ff00;--color-yellow-500:#e3eb00;--font-size-100:clamp(.48rem,-.16vi + .52rem,.38rem);--font-size-200:clamp(.56rem,-.09vi + .58rem,.5rem);--font-size-300:clamp(.65rem,.03vi + .64rem,.66rem);--font-size-400:clamp(.75rem,.2vi + .7rem,.88rem);--font-size-500:clamp(.87rem,.46vi + .76rem,1.16rem);--font-size-600:clamp(1.01rem,.82vi + .8rem,1.52rem);--font-size-700:clamp(1.17rem,1.35vi + .83rem,2.01rem);--font-size-800:clamp(1.36rem,2.08vi + .84rem,2.66rem);--font-size-900:clamp(1.58rem,3.09vi + .8rem,3.51rem);--font-weight-300:400;--font-weight-400:500;--font-weight-500:600;--font-weight-600:700;--line-height-100:1;--line-height-200:1.2;--line-height-300:1.4;--line-height-400:1.6;--size-0px:0px;--size-100:4px;--size-200:8px;--size-300:12px;--size-400:16px;--size-500:20px;--size-600:24px;--size-700:32px;--size-800:40px;--size-900:48px;--spacer-200:60px;--spacer-300:80px;--spacer-400:120px;--spacer-500:160px;--spacer-600:180px;--background:var(--color-grey-400);--color:var(--color-text-400);--font-family:"Montserrat",sans-serif;--font-size:var(--font-size-400);--font-weight:var(--font-weight-400);--line-height:var(--line-height-400);--min-width:320px;--scrollbar-width:17px;--transition-duration:.16s;--timing-back:linear(0,-.0059 4.51%,-.0418 15.63%,-.0499 20.72%,-.0476 23.51%,-.0395 26.12%,-.0255 28.59%,-.0055 30.95%,.0281 33.76%,.0717 36.47%,.1901 41.63%,.344 46.32%,.6156 52.65%,.7495 56.35%,.8757 60.97%,.9663 65.85%,1.0006 68.58%,1.0256 71.43%,1.0417 74.43%,1.0493 77.65%,1.0452 83.02%,1.0077 94.8%,1);--timing-back-in:linear(0,-.0029 4.31%,-.0119 9.02%,-.0837 31.27%,-.0954 36.64%,-.0998 41.45%,-.0951 47.03%,-.079 52.25%,-.051 57.19%,-.0108 61.92%,.0515 67.19%,.1312 72.27%,.2286 77.18%,.3445 81.96%,.4792 86.62%,.633 91.17%,.8066 95.63%,1);--timing-back-out:linear(0,.1934 4.37%,.367 8.83%,.5208 13.38%,.6555 18.04%,.7714 22.82%,.8688 27.73%,.9485 32.81%,1.0108 38.08%,1.051 42.81%,1.079 47.75%,1.0951 52.97%,1.0998 58.55%,1.0954 63.36%,1.0837 68.73%,1.0119 90.98%,1.0029 95.69%,1);--timing-bounce:linear(0,.0078,0,.0235,.0313,.0235,.0001 13.63%,.0549 15.92%,.0938,.1172,.125,.1172,.0939 27.26%,.0554 29.51%,.0003 31.82%,.2192,.3751 40.91%,.4332,.4734 45.8%,.4947 48.12%,.5027 51.35%,.5153 53.19%,.5437,.5868 57.58%,.6579,.7504 62.87%,.9999 68.19%,.9453,.9061,.8828,.875,.8828,.9063,.9451 84.08%,.9999 86.37%,.9765,.9688,.9765,1,.9922,1);--timing-bounce-in:linear(0,.0117,.0156,.0117,0,.0273,.0468,.0586,.0625,.0586,.0468,.0273,0 27.27%,.1093,.1875 36.36%,.2148,.2343,.2461,.25,.2461,.2344,.2148 52.28%,.1875 54.55%,.1095,0,.2341,.4375,.6092,.75,.8593,.9375 90.91%,.9648,.9843,.9961,1);--timing-bounce-out:linear(0,.0039,.0157,.0352,.0625 9.09%,.1407,.25,.3908,.5625,.7654,1,.8907,.8125 45.45%,.7852,.7657,.7539,.75,.7539,.7657,.7852,.8125 63.64%,.8905,1 72.73%,.9727,.9532,.9414,.9375,.9414,.9531,.9726,1,.9883,.9844,.9883,1);--timing-circ:linear(0,.0033 5.75%,.0132 11.43%,.0296 16.95%,.0522 22.25%,.0808 27.25%,.1149 31.89%,.1542 36.11%,.1981 39.85%,.2779 44.79%,.3654 48.15%,.4422 49.66%,.5807 50.66%,.6769 53.24%,.7253 55.37%,.7714 58.01%,.8142 61.11%,.8536 64.65%,.9158 72.23%,.9619 80.87%,.9904 90.25%,1);--timing-circ-in:linear(0,.0048 9.8%,.0192 19.5%,.043 29.02%,.0761 38.26%,.1181 47.13%,.1685 55.56%,.227 63.44%,.2929 70.71%,.3656 77.3%,.4445 83.15%,.5285 88.19%,.6173 92.39%,.7099 95.7%,.805 98.08%,.9021 99.52%,1);--timing-circ-out:linear(0,.0979 0.48%,.195 1.92%,.2901 4.3%,.3827 7.61%,.4715 11.81%,.5555 16.85%,.6344 22.7%,.7071 29.29%,.773 36.56%,.8315 44.44%,.8819 52.87%,.9239 61.74%,.957 70.98%,.9808 80.5%,.9952 90.2%,1);--timing-elastic:linear(0,-.0028 13.88%,.0081 21.23%,.002 23.37%,-.0208 27.14%,-.023 28.64%,-.0178,-.0061 30.83%,.0588 34.64%,.0651 35.39%,.0653 36.07%,.0514,.0184 38.3%,-.1687 42.21%,-.1857 43.04%,-.181 43.8%,-.1297 44.93%,-.0201 46.08%,1.0518 54.2%,1.1471,1.1853 56.48%,1.1821 57.25%,1.1573 58.11%,.9709 62%,.9458,.9347 63.92%,.9349 64.61%,.9412 65.36%,1.0061 69.17%,1.0178,1.023 71.36%,1.0208 72.86%,.998 76.63%,.9919 78.77%,1.0028 86.12%,1);--timing-elastic-in:linear(0,.0019 13.34%,-.0056 27.76%,-.0012 31.86%,.0147 39.29%,.0161 42.46%,.0039 46.74%,-.0416 54.3%,-.046 57.29%,-.0357,-.0122 61.67%,.1176 69.29%,.1302 70.79%,.1306 72.16%,.1088 74.09%,.059 75.99%,-.0317 78.19%,-.3151 83.8%,-.3643 85.52%,-.3726,-.3705 87.06%,-.3463,-.2959 89.3%,-.1144 91.51%,.7822 97.9%,1);--timing-elastic-out:linear(0,.2178 2.1%,1.1144 8.49%,1.2959 10.7%,1.3463 11.81%,1.3705 12.94%,1.3726,1.3643 14.48%,1.3151 16.2%,1.0317 21.81%,.941 24.01%,.8912 25.91%,.8694 27.84%,.8698 29.21%,.8824 30.71%,1.0122 38.33%,1.0357,1.046 42.71%,1.0416 45.7%,.9961 53.26%,.9839 57.54%,.9853 60.71%,1.0012 68.14%,1.0056 72.24%,.9981 86.66%,1);--timing-expo:linear(0,.0053 17.18%,.0195 26.59%,.0326 30.31%,.0506 33.48%,.0744 36.25%,.1046 38.71%,.1798 42.62%,.2846 45.93%,.3991 48.37%,.6358 52.29%,.765 55.45%,.8622 59.3%,.8986 61.51%,.9279 63.97%,.9481 66.34%,.9641 69.01%,.9856 75.57%,.9957 84.37%,1);--timing-expo-in:linear(0,.0085 31.26%,.0167 40.94%,.0289 48.86%,.0471 55.92%,.0717 61.99%,.1038 67.32%,.1443 72.07%,.1989 76.7%,.2659 80.89%,.3465 84.71%,.4419 88.22%,.554 91.48%,.6835 94.51%,.8316 97.34%,1);--timing-expo-out:linear(0,.1684 2.66%,.3165 5.49%,.446 8.52%,.5581 11.78%,.6535 15.29%,.7341 19.11%,.8011 23.3%,.8557 27.93%,.8962 32.68%,.9283 38.01%,.9529 44.08%,.9711 51.14%,.9833 59.06%,.9915 68.74%,1);--timing-none:linear(0,1);--timing-power1:linear(0,.0027,.0106 7.29%,.0425,.0957,.1701 29.16%,.2477,.3401 41.23%,.5982 55.18%,.7044 61.56%,.7987,.875 75%,.9297,.9687,.9922,1);--timing-power1-in:linear(0,.0039,.0156,.0352,.0625,.0977,.1407,.1914,.2499,.3164,.3906 62.5%,.5625,.7656,1);--timing-power1-out:linear(0,.2342,.4374,.6093 37.49%,.6835,.7499,.8086,.8593,.9023,.9375,.9648,.9844,.9961,1);--timing-power2:linear(0,.0036 9.62%,.0185 16.66%,.0489 23.03%,.0962 28.86%,.1705 34.93%,.269 40.66%,.3867 45.89%,.5833 52.95%,.683 57.05%,.7829 62.14%,.8621 67.46%,.8991 70.68%,.9299 74.03%,.9545 77.52%,.9735 81.21%,.9865 85%,.9949 89.15%,1);--timing-power2-in:linear(0,.0014 11.11%,.0071 19.24%,.0188 26.6%,.037 33.33%,.0634 39.87%,.0978 46.07%,.1407 52.02%,.1925 57.74%,.2559 63.49%,.3295 69.07%,.4135 74.5%,.5083 79.81%,.6141 85%,.7312 90.09%,1);--timing-power2-out:linear(0,.2688 9.91%,.3859 15%,.4917 20.19%,.5865 25.5%,.6705 30.93%,.7441 36.51%,.8075 42.26%,.8593 47.98%,.9022 53.93%,.9366 60.13%,.963 66.67%,.9812 73.4%,.9929 80.76%,.9986 88.89%,1);--timing-power3:linear(0,.0029 13.8%,.0184 21.9%,.0339 25.51%,.0551 28.81%,.0827 31.88%,.1168 34.76%,.1962 39.57%,.3005 44.02%,.4084 47.53%,.6242 53.45%,.7493 57.93%,.8495 62.97%,.8888 65.67%,.9213 68.51%,.9629 73.9%,.9876 80.16%,.998 87.5%,1);--timing-power3-in:linear(0,.0039 25%,.0117 32.89%,.0248 39.68%,.0457 46.22%,.0743 52.21%,.1113 57.77%,.1575 63%,.218 68.33%,.2901 73.39%,.3745 78.23%,.4718 82.88%,.5827 87.37%,.7074 91.71%,.8462 95.91%,1);--timing-power3-out:linear(0,.1538 4.09%,.2926 8.29%,.4173 12.63%,.5282 17.12%,.6255 21.77%,.7099 26.61%,.782 31.67%,.8425 37%,.8887 42.23%,.9257 47.79%,.9543 53.78%,.9752 60.32%,.9883 67.11%,.9961 75%,1);--timing-power4:linear(0,.0012 14.95%,.0089 22.36%,.0297 28.43%,.0668 33.43%,.0979 36.08%,.1363 38.55%,.2373 43.07%,.3675 47.01%,.5984 52.15%,.7121 55.23%,.8192 59.21%,.898 63.62%,.9297 66.23%,.9546 69.06%,.9733 72.17%,.9864 75.67%,.9982 83.73%,1);--timing-power4-in:linear(0,.0024 29.91%,.008 38.03%,.0179 44.72%,.035 51.16%,.0595 56.88%,.0922 62.08%,.1338 66.88%,.1914 71.85%,.262 76.5%,.3461 80.88%,.4447 85.04%,.5587 89.01%,.689 92.82%,.8359 96.48%,1);--timing-power4-out:linear(0,.1641 3.52%,.311 7.18%,.4413 10.99%,.5553 14.96%,.6539 19.12%,.738 23.5%,.8086 28.15%,.8662 33.12%,.9078 37.92%,.9405 43.12%,.965 48.84%,.9821 55.28%,.992 61.97%,.9976 70.09%,1);--timing-quad:linear(0,.0027,.0106 7.29%,.0425,.0957,.1701 29.16%,.2477,.3401 41.23%,.5982 55.18%,.7044 61.56%,.7987,.875 75%,.9297,.9687,.9922,1);--timing-quad-in:linear(0,.0039,.0156,.0352,.0625,.0977,.1407,.1914,.2499,.3164,.3906 62.5%,.5625,.7656,1);--timing-quad-out:linear(0,.2342,.4374,.6093 37.49%,.6835,.7499,.8086,.8593,.9023,.9375,.9648,.9844,.9961,1);--timing-sine:linear(0,.007 5.35%,.0282 10.75%,.0638 16.26%,.1144 21.96%,.1833 28.16%,.2717 34.9%,.6868 62.19%,.775 68.54%,.8457 74.3%,.9141 81.07%,.9621 87.52%,.9905 93.8%,1);--timing-sine-in:linear(0,.0035,.0141 10.7%,.0318 16.09%,.0566 21.51%,.0885 26.98%,.1278 32.53%,.2288 43.93%,.3563 55.48%,.5171 67.92%,.7139 81.53%,1);--timing-sine-out:linear(0,.2861 18.47%,.4829 32.08%,.6437 44.52%,.7712 56.07%,.8722 67.47%,.9115 73.02%,.9434 78.49%,.9682 83.91%,.9859 89.3%,.9965,1)}section{--width:100%}h1,h2,h3,h4,h5{--color:var(--color-text-400);--font-weight:var(--font-weight-600);--line-height:var(--line-height-300)}h1{--font-size:var(--font-size-900)}h2{--font-size:var(--font-size-800)}h3{--font-size:var(--font-size-700)}h4{--font-size:var(--font-size-600)}h5{--font-size:var(--font-size-500)}b,strong{--color:var(--color-text-400);--font-weight:var(--font-weight-500)}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
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.scrollbar{--background
|
|
1
|
+
.scrollbar{--background: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);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
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.text{--color:var(--color-default);--
|
|
1
|
+
.text{--color:var(--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
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
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)}
|
|
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-default{--background:var(--background-default);--background-active:var(--background-default);--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--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
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
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)}
|
|
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-default{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--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
2
|
/*$vite$:1*/
|
|
@@ -1,2 +1,2 @@
|
|
|
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)}
|
|
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-default{--color:var(--color-default);--color-active:var(--color-default);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--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
2
|
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -22,12 +22,17 @@
|
|
|
22
22
|
"types": "./build/css-utilities/index.d.ts",
|
|
23
23
|
"default": "./build/css-utilities/index.js"
|
|
24
24
|
},
|
|
25
|
+
"./css-utilities/*": "./build/css-utilities/*/scss/index.scss",
|
|
25
26
|
"./fonts": {
|
|
26
27
|
"types": "./build/fonts/index.d.ts",
|
|
27
28
|
"default": "./build/fonts/index.js"
|
|
28
29
|
},
|
|
29
|
-
"./lib
|
|
30
|
-
"./tokens
|
|
30
|
+
"./lib": "./lib.scss",
|
|
31
|
+
"./tokens": "./tokens.scss",
|
|
32
|
+
"./*": {
|
|
33
|
+
"types": "./build/components/*/index.d.ts",
|
|
34
|
+
"default": "./build/components/*/index.js"
|
|
35
|
+
},
|
|
31
36
|
".": {
|
|
32
37
|
"types": "./build/components/index.d.ts",
|
|
33
38
|
"default": "./build/components/index.js"
|
|
@@ -37,7 +42,7 @@
|
|
|
37
42
|
"private": false,
|
|
38
43
|
"sideEffects": false,
|
|
39
44
|
"type": "module",
|
|
40
|
-
"version": "0.9.
|
|
45
|
+
"version": "0.9.7",
|
|
41
46
|
"scripts": {
|
|
42
47
|
"build": "run-s build:vite build:ts",
|
|
43
48
|
"build:ts": "tsc && tsc-alias",
|
|
@@ -3,15 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
.button {
|
|
5
5
|
--background: var(--background-default);
|
|
6
|
-
--background-active: var(--background-default);
|
|
7
|
-
--background-default: transparent;
|
|
8
|
-
--background-hover: var(--background-default);
|
|
9
|
-
--background-pressed: var(--background-default);
|
|
10
6
|
--border-color: var(--border-color-default);
|
|
11
|
-
--border-color-active: var(--border-color-default);
|
|
12
|
-
--border-color-default: var(--background);
|
|
13
|
-
--border-color-hover: var(--border-color-default);
|
|
14
|
-
--border-color-pressed: var(--border-color-default);
|
|
15
7
|
--border-radius: var(--border-radius-400);
|
|
16
8
|
--border-width: 0px;
|
|
17
9
|
--box-shadow: var(--box-shadow-default);
|
|
@@ -20,10 +12,6 @@
|
|
|
20
12
|
--box-shadow-hover: var(--box-shadow-400);
|
|
21
13
|
--box-shadow-pressed: none;
|
|
22
14
|
--color: var(--color-default);
|
|
23
|
-
--color-active: var(--color-default);
|
|
24
|
-
--color-default: var(--color-text-400);
|
|
25
|
-
--color-hover: var(--color-default);
|
|
26
|
-
--color-pressed: var(--color-default);
|
|
27
15
|
--font-size: var(--font-size-400);
|
|
28
16
|
--font-weight: var(--font-weight-400);
|
|
29
17
|
--line-height: var(--line-height-400);
|
|
@@ -2,15 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.card {
|
|
4
4
|
--background: var(--background-default);
|
|
5
|
-
--background-active: var(--background-default);
|
|
6
|
-
--background-default: transparent;
|
|
7
|
-
--background-hover: var(--background-default);
|
|
8
|
-
--background-pressed: var(--background-default);
|
|
9
5
|
--border-color: var(--border-color-default);
|
|
10
|
-
--border-color-active: var(--border-color-default);
|
|
11
|
-
--border-color-default: var(--background);
|
|
12
|
-
--border-color-hover: var(--border-color-default);
|
|
13
|
-
--border-color-pressed: var(--border-color-default);
|
|
14
6
|
--border-radius: var(--border-radius-400);
|
|
15
7
|
--box-shadow: var(--box-shadow-default);
|
|
16
8
|
--box-shadow-active: var(--box-shadow-300);
|
|
@@ -2,22 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
.link {
|
|
4
4
|
--background: var(--background-default);
|
|
5
|
-
--background-active: var(--background-default);
|
|
6
|
-
--background-default: transparent;
|
|
7
|
-
--background-hover: var(--background-default);
|
|
8
|
-
--background-pressed: var(--background-default);
|
|
9
5
|
--border-color: var(--border-color-default);
|
|
10
|
-
--border-color-active: var(--border-color-default);
|
|
11
|
-
--border-color-default: var(--background);
|
|
12
|
-
--border-color-hover: var(--border-color-default);
|
|
13
|
-
--border-color-pressed: var(--border-color-default);
|
|
14
6
|
--border-radius: var(--border-radius-400);
|
|
15
7
|
--border-width: 0px;
|
|
16
8
|
--color: var(--color-default);
|
|
17
|
-
--color-active: var(--color-default);
|
|
18
|
-
--color-default: var(--color-text-400);
|
|
19
|
-
--color-hover: var(--color-default);
|
|
20
|
-
--color-pressed: var(--color-default);
|
|
21
9
|
--font-size: var(--font-size-400);
|
|
22
10
|
--font-weight: var(--font-weight-500);
|
|
23
11
|
--line-height: var(--line-height-400);
|
|
@@ -3,6 +3,13 @@
|
|
|
3
3
|
.--background {
|
|
4
4
|
@include tokens.state-utility('background', tokens.$colors);
|
|
5
5
|
|
|
6
|
+
&-default {
|
|
7
|
+
--background: var(--background-default);
|
|
8
|
+
--background-active: var(--background-default);
|
|
9
|
+
--background-hover: var(--background-default);
|
|
10
|
+
--background-pressed: var(--background-default);
|
|
11
|
+
}
|
|
12
|
+
|
|
6
13
|
&-state {
|
|
7
14
|
--background: var(--background-default);
|
|
8
15
|
--background-active: var(--background-default);
|
|
@@ -32,6 +32,13 @@
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
+
&-default {
|
|
36
|
+
--border-color: var(--border-color-default);
|
|
37
|
+
--border-color-active: var(--border-color-default);
|
|
38
|
+
--border-color-hover: var(--border-color-default);
|
|
39
|
+
--border-color-pressed: var(--border-color-default);
|
|
40
|
+
}
|
|
41
|
+
|
|
35
42
|
&-state {
|
|
36
43
|
--border-color: var(--border-color-default);
|
|
37
44
|
--border-color-active: var(--border-color-default);
|
|
@@ -3,6 +3,13 @@
|
|
|
3
3
|
.--color {
|
|
4
4
|
@include tokens.state-utility('color', tokens.$colors);
|
|
5
5
|
|
|
6
|
+
&-default {
|
|
7
|
+
--color: var(--color-default);
|
|
8
|
+
--color-active: var(--color-default);
|
|
9
|
+
--color-hover: var(--color-default);
|
|
10
|
+
--color-pressed: var(--color-default);
|
|
11
|
+
}
|
|
12
|
+
|
|
6
13
|
&-inherit {
|
|
7
14
|
--color: inherit;
|
|
8
15
|
}
|