igniteui-webcomponents 3.3.1 → 4.0.0-alpha

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

@@ -1,3 +1,287 @@
 import { css } from 'lit';
-export const styles = css `:host([part=days-view]){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:.375rem}[part~=days-row]{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~=date-inner]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}[part~=date-inner]:hover,[part~=date-inner]:focus{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));color:var(--igc-secondary-100-contrast);border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=date-inner][part~=current][part~=selected]{-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~=current][part~=date-inner]{-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~=current][part~=date-inner]:hover,[part~=current][part~=date-inner]:focus{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=date],[part~=week-number],[part~=label]{font-size:var(--igc-subtitle-1-font-size);width:100%;color:hsla(var(--igc-gray-800), var(--igc-gray-a));position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-top:.0625rem solid rgba(0,0,0,0);border-bottom:.0625rem solid rgba(0,0,0,0)}[part=label-inner]{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;min-width:4ch;text-align:center}[part~=date-inner],[part~=week-number-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;border:.0625rem solid rgba(0,0,0,0)}[part~=date-inner]:focus,[part~=week-number-inner]:focus{outline:none}[part~=date][part~=range]{background:hsla(var(--igc-secondary-50), var(--igc-secondary-a))}[part~=date][part~=range][part~=preview]{background:rgba(0,0,0,0);border-top:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{background:rgba(0,0,0,0);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:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first],[part~=date][part~=range][part~=last]{background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::after{content:"";position:absolute;height:100%;width:calc(50% + 0.0625rem);background:hsla(var(--igc-secondary-50), var(--igc-secondary-a));border-top:.0625rem solid hsla(var(--igc-secondary-50), var(--igc-secondary-a));border-bottom:.0625rem solid hsla(var(--igc-secondary-50), var(--igc-secondary-a));z-index:1}[part~=date][part~=range][part~=first]::after{inset-inline-start:50%}[part~=date][part~=range][part~=last]::after{inset-inline-end:calc(50% - 0.0625rem)}[part~=date][part~=range]+[part~=date][part~=range][part~=last]::after{inset-inline-end:50%}[part~=date-inner][part~=weekend],[part~=date-inner][part~=inactive],[part~=date-inner][part~=label],[part~=date-inner][part~=disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=weekend]:hover,[part~=date-inner][part~=weekend]:focus,[part~=date-inner][part~=inactive]:hover,[part~=date-inner][part~=inactive]:focus{color:var(--igc-secondary-100-contrast)}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=first],[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=last],[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=first],[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=last]{color:var(--igc-secondary-700-contrast)}[part~=date-inner][part~=selected][part~=range][part~=weekend],[part~=date-inner][part~=selected][part~=range][part~=inactive],[part~=date-inner][part~=selected][part~=range]{color:var(--igc-secondary-50-contrast)}[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,[part~=date-inner][part~=selected][part~=range]:hover,[part~=date-inner][part~=selected][part~=range]:focus{color:var(--igc-secondary-100-contrast);background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[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]){background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-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{background:hsla(var(--igc-secondary-700), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-700), var(--igc-secondary-a));color:var(--igc-secondary-700-contrast)}[part~=date-inner][part~=selected][part~=weekend]:not([part~=range]),[part~=date-inner][part~=selected][part~=inactive]:not([part~=range]),[part~=date-inner][part~=selected]:not([part~=range]){color:var(--igc-secondary-700-contrast)}[part~=week-number]{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;color:hsla(var(--igc-gray-500), var(--igc-gray-a));cursor:default}[part="week-number-inner first"]{border-top-left-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);border-top-right-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part="week-number-inner first"]::after{display:none}[part="week-number-inner last"]{border-bottom-left-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);border-bottom-right-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=week-number-inner]{position:relative;background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=week-number-inner]::after{content:"";position:absolute;bottom:100%;height:calc(0.375rem + (0.0625rem * 2 + 2px));width:100%;background:hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-border-start:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-border-end:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date-inner][part~=disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}[part~=date-inner][part~=special][part~=range],[part~=date-inner][part~=special]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-color:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-weight:900}[part~=date-inner][part~=special][part~=range]:hover,[part~=date-inner][part~=special][part~=range]:focus,[part~=date-inner][part~=special]:hover,[part~=date-inner][part~=special]:focus{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=hidden]{visibility:hidden}`;
+export const styles = css `:host([part=days-view]) {
+  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.375rem;
+}
+
+[part~=days-row] {
+  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~=date-inner] {
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  z-index: 2;
+}
+[part~=date-inner]:hover, [part~=date-inner]:focus {
+  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+  color: var(--ig-secondary-100-contrast);
+  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+}
+
+[part~=date-inner][part~=current][part~=selected] {
+  -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~=current][part~=date-inner] {
+  -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~=current][part~=date-inner]:hover, [part~=current][part~=date-inner]:focus {
+  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a));
+          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a));
+}
+
+[part~=date],
+[part~=week-number],
+[part~=label] {
+  font-size: var(--ig-subtitle-1-font-size);
+  width: 100%;
+  color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  outline: none;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  border-top: 0.0625rem solid transparent;
+  border-bottom: 0.0625rem solid transparent;
+}
+
+[part=label-inner] {
+  -o-text-overflow: ellipsis;
+     text-overflow: ellipsis;
+  overflow: hidden;
+  min-width: 4ch;
+  text-align: center;
+}
+
+[part~=date-inner],
+[part~=week-number-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;
+  border: 0.0625rem solid transparent;
+}
+[part~=date-inner]:focus,
+[part~=week-number-inner]:focus {
+  outline: none;
+}
+
+[part~=date][part~=range] {
+  background: hsla(var(--ig-secondary-50), var(--ig-secondary-a));
+}
+
+[part~=date][part~=range][part~=preview] {
+  background: transparent;
+  border-top: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));
+  border-bottom: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+
+[part~=date][part~=range][part~=preview][part~=first],
+[part~=date][part~=range][part~=preview][part~=last] {
+  background: transparent;
+  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: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));
+  border-bottom: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));
+  background: transparent;
+}
+
+[part~=date][part~=range][part~=first],
+[part~=date][part~=range][part~=last] {
+  background: transparent;
+}
+[part~=date][part~=range][part~=first]::after,
+[part~=date][part~=range][part~=last]::after {
+  content: "";
+  position: absolute;
+  height: 100%;
+  width: calc(50% + 0.0625rem);
+  background: hsla(var(--ig-secondary-50), var(--ig-secondary-a));
+  border-top: 0.0625rem solid hsla(var(--ig-secondary-50), var(--ig-secondary-a));
+  border-bottom: 0.0625rem solid hsla(var(--ig-secondary-50), var(--ig-secondary-a));
+  z-index: 1;
+}
+
+[part~=date][part~=range][part~=first]::after {
+  inset-inline-start: 50%;
+}
+
+[part~=date][part~=range][part~=last]::after {
+  inset-inline-end: calc(50% - 0.0625rem);
+}
+
+[part~=date][part~=range] + [part~=date][part~=range][part~=last]::after {
+  inset-inline-end: 50%;
+}
+
+[part~=date-inner][part~=weekend],
+[part~=date-inner][part~=inactive],
+[part~=date-inner][part~=label],
+[part~=date-inner][part~=disabled] {
+  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+
+[part~=date-inner][part~=weekend]:hover, [part~=date-inner][part~=weekend]:focus,
+[part~=date-inner][part~=inactive]:hover,
+[part~=date-inner][part~=inactive]:focus {
+  color: var(--ig-secondary-100-contrast);
+}
+
+[part~=date-inner][part~=selected][part~=range][part~=first],
+[part~=date-inner][part~=selected][part~=range][part~=last],
+[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=first],
+[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=last],
+[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=first],
+[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=last] {
+  color: var(--ig-secondary-700-contrast);
+}
+
+[part~=date-inner][part~=selected][part~=range][part~=weekend],
+[part~=date-inner][part~=selected][part~=range][part~=inactive],
+[part~=date-inner][part~=selected][part~=range] {
+  color: var(--ig-secondary-50-contrast);
+}
+[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,
+[part~=date-inner][part~=selected][part~=range]:hover,
+[part~=date-inner][part~=selected][part~=range]:focus {
+  color: var(--ig-secondary-100-contrast);
+  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+}
+
+[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]) {
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-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 {
+  background: hsla(var(--ig-secondary-700), var(--ig-secondary-a));
+  border-color: hsla(var(--ig-secondary-700), var(--ig-secondary-a));
+  color: var(--ig-secondary-700-contrast);
+}
+
+[part~=date-inner][part~=selected][part~=weekend]:not([part~=range]),
+[part~=date-inner][part~=selected][part~=inactive]:not([part~=range]),
+[part~=date-inner][part~=selected]:not([part~=range]) {
+  color: var(--ig-secondary-700-contrast);
+}
+
+[part~=week-number] {
+  -webkit-box-ordinal-group: 1;
+      -ms-flex-order: 0;
+          order: 0;
+  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  cursor: default;
+}
+
+[part="week-number-inner first"] {
+  border-top-left-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+  border-top-right-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+}
+[part="week-number-inner first"]::after {
+  display: none;
+}
+
+[part="week-number-inner last"] {
+  border-bottom-left-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+  border-bottom-right-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+}
+
+[part~=week-number-inner] {
+  position: relative;
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+[part~=week-number-inner]::after {
+  content: "";
+  position: absolute;
+  bottom: 100%;
+  height: calc(0.375rem + (0.0625rem * 2 + 2px));
+  width: 100%;
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  -webkit-border-start: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));
+          border-inline-start: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));
+  -webkit-border-end: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));
+          border-inline-end: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+
+[part~=date-inner][part~=disabled] {
+  pointer-events: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  cursor: not-allowed;
+}
+
+[part~=date-inner][part~=special][part~=range],
+[part~=date-inner][part~=special] {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  font-weight: 900;
+}
+[part~=date-inner][part~=special][part~=range]:hover, [part~=date-inner][part~=special][part~=range]:focus,
+[part~=date-inner][part~=special]:hover,
+[part~=date-inner][part~=special]:focus {
+  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+}
+
+[part~=hidden] {
+  visibility: hidden;
+}`;
 //# sourceMappingURL=days-view.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"days-view.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days-view.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0zRAA0zR,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([part=days-view]){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:.375rem}[part~=days-row]{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~=date-inner]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}[part~=date-inner]:hover,[part~=date-inner]:focus{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));color:var(--igc-secondary-100-contrast);border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=date-inner][part~=current][part~=selected]{-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~=current][part~=date-inner]{-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~=current][part~=date-inner]:hover,[part~=current][part~=date-inner]:focus{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=date],[part~=week-number],[part~=label]{font-size:var(--igc-subtitle-1-font-size);width:100%;color:hsla(var(--igc-gray-800), var(--igc-gray-a));position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-top:.0625rem solid rgba(0,0,0,0);border-bottom:.0625rem solid rgba(0,0,0,0)}[part=label-inner]{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;min-width:4ch;text-align:center}[part~=date-inner],[part~=week-number-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;border:.0625rem solid rgba(0,0,0,0)}[part~=date-inner]:focus,[part~=week-number-inner]:focus{outline:none}[part~=date][part~=range]{background:hsla(var(--igc-secondary-50), var(--igc-secondary-a))}[part~=date][part~=range][part~=preview]{background:rgba(0,0,0,0);border-top:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{background:rgba(0,0,0,0);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:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first],[part~=date][part~=range][part~=last]{background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::after{content:\"\";position:absolute;height:100%;width:calc(50% + 0.0625rem);background:hsla(var(--igc-secondary-50), var(--igc-secondary-a));border-top:.0625rem solid hsla(var(--igc-secondary-50), var(--igc-secondary-a));border-bottom:.0625rem solid hsla(var(--igc-secondary-50), var(--igc-secondary-a));z-index:1}[part~=date][part~=range][part~=first]::after{inset-inline-start:50%}[part~=date][part~=range][part~=last]::after{inset-inline-end:calc(50% - 0.0625rem)}[part~=date][part~=range]+[part~=date][part~=range][part~=last]::after{inset-inline-end:50%}[part~=date-inner][part~=weekend],[part~=date-inner][part~=inactive],[part~=date-inner][part~=label],[part~=date-inner][part~=disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=weekend]:hover,[part~=date-inner][part~=weekend]:focus,[part~=date-inner][part~=inactive]:hover,[part~=date-inner][part~=inactive]:focus{color:var(--igc-secondary-100-contrast)}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=first],[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=last],[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=first],[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=last]{color:var(--igc-secondary-700-contrast)}[part~=date-inner][part~=selected][part~=range][part~=weekend],[part~=date-inner][part~=selected][part~=range][part~=inactive],[part~=date-inner][part~=selected][part~=range]{color:var(--igc-secondary-50-contrast)}[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,[part~=date-inner][part~=selected][part~=range]:hover,[part~=date-inner][part~=selected][part~=range]:focus{color:var(--igc-secondary-100-contrast);background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[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]){background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-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{background:hsla(var(--igc-secondary-700), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-700), var(--igc-secondary-a));color:var(--igc-secondary-700-contrast)}[part~=date-inner][part~=selected][part~=weekend]:not([part~=range]),[part~=date-inner][part~=selected][part~=inactive]:not([part~=range]),[part~=date-inner][part~=selected]:not([part~=range]){color:var(--igc-secondary-700-contrast)}[part~=week-number]{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;color:hsla(var(--igc-gray-500), var(--igc-gray-a));cursor:default}[part=\"week-number-inner first\"]{border-top-left-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);border-top-right-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part=\"week-number-inner first\"]::after{display:none}[part=\"week-number-inner last\"]{border-bottom-left-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);border-bottom-right-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=week-number-inner]{position:relative;background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=week-number-inner]::after{content:\"\";position:absolute;bottom:100%;height:calc(0.375rem + (0.0625rem * 2 + 2px));width:100%;background:hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-border-start:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-border-end:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date-inner][part~=disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}[part~=date-inner][part~=special][part~=range],[part~=date-inner][part~=special]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-color:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-weight:900}[part~=date-inner][part~=special][part~=range]:hover,[part~=date-inner][part~=special][part~=range]:focus,[part~=date-inner][part~=special]:hover,[part~=date-inner][part~=special]:focus{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=hidden]{visibility:hidden}`;\n"]}
+{"version":3,"file":"days-view.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days-view.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4RvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([part=days-view]) {\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.375rem;\n}\n\n[part~=days-row] {\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~=date-inner] {\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  z-index: 2;\n}\n[part~=date-inner]:hover, [part~=date-inner]:focus {\n  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n  color: var(--ig-secondary-100-contrast);\n  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n}\n\n[part~=date-inner][part~=current][part~=selected] {\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~=current][part~=date-inner] {\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[part~=current][part~=date-inner]:hover, [part~=current][part~=date-inner]:focus {\n  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a));\n          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a));\n}\n\n[part~=date],\n[part~=week-number],\n[part~=label] {\n  font-size: var(--ig-subtitle-1-font-size);\n  width: 100%;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  position: relative;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  outline: none;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  border-top: 0.0625rem solid transparent;\n  border-bottom: 0.0625rem solid transparent;\n}\n\n[part=label-inner] {\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  overflow: hidden;\n  min-width: 4ch;\n  text-align: center;\n}\n\n[part~=date-inner],\n[part~=week-number-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  border: 0.0625rem solid transparent;\n}\n[part~=date-inner]:focus,\n[part~=week-number-inner]:focus {\n  outline: none;\n}\n\n[part~=date][part~=range] {\n  background: hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n}\n\n[part~=date][part~=range][part~=preview] {\n  background: transparent;\n  border-top: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-bottom: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n[part~=date][part~=range][part~=preview][part~=first],\n[part~=date][part~=range][part~=preview][part~=last] {\n  background: transparent;\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: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-bottom: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));\n  background: transparent;\n}\n\n[part~=date][part~=range][part~=first],\n[part~=date][part~=range][part~=last] {\n  background: transparent;\n}\n[part~=date][part~=range][part~=first]::after,\n[part~=date][part~=range][part~=last]::after {\n  content: \"\";\n  position: absolute;\n  height: 100%;\n  width: calc(50% + 0.0625rem);\n  background: hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n  border-top: 0.0625rem solid hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n  border-bottom: 0.0625rem solid hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n  z-index: 1;\n}\n\n[part~=date][part~=range][part~=first]::after {\n  inset-inline-start: 50%;\n}\n\n[part~=date][part~=range][part~=last]::after {\n  inset-inline-end: calc(50% - 0.0625rem);\n}\n\n[part~=date][part~=range] + [part~=date][part~=range][part~=last]::after {\n  inset-inline-end: 50%;\n}\n\n[part~=date-inner][part~=weekend],\n[part~=date-inner][part~=inactive],\n[part~=date-inner][part~=label],\n[part~=date-inner][part~=disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=weekend]:hover, [part~=date-inner][part~=weekend]:focus,\n[part~=date-inner][part~=inactive]:hover,\n[part~=date-inner][part~=inactive]:focus {\n  color: var(--ig-secondary-100-contrast);\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][part~=range][part~=weekend][part~=first],\n[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=last],\n[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=first],\n[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=last] {\n  color: var(--ig-secondary-700-contrast);\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=weekend],\n[part~=date-inner][part~=selected][part~=range][part~=inactive],\n[part~=date-inner][part~=selected][part~=range] {\n  color: var(--ig-secondary-50-contrast);\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[part~=date-inner][part~=selected][part~=range]:hover,\n[part~=date-inner][part~=selected][part~=range]:focus {\n  color: var(--ig-secondary-100-contrast);\n  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\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  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-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  background: hsla(var(--ig-secondary-700), var(--ig-secondary-a));\n  border-color: hsla(var(--ig-secondary-700), var(--ig-secondary-a));\n  color: var(--ig-secondary-700-contrast);\n}\n\n[part~=date-inner][part~=selected][part~=weekend]:not([part~=range]),\n[part~=date-inner][part~=selected][part~=inactive]:not([part~=range]),\n[part~=date-inner][part~=selected]:not([part~=range]) {\n  color: var(--ig-secondary-700-contrast);\n}\n\n[part~=week-number] {\n  -webkit-box-ordinal-group: 1;\n      -ms-flex-order: 0;\n          order: 0;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  cursor: default;\n}\n\n[part=\"week-number-inner first\"] {\n  border-top-left-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  border-top-right-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n[part=\"week-number-inner first\"]::after {\n  display: none;\n}\n\n[part=\"week-number-inner last\"] {\n  border-bottom-left-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  border-bottom-right-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n\n[part~=week-number-inner] {\n  position: relative;\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part~=week-number-inner]::after {\n  content: \"\";\n  position: absolute;\n  bottom: 100%;\n  height: calc(0.375rem + (0.0625rem * 2 + 2px));\n  width: 100%;\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  -webkit-border-start: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n          border-inline-start: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n  -webkit-border-end: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n          border-inline-end: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=disabled] {\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: not-allowed;\n}\n\n[part~=date-inner][part~=special][part~=range],\n[part~=date-inner][part~=special] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  font-weight: 900;\n}\n[part~=date-inner][part~=special][part~=range]:hover, [part~=date-inner][part~=special][part~=range]:focus,\n[part~=date-inner][part~=special]:hover,\n[part~=date-inner][part~=special]:focus {\n  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n}\n\n[part~=hidden] {\n  visibility: hidden;\n}`;\n"]}

package/components/calendar/themes/fluent/calendar.fluent.css.js

@@ -1,3 +1,291 @@
 import { css } from 'lit';
-export const styles = css `:host(igc-calendar){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--igc-font-family);background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast)}:host(igc-calendar)>*{font-family:var(--igc-font-family)}:host(igc-calendar[size=large]) igc-days-view::part(date),:host(igc-calendar[size=large]) igc-days-view::part(week-number),:host(igc-calendar[size=large]) igc-days-view::part(label),:host(igc-calendar[size=large]) igc-days-view::part(days-row){height:2rem}:host(igc-calendar[size=large]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=large]) igc-days-view::part(date-inner){width:calc(2rem - 0.125rem);min-width:calc(2rem - 0.125rem);height:100%}:host(igc-calendar[size=large]) igc-days-view::part(label){min-width:2rem;height:2rem}:host(igc-calendar[size=large]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)*1.125rem,1.125rem)}:host(igc-calendar[size=large]) igc-months-view{grid-template-rows:repeat(4, minmax(2rem, 1fr))}:host(igc-calendar[size=large]) igc-months-view::part(month-inner){height:2rem;border-radius:clamp(0rem,var(--igc-radius-factor)*1.125rem,1.125rem)}:host(igc-calendar[size=large]) igc-years-view{grid-template-rows:repeat(5, minmax(2rem, 1fr))}:host(igc-calendar[size=large]) igc-years-view::part(year-inner){height:2rem;border-radius:clamp(0rem,var(--igc-radius-factor)*1.125rem,1.125rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date),:host(igc-calendar[size=medium]) igc-days-view::part(week-number),:host(igc-calendar[size=medium]) igc-days-view::part(label),:host(igc-calendar[size=medium]) igc-days-view::part(days-row){height:1.75rem}:host(igc-calendar[size=medium]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=medium]) igc-days-view::part(date-inner){width:calc(1.75rem - 0.125rem);min-width:calc(1.75rem - 0.125rem);height:100%}:host(igc-calendar[size=medium]) igc-days-view::part(label){min-width:1.75rem;height:1.75rem}:host(igc-calendar[size=medium]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host(igc-calendar[size=medium]) igc-months-view{grid-template-rows:repeat(4, minmax(1.75rem, 1fr))}:host(igc-calendar[size=medium]) igc-months-view::part(month-inner){height:1.75rem;border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host(igc-calendar[size=medium]) igc-years-view{grid-template-rows:repeat(5, minmax(1.75rem, 1fr))}:host(igc-calendar[size=medium]) igc-years-view::part(year-inner){height:1.75rem;border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host(igc-calendar[size=small]) igc-days-view::part(date),:host(igc-calendar[size=small]) igc-days-view::part(week-number),:host(igc-calendar[size=small]) igc-days-view::part(label),:host(igc-calendar[size=small]) igc-days-view::part(days-row){height:1.5rem}:host(igc-calendar[size=small]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=small]) igc-days-view::part(date-inner){width:calc(1.5rem - 0.125rem);min-width:calc(1.5rem - 0.125rem);height:100%}:host(igc-calendar[size=small]) igc-days-view::part(label){min-width:1.5rem;height:1.5rem}:host(igc-calendar[size=small]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}:host(igc-calendar[size=small]) igc-months-view{grid-template-rows:repeat(4, minmax(1.5rem, 1fr))}:host(igc-calendar[size=small]) igc-months-view::part(month-inner){height:1.5rem;border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}:host(igc-calendar[size=small]) igc-years-view{grid-template-rows:repeat(6, minmax(1.5rem, 1fr))}:host(igc-calendar[size=small]) igc-years-view::part(year-inner){height:1.5rem;border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}[part=navigation]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.25rem;padding:1.5625rem 1.125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part=months-navigation],[part=years-navigation],[part~=navigation-button]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0);border:none;color:hsla(var(--igc-gray-800), var(--igc-gray-a));font-size:1rem;padding:0;-webkit-transition:color 150ms ease-in-out;-o-transition:color 150ms ease-in-out;transition:color 150ms ease-in-out}[part=months-navigation]:hover,[part=months-navigation]:focus,[part=years-navigation]:hover,[part=years-navigation]:focus,[part~=navigation-button]:hover,[part~=navigation-button]:focus{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));cursor:pointer}[part=months-navigation]:focus,[part=years-navigation]:focus,[part~=navigation-button]:focus{outline:none}[part~=navigation-button]{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}[part~=navigation-button][part~=vertical]{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}[part=navigation-buttons]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(igc-calendar[header-orientation=vertical]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host(igc-calendar[header-orientation=vertical]) [part=header]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:8.75rem}:host(igc-calendar[header-orientation=vertical]) [part=header-date]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[part=days-view-container]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=header]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part=header-date],[part=header-title]{margin:0}[part=header-date]{font-family:var(--igc-h4-font-family);font-weight:var(--igc-h4-font-weight);font-size:var(--igc-h4-font-size);font-style:var(--igc-h4-font-style);letter-spacing:var(--igc-h4-letter-spacing);text-transform:var(--igc-h4-text-transform);line-height:var(--igc-h4-line-height);margin-top:var(--igc-h4-margin-top);margin-bottom:var(--igc-h4-margin-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;white-space:pre-wrap}[part=header-title]{font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}.aria-off-screen{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(igc-calendar[size=large]) igc-days-view::part(date-inner),:host(igc-calendar[size=large]) igc-months-view::part(month-inner),:host(igc-calendar[size=large]) igc-years-view::part(year-inner),:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),:host(igc-calendar[size=small]) igc-days-view::part(date-inner),:host(igc-calendar[size=small]) igc-months-view::part(month-inner),:host(igc-calendar[size=small]) igc-years-view::part(year-inner){border-radius:0}`;
+export const styles = css `:host(igc-calendar) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  font-family: var(--ig-font-family);
+  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  color: var(--ig-surface-500-contrast);
+}
+:host(igc-calendar) > * {
+  font-family: var(--ig-font-family);
+}
+
+:host(igc-calendar[size=large]) igc-days-view::part(date),
+:host(igc-calendar[size=large]) igc-days-view::part(week-number),
+:host(igc-calendar[size=large]) igc-days-view::part(label),
+:host(igc-calendar[size=large]) igc-days-view::part(days-row) {
+  height: 2rem;
+}
+:host(igc-calendar[size=large]) igc-days-view::part(week-number-inner),
+:host(igc-calendar[size=large]) igc-days-view::part(date-inner) {
+  width: calc(2rem - 0.125rem);
+  min-width: calc(2rem - 0.125rem);
+  height: 100%;
+}
+:host(igc-calendar[size=large]) igc-days-view::part(label) {
+  min-width: 2rem;
+  height: 2rem;
+}
+:host(igc-calendar[size=large]) igc-days-view::part(date-inner) {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.125rem), 1.125rem);
+}
+:host(igc-calendar[size=large]) igc-months-view {
+  grid-template-rows: repeat(4, minmax(2rem, 1fr));
+}
+:host(igc-calendar[size=large]) igc-months-view::part(month-inner) {
+  height: 2rem;
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.125rem), 1.125rem);
+}
+:host(igc-calendar[size=large]) igc-years-view {
+  grid-template-rows: repeat(5, minmax(2rem, 1fr));
+}
+:host(igc-calendar[size=large]) igc-years-view::part(year-inner) {
+  height: 2rem;
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.125rem), 1.125rem);
+}
+
+:host(igc-calendar[size=medium]) igc-days-view::part(date),
+:host(igc-calendar[size=medium]) igc-days-view::part(week-number),
+:host(igc-calendar[size=medium]) igc-days-view::part(label),
+:host(igc-calendar[size=medium]) igc-days-view::part(days-row) {
+  height: 1.75rem;
+}
+:host(igc-calendar[size=medium]) igc-days-view::part(week-number-inner),
+:host(igc-calendar[size=medium]) igc-days-view::part(date-inner) {
+  width: calc(1.75rem - 0.125rem);
+  min-width: calc(1.75rem - 0.125rem);
+  height: 100%;
+}
+:host(igc-calendar[size=medium]) igc-days-view::part(label) {
+  min-width: 1.75rem;
+  height: 1.75rem;
+}
+:host(igc-calendar[size=medium]) igc-days-view::part(date-inner) {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);
+}
+:host(igc-calendar[size=medium]) igc-months-view {
+  grid-template-rows: repeat(4, minmax(1.75rem, 1fr));
+}
+:host(igc-calendar[size=medium]) igc-months-view::part(month-inner) {
+  height: 1.75rem;
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);
+}
+:host(igc-calendar[size=medium]) igc-years-view {
+  grid-template-rows: repeat(5, minmax(1.75rem, 1fr));
+}
+:host(igc-calendar[size=medium]) igc-years-view::part(year-inner) {
+  height: 1.75rem;
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);
+}
+
+:host(igc-calendar[size=small]) igc-days-view::part(date),
+:host(igc-calendar[size=small]) igc-days-view::part(week-number),
+:host(igc-calendar[size=small]) igc-days-view::part(label),
+:host(igc-calendar[size=small]) igc-days-view::part(days-row) {
+  height: 1.5rem;
+}
+:host(igc-calendar[size=small]) igc-days-view::part(week-number-inner),
+:host(igc-calendar[size=small]) igc-days-view::part(date-inner) {
+  width: calc(1.5rem - 0.125rem);
+  min-width: calc(1.5rem - 0.125rem);
+  height: 100%;
+}
+:host(igc-calendar[size=small]) igc-days-view::part(label) {
+  min-width: 1.5rem;
+  height: 1.5rem;
+}
+:host(igc-calendar[size=small]) igc-days-view::part(date-inner) {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.875rem), 0.875rem);
+}
+:host(igc-calendar[size=small]) igc-months-view {
+  grid-template-rows: repeat(4, minmax(1.5rem, 1fr));
+}
+:host(igc-calendar[size=small]) igc-months-view::part(month-inner) {
+  height: 1.5rem;
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.875rem), 0.875rem);
+}
+:host(igc-calendar[size=small]) igc-years-view {
+  grid-template-rows: repeat(6, minmax(1.5rem, 1fr));
+}
+:host(igc-calendar[size=small]) igc-years-view::part(year-inner) {
+  height: 1.5rem;
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.875rem), 0.875rem);
+}
+
+[part=navigation] {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  height: 1.25rem;
+  padding: 1.5625rem 1.125rem;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+[part=months-navigation],
+[part=years-navigation],
+[part~=navigation-button] {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  background: transparent;
+  border: none;
+  color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+  font-size: 1rem;
+  padding: 0;
+  -webkit-transition: color 150ms ease-in-out;
+  -o-transition: color 150ms ease-in-out;
+  transition: color 150ms ease-in-out;
+}
+[part=months-navigation]:hover, [part=months-navigation]:focus,
+[part=years-navigation]:hover,
+[part=years-navigation]:focus,
+[part~=navigation-button]:hover,
+[part~=navigation-button]:focus {
+  color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  cursor: pointer;
+}
+[part=months-navigation]:focus,
+[part=years-navigation]:focus,
+[part~=navigation-button]:focus {
+  outline: none;
+}
+
+[part~=navigation-button] {
+  -webkit-margin-start: 1.5rem;
+          margin-inline-start: 1.5rem;
+}
+[part~=navigation-button][part~=vertical] {
+  -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
+[part=navigation-buttons] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+:host(igc-calendar[header-orientation=vertical]) {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+}
+:host(igc-calendar[header-orientation=vertical]) [part=header] {
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  width: 8.75rem;
+}
+:host(igc-calendar[header-orientation=vertical]) [part=header-date] {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+
+[part=days-view-container] {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+}
+
+[part=header] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  padding: 1rem;
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  color: var(--ig-secondary-600-contrast);
+}
+
+[part=header-date],
+[part=header-title] {
+  margin: 0;
+}
+
+[part=header-date] {
+  font-family: var(--ig-h4-font-family);
+  font-size: var(--ig-h4-font-size);
+  font-weight: var(--ig-h4-font-weight);
+  font-style: var(--ig-h4-font-style);
+  line-height: var(--ig-h4-line-height);
+  letter-spacing: var(--ig-h4-letter-spacing);
+  text-transform: var(--ig-h4-text-transform);
+  margin-top: var(--ig-h4-margin-top);
+  margin-bottom: var(--ig-h4-margin-bottom);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  white-space: pre-wrap;
+}
+
+[part=header-title] {
+  font-family: var(--ig-overline-font-family);
+  font-size: var(--ig-overline-font-size);
+  font-weight: var(--ig-overline-font-weight);
+  font-style: var(--ig-overline-font-style);
+  line-height: var(--ig-overline-line-height);
+  letter-spacing: var(--ig-overline-letter-spacing);
+  text-transform: var(--ig-overline-text-transform);
+  margin-top: var(--ig-overline-margin-top);
+  margin-bottom: var(--ig-overline-margin-bottom);
+}
+
+.aria-off-screen {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  border: none;
+  clip: rect(0, 0, 0, 0);
+  outline: 0;
+  pointer-events: none;
+  overflow: hidden;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+
+:host(igc-calendar[size=large]) igc-days-view::part(date-inner),
+:host(igc-calendar[size=large]) igc-months-view::part(month-inner),
+:host(igc-calendar[size=large]) igc-years-view::part(year-inner),
+:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),
+:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),
+:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),
+:host(igc-calendar[size=small]) igc-days-view::part(date-inner),
+:host(igc-calendar[size=small]) igc-months-view::part(month-inner),
+:host(igc-calendar[size=small]) igc-years-view::part(year-inner) {
+  border-radius: 0;
+}`;
 //# sourceMappingURL=calendar.fluent.css.js.map