nuxt-glorious 2.0.0-develop-3 → 2.0.0-develop-5

package/dist/runtime/scss/switch.css

@@ -1,61 +0,0 @@
-.switch {
-  direction: ltr;
-  --button-width: 3em;
-  --button-height: 1.5em;
-  --toggle-diameter: 1em;
-  --button-toggle-offset: calc(
-    (var(--button-height) - var(--toggle-diameter)) / 2
-  );
-  --toggle-shadow-offset: 10px;
-  --toggle-wider: 3em;
-}
-.switch-slider {
-  @apply bg-gray-300;
-  display: inline-block;
-  width: var(--button-width);
-  height: var(--button-height);
-  border-radius: calc(var(--button-height) / 2);
-  position: relative;
-  transition: 0.3s all ease-in-out;
-}
-.switch-slider::after {
-  content: "";
-  display: inline-block;
-  width: var(--toggle-diameter);
-  height: var(--toggle-diameter);
-  background-color: #fff;
-  border-radius: calc(var(--toggle-diameter) / 2);
-  position: absolute;
-  top: var(--button-toggle-offset);
-  transform: translateX(var(--button-toggle-offset));
-  box-shadow: var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
-  transition: 0.3s all ease-in-out;
-}
-.switch.color-orange input[type=checkbox]:checked + .switch-slider {
-  background-color: theme("colors.orange.500");
-}
-.switch.color-blue input[type=checkbox]:checked + .switch-slider {
-  background-color: theme("colors.blue.500");
-}
-.switch.color-gray input[type=checkbox]:checked + .switch-slider {
-  background-color: theme("colors.gray.500");
-}
-.switch.color-red input[type=checkbox]:checked + .switch-slider {
-  background-color: theme("colors.red.500");
-}
-.switch.color-green input[type=checkbox]:checked + .switch-slider {
-  background-color: theme("colors.green.500");
-}
-.switch input[type=checkbox]:checked + .switch-slider::after {
-  transform: translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));
-  box-shadow: calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
-}
-.switch input[type=checkbox] {
-  display: none;
-}
-.switch input[type=checkbox]:active + .switch-slider::after {
-  width: var(--toggle-wider);
-}
-.switch input[type=checkbox]:checked:active + .switch-slider::after {
-  transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));
-}

package/dist/runtime/scss/tab.css

@@ -1,9 +0,0 @@
-.glorious-tab {
-  @apply flex justify-between bg-green-100 rounded-lg gap-3 w-max max-w-full shadow-md;
-}
-.glorious-tab div > div > button {
-  @apply text-gray-700 text-sm hover:bg-green-200 hover:text-gray-800 cursor-pointer px-2 py-1 rounded-lg whitespace-nowrap;
-}
-.glorious-tab div > div > button.active {
-  @apply font-bold text-white bg-green-700;
-}

package/dist/runtime/scss/table.css

@@ -1,99 +0,0 @@
-.glorious-table {
-  @apply overflow-x-auto;
-}
-.glorious-table.color-orange > table > thead {
-  @apply rounded-t-md overflow-hidden;
-}
-.glorious-table.color-orange > table > thead > tr > th:first-child {
-  @apply rounded-r-lg bg-orange-400;
-}
-.glorious-table.color-orange > table > thead > tr > th {
-  @apply bg-orange-400;
-}
-.glorious-table.color-orange > table > thead > tr > th:last-child {
-  @apply rounded-l-lg bg-orange-400;
-}
-.glorious-table.color-orange > table > tbody > tr:nth-child(even) {
-  @apply bg-orange-50;
-}
-.glorious-table.color-orange > table > tbody > tr > td {
-  @apply px-4 py-2 text-center;
-}
-.glorious-table.color-blue > table > thead {
-  @apply rounded-t-md overflow-hidden;
-}
-.glorious-table.color-blue > table > thead > tr > th:first-child {
-  @apply rounded-r-lg bg-blue-400;
-}
-.glorious-table.color-blue > table > thead > tr > th {
-  @apply bg-blue-400;
-}
-.glorious-table.color-blue > table > thead > tr > th:last-child {
-  @apply rounded-l-lg bg-blue-400;
-}
-.glorious-table.color-blue > table > tbody > tr:nth-child(even) {
-  @apply bg-blue-50;
-}
-.glorious-table.color-blue > table > tbody > tr > td {
-  @apply px-4 py-2 text-center;
-}
-.glorious-table.color-gray > table > thead {
-  @apply rounded-t-md overflow-hidden;
-}
-.glorious-table.color-gray > table > thead > tr > th:first-child {
-  @apply rounded-r-lg bg-gray-400;
-}
-.glorious-table.color-gray > table > thead > tr > th {
-  @apply bg-gray-400;
-}
-.glorious-table.color-gray > table > thead > tr > th:last-child {
-  @apply rounded-l-lg bg-gray-400;
-}
-.glorious-table.color-gray > table > tbody > tr:nth-child(even) {
-  @apply bg-gray-50;
-}
-.glorious-table.color-gray > table > tbody > tr > td {
-  @apply px-4 py-2 text-center;
-}
-.glorious-table.color-red > table > thead {
-  @apply rounded-t-md overflow-hidden;
-}
-.glorious-table.color-red > table > thead > tr > th:first-child {
-  @apply rounded-r-lg bg-red-400;
-}
-.glorious-table.color-red > table > thead > tr > th {
-  @apply bg-red-400;
-}
-.glorious-table.color-red > table > thead > tr > th:last-child {
-  @apply rounded-l-lg bg-red-400;
-}
-.glorious-table.color-red > table > tbody > tr:nth-child(even) {
-  @apply bg-red-50;
-}
-.glorious-table.color-red > table > tbody > tr > td {
-  @apply px-4 py-2 text-center;
-}
-.glorious-table.color-green > table > thead {
-  @apply rounded-t-md overflow-hidden;
-}
-.glorious-table.color-green > table > thead > tr > th:first-child {
-  @apply rounded-r-lg bg-green-400;
-}
-.glorious-table.color-green > table > thead > tr > th {
-  @apply bg-green-400;
-}
-.glorious-table.color-green > table > thead > tr > th:last-child {
-  @apply rounded-l-lg bg-green-400;
-}
-.glorious-table.color-green > table > tbody > tr:nth-child(even) {
-  @apply bg-green-50;
-}
-.glorious-table.color-green > table > tbody > tr > td {
-  @apply px-4 py-2 text-center;
-}
-.glorious-table > table {
-  @apply w-full;
-}
-.glorious-table > table > thead > tr > th {
-  @apply px-4 py-2 text-center;
-}

package/dist/runtime/scss/textarea.css

@@ -1,67 +0,0 @@
-.glorious-textarea-orange {
-  @apply ring-orange-500;
-  @apply rounded-md ring-1 px-3;
-}
-.glorious-textarea-orange:focus-visible {
-  @apply outline-none ring-2;
-}
-.glorious-textarea-orange:disabled {
-  @apply bg-green-300 cursor-not-allowed;
-}
-
-.glorious-textarea-blue {
-  @apply ring-blue-500;
-  @apply rounded-md ring-1 px-3;
-}
-.glorious-textarea-blue:focus-visible {
-  @apply outline-none ring-2;
-}
-.glorious-textarea-blue:disabled {
-  @apply bg-green-300 cursor-not-allowed;
-}
-
-.glorious-textarea-gray {
-  @apply ring-gray-500;
-  @apply rounded-md ring-1 px-3;
-}
-.glorious-textarea-gray:focus-visible {
-  @apply outline-none ring-2;
-}
-.glorious-textarea-gray:disabled {
-  @apply bg-green-300 cursor-not-allowed;
-}
-
-.glorious-textarea-red {
-  @apply ring-red-500;
-  @apply rounded-md ring-1 px-3;
-}
-.glorious-textarea-red:focus-visible {
-  @apply outline-none ring-2;
-}
-.glorious-textarea-red:disabled {
-  @apply bg-green-300 cursor-not-allowed;
-}
-
-.glorious-textarea-green {
-  @apply ring-green-500;
-  @apply rounded-md ring-1 px-3;
-}
-.glorious-textarea-green:focus-visible {
-  @apply outline-none ring-2;
-}
-.glorious-textarea-green:disabled {
-  @apply bg-green-300 cursor-not-allowed;
-}
-
-.glorious-textarea {
-  @apply relative w-full flex flex-col;
-}
-.glorious-textarea > textarea {
-  @apply w-full p-2;
-}
-.glorious-textarea > textarea.validation-error {
-  @apply ring-red-500 bg-red-50;
-}
-.glorious-textarea > textarea::placeholder {
-  @apply text-[14px];
-}

package/dist/runtime/scss/timeline.css

@@ -1,47 +0,0 @@
-.glorious-timeline-items {
-  @apply relative;
-}
-.glorious-timeline-items div {
-  @apply relative;
-}
-.glorious-timeline-items div::before {
-  content: "";
-  @apply absolute w-[2px] right-[-15px];
-}
-.glorious-timeline-items div::before:not(:last-child) {
-  @apply h-[calc(100%+20px)];
-}
-.glorious-timeline-items-count {
-  @apply absolute w-5 h-5 top-0 right-[-24px] rounded-full;
-  @apply text-white flex justify-center items-center font-medium;
-}
-.glorious-timeline-items.color-orange > div::before {
-  @apply bg-orange-500;
-}
-.glorious-timeline-items.color-blue > div::before {
-  @apply bg-blue-500;
-}
-.glorious-timeline-items.color-gray > div::before {
-  @apply bg-gray-500;
-}
-.glorious-timeline-items.color-red > div::before {
-  @apply bg-red-500;
-}
-.glorious-timeline-items.color-green > div::before {
-  @apply bg-green-500;
-}
-.glorious-timeline-items.color-orange .glorious-timeline-items-count {
-  @apply bg-orange-500;
-}
-.glorious-timeline-items.color-blue .glorious-timeline-items-count {
-  @apply bg-blue-500;
-}
-.glorious-timeline-items.color-gray .glorious-timeline-items-count {
-  @apply bg-gray-500;
-}
-.glorious-timeline-items.color-red .glorious-timeline-items-count {
-  @apply bg-red-500;
-}
-.glorious-timeline-items.color-green .glorious-timeline-items-count {
-  @apply bg-green-500;
-}

package/dist/runtime/scss/tooltip.css

@@ -1,9 +0,0 @@
-.glorious-tooltip {
-  @apply relative w-max;
-}
-.glorious-tooltip > .tooltip-slot:hover ~ .tooltip-content {
-  @apply opacity-100;
-}
-.glorious-tooltip > .tooltip-content {
-  @apply bg-white w-max rounded-lg shadow-md pt-2 px-3 flex absolute bottom-10 opacity-0 transition-all duration-100 ease-in;
-}

package/dist/runtime/style/components/checkbox.css

@@ -1,94 +0,0 @@
-.glorious-checkbox {
-  @apply block relative cursor-pointer;
-}
-.glorious-checkbox > input {
-  @apply hidden;
-}
-.glorious-checkbox > input:checked ~ div {
-  @apply border-none;
-}
-.glorious-checkbox > input:checked ~ div:after {
-  @apply block h-max w-max;
-}
-.glorious-checkbox > input:disabled ~ div {
-  @apply cursor-not-allowed;
-}
-.glorious-checkbox > div:last-child {
-  @apply border border-gray-500 rounded bg-white left-0 top-0 absolute hover:shadow-lg;
-}
-.glorious-checkbox > div:last-child > div:first-child {
-  @apply hidden;
-}
-.glorious-checkbox > div:last-child:after {
-  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNIDI4LjI4MTI1IDYuMjgxMjUgTCAxMSAyMy41NjI1IEwgMy43MTg3NSAxNi4yODEyNSBMIDIuMjgxMjUgMTcuNzE4NzUgTCAxMC4yODEyNSAyNS43MTg3NSBMIDExIDI2LjQwNjI1IEwgMTEuNzE4NzUgMjUuNzE4NzUgTCAyOS43MTg3NSA3LjcxODc1IFoiLz48L3N2Zz4K);
-  @apply absolute hidden top-1 right-0 left-0 bottom-0 m-auto;
-}
-.glorious-checkbox.color-orange > input:checked ~ div {
-  @apply bg-orange-500;
-}
-.glorious-checkbox.color-blue > input:checked ~ div {
-  @apply bg-blue-500;
-}
-.glorious-checkbox.color-gray > input:checked ~ div {
-  @apply bg-gray-500;
-}
-.glorious-checkbox.color-red > input:checked ~ div {
-  @apply bg-red-500;
-}
-.glorious-checkbox.color-green > input:checked ~ div {
-  @apply bg-green-500;
-}
-.glorious-checkbox.size-5xl {
-  @apply w-[54px] h-[54px];
-}
-.glorious-checkbox.size-5xl > div:last-child {
-  @apply w-[54px] h-[54px];
-}
-.glorious-checkbox.size-4xl {
-  @apply w-[50px] h-[50px];
-}
-.glorious-checkbox.size-4xl > div:last-child {
-  @apply w-[50px] h-[50px];
-}
-.glorious-checkbox.size-3xl {
-  @apply w-[46px] h-[46px];
-}
-.glorious-checkbox.size-3xl > div:last-child {
-  @apply w-[46px] h-[46px];
-}
-.glorious-checkbox.size-2xl {
-  @apply w-[42px] h-[42px];
-}
-.glorious-checkbox.size-2xl > div:last-child {
-  @apply w-[42px] h-[42px];
-}
-.glorious-checkbox.size-xl {
-  @apply w-[38px] h-[38px];
-}
-.glorious-checkbox.size-xl > div:last-child {
-  @apply w-[38px] h-[38px];
-}
-.glorious-checkbox.size-lg {
-  @apply w-[32px] h-[32px];
-}
-.glorious-checkbox.size-lg > div:last-child {
-  @apply w-[32px] h-[32px];
-}
-.glorious-checkbox.size-md {
-  @apply w-[28px] h-[28px];
-}
-.glorious-checkbox.size-md > div:last-child {
-  @apply w-[28px] h-[28px];
-}
-.glorious-checkbox.size-sm {
-  @apply w-[24px] h-[24px];
-}
-.glorious-checkbox.size-sm > div:last-child {
-  @apply w-[24px] h-[24px];
-}
-.glorious-checkbox.size-xs {
-  @apply w-[20px] h-[20px];
-}
-.glorious-checkbox.size-xs > div:last-child {
-  @apply w-[20px] h-[20px];
-}

package/dist/runtime/style/components/file.css

@@ -1,134 +0,0 @@
-.glorious-file-orange {
-  @apply ring-orange-500;
-  @apply rounded-md ring-1 overflow-hidden cursor-pointer relative;
-}
-.glorious-file-orange > div.placeholder {
-  @apply bg-orange-500;
-  @apply text-white px-3 w-max;
-}
-.glorious-file-orange > div.placeholder.size-xl {
-  @apply py-2.5;
-}
-.glorious-file-orange > div.placeholder.size-lg {
-  @apply py-2;
-}
-.glorious-file-orange > div.placeholder.size-md {
-  @apply py-1.5;
-}
-.glorious-file-orange > div.placeholder.size-sm {
-  @apply py-1;
-}
-.glorious-file-orange > div.placeholder.size-xs {
-  @apply py-0.5;
-}
-.glorious-file-orange > div:last-child {
-  @apply absolute left-3 hidden;
-}
-
-.glorious-file-blue {
-  @apply ring-blue-500;
-  @apply rounded-md ring-1 overflow-hidden cursor-pointer relative;
-}
-.glorious-file-blue > div.placeholder {
-  @apply bg-blue-500;
-  @apply text-white px-3 w-max;
-}
-.glorious-file-blue > div.placeholder.size-xl {
-  @apply py-2.5;
-}
-.glorious-file-blue > div.placeholder.size-lg {
-  @apply py-2;
-}
-.glorious-file-blue > div.placeholder.size-md {
-  @apply py-1.5;
-}
-.glorious-file-blue > div.placeholder.size-sm {
-  @apply py-1;
-}
-.glorious-file-blue > div.placeholder.size-xs {
-  @apply py-0.5;
-}
-.glorious-file-blue > div:last-child {
-  @apply absolute left-3 hidden;
-}
-
-.glorious-file-gray {
-  @apply ring-gray-500;
-  @apply rounded-md ring-1 overflow-hidden cursor-pointer relative;
-}
-.glorious-file-gray > div.placeholder {
-  @apply bg-gray-500;
-  @apply text-white px-3 w-max;
-}
-.glorious-file-gray > div.placeholder.size-xl {
-  @apply py-2.5;
-}
-.glorious-file-gray > div.placeholder.size-lg {
-  @apply py-2;
-}
-.glorious-file-gray > div.placeholder.size-md {
-  @apply py-1.5;
-}
-.glorious-file-gray > div.placeholder.size-sm {
-  @apply py-1;
-}
-.glorious-file-gray > div.placeholder.size-xs {
-  @apply py-0.5;
-}
-.glorious-file-gray > div:last-child {
-  @apply absolute left-3 hidden;
-}
-
-.glorious-file-red {
-  @apply ring-red-500;
-  @apply rounded-md ring-1 overflow-hidden cursor-pointer relative;
-}
-.glorious-file-red > div.placeholder {
-  @apply bg-red-500;
-  @apply text-white px-3 w-max;
-}
-.glorious-file-red > div.placeholder.size-xl {
-  @apply py-2.5;
-}
-.glorious-file-red > div.placeholder.size-lg {
-  @apply py-2;
-}
-.glorious-file-red > div.placeholder.size-md {
-  @apply py-1.5;
-}
-.glorious-file-red > div.placeholder.size-sm {
-  @apply py-1;
-}
-.glorious-file-red > div.placeholder.size-xs {
-  @apply py-0.5;
-}
-.glorious-file-red > div:last-child {
-  @apply absolute left-3 hidden;
-}
-
-.glorious-file-green {
-  @apply ring-green-500;
-  @apply rounded-md ring-1 overflow-hidden cursor-pointer relative;
-}
-.glorious-file-green > div.placeholder {
-  @apply bg-green-500;
-  @apply text-white px-3 w-max;
-}
-.glorious-file-green > div.placeholder.size-xl {
-  @apply py-2.5;
-}
-.glorious-file-green > div.placeholder.size-lg {
-  @apply py-2;
-}
-.glorious-file-green > div.placeholder.size-md {
-  @apply py-1.5;
-}
-.glorious-file-green > div.placeholder.size-sm {
-  @apply py-1;
-}
-.glorious-file-green > div.placeholder.size-xs {
-  @apply py-0.5;
-}
-.glorious-file-green > div:last-child {
-  @apply absolute left-3 hidden;
-}