File Manager

Viewing File: /usr/local/cpanel/base/frontend/jupiter/koality/_nuxt/eayQjQQt.js

import{K as e,o as r,e as l,b as s,L as v,a as u,w as a,l as c,q as o}from"./EJiqiqZX.js";const g={},t={class:"bg-uibg"},n={class:"flex gap-6"},b={class:"w-1/2"},m={class:"p-4"};function p(N,i){const d=o;return r(),l("div",t,[i[2]||(i[2]=s("h1",null,"Colors",-1)),s("div",n,[i[1]||(i[1]=v('<div class="w-"><div class="bg-uiPrime-10"> hello 10 </div><div class="bg-uiPrime-20"> hello 20 </div><div class="bg-uiPrime-30"> hello 30 </div><div class="bg-uiPrime-40"> hello 40 </div><div class="bg-uiPrime-50"> hello 50 </div><div class="bg-uiPrime-100"> hello 100 </div><div class="bg-uiPrime-200"> hello 200 </div><div class="bg-uiPrime-300"> hello 300 </div><div class="bg-uiPrime-400"> hello 400 </div><div class="bg-uiPrime"> hello 500 </div><div class="bg-uiPrime-600"> hello 600 </div><div class="bg-uiPrime-700"> hello 700 </div><div class="bg-uiPrime-800"> hello 800 </div><div class="bg-uiPrime-900"> hello 900 </div><div class="bg-uiPrime-950"> hello 950 </div><div class="bg-uiPrime-960"> hello 960 </div><div class="bg-uiPrime-970"> hello 970 </div><div class="bg-uiPrime-980"> hello 980 </div><div class="bg-uiPrime-990"> hello 990 </div><div class="bg-uiSecond-50"> hello 50 </div><div class="bg-uiSecond-100"> hello 100 </div><div class="bg-uiSecond-200"> hello 200 </div><div class="bg-uiSecond-300"> hello 300 </div><div class="bg-uiSecond-400"> hello 400 </div><div class="bg-uiSecond"> hello 500 </div><div class="bg-uiSecond-600"> hello 600 </div><div class="bg-uiSecond-700"> hello 700 </div><div class="bg-uiSecond-800"> hello 800 </div><div class="bg-uiSecond-900"> hello 900 </div><div class="bg-uiSecond-950"> hello 950 </div><div class="bg-uiNeutral-0"> Neutral 0 white / black </div><div class="bg-uiNeutral-10"> Neutral 10 </div><div class="bg-uiNeutral-20"> Neutral 20 </div><div class="bg-uiNeutral-30"> Neutral 30 </div><div class="bg-uiNeutral-40"> Neutral 40 </div><div class="bg-uiNeutral-50"> Neutral 50 </div><div class="bg-uiNeutral-100"> Neutral 100 </div><div class="bg-uiNeutral-200"> Neutral 200 </div><div class="bg-uiNeutral-300"> Neutral 300 </div><div class="bg-uiNeutral-400"> Neutral 400 </div><div class="bg-uiNeutral"> Neutral 500 </div><div class="bg-uiNeutral-600"> Neutral 600 </div><div class="bg-uiNeutral-700"> Neutral 700 </div><div class="bg-uiNeutral-800"> Neutral 800 </div><div class="bg-uiNeutral-900"> Neutral 900 </div><div class="bg-uiNeutral-950"> Neutral 950 </div><div class="bg-uiNeutral-960"> Neutral 960 </div><div class="bg-uiNeutral-970"> Neutral 970 </div><div class="bg-uiNeutral-980"> Neutral 980 </div><div class="bg-uiNeutral-990"> Neutral 990 </div><div class="bg-uiNeutral-1000"> Neutral 1000 black / white </div><div class="bg-uiBg--40"> uibg--40 </div><div class="bg-uiBg--30"> uibg--30 </div><div class="bg-uiBg--20"> uibg--20 </div><div class="bg-uiBg--10"> uibg--10 </div><div class="bg-uiBg"> uibg </div><div class="bg-uiBg-10"> uibg 10 </div><div class="bg-uiBg-20"> uibg 20 </div><div class="bg-uiBg-30"> uibg 30 </div><div class="bg-uiBg-40"> uibg 40 </div><div class="bg-uiBg-inverted-40"> uibg-inverted 40 </div><div class="bg-uiBg-inverted-30"> uibg-inverted 30 </div><div class="bg-uiBg-inverted-20"> uibg-inverted 20 </div><div class="bg-uiBg-inverted-10"> uibg-inverted 10 </div><div class="bg-uiBg-inverted"> uibg-inverted </div><p class="text-uiText-dimmed"><strong>Text dimmed</strong> lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos. </p><p class="text-uiText-muted"><strong>Text muted</strong> lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos. </p><p class="text-uiText-toned"><strong>Text toned</strong> lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos. </p><p class="text-uiText"><strong>Text base</strong> lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos. </p><p class="text-uiText-highlighted"><strong>Text highlighted</strong> lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos. </p><p class="text-uiText-inverted bg-uiBg-inverted"><strong>Text Inverted</strong> lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos. </p><p class="text-uiText-inverted-dimmed bg-uiBg-inverted"><strong>Text Inverted Sublte</strong> lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos. </p><div class="bg-uiWarning-10"> warning 10 </div><div class="bg-uiWarning-50"> warning 50 </div><div class="bg-uiWarning-100"> warning 100 </div><div class="bg-uiWarning-200"> warning 200 </div><div class="bg-uiWarning-300"> warning 300 </div><div class="bg-uiWarning-400"> warning 400 </div><div class="bg-uiWarning"> warning </div><div class="bg-uiWarning-600"> warning 600 </div><div class="bg-uiWarning-700"> warning 700 </div><div class="bg-uiWarning-800"> warning 800 </div><div class="bg-uiWarning-900"> warning 900 </div><div class="bg-uiWarning-950"> warning 950 </div><div class="bg-uiWarning-990"> warning 990 </div><div class="bg-uiSuccess-10"> success 10 </div><div class="bg-uiSuccess-50"> success 50 </div><div class="bg-uiSuccess-100"> success 100 </div><div class="bg-uiSuccess-200"> success 200 </div><div class="bg-uiSuccess-300"> success 300 </div><div class="bg-uiSuccess-400"> success 400 </div><div class="bg-uiSuccess"> success </div><div class="bg-uiSuccess-600"> success 600 </div><div class="bg-uiSuccess-700"> success 700 </div><div class="bg-uiSuccess-800"> success 800 </div><div class="bg-uiSuccess-900"> success 900 </div><div class="bg-uiSuccess-950"> success 950 </div><div class="bg-uiSuccess-990"> success 990 </div><div class="bg-uiError-10"> error 10 </div><div class="bg-uiError-50"> error 50 </div><div class="bg-uiError-100"> error 100 </div><div class="bg-uiError-200"> error 200 </div><div class="bg-uiError-300"> error 300 </div><div class="bg-uiError-400"> error 400 </div><div class="bg-uiError"> error </div><div class="bg-uiError-600"> error 600 </div><div class="bg-uiError-700"> error 700 </div><div class="bg-uiError-800"> error 800 </div><div class="bg-uiError-900"> error 900 </div><div class="bg-uiError-950"> error 950 </div><div class="bg-uiError-990"> error 990 </div><div class="bg-uiInfo-10"> info 10 </div><div class="bg-uiInfo-50"> info 50 </div><div class="bg-uiInfo-100"> info 100 </div><div class="bg-uiInfo-200"> info 200 </div><div class="bg-uiInfo-300"> info 300 </div><div class="bg-uiInfo-400"> info 400 </div><div class="bg-uiInfo"> info </div><div class="bg-uiInfo-600"> info 600 </div><div class="bg-uiInfo-700"> info 700 </div><div class="bg-uiInfo-800"> info 800 </div><div class="bg-uiInfo-900"> info 900 </div><div class="bg-uiInfo-950"> info 950 </div><div class="bg-uiInfo-990"> info 990 </div><div class="flex gap-6 flex-wrap p-10"><div class="rounded border-2 p-4 border-uiBorder-muted"> border-muted </div><div class="rounded border-2 p-4 border-uiBorder-subtle"> border-subtle </div><div class="rounded border-2 p-4 border-uiBorder"> border </div><div class="rounded border-2 p-4 border-uiBorder-accented"> border-accented- </div><div class="rounded border-2 p-4 border-uiBorder-inverted"> border-inverted </div><div class="p-10 flex items-center justify-center bg-uibg-inverted"><div class="rounded border-1 p-4 border-uiBorder-inverted"> border-inverted </div></div><div class="rounded border-2 p-4 border-uiBorder-inverted"> border-inverted </div></div></div>',1)),s("div",b,[s("div",m,[u(d,null,{default:a(()=>[...i[0]||(i[0]=[c(" Button ",-1)])]),_:1})])])])])}const h=e(g,[["render",p]]);export{h as default};
Back to Directory File Manager