@nasa-terra/components 0.0.1 → 0.0.2

package/cdn/chunks/chunk.OU4UPMYR.js

@@ -1,330 +0,0 @@
-// src/components/date-range-slider/date-range-slider.styles.ts
-import { css } from "lit";
-var date_range_slider_styles_default = css`
-    :host {
-        display: block;
-    }
-
-    .hasPips {
-        padding-bottom: 80px;
-    }
-
-    .noUi-target[disabled] .noUi-connect {
-        background-color: rgb(119, 164, 238);
-    }
-
-    /* TODO: figure out how to import these styles from node_modules/nouislider/dist/nouislider.css */
-    /* Functional styling;
-    * These styles are required for noUiSlider to function.
-    * You don't need to change these rules to apply your design.
-    */
-    .noUi-target,
-    .noUi-target * {
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-        -webkit-user-select: none;
-        -ms-touch-action: none;
-        touch-action: none;
-        -ms-user-select: none;
-        -moz-user-select: none;
-        user-select: none;
-        -moz-box-sizing: border-box;
-        box-sizing: border-box;
-    }
-    .noUi-target {
-        position: relative;
-    }
-    .noUi-base,
-    .noUi-connects {
-        width: 100%;
-        height: 100%;
-        position: relative;
-        z-index: 1;
-    }
-    /* Wrapper for all connect elements.
- */
-    .noUi-connects {
-        overflow: hidden;
-        z-index: 0;
-    }
-    .noUi-connect,
-    .noUi-origin {
-        will-change: transform;
-        position: absolute;
-        z-index: 1;
-        top: 0;
-        right: 0;
-        height: 100%;
-        width: 100%;
-        -ms-transform-origin: 0 0;
-        -webkit-transform-origin: 0 0;
-        -webkit-transform-style: preserve-3d;
-        transform-origin: 0 0;
-        transform-style: flat;
-    }
-    /* Offset direction
- */
-    .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
-        left: 0;
-        right: auto;
-    }
-    /* Give origins 0 height/width so they don't interfere with clicking the
- * connect elements.
- */
-    .noUi-vertical .noUi-origin {
-        top: -100%;
-        width: 0;
-    }
-    .noUi-horizontal .noUi-origin {
-        height: 0;
-    }
-    .noUi-handle {
-        -webkit-backface-visibility: hidden;
-        backface-visibility: hidden;
-        position: absolute;
-    }
-    .noUi-touch-area {
-        height: 100%;
-        width: 100%;
-    }
-    .noUi-state-tap .noUi-connect,
-    .noUi-state-tap .noUi-origin {
-        -webkit-transition: transform 0.3s;
-        transition: transform 0.3s;
-    }
-    .noUi-state-drag * {
-        cursor: inherit !important;
-    }
-    /* Slider size and handle placement;
- */
-    .noUi-horizontal {
-        height: 18px;
-    }
-
-    .noUi-horizontal .noUi-handle {
-        width: 30px;
-        height: 30px;
-        right: -15px;
-        top: -7px;
-    }
-    .noUi-vertical {
-        width: 18px;
-    }
-    .noUi-vertical .noUi-handle {
-        width: 28px;
-        height: 34px;
-        right: -6px;
-        bottom: -17px;
-    }
-    .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
-        left: -17px;
-        right: auto;
-    }
-    /* Styling;
- * Giving the connect element a border radius causes issues with using transform: scale
- */
-    .noUi-target {
-        background: #fafafa;
-        border-radius: 4px;
-        border: 1px solid #d3d3d3;
-        box-shadow:
-            inset 0 1px 1px #f0f0f0,
-            0 3px 6px -5px #bbb;
-    }
-    .noUi-connects {
-        border-radius: 3px;
-    }
-    .noUi-connect {
-        background: rgb(119, 164, 238);
-    }
-    /* Handles and cursors;
- */
-    .noUi-draggable {
-        cursor: ew-resize;
-    }
-    .noUi-vertical .noUi-draggable {
-        cursor: ns-resize;
-    }
-    .noUi-handle {
-        background: #1c67e3;
-        border: 1px solid rgb(119, 164, 238);
-        border-radius: 99px;
-        cursor: default;
-        box-shadow:;
-    }
-    .noUi-active {
-        box-shadow:
-            inset 0 0 1px #fff,
-            inset 0 1px 7px #ddd,
-            0 3px 6px -3px #bbb;
-    }
-    /* Handle stripes;
- */
-    .noUi-handle:before,
-    .noUi-handle:after {
-        content: '';
-        display: block;
-        position: absolute;
-        height: 14px;
-        width: 1px;
-        left: 14px;
-        top: 6px;
-    }
-    .noUi-handle:after {
-        left: 17px;
-    }
-    .noUi-vertical .noUi-handle:before,
-    .noUi-vertical .noUi-handle:after {
-        width: 14px;
-        height: 1px;
-        left: 6px;
-        top: 14px;
-    }
-    .noUi-vertical .noUi-handle:after {
-        top: 17px;
-    }
-    /* Disabled state;
- */
-    [disabled] .noUi-connect {
-        background: #b8b8b8;
-    }
-    [disabled].noUi-target,
-    [disabled].noUi-handle,
-    [disabled] .noUi-handle {
-        cursor: not-allowed;
-    }
-    /* Base;
- *
- */
-    .noUi-pips,
-    .noUi-pips * {
-        -moz-box-sizing: border-box;
-        box-sizing: border-box;
-    }
-    .noUi-pips {
-        position: absolute;
-        color: #999;
-    }
-    /* Values;
- *
- */
-    .noUi-value {
-        position: absolute;
-        white-space: nowrap;
-        text-align: center;
-    }
-    .noUi-value-sub {
-        color: #ccc;
-        font-size: 10px;
-    }
-    /* Markings;
- *
- */
-    .noUi-marker {
-        position: absolute;
-        background: #ccc;
-    }
-    .noUi-marker-sub {
-        background: #aaa;
-    }
-    .noUi-marker-large {
-        background: #aaa;
-    }
-    /* Horizontal layout;
- *
- */
-    .noUi-pips-horizontal {
-        padding: 10px 0;
-        height: 80px;
-        top: 100%;
-        left: 0;
-        width: 100%;
-    }
-    .noUi-value-horizontal {
-        -webkit-transform: translate(-50%, 50%);
-        transform: translate(-50%, 50%);
-    }
-    .noUi-rtl .noUi-value-horizontal {
-        -webkit-transform: translate(50%, 50%);
-        transform: translate(50%, 50%);
-    }
-    .noUi-marker-horizontal.noUi-marker {
-        margin-left: -1px;
-        width: 2px;
-        height: 5px;
-    }
-    .noUi-marker-horizontal.noUi-marker-sub {
-        height: 10px;
-    }
-    .noUi-marker-horizontal.noUi-marker-large {
-        height: 15px;
-    }
-    /* Vertical layout;
- *
- */
-    .noUi-pips-vertical {
-        padding: 0 10px;
-        height: 100%;
-        top: 0;
-        left: 100%;
-    }
-    .noUi-value-vertical {
-        -webkit-transform: translate(0, -50%);
-        transform: translate(0, -50%);
-        padding-left: 25px;
-    }
-    .noUi-rtl .noUi-value-vertical {
-        -webkit-transform: translate(0, 50%);
-        transform: translate(0, 50%);
-    }
-    .noUi-marker-vertical.noUi-marker {
-        width: 5px;
-        height: 2px;
-        margin-top: -1px;
-    }
-    .noUi-marker-vertical.noUi-marker-sub {
-        width: 10px;
-    }
-    .noUi-marker-vertical.noUi-marker-large {
-        width: 15px;
-    }
-    .noUi-tooltip {
-        display: block;
-        position: absolute;
-        border: 1px solid #d9d9d9;
-        border-radius: 3px;
-        background: #fff;
-        color: #000;
-        padding: 5px;
-        text-align: center;
-        white-space: nowrap;
-    }
-    .noUi-horizontal .noUi-tooltip {
-        -webkit-transform: translate(-50%, 0);
-        transform: translate(-50%, 0);
-        left: 50%;
-        bottom: 120%;
-    }
-    .noUi-vertical .noUi-tooltip {
-        -webkit-transform: translate(0, -50%);
-        transform: translate(0, -50%);
-        top: 50%;
-        right: 120%;
-    }
-    .noUi-horizontal .noUi-origin > .noUi-tooltip {
-        -webkit-transform: translate(50%, 0);
-        transform: translate(50%, 0);
-        left: auto;
-        bottom: 10px;
-    }
-    .noUi-vertical .noUi-origin > .noUi-tooltip {
-        -webkit-transform: translate(0, -18px);
-        transform: translate(0, -18px);
-        top: auto;
-        right: 28px;
-    }
-`;
-
-export {
-  date_range_slider_styles_default
-};