@cloud-ru/ds-calendar 1.1.2-preview-c6bef496.0 → 1.1.2

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 (20) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/cjs/helperComponents/CalendarBase/styles.module.css +1 -1
  3. package/dist/cjs/helperComponents/Item/styles.module.css +25 -25
  4. package/dist/cjs/helperComponents/MobileFooter/styles.module.css +4 -4
  5. package/dist/cjs/helperComponents/MobilePeriodBlock/styles.module.css +4 -4
  6. package/dist/cjs/helperComponents/TimeList/styles.module.css +3 -3
  7. package/dist/cjs/helperComponents/TimePickerBase/styles.module.css +6 -6
  8. package/dist/cjs/helperComponents/TimePickerDrum/styles.module.css +27 -27
  9. package/dist/cjs/style.css +70 -70
  10. package/dist/esm/helperComponents/CalendarBase/styles.module.css +1 -1
  11. package/dist/esm/helperComponents/Item/styles.module.css +25 -25
  12. package/dist/esm/helperComponents/MobileFooter/styles.module.css +4 -4
  13. package/dist/esm/helperComponents/MobilePeriodBlock/styles.module.css +4 -4
  14. package/dist/esm/helperComponents/TimeList/styles.module.css +3 -3
  15. package/dist/esm/helperComponents/TimePickerBase/styles.module.css +6 -6
  16. package/dist/esm/helperComponents/TimePickerDrum/styles.module.css +27 -27
  17. package/dist/esm/style.css +70 -70
  18. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  19. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  20. package/package.json +12 -12
package/dist/cjs/style.css CHANGED
@@ -117,7 +117,7 @@
117
117
  display:flex;
118
118
  flex-shrink:0;
119
119
  align-items:center;
120
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
120
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
121
121
  }
122
122
  .leftPanelHeader[data-size=s]{
123
123
  padding-left:var(--sn-calendar-anatomy-size-s-header-paddingHorizontal, var(--sn-primitive-dimension-6, 6px));
@@ -219,7 +219,7 @@
219
219
  }
220
220
  .container[data-disabled]{
221
221
  cursor:not-allowed;
222
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
222
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
223
223
  }
224
224
  .container:focus-visible{
225
225
  outline:none;
@@ -236,15 +236,15 @@
236
236
  border-radius:inherit;
237
237
  }
238
238
  .container .stateLayer[data-state=borderOnBackground]{
239
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
239
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
240
240
  border-style:solid;
241
241
  border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
242
242
  }
243
243
  .container .stateLayer[data-state=emptyNeutralOnBackground]{
244
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(120, 123, 138, 0)));
244
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 0)));
245
245
  }
246
246
  .container .stateLayer[data-state=activatedOnBackground]{
247
- background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(56, 159, 116, 0.1019607843)));
247
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
248
248
  }
249
249
  .container .stateLayer[data-state=versionOnColor]{
250
250
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
@@ -263,13 +263,13 @@
263
263
  }
264
264
  @media (hover: hover){
265
265
  .container:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
266
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
266
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
267
267
  }
268
268
  .container:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
269
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(188, 195, 220, 0.1490196078)));
269
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
270
270
  }
271
271
  .container:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
272
- background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
272
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
273
273
  }
274
274
  .container:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
275
275
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
@@ -290,13 +290,13 @@
290
290
  .container{
291
291
  }
292
292
  .container[data-loading] .stateLayer[data-state=borderOnBackground], .container:active:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
293
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(159, 166, 198, 0.8)));
293
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
294
294
  }
295
295
  .container[data-loading] .stateLayer[data-state=emptyNeutralOnBackground], .container:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
296
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(188, 195, 220, 0.3019607843)));
296
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
297
297
  }
298
298
  .container[data-loading] .stateLayer[data-state=activatedOnBackground], .container:active:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
299
- background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(56, 159, 116, 0.3019607843)));
299
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
300
300
  }
301
301
  .container[data-loading] .stateLayer[data-state=versionOnColor], .container:active:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor], .container[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
302
302
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
@@ -314,26 +314,26 @@
314
314
  background:var(--sn-theme-color-material-stateLayer-darkOnAccent-pressed-filled, rgba(0, 0, 0, 0.1215686275));
315
315
  }
316
316
  .container:not([data-another])[data-checked]{
317
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
317
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
318
318
  }
319
319
  .container:not([data-another])[data-range-position=in]{
320
320
  background-color:transparent;
321
321
  }
322
322
  .container[data-another][data-checked][data-range-position=start], .container[data-another][data-checked][data-range-position=end], .container[data-another][data-checked][data-range-position=start-end]{
323
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
323
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
324
324
  }
325
325
 
326
326
  .label{
327
327
  text-align:center;
328
328
  }
329
329
  .label[data-another]{
330
- color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
330
+ color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
331
331
  }
332
332
  .label[data-another][data-checked]:not([data-range-position=in], [data-range-position=out]){
333
333
  color:var(--sn-theme-color-available-onComplementary, #ffffff);
334
334
  }
335
335
  .label[data-disabled]{
336
- color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
336
+ color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
337
337
  }
338
338
  .label[data-disabled][data-checked]:not([data-range-position=in]){
339
339
  color:var(--sn-theme-color-available-onComplementary, #ffffff);
@@ -342,20 +342,20 @@
342
342
  color:var(--sn-theme-color-available-onComplementary, #ffffff);
343
343
  }
344
344
  .label:not([data-disabled], [data-another])[data-checked][data-range-position=in]{
345
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
345
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
346
346
  }
347
347
  .label:not([data-disabled], [data-another])[data-checked][data-range-position=in][data-holiday]{
348
348
  color:var(--sn-theme-color-red-text, var(--sn-brand-palette-red-40, #a93533));
349
349
  }
350
350
  .label:not([data-disabled], [data-another]):not([data-checked]){
351
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
351
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
352
352
  }
353
353
  .label:not([data-disabled], [data-another]):not([data-checked])[data-holiday]{
354
354
  color:var(--sn-theme-color-red-text, var(--sn-brand-palette-red-40, #a93533));
355
355
  }
356
356
  @media (hover: hover){
357
357
  .label:not([data-disabled], [data-another]):not([data-holiday]){
358
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
358
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
359
359
  }
360
360
  .label:not([data-disabled], [data-another])[data-holiday]{
361
361
  color:var(--sn-theme-color-red-text, var(--sn-brand-palette-red-40, #a93533));
@@ -380,16 +380,16 @@
380
380
  background-color:var(--sn-theme-color-red-accent, var(--sn-brand-palette-red-50, #d52e33));
381
381
  }
382
382
  .markerLine[data-checked]:not([data-range-position=in]){
383
- background-color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brand-color-primary-99, #fbfffc)));
383
+ background-color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, #ffffff));
384
384
  }
385
385
  .markerLine[data-checked][data-range-position=in]{
386
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
386
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
387
387
  }
388
388
  .markerLine[data-checked][data-range-position=in][data-holiday]{
389
389
  background-color:var(--sn-theme-color-red-accent, var(--sn-brand-palette-red-50, #d52e33));
390
390
  }
391
391
  .markerLine:not([data-checked]){
392
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
392
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
393
393
  }
394
394
  .markerLine:not([data-checked])[data-holiday]{
395
395
  background-color:var(--sn-theme-color-red-accent, var(--sn-brand-palette-red-50, #d52e33));
@@ -443,7 +443,7 @@
443
443
  padding-right:var(--sn-calendar-anatomy-size-s-itemCalendar-container-labelWrapper-paddingHorizontal, var(--sn-density-spacing-control-wrapper-horizontal-s, var(--sn-platform-comfort-spacing-control-wrapper-horizontal-s, var(--sn-platform-comfort-spacing-control-wrapper-vertical-s, var(--sn-platform-comfort-scale-025-xs, var(--sn-primitive-dimension-4, 4px))))));
444
444
  }
445
445
  .root[data-size=s] .label{
446
- font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
446
+ font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
447
447
  font-weight:var(--sn-regular-body-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-s, var(--sn-brand-font-fontWeight-light-regular-body-s, var(--sn-primitive-font-fontWeightValue-400, 400))));
448
448
  line-height:var(--sn-regular-body-s-lineHeight, var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px))));
449
449
  font-size:var(--sn-regular-body-s-fontSize, var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px))));
@@ -479,7 +479,7 @@
479
479
  padding-right:var(--sn-calendar-anatomy-size-m-itemCalendar-container-labelWrapper-paddingHorizontal, var(--sn-density-spacing-control-wrapper-horizontal-m, var(--sn-platform-comfort-spacing-control-wrapper-horizontal-m, var(--sn-platform-comfort-spacing-control-wrapper-vertical-m, var(--sn-platform-comfort-scale-025-xs, var(--sn-primitive-dimension-4, 4px))))));
480
480
  }
481
481
  .root[data-size=m] .label{
482
- font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
482
+ font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
483
483
  font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
484
484
  line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
485
485
  font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
@@ -515,7 +515,7 @@
515
515
  padding-right:var(--sn-calendar-anatomy-size-l-itemCalendar-container-labelWrapper-paddingHorizontal, var(--sn-density-spacing-control-wrapper-horizontal-l, var(--sn-platform-comfort-spacing-control-wrapper-horizontal-l, var(--sn-platform-comfort-spacing-control-wrapper-vertical-l, var(--sn-platform-comfort-scale-025-xs, var(--sn-primitive-dimension-4, 4px))))));
516
516
  }
517
517
  .root[data-size=l] .label{
518
- font-family:var(--sn-regular-body-l-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
518
+ font-family:var(--sn-regular-body-l-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
519
519
  font-weight:var(--sn-regular-body-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-l, var(--sn-brand-font-fontWeight-light-regular-body-l, var(--sn-primitive-font-fontWeightValue-400, 400))));
520
520
  line-height:var(--sn-regular-body-l-lineHeight, var(--sn-density-typography-roleBody-lineHeightL, var(--sn-platform-comfort-typography-roleBody-lineHeightL, var(--sn-primitive-font-lineHeight-28, 28px))));
521
521
  font-size:var(--sn-regular-body-l-fontSize, var(--sn-density-typography-roleBody-fontSizeL, var(--sn-platform-comfort-typography-roleBody-fontSizeL, var(--sn-primitive-font-fontSize-18, 18px))));
@@ -532,13 +532,13 @@
532
532
  background-color:transparent;
533
533
  }
534
534
  .root:hover:not([data-disabled], [data-another]) .label:not([data-holiday]){
535
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
535
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
536
536
  }
537
537
  .root:hover:not([data-disabled], [data-another]) .label[data-holiday]{
538
538
  color:var(--sn-theme-color-red-text, var(--sn-brand-palette-red-40, #a93533));
539
539
  }
540
540
  .root:hover:not([data-disabled], [data-another]) .markerLine:not([data-holiday]){
541
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
541
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
542
542
  }
543
543
  .root:hover:not([data-disabled], [data-another]) .markerLine[data-holiday]{
544
544
  background-color:var(--sn-theme-color-red-accent, var(--sn-brand-palette-red-50, #d52e33));
@@ -596,8 +596,8 @@
596
596
 
597
597
  .selectedLabel{
598
598
  flex:1 1 auto;
599
- color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
600
- font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
599
+ color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
600
+ font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
601
601
  font-weight:var(--sn-regular-body-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-s, var(--sn-brand-font-fontWeight-light-regular-body-s, var(--sn-primitive-font-fontWeightValue-400, 400))));
602
602
  line-height:var(--sn-regular-body-s-lineHeight, var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px))));
603
603
  font-size:var(--sn-regular-body-s-fontSize, var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px))));
@@ -607,10 +607,10 @@
607
607
 
608
608
  .selectedValue{
609
609
  flex-shrink:0;
610
- color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
610
+ color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
611
611
  text-align:right;
612
612
  white-space:nowrap;
613
- font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
613
+ font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
614
614
  font-weight:var(--sn-regular-body-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-s, var(--sn-brand-font-fontWeight-light-regular-body-s, var(--sn-primitive-font-fontWeightValue-400, 400))));
615
615
  line-height:var(--sn-regular-body-s-lineHeight, var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px))));
616
616
  font-size:var(--sn-regular-body-s-fontSize, var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px))));
@@ -624,11 +624,11 @@
624
624
 
625
625
  .caption{
626
626
  padding:var(--sn-primitive-dimension-6, 6px) 0;
627
- color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
627
+ color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
628
628
  text-align:center;
629
629
  }
630
630
  .block[data-size=s] .caption{
631
- font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
631
+ font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
632
632
  font-weight:var(--sn-regular-body-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-s, var(--sn-brand-font-fontWeight-light-regular-body-s, var(--sn-primitive-font-fontWeightValue-400, 400))));
633
633
  line-height:var(--sn-regular-body-s-lineHeight, var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px))));
634
634
  font-size:var(--sn-regular-body-s-fontSize, var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px))));
@@ -636,7 +636,7 @@
636
636
  paragraph-spacing:var(--sn-regular-body-s-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize12, 6px));
637
637
  }
638
638
  .block[data-size=m] .caption{
639
- font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
639
+ font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
640
640
  font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
641
641
  line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
642
642
  font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
@@ -644,7 +644,7 @@
644
644
  paragraph-spacing:var(--sn-regular-body-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize14, 7px));
645
645
  }
646
646
  .block[data-size=l] .caption{
647
- font-family:var(--sn-regular-body-l-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
647
+ font-family:var(--sn-regular-body-l-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
648
648
  font-weight:var(--sn-regular-body-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-l, var(--sn-brand-font-fontWeight-light-regular-body-l, var(--sn-primitive-font-fontWeightValue-400, 400))));
649
649
  line-height:var(--sn-regular-body-l-lineHeight, var(--sn-density-typography-roleBody-lineHeightL, var(--sn-platform-comfort-typography-roleBody-lineHeightL, var(--sn-primitive-font-lineHeight-28, 28px))));
650
650
  font-size:var(--sn-regular-body-l-fontSize, var(--sn-density-typography-roleBody-fontSizeL, var(--sn-platform-comfort-typography-roleBody-fontSizeL, var(--sn-primitive-font-fontSize-18, 18px))));
@@ -696,7 +696,7 @@
696
696
  text-align:center;
697
697
  }
698
698
  .label[data-size=s]{
699
- font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
699
+ font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
700
700
  font-weight:var(--sn-regular-body-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-s, var(--sn-brand-font-fontWeight-light-regular-body-s, var(--sn-primitive-font-fontWeightValue-400, 400))));
701
701
  line-height:var(--sn-regular-body-s-lineHeight, var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px))));
702
702
  font-size:var(--sn-regular-body-s-fontSize, var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px))));
@@ -704,7 +704,7 @@
704
704
  paragraph-spacing:var(--sn-regular-body-s-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize12, 6px));
705
705
  }
706
706
  .label[data-size=m]{
707
- font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
707
+ font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
708
708
  font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
709
709
  line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
710
710
  font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
@@ -712,7 +712,7 @@
712
712
  paragraph-spacing:var(--sn-regular-body-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize14, 7px));
713
713
  }
714
714
  .label[data-size=l]{
715
- font-family:var(--sn-regular-body-l-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
715
+ font-family:var(--sn-regular-body-l-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
716
716
  font-weight:var(--sn-regular-body-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-l, var(--sn-brand-font-fontWeight-light-regular-body-l, var(--sn-primitive-font-fontWeightValue-400, 400))));
717
717
  line-height:var(--sn-regular-body-l-lineHeight, var(--sn-density-typography-roleBody-lineHeightL, var(--sn-platform-comfort-typography-roleBody-lineHeightL, var(--sn-primitive-font-lineHeight-28, 28px))));
718
718
  font-size:var(--sn-regular-body-l-fontSize, var(--sn-density-typography-roleBody-fontSizeL, var(--sn-platform-comfort-typography-roleBody-fontSizeL, var(--sn-primitive-font-fontSize-18, 18px))));
@@ -800,11 +800,11 @@
800
800
  display:flex;
801
801
  align-items:center;
802
802
  height:var(--sn-primitive-dimension-24, 24px);
803
- color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #81869c)));
803
+ color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #4a4a4a)));
804
804
  text-align:center;
805
805
  }
806
806
  .time[data-size=s]{
807
- font-family:var(--sn-regular-label-s-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
807
+ font-family:var(--sn-regular-label-s-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
808
808
  font-weight:var(--sn-regular-label-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-s, var(--sn-brand-font-fontWeight-light-regular-label-s, var(--sn-primitive-font-fontWeightValue-500, 500))));
809
809
  line-height:var(--sn-regular-label-s-lineHeight, var(--sn-density-typography-roleLabel-lineHeightS, var(--sn-platform-comfort-typography-roleLabel-lineHeightS, var(--sn-primitive-font-lineHeight-16, 16px))));
810
810
  font-size:var(--sn-regular-label-s-fontSize, var(--sn-density-typography-roleLabel-fontSizeS, var(--sn-platform-comfort-typography-roleLabel-fontSizeS, var(--sn-primitive-font-fontSize-12, 12px))));
@@ -812,16 +812,16 @@
812
812
  paragraph-spacing:var(--sn-regular-label-s-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize11, 5px));
813
813
  }
814
814
  .time[data-size=m]{
815
- font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
816
- font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-550, 550))));
815
+ font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
816
+ font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
817
817
  line-height:var(--sn-regular-label-m-lineHeight, var(--sn-density-typography-roleLabel-lineHeightM, var(--sn-platform-comfort-typography-roleLabel-lineHeightM, var(--sn-primitive-font-lineHeight-20, 20px))));
818
818
  font-size:var(--sn-regular-label-m-fontSize, var(--sn-density-typography-roleLabel-fontSizeM, var(--sn-platform-comfort-typography-roleLabel-fontSizeM, var(--sn-primitive-font-fontSize-14, 14px))));
819
819
  letter-spacing:var(--sn-regular-label-m-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
820
820
  paragraph-spacing:var(--sn-regular-label-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize12, 6px));
821
821
  }
822
822
  .time[data-size=l]{
823
- font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
824
- font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-550, 550))));
823
+ font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
824
+ font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
825
825
  line-height:var(--sn-regular-label-m-lineHeight, var(--sn-density-typography-roleLabel-lineHeightM, var(--sn-platform-comfort-typography-roleLabel-lineHeightM, var(--sn-primitive-font-lineHeight-20, 20px))));
826
826
  font-size:var(--sn-regular-label-m-fontSize, var(--sn-density-typography-roleLabel-fontSizeM, var(--sn-platform-comfort-typography-roleLabel-fontSizeM, var(--sn-primitive-font-fontSize-14, 14px))));
827
827
  letter-spacing:var(--sn-regular-label-m-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
@@ -867,11 +867,11 @@
867
867
  }
868
868
 
869
869
  .dateLabel{
870
- color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
870
+ color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
871
871
  text-align:center;
872
872
  }
873
873
  .root[data-size=s] .dateLabel{
874
- font-family:var(--sn-regular-label-s-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
874
+ font-family:var(--sn-regular-label-s-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
875
875
  font-weight:var(--sn-regular-label-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-s, var(--sn-brand-font-fontWeight-light-regular-label-s, var(--sn-primitive-font-fontWeightValue-500, 500))));
876
876
  line-height:var(--sn-regular-label-s-lineHeight, var(--sn-density-typography-roleLabel-lineHeightS, var(--sn-platform-comfort-typography-roleLabel-lineHeightS, var(--sn-primitive-font-lineHeight-16, 16px))));
877
877
  font-size:var(--sn-regular-label-s-fontSize, var(--sn-density-typography-roleLabel-fontSizeS, var(--sn-platform-comfort-typography-roleLabel-fontSizeS, var(--sn-primitive-font-fontSize-12, 12px))));
@@ -879,16 +879,16 @@
879
879
  paragraph-spacing:var(--sn-regular-label-s-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize11, 5px));
880
880
  }
881
881
  .root[data-size=m] .dateLabel{
882
- font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
883
- font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-550, 550))));
882
+ font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
883
+ font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
884
884
  line-height:var(--sn-regular-label-m-lineHeight, var(--sn-density-typography-roleLabel-lineHeightM, var(--sn-platform-comfort-typography-roleLabel-lineHeightM, var(--sn-primitive-font-lineHeight-20, 20px))));
885
885
  font-size:var(--sn-regular-label-m-fontSize, var(--sn-density-typography-roleLabel-fontSizeM, var(--sn-platform-comfort-typography-roleLabel-fontSizeM, var(--sn-primitive-font-fontSize-14, 14px))));
886
886
  letter-spacing:var(--sn-regular-label-m-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
887
887
  paragraph-spacing:var(--sn-regular-label-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize12, 6px));
888
888
  }
889
889
  .root[data-size=l] .dateLabel{
890
- font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
891
- font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-550, 550))));
890
+ font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
891
+ font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-500, 500))));
892
892
  line-height:var(--sn-regular-label-l-lineHeight, var(--sn-density-typography-roleLabel-lineHeightL, var(--sn-platform-comfort-typography-roleLabel-lineHeightL, var(--sn-primitive-font-lineHeight-24, 24px))));
893
893
  font-size:var(--sn-regular-label-l-fontSize, var(--sn-density-typography-roleLabel-fontSizeL, var(--sn-platform-comfort-typography-roleLabel-fontSizeL, var(--sn-primitive-font-fontSize-16, 16px))));
894
894
  letter-spacing:var(--sn-regular-label-l-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
@@ -902,26 +902,26 @@
902
902
  }
903
903
 
904
904
  .timeMain{
905
- color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
905
+ color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
906
906
  }
907
907
  .root[data-size=s] .timeMain{
908
- font-family:var(--sn-regular-display-s-fontFamily, var(--sn-brand-font-fontFamily-regular-display, SB Sans Interface));
909
- font-weight:var(--sn-regular-display-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-display-s, var(--sn-brand-font-fontWeight-light-regular-display-s, var(--sn-primitive-font-fontWeightValue-600, 600))));
908
+ font-family:var(--sn-regular-display-s-fontFamily, var(--sn-brand-font-fontFamily-regular-display, SB Sans Display));
909
+ font-weight:var(--sn-regular-display-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-display-s, var(--sn-brand-font-fontWeight-light-regular-display-s, var(--sn-primitive-font-fontWeightValue-500, 500))));
910
910
  line-height:var(--sn-regular-display-s-lineHeight, var(--sn-density-typography-roleDisplay-lineHeightS, var(--sn-platform-comfort-typography-roleDisplay-lineHeightS, var(--sn-primitive-font-lineHeight-48, 48px))));
911
911
  font-size:var(--sn-regular-display-s-fontSize, var(--sn-density-typography-roleDisplay-fontSizeS, var(--sn-platform-comfort-typography-roleDisplay-fontSizeS, var(--sn-primitive-font-fontSize-40, 40px))));
912
912
  letter-spacing:var(--sn-regular-display-s-letterSpacing, var(--sn-primitive-font-letterSpacing-xs, -0.5px));
913
913
  paragraph-spacing:var(--sn-regular-display-s-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize40, 20px));
914
914
  }
915
915
  .root[data-size=m] .timeMain{
916
- font-family:var(--sn-regular-display-m-fontFamily, var(--sn-brand-font-fontFamily-regular-display, SB Sans Interface));
917
- font-weight:var(--sn-regular-display-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-display-m, var(--sn-brand-font-fontWeight-light-regular-display-m, var(--sn-primitive-font-fontWeightValue-650, 650))));
916
+ font-family:var(--sn-regular-display-m-fontFamily, var(--sn-brand-font-fontFamily-regular-display, SB Sans Display));
917
+ font-weight:var(--sn-regular-display-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-display-m, var(--sn-brand-font-fontWeight-light-regular-display-m, var(--sn-primitive-font-fontWeightValue-600, 600))));
918
918
  line-height:var(--sn-regular-display-m-lineHeight, var(--sn-density-typography-roleDisplay-lineHeightM, var(--sn-platform-comfort-typography-roleDisplay-lineHeightM, var(--sn-primitive-font-lineHeight-60, 60px))));
919
919
  font-size:var(--sn-regular-display-m-fontSize, var(--sn-density-typography-roleDisplay-fontSizeM, var(--sn-platform-comfort-typography-roleDisplay-fontSizeM, var(--sn-primitive-font-fontSize-48, 48px))));
920
920
  letter-spacing:var(--sn-regular-display-m-letterSpacing, var(--sn-primitive-font-letterSpacing-xs, -0.5px));
921
921
  paragraph-spacing:var(--sn-regular-display-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize48, 24px));
922
922
  }
923
923
  .root[data-size=l] .timeMain{
924
- font-family:var(--sn-regular-display-l-fontFamily, var(--sn-brand-font-fontFamily-regular-display, SB Sans Interface));
924
+ font-family:var(--sn-regular-display-l-fontFamily, var(--sn-brand-font-fontFamily-regular-display, SB Sans Display));
925
925
  font-weight:var(--sn-regular-display-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-display-l, var(--sn-brand-font-fontWeight-light-regular-display-l, var(--sn-primitive-font-fontWeightValue-700, 700))));
926
926
  line-height:var(--sn-regular-display-l-lineHeight, var(--sn-density-typography-roleDisplay-lineHeightL, var(--sn-platform-comfort-typography-roleDisplay-lineHeightL, var(--sn-primitive-font-lineHeight-64, 64px))));
927
927
  font-size:var(--sn-regular-display-l-fontSize, var(--sn-density-typography-roleDisplay-fontSizeL, var(--sn-platform-comfort-typography-roleDisplay-fontSizeL, var(--sn-primitive-font-fontSize-56, 56px))));
@@ -930,26 +930,26 @@
930
930
  }
931
931
 
932
932
  .timeSeconds{
933
- color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
933
+ color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
934
934
  }
935
935
  .root[data-size=s] .timeSeconds{
936
- font-family:var(--sn-regular-display-s-fontFamily, var(--sn-brand-font-fontFamily-regular-display, SB Sans Interface));
937
- font-weight:var(--sn-regular-display-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-display-s, var(--sn-brand-font-fontWeight-light-regular-display-s, var(--sn-primitive-font-fontWeightValue-600, 600))));
936
+ font-family:var(--sn-regular-display-s-fontFamily, var(--sn-brand-font-fontFamily-regular-display, SB Sans Display));
937
+ font-weight:var(--sn-regular-display-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-display-s, var(--sn-brand-font-fontWeight-light-regular-display-s, var(--sn-primitive-font-fontWeightValue-500, 500))));
938
938
  line-height:var(--sn-regular-display-s-lineHeight, var(--sn-density-typography-roleDisplay-lineHeightS, var(--sn-platform-comfort-typography-roleDisplay-lineHeightS, var(--sn-primitive-font-lineHeight-48, 48px))));
939
939
  font-size:var(--sn-regular-display-s-fontSize, var(--sn-density-typography-roleDisplay-fontSizeS, var(--sn-platform-comfort-typography-roleDisplay-fontSizeS, var(--sn-primitive-font-fontSize-40, 40px))));
940
940
  letter-spacing:var(--sn-regular-display-s-letterSpacing, var(--sn-primitive-font-letterSpacing-xs, -0.5px));
941
941
  paragraph-spacing:var(--sn-regular-display-s-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize40, 20px));
942
942
  }
943
943
  .root[data-size=m] .timeSeconds{
944
- font-family:var(--sn-regular-display-m-fontFamily, var(--sn-brand-font-fontFamily-regular-display, SB Sans Interface));
945
- font-weight:var(--sn-regular-display-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-display-m, var(--sn-brand-font-fontWeight-light-regular-display-m, var(--sn-primitive-font-fontWeightValue-650, 650))));
944
+ font-family:var(--sn-regular-display-m-fontFamily, var(--sn-brand-font-fontFamily-regular-display, SB Sans Display));
945
+ font-weight:var(--sn-regular-display-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-display-m, var(--sn-brand-font-fontWeight-light-regular-display-m, var(--sn-primitive-font-fontWeightValue-600, 600))));
946
946
  line-height:var(--sn-regular-display-m-lineHeight, var(--sn-density-typography-roleDisplay-lineHeightM, var(--sn-platform-comfort-typography-roleDisplay-lineHeightM, var(--sn-primitive-font-lineHeight-60, 60px))));
947
947
  font-size:var(--sn-regular-display-m-fontSize, var(--sn-density-typography-roleDisplay-fontSizeM, var(--sn-platform-comfort-typography-roleDisplay-fontSizeM, var(--sn-primitive-font-fontSize-48, 48px))));
948
948
  letter-spacing:var(--sn-regular-display-m-letterSpacing, var(--sn-primitive-font-letterSpacing-xs, -0.5px));
949
949
  paragraph-spacing:var(--sn-regular-display-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize48, 24px));
950
950
  }
951
951
  .root[data-size=l] .timeSeconds{
952
- font-family:var(--sn-regular-display-l-fontFamily, var(--sn-brand-font-fontFamily-regular-display, SB Sans Interface));
952
+ font-family:var(--sn-regular-display-l-fontFamily, var(--sn-brand-font-fontFamily-regular-display, SB Sans Display));
953
953
  font-weight:var(--sn-regular-display-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-display-l, var(--sn-brand-font-fontWeight-light-regular-display-l, var(--sn-primitive-font-fontWeightValue-700, 700))));
954
954
  line-height:var(--sn-regular-display-l-lineHeight, var(--sn-density-typography-roleDisplay-lineHeightL, var(--sn-platform-comfort-typography-roleDisplay-lineHeightL, var(--sn-primitive-font-lineHeight-64, 64px))));
955
955
  font-size:var(--sn-regular-display-l-fontSize, var(--sn-density-typography-roleDisplay-fontSizeL, var(--sn-platform-comfort-typography-roleDisplay-fontSizeL, var(--sn-primitive-font-fontSize-56, 56px))));
@@ -1008,12 +1008,12 @@
1008
1008
 
1009
1009
  .wheelFadeTop{
1010
1010
  top:0;
1011
- background:linear-gradient(to bottom, var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd))) 0%, color-mix(in srgb, var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd))) 45%, transparent) 52%, transparent 100%);
1011
+ background:linear-gradient(to bottom, var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff))) 0%, color-mix(in srgb, var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff))) 45%, transparent) 52%, transparent 100%);
1012
1012
  }
1013
1013
 
1014
1014
  .wheelFadeBottom{
1015
1015
  bottom:0;
1016
- background:linear-gradient(to top, var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd))) 0%, color-mix(in srgb, var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd))) 45%, transparent) 52%, transparent 100%);
1016
+ background:linear-gradient(to top, var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff))) 0%, color-mix(in srgb, var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff))) 45%, transparent) 52%, transparent 100%);
1017
1017
  }
1018
1018
 
1019
1019
  .wheelSlotLines{
@@ -1032,7 +1032,7 @@
1032
1032
 
1033
1033
  .wheelSlotLine{
1034
1034
  height:0;
1035
- border-top:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
1035
+ border-top:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
1036
1036
  }
1037
1037
 
1038
1038
  .wheelTrack{
@@ -1087,7 +1087,7 @@
1087
1087
  visibility:initial;
1088
1088
  }
1089
1089
  .stateLayer[data-state=emptyNeutralOnBackground]{
1090
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(120, 123, 138, 0)));
1090
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 0)));
1091
1091
  }
1092
1092
 
1093
1093
  .itemLabel{
@@ -1095,7 +1095,7 @@
1095
1095
  text-align:center;
1096
1096
  }
1097
1097
  .root[data-size=s] .itemCell .itemLabel{
1098
- font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
1098
+ font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
1099
1099
  font-weight:var(--sn-regular-body-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-s, var(--sn-brand-font-fontWeight-light-regular-body-s, var(--sn-primitive-font-fontWeightValue-400, 400))));
1100
1100
  line-height:var(--sn-regular-body-s-lineHeight, var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px))));
1101
1101
  font-size:var(--sn-regular-body-s-fontSize, var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px))));
@@ -1103,7 +1103,7 @@
1103
1103
  paragraph-spacing:var(--sn-regular-body-s-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize12, 6px));
1104
1104
  }
1105
1105
  .root[data-size=m] .itemCell .itemLabel{
1106
- font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
1106
+ font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
1107
1107
  font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
1108
1108
  line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
1109
1109
  font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
@@ -1111,7 +1111,7 @@
1111
1111
  paragraph-spacing:var(--sn-regular-body-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize14, 7px));
1112
1112
  }
1113
1113
  .root[data-size=l] .itemCell .itemLabel{
1114
- font-family:var(--sn-regular-body-l-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
1114
+ font-family:var(--sn-regular-body-l-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
1115
1115
  font-weight:var(--sn-regular-body-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-l, var(--sn-brand-font-fontWeight-light-regular-body-l, var(--sn-primitive-font-fontWeightValue-400, 400))));
1116
1116
  line-height:var(--sn-regular-body-l-lineHeight, var(--sn-density-typography-roleBody-lineHeightL, var(--sn-platform-comfort-typography-roleBody-lineHeightL, var(--sn-primitive-font-lineHeight-28, 28px))));
1117
1117
  font-size:var(--sn-regular-body-l-fontSize, var(--sn-density-typography-roleBody-fontSizeL, var(--sn-platform-comfort-typography-roleBody-fontSizeL, var(--sn-primitive-font-fontSize-18, 18px))));
@@ -1119,10 +1119,10 @@
1119
1119
  paragraph-spacing:var(--sn-regular-body-l-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize16, 8px));
1120
1120
  }
1121
1121
  .itemCellSelected .itemLabel{
1122
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
1122
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
1123
1123
  }
1124
1124
  .itemCell:not(.itemCellSelected) .itemLabel{
1125
- color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
1125
+ color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
1126
1126
  }
1127
1127
  .cell{
1128
1128
  pointer-events:none;
package/dist/esm/helperComponents/CalendarBase/styles.module.css CHANGED
@@ -77,7 +77,7 @@
77
77
  display:flex;
78
78
  flex-shrink:0;
79
79
  align-items:center;
80
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
80
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
81
81
  }
82
82
  .leftPanelHeader[data-size=s]{
83
83
  padding-left:var(--sn-calendar-anatomy-size-s-header-paddingHorizontal, var(--sn-primitive-dimension-6, 6px));