@prolibu-suite/cobalt-core 0.1.2 → 0.2.0

package/dist/collection/components/co-date-range/co-date-range.css

@@ -1,256 +1,5 @@
+/* Deprecated shim — see co-date-range.tsx. The inner <co-date-range-picker>
+   provides all styling. */
 :host {
-  display: inline-block;
-  position: relative;
-  font-family: var(--co-font-family-primary);
-}
-
-.co-date-range {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: var(--co-spacing-xs);
-}
-
-.co-date-range__label {
-  font-size: var(--co-font-size-12);
-  font-weight: 500;
-  color: var(--co-semantic-text-default);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
-
-/* ── Trigger ────────────────────────────────────────────── */
-.co-date-range__trigger {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--co-spacing-sm);
-  padding: var(--co-spacing-sm) var(--co-spacing-md);
-  height: 40px;
-  min-width: 240px;
-  background: var(--co-semantic-surface-secondary);
-  border: 1px solid var(--co-semantic-border-default);
-  border-radius: var(--co-border-radius-xs);
-  cursor: pointer;
-  font-size: var(--co-font-size-14);
-  color: var(--co-semantic-text-default);
-  transition: border-color 0.15s ease, box-shadow 0.15s ease;
-  user-select: none;
-}
-
-.co-date-range__trigger:hover:not(.co-date-range__trigger--disabled) {
-  border-color: var(--co-semantic-text-default);
-}
-
-.co-date-range__trigger--open {
-  border-color: var(--co-color-primary-azul);
-  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
-}
-
-.co-date-range__trigger--disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.co-date-range__trigger--error { border-color: var(--co-color-status-error); }
-.co-date-range__trigger--success { border-color: var(--co-color-status-success); }
-
-.co-date-range__icon { color: var(--co-semantic-text-muted); flex-shrink: 0; }
-.co-date-range__caret { color: var(--co-semantic-text-muted); flex-shrink: 0; }
-
-.co-date-range__trigger-text {
-  flex: 1;
-  text-align: left;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.co-date-range__trigger-text--placeholder {
-  color: var(--co-semantic-text-muted);
-}
-
-.co-date-range__clear {
-  background: none;
-  border: 0;
-  padding: 0;
-  cursor: pointer;
-  color: var(--co-semantic-text-muted);
-  display: inline-flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-.co-date-range__clear:hover { color: var(--co-semantic-text-default); }
-
-.co-date-range__helper {
-  font-size: var(--co-font-size-12);
-  color: var(--co-semantic-text-muted);
-}
-.co-date-range__helper--error { color: var(--co-color-status-error); }
-.co-date-range__helper--success { color: var(--co-color-status-success); }
-
-/* ── Popover ────────────────────────────────────────────── */
-.co-date-range__popover {
-  position: absolute;
-  top: calc(100% + 4px);
-  left: 0;
-  background: var(--co-semantic-surface-secondary);
-  border: 1px solid var(--co-semantic-border-default);
-  border-radius: var(--co-border-radius-xs);
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
-  z-index: 1000;
-  display: flex;
-  flex-direction: column;
-  width: 320px;
-}
-
-.co-date-range__popover-body {
-  display: flex;
-  flex-direction: column;
-  gap: var(--co-spacing-md);
-  padding: var(--co-spacing-md);
-}
-
-/* ── Presets ────────────────────────────────────────────── */
-.co-date-range__presets {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--co-spacing-xs);
-}
-
-.co-date-range__preset {
-  background: var(--co-semantic-surface-hover);
-  border: 0;
-  padding: 4px var(--co-spacing-sm);
-  border-radius: var(--co-border-radius-full);
-  font-size: var(--co-font-size-12);
-  font-family: inherit;
-  color: var(--co-semantic-text-default);
-  cursor: pointer;
-  transition: background 0.15s ease;
-}
-.co-date-range__preset:hover {
-  background: var(--co-color-opacity-negro-8, rgba(0, 0, 0, 0.08));
-}
-
-/* ── Calendar ───────────────────────────────────────────── */
-.co-date-range__calendar {
-  display: flex;
-  flex-direction: column;
-  gap: var(--co-spacing-xs);
-}
-
-.co-date-range__cal-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 var(--co-spacing-xs);
-}
-
-.co-date-range__month-label {
-  font-size: var(--co-font-size-14);
-  font-weight: 500;
-  text-transform: capitalize;
-}
-
-.co-date-range__nav {
-  background: none;
-  border: 0;
-  cursor: pointer;
-  padding: 4px;
-  border-radius: var(--co-border-radius-xxs);
-  display: inline-flex;
-  color: var(--co-semantic-text-default);
-}
-.co-date-range__nav:hover { background: var(--co-semantic-surface-hover); }
-
-.co-date-range__dow {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  gap: 2px;
-  text-align: center;
-  font-size: 10px;
-  font-weight: 600;
-  color: var(--co-semantic-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
-
-.co-date-range__days {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  gap: 2px;
-}
-
-.co-date-range__day {
-  background: none;
-  border: 0;
-  padding: 0;
-  height: 32px;
-  border-radius: var(--co-border-radius-xxs);
-  font-size: var(--co-font-size-12);
-  font-family: inherit;
-  cursor: pointer;
-  color: var(--co-semantic-text-default);
-  transition: background 0.1s ease, color 0.1s ease;
-}
-
-.co-date-range__day--empty {
-  background: transparent;
-  cursor: default;
-  pointer-events: none;
-}
-
-.co-date-range__day:not(.co-date-range__day--empty):hover {
-  background: var(--co-semantic-surface-hover);
-}
-
-.co-date-range__day--in-range {
-  background: rgba(37, 99, 235, 0.12);
-  border-radius: 0;
-  color: var(--co-color-primary-azul);
-}
-
-.co-date-range__day--start,
-.co-date-range__day--end {
-  background: var(--co-color-primary-azul);
-  color: var(--co-color-base-blanco, #fff);
-  font-weight: 600;
-}
-
-.co-date-range__day--start { border-top-right-radius: 0; border-bottom-right-radius: 0; }
-.co-date-range__day--end   { border-top-left-radius: 0;  border-bottom-left-radius: 0; }
-
-/* ── Footer ─────────────────────────────────────────────── */
-.co-date-range__footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--co-spacing-sm);
-  padding: var(--co-spacing-sm) var(--co-spacing-md);
-  border-top: 1px solid var(--co-semantic-border-default);
-}
-
-.co-date-range__btn {
-  padding: 6px var(--co-spacing-md);
-  border-radius: var(--co-border-radius-xs);
-  font-size: var(--co-font-size-12);
-  font-family: inherit;
-  font-weight: 500;
-  cursor: pointer;
-  border: 0;
-}
-
-.co-date-range__btn--ghost {
-  background: transparent;
-  color: var(--co-semantic-text-default);
-}
-.co-date-range__btn--ghost:hover { background: var(--co-semantic-surface-hover); }
-
-.co-date-range__btn--primary {
-  background: var(--co-color-primary-azul);
-  color: var(--co-color-base-blanco, #fff);
-}
-
-.co-date-range__btn--primary:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
+  display: block;
 }