twntyx-css 1.0.2 → 1.0.3
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/llm/components/ai-orb.json +0 -1
- package/llm/components/ai-perl.json +0 -1
- package/llm/components/{skeleton.json → loader-skeleton.json} +7 -5
- package/llm/components/{loader.json → loader-symbol.json} +8 -6
- package/llm/components/loader-text.json +100 -0
- package/llm/examples/loader-skeleton.html +1 -0
- package/llm/examples/loader-symbol.html +1 -0
- package/llm/examples/loader-text.html +1 -0
- package/llm/index.json +51 -28
- package/llm/tokens.json +647 -357
- package/package.json +1 -1
- package/styles/ai.css +3 -7
- package/styles/animation.css +203 -91
- package/styles/button.css +50 -39
- package/styles/card.css +3 -3
- package/styles/colors.css +226 -200
- package/styles/loader.css +26 -26
- package/styles/skeleton.css +2 -1
- package/llm/examples/loader.html +0 -1
- package/llm/examples/skeleton.html +0 -1
package/styles/loader.css
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
/*----------------------------*/
|
|
4
4
|
|
|
5
5
|
@utility loader-base {
|
|
6
|
-
@apply block relative mx-auto
|
|
6
|
+
@apply block relative mx-auto size-16 mask bg-current;
|
|
7
7
|
/* mask-mode: alpha; */
|
|
8
|
-
mask-image: url(
|
|
8
|
+
mask-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22g%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cdefs%3E%3Cstyle%3E%20*%2C%20g%2C%20circle%2C%20path%20%7B%20transform-origin%3A%20center%3B%20transform-box%3A%20fill-box%3B%20stroke-linejoin%3A%20round%3B%20--duration%3A%203s%3B%20%7D%20.cls-1%20%7B%20stroke%3A%20%23000%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20none%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%2053.9px%3B%20%7D%20.cls-2%20%7B%20stroke%3A%20rgba(0%2C%200%2C%200%2C%200.25)%3B%20%7D%20.rotate%20%7B%20animation%3A%20rotate%20calc(var(--duration)%20%2F%204)%20linear%20infinite%3B%20%7D%20%40keyframes%20rotate%20%7B%200%25%20%7B%20transform%3A%20rotate(0deg)%3B%20%7D%20100%25%20%7B%20transform%3A%20rotate(360deg)%3B%20%7D%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22base%22%20class%3D%22rotate%22%3E%3Ccircle%20class%3D%22cls-2%22%20cx%3D%22500%22%20cy%3D%22500%22%20r%3D%22365.24%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M241.73%2C241.73c142.64-142.64%2C373.9-142.64%2C516.53%2C0%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
@utility loader {
|
|
@@ -37,19 +37,19 @@
|
|
|
37
37
|
.loader-cube {
|
|
38
38
|
@apply block relative mx-auto mask bg-current;
|
|
39
39
|
mask-mode: alpha;
|
|
40
|
-
mask-image: url(
|
|
40
|
+
mask-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22g%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cdefs%3E%3Cstyle%3E%20*%2C%20g%20%7B%20transform-origin%3A%20center%3B%20transform-box%3A%20fill-box%3B%20stroke-linejoin%3A%20round%3B%20--duration%3A%203s%3B%20%7D%20.cls-1%20%7B%20mask%3A%20url(%23mask)%3B%20%7D%20.cls-2%20%7B%20filter%3A%20url(%23luminosity-invert)%3B%20%7D%20.cls-3%20%7B%20stroke%3A%20%23fff%3B%20%7D%20.cls-3%2C%20.cls-4%20%7B%20fill%3A%20none%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%2053.9px%3B%20%7D%20.cls-4%20%7B%20stroke%3Argb(100%2C%20100%2C%20100)%20%7D%20.rotate%20%7B%20animation%3A%20rotate%20calc(var(--duration)%20%2F%204)%20linear%20infinite%3B%20%7D%20%40keyframes%20rotate%20%7B%200%25%20%7B%20transform%3A%20rotate(0deg)%3B%20%7D%20100%25%20%7B%20transform%3A%20rotate(360deg)%3B%20%7D%20%7D%20.rotate-invert%20%7B%20animation%3A%20rotate-invert%20calc(var(--duration)%20*%203)%20linear%20infinite%3B%20%7D%20%40keyframes%20rotate-invert%20%7B%200%25%20%7B%20transform%3A%20rotate(0deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%208.333%25%2C%2016.666%25%20%7B%20transform%3A%20rotate(60deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%2025%25%2C%2033.333%25%20%7B%20transform%3A%20rotate(120deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%2041.666%25%2C%2050%25%20%7B%20transform%3A%20rotate(180deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%2058.333%25%2C%2066.666%25%20%7B%20transform%3A%20rotate(240deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%2075%25%2C%2083.333%25%20%7B%20transform%3A%20rotate(300deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%2091.666%25%2C%20100%25%20%7B%20transform%3A%20rotate(360deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%20%7D%20%3C%2Fstyle%3E%3Cfilter%20id%3D%22luminosity-invert%22%20x%3D%2224.98%22%20y%3D%22.57%22%20width%3D%22949.83%22%20height%3D%22999.18%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeColorMatrix%20result%3D%22cm%22%20values%3D%22-1%200%200%200%201%200%20-1%200%200%201%200%200%20-1%200%201%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3Cmask%20id%3D%22mask%22%20x%3D%2224.98%22%20y%3D%22.57%22%20width%3D%22949.83%22%20height%3D%22999.18%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cg%20class%3D%22cls-2%22%3E%3Cg%3E%3Cg%20id%3D%22mask-2%22%20data-name%3D%22mask%22%3E%3Cpath%20id%3D%22shape%22%20d%3D%22M817.1%2C134.91l-159.48-92.08c-97.6-56.35-217.84-56.35-315.44%2C0l-159.48%2C92.08C85.11%2C191.26%2C24.98%2C295.39%2C24.98%2C408.08v184.15c0%2C112.7%2C60.12%2C216.83%2C157.72%2C273.18l159.48%2C92.08c97.6%2C56.35%2C217.84%2C56.35%2C315.44%2C0l159.48-92.08c97.6-56.35%2C157.72-160.48%2C157.72-273.18v-184.15c0-112.69-60.12-216.83-157.72-273.18Z%22%2F%3E%3C%2Fg%3E%3Cg%20class%3D%22rotate%22%3E%3Ccircle%20class%3D%22cls-4%22%20cx%3D%22500%22%20cy%3D%22500%22%20r%3D%22365.24%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M241.73%2C241.73c142.64-142.64%2C373.9-142.64%2C516.53%2C0%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20class%3D%22cls-1%20rotate-invert%22%3E%3Cpath%20id%3D%22shape-2%22%20data-name%3D%22shape%22%20d%3D%22M817.1%2C134.91l-159.48-92.08c-97.6-56.35-217.84-56.35-315.44%2C0l-159.48%2C92.08C85.11%2C191.26%2C24.98%2C295.39%2C24.98%2C408.08v184.15c0%2C112.7%2C60.12%2C216.83%2C157.72%2C273.18l159.48%2C92.08c97.6%2C56.35%2C217.84%2C56.35%2C315.44%2C0l159.48-92.08c97.6-56.35%2C157.72-160.48%2C157.72-273.18v-184.15c0-112.69-60.12-216.83-157.72-273.18Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
.loader-wheel {
|
|
44
44
|
@apply block relative mx-auto mask bg-current;
|
|
45
45
|
mask-mode: alpha;
|
|
46
|
-
mask-image: url(
|
|
46
|
+
mask-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22g%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cdefs%3E%3Cstyle%3E%20*%2C%20g%20%7B%20transform-origin%3A%20center%3B%20transform-box%3A%20fill-box%3B%20stroke-linejoin%3A%20round%3B%20--duration%3A%203s%3B%20%7D%20.cls-1%2C%20.cls-2%2C%20.cls-3%20%7B%20fill%3A%20none%3B%20%7D%20.cls-4%20%7B%20mask%3A%20url(%23mask)%3B%20%7D%20.cls-5%20%7B%20filter%3A%20url(%23luminosity-invert)%3B%20%7D%20.cls-2%20%7B%20stroke%3A%20%23fff%3B%20stroke-width%3A%2053.9px%3B%20%7D%20.cls-2%2C%20.cls-3%20%7B%20stroke-miterlimit%3A%2010%3B%20%7D%20.cls-3%20%7B%20stroke%3A%20%23000%3B%20stroke-width%3A%20107.8px%3B%20%7D%20.rotate%20%7B%20animation%3A%20rotate%20var(--duration)%20linear%20infinite%3B%20%7D%20.rotate-2%20%7B%20animation-delay%3A%20calc(var(--duration)%20%2F%2070)%3B%20%7D%20%40keyframes%20rotate%20%7B%200%25%20%7B%20transform%3A%20rotate(0turn)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%20%7D%2050%25%2C%20100%25%20%7B%20transform%3A%20rotate(0.5turn)%3B%20%7D%20%7D%20.rotate-full%20%7B%20animation%3A%20rotate-full%20calc(var(--duration)%20*%205)%20linear%20infinite%3B%20%7D%20%40keyframes%20rotate-full%20%7B%200%25%20%7B%20transform%3A%20rotate(0turn)%3B%20%7D%20100%25%20%7B%20transform%3A%20rotate(1turn)%3B%20%7D%20%7D%20.rotate-invert%20%7B%20animation%3A%20rotate-invert%20calc(var(--duration)%20*%206)%20linear%20infinite%3B%20%7D%20%40keyframes%20rotate-invert%20%7B%200%25%20%7B%20transform%3A%20rotate(0deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%208.333%25%2C%2016.666%25%20%7B%20transform%3A%20rotate(-60deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%2025%25%2C%2033.333%25%20%7B%20transform%3A%20rotate(-120deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%2041.666%25%2C%2050%25%20%7B%20transform%3A%20rotate(-180deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%2058.333%25%2C%2066.666%25%20%7B%20transform%3A%20rotate(-240deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%2075%25%2C%2083.333%25%20%7B%20transform%3A%20rotate(-300deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%2091.666%25%2C%20100%25%20%7B%20transform%3A%20rotate(-360deg)%3B%20animation-timing-function%3A%20cubic-bezier(0.78%2C%200%2C%200.22%2C%201)%3B%20%7D%20%7D%20%3C%2Fstyle%3E%3Cfilter%20id%3D%22luminosity-invert%22%20x%3D%2224.98%22%20y%3D%22.57%22%20width%3D%22949.83%22%20height%3D%22999.18%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeColorMatrix%20result%3D%22cm%22%20values%3D%22-1%200%200%200%201%200%20-1%200%200%201%200%200%20-1%200%201%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3Cmask%20id%3D%22mask%22%20x%3D%2224.98%22%20y%3D%22.57%22%20width%3D%22949.83%22%20height%3D%22999.18%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cg%20class%3D%22cls-5%22%3E%3Cg%3E%3Cg%20id%3D%22mask-2%22%20data-name%3D%22mask%22%3E%3Cpath%20id%3D%22shape%22%20d%3D%22M817.1%2C134.91l-159.48-92.08c-97.6-56.35-217.84-56.35-315.44%2C0l-159.48%2C92.08C85.11%2C191.26%2C24.98%2C295.39%2C24.98%2C408.08v184.15c0%2C112.7%2C60.12%2C216.83%2C157.72%2C273.18l159.48%2C92.08c97.6%2C56.35%2C217.84%2C56.35%2C315.44%2C0l159.48-92.08c97.6-56.35%2C157.72-160.48%2C157.72-273.18v-184.15c0-112.69-60.12-216.83-157.72-273.18Z%22%2F%3E%3C%2Fg%3E%3Cg%20class%3D%22rotate-full%22%3E%3Cg%20id%3D%22L-0%22%20class%3D%22rotate%22%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M755.5%2C609.75c59.81%2C139.26-6.49%2C205.56-145.75%2C145.75-141.11-60.61-304.65-224.14-365.26-365.26-59.81-139.26%2C6.49-205.56%2C145.75-145.75%2C141.11%2C60.61%2C304.65%2C224.14%2C365.26%2C365.26Z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22R-1%22%20class%3D%22rotate%20rotate-2%22%3E%3Ccircle%20id%3D%22center%22%20class%3D%22cls-1%22%20cx%3D%22500%22%20cy%3D%22500%22%20r%3D%22365.24%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M609.75%2C244.49c139.26-59.81%2C205.56%2C6.49%2C145.75%2C145.75-60.61%2C141.11-224.14%2C304.65-365.26%2C365.26-139.26%2C59.81-205.56-6.49-145.75-145.75%2C60.61-141.11%2C224.14-304.65%2C365.26-365.26Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M609.75%2C244.49c139.26-59.81%2C205.56%2C6.49%2C145.75%2C145.75-60.61%2C141.11-224.14%2C304.65-365.26%2C365.26-139.26%2C59.81-205.56-6.49-145.75-145.75%2C60.61-141.11%2C224.14-304.65%2C365.26-365.26Z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22L-1%22%20class%3D%22rotate%22%3E%3Cg%20id%3D%22L-3%22%3E%3Ccircle%20id%3D%22center-2%22%20data-name%3D%22center%22%20class%3D%22cls-1%22%20cx%3D%22500%22%20cy%3D%22500%22%20r%3D%22365.24%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M398.57%2C604.69c-66.81-66.47-123.52-143.31-154.07-214.44-60.61-141.11%2C4.65-206.37%2C145.75-145.75%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22L-2%22%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M441.45%2C644.7c-84.95-74.26-160.04-168.52-196.96-254.46-59.81-139.26%2C6.49-205.56%2C145.75-145.75%2C5.54%2C2.38%2C11.12%2C4.92%2C16.72%2C7.61%22%2F%3E%3Ccircle%20id%3D%22center-3%22%20data-name%3D%22center%22%20class%3D%22cls-1%22%20cx%3D%22500%22%20cy%3D%22500%22%20r%3D%22365.24%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22L-1-2%22%20data-name%3D%22L-1%22%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M558.54%2C355.29c84.95%2C74.26%2C160.04%2C168.52%2C196.96%2C254.46%2C59.81%2C139.26-6.49%2C205.56-145.75%2C145.75-5.56-2.39-11.16-4.94-16.79-7.64%22%2F%3E%3Ccircle%20id%3D%22center-4%22%20data-name%3D%22center%22%20class%3D%22cls-1%22%20cx%3D%22500%22%20cy%3D%22500%22%20r%3D%22365.24%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22L-0-2%22%20data-name%3D%22L-0%22%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M558.54%2C355.29c84.95%2C74.26%2C160.04%2C168.52%2C196.96%2C254.46%2C59.81%2C139.26-6.49%2C205.56-145.75%2C145.75-5.56-2.39-11.16-4.94-16.79-7.64%22%2F%3E%3Ccircle%20id%3D%22center-5%22%20data-name%3D%22center%22%20class%3D%22cls-1%22%20cx%3D%22500%22%20cy%3D%22500%22%20r%3D%22365.24%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Ccircle%20class%3D%22cls-2%22%20cx%3D%22500%22%20cy%3D%22500%22%20r%3D%22365.24%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20class%3D%22cls-4%20rotate-invert%22%3E%3Cpath%20id%3D%22shape-2%22%20data-name%3D%22shape%22%20d%3D%22M817.1%2C134.91l-159.48-92.08c-97.6-56.35-217.84-56.35-315.44%2C0l-159.48%2C92.08C85.11%2C191.26%2C24.98%2C295.39%2C24.98%2C408.08v184.15c0%2C112.7%2C60.12%2C216.83%2C157.72%2C273.18l159.48%2C92.08c97.6%2C56.35%2C217.84%2C56.35%2C315.44%2C0l159.48-92.08c97.6-56.35%2C157.72-160.48%2C157.72-273.18v-184.15c0-112.69-60.12-216.83-157.72-273.18Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
.loader-static {
|
|
50
50
|
@apply block relative mx-auto mask bg-current;
|
|
51
51
|
mask-mode: alpha;
|
|
52
|
-
mask-image: url(
|
|
52
|
+
mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%22353%22%20height%3D%22371%22%20viewBox%3D%220%200%20353%20371%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M293.868%2049.8799L234.702%2015.6917C198.494%20-5.23057%20153.885%20-5.23057%20117.678%2015.6917L58.5123%2049.8799C22.3047%2070.8017%200%20109.467%200%20151.312V219.688C0%20261.533%2022.3047%20300.198%2058.5123%20321.12L117.678%20355.308C153.885%20376.231%20198.494%20376.231%20234.702%20355.308L293.868%20321.12C330.075%20300.198%20352.38%20261.533%20352.38%20219.688V151.312C352.38%20109.467%20330.075%2070.8017%20293.868%2049.8799ZM279.073%20288.47C251.588%20315.978%20215.053%20331.125%20176.193%20331.125C137.324%20331.125%20100.788%20315.978%2073.3029%20288.47C45.8181%20260.967%2030.6844%20224.395%2030.6844%20185.497C30.6844%20146.6%2045.8181%20110.033%2073.3029%2082.53C100.788%2055.0219%20137.324%2039.8754%20176.193%2039.8754C215.053%2039.8754%20251.588%2055.0219%20279.073%2082.53C306.558%20110.033%20321.692%20146.6%20321.692%20185.497C321.692%20224.395%20306.558%20260.967%20279.073%20288.47ZM266.895%20173.946C272.181%20165.475%20276.633%20156.949%20280.176%20148.674C283.621%20140.646%20285.893%20133.513%20287.338%20127.112C296.699%20144.907%20301.696%20164.812%20301.696%20185.497C301.696%20206.175%20296.704%20226.071%20287.353%20243.861C285.893%20237.47%20283.594%20230.337%20280.176%20222.323C265.741%20188.576%20235.953%20151.504%20202.321%20122.622C201.442%20122.558%20200.82%20122.512%20199.939%20122.448C195.427%20125.319%20190.915%20128.449%20186.403%20131.838C186.373%20133.126%20186.36%20133.683%20186.33%20134.971C193.552%20141.017%20200.597%20147.48%20207.391%20154.278C230.987%20177.895%20250.983%20205.11%20261.782%20230.229C270.518%20250.564%20271.785%20266.703%20265.299%20273.915C265.17%20274.044%20265.062%20274.188%20264.933%20274.317C264.806%20274.444%20264.667%20274.55%20264.54%20274.674C257.334%20281.167%20241.212%20279.9%20220.889%20271.154C215.176%20268.717%20209.378%20265.754%20203.49%20262.348C202.661%20262.414%20202.05%20262.463%20201.22%20262.529C196.692%20266.236%20192.163%20269.749%20187.634%20273.02C187.678%20274.447%20187.693%20274.92%20187.737%20276.346C196.203%20281.561%20204.721%20286.018%20212.99%20289.567C220.999%20292.987%20228.126%20295.291%20234.512%20296.747C216.732%20306.111%20196.853%20311.112%20176.193%20311.112C155.533%20311.112%20135.649%20306.113%20117.872%20296.752C124.26%20295.291%20131.39%20292.989%20139.404%20289.567C173.122%20275.117%20210.164%20245.305%20239.118%20211.738C239.185%20210.86%20239.231%20210.241%20239.297%20209.362C236.43%20204.837%20233.303%20200.25%20229.916%20195.655C228.616%20195.62%20228.059%20195.604%20226.759%20195.568C199.648%20228.009%20163.849%20257.226%20131.507%20271.154C111.115%20279.929%2094.8465%20281.185%2087.7702%20274.618C87.6653%20274.511%2087.5456%20274.423%2087.4407%20274.317C87.3455%20274.222%2087.2649%20274.115%2087.1697%20274.019C80.5866%20266.854%2081.8363%20250.654%2090.6139%20230.229C93.0475%20224.513%2096.0074%20218.623%2099.4095%20212.723C99.3392%20211.888%2099.2884%20211.279%2099.2186%20210.445C95.5206%20205.988%2092.0203%20201.474%2088.8154%20196.949C87.4002%20196.992%2086.9159%20197.006%2085.5011%20197.048C80.2156%20205.52%2075.7623%20214.045%2072.2167%20222.323C68.7676%20230.363%2066.4927%20237.504%2065.0477%20243.912C55.6794%20226.11%2050.6804%20206.194%2050.6804%20185.497C50.6804%20164.803%2055.6794%20144.89%2065.0501%20127.088C66.4927%20133.493%2068.7676%20140.634%2072.2167%20148.674C73.7178%20152.077%2075.3166%20155.478%2077.018%20158.981C80.0154%20164.786%2083.4156%20170.688%2087.1136%20176.593C89.6131%20180.494%2092.2127%20184.298%2094.8123%20188.199C96.3134%20190.203%2097.8122%20192.203%2099.3133%20194.304C102.211%20198.206%20105.311%20202.11%20108.411%20205.911C115.609%20214.618%20123.408%20223.222%20131.607%20231.328C137.551%20237.277%20143.765%20242.96%20149.991%20248.377C150.864%20248.448%20151.48%20248.499%20152.354%20248.571C156.879%20245.756%20161.467%20242.566%20166.062%20239.156C166.094%20237.86%20166.107%20237.31%20166.139%20236.014C159.113%20230.169%20152.19%20223.912%20145.603%20217.32C142.403%20214.117%20139.306%20210.914%20136.306%20207.714C134.306%20205.51%20132.205%20203.209%20130.206%20200.908C128.106%20198.606%20126.107%20196.205%20124.308%20193.904C124.108%20193.803%20124.008%20193.603%20124.008%20193.503C121.308%20190.403%20118.809%20187.2%20116.61%20184.097C114.11%20180.895%20111.708%20177.694%20109.609%20174.492C105.01%20167.888%20100.912%20161.282%2097.4119%20154.779C96.0132%20152.177%2094.6121%20149.576%2093.4136%20146.974C92.4128%20144.87%2091.5146%20142.769%2090.6139%20140.769C81.8461%20120.362%2080.5915%20104.177%2087.1527%2097.0023C87.2552%2096.8997%2087.3406%2096.7849%2087.4431%2096.6823C87.5871%2096.5382%2087.7458%2096.4185%2087.8898%2096.2768C89.3202%2094.9844%2091.0288%2093.973%2093.1134%2093.3378C101.613%2090.6359%20115.309%2092.8395%20131.507%2099.8411C137.223%20102.283%20143.029%20105.247%20148.921%20108.578C149.736%20108.512%20150.343%20108.463%20151.159%20108.398C155.689%20104.76%20160.219%20101.254%20164.748%2097.9849C164.701%2096.5548%20164.686%2096.0838%20164.639%2094.6536C156.113%2089.4379%20147.676%2084.9799%20139.404%2081.4307C131.377%2077.9812%20124.247%2075.7068%20117.85%2074.2605C135.632%2064.8916%20155.523%2059.8884%20176.193%2059.8884C196.86%2059.8884%20216.749%2064.8916%20234.534%2074.263C228.138%2075.7092%20221.011%2077.9836%20212.99%2081.4307C200.993%2086.5341%20188.495%2093.6383%20176.198%20102.245C170.498%20106.146%20164.799%20110.351%20159.302%20114.851C144.403%20126.76%20130.106%20140.268%20117.308%20154.779C115.96%20156.287%20114.675%20157.796%20113.352%20159.255C113.268%20160.158%20113.21%20160.778%20113.127%20161.681C115.994%20166.19%20119.124%20170.706%20122.572%20175.279C123.864%20175.304%20124.424%20175.314%20125.715%20175.339C127.811%20172.821%20129.958%20170.354%20132.105%20167.888C136.306%20163.283%20140.604%20158.681%20145.003%20154.278C154.9%20144.372%20165.499%20135.064%20176.198%20126.861C181.797%20122.556%20187.495%20118.554%20193.094%20114.851C202.392%20108.848%20211.792%20103.745%20220.889%2099.8411C232.586%2094.7401%20242.984%2092.2385%20251.083%2092.2385C256.89%2092.2385%20261.472%2093.6408%20264.489%2096.2768C264.633%2096.4209%20264.794%2096.5382%20264.935%2096.6823C265.062%2096.8118%20265.172%2096.9535%20265.299%2097.083C271.785%20104.292%20270.518%20120.431%20261.782%20140.769C259.347%20146.48%20256.392%20152.365%20252.991%20158.262C253.066%20159.104%20253.12%20159.715%20253.195%20160.556C256.949%20165.007%20260.394%20169.519%20263.578%20174.039C264.995%20174%20265.477%20173.986%20266.895%20173.946Z%22%20fill%3D%22%23FDFCF5%22%2F%3E%3C%2Fsvg%3E');
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
[data-loader] {
|
|
@@ -64,10 +64,10 @@
|
|
|
64
64
|
@apply animate-loading-text-gradient;
|
|
65
65
|
|
|
66
66
|
&:not([class*='from-']) {
|
|
67
|
-
@apply from-text-default
|
|
67
|
+
@apply from-text-default;
|
|
68
68
|
}
|
|
69
69
|
&:not([class*='to-']) {
|
|
70
|
-
@apply to-text-default;
|
|
70
|
+
@apply to-text-default/10;
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
|
|
@@ -75,26 +75,26 @@
|
|
|
75
75
|
|
|
76
76
|
.loader,
|
|
77
77
|
.loader-wheel,
|
|
78
|
-
.loader-cube
|
|
79
|
-
|
|
78
|
+
.loader-cube,
|
|
79
|
+
.loader-static {
|
|
80
80
|
&:not([class*='size-']) {
|
|
81
81
|
@apply size-16;
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
82
|
+
|
|
83
|
+
&.loader-xl {
|
|
84
|
+
@apply size-32;
|
|
85
|
+
}
|
|
86
|
+
&.loader-lg {
|
|
87
|
+
@apply size-24;
|
|
88
|
+
}
|
|
89
|
+
&.loader-md {
|
|
90
|
+
@apply size-16;
|
|
91
|
+
}
|
|
92
|
+
&.loader-sm {
|
|
93
|
+
@apply size-10;
|
|
94
|
+
}
|
|
95
|
+
&.loader-xs {
|
|
96
|
+
@apply size-6;
|
|
97
|
+
}
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
|
|
@@ -188,4 +188,4 @@
|
|
|
188
188
|
|
|
189
189
|
.animate-loading-text-gradient {
|
|
190
190
|
@apply from-core-ui-700 to-core-black/10 dark:from-core-ui-200 dark:to-core-white/10;
|
|
191
|
-
}
|
|
191
|
+
}
|
package/styles/skeleton.css
CHANGED
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
@apply opacity-0 pointer-events-none;
|
|
9
9
|
}
|
|
10
10
|
&::before {
|
|
11
|
-
--tw-gradient-stops: var(--tw-gradient-from) 40%,
|
|
11
|
+
--tw-gradient-stops: var(--tw-gradient-from) 40%,
|
|
12
|
+
var(--tw-gradient-to) 50% var(--tw-gradient-via-position),
|
|
12
13
|
var(--tw-gradient-from) 60% !important;
|
|
13
14
|
@apply content-['']
|
|
14
15
|
absolute inset-0
|
package/llm/examples/loader.html
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<div class="loader">Loader</div>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<div class="skeleton">Skeleton</div>
|