igniteui-webcomponents 3.3.0 → 4.0.0-alpha.2

package/components/calendar/themes/fluent/days-view.fluent.css.js

@@ -1,3 +1,330 @@
 import { css } from 'lit';
-export const styles = css `[part~=date-inner]:focus,[part~=date-inner]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=single]:focus,[part~=date-inner][part~=selected][part~=single]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}[part~=current][part~=date-inner][part~=current],[part~=current][part~=date-inner],[part~=current][part~=single][part~=date-inner]{-webkit-box-shadow:none;box-shadow:none;position:relative;overflow:hidden;color:var(--igc-secondary-600-contrast)}[part~=current][part~=date-inner][part~=current]::after,[part~=current][part~=date-inner]::after,[part~=current][part~=single][part~=date-inner]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);content:"";position:absolute;top:.0625rem;inset-inline-start:.0625rem;width:calc(100% - 0.125rem);height:calc(100% - 0.125rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));z-index:-1}[part~=current][part~=date-inner][part~=current]:focus,[part~=current][part~=date-inner][part~=current]:hover,[part~=current][part~=date-inner]:focus,[part~=current][part~=date-inner]:hover,[part~=current][part~=single][part~=date-inner]:focus,[part~=current][part~=single][part~=date-inner]:hover{color:var(--igc-secondary-600-contrast)}[part~=current][part~=date-inner][part~=current]:focus::after,[part~=current][part~=date-inner][part~=current]:hover::after,[part~=current][part~=date-inner]:focus::after,[part~=current][part~=date-inner]:hover::after,[part~=current][part~=single][part~=date-inner]:focus::after,[part~=current][part~=single][part~=date-inner]:hover::after{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=selected][part~=date-inner][part~=single]{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast);border-radius:0}[part~=date-inner][part~=selected][part~=current][part~=single]{color:var(--igc-secondary-600-contrast)}[part~=week-number-inner]{border-inline-end-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=week-number-inner]::after{border-inline-end-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part="week-number-inner last"],[part="week-number-inner first"]{border-radius:0}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected]:not([part~=range]){border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-inline-start-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):hover,[part~=date-inner][part~=selected]:not([part~=range]):focus{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected]:not([part~=range]):hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=last]{border-inline-start-color:rgba(0,0,0,0);-webkit-border-end:0;border-inline-end:0}[part~=date-inner][part~=selected][part~=range][part~=first]{border-inline-end-color:rgba(0,0,0,0);-webkit-border-start:0;border-inline-start:0}[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover,[part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus{color:var(--igc-gray-300-contrast);background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=last][part~=range]{border-color:rgba(0,0,0,0)}[part~=date-inner][part~=selected][part~=range]{border-top:0;border-bottom:0;color:var(--igc-gray-200-contrast)}[part~=date-inner][part~=selected][part~=range]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=preview]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=selected][part~=range]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range],[part~=date][part~=last][part~=selected][part~=range]{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range]::after,[part~=date][part~=last][part~=selected][part~=range]::after{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range]::before,[part~=date][part~=last][part~=selected][part~=range]::before{content:"";position:absolute;top:-0.0625rem;width:50%;height:100%;border:.0625rem solid hsla(var(--igc-gray-500), var(--igc-gray-a));z-index:3;pointer-events:none}[part~=date][part~=first][part~=selected][part~=range]::before{border-inline-end-color:rgba(0,0,0,0)}[part~=date][part~=last][part~=selected][part~=range]::before{border-inline-start-color:rgba(0,0,0,0)}:host(igc-calendar[size=large]) igc-days-view::part(date first selected range)::before{margin:0;inset-inline-start:calc(50% - 1rem)}:host(igc-calendar[size=large]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 1rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date first selected range)::before{inset-inline-start:calc(50% - 0.875rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 0.875rem)}:host(igc-calendar[size=small]) igc-days-view::part(date first selected range)::before{inset-inline-start:calc(50% - 0.75rem)}:host(igc-calendar[size=small]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 0.75rem)}[part~=date][part~=first][part~=last][part~=selected][part~=range]::before{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:rgba(0,0,0,0)}[part~=date-inner][part~=selected][part~=current][part~=range],[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range],[part~=date-inner][part~=first][part~=last][part~=selected][part~=current],[part~=date-inner][part~=first][part~=selected][part~=current][part~=range],[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]{color:var(--igc-secondary-600-contrast) !important}[part~=date-inner][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:focus,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:hover,[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=first][part~=range][part~=preview],[part~=date-inner][part~=first][part~=selected][part~=range][part~=preview]{border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:rgba(0,0,0,0);background:rgba(0,0,0,0)}[part~=date-inner][part~=last][part~=range][part~=preview],[part~=date-inner][part~=last][part~=selected][part~=range][part~=preview]{border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:rgba(0,0,0,0);background:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview]{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=range][part~=preview]::after{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first]::after,[part~=date][part~=range][part~=preview][part~=last]::after{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range][part~=preview],[part~=date][part~=last][part~=selected][part~=range][part~=preview]{background:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before,[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before{border-block-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-block-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after,[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after{border-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before{border-inline-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after{-webkit-border-end:0;border-inline-end:0}[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before{border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:rgba(0,0,0,0)}[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after{-webkit-border-start:0;border-inline-start:0}[part~=date-inner][part~=first][part~=last][part~=selected]{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=first][part~=last][part~=selected],[part~=date-inner][part~=first][part~=selected],[part~=date-inner][part~=last][part~=selected]{background:hsla(var(--igc-gray-200), var(--igc-gray-a)) !important;color:var(--igc-gray-200-contrast) !important}[part~=date-inner][part~=first][part~=last][part~=selected]:focus,[part~=date-inner][part~=first][part~=selected]:focus,[part~=date-inner][part~=last][part~=selected]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a)) !important;color:var(--igc-gray-200-contrast) !important}[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]{color:var(--igc-secondary-600-contrast) !important}[part~=date-inner][part~=first][part~=selected][part~=current][part~=range][part~=preview]:focus,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range][part~=preview]:focus{border-color:rgba(0,0,0,0)}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part~=date-inner]:focus, [part~=date-inner]:hover {
+  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+
+[part~=date-inner][part~=selected][part~=single]:focus, [part~=date-inner][part~=selected][part~=single]:hover {
+  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  color: var(--ig-gray-300-contrast);
+}
+
+[part~=current][part~=date-inner][part~=current],
+[part~=current][part~=date-inner],
+[part~=current][part~=single][part~=date-inner] {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  position: relative;
+  overflow: hidden;
+  color: var(--ig-secondary-600-contrast);
+}
+[part~=current][part~=date-inner][part~=current]::after,
+[part~=current][part~=date-inner]::after,
+[part~=current][part~=single][part~=date-inner]::after {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);
+  content: "";
+  position: absolute;
+  top: 0.0625rem;
+  inset-inline-start: 0.0625rem;
+  width: calc(100% - 0.125rem);
+  height: calc(100% - 0.125rem);
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  z-index: -1;
+}
+[part~=current][part~=date-inner][part~=current]:focus, [part~=current][part~=date-inner][part~=current]:hover,
+[part~=current][part~=date-inner]:focus,
+[part~=current][part~=date-inner]:hover,
+[part~=current][part~=single][part~=date-inner]:focus,
+[part~=current][part~=single][part~=date-inner]:hover {
+  color: var(--ig-secondary-600-contrast);
+}
+[part~=current][part~=date-inner][part~=current]:focus::after, [part~=current][part~=date-inner][part~=current]:hover::after,
+[part~=current][part~=date-inner]:focus::after,
+[part~=current][part~=date-inner]:hover::after,
+[part~=current][part~=single][part~=date-inner]:focus::after,
+[part~=current][part~=single][part~=date-inner]:hover::after {
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+}
+
+[part~=selected][part~=date-inner][part~=single] {
+  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  color: var(--ig-gray-200-contrast);
+  border-radius: 0;
+}
+
+[part~=date-inner][part~=selected][part~=current][part~=single] {
+  color: var(--ig-secondary-600-contrast);
+}
+
+[part~=week-number-inner] {
+  border-inline-end-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+[part~=week-number-inner]::after {
+  border-inline-end-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+
+[part="week-number-inner last"],
+[part="week-number-inner first"] {
+  border-radius: 0;
+}
+
+[part~=date-inner][part~=selected][part~=range][part~=first],
+[part~=date-inner][part~=selected][part~=range][part~=last],
+[part~=date-inner][part~=selected]:not([part~=range]) {
+  border-top-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-bottom-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-inline-start-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+[part~=date-inner][part~=selected][part~=range][part~=first]:hover, [part~=date-inner][part~=selected][part~=range][part~=first]:focus,
+[part~=date-inner][part~=selected][part~=range][part~=last]:hover,
+[part~=date-inner][part~=selected][part~=range][part~=last]:focus,
+[part~=date-inner][part~=selected]:not([part~=range]):hover,
+[part~=date-inner][part~=selected]:not([part~=range]):focus {
+  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+[part~=date-inner][part~=selected][part~=range][part~=first]:hover,
+[part~=date-inner][part~=selected][part~=range][part~=last]:hover,
+[part~=date-inner][part~=selected]:not([part~=range]):hover {
+  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+[part~=date-inner][part~=selected][part~=range][part~=first]:focus,
+[part~=date-inner][part~=selected][part~=range][part~=last]:focus,
+[part~=date-inner][part~=selected]:not([part~=range]):focus {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+
+[part~=date-inner][part~=selected][part~=range][part~=last] {
+  border-inline-start-color: transparent;
+  -webkit-border-end: 0;
+          border-inline-end: 0;
+}
+
+[part~=date-inner][part~=selected][part~=range][part~=first] {
+  border-inline-end-color: transparent;
+  -webkit-border-start: 0;
+          border-inline-start: 0;
+}
+
+[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover, [part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,
+[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,
+[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus {
+  color: var(--ig-gray-300-contrast);
+  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+
+[part~=date-inner][part~=last][part~=range] {
+  border-color: transparent;
+}
+
+[part~=date-inner][part~=selected][part~=range] {
+  border-top: 0;
+  border-bottom: 0;
+  color: var(--ig-gray-200-contrast);
+}
+[part~=date-inner][part~=selected][part~=range]:hover {
+  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+[part~=date-inner][part~=selected][part~=range]:focus {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+
+[part~=date-inner][part~=selected][part~=range][part~=preview]:focus {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+
+[part~=date][part~=selected][part~=range] {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-top-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-bottom-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+
+[part~=date][part~=first][part~=selected][part~=range],
+[part~=date][part~=last][part~=selected][part~=range] {
+  background: transparent;
+  border-color: transparent;
+}
+[part~=date][part~=first][part~=selected][part~=range]::after,
+[part~=date][part~=last][part~=selected][part~=range]::after {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-top-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-bottom-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+[part~=date][part~=first][part~=selected][part~=range]::before,
+[part~=date][part~=last][part~=selected][part~=range]::before {
+  content: "";
+  position: absolute;
+  top: -0.0625rem;
+  width: 50%;
+  height: 100%;
+  border: 0.0625rem solid hsla(var(--ig-gray-500), var(--ig-gray-a));
+  z-index: 3;
+  pointer-events: none;
+}
+
+[part~=date][part~=first][part~=selected][part~=range]::before {
+  border-inline-end-color: transparent;
+}
+
+[part~=date][part~=last][part~=selected][part~=range]::before {
+  border-inline-start-color: transparent;
+}
+
+:host(igc-calendar[size=large]) igc-days-view::part(date first selected range)::before {
+  margin: 0;
+  inset-inline-start: calc(50% - 1rem);
+}
+:host(igc-calendar[size=large]) igc-days-view::part(date last selected range)::before {
+  inset-inline-end: calc(50% - 1rem);
+}
+
+:host(igc-calendar[size=medium]) igc-days-view::part(date first selected range)::before {
+  inset-inline-start: calc(50% - 0.875rem);
+}
+:host(igc-calendar[size=medium]) igc-days-view::part(date last selected range)::before {
+  inset-inline-end: calc(50% - 0.875rem);
+}
+
+:host(igc-calendar[size=small]) igc-days-view::part(date first selected range)::before {
+  inset-inline-start: calc(50% - 0.75rem);
+}
+:host(igc-calendar[size=small]) igc-days-view::part(date last selected range)::before {
+  inset-inline-end: calc(50% - 0.75rem);
+}
+
+[part~=date][part~=first][part~=last][part~=selected][part~=range]::before {
+  border-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-inline-end-color: transparent;
+}
+
+[part~=date-inner][part~=selected][part~=current][part~=range],
+[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range],
+[part~=date-inner][part~=first][part~=last][part~=selected][part~=current],
+[part~=date-inner][part~=first][part~=selected][part~=current][part~=range],
+[part~=date-inner][part~=last][part~=selected][part~=current][part~=range] {
+  color: var(--ig-secondary-600-contrast) !important;
+}
+[part~=date-inner][part~=selected][part~=current][part~=range]:focus, [part~=date-inner][part~=selected][part~=current][part~=range]:hover,
+[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:focus,
+[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:hover,
+[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:focus,
+[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:hover,
+[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:focus,
+[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover,
+[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus,
+[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover {
+  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+
+[part~=date-inner][part~=first][part~=range][part~=preview],
+[part~=date-inner][part~=first][part~=selected][part~=range][part~=preview] {
+  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-inline-start-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-inline-end-color: transparent;
+  background: transparent;
+}
+
+[part~=date-inner][part~=last][part~=range][part~=preview],
+[part~=date-inner][part~=last][part~=selected][part~=range][part~=preview] {
+  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-inline-start-color: transparent;
+  background: transparent;
+}
+
+[part~=date][part~=range][part~=preview] {
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+[part~=date][part~=range][part~=preview]::after {
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  background: transparent;
+}
+
+[part~=date][part~=range][part~=preview][part~=first],
+[part~=date][part~=range][part~=preview][part~=last] {
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+[part~=date][part~=range][part~=preview][part~=first]::after,
+[part~=date][part~=range][part~=preview][part~=last]::after {
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+
+[part~=date][part~=first][part~=selected][part~=range][part~=preview],
+[part~=date][part~=last][part~=selected][part~=range][part~=preview] {
+  background: transparent;
+}
+[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before,
+[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before {
+  border-block-start-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-block-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after,
+[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after {
+  border-style: solid;
+  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  background: transparent;
+}
+
+[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before {
+  border-inline-start-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-inline-end-color: transparent;
+}
+[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after {
+  -webkit-border-end: 0;
+          border-inline-end: 0;
+}
+
+[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before {
+  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-inline-start-color: transparent;
+}
+[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after {
+  -webkit-border-start: 0;
+          border-inline-start: 0;
+}
+
+[part~=date-inner][part~=first][part~=last][part~=selected] {
+  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+
+[part~=date-inner][part~=first][part~=last][part~=selected],
+[part~=date-inner][part~=first][part~=selected],
+[part~=date-inner][part~=last][part~=selected] {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a)) !important;
+  color: var(--ig-gray-200-contrast) !important;
+}
+[part~=date-inner][part~=first][part~=last][part~=selected]:focus,
+[part~=date-inner][part~=first][part~=selected]:focus,
+[part~=date-inner][part~=last][part~=selected]:focus {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a)) !important;
+  color: var(--ig-gray-200-contrast) !important;
+}
+
+[part~=date-inner][part~=first][part~=last][part~=selected][part~=current] {
+  color: var(--ig-secondary-600-contrast) !important;
+}
+
+[part~=date-inner][part~=first][part~=selected][part~=current][part~=range][part~=preview]:focus,
+[part~=date-inner][part~=last][part~=selected][part~=current][part~=range][part~=preview]:focus {
+  border-color: transparent;
+}`;
 //# sourceMappingURL=days-view.fluent.css.js.map

package/components/calendar/themes/fluent/days-view.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"days-view.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/days-view.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,85YAA85Y,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=date-inner]:focus,[part~=date-inner]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=single]:focus,[part~=date-inner][part~=selected][part~=single]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}[part~=current][part~=date-inner][part~=current],[part~=current][part~=date-inner],[part~=current][part~=single][part~=date-inner]{-webkit-box-shadow:none;box-shadow:none;position:relative;overflow:hidden;color:var(--igc-secondary-600-contrast)}[part~=current][part~=date-inner][part~=current]::after,[part~=current][part~=date-inner]::after,[part~=current][part~=single][part~=date-inner]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);content:\"\";position:absolute;top:.0625rem;inset-inline-start:.0625rem;width:calc(100% - 0.125rem);height:calc(100% - 0.125rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));z-index:-1}[part~=current][part~=date-inner][part~=current]:focus,[part~=current][part~=date-inner][part~=current]:hover,[part~=current][part~=date-inner]:focus,[part~=current][part~=date-inner]:hover,[part~=current][part~=single][part~=date-inner]:focus,[part~=current][part~=single][part~=date-inner]:hover{color:var(--igc-secondary-600-contrast)}[part~=current][part~=date-inner][part~=current]:focus::after,[part~=current][part~=date-inner][part~=current]:hover::after,[part~=current][part~=date-inner]:focus::after,[part~=current][part~=date-inner]:hover::after,[part~=current][part~=single][part~=date-inner]:focus::after,[part~=current][part~=single][part~=date-inner]:hover::after{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=selected][part~=date-inner][part~=single]{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast);border-radius:0}[part~=date-inner][part~=selected][part~=current][part~=single]{color:var(--igc-secondary-600-contrast)}[part~=week-number-inner]{border-inline-end-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=week-number-inner]::after{border-inline-end-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part=\"week-number-inner last\"],[part=\"week-number-inner first\"]{border-radius:0}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected]:not([part~=range]){border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-inline-start-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):hover,[part~=date-inner][part~=selected]:not([part~=range]):focus{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected]:not([part~=range]):hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=last]{border-inline-start-color:rgba(0,0,0,0);-webkit-border-end:0;border-inline-end:0}[part~=date-inner][part~=selected][part~=range][part~=first]{border-inline-end-color:rgba(0,0,0,0);-webkit-border-start:0;border-inline-start:0}[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover,[part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus{color:var(--igc-gray-300-contrast);background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=last][part~=range]{border-color:rgba(0,0,0,0)}[part~=date-inner][part~=selected][part~=range]{border-top:0;border-bottom:0;color:var(--igc-gray-200-contrast)}[part~=date-inner][part~=selected][part~=range]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=preview]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=selected][part~=range]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range],[part~=date][part~=last][part~=selected][part~=range]{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range]::after,[part~=date][part~=last][part~=selected][part~=range]::after{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range]::before,[part~=date][part~=last][part~=selected][part~=range]::before{content:\"\";position:absolute;top:-0.0625rem;width:50%;height:100%;border:.0625rem solid hsla(var(--igc-gray-500), var(--igc-gray-a));z-index:3;pointer-events:none}[part~=date][part~=first][part~=selected][part~=range]::before{border-inline-end-color:rgba(0,0,0,0)}[part~=date][part~=last][part~=selected][part~=range]::before{border-inline-start-color:rgba(0,0,0,0)}:host(igc-calendar[size=large]) igc-days-view::part(date first selected range)::before{margin:0;inset-inline-start:calc(50% - 1rem)}:host(igc-calendar[size=large]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 1rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date first selected range)::before{inset-inline-start:calc(50% - 0.875rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 0.875rem)}:host(igc-calendar[size=small]) igc-days-view::part(date first selected range)::before{inset-inline-start:calc(50% - 0.75rem)}:host(igc-calendar[size=small]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 0.75rem)}[part~=date][part~=first][part~=last][part~=selected][part~=range]::before{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:rgba(0,0,0,0)}[part~=date-inner][part~=selected][part~=current][part~=range],[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range],[part~=date-inner][part~=first][part~=last][part~=selected][part~=current],[part~=date-inner][part~=first][part~=selected][part~=current][part~=range],[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]{color:var(--igc-secondary-600-contrast) !important}[part~=date-inner][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:focus,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:hover,[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=first][part~=range][part~=preview],[part~=date-inner][part~=first][part~=selected][part~=range][part~=preview]{border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:rgba(0,0,0,0);background:rgba(0,0,0,0)}[part~=date-inner][part~=last][part~=range][part~=preview],[part~=date-inner][part~=last][part~=selected][part~=range][part~=preview]{border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:rgba(0,0,0,0);background:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview]{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=range][part~=preview]::after{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first]::after,[part~=date][part~=range][part~=preview][part~=last]::after{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range][part~=preview],[part~=date][part~=last][part~=selected][part~=range][part~=preview]{background:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before,[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before{border-block-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-block-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after,[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after{border-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before{border-inline-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after{-webkit-border-end:0;border-inline-end:0}[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before{border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:rgba(0,0,0,0)}[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after{-webkit-border-start:0;border-inline-start:0}[part~=date-inner][part~=first][part~=last][part~=selected]{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=first][part~=last][part~=selected],[part~=date-inner][part~=first][part~=selected],[part~=date-inner][part~=last][part~=selected]{background:hsla(var(--igc-gray-200), var(--igc-gray-a)) !important;color:var(--igc-gray-200-contrast) !important}[part~=date-inner][part~=first][part~=last][part~=selected]:focus,[part~=date-inner][part~=first][part~=selected]:focus,[part~=date-inner][part~=last][part~=selected]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a)) !important;color:var(--igc-gray-200-contrast) !important}[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]{color:var(--igc-secondary-600-contrast) !important}[part~=date-inner][part~=first][part~=selected][part~=current][part~=range][part~=preview]:focus,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range][part~=preview]:focus{border-color:rgba(0,0,0,0)}`;\n"]}
+{"version":3,"file":"days-view.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/days-view.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuUvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part~=date-inner]:focus, [part~=date-inner]:hover {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=selected][part~=single]:focus, [part~=date-inner][part~=selected][part~=single]:hover {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  color: var(--ig-gray-300-contrast);\n}\n\n[part~=current][part~=date-inner][part~=current],\n[part~=current][part~=date-inner],\n[part~=current][part~=single][part~=date-inner] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  position: relative;\n  overflow: hidden;\n  color: var(--ig-secondary-600-contrast);\n}\n[part~=current][part~=date-inner][part~=current]::after,\n[part~=current][part~=date-inner]::after,\n[part~=current][part~=single][part~=date-inner]::after {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n  content: \"\";\n  position: absolute;\n  top: 0.0625rem;\n  inset-inline-start: 0.0625rem;\n  width: calc(100% - 0.125rem);\n  height: calc(100% - 0.125rem);\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  z-index: -1;\n}\n[part~=current][part~=date-inner][part~=current]:focus, [part~=current][part~=date-inner][part~=current]:hover,\n[part~=current][part~=date-inner]:focus,\n[part~=current][part~=date-inner]:hover,\n[part~=current][part~=single][part~=date-inner]:focus,\n[part~=current][part~=single][part~=date-inner]:hover {\n  color: var(--ig-secondary-600-contrast);\n}\n[part~=current][part~=date-inner][part~=current]:focus::after, [part~=current][part~=date-inner][part~=current]:hover::after,\n[part~=current][part~=date-inner]:focus::after,\n[part~=current][part~=date-inner]:hover::after,\n[part~=current][part~=single][part~=date-inner]:focus::after,\n[part~=current][part~=single][part~=date-inner]:hover::after {\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\n[part~=selected][part~=date-inner][part~=single] {\n  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: var(--ig-gray-200-contrast);\n  border-radius: 0;\n}\n\n[part~=date-inner][part~=selected][part~=current][part~=single] {\n  color: var(--ig-secondary-600-contrast);\n}\n\n[part~=week-number-inner] {\n  border-inline-end-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n[part~=week-number-inner]::after {\n  border-inline-end-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n[part=\"week-number-inner last\"],\n[part=\"week-number-inner first\"] {\n  border-radius: 0;\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=first],\n[part~=date-inner][part~=selected][part~=range][part~=last],\n[part~=date-inner][part~=selected]:not([part~=range]) {\n  border-top-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  border-inline-start-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range][part~=first]:hover, [part~=date-inner][part~=selected][part~=range][part~=first]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=last]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=last]:focus,\n[part~=date-inner][part~=selected]:not([part~=range]):hover,\n[part~=date-inner][part~=selected]:not([part~=range]):focus {\n  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range][part~=first]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=last]:hover,\n[part~=date-inner][part~=selected]:not([part~=range]):hover {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range][part~=first]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=last]:focus,\n[part~=date-inner][part~=selected]:not([part~=range]):focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=last] {\n  border-inline-start-color: transparent;\n  -webkit-border-end: 0;\n          border-inline-end: 0;\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=first] {\n  border-inline-end-color: transparent;\n  -webkit-border-start: 0;\n          border-inline-start: 0;\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover, [part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus {\n  color: var(--ig-gray-300-contrast);\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=last][part~=range] {\n  border-color: transparent;\n}\n\n[part~=date-inner][part~=selected][part~=range] {\n  border-top: 0;\n  border-bottom: 0;\n  color: var(--ig-gray-200-contrast);\n}\n[part~=date-inner][part~=selected][part~=range]:hover {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range]:focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=preview]:focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=date][part~=selected][part~=range] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-top-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n[part~=date][part~=first][part~=selected][part~=range],\n[part~=date][part~=last][part~=selected][part~=range] {\n  background: transparent;\n  border-color: transparent;\n}\n[part~=date][part~=first][part~=selected][part~=range]::after,\n[part~=date][part~=last][part~=selected][part~=range]::after {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-top-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n[part~=date][part~=first][part~=selected][part~=range]::before,\n[part~=date][part~=last][part~=selected][part~=range]::before {\n  content: \"\";\n  position: absolute;\n  top: -0.0625rem;\n  width: 50%;\n  height: 100%;\n  border: 0.0625rem solid hsla(var(--ig-gray-500), var(--ig-gray-a));\n  z-index: 3;\n  pointer-events: none;\n}\n\n[part~=date][part~=first][part~=selected][part~=range]::before {\n  border-inline-end-color: transparent;\n}\n\n[part~=date][part~=last][part~=selected][part~=range]::before {\n  border-inline-start-color: transparent;\n}\n\n:host(igc-calendar[size=large]) igc-days-view::part(date first selected range)::before {\n  margin: 0;\n  inset-inline-start: calc(50% - 1rem);\n}\n:host(igc-calendar[size=large]) igc-days-view::part(date last selected range)::before {\n  inset-inline-end: calc(50% - 1rem);\n}\n\n:host(igc-calendar[size=medium]) igc-days-view::part(date first selected range)::before {\n  inset-inline-start: calc(50% - 0.875rem);\n}\n:host(igc-calendar[size=medium]) igc-days-view::part(date last selected range)::before {\n  inset-inline-end: calc(50% - 0.875rem);\n}\n\n:host(igc-calendar[size=small]) igc-days-view::part(date first selected range)::before {\n  inset-inline-start: calc(50% - 0.75rem);\n}\n:host(igc-calendar[size=small]) igc-days-view::part(date last selected range)::before {\n  inset-inline-end: calc(50% - 0.75rem);\n}\n\n[part~=date][part~=first][part~=last][part~=selected][part~=range]::before {\n  border-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: transparent;\n}\n\n[part~=date-inner][part~=selected][part~=current][part~=range],\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range],\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current],\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range],\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range] {\n  color: var(--ig-secondary-600-contrast) !important;\n}\n[part~=date-inner][part~=selected][part~=current][part~=range]:focus, [part~=date-inner][part~=selected][part~=current][part~=range]:hover,\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:focus,\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:hover,\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:focus,\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:hover,\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:focus,\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover {\n  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=first][part~=range][part~=preview],\n[part~=date-inner][part~=first][part~=selected][part~=range][part~=preview] {\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-start-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: transparent;\n  background: transparent;\n}\n\n[part~=date-inner][part~=last][part~=range][part~=preview],\n[part~=date-inner][part~=last][part~=selected][part~=range][part~=preview] {\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-start-color: transparent;\n  background: transparent;\n}\n\n[part~=date][part~=range][part~=preview] {\n  border-top-style: solid;\n  border-bottom-style: solid;\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part~=date][part~=range][part~=preview]::after {\n  border-top-style: solid;\n  border-bottom-style: solid;\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  background: transparent;\n}\n\n[part~=date][part~=range][part~=preview][part~=first],\n[part~=date][part~=range][part~=preview][part~=last] {\n  border-top-color: transparent;\n  border-bottom-color: transparent;\n}\n[part~=date][part~=range][part~=preview][part~=first]::after,\n[part~=date][part~=range][part~=preview][part~=last]::after {\n  border-top-style: solid;\n  border-bottom-style: solid;\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=date][part~=first][part~=selected][part~=range][part~=preview],\n[part~=date][part~=last][part~=selected][part~=range][part~=preview] {\n  background: transparent;\n}\n[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before,\n[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before {\n  border-block-start-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-block-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after,\n[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after {\n  border-style: solid;\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  background: transparent;\n}\n\n[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before {\n  border-inline-start-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: transparent;\n}\n[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after {\n  -webkit-border-end: 0;\n          border-inline-end: 0;\n}\n\n[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before {\n  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-start-color: transparent;\n}\n[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after {\n  -webkit-border-start: 0;\n          border-inline-start: 0;\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected] {\n  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected],\n[part~=date-inner][part~=first][part~=selected],\n[part~=date-inner][part~=last][part~=selected] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a)) !important;\n  color: var(--ig-gray-200-contrast) !important;\n}\n[part~=date-inner][part~=first][part~=last][part~=selected]:focus,\n[part~=date-inner][part~=first][part~=selected]:focus,\n[part~=date-inner][part~=last][part~=selected]:focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a)) !important;\n  color: var(--ig-gray-200-contrast) !important;\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current] {\n  color: var(--ig-secondary-600-contrast) !important;\n}\n\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range][part~=preview]:focus,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range][part~=preview]:focus {\n  border-color: transparent;\n}`;\n"]}

package/components/calendar/themes/fluent/year-month-view.fluent.css.js

@@ -1,3 +1,124 @@
 import { css } from 'lit';
-export const styles = css `:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:18.125rem;outline:none;padding:0 .75rem 1rem .75rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.25rem}[part=months-row],[part=years-row]{display:-webkit-box;display:-ms-flexbox;display:flex}[part~=month],[part~=year]{-webkit-box-flex:1;-ms-flex:1;flex:1}[part~=month],[part~=year],[part~=month-inner],[part~=year-inner]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=month-inner],[part~=year-inner]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}[part~=month-inner]:hover,[part~=month-inner]:focus,[part~=year-inner]:hover,[part~=year-inner]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=month-inner]:hover,[part~=year-inner]:hover{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=month-inner][part~=selected],[part~=year-inner][part~=selected]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part~=month-inner][part~=selected]:hover,[part~=year-inner][part~=selected]:hover{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part~=month-inner][part~=selected]:focus,[part~=year-inner][part~=selected]:focus{outline:none;background:hsla(var(--igc-secondary-700), var(--igc-secondary-a));color:var(--igc-secondary-700-contrast)}[part~=month-inner][part~=current],[part~=year-inner][part~=current]{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-600), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-600), var(--igc-gray-a))}[part~=month-inner][part~=selected][part~=current],[part~=year-inner][part~=selected][part~=current]{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a)),0 0 0 .0625rem hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a)),0 0 0 .0625rem hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=month-inner][part~=current],[part~=year-inner][part~=current]{-webkit-box-shadow:none;box-shadow:none;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part~=month-inner][part~=current]:hover,[part~=month-inner][part~=current]:focus,[part~=year-inner][part~=current]:hover,[part~=year-inner][part~=current]:focus{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part~=month-inner][part~=selected][part~=current],[part~=year-inner][part~=selected][part~=current]{-webkit-box-shadow:none;box-shadow:none;background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}[part~=month-inner][part~=selected][part~=current]:hover,[part~=month-inner][part~=selected][part~=current]:focus,[part~=year-inner][part~=selected][part~=current]:hover,[part~=year-inner][part~=selected][part~=current]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}`;
+export const styles = css `/* stylelint-disable max-line-length */
+:host {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  min-width: 18.125rem;
+  outline: none;
+  padding: 0 0.75rem 1rem 0.75rem;
+  overflow: hidden;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  gap: 0.25rem;
+}
+
+[part=months-row],
+[part=years-row] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+[part~=month],
+[part~=year] {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+
+[part~=month],
+[part~=year],
+[part~=month-inner],
+[part~=year-inner] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+
+[part~=month-inner],
+[part~=year-inner] {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  cursor: pointer;
+  padding: 0 0.75rem;
+}
+[part~=month-inner]:hover, [part~=month-inner]:focus,
+[part~=year-inner]:hover,
+[part~=year-inner]:focus {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+[part~=month-inner]:hover,
+[part~=year-inner]:hover {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+
+[part~=month-inner][part~=selected],
+[part~=year-inner][part~=selected] {
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  color: var(--ig-secondary-600-contrast);
+}
+[part~=month-inner][part~=selected]:hover,
+[part~=year-inner][part~=selected]:hover {
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  color: var(--ig-secondary-600-contrast);
+}
+[part~=month-inner][part~=selected]:focus,
+[part~=year-inner][part~=selected]:focus {
+  outline: none;
+  background: hsla(var(--ig-secondary-700), var(--ig-secondary-a));
+  color: var(--ig-secondary-700-contrast);
+}
+
+[part~=month-inner][part~=current],
+[part~=year-inner][part~=current] {
+  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-600), var(--ig-gray-a));
+          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-600), var(--ig-gray-a));
+}
+
+[part~=month-inner][part~=selected][part~=current],
+[part~=year-inner][part~=selected][part~=current] {
+  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a)), 0 0 0 0.0625rem hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a)), 0 0 0 0.0625rem hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+}
+
+[part~=month-inner][part~=current],
+[part~=year-inner][part~=current] {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  color: var(--ig-secondary-600-contrast);
+}
+[part~=month-inner][part~=current]:hover, [part~=month-inner][part~=current]:focus,
+[part~=year-inner][part~=current]:hover,
+[part~=year-inner][part~=current]:focus {
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  color: var(--ig-secondary-600-contrast);
+}
+
+[part~=month-inner][part~=selected][part~=current],
+[part~=year-inner][part~=selected][part~=current] {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  color: var(--ig-gray-200-contrast);
+}
+[part~=month-inner][part~=selected][part~=current]:hover, [part~=month-inner][part~=selected][part~=current]:focus,
+[part~=year-inner][part~=selected][part~=current]:hover,
+[part~=year-inner][part~=selected][part~=current]:focus {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  color: var(--ig-gray-200-contrast);
+}`;
 //# sourceMappingURL=year-month-view.fluent.css.js.map

package/components/calendar/themes/fluent/year-month-view.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"year-month-view.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/year-month-view.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mzGAAmzG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:18.125rem;outline:none;padding:0 .75rem 1rem .75rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.25rem}[part=months-row],[part=years-row]{display:-webkit-box;display:-ms-flexbox;display:flex}[part~=month],[part~=year]{-webkit-box-flex:1;-ms-flex:1;flex:1}[part~=month],[part~=year],[part~=month-inner],[part~=year-inner]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=month-inner],[part~=year-inner]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}[part~=month-inner]:hover,[part~=month-inner]:focus,[part~=year-inner]:hover,[part~=year-inner]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=month-inner]:hover,[part~=year-inner]:hover{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=month-inner][part~=selected],[part~=year-inner][part~=selected]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part~=month-inner][part~=selected]:hover,[part~=year-inner][part~=selected]:hover{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part~=month-inner][part~=selected]:focus,[part~=year-inner][part~=selected]:focus{outline:none;background:hsla(var(--igc-secondary-700), var(--igc-secondary-a));color:var(--igc-secondary-700-contrast)}[part~=month-inner][part~=current],[part~=year-inner][part~=current]{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-600), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-600), var(--igc-gray-a))}[part~=month-inner][part~=selected][part~=current],[part~=year-inner][part~=selected][part~=current]{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a)),0 0 0 .0625rem hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a)),0 0 0 .0625rem hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=month-inner][part~=current],[part~=year-inner][part~=current]{-webkit-box-shadow:none;box-shadow:none;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part~=month-inner][part~=current]:hover,[part~=month-inner][part~=current]:focus,[part~=year-inner][part~=current]:hover,[part~=year-inner][part~=current]:focus{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part~=month-inner][part~=selected][part~=current],[part~=year-inner][part~=selected][part~=current]{-webkit-box-shadow:none;box-shadow:none;background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}[part~=month-inner][part~=selected][part~=current]:hover,[part~=month-inner][part~=selected][part~=current]:focus,[part~=year-inner][part~=selected][part~=current]:hover,[part~=year-inner][part~=selected][part~=current]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}`;\n"]}
+{"version":3,"file":"year-month-view.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/year-month-view.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyHvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  min-width: 18.125rem;\n  outline: none;\n  padding: 0 0.75rem 1rem 0.75rem;\n  overflow: hidden;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  gap: 0.25rem;\n}\n\n[part=months-row],\n[part=years-row] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n[part~=month],\n[part~=year] {\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\n\n[part~=month],\n[part~=year],\n[part~=month-inner],\n[part~=year-inner] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n[part~=month-inner],\n[part~=year-inner] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n  padding: 0 0.75rem;\n}\n[part~=month-inner]:hover, [part~=month-inner]:focus,\n[part~=year-inner]:hover,\n[part~=year-inner]:focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part~=month-inner]:hover,\n[part~=year-inner]:hover {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=month-inner][part~=selected],\n[part~=year-inner][part~=selected] {\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  color: var(--ig-secondary-600-contrast);\n}\n[part~=month-inner][part~=selected]:hover,\n[part~=year-inner][part~=selected]:hover {\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  color: var(--ig-secondary-600-contrast);\n}\n[part~=month-inner][part~=selected]:focus,\n[part~=year-inner][part~=selected]:focus {\n  outline: none;\n  background: hsla(var(--ig-secondary-700), var(--ig-secondary-a));\n  color: var(--ig-secondary-700-contrast);\n}\n\n[part~=month-inner][part~=current],\n[part~=year-inner][part~=current] {\n  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-600), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n[part~=month-inner][part~=selected][part~=current],\n[part~=year-inner][part~=selected][part~=current] {\n  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a)), 0 0 0 0.0625rem hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a)), 0 0 0 0.0625rem hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\n[part~=month-inner][part~=current],\n[part~=year-inner][part~=current] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  color: var(--ig-secondary-600-contrast);\n}\n[part~=month-inner][part~=current]:hover, [part~=month-inner][part~=current]:focus,\n[part~=year-inner][part~=current]:hover,\n[part~=year-inner][part~=current]:focus {\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  color: var(--ig-secondary-600-contrast);\n}\n\n[part~=month-inner][part~=selected][part~=current],\n[part~=year-inner][part~=selected][part~=current] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: var(--ig-gray-200-contrast);\n}\n[part~=month-inner][part~=selected][part~=current]:hover, [part~=month-inner][part~=selected][part~=current]:focus,\n[part~=year-inner][part~=selected][part~=current]:hover,\n[part~=year-inner][part~=selected][part~=current]:focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: var(--ig-gray-200-contrast);\n}`;\n"]}