@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1780400156 → 5.0.0-next.3-dev.1780406485

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.
Files changed (45) hide show
  1. package/calendar/_calendar.global.scss +25 -26
  2. package/calendar/calendar/calendar.component.js +1 -1
  3. package/calendar/calendar-day/calendar-day.component.js +1 -1
  4. package/calendar/calendar-month/calendar-month.component.js +1 -1
  5. package/calendar/calendar-year/calendar-year.component.js +1 -1
  6. package/calendar/common/calendar-cell-base-element.js +1 -1
  7. package/calendar-cell-base-element-DHCKK3bU.js +23 -0
  8. package/{calendar-day.component-Caf2w9lS.js → calendar-day.component-DrMWf6-w.js} +2 -2
  9. package/calendar.component-BM4L9oyb.js +987 -0
  10. package/calendar.js +3 -3
  11. package/calendar.pure.js +3 -3
  12. package/core/i18n/i18n.js +4 -4
  13. package/core/styles/_theme.scss +1 -0
  14. package/custom-elements.json +401 -233
  15. package/datepicker/datepicker/datepicker.component.js +45 -27
  16. package/development/calendar/calendar/calendar.component.d.ts +27 -42
  17. package/development/calendar/calendar/calendar.component.d.ts.map +1 -1
  18. package/development/calendar/calendar/calendar.component.js +1 -1
  19. package/development/calendar/calendar-day/calendar-day.component.js +1 -1
  20. package/development/calendar/calendar-month/calendar-month.component.js +2 -2
  21. package/development/calendar/calendar-year/calendar-year.component.js +2 -2
  22. package/development/calendar/common/calendar-cell-base-element.js +1 -1
  23. package/development/calendar-cell-base-element-D9XadTz1.js +38 -0
  24. package/development/calendar-day.component-Zky9Z-Fq.js +139 -0
  25. package/development/calendar.component-C_Yc2PNV.js +1367 -0
  26. package/development/calendar.js +3 -3
  27. package/development/calendar.pure.js +3 -3
  28. package/development/core/decorators/id-reference.d.ts.map +1 -1
  29. package/development/core/decorators/id-reference.js +1 -1
  30. package/development/core/i18n/i18n.js +5 -5
  31. package/development/datepicker/datepicker/datepicker.component.d.ts +2 -0
  32. package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  33. package/development/datepicker/datepicker/datepicker.component.js +37 -11
  34. package/lean-off-brand-theme.css +14 -22
  35. package/lean-safety-theme.css +14 -22
  36. package/lean-theme.css +14 -22
  37. package/off-brand-theme.css +14 -22
  38. package/package.json +2 -2
  39. package/safety-theme.css +14 -22
  40. package/standard-theme.css +14 -22
  41. package/calendar-cell-base-element-Dq7Ap5n-.js +0 -23
  42. package/calendar.component-DKKptbyy.js +0 -1082
  43. package/development/calendar-cell-base-element-D_CTwDn9.js +0 -38
  44. package/development/calendar-day.component-Bux4ezpg.js +0 -139
  45. package/development/calendar.component-NvMN01yi.js +0 -1478
package/lean-safety-theme.css CHANGED
@@ -1183,45 +1183,35 @@ summary {
1183
1183
  --sbb-mini-button-group-padding-inline-l: var(--sbb-spacing-fixed-3x);
1184
1184
  --sbb-mini-button-group-padding-inline-xl: var(--sbb-spacing-fixed-4x);
1185
1185
  --sbb-mini-button-group-padding-inline: var(--sbb-mini-button-group-padding-inline-s);
1186
- --sbb-calendar-cell-background-color: transparent;
1187
1186
  --sbb-calendar-cell-background-color-hover: var(--sbb-background-color-3);
1188
1187
  --sbb-calendar-cell-background-color-active: var(--sbb-background-color-4);
1189
1188
  --sbb-calendar-cell-padding: 0.125rem;
1190
1189
  --sbb-calendar-cell-border-width: var(--sbb-border-width-2x);
1190
+ --sbb-calendar-cell-border-color-selected: var(--sbb-border-color-2);
1191
1191
  --sbb-calendar-cell-disabled-height: 0.09375rem;
1192
1192
  --sbb-calendar-cell-disabled-width: 1.59375rem;
1193
1193
  --sbb-calendar-cell-disabled-color: var(--sbb-color-granite);
1194
1194
  --sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1195
1195
  --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
1196
- --sbb-calendar-cell-border: var(--sbb-calendar-cell-border-width) solid
1197
- var(--sbb-border-color-1-inverted);
1198
1196
  --sbb-calendar-cell-color: var(--sbb-color-2);
1199
1197
  --sbb-calendar-cell-cursor: var(--sbb-cursor-pointer);
1200
- --sbb-calendar-cell-justify-content: normal;
1201
- --sbb-calendar-cell-inset: 0.0625rem;
1202
1198
  --sbb-calendar-cell-font-size: var(--sbb-text-font-size-s);
1203
- --sbb-calendar-cell-font-weight: unset;
1204
- --sbb-calendar-cell-year-month-width: 4.8125rem;
1205
- --sbb-calendar-cell-year-month-height: 2.75rem;
1206
- --sbb-calendar-control-gap: var(--sbb-spacing-fixed-2x);
1207
- --sbb-calendar-control-margin-block-end: var(--sbb-spacing-fixed-4x);
1208
- --sbb-calendar-control-view-change-height: 2.75rem;
1199
+ --sbb-calendar-cell-margin: 0.0625rem;
1200
+ --sbb-calendar-cell-size: 2.75rem;
1201
+ --sbb-calendar-cell-year-month-width: 4.4375rem;
1202
+ --sbb-calendar-cell-year-month-height: 2.375rem;
1203
+ --sbb-calendar-control-gap: var(--sbb-spacing-fixed-1x);
1209
1204
  --sbb-calendar-control-view-change-color: var(--sbb-color-3);
1210
- --sbb-calendar-control-view-change-background: var(--sbb-background-color-1);
1211
- --sbb-calendar-control-view-change-padding-inline: var(--sbb-spacing-fixed-5x)
1212
- var(--sbb-spacing-fixed-2x);
1213
1205
  --sbb-calendar-header-color: var(--sbb-color-granite);
1214
1206
  --sbb-calendar-header-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1215
- --sbb-calendar-table-animation-duration: 0.1ms;
1216
- --sbb-calendar-table-animation-shift: 0.00625rem;
1217
- --sbb-calendar-table-column-spaces: 12;
1218
1207
  --sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);
1219
- --sbb-calendar-day-width: 2.75rem;
1220
- --sbb-calendar-day-height: 3rem;
1208
+ --sbb-calendar-day-size: 2.625rem;
1209
+ --sbb-calendar-day-width: var(--sbb-calendar-day-size);
1210
+ --sbb-calendar-day-height: 2.875rem;
1211
+ --sbb-calendar-day-justify-content: start;
1212
+ --sbb-calendar-day-value-height: var(--sbb-spacing-fixed-6x);
1221
1213
  --sbb-calendar-day-extra-display: block;
1222
- --sbb-calendar-day-extra-height: var(--sbb-spacing-fixed-4x);
1223
- --sbb-calendar-day-crossed-out-top: 33%;
1224
- --sbb-calendar-day-crossed-out-translate: translate(-50%, -33%) rotate(-45deg);
1214
+ --sbb-calendar-day-extra-height: 1.125rem;
1225
1215
  --sbb-card-background-color: var(--sbb-background-color-1);
1226
1216
  --sbb-card-border-color: transparent;
1227
1217
  --sbb-card-border-radius: var(--sbb-border-radius-4x);
@@ -1977,6 +1967,8 @@ summary {
1977
1967
  --sbb-alert-forced-color-border-radius: var(--sbb-alert-border-radius);
1978
1968
  --sbb-breadcrumb-color: ButtonText;
1979
1969
  --sbb-breadcrumb-color-active: Highlight;
1970
+ --sbb-calendar-cell-background-color-hover: transparent;
1971
+ --sbb-calendar-cell-background-color-active: transparent;
1980
1972
  --sbb-card-border-color: CanvasText;
1981
1973
  --sbb-card-border-width: var(--sbb-border-width-2x);
1982
1974
  --sbb-card-badge-border-display: block;
package/lean-theme.css CHANGED
@@ -1183,45 +1183,35 @@ summary {
1183
1183
  --sbb-mini-button-group-padding-inline-l: var(--sbb-spacing-fixed-3x);
1184
1184
  --sbb-mini-button-group-padding-inline-xl: var(--sbb-spacing-fixed-4x);
1185
1185
  --sbb-mini-button-group-padding-inline: var(--sbb-mini-button-group-padding-inline-s);
1186
- --sbb-calendar-cell-background-color: transparent;
1187
1186
  --sbb-calendar-cell-background-color-hover: var(--sbb-background-color-3);
1188
1187
  --sbb-calendar-cell-background-color-active: var(--sbb-background-color-4);
1189
1188
  --sbb-calendar-cell-padding: 0.125rem;
1190
1189
  --sbb-calendar-cell-border-width: var(--sbb-border-width-2x);
1190
+ --sbb-calendar-cell-border-color-selected: var(--sbb-border-color-2);
1191
1191
  --sbb-calendar-cell-disabled-height: 0.09375rem;
1192
1192
  --sbb-calendar-cell-disabled-width: 1.59375rem;
1193
1193
  --sbb-calendar-cell-disabled-color: var(--sbb-color-granite);
1194
1194
  --sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1195
1195
  --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
1196
- --sbb-calendar-cell-border: var(--sbb-calendar-cell-border-width) solid
1197
- var(--sbb-border-color-1-inverted);
1198
1196
  --sbb-calendar-cell-color: var(--sbb-color-2);
1199
1197
  --sbb-calendar-cell-cursor: var(--sbb-cursor-pointer);
1200
- --sbb-calendar-cell-justify-content: normal;
1201
- --sbb-calendar-cell-inset: 0.0625rem;
1202
1198
  --sbb-calendar-cell-font-size: var(--sbb-text-font-size-s);
1203
- --sbb-calendar-cell-font-weight: unset;
1204
- --sbb-calendar-cell-year-month-width: 4.8125rem;
1205
- --sbb-calendar-cell-year-month-height: 2.75rem;
1206
- --sbb-calendar-control-gap: var(--sbb-spacing-fixed-2x);
1207
- --sbb-calendar-control-margin-block-end: var(--sbb-spacing-fixed-4x);
1208
- --sbb-calendar-control-view-change-height: 2.75rem;
1199
+ --sbb-calendar-cell-margin: 0.0625rem;
1200
+ --sbb-calendar-cell-size: 2.75rem;
1201
+ --sbb-calendar-cell-year-month-width: 4.4375rem;
1202
+ --sbb-calendar-cell-year-month-height: 2.375rem;
1203
+ --sbb-calendar-control-gap: var(--sbb-spacing-fixed-1x);
1209
1204
  --sbb-calendar-control-view-change-color: var(--sbb-color-3);
1210
- --sbb-calendar-control-view-change-background: var(--sbb-background-color-1);
1211
- --sbb-calendar-control-view-change-padding-inline: var(--sbb-spacing-fixed-5x)
1212
- var(--sbb-spacing-fixed-2x);
1213
1205
  --sbb-calendar-header-color: var(--sbb-color-granite);
1214
1206
  --sbb-calendar-header-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1215
- --sbb-calendar-table-animation-duration: 0.1ms;
1216
- --sbb-calendar-table-animation-shift: 0.00625rem;
1217
- --sbb-calendar-table-column-spaces: 12;
1218
1207
  --sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);
1219
- --sbb-calendar-day-width: 2.75rem;
1220
- --sbb-calendar-day-height: 3rem;
1208
+ --sbb-calendar-day-size: 2.625rem;
1209
+ --sbb-calendar-day-width: var(--sbb-calendar-day-size);
1210
+ --sbb-calendar-day-height: 2.875rem;
1211
+ --sbb-calendar-day-justify-content: start;
1212
+ --sbb-calendar-day-value-height: var(--sbb-spacing-fixed-6x);
1221
1213
  --sbb-calendar-day-extra-display: block;
1222
- --sbb-calendar-day-extra-height: var(--sbb-spacing-fixed-4x);
1223
- --sbb-calendar-day-crossed-out-top: 33%;
1224
- --sbb-calendar-day-crossed-out-translate: translate(-50%, -33%) rotate(-45deg);
1214
+ --sbb-calendar-day-extra-height: 1.125rem;
1225
1215
  --sbb-card-background-color: var(--sbb-background-color-1);
1226
1216
  --sbb-card-border-color: transparent;
1227
1217
  --sbb-card-border-radius: var(--sbb-border-radius-4x);
@@ -1977,6 +1967,8 @@ summary {
1977
1967
  --sbb-alert-forced-color-border-radius: var(--sbb-alert-border-radius);
1978
1968
  --sbb-breadcrumb-color: ButtonText;
1979
1969
  --sbb-breadcrumb-color-active: Highlight;
1970
+ --sbb-calendar-cell-background-color-hover: transparent;
1971
+ --sbb-calendar-cell-background-color-active: transparent;
1980
1972
  --sbb-card-border-color: CanvasText;
1981
1973
  --sbb-card-border-width: var(--sbb-border-width-2x);
1982
1974
  --sbb-card-badge-border-display: block;
package/off-brand-theme.css CHANGED
@@ -1183,45 +1183,35 @@ summary {
1183
1183
  --sbb-mini-button-group-padding-inline-l: var(--sbb-spacing-fixed-3x);
1184
1184
  --sbb-mini-button-group-padding-inline-xl: var(--sbb-spacing-fixed-4x);
1185
1185
  --sbb-mini-button-group-padding-inline: var(--sbb-mini-button-group-padding-inline-m);
1186
- --sbb-calendar-cell-background-color: transparent;
1187
1186
  --sbb-calendar-cell-background-color-hover: var(--sbb-background-color-3);
1188
1187
  --sbb-calendar-cell-background-color-active: var(--sbb-background-color-4);
1189
1188
  --sbb-calendar-cell-padding: 0.125rem;
1190
1189
  --sbb-calendar-cell-border-width: var(--sbb-border-width-2x);
1190
+ --sbb-calendar-cell-border-color-selected: var(--sbb-border-color-2);
1191
1191
  --sbb-calendar-cell-disabled-height: 0.09375rem;
1192
1192
  --sbb-calendar-cell-disabled-width: 1.59375rem;
1193
1193
  --sbb-calendar-cell-disabled-color: var(--sbb-color-granite);
1194
1194
  --sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1195
1195
  --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
1196
- --sbb-calendar-cell-border: var(--sbb-calendar-cell-border-width) solid
1197
- var(--sbb-border-color-1-inverted);
1198
1196
  --sbb-calendar-cell-color: var(--sbb-color-2);
1199
1197
  --sbb-calendar-cell-cursor: var(--sbb-cursor-pointer);
1200
- --sbb-calendar-cell-justify-content: normal;
1201
- --sbb-calendar-cell-inset: 0.0625rem;
1202
1198
  --sbb-calendar-cell-font-size: var(--sbb-text-font-size-s);
1203
- --sbb-calendar-cell-font-weight: unset;
1204
- --sbb-calendar-cell-year-month-width: 4.8125rem;
1205
- --sbb-calendar-cell-year-month-height: 2.75rem;
1206
- --sbb-calendar-control-gap: var(--sbb-spacing-fixed-2x);
1207
- --sbb-calendar-control-margin-block-end: var(--sbb-spacing-fixed-4x);
1208
- --sbb-calendar-control-view-change-height: 2.75rem;
1199
+ --sbb-calendar-cell-margin: 0.0625rem;
1200
+ --sbb-calendar-cell-size: 2.75rem;
1201
+ --sbb-calendar-cell-year-month-width: 4.4375rem;
1202
+ --sbb-calendar-cell-year-month-height: 2.375rem;
1203
+ --sbb-calendar-control-gap: var(--sbb-spacing-fixed-1x);
1209
1204
  --sbb-calendar-control-view-change-color: var(--sbb-color-3);
1210
- --sbb-calendar-control-view-change-background: var(--sbb-background-color-1);
1211
- --sbb-calendar-control-view-change-padding-inline: var(--sbb-spacing-fixed-5x)
1212
- var(--sbb-spacing-fixed-2x);
1213
1205
  --sbb-calendar-header-color: var(--sbb-color-granite);
1214
1206
  --sbb-calendar-header-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1215
- --sbb-calendar-table-animation-duration: 0.1ms;
1216
- --sbb-calendar-table-animation-shift: 0.00625rem;
1217
- --sbb-calendar-table-column-spaces: 12;
1218
1207
  --sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);
1219
- --sbb-calendar-day-width: 2.75rem;
1220
- --sbb-calendar-day-height: 3rem;
1208
+ --sbb-calendar-day-size: 2.625rem;
1209
+ --sbb-calendar-day-width: var(--sbb-calendar-day-size);
1210
+ --sbb-calendar-day-height: 2.875rem;
1211
+ --sbb-calendar-day-justify-content: start;
1212
+ --sbb-calendar-day-value-height: var(--sbb-spacing-fixed-6x);
1221
1213
  --sbb-calendar-day-extra-display: block;
1222
- --sbb-calendar-day-extra-height: var(--sbb-spacing-fixed-4x);
1223
- --sbb-calendar-day-crossed-out-top: 33%;
1224
- --sbb-calendar-day-crossed-out-translate: translate(-50%, -33%) rotate(-45deg);
1214
+ --sbb-calendar-day-extra-height: 1.125rem;
1225
1215
  --sbb-card-background-color: var(--sbb-background-color-1);
1226
1216
  --sbb-card-border-color: transparent;
1227
1217
  --sbb-card-border-radius: var(--sbb-border-radius-4x);
@@ -1977,6 +1967,8 @@ summary {
1977
1967
  --sbb-alert-forced-color-border-radius: var(--sbb-alert-border-radius);
1978
1968
  --sbb-breadcrumb-color: ButtonText;
1979
1969
  --sbb-breadcrumb-color-active: Highlight;
1970
+ --sbb-calendar-cell-background-color-hover: transparent;
1971
+ --sbb-calendar-cell-background-color-active: transparent;
1980
1972
  --sbb-card-border-color: CanvasText;
1981
1973
  --sbb-card-border-width: var(--sbb-border-width-2x);
1982
1974
  --sbb-card-badge-border-display: block;
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "5.0.0-next.3-dev.1780400156",
3
+ "version": "5.0.0-next.3-dev.1780406485",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
- "https://github.com/sbb-design-systems/lyne-components/commit/a40030d4f1591b9acbaf68c2dc32d2b80855fa42"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/7d2b19c5bf660615b56a8147409f57be75a8e3e2"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
package/safety-theme.css CHANGED
@@ -1183,45 +1183,35 @@ summary {
1183
1183
  --sbb-mini-button-group-padding-inline-l: var(--sbb-spacing-fixed-3x);
1184
1184
  --sbb-mini-button-group-padding-inline-xl: var(--sbb-spacing-fixed-4x);
1185
1185
  --sbb-mini-button-group-padding-inline: var(--sbb-mini-button-group-padding-inline-m);
1186
- --sbb-calendar-cell-background-color: transparent;
1187
1186
  --sbb-calendar-cell-background-color-hover: var(--sbb-background-color-3);
1188
1187
  --sbb-calendar-cell-background-color-active: var(--sbb-background-color-4);
1189
1188
  --sbb-calendar-cell-padding: 0.125rem;
1190
1189
  --sbb-calendar-cell-border-width: var(--sbb-border-width-2x);
1190
+ --sbb-calendar-cell-border-color-selected: var(--sbb-border-color-2);
1191
1191
  --sbb-calendar-cell-disabled-height: 0.09375rem;
1192
1192
  --sbb-calendar-cell-disabled-width: 1.59375rem;
1193
1193
  --sbb-calendar-cell-disabled-color: var(--sbb-color-granite);
1194
1194
  --sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1195
1195
  --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
1196
- --sbb-calendar-cell-border: var(--sbb-calendar-cell-border-width) solid
1197
- var(--sbb-border-color-1-inverted);
1198
1196
  --sbb-calendar-cell-color: var(--sbb-color-2);
1199
1197
  --sbb-calendar-cell-cursor: var(--sbb-cursor-pointer);
1200
- --sbb-calendar-cell-justify-content: normal;
1201
- --sbb-calendar-cell-inset: 0.0625rem;
1202
1198
  --sbb-calendar-cell-font-size: var(--sbb-text-font-size-s);
1203
- --sbb-calendar-cell-font-weight: unset;
1204
- --sbb-calendar-cell-year-month-width: 4.8125rem;
1205
- --sbb-calendar-cell-year-month-height: 2.75rem;
1206
- --sbb-calendar-control-gap: var(--sbb-spacing-fixed-2x);
1207
- --sbb-calendar-control-margin-block-end: var(--sbb-spacing-fixed-4x);
1208
- --sbb-calendar-control-view-change-height: 2.75rem;
1199
+ --sbb-calendar-cell-margin: 0.0625rem;
1200
+ --sbb-calendar-cell-size: 2.75rem;
1201
+ --sbb-calendar-cell-year-month-width: 4.4375rem;
1202
+ --sbb-calendar-cell-year-month-height: 2.375rem;
1203
+ --sbb-calendar-control-gap: var(--sbb-spacing-fixed-1x);
1209
1204
  --sbb-calendar-control-view-change-color: var(--sbb-color-3);
1210
- --sbb-calendar-control-view-change-background: var(--sbb-background-color-1);
1211
- --sbb-calendar-control-view-change-padding-inline: var(--sbb-spacing-fixed-5x)
1212
- var(--sbb-spacing-fixed-2x);
1213
1205
  --sbb-calendar-header-color: var(--sbb-color-granite);
1214
1206
  --sbb-calendar-header-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1215
- --sbb-calendar-table-animation-duration: 0.1ms;
1216
- --sbb-calendar-table-animation-shift: 0.00625rem;
1217
- --sbb-calendar-table-column-spaces: 12;
1218
1207
  --sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);
1219
- --sbb-calendar-day-width: 2.75rem;
1220
- --sbb-calendar-day-height: 3rem;
1208
+ --sbb-calendar-day-size: 2.625rem;
1209
+ --sbb-calendar-day-width: var(--sbb-calendar-day-size);
1210
+ --sbb-calendar-day-height: 2.875rem;
1211
+ --sbb-calendar-day-justify-content: start;
1212
+ --sbb-calendar-day-value-height: var(--sbb-spacing-fixed-6x);
1221
1213
  --sbb-calendar-day-extra-display: block;
1222
- --sbb-calendar-day-extra-height: var(--sbb-spacing-fixed-4x);
1223
- --sbb-calendar-day-crossed-out-top: 33%;
1224
- --sbb-calendar-day-crossed-out-translate: translate(-50%, -33%) rotate(-45deg);
1214
+ --sbb-calendar-day-extra-height: 1.125rem;
1225
1215
  --sbb-card-background-color: var(--sbb-background-color-1);
1226
1216
  --sbb-card-border-color: transparent;
1227
1217
  --sbb-card-border-radius: var(--sbb-border-radius-4x);
@@ -1977,6 +1967,8 @@ summary {
1977
1967
  --sbb-alert-forced-color-border-radius: var(--sbb-alert-border-radius);
1978
1968
  --sbb-breadcrumb-color: ButtonText;
1979
1969
  --sbb-breadcrumb-color-active: Highlight;
1970
+ --sbb-calendar-cell-background-color-hover: transparent;
1971
+ --sbb-calendar-cell-background-color-active: transparent;
1980
1972
  --sbb-card-border-color: CanvasText;
1981
1973
  --sbb-card-border-width: var(--sbb-border-width-2x);
1982
1974
  --sbb-card-badge-border-display: block;
package/standard-theme.css CHANGED
@@ -1183,45 +1183,35 @@ summary {
1183
1183
  --sbb-mini-button-group-padding-inline-l: var(--sbb-spacing-fixed-3x);
1184
1184
  --sbb-mini-button-group-padding-inline-xl: var(--sbb-spacing-fixed-4x);
1185
1185
  --sbb-mini-button-group-padding-inline: var(--sbb-mini-button-group-padding-inline-m);
1186
- --sbb-calendar-cell-background-color: transparent;
1187
1186
  --sbb-calendar-cell-background-color-hover: var(--sbb-background-color-3);
1188
1187
  --sbb-calendar-cell-background-color-active: var(--sbb-background-color-4);
1189
1188
  --sbb-calendar-cell-padding: 0.125rem;
1190
1189
  --sbb-calendar-cell-border-width: var(--sbb-border-width-2x);
1190
+ --sbb-calendar-cell-border-color-selected: var(--sbb-border-color-2);
1191
1191
  --sbb-calendar-cell-disabled-height: 0.09375rem;
1192
1192
  --sbb-calendar-cell-disabled-width: 1.59375rem;
1193
1193
  --sbb-calendar-cell-disabled-color: var(--sbb-color-granite);
1194
1194
  --sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1195
1195
  --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
1196
- --sbb-calendar-cell-border: var(--sbb-calendar-cell-border-width) solid
1197
- var(--sbb-border-color-1-inverted);
1198
1196
  --sbb-calendar-cell-color: var(--sbb-color-2);
1199
1197
  --sbb-calendar-cell-cursor: var(--sbb-cursor-pointer);
1200
- --sbb-calendar-cell-justify-content: normal;
1201
- --sbb-calendar-cell-inset: 0.0625rem;
1202
1198
  --sbb-calendar-cell-font-size: var(--sbb-text-font-size-s);
1203
- --sbb-calendar-cell-font-weight: unset;
1204
- --sbb-calendar-cell-year-month-width: 4.8125rem;
1205
- --sbb-calendar-cell-year-month-height: 2.75rem;
1206
- --sbb-calendar-control-gap: var(--sbb-spacing-fixed-2x);
1207
- --sbb-calendar-control-margin-block-end: var(--sbb-spacing-fixed-4x);
1208
- --sbb-calendar-control-view-change-height: 2.75rem;
1199
+ --sbb-calendar-cell-margin: 0.0625rem;
1200
+ --sbb-calendar-cell-size: 2.75rem;
1201
+ --sbb-calendar-cell-year-month-width: 4.4375rem;
1202
+ --sbb-calendar-cell-year-month-height: 2.375rem;
1203
+ --sbb-calendar-control-gap: var(--sbb-spacing-fixed-1x);
1209
1204
  --sbb-calendar-control-view-change-color: var(--sbb-color-3);
1210
- --sbb-calendar-control-view-change-background: var(--sbb-background-color-1);
1211
- --sbb-calendar-control-view-change-padding-inline: var(--sbb-spacing-fixed-5x)
1212
- var(--sbb-spacing-fixed-2x);
1213
1205
  --sbb-calendar-header-color: var(--sbb-color-granite);
1214
1206
  --sbb-calendar-header-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1215
- --sbb-calendar-table-animation-duration: 0.1ms;
1216
- --sbb-calendar-table-animation-shift: 0.00625rem;
1217
- --sbb-calendar-table-column-spaces: 12;
1218
1207
  --sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);
1219
- --sbb-calendar-day-width: 2.75rem;
1220
- --sbb-calendar-day-height: 3rem;
1208
+ --sbb-calendar-day-size: 2.625rem;
1209
+ --sbb-calendar-day-width: var(--sbb-calendar-day-size);
1210
+ --sbb-calendar-day-height: 2.875rem;
1211
+ --sbb-calendar-day-justify-content: start;
1212
+ --sbb-calendar-day-value-height: var(--sbb-spacing-fixed-6x);
1221
1213
  --sbb-calendar-day-extra-display: block;
1222
- --sbb-calendar-day-extra-height: var(--sbb-spacing-fixed-4x);
1223
- --sbb-calendar-day-crossed-out-top: 33%;
1224
- --sbb-calendar-day-crossed-out-translate: translate(-50%, -33%) rotate(-45deg);
1214
+ --sbb-calendar-day-extra-height: 1.125rem;
1225
1215
  --sbb-card-background-color: var(--sbb-background-color-1);
1226
1216
  --sbb-card-border-color: transparent;
1227
1217
  --sbb-card-border-radius: var(--sbb-border-radius-4x);
@@ -1977,6 +1967,8 @@ summary {
1977
1967
  --sbb-alert-forced-color-border-radius: var(--sbb-alert-border-radius);
1978
1968
  --sbb-breadcrumb-color: ButtonText;
1979
1969
  --sbb-breadcrumb-color-active: Highlight;
1970
+ --sbb-calendar-cell-background-color-hover: transparent;
1971
+ --sbb-calendar-cell-background-color-active: transparent;
1980
1972
  --sbb-card-border-color: CanvasText;
1981
1973
  --sbb-card-border-width: var(--sbb-border-width-2x);
1982
1974
  --sbb-card-badge-border-display: block;
package/calendar-cell-base-element-Dq7Ap5n-.js DELETED
@@ -1,23 +0,0 @@
1
- import { unsafeCSS as e } from "lit";
2
- import { SbbButtonLikeBaseElement as t, SbbDisabledMixin as n, SbbPropertyWatcherController as r, defaultDateAdapter as i, readConfig as a } from "./core.js";
3
- //#region src/elements/calendar/common/calendar-cell-base-element.scss?inline
4
- var o = ":host{display:block;--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-calendar-cell-border-radius: calc( var(--sbb-border-radius-4x) + var(--sbb-calendar-cell-border-width) )}@media(forced-colors:active){:host{--sbb-calendar-cell-border: transparent}}:host(:is(:state(current),[state--current])){--sbb-calendar-cell-font-weight: bold}:host(:is(:state(selected),[state--selected])){--sbb-calendar-cell-border: var(--sbb-calendar-cell-border-width) solid var(--sbb-border-color-2)}:host(:disabled){--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);--sbb-calendar-cell-cursor: unset}:host(:focus-visible){outline:0}:host(:not(:disabled):active){--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-background-color-active)}.sbb-action-base{display:inline-flex;justify-content:center;align-items:center;position:relative;font-size:var(--sbb-calendar-cell-font-size);font-weight:var(--sbb-calendar-cell-font-weight);letter-spacing:var(--sbb-typo-letter-spacing-text);cursor:var(--sbb-calendar-cell-cursor);color:var(--sbb-calendar-cell-color);border-radius:var(--sbb-calendar-cell-border-radius)}:host(:focus-visible) .sbb-action-base{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: .0625rem}.sbb-action-base:before{content:\"\";position:absolute;background-color:var(--sbb-calendar-cell-background-color);inset:var(--sbb-calendar-cell-inset);border:var(--sbb-calendar-cell-border);border-radius:var(--sbb-calendar-cell-border-radius);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color;z-index:-1}@media(forced-colors:active){:host(:not(:disabled):active) .sbb-action-base:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style: initial}}@media(any-hover:hover){:host(:not(:active,:disabled):hover) .sbb-action-base{--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-background-color-hover)}}@media(any-hover:hover)and (forced-colors:active){:host(:not(:active,:disabled):hover) .sbb-action-base:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: .0625rem;--sbb-focus-outline-style: initial}}.sbb-calendar-year,.sbb-calendar-month{height:var(--sbb-calendar-cell-year-month-height);width:var(--sbb-calendar-cell-year-month-width);padding-block-end:var(--sbb-calendar-cell-padding)}:host(:is(:state(crossed-out),[state--crossed-out])) .sbb-calendar-year:after,:host(:is(:state(crossed-out),[state--crossed-out])) .sbb-calendar-month:after{content:\"\";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.sbb-calendar-weekday,.sbb-calendar-weeknumber{--sbb-calendar-cell-font-size: var(--sbb-text-font-size-xs);--sbb-calendar-cell-font-weight: normal;height:var(--sbb-calendar-day-width);width:var(--sbb-calendar-day-width);color:var(--sbb-calendar-header-color)}", s = class extends n(t) {
5
- static {
6
- this.styles = [e(o)];
7
- }
8
- constructor() {
9
- super(), this.dateAdapter = a().datetime?.dateAdapter ?? i, this.addController(new r(this, () => this.getParent(), {
10
- dateFilter: (e) => this.setDisabledFilteredState(e),
11
- min: (e) => this.setDisabledFilteredState(e),
12
- max: (e) => this.setDisabledFilteredState(e),
13
- selected: (e) => this.setSelectedState(e)
14
- }));
15
- }
16
- getParent() {
17
- return this.getRootNode?.()?.host?.closest("sbb-calendar");
18
- }
19
- formResetCallback() {}
20
- formStateRestoreCallback(e, t) {}
21
- };
22
- //#endregion
23
- export { s as t };