@rokkit/themes 1.0.0-next.124 → 1.0.0-next.127

package/src/base/molecules.css

@@ -1,109 +0,0 @@
-/* Input range styles */
-rk-input-range rk-range-track {
-  @apply relative mt-3 h-1;
-}
-rk-input-range rk-range-track rk-range-track-bar {
-  @apply bg-surface-z2 border-surface-z3 rounded-full;
-}
-rk-input-range rk-range-track selected {
-  @apply top-0px bottom-0px;
-}
-rk-input-range rk-range-track rk-thumb {
-  @apply rounded-full;
-}
-rk-input-range rk-thumb {
-  @apply bg-secondary border-secondary -top-1.5 border shadow-xl;
-}
-rk-input-range rk-thumb.sliding::before {
-  content: '';
-  @apply bg-secondary-400 absolute bottom-0 left-0 right-0 top-0 rounded-full opacity-30;
-  transform: scale(2, 2);
-}
-
-/* Bookend styles */
-.bookend rk-range-track rk-range-track-bar::before,
-.bookend rk-range-track rk-range-track-bar::after {
-  content: '';
-  @apply w-1px absolute -bottom-2 -top-2 rounded-full bg-gray-300;
-}
-.bookend rk-range-track rk-range-track-bar::before {
-  @apply -left-1px;
-}
-.bookend rk-range-track rk-range-track-bar::after {
-  @apply -right-2px;
-}
-
-/* Input rk-range tick styles */
-rk-input-range tick {
-  grid-template-rows: 7px auto;
-}
-rk-input-range tick tick-bar {
-  @apply border-surface-600 h-full;
-}
-rk-input-range tick p {
-  @apply items-top text-surface-600 leading-tight;
-  font-size: 8px;
-}
-
-/* rk-calendar styles */
-rk-calendar {
-  @apply overflow-hidden rounded-md shadow-lg;
-}
-rk-calendar month-year {
-  @apply bg-secondary-400 text-white;
-}
-rk-calendar cal-body days-of-week p,
-rk-calendar cal-body days-of-month p {
-  @apply h-8 w-8 text-xs;
-}
-rk-calendar cal-body days-of-week p.weekend,
-rk-calendar cal-body days-of-month p.weekend,
-rk-calendar cal-body days-of-month p.holiday {
-  @apply text-primary-700;
-}
-rk-calendar cal-body days-of-month {
-  @apply gap-2px;
-}
-rk-day-of-month {
-  @apply hover:bg-secondary-200 hover:rounded-full;
-}
-rk-day-of-month[aria-selected='true'] {
-  @apply bg-secondary rounded-full text-white;
-}
-
-/* Form styles */
-form {
-  @apply flex flex-col gap-4;
-}
-field-layout.vertical {
-  @apply flex flex-col gap-2;
-}
-field-layout.horizontal {
-  @apply flex flex-col gap-2 md:flex-row md:gap-4;
-}
-selected-item rk-item {
-  @apply flex-grow;
-}
-rk-input-field {
-  @apply m-0 w-full py-1;
-}
-rk-input-field input,
-rk-input-field textarea,
-rk-input-field select,
-rk-input-field > field > :not(icon) {
-  @apply px-3;
-  @apply min-h-9 flex-grow leading-loose outline-none;
-  @apply bg-surface-z2 text-surface-800;
-}
-rk-input-field > label {
-  @apply text-xs uppercase;
-  @apply leading-loose;
-}
-rk-input-field > label.required::after {
-  content: ' *';
-  @apply state-danger;
-}
-
-rk-select > select {
-  @apply min-w-40 rounded px-3 leading-loose;
-}

package/src/base/organisms.css

@@ -1,66 +0,0 @@
-/* default structure */
-/*  List styles */
-rk-list {
-  @apply flex w-full flex-shrink-0 select-none flex-col;
-}
-
-/* Accordion */
-rk-accordion {
-  @apply flex w-full select-none flex-col;
-}
-/* Node Styles */
-rk-node {
-  @apply flex min-h-5 cursor-pointer select-none flex-col;
-}
-/* Nested List Styles */
-rk-nested-list {
-  @apply flex w-full flex-col;
-}
-rk-tree {
-  @apply flex h-full w-full flex-shrink-0 flex-col scroll-auto;
-}
-rk-status-report {
-  @apply flex flex-col;
-}
-rk-status-report > rk-message {
-  @apply flex gap-2;
-}
-rk-input-range {
-  @apply relative grid h-10 grid-rows-2;
-}
-rk-checkbox {
-  @apply flex cursor-pointer select-none items-center leading-loose;
-}
-rk-crumbs {
-  @apply flex gap-1;
-}
-rk-pill {
-  @apply py-2px flex items-center gap-2 px-2;
-}
-
-rk-input-select,
-rk-drop-down {
-  @apply cursor-pointer overflow-visible;
-}
-
-rk-input-field rk-field {
-  @apply gap-1px;
-}
-rk-input-field rk-field rk-icon {
-  @apply bg-surface-z2 text-surface-800 h-9 w-9;
-}
-
-rk-input-field > rk-field > rk-input-select {
-  @apply px-0;
-}
-
-rk-input-select rk-selected-item > rk-icon,
-rk-drop-down > button > span > rk-icon {
-  @apply h-full w-9;
-}
-rk-input-select > rk-selected-item,
-rk-drop-down > button > span {
-  /* @apply bg-surface-z1 pl-3; */
-  @apply min-h-9 items-center gap-2 pl-3 normal-case;
-  @apply text-surface-800 rounded;
-}

package/src/base/scrollbar.css

@@ -1,16 +0,0 @@
-/* Scrollbar styles */
-/* Firefox */
-* {
-  scrollbar-width: thin;
-  scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
-}
-/* For Webkit browsers */
-::-webkit-scrollbar:horizontal {
-  @apply max-h-2;
-}
-::-webkit-scrollbar:vertical {
-  @apply max-w-2;
-}
-::-webkit-scrollbar-thumb {
-  @apply rgba(0,0,0,0.5) rounded-full;
-}

package/src/base/toggles.css

@@ -1,17 +0,0 @@
-/* Checkbox styles */
-rk-checkbox {
-  @apply gap-2;
-}
-
-rk-switch,
-rk-toggle {
-  @apply flex items-center;
-}
-
-rk-radio-group label {
-  @apply cursor-pointer uppercase;
-}
-
-rk-toggle {
-  @apply text-primary-700 flex items-center justify-center rounded-sm;
-}

package/src/base.css

@@ -1,13 +0,0 @@
-@import './base/core.css';
-@import './base/scrollbar.css';
-@import './base/atoms.css';
-@import './base/molecules.css';
-@import './base/organisms.css';
-@import './base/layout.css';
-@import './base/table.css';
-@import './base/tree.css';
-@import './base/carousel.css';
-@import './base/animation.css';
-@import './base/alert.css';
-@import './base/progress.css';
-@import './base/toggles.css';