@seed-design/css 2.4.2 → 2.5.0
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/all.css +12 -4
- package/all.layered.css +12 -4
- package/all.layered.min.css +1 -1
- package/all.min.css +1 -1
- package/package.json +1 -1
- package/recipes/date-picker.css +10 -4
- package/recipes/date-picker.layered.css +12 -4
- package/vars/component/date-picker.d.ts +5 -0
- package/vars/component/date-picker.mjs +5 -0
package/all.css
CHANGED
|
@@ -4814,29 +4814,37 @@
|
|
|
4814
4814
|
}
|
|
4815
4815
|
|
|
4816
4816
|
@media (hover: hover) and (pointer: fine) {
|
|
4817
|
-
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):is(:hover, [data-hover]):before {
|
|
4817
|
+
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):not([data-range-start-readonly]):is(:hover, [data-hover]):before {
|
|
4818
4818
|
background-color: var(--seed-color-bg-transparent-pressed);
|
|
4819
4819
|
}
|
|
4820
4820
|
}
|
|
4821
4821
|
|
|
4822
4822
|
@media not all and (hover: hover) and (pointer: fine) {
|
|
4823
|
-
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]):before {
|
|
4823
|
+
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):not([data-range-start-readonly]):is(:active, [data-active]):before {
|
|
4824
4824
|
background-color: var(--seed-color-bg-transparent-pressed);
|
|
4825
4825
|
}
|
|
4826
4826
|
}
|
|
4827
4827
|
|
|
4828
4828
|
@media (hover: hover) and (pointer: fine) {
|
|
4829
|
-
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]):not([data-in-range]):before {
|
|
4829
|
+
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):not([data-range-start-readonly]):is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]):not([data-in-range]):before {
|
|
4830
4830
|
background-color: var(--seed-color-bg-neutral-inverted);
|
|
4831
4831
|
}
|
|
4832
4832
|
}
|
|
4833
4833
|
|
|
4834
4834
|
@media not all and (hover: hover) and (pointer: fine) {
|
|
4835
|
-
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):is([aria-selected="true"], [data-selected]):is(:active, [data-active]):not([data-in-range]):before {
|
|
4835
|
+
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):not([data-range-start-readonly]):is([aria-selected="true"], [data-selected]):is(:active, [data-active]):not([data-in-range]):before {
|
|
4836
4836
|
background-color: var(--seed-color-bg-neutral-inverted);
|
|
4837
4837
|
}
|
|
4838
4838
|
}
|
|
4839
4839
|
|
|
4840
|
+
.seed-date-picker__dateButton[data-range-start-readonly]:before {
|
|
4841
|
+
background-color: var(--seed-color-palette-gray-600);
|
|
4842
|
+
}
|
|
4843
|
+
|
|
4844
|
+
.seed-date-picker__dateButton[data-range-start-readonly] {
|
|
4845
|
+
cursor: default;
|
|
4846
|
+
}
|
|
4847
|
+
|
|
4840
4848
|
.seed-date-picker__dateButton[data-in-range] {
|
|
4841
4849
|
color: var(--seed-color-fg-neutral-muted);
|
|
4842
4850
|
}
|
package/all.layered.css
CHANGED
|
@@ -5063,29 +5063,37 @@
|
|
|
5063
5063
|
}
|
|
5064
5064
|
|
|
5065
5065
|
@media (hover: hover) and (pointer: fine) {
|
|
5066
|
-
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):is(:hover, [data-hover]):before {
|
|
5066
|
+
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):not([data-range-start-readonly]):is(:hover, [data-hover]):before {
|
|
5067
5067
|
background-color: var(--seed-color-bg-transparent-pressed);
|
|
5068
5068
|
}
|
|
5069
5069
|
}
|
|
5070
5070
|
|
|
5071
5071
|
@media not all and (hover: hover) and (pointer: fine) {
|
|
5072
|
-
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]):before {
|
|
5072
|
+
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):not([data-range-start-readonly]):is(:active, [data-active]):before {
|
|
5073
5073
|
background-color: var(--seed-color-bg-transparent-pressed);
|
|
5074
5074
|
}
|
|
5075
5075
|
}
|
|
5076
5076
|
|
|
5077
5077
|
@media (hover: hover) and (pointer: fine) {
|
|
5078
|
-
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]):not([data-in-range]):before {
|
|
5078
|
+
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):not([data-range-start-readonly]):is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]):not([data-in-range]):before {
|
|
5079
5079
|
background-color: var(--seed-color-bg-neutral-inverted);
|
|
5080
5080
|
}
|
|
5081
5081
|
}
|
|
5082
5082
|
|
|
5083
5083
|
@media not all and (hover: hover) and (pointer: fine) {
|
|
5084
|
-
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):is([aria-selected="true"], [data-selected]):is(:active, [data-active]):not([data-in-range]):before {
|
|
5084
|
+
.seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):not([data-range-start-readonly]):is([aria-selected="true"], [data-selected]):is(:active, [data-active]):not([data-in-range]):before {
|
|
5085
5085
|
background-color: var(--seed-color-bg-neutral-inverted);
|
|
5086
5086
|
}
|
|
5087
5087
|
}
|
|
5088
5088
|
|
|
5089
|
+
.seed-date-picker__dateButton[data-range-start-readonly]:before {
|
|
5090
|
+
background-color: var(--seed-color-palette-gray-600);
|
|
5091
|
+
}
|
|
5092
|
+
|
|
5093
|
+
.seed-date-picker__dateButton[data-range-start-readonly] {
|
|
5094
|
+
cursor: default;
|
|
5095
|
+
}
|
|
5096
|
+
|
|
5089
5097
|
.seed-date-picker__dateButton[data-in-range] {
|
|
5090
5098
|
color: var(--seed-color-fg-neutral-muted);
|
|
5091
5099
|
}
|