@semcore/date-picker 4.57.0 → 4.57.1

package/lib/esm/style/date-picker.shadow.css

@@ -0,0 +1,179 @@
+SPopper {
+  padding: var(--intergalactic-spacing-4x, 16px);
+  outline: 0;
+
+  &::-moz-focus-inner {
+    border: none;
+    padding: 0;
+  }
+
+  &:active,
+  &:hover,
+  &:focus {
+    outline: 0;
+    text-decoration: none;
+  }
+
+  &:focus {
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+  }
+}
+
+SHeader {
+  display: flex;
+  align-items: center;
+}
+
+STitle {
+  font-size: var(--intergalactic-fs-200, 14px);
+  color: var(--intergalactic-text-primary, #191b23);
+  height: 32px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+SToday {
+  display: flex;
+  margin-top: var(--intergalactic-spacing-3x, 12px);
+  justify-content: center;
+}
+
+SPeriod {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: var(--intergalactic-spacing-2x, 8px);
+}
+
+SButton SInner {
+  justify-content: flex-start;
+}
+
+SInputMask {
+  color: var(--intergalactic-text-primary, #191b23);
+  line-height: normal;
+  padding-right: var(--intergalactic-spacing-2x, 8px);
+  transition: width calc(var(--intergalactic-duration-medium, 300) * 1ms) ease, min-width calc(var(--intergalactic-duration-medium, 300) * 1ms) ease;
+}
+
+SInputMask[animationsDisabled] {
+  transition: none;
+}
+
+SInputMask SValue {
+  letter-spacing: 0;
+}
+
+SIndicator {
+  color: var(--intergalactic-text-secondary, #6c6e79);
+}
+
+SRangeIndicator {
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+SRangeIndicator[range='value'] {
+  background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
+}
+
+SRangeIndicator[range='compare'] {
+  background-color: var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+}
+
+SRangeIndicator[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+}
+
+SHumanizedDate {
+  position: absolute;
+  pointer-events: none;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+
+SMask {
+  letter-spacing: 0;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+SSingleDateInput SValue,
+SDateRange SMask,
+SSingleDateInput SMask,
+SDateRange SValue {
+  opacity: 0;
+}
+
+SSingleDateInput:focus-within SHumanizedDate {
+  opacity: 0;
+  z-index: var(--intergalactic-z-index-deep, -999);
+}
+
+SSingleDateInput:focus-within SValue,
+SSingleDateInput:focus-within SMask {
+  opacity: 1;
+}
+
+SDateRange SValue {
+  opacity: 0;
+}
+
+SDateRange:focus-within SHumanizedDate {
+  opacity: 0;
+  z-index: var(--intergalactic-z-index-deep, -999);
+}
+
+SDateRange:focus-within SValue,
+SDateRange:focus-within SMask {
+  opacity: 1;
+}
+
+SInputMask[noHumanizedDate] SValue,
+SInputMask[noHumanizedDate] SMask {
+  opacity: 1;
+}
+
+SDateRange SInputMask:focus-within SMask {
+  background-color: var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2));
+}
+
+SRangeSep[fulfilled],
+SDateRange:focus-within SRangeSep {
+  color: var(--intergalactic-text-primary, #191b23);
+}
+
+SRangeComparatorHeader {
+  border-bottom: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  padding: var(--intergalactic-spacing-4x, 16px);
+}
+
+SRangeCalendar {
+  padding: var(--intergalactic-spacing-4x, 16px);
+}
+
+SFooter {
+  border-top: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  padding: var(--intergalactic-spacing-4x, 16px);
+}
+
+SPeriodsList {
+  padding: var(--intergalactic-spacing-4x, 16px);
+}
+
+STooltip {
+  padding: var(--intergalactic-spacing-3x, 12px);
+}
+
+SCompareToggle {
+  white-space: nowrap;
+}
+
+@media (prefers-reduced-motion) {
+  SInputMask {
+    transition: none;
+  }
+}

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -1,35 +1,35 @@
-import r from "./de.json.mjs";
-import o from "./en.json.mjs";
-import m from "./es.json.mjs";
-import t from "./fr.json.mjs";
-import i from "./it.json.mjs";
-import p from "./ja.json.mjs";
-import f from "./ko.json.mjs";
-import e from "./nl.json.mjs";
-import s from "./pt.json.mjs";
-import a from "./ru.json.mjs";
-import l from "./tr.json.mjs";
-import v from "./vi.json.mjs";
-import d from "./zh.json.mjs";
-import n from "./pl.json.mjs";
-import z from "./sv.json.mjs";
-var D = {
-  de: r,
-  en: o,
-  es: m,
-  fr: t,
-  it: i,
-  ja: p,
-  ko: f,
-  nl: e,
-  pt: s,
-  ru: a,
-  tr: l,
-  vi: v,
-  zh: d,
-  pl: n,
-  sv: z
+import de from "./de.json.mjs";
+import en from "./en.json.mjs";
+import es from "./es.json.mjs";
+import fr from "./fr.json.mjs";
+import it from "./it.json.mjs";
+import ja from "./ja.json.mjs";
+import ko from "./ko.json.mjs";
+import nl from "./nl.json.mjs";
+import pt from "./pt.json.mjs";
+import ru from "./ru.json.mjs";
+import tr from "./tr.json.mjs";
+import vi from "./vi.json.mjs";
+import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
+var localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  ru,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 export {
-  D as localizedMessages
+  localizedMessages
 };

package/lib/esm/translations/de.json.mjs

@@ -1,62 +1,89 @@
-const e = "Anwenden", t = "Zurücksetzen", a = "Heute", n = "Letzte 2 Tage", s = "Letzte Woche", o = "Letzte 2 Wochen", l = "Letzten Monat", i = "Letzte 2 Monate", c = "Letzte 3 Monate", r = "Letzte 6 Monate", h = "Letzte 12 Monate", d = "Voriger Zeitraum", u = "Nächster Zeitraum", g = "Datumsfeld", M = "Vergleichen mit", b = "Vom {date}", m = "Bis {date}", p = "Vorgaben", D = "Datumsbereich", v = "Erster Datumsbereich", z = "Zweiter Datumsbereich", f = "Auswahl begonnen", w = "Ausgewählt", y = "Bitte wählen Sie ein verfügbares Datum aus.", L = "Bitte wählen Sie einen verfügbaren Monat aus.", k = "Bitte wählen Sie ein verfügbares Fälligkeitsdatum aus.", R = "Bitte wählen Sie einen verfügbaren Fälligkeitsmonat aus.", S = {
-  apply: e,
-  reset: t,
-  today: a,
-  last2Days: n,
-  lastWeek: s,
-  last2Weeks: o,
-  lastMonth: l,
-  last2Months: i,
-  last3Months: c,
-  last6Months: r,
-  last12Months: h,
-  prev: d,
-  next: u,
-  input: g,
-  compare: M,
-  fromDate: b,
-  toDate: m,
-  periods: p,
-  dateRange: D,
-  dateRange1: v,
-  dateRange2: z,
-  selectingStarted: f,
-  selectingFinished: w,
-  unavailableDate: y,
-  unavailableMonth: L,
-  unavailableEndDate: k,
-  unavailableEndMonth: R,
+const apply = "Anwenden";
+const reset = "Zurücksetzen";
+const today = "Heute";
+const last2Days = "Letzte 2 Tage";
+const lastWeek = "Letzte Woche";
+const last2Weeks = "Letzte 2 Wochen";
+const lastMonth = "Letzten Monat";
+const last2Months = "Letzte 2 Monate";
+const last3Months = "Letzte 3 Monate";
+const last6Months = "Letzte 6 Monate";
+const last12Months = "Letzte 12 Monate";
+const prev = "Voriger Zeitraum";
+const next = "Nächster Zeitraum";
+const input = "Datumsfeld";
+const compare = "Vergleichen mit";
+const fromDate = "Vom {date}";
+const toDate = "Bis {date}";
+const periods = "Vorgaben";
+const dateRange = "Datumsbereich";
+const dateRange1 = "Erster Datumsbereich";
+const dateRange2 = "Zweiter Datumsbereich";
+const selectingStarted = "Auswahl begonnen";
+const selectingFinished = "Ausgewählt";
+const unavailableDate = "Bitte wählen Sie ein verfügbares Datum aus.";
+const unavailableMonth = "Bitte wählen Sie einen verfügbaren Monat aus.";
+const unavailableEndDate = "Bitte wählen Sie ein verfügbares Fälligkeitsdatum aus.";
+const unavailableEndMonth = "Bitte wählen Sie einen verfügbaren Fälligkeitsmonat aus.";
+const de = {
+  apply,
+  reset,
+  today,
+  last2Days,
+  lastWeek,
+  last2Weeks,
+  lastMonth,
+  last2Months,
+  last3Months,
+  last6Months,
+  last12Months,
+  prev,
+  next,
+  input,
+  compare,
+  fromDate,
+  toDate,
+  periods,
+  dateRange,
+  dateRange1,
+  dateRange2,
+  selectingStarted,
+  selectingFinished,
+  unavailableDate,
+  unavailableMonth,
+  unavailableEndDate,
+  unavailableEndMonth,
   "placeholder-days": "T",
   "placeholder-months": "M",
   "placeholder-years": "J"
 };
 export {
-  e as apply,
-  M as compare,
-  D as dateRange,
-  v as dateRange1,
-  z as dateRange2,
-  S as default,
-  b as fromDate,
-  g as input,
-  h as last12Months,
-  n as last2Days,
-  i as last2Months,
-  o as last2Weeks,
-  c as last3Months,
-  r as last6Months,
-  l as lastMonth,
-  s as lastWeek,
-  u as next,
-  p as periods,
-  d as prev,
-  t as reset,
-  w as selectingFinished,
-  f as selectingStarted,
-  m as toDate,
-  a as today,
-  y as unavailableDate,
-  k as unavailableEndDate,
-  R as unavailableEndMonth,
-  L as unavailableMonth
+  apply,
+  compare,
+  dateRange,
+  dateRange1,
+  dateRange2,
+  de as default,
+  fromDate,
+  input,
+  last12Months,
+  last2Days,
+  last2Months,
+  last2Weeks,
+  last3Months,
+  last6Months,
+  lastMonth,
+  lastWeek,
+  next,
+  periods,
+  prev,
+  reset,
+  selectingFinished,
+  selectingStarted,
+  toDate,
+  today,
+  unavailableDate,
+  unavailableEndDate,
+  unavailableEndMonth,
+  unavailableMonth
 };

package/lib/esm/translations/en.json.mjs

@@ -1,70 +1,101 @@
-const t = "Apply", e = "Reset", a = "Today", s = "Last 2 days", n = "Last week", o = "Last 2 weeks", l = "Last month", c = "Last 2 months", d = "Last 3 months", r = "Last 6 months", h = "Last 12 months", i = "Previous year", p = "Next year", m = "Previous month", M = "Next month", v = "Date field", D = "Compare to", u = "From {date}", g = "To {date}", y = "From date", b = "Presets", P = "To date", L = "Date range", x = "First date range", R = "Second date range", f = "Started selecting", k = "Selected", F = "Please select an available date.", S = "Please select an available month.", Y = "Please select an available due date.", E = "Please select an available due month.", W = {
-  apply: t,
-  reset: e,
-  today: a,
-  last2Days: s,
-  lastWeek: n,
-  last2Weeks: o,
-  lastMonth: l,
-  last2Months: c,
-  last3Months: d,
-  last6Months: r,
-  last12Months: h,
-  prevYear: i,
-  nextYear: p,
-  prevMonth: m,
-  nextMonth: M,
-  input: v,
-  compare: D,
-  fromDate: u,
-  toDate: g,
-  fromDatePlaceholder: y,
-  periods: b,
-  toDatePlaceholder: P,
-  dateRange: L,
-  dateRange1: x,
-  dateRange2: R,
-  selectingStarted: f,
-  selectingFinished: k,
-  unavailableDate: F,
-  unavailableMonth: S,
-  unavailableEndDate: Y,
-  unavailableEndMonth: E,
+const apply = "Apply";
+const reset = "Reset";
+const today = "Today";
+const last2Days = "Last 2 days";
+const lastWeek = "Last week";
+const last2Weeks = "Last 2 weeks";
+const lastMonth = "Last month";
+const last2Months = "Last 2 months";
+const last3Months = "Last 3 months";
+const last6Months = "Last 6 months";
+const last12Months = "Last 12 months";
+const prevYear = "Previous year";
+const nextYear = "Next year";
+const prevMonth = "Previous month";
+const nextMonth = "Next month";
+const input = "Date field";
+const compare = "Compare to";
+const fromDate = "From {date}";
+const toDate = "To {date}";
+const fromDatePlaceholder = "From date";
+const periods = "Presets";
+const toDatePlaceholder = "To date";
+const dateRange = "Date range";
+const dateRange1 = "First date range";
+const dateRange2 = "Second date range";
+const selectingStarted = "Started selecting";
+const selectingFinished = "Selected";
+const unavailableDate = "Please select an available date.";
+const unavailableMonth = "Please select an available month.";
+const unavailableEndDate = "Please select an available due date.";
+const unavailableEndMonth = "Please select an available due month.";
+const en = {
+  apply,
+  reset,
+  today,
+  last2Days,
+  lastWeek,
+  last2Weeks,
+  lastMonth,
+  last2Months,
+  last3Months,
+  last6Months,
+  last12Months,
+  prevYear,
+  nextYear,
+  prevMonth,
+  nextMonth,
+  input,
+  compare,
+  fromDate,
+  toDate,
+  fromDatePlaceholder,
+  periods,
+  toDatePlaceholder,
+  dateRange,
+  dateRange1,
+  dateRange2,
+  selectingStarted,
+  selectingFinished,
+  unavailableDate,
+  unavailableMonth,
+  unavailableEndDate,
+  unavailableEndMonth,
   "placeholder-days": "D",
   "placeholder-months": "M",
   "placeholder-years": "Y"
 };
 export {
-  t as apply,
-  D as compare,
-  L as dateRange,
-  x as dateRange1,
-  R as dateRange2,
-  W as default,
-  u as fromDate,
-  y as fromDatePlaceholder,
-  v as input,
-  h as last12Months,
-  s as last2Days,
-  c as last2Months,
-  o as last2Weeks,
-  d as last3Months,
-  r as last6Months,
-  l as lastMonth,
-  n as lastWeek,
-  M as nextMonth,
-  p as nextYear,
-  b as periods,
-  m as prevMonth,
-  i as prevYear,
-  e as reset,
-  k as selectingFinished,
-  f as selectingStarted,
-  g as toDate,
-  P as toDatePlaceholder,
-  a as today,
-  F as unavailableDate,
-  Y as unavailableEndDate,
-  E as unavailableEndMonth,
-  S as unavailableMonth
+  apply,
+  compare,
+  dateRange,
+  dateRange1,
+  dateRange2,
+  en as default,
+  fromDate,
+  fromDatePlaceholder,
+  input,
+  last12Months,
+  last2Days,
+  last2Months,
+  last2Weeks,
+  last3Months,
+  last6Months,
+  lastMonth,
+  lastWeek,
+  nextMonth,
+  nextYear,
+  periods,
+  prevMonth,
+  prevYear,
+  reset,
+  selectingFinished,
+  selectingStarted,
+  toDate,
+  toDatePlaceholder,
+  today,
+  unavailableDate,
+  unavailableEndDate,
+  unavailableEndMonth,
+  unavailableMonth
 };