@rubin-epo/epo-widget-lib 1.1.1 → 1.1.3

package/dist/widgets/CameraFilter/styles.js

@@ -0,0 +1,128 @@
+"use client";
+import t from "styled-components";
+import { token as e } from "@rubin-epo/epo-react-lib/styles";
+import n from "../../layout/AspectRatio/index.js";
+const a = t(n)`
+  display: flex;
+  align-items: center;
+`, s = t.div`
+  container-type: inline-size;
+
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-auto-rows: min-content;
+  text-align: center;
+  width: 100%;
+`, l = t.h3`
+  margin: 0;
+`, c = t.table`
+  border-collapse: collapse;
+  text-align: center;
+  margin-inline-start: var(--filter-table-margin-inline-start);
+  width: var(--filter-table-width);
+
+  @container (min-width: ${e("BREAK_TABLET")}) {
+    margin-block-start: var(--PADDING_SMALL, 20px);
+  }
+`, m = t.tbody`
+  display: table-header-group;
+`, d = t.thead`
+  display: table-row-group;
+`, p = t.td`
+  line-height: 1.2;
+  font-size: 80%;
+`, f = t.span`
+  font-size: 80%;
+`, h = t.th`
+  font-size: 120%;
+  font-weight: var(--FONT_WEIGHT_NORMAL, 400);
+  border: var(--filter-name-border);
+  border-width: 1px;
+
+  @container (min-width: ${e("BREAK_TABLET")}) {
+    border-width: 3px;
+  }
+`, g = t.div`
+  min-width: 20ch;
+  width: 50%;
+  max-width: 30ch;
+  justify-self: center;
+  text-align: left;
+`, w = t.label`
+  font-size: 0.75em;
+`, A = t.text`
+  font-size: 2em;
+
+  @container (min-width: ${e("BREAK_MOBILE")}) {
+    font-size: 1.25em;
+  }
+
+  @container (min-width: ${e("BREAK_PHABLET_MIN")}) {
+    font-size: 0.75em;
+  }
+`, B = t.tspan`
+  font-size: 2em;
+
+  @container (min-width: ${e("BREAK_MOBILE")}) {
+    font-size: 1.25em;
+  }
+
+  @container (min-width: ${e("BREAK_PHABLET_MIN")}) {
+    font-size: 0.75em;
+  }
+`, E = t.tspan`
+  font-size: 1.5em;
+
+  @container (min-width: ${e("BREAK_MOBILE")}) {
+    font-size: 1em;
+  }
+
+  @container (min-width: ${e("BREAK_PHABLET_MIN")}) {
+    font-size: 0.5em;
+  }
+`, b = t.tspan`
+  font-size: 1.3em;
+
+  @container (min-width: ${e("BREAK_MOBILE")}) {
+    font-size: 0.8em;
+  }
+
+  @container (min-width: ${e("BREAK_PHABLET_MIN")}) {
+    font-size: 0.4em;
+  }
+`, z = t.ul`
+  display: flex;
+  justify-content: space-between;
+  line-height: 1.2;
+  font-size: 80%;
+  margin: var(--PADDING_SMALL, 20px) 0 0;
+  padding: 0;
+  list-style-type: none;
+`, _ = t.li`
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+
+  &:before {
+    content: "\\200B";
+  }
+`;
+export {
+  B as ColorName,
+  E as ColorSpectrum,
+  b as ColorSpectrumUnit,
+  _ as CondensedRange,
+  z as CondensedRangeRow,
+  s as FilterContainer,
+  h as FilterName,
+  d as FilterNames,
+  p as FilterRange,
+  m as FilterRanges,
+  c as FilterTable,
+  l as FilterTitle,
+  a as FilterWrapper,
+  g as SelectContainer,
+  w as SelectLabel,
+  A as SpectrumLabel,
+  f as Wavelength
+};