nuxt-glorious 2.0.0-develop-4 → 2.0.0-develop-5

package/dist/runtime/scss/glorious/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/glorious/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/glorious/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/glorious/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/glorious/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/glorious/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;
-}