@robuust-digital/vue-components 1.2.9 → 1.3.0

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.
@@ -1,3 +1,4 @@
1
+ /* eslint-disable import/no-extraneous-dependencies */
1
2
  import { defineNuxtModule, addComponent } from '@nuxt/kit';
2
3
  import * as components from '@robuust-digital/vue-components';
3
4
  import pkg from '../package.json';
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .rvc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.rvc-pointer-events-none{pointer-events:none}.rvc-pointer-events-auto{pointer-events:auto}.rvc-invisible{visibility:hidden}.rvc-fixed{position:fixed}.rvc-absolute{position:absolute}.rvc-relative{position:relative}.rvc-sticky{position:sticky}.rvc-inset-0{top:0;right:0;bottom:0;left:0}.rvc-inset-y-0{top:0;bottom:0}.rvc-left-0{left:0}.rvc-right-0{right:0}.rvc-right-3{right:.75rem}.rvc-top-0{top:0}.rvc-z-10{z-index:10}.rvc--my-1{margin-top:-.25rem;margin-bottom:-.25rem}.rvc-mx-auto{margin-left:auto;margin-right:auto}.rvc-my-3{margin-top:.75rem;margin-bottom:.75rem}.rvc-my-4{margin-top:1rem;margin-bottom:1rem}.-rvc-mt-4{margin-top:-1rem}.rvc--ml-2{margin-left:-.5rem}.rvc-mb-2{margin-bottom:.5rem}.rvc-mb-3{margin-bottom:.75rem}.rvc-mb-4{margin-bottom:1rem}.rvc-mb-6{margin-bottom:1.5rem}.rvc-mb-8{margin-bottom:2rem}.rvc-ml-2{margin-left:.5rem}.rvc-ml-3{margin-left:.75rem}.rvc-mt-3{margin-top:.75rem}.rvc-block{display:block}.rvc-inline-block{display:inline-block}.rvc-flex{display:flex}.rvc-inline-flex{display:inline-flex}.rvc-table{display:table}.rvc-grid{display:grid}.rvc-hidden{display:none}.rvc-aspect-square{aspect-ratio:1 / 1}.rvc-size-4{width:1rem;height:1rem}.rvc-size-5{width:1.25rem;height:1.25rem}.rvc-size-6{width:1.5rem;height:1.5rem}.rvc-size-7{width:1.75rem;height:1.75rem}.rvc-size-full{width:100%;height:100%}.rvc-h-7{height:1.75rem}.rvc-h-full{height:100%}.rvc-min-h-0{min-height:0px}.rvc-min-h-full{min-height:100%}.rvc-w-fit{width:-moz-fit-content;width:fit-content}.rvc-w-full{width:100%}.rvc-w-screen{width:100vw}.rvc-max-w-full{max-width:100%}.rvc-max-w-xl{max-width:36rem}.rvc-flex-1{flex:1 1 0%}.rvc-shrink-0{flex-shrink:0}.rvc-translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-x-3{--tw-translate-x: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-cursor-default{cursor:default}.rvc-cursor-pointer{cursor:pointer}.rvc-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rvc-resize-none{resize:none}.rvc-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rvc-flex-row-reverse{flex-direction:row-reverse}.rvc-flex-col{flex-direction:column}.rvc-flex-col-reverse{flex-direction:column-reverse}.rvc-flex-wrap{flex-wrap:wrap}.rvc-items-start{align-items:flex-start}.rvc-items-center{align-items:center}.rvc-justify-start{justify-content:flex-start}.rvc-justify-end{justify-content:flex-end}.rvc-justify-center{justify-content:center}.rvc-justify-between{justify-content:space-between}.rvc-gap-1{gap:.25rem}.rvc-gap-3{gap:.75rem}.rvc-gap-6{gap:1.5rem}.rvc-gap-8{gap:2rem}.rvc-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.rvc-gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.rvc-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.rvc-gap-y-2\.5{row-gap:.625rem}.rvc-gap-y-3{row-gap:.75rem}.rvc-overflow-hidden{overflow:hidden}.rvc-overflow-x-auto{overflow-x:auto}.rvc-overflow-y-auto{overflow-y:auto}.rvc-overflow-y-scroll{overflow-y:scroll}.rvc-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rvc-rounded-full{border-radius:9999px}.rvc-rounded-lg{border-radius:.5rem}.rvc-border{border-width:1px}.rvc-border-solid{border-style:solid}.rvc-border-neutral-500{--tw-border-opacity: 1;border-color:rgb(115 115 115 / var(--tw-border-opacity))}.rvc-border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity))}.rvc-bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.rvc-bg-green-300{--tw-bg-opacity: 1;background-color:rgb(134 239 172 / var(--tw-bg-opacity))}.rvc-bg-red-300{--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity))}.rvc-bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.rvc-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.rvc-p-1{padding:.25rem}.rvc-p-4{padding:1rem}.rvc-px-4{padding-left:1rem;padding-right:1rem}.rvc-py-2{padding-top:.5rem;padding-bottom:.5rem}.rvc-py-48{padding-top:12rem;padding-bottom:12rem}.rvc-pb-4{padding-bottom:1rem}.rvc-pl-10{padding-left:2.5rem}.rvc-pl-3{padding-left:.75rem}.rvc-pr-9{padding-right:2.25rem}.rvc-text-left{text-align:left}.rvc-text-center{text-align:center}.rvc-text-right{text-align:right}.rvc-text-2xl{font-size:1.5rem;line-height:2rem}.rvc-text-3xl{font-size:1.875rem;line-height:2.25rem}.rvc-text-sm{font-size:.8125rem;line-height:1.25rem}.rvc-font-bold{font-weight:700}.rvc-font-medium{font-weight:500}.rvc-font-normal{font-weight:400}.rvc-font-semibold{font-weight:600}.rvc-text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.rvc-text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.rvc-text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.rvc-text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.rvc-text-neutral-700{--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity))}.rvc-text-neutral-950{--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity))}.rvc-text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.rvc-text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.rvc-text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.rvc-text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.rvc-text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.rvc-text-stone-600{--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity))}.rvc-opacity-0{opacity:0}.rvc-opacity-100{opacity:1}.rvc-opacity-50{opacity:.5}.rvc-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.rvc-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rvc-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rvc-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rvc-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rvc-duration-100{transition-duration:.1s}.rvc-duration-200{transition-duration:.2s}.rvc-duration-300{transition-duration:.3s}.rvc-duration-500{transition-duration:.5s}.rvc-duration-75{transition-duration:75ms}.rvc-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.rvc-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.rvc-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.rvc-peer\/checkbox:focus~.peer-focus\/checkbox\:rvc-focus{outline-style:var(--rvc-base-focus-outline-style);outline-width:var(--rvc-base-focus-outline-offset);outline-offset:var(--rvc-base-focus-outline-width);outline-color:var(--rvc-base-focus-outline-color)}.placeholder\:rvc-text-neutral-300::-moz-placeholder{--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity))}.placeholder\:rvc-text-neutral-300::placeholder{--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity))}.first\:rvc-block:first-child{display:block}.last\:rvc-block:last-child{display:block}.hover\:rvc-underline:hover{text-decoration-line:underline}.rvc-group\/accordion[open] .group-open\/accordion\:rvc-rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-group\/tooltip:hover .group-hover\/tooltip\:rvc-visible{visibility:visible}.rvc-group\/table:hover .group-hover\/table\:rvc-opacity-30{opacity:.3}.rvc-group\/tooltip:hover .group-hover\/tooltip\:rvc-opacity-100{opacity:1}@media (min-width: 640px){.sm\:rvc-max-w-3xl{max-width:48rem}.sm\:rvc-max-w-lg{max-width:32rem}.sm\:rvc-translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:rvc-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:rvc-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:rvc-p-0{padding:0}.sm\:rvc-duration-700{transition-duration:.7s}}@media (min-width: 768px){.md\:rvc-col-span-2{grid-column:span 2 / span 2}.md\:rvc-block{display:block}.md\:rvc-flex{display:flex}.md\:rvc-grid{display:grid}.md\:rvc-hidden{display:none}.md\:rvc-w-1\/2{width:50%}.md\:rvc-w-1\/3{width:33.333333%}.md\:rvc-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:rvc-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:rvc-gap-6{gap:1.5rem}}@media (min-width: 1024px){.lg\:rvc-max-w-6xl{max-width:72rem}.lg\:rvc-px-12{padding-left:3rem;padding-right:3rem}}@media (min-width: 1280px){.xl\:rvc-gap-1{gap:.25rem}}.less-opacity-class .\[\.less-opacity-class_\&\]\:rvc-opacity-50{opacity:.5}
1
+ .rvc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.rvc-pointer-events-none{pointer-events:none}.rvc-pointer-events-auto{pointer-events:auto}.rvc-invisible{visibility:hidden}.rvc-fixed{position:fixed}.rvc-absolute{position:absolute}.rvc-relative{position:relative}.rvc-sticky{position:sticky}.rvc-inset-0{top:0;right:0;bottom:0;left:0}.rvc-inset-y-0{top:0;bottom:0}.rvc-left-0{left:0}.rvc-right-0{right:0}.rvc-top-0{top:0}.rvc-z-10{z-index:10}.rvc-ml-3{margin-left:.75rem}.rvc-block{display:block}.rvc-inline-block{display:inline-block}.rvc-flex{display:flex}.rvc-table{display:table}.rvc-grid{display:grid}.rvc-hidden{display:none}.rvc-size-4{width:1rem;height:1rem}.rvc-size-5{width:1.25rem;height:1.25rem}.rvc-size-full{width:100%;height:100%}.rvc-h-7{height:1.75rem}.rvc-h-full{height:100%}.rvc-min-h-0{min-height:0px}.rvc-min-h-full{min-height:100%}.rvc-w-fit{width:-moz-fit-content;width:fit-content}.rvc-w-full{width:100%}.rvc-w-screen{width:100vw}.rvc-max-w-full{max-width:100%}.rvc-max-w-xl{max-width:36rem}.rvc-flex-1{flex:1 1 0%}.rvc-shrink-0{flex-shrink:0}.rvc-translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-cursor-default{cursor:default}.rvc-cursor-pointer{cursor:pointer}.rvc-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rvc-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rvc-flex-row-reverse{flex-direction:row-reverse}.rvc-flex-col{flex-direction:column}.rvc-flex-col-reverse{flex-direction:column-reverse}.rvc-items-center{align-items:center}.rvc-justify-start{justify-content:flex-start}.rvc-justify-end{justify-content:flex-end}.rvc-justify-center{justify-content:center}.rvc-justify-between{justify-content:space-between}.rvc-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.rvc-gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.rvc-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.rvc-overflow-hidden{overflow:hidden}.rvc-overflow-x-auto{overflow-x:auto}.rvc-overflow-y-auto{overflow-y:auto}.rvc-overflow-y-scroll{overflow-y:scroll}.rvc-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rvc-p-4{padding:1rem}.rvc-py-2{padding-top:.5rem;padding-bottom:.5rem}.rvc-pb-4{padding-bottom:1rem}.rvc-pl-10{padding-left:2.5rem}.rvc-pl-3{padding-left:.75rem}.rvc-pr-9{padding-right:2.25rem}.rvc-text-left{text-align:left}.rvc-text-center{text-align:center}.rvc-text-right{text-align:right}.rvc-text-sm{font-size:.8125rem;line-height:1.25rem}.rvc-font-medium{font-weight:500}.rvc-text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.rvc-opacity-0{opacity:0}.rvc-opacity-100{opacity:1}.rvc-opacity-50{opacity:.5}.rvc-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.rvc-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rvc-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rvc-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rvc-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rvc-duration-100{transition-duration:.1s}.rvc-duration-200{transition-duration:.2s}.rvc-duration-300{transition-duration:.3s}.rvc-duration-500{transition-duration:.5s}.rvc-duration-75{transition-duration:75ms}.rvc-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.rvc-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.rvc-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.rvc-peer\/checkbox:focus~.peer-focus\/checkbox\:rvc-focus{outline-style:var(--rvc-base-focus-outline-style);outline-width:var(--rvc-base-focus-outline-offset);outline-offset:var(--rvc-base-focus-outline-width);outline-color:var(--rvc-base-focus-outline-color)}.first\:rvc-block:first-child{display:block}.last\:rvc-block:last-child{display:block}.hover\:rvc-underline:hover{text-decoration-line:underline}.rvc-group\/accordion[open] .group-open\/accordion\:rvc-rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rvc-group\/tooltip:hover .group-hover\/tooltip\:rvc-visible{visibility:visible}.rvc-group\/table:hover .group-hover\/table\:rvc-opacity-30{opacity:.3}.rvc-group\/tooltip:hover .group-hover\/tooltip\:rvc-opacity-100{opacity:1}@media (min-width: 640px){.sm\:rvc-max-w-lg{max-width:32rem}.sm\:rvc-translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:rvc-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:rvc-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:rvc-p-0{padding:0}.sm\:rvc-duration-700{transition-duration:.7s}}@media (min-width: 768px){.md\:rvc-block{display:block}.md\:rvc-flex{display:flex}.md\:rvc-hidden{display:none}.md\:rvc-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:rvc-gap-1{gap:.25rem}}
@@ -49,6 +49,7 @@ export default (theme) => ({
49
49
  '--rvc-base-input-icon-size': theme('width.5'),
50
50
  '--rvc-base-input-padding-x': theme('padding.3'),
51
51
  '--rvc-base-input-font-size': 'var(--rvc-base-font-size)',
52
+ '--rvc-base-input-font-weight': theme('fontWeight.normal'),
52
53
  '--rvc-base-input-height': theme('height.9'),
53
54
  '--rvc-base-input-placeholder-color': theme('colors.slate.400'),
54
55
 
@@ -9,6 +9,7 @@ export default (theme) => ({
9
9
  '--rvc-combobox-border-width': 'var(--rvc-base-border-width)',
10
10
  '--rvc-combobox-border-color': 'var(--rvc-base-border-color)',
11
11
  '--rvc-combobox-font-size': 'var(--rvc-base-input-font-size)',
12
+ '--rvc-combobox-font-weight': 'var(--rvc-base-input-font-weight)',
12
13
  '--rvc-combobox-box-shadow': 'var(--rvc-base-box-shadow)',
13
14
  '--rvc-combobox-color': 'var(--rvc-base-input-color)',
14
15
  '--rvc-combobox-bg-color': 'var(--rvc-base-input-bg-color)',
@@ -68,6 +69,7 @@ export default (theme) => ({
68
69
  paddingLeft: 'var(--rvc-combobox-padding-x)',
69
70
  backgroundColor: 'var(--rvc-combobox-bg-color)',
70
71
  fontSize: 'var(--rvc-combobox-font-size)',
72
+ fontWeight: 'var(--rvc-combobox-font-weight)',
71
73
  color: 'var(--rvc-combobox-color)',
72
74
  boxShadow: 'var(--rvc-combobox-box-shadow)',
73
75
  height: 'var(--rvc-combobox-height)',
@@ -46,8 +46,20 @@ export default (theme) => ({
46
46
  display: 'flex',
47
47
  flexDirection: 'column',
48
48
  alignItems: 'flex-start',
49
+ right: '0',
49
50
  ...theme('components.dropdown'),
50
51
 
52
+ '&.rvc-dropdown-left': {
53
+ left: '0',
54
+ right: 'auto',
55
+ },
56
+
57
+ '&.rvc-dropdown-full': {
58
+ left: '0',
59
+ right: '0',
60
+ width: '100%',
61
+ },
62
+
51
63
  '.rvc-dropdown-item': {
52
64
  color: 'var(--rvc-dropdown-item-color)',
53
65
  backgroundColor: 'var(--rvc-dropdown-item-bg-color)',
@@ -9,6 +9,7 @@ export default (theme) => ({
9
9
  '--rvc-input-border-width': 'var(--rvc-base-border-width)',
10
10
  '--rvc-input-border-color': 'var(--rvc-base-border-color)',
11
11
  '--rvc-input-font-size': 'var(--rvc-base-input-font-size)',
12
+ '--rvc-input-font-weight': 'var(--rvc-base-input-font-weight)',
12
13
  '--rvc-input-box-shadow': 'var(--rvc-base-box-shadow)',
13
14
  '--rvc-input-color': 'var(--rvc-base-input-color)',
14
15
  '--rvc-input-bg-color': 'var(--rvc-base-input-bg-color)',
@@ -32,6 +33,7 @@ export default (theme) => ({
32
33
  paddingLeft: 'var(--rvc-input-padding-x)',
33
34
  backgroundColor: 'var(--rvc-input-bg-color)',
34
35
  fontSize: 'var(--rvc-input-font-size)',
36
+ fontWeight: 'var(--rvc-input-font-weight)',
35
37
  color: 'var(--rvc-input-color)',
36
38
  boxShadow: 'var(--rvc-input-box-shadow)',
37
39
  height: 'var(--rvc-input-height)',
@@ -0,0 +1,100 @@
1
+ /**
2
+ * RichTextEditor component
3
+ *
4
+ * @param {Object} theme - The global theme object
5
+ */
6
+ export default (theme) => ({
7
+ ':root': {
8
+ '--rvc-rich-text-list-padding': theme('padding[2.5]'),
9
+ '--rvc-rich-text-list-position': 'inside',
10
+ '--rvc-rich-text-paragraph-spacing': theme('margin.4'),
11
+ '--rvc-rich-text-icon-size': theme('width.4'),
12
+ '--rvc-rich-text-button-border-radius': 'var(--rvc-base-border-radius)',
13
+ '--rvc-rich-text-button-padding': theme('padding.1'),
14
+ '--rvc-rich-text-button-bg-color': 'transparent',
15
+ '--rvc-rich-text-button-bg-color-hover': theme('colors.slate.100'),
16
+ '--rvc-rich-text-button-color': theme('colors.slate.600'),
17
+ '--rvc-rich-text-button-color-active': theme('colors.indigo.700'),
18
+ '--rvc-rich-text-anchor-color': theme('colors.indigo.700'),
19
+ '--rvc-rich-text-anchor-font-weight': theme('fontWeight.bold'),
20
+ '--rvc-rich-text-anchor-text-decoration': 'underline',
21
+ '--rvc-rich-text-min-height': theme('minHeight.24'),
22
+ },
23
+
24
+ '.rvc-rich-text': {
25
+ position: 'relative',
26
+ ...theme('components.richText'),
27
+
28
+ '.rvc-rich-text-textarea': {
29
+ minHeight: 'var(--rvc-rich-text-min-height)',
30
+ paddingTop: 'calc(var(--rvc-textarea-padding-x) + var(--rvc-rich-text-icon-size) + (var(--rvc-rich-text-button-padding) * 2) + var(--rvc-textarea-padding-y))',
31
+
32
+ '> *:not(:last-child)': {
33
+ marginBottom: 'var(--rvc-rich-text-paragraph-spacing)',
34
+ },
35
+
36
+ 'ul, ol': {
37
+ listStylePosition: 'var(--rvc-rich-text-list-position)',
38
+ paddingLeft: 'var(--rvc-rich-text-list-padding)',
39
+
40
+ 'li > *': {
41
+ display: 'inline',
42
+ },
43
+ },
44
+
45
+ a: {
46
+ textDecoration: 'var(--rvc-rich-text-anchor-text-decoration)',
47
+ fontWeight: 'var(--rvc-rich-text-anchor-font-weight)',
48
+ color: 'var(--rvc-rich-text-anchor-color)',
49
+ },
50
+
51
+ ul: { listStyleType: 'disc' },
52
+ ol: { listStyleType: 'decimal' },
53
+
54
+ ...theme('components.richText[.rvc-rich-text-textarea]'),
55
+ },
56
+
57
+ '.rvc-rich-text-toolbar': {
58
+ paddingTop: 'var(--rvc-textarea-padding-x)',
59
+ paddingRight: 'var(--rvc-textarea-padding-x)',
60
+ paddingBottom: 'var(--rvc-textarea-padding-x)',
61
+ paddingLeft: 'var(--rvc-textarea-padding-x)',
62
+ gap: theme('gap.1'),
63
+ display: 'flex',
64
+ alignItems: 'center',
65
+ position: 'absolute',
66
+ top: '0',
67
+ right: '0',
68
+ left: '0',
69
+ flexWrap: 'wrap',
70
+ zIndex: '1',
71
+ pointerEvents: 'none',
72
+ ...theme('components.richText[.rvc-rich-text-toolbar]'),
73
+ },
74
+
75
+ '.rvc-rich-text-button': {
76
+ borderRadius: 'var(--rvc-rich-text-button-border-radius)',
77
+ padding: 'var(--rvc-rich-text-button-padding)',
78
+ backgroundColor: 'var(--rvc-rich-text-button-bg-color)',
79
+ color: 'var(--rvc-rich-text-button-color)',
80
+ pointerEvents: 'auto',
81
+ ...theme('components.richText[.rvc-rich-text-button]'),
82
+
83
+ '&:hover': {
84
+ backgroundColor: 'var(--rvc-rich-text-button-bg-color-hover)',
85
+ ...theme('components.richText[.rvc-rich-text-button][&:hover]'),
86
+ },
87
+
88
+ svg: {
89
+ width: 'var(--rvc-rich-text-icon-size)',
90
+ height: 'var(--rvc-rich-text-icon-size)',
91
+ ...theme('components.richText[.rvc-rich-text-button][svg]'),
92
+ },
93
+
94
+ '&.rvc-rich-text-button-active': {
95
+ color: 'var(--rvc-rich-text-button-color-active)',
96
+ ...theme('components.richText[.rvc-rich-text-button][&.rvc-rich-text-button-active]'),
97
+ },
98
+ },
99
+ },
100
+ });
@@ -9,6 +9,7 @@ export default (theme) => ({
9
9
  '--rvc-select-border-width': 'var(--rvc-base-border-width)',
10
10
  '--rvc-select-border-color': 'var(--rvc-base-border-color)',
11
11
  '--rvc-select-font-size': 'var(--rvc-base-input-font-size)',
12
+ '--rvc-select-font-weight': 'var(--rvc-base-input-font-weight)',
12
13
  '--rvc-select-box-shadow': 'var(--rvc-base-box-shadow)',
13
14
  '--rvc-select-color': 'var(--rvc-base-input-color)',
14
15
  '--rvc-select-bg-color': 'var(--rvc-base-input-bg-color)',
@@ -33,6 +34,7 @@ export default (theme) => ({
33
34
  backgroundColor: 'var(--rvc-select-bg-color)',
34
35
  backgroundImage: 'none',
35
36
  fontSize: 'var(--rvc-select-font-size)',
37
+ fontWeight: 'var(--rvc-select-font-weight)',
36
38
  color: 'var(--rvc-select-color)',
37
39
  boxShadow: 'var(--rvc-select-box-shadow)',
38
40
  height: 'var(--rvc-select-height)',
@@ -9,6 +9,7 @@ export default (theme) => ({
9
9
  '--rvc-textarea-border-width': 'var(--rvc-base-border-width)',
10
10
  '--rvc-textarea-border-color': 'var(--rvc-base-border-color)',
11
11
  '--rvc-textarea-font-size': 'var(--rvc-base-input-font-size)',
12
+ '--rvc-textarea-font-weight': 'var(--rvc-base-input-font-weight)',
12
13
  '--rvc-textarea-box-shadow': 'var(--rvc-base-box-shadow)',
13
14
  '--rvc-textarea-color': 'var(--rvc-base-input-color)',
14
15
  '--rvc-textarea-bg-color': 'var(--rvc-base-input-bg-color)',
@@ -28,6 +29,7 @@ export default (theme) => ({
28
29
  paddingLeft: 'var(--rvc-textarea-padding-x)',
29
30
  backgroundColor: 'var(--rvc-textarea-bg-color)',
30
31
  fontSize: 'var(--rvc-textarea-font-size)',
32
+ fontWeight: 'var(--rvc-textarea-font-weight)',
31
33
  color: 'var(--rvc-textarea-color)',
32
34
  boxShadow: 'var(--rvc-textarea-box-shadow)',
33
35
  minHeight: 'var(--rvc-textarea-height)',
@@ -16,7 +16,7 @@ export default (theme) => ({
16
16
  '--rvc-tooltip-padding-x': theme('padding.4'),
17
17
  '--rvc-tooltip-padding-y': theme('padding.4'),
18
18
  '--rvc-tooltip-width': theme('width.max'),
19
- '--rvc-tooltip-bg-color': withAlphaValue(theme('colors.neutral.700'), 0.6),
19
+ '--rvc-tooltip-bg-color': withAlphaValue(theme('colors.slate.700'), 0.6),
20
20
  '--rvc-tooltip-arrow-size': theme('width.3'),
21
21
  '--rvc-tooltip-blur-size': theme('blur.sm'),
22
22
  },
@@ -62,5 +62,13 @@ export default (theme) => ({
62
62
  '&.rvc-tooltip-blur::before, &.rvc-tooltip-blur .rvc-tooltip-arrow': {
63
63
  backdropFilter: 'blur(var(--rvc-tooltip-blur-size))',
64
64
  },
65
+
66
+ // Size variants
67
+ '&.rvc-tooltip-sm': {
68
+ '--rvc-tooltip-padding-x': theme('padding.2'),
69
+ '--rvc-tooltip-padding-y': theme('padding.0'),
70
+ '--rvc-tooltip-arrow-size': theme('width[1.5]'),
71
+ ...theme('components.tooltip.sm'),
72
+ },
65
73
  },
66
74
  });
@@ -18,6 +18,7 @@ import lightswitch from './components/lightswitch.js';
18
18
  import modal from './components/modal.js';
19
19
  import pagination from './components/pagination.js';
20
20
  import radio from './components/radio.js';
21
+ import richText from './components/rich-text.js';
21
22
  import select from './components/select.js';
22
23
  import table from './components/table.js';
23
24
  import tabs from './components/tabs.js';
@@ -53,6 +54,7 @@ export default plugin.withOptions(
53
54
  pagination(theme),
54
55
  modal(theme),
55
56
  radio(theme),
57
+ richText(theme),
56
58
  select(theme),
57
59
  table(theme),
58
60
  tabs(theme),
@@ -79,6 +81,7 @@ export default plugin.withOptions(
79
81
  'rvc-lightswitch-group',
80
82
  'rvc-modal',
81
83
  'rvc-radio',
84
+ 'rvc-rich-text',
82
85
  'rvc-pagination',
83
86
  'rvc-select',
84
87
  'rvc-table',