@use 'sass:map';
@use '../index' as *;

$date-block: (
  background-color-cancelled: var(--c-d-20),
  background-color-default: var(--c-p),
  background-color-ongoing: var(--c-p),
  background-color-past: var(--c-d-20),
  background-color-rescheduled: var(--c-p),
  outline-color-cancelled: transparent,
  outline-color-default: transparent,
  outline-color-ongoing: transparent,
  outline-color-past: transparent,
  border-radius: map.get($border-radius, 'xl'),
  circle-width: 10px,
  max-height: none,
  padding-top: 0,
  shadow: var(--sh-1),
  shadow-decoration: var(--sh-i-1),
  text-color: map.get($color, 'white'),
  text-color-inverted: var(--c-d-140),
  text-white-space: normal,
  width-desktop: 6.25rem,
  width-mobile: 5rem,
  day: (
    padding: var(--s-xs) var(--s-2xs) 2px var(--s-2xs),
    line-height: map.get($line-height, 'xl'),
    font-size: map.get($font-size, 'xl'),
  ),
  month: (
    padding: 0 var(--s-2xs) var(--s-xs) var(--s-2xs),
    line-height: map.get($line-height, 's'),
    font-size: map.get($font-size, 'm'),
  ),
  year: (
    padding: var(--s-xs) var(--s-2xs),
    background-color: map.get($color, 'white'),
    text-color: var(--c-d-140),
    font: map.get($font, 's'),
    font-weight: map.get($font-weight, 'regular'),
  ),
);
