@i-cell/ids-styles 0.0.71 → 0.0.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/components.css
CHANGED
|
@@ -5558,10 +5558,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5558
5558
|
.ids-calendar {
|
|
5559
5559
|
display: flex;
|
|
5560
5560
|
flex-direction: column;
|
|
5561
|
-
background-color: white;
|
|
5562
5561
|
border-width: 1px;
|
|
5563
5562
|
border-style: solid;
|
|
5564
|
-
border-color: lightgrey;
|
|
5565
5563
|
}
|
|
5566
5564
|
.ids-calendar > .ids-calendar__header {
|
|
5567
5565
|
display: flex;
|
|
@@ -5592,6 +5590,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5592
5590
|
.ids-calendar.ids-calendar-compact {
|
|
5593
5591
|
gap: var(--ids-comp-date-picker-size-gap-compact);
|
|
5594
5592
|
padding: var(--ids-comp-date-picker-size-padding-y-compact) var(--ids-comp-date-picker-size-padding-x-compact);
|
|
5593
|
+
border-radius: var(--ids-comp-overlay-panel-size-border-radius-compact);
|
|
5595
5594
|
}
|
|
5596
5595
|
.ids-calendar.ids-calendar-compact .ids-calendar-grid {
|
|
5597
5596
|
column-gap: var(--ids-comp-date-picker-calendar-size-column-gap-compact);
|
|
@@ -5631,6 +5630,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5631
5630
|
.ids-calendar.ids-calendar-comfortable {
|
|
5632
5631
|
gap: var(--ids-comp-date-picker-size-gap-comfortable);
|
|
5633
5632
|
padding: var(--ids-comp-date-picker-size-padding-y-comfortable) var(--ids-comp-date-picker-size-padding-x-comfortable);
|
|
5633
|
+
border-radius: var(--ids-comp-overlay-panel-size-border-radius-comfortable);
|
|
5634
5634
|
}
|
|
5635
5635
|
.ids-calendar.ids-calendar-comfortable .ids-calendar-grid {
|
|
5636
5636
|
column-gap: var(--ids-comp-date-picker-calendar-size-column-gap-comfortable);
|
|
@@ -5670,6 +5670,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5670
5670
|
.ids-calendar.ids-calendar-spacious {
|
|
5671
5671
|
gap: var(--ids-comp-date-picker-size-gap-spacious);
|
|
5672
5672
|
padding: var(--ids-comp-date-picker-size-padding-y-spacious) var(--ids-comp-date-picker-size-padding-x-spacious);
|
|
5673
|
+
border-radius: var(--ids-comp-overlay-panel-size-border-radius-spacious);
|
|
5673
5674
|
}
|
|
5674
5675
|
.ids-calendar.ids-calendar-spacious .ids-calendar-grid {
|
|
5675
5676
|
column-gap: var(--ids-comp-date-picker-calendar-size-column-gap-spacious);
|
|
@@ -5709,6 +5710,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5709
5710
|
.ids-calendar.ids-calendar-dense {
|
|
5710
5711
|
gap: var(--ids-comp-date-picker-size-gap-dense);
|
|
5711
5712
|
padding: var(--ids-comp-date-picker-size-padding-y-dense) var(--ids-comp-date-picker-size-padding-x-dense);
|
|
5713
|
+
border-radius: var(--ids-comp-overlay-panel-size-border-radius-dense);
|
|
5712
5714
|
}
|
|
5713
5715
|
.ids-calendar.ids-calendar-dense .ids-calendar-grid {
|
|
5714
5716
|
column-gap: var(--ids-comp-date-picker-calendar-size-column-gap-dense);
|
|
@@ -5745,6 +5747,15 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5745
5747
|
.ids-calendar.ids-calendar-dense .ids-calendar-cell > .ids-calendar-button:is(:focus, :focus-visible) {
|
|
5746
5748
|
outline-width: var(--ids-comp-date-picker-focused-outline-size-outline-dense);
|
|
5747
5749
|
}
|
|
5750
|
+
.ids-calendar.ids-calendar-filled {
|
|
5751
|
+
box-shadow: none;
|
|
5752
|
+
}
|
|
5753
|
+
.ids-calendar.ids-calendar-outlined {
|
|
5754
|
+
box-shadow: var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxs) var(--ids-smc-reference-container-effects-shadow-blur-xxs) var(--ids-smc-reference-container-effects-shadow-spread-none) var(--ids-smc-reference-container-effects-shadow-color-dark-lighter);
|
|
5755
|
+
}
|
|
5756
|
+
.ids-calendar.ids-calendar-elevated {
|
|
5757
|
+
box-shadow: var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default);
|
|
5758
|
+
}
|
|
5748
5759
|
.ids-calendar.ids-calendar-surface .ids-calendar-cell {
|
|
5749
5760
|
background-color: var(--ids-comp-date-picker-cell-unselected-color-bg-surface-default);
|
|
5750
5761
|
border-color: var(--ids-comp-date-picker-cell-unselected-color-border-surface-default);
|
|
@@ -5821,6 +5832,24 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5821
5832
|
.ids-calendar.ids-calendar-surface .ids-calendar-cell > .ids-calendar-button:is(:focus, :focus-visible) {
|
|
5822
5833
|
outline-color: var(--ids-comp-date-picker-focused-outline-color-dark);
|
|
5823
5834
|
}
|
|
5835
|
+
.ids-calendar.ids-calendar-filled.ids-calendar-surface {
|
|
5836
|
+
background: var(--ids-comp-overlay-panel-filled-color-bg-surface-default);
|
|
5837
|
+
}
|
|
5838
|
+
.ids-calendar.ids-calendar-filled.ids-calendar-surface.ids-calendar-outlined {
|
|
5839
|
+
border-color: var(--ids-comp-overlay-panel-filled-color-border-surface-default);
|
|
5840
|
+
}
|
|
5841
|
+
.ids-calendar.ids-calendar-outlined.ids-calendar-surface {
|
|
5842
|
+
background: var(--ids-comp-overlay-panel-outlined-color-bg-surface-default);
|
|
5843
|
+
}
|
|
5844
|
+
.ids-calendar.ids-calendar-outlined.ids-calendar-surface.ids-calendar-outlined {
|
|
5845
|
+
border-color: var(--ids-comp-overlay-panel-outlined-color-border-surface-default);
|
|
5846
|
+
}
|
|
5847
|
+
.ids-calendar.ids-calendar-elevated.ids-calendar-surface {
|
|
5848
|
+
background: var(--ids-comp-overlay-panel-elevated-color-bg-surface-default);
|
|
5849
|
+
}
|
|
5850
|
+
.ids-calendar.ids-calendar-elevated.ids-calendar-surface.ids-calendar-outlined {
|
|
5851
|
+
border-color: var(--ids-comp-overlay-panel-elevated-color-border-surface-default);
|
|
5852
|
+
}
|
|
5824
5853
|
|
|
5825
5854
|
.ids-year-selector > .ids-year-selector__years-grid {
|
|
5826
5855
|
display: grid;
|