nuxt-glorious 2.0.0-develop-0 → 2.0.0-develop-2

package/dist/runtime/scss/glorious/table.css

@@ -0,0 +1,99 @@
+.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

@@ -0,0 +1,67 @@
+.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

@@ -0,0 +1,47 @@
+.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

@@ -0,0 +1,9 @@
+.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;
+}