@nasa-terra/components 0.0.189 → 0.0.191

package/cdn/chunks/chunk.TSXJLTWJ.js

@@ -1,77 +0,0 @@
-import {
-  i
-} from "./chunk.JS5TDQ5C.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/popup/popup.styles.ts
-init_dirname();
-init_buffer();
-init_process();
-var popup_styles_default = i`
-    :host {
-        --arrow-color: var(--terra-popup-arrow-color);
-        --arrow-size: var(--terra-popup-arrow-size);
-
-        /*
-        * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
-        * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.
-        */
-        --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);
-        --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));
-
-        display: contents;
-    }
-
-    .popup {
-        position: absolute;
-        isolation: isolate;
-        max-width: var(--auto-size-available-width, none);
-        max-height: var(--auto-size-available-height, none);
-    }
-
-    .popup--fixed {
-        position: fixed;
-    }
-
-    .popup:not(.popup--active) {
-        display: none;
-    }
-
-    .popup__arrow {
-        position: absolute;
-        width: calc(var(--arrow-size-diagonal) * 2);
-        height: calc(var(--arrow-size-diagonal) * 2);
-        rotate: 45deg;
-        background: var(--arrow-color);
-        z-index: -1;
-    }
-
-    /* Hover bridge */
-    .popup-hover-bridge:not(.popup-hover-bridge--visible) {
-        display: none;
-    }
-
-    .popup-hover-bridge {
-        position: fixed;
-        z-index: calc(var(--terra-z-index-dropdown) - 1);
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        clip-path: polygon(
-            var(--hover-bridge-top-left-x, 0) var(--hover-bridge-top-left-y, 0),
-            var(--hover-bridge-top-right-x, 0) var(--hover-bridge-top-right-y, 0),
-            var(--hover-bridge-bottom-right-x, 0)
-                var(--hover-bridge-bottom-right-y, 0),
-            var(--hover-bridge-bottom-left-x, 0) var(--hover-bridge-bottom-left-y, 0)
-        );
-    }
-`;
-
-export {
-  popup_styles_default
-};

package/cdn/chunks/chunk.TUVVQZGO.js

@@ -1,29 +0,0 @@
-import {
-  TerraDataAccess
-} from "./chunk.HLZLS6AD.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/react/data-access/index.ts
-init_dirname();
-init_buffer();
-init_process();
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "terra-data-access";
-TerraDataAccess.define("terra-data-access");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: TerraDataAccess,
-  react: React,
-  events: {},
-  displayName: "TerraDataAccess"
-});
-var data_access_default = reactWrapper;
-
-export {
-  data_access_default
-};

package/cdn/chunks/chunk.TVA2ZP4B.js

@@ -1,201 +0,0 @@
-import {
-  i
-} from "./chunk.JS5TDQ5C.js";
-import {
-  init_buffer,
-  init_dirname,
-  init_process
-} from "./chunk.ZEOVK2FE.js";
-
-// src/components/toggle/toggle.styles.ts
-init_dirname();
-init_buffer();
-init_process();
-var toggle_styles_default = i`
-    :host {
-        display: inline-block;
-    }
-
-    :host([size='small']) {
-        --height: var(--terra-toggle-size-small);
-        --thumb-size: calc(var(--terra-toggle-size-small) + 4px);
-        --width: calc(var(--height) * 2);
-
-        font-size: var(--terra-input-font-size-small);
-    }
-
-    :host([size='medium']) {
-        --height: var(--terra-toggle-size-medium);
-        --thumb-size: calc(var(--terra-toggle-size-medium) + 4px);
-        --width: calc(var(--height) * 2);
-
-        font-size: var(--terra-input-font-size-medium);
-    }
-
-    :host([size='large']) {
-        --height: var(--terra-toggle-size-large);
-        --thumb-size: calc(var(--terra-toggle-size-large) + 4px);
-        --width: calc(var(--height) * 2);
-
-        font-size: var(--terra-input-font-size-large);
-    }
-
-    .toggle {
-        position: relative;
-        display: inline-flex;
-        align-items: center;
-        font-family: var(--terra-input-font-family);
-        font-size: inherit;
-        font-weight: var(--terra-input-font-weight);
-        color: var(--terra-toggle-label-color);
-        vertical-align: middle;
-        cursor: pointer;
-    }
-
-    .toggle__control {
-        flex: 0 0 auto;
-        position: relative;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        width: var(--width);
-        height: var(--height);
-        background-color: var(--terra-toggle-background-color-off);
-        border: solid var(--terra-input-border-width)
-            var(--terra-toggle-border-color-off);
-        border-radius: var(--height);
-        transition:
-            var(--terra-transition-fast) border-color,
-            var(--terra-transition-fast) background-color;
-    }
-
-    .toggle__control .toggle__thumb {
-        width: var(--thumb-size);
-        height: var(--thumb-size);
-        background-color: var(--terra-toggle-thumb-background-color);
-        border-radius: 50%;
-        border: solid var(--terra-input-border-width)
-            var(--terra-toggle-thumb-border-color-off);
-        translate: calc((var(--width) - var(--height)) / -2);
-        transition:
-            var(--terra-transition-fast) translate ease,
-            var(--terra-transition-fast) background-color,
-            var(--terra-transition-fast) border-color,
-            var(--terra-transition-fast) box-shadow;
-    }
-
-    .toggle__input {
-        position: absolute;
-        opacity: 0;
-        padding: 0;
-        margin: 0;
-        pointer-events: none;
-    }
-
-    /* Hover */
-    .toggle:not(.toggle--checked):not(.toggle--disabled) .toggle__control:hover {
-        background-color: var(--terra-toggle-background-color-off);
-        border-color: var(--terra-toggle-border-color-off);
-    }
-
-    .toggle:not(.toggle--checked):not(.toggle--disabled)
-        .toggle__control:hover
-        .toggle__thumb {
-        background-color: var(--terra-toggle-thumb-background-color);
-        border-color: var(--terra-toggle-thumb-border-color-off);
-    }
-
-    /* Focus */
-    .toggle:not(.toggle--checked):not(.toggle--disabled)
-        .toggle__input:focus-visible
-        ~ .toggle__control {
-        background-color: var(--terra-toggle-background-color-off);
-        border-color: var(--terra-toggle-border-color-off);
-    }
-
-    .toggle:not(.toggle--checked):not(.toggle--disabled)
-        .toggle__input:focus-visible
-        ~ .toggle__control
-        .toggle__thumb {
-        background-color: var(--terra-toggle-thumb-background-color);
-        border-color: var(--terra-toggle-focus-ring-color);
-        outline: var(--terra-focus-ring);
-        outline-offset: var(--terra-focus-ring-offset);
-    }
-
-    /* Checked */
-    .toggle--checked .toggle__control {
-        background-color: var(--terra-toggle-background-color-on);
-        border-color: var(--terra-toggle-border-color-on);
-    }
-
-    .toggle--checked .toggle__control .toggle__thumb {
-        background-color: var(--terra-toggle-thumb-background-color);
-        border-color: var(--terra-toggle-thumb-border-color-on);
-        translate: calc((var(--width) - var(--height)) / 2);
-    }
-
-    /* Checked + hover */
-    .toggle.toggle--checked:not(.toggle--disabled) .toggle__control:hover {
-        background-color: var(--terra-toggle-background-color-on);
-        border-color: var(--terra-toggle-border-color-on);
-    }
-
-    .toggle.toggle--checked:not(.toggle--disabled)
-        .toggle__control:hover
-        .toggle__thumb {
-        background-color: var(--terra-toggle-thumb-background-color);
-        border-color: var(--terra-toggle-thumb-border-color-on);
-    }
-
-    /* Checked + focus */
-    .toggle.toggle--checked:not(.toggle--disabled)
-        .toggle__input:focus-visible
-        ~ .toggle__control {
-        background-color: var(--terra-toggle-background-color-on);
-        border-color: var(--terra-toggle-border-color-on);
-    }
-
-    .toggle.toggle--checked:not(.toggle--disabled)
-        .toggle__input:focus-visible
-        ~ .toggle__control
-        .toggle__thumb {
-        background-color: var(--terra-toggle-thumb-background-color);
-        border-color: var(--terra-toggle-focus-ring-color);
-        outline: var(--terra-focus-ring);
-        outline-offset: var(--terra-focus-ring-offset);
-    }
-
-    /* Disabled */
-    .toggle--disabled {
-        opacity: 0.5;
-        cursor: not-allowed;
-    }
-
-    .toggle__label {
-        display: inline-block;
-        line-height: var(--height);
-        margin-inline-start: 0.5em;
-        user-select: none;
-        -webkit-user-select: none;
-    }
-
-    :host([required]) .toggle__label::after {
-        content: var(--terra-input-required-content);
-        color: var(--terra-input-required-content-color);
-        margin-inline-start: var(--terra-input-required-content-offset);
-    }
-
-    @media (forced-colors: active) {
-        .toggle.toggle--checked:not(.toggle--disabled)
-            .toggle__control:hover
-            .toggle__thumb,
-        .toggle--checked .toggle__control .toggle__thumb {
-            background-color: ButtonText;
-        }
-    }
-`;
-
-export {
-  toggle_styles_default
-};