@proj-airi/ui 0.6.1 → 0.7.0-beta.1

package/dist/Form-BXVt-kFc.css

@@ -1,336 +0,0 @@
-
-/*generated with Input range slider CSS style generator (version 20211225)
-https://toughengineer.github.io/demo/slider-styler*/
-.form_input-range[data-v-251c0c52] {
-  --height: 2em;
-
-  min-height: var(--height);
-  appearance: none;
-  background: transparent;
-  border-radius: 4px;
-  transition: background-color 0.2s ease;
-
-  --thumb-width: 4px;
-  --thumb-height: var(--height);
-  --thumb-box-shadow: 0 0 0px #e6e6e6;
-  --thumb-border: none;
-  --thumb-border-radius: 999px;
-  --thumb-background: oklch(80% var(--theme-colors-chroma-200) calc(var(--theme-colors-hue) + 0));
-  --thumb-background-hover: oklch(90% var(--theme-colors-chroma-200) calc(var(--theme-colors-hue) + 0));
-  --thumb-background-active: oklch(70% var(--theme-colors-chroma-200) calc(var(--theme-colors-hue) + 0));
-
-  --track-height: calc(var(--height) - var(--track-value-padding) * 2);
-  --track-box-shadow: none;
-  --track-border: solid 2px rgb(238, 238, 238);
-  --track-border-radius: 6px;
-  --track-background: rgb(238, 238, 238);
-  --track-background-hover: rgb(238, 238, 238);
-  --track-background-active: rgb(238, 238, 238);
-
-  --track-value-background: rgb(255, 255, 255);
-  --track-value-background-hover: rgb(255, 255, 255);
-  --track-value-background-active: rgb(255, 255, 255);
-  --track-value-padding: 2px;
-}
-.dark .form_input-range[data-v-251c0c52] {
-  --thumb-background: oklch(70% var(--theme-colors-chroma-200) calc(var(--theme-colors-hue) + 0));
-  --thumb-background-hover: oklch(90% var(--theme-colors-chroma-200) calc(var(--theme-colors-hue) + 0));
-  --thumb-background-active: oklch(80% var(--theme-colors-chroma-200) calc(var(--theme-colors-hue) + 0));
-
-  --track-border: solid 2px rgb(44, 44, 44);
-  --track-background: rgb(44, 44, 44);
-  --track-background-hover: rgb(44, 44, 44);
-  --track-background-active: rgb(44, 44, 44);
-
-  --track-value-background: rgb(164, 164, 164);
-  --track-value-background-hover: rgb(164, 164, 164);
-  --track-value-background-active: rgb(164, 164, 164);
-}
-
-/*progress support*/
-.form_input-range.slider-progress[data-v-251c0c52] {
-  --range: calc(var(--max) - var(--min));
-  --ratio: calc((var(--value) - var(--min)) / var(--range));
-  --sx: calc(0.5 * 0em + var(--ratio) * (100% - 0em));
-}
-.form_input-range[data-v-251c0c52]:focus {
-  outline: none;
-}
-
-/*webkit*/
-.form_input-range[data-v-251c0c52]::-webkit-slider-thumb {
-  appearance: none;
-  width: var(--thumb-width);
-  height: var(--thumb-height);
-  border-radius: var(--thumb-border-radius);
-  background: var(--thumb-background);
-  border: var(--thumb-border);
-  box-shadow: var(--thumb-box-shadow);
-  margin-top: calc(var(--track-height) * 0.5 - var(--thumb-height) * 0.5 - 2px);
-  margin-left: calc(0 - var(--track-value-padding));
-  cursor: col-resize;
-  transition:
-    background 0.2s ease-in-out,
-    box-shadow 0.2s ease-in-out,
-    border-color 0.2s ease-in-out,
-    transform 0.2s ease-in-out;
-}
-.form_input-range[data-v-251c0c52]::-webkit-slider-runnable-track {
-  height: var(--track-height);
-  border: var(--track-border);
-  border-radius: var(--track-border-radius);
-  background: var(--track-background);
-  box-shadow: var(--track-box-shadow);
-  position: relative;
-  cursor: col-resize;
-  transition:
-    box-shadow 0.2s ease-in-out,
-    border-color 0.2s ease-in-out;
-}
-.form_input-range[data-v-251c0c52]::-webkit-slider-thumb:hover {
-  background: var(--thumb-background-hover);
-}
-.form_input-range[data-v-251c0c52]:hover::-webkit-slider-runnable-track {
-  background: var(--track-background-hover);
-}
-.form_input-range[data-v-251c0c52]::-webkit-slider-thumb:active {
-  background: var(--thumb-background-active);
-}
-.form_input-range[data-v-251c0c52]:active::-webkit-slider-runnable-track {
-  background: var(--track-background-active);
-}
-.form_input-range.slider-progress[data-v-251c0c52]::-webkit-slider-runnable-track {
-  /* margin-left: var(--track-value-padding); */
-  margin-right: calc(0 - var(--track-value-padding));
-  background:
-    linear-gradient(var(--track-value-background), var(--track-value-background)) 0 / var(--sx) 100% no-repeat,
-    var(--track-background);
-}
-.form_input-range.slider-progress[data-v-251c0c52]:hover::-webkit-slider-runnable-track {
-  background:
-    linear-gradient(var(--track-value-background-hover), var(--track-value-background-hover)) 0 / var(--sx) 100%
-      no-repeat,
-    var(--track-background-hover);
-}
-.form_input-range.slider-progress[data-v-251c0c52]:active::-webkit-slider-runnable-track {
-  background:
-    linear-gradient(var(--track-value-background-active), var(--track-value-background-active)) 0 / var(--sx) 100%
-      no-repeat,
-    var(--track-background-active);
-}
-
-/*mozilla*/
-.form_input-range[data-v-251c0c52]::-moz-range-thumb {
-  width: var(--thumb-width);
-  height: var(--thumb-height);
-  border-radius: var(--thumb-border-radius);
-  background: var(--thumb-background);
-  border: none;
-  box-shadow: var(--thumb-box-shadow);
-  cursor: col-resize;
-  margin-left: calc(0 - var(--track-value-padding));
-}
-.form_input-range[data-v-251c0c52]::-moz-range-track {
-  height: var(--track-height);
-  border: var(--track-border);
-  border-radius: var(--track-border-radius);
-  background: var(--track-background);
-  box-shadow: var(--track-box-shadow);
-  cursor: col-resize;
-  /* Trim left and right paddings of track */
-  width: calc(100% - var(--track-value-padding) * 2);
-}
-.form_input-range[data-v-251c0c52]::-moz-range-thumb:hover {
-  background: var(--thumb-background-hover);
-}
-.form_input-range[data-v-251c0c52]:hover::-moz-range-track {
-  background: var(--track-background-hover);
-}
-.form_input-range[data-v-251c0c52]::-moz-range-thumb:active {
-  background: var(--thumb-background-active);
-}
-.form_input-range[data-v-251c0c52]:active::-moz-range-track {
-  background: var(--track-background-active);
-}
-.form_input-range.slider-progress[data-v-251c0c52]::-moz-range-track {
-  background:
-    linear-gradient(var(--track-value-background), var(--track-value-background)) 0 / var(--sx) 100% no-repeat,
-    var(--track-background);
-}
-.form_input-range.slider-progress[data-v-251c0c52]:hover::-moz-range-track {
-  background:
-    linear-gradient(var(--track-value-background-hover), var(--track-value-background-hover)) 0 / var(--sx) 100%
-      no-repeat,
-    var(--track-background-hover);
-}
-.form_input-range.slider-progress[data-v-251c0c52]:active::-moz-range-track {
-  background:
-    linear-gradient(var(--track-value-background-active), var(--track-value-background-active)) 0 / var(--sx) 100%
-      no-repeat,
-    var(--track-background-active);
-}
-
-/*ms*/
-.form_input-range[data-v-251c0c52]::-ms-fill-upper {
-  background: transparent;
-  border-color: transparent;
-}
-.form_input-range[data-v-251c0c52]::-ms-fill-lower {
-  background: transparent;
-  border-color: transparent;
-}
-.form_input-range[data-v-251c0c52]::-ms-thumb {
-  width: var(--thumb-width);
-  height: var(--thumb-height);
-  border-radius: var(--thumb-border-radius);
-  background: var(--thumb-background);
-  border: var(--thumb-border);
-  box-shadow: var(--thumb-box-shadow);
-  /** Center thumb */
-  margin-top: 0;
-  /** Shift left thumb */
-  margin-left: calc(0 - var(--track-value-padding));
-  box-sizing: border-box;
-  cursor: col-resize;
-}
-.form_input-range[data-v-251c0c52]::-ms-track {
-  height: var(--track-height);
-  border-radius: var(--track-border-radius);
-  background: var(--track-background);
-  border: var(--track-border);
-  box-shadow: var(--track-box-shadow);
-  box-sizing: border-box;
-  cursor: col-resize;
-}
-.form_input-range[data-v-251c0c52]::-ms-thumb:hover {
-  background: var(--thumb-background-hover);
-}
-.form_input-range[data-v-251c0c52]:hover::-ms-track {
-  background: var(--track-background-hover);
-}
-.form_input-range[data-v-251c0c52]::-ms-thumb:active {
-  background: var(--thumb-background-active);
-}
-.form_input-range[data-v-251c0c52]:active::-ms-track {
-  background: var(--track-background-active);
-}
-.form_input-range.slider-progress[data-v-251c0c52]::-ms-fill-lower {
-  height: var(--track-height);
-  border-radius: var(--track-border-radius) 0 0 var(--track-border-radius);
-  margin: 0;
-  background: var(--track-value-background);
-  border: none;
-  border-right-width: 0;
-  /** Shift left thumb */
-  margin-left: calc(var(--track-value-padding));
-  /** Shift right thumb */
-  margin-right: calc(0 - var(--track-value-padding));
-}
-.form_input-range.slider-progress[data-v-251c0c52]:hover::-ms-fill-lower {
-  background: var(--track-value-background-hover);
-}
-.form_input-range.slider-progress[data-v-251c0c52]:active::-ms-fill-lower {
-  background: var(--track-value-background-active);
-}
-
-
-.form_radio[data-v-fc242fb2] {
-  position: relative;
-  overflow: hidden;
-}
-.form_radio[data-v-fc242fb2]::before {
-  --at-apply: 'bg-gradient-to-r from-primary-500/0 to-primary-500/0 dark:from-primary-400/0 dark:to-primary-400/0';
-  content: '';
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-  width: 25%;
-  height: 100%;
-  transition: all 0.35s ease-in-out;
-  mask-image: linear-gradient(120deg, white 100%);
-  opacity: 0;
-}
-.form_radio[data-v-fc242fb2]:hover::before,
-.form_radio._hover[data-v-fc242fb2]::before {
-  --at-apply: 'bg-gradient-to-r from-primary-500/20 via-primary-500/10 to-transparent dark:from-primary-400/20 dark:via-primary-400/10 dark:to-transparent';
-  width: 85%;
-  opacity: 1;
-}
-.form_radio-active[data-v-fc242fb2]::before {
-  --at-apply: 'bg-gradient-to-r from-primary-500/20 via-primary-500/10 to-transparent dark:from-primary-400/20 dark:via-primary-400/10 dark:to-transparent';
-  width: 85%;
-  opacity: 0.5;
-}
-
-
-.color-hue-range {
-&[data-v-ab824765] {
-  --at-apply: appearance-none h-10 rounded-lg;
-  background: linear-gradient(
-    to right,
-    oklch(85% 0.2 0),
-    oklch(85% 0.2 60),
-    oklch(85% 0.2 120),
-    oklch(85% 0.2 180),
-    oklch(85% 0.2 240),
-    oklch(85% 0.2 300),
-    oklch(85% 0.2 360)
-  );
-}
-&[data-v-ab824765]::-webkit-slider-thumb {
-    --at-apply: w-1 h-12 appearance-none rounded-md bg-neutral-600 cursor-pointer shadow-lg border-2 border-neutral-500
-      hover: bg-neutral-800 transition-colors duration-200;
-}
-.dark &[data-v-ab824765]::-webkit-slider-thumb {
-    --at-apply: w-1 h-12 appearance-none rounded-md bg-neutral-100 cursor-pointer shadow-md border-2 border-white
-      hover: bg-neutral-300 transition-colors duration-200;
-}
-&[data-v-ab824765]::-moz-range-thumb {
-    --at-apply: w-1 h-12 appearance-none rounded-md bg-neutral-600 cursor-pointer shadow-lg border-2 border-neutral-500
-      hover: bg-neutral-800 transition-colors duration-200;
-}
-.dark &[data-v-ab824765]::-moz-range-thumb {
-    --at-apply: w-1 h-12 appearance-none rounded-md bg-neutral-100 cursor-pointer shadow-md border-2 border-white
-      hover: bg-neutral-300 transition-colors duration-200;
-}
-}
-
-
-.resize-observer[data-v-b329ee4c] {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  width: 100%;
-  height: 100%;
-  border: none;
-  background-color: transparent;
-  pointer-events: none;
-  display: block;
-  overflow: hidden;
-  opacity: 0;
-}
-.resize-observer[data-v-b329ee4c] object {
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-  pointer-events: none;
-  z-index: -1;
-}
-.v-popper__popper {
-  z-index: 10000;
-  top: 0;
-  left: 0;
-  outline: none;
-}
-.v-popper__arrow-container {
-  display: none;
-}
-.v-popper__inner {
-  border: none !important;
-}
-