superdesk-ui-framework 4.0.48 → 4.0.50

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.
@@ -1136,7 +1136,9 @@
1136
1136
  --sd-drop-shadow--none: drop-shadow(0 0 0 transparent);
1137
1137
  --form-element-height-small: var(--space--3);
1138
1138
  --form-element-height-medium: var(--space--4);
1139
- --form-element-height-large: var(--space--5); }
1139
+ --form-element-height-large: var(--space--5);
1140
+ --transition__menu-item: background-color ease 0.1s
1141
+ ; }
1140
1142
 
1141
1143
  :root,
1142
1144
  [data-theme="light-ui"] {
@@ -41234,8 +41236,8 @@ textarea.sd-media-carousel__media-title {
41234
41236
  .sd-check-button .sd-check-button__input:checked ~ label {
41235
41237
  opacity: 1;
41236
41238
  color: white;
41237
- background-color: var(--sd-colour-interactive--active);
41238
- border-color: var(--sd-colour-interactive--active);
41239
+ background-color: var(--sd-colour-interactive);
41240
+ border-color: var(--sd-colour-interactive);
41239
41241
  border-top-color: var(--sd-colour-interactive--darken-20);
41240
41242
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }
41241
41243
 
@@ -54327,8 +54329,8 @@ i.sd-sidetab-menu__helper-icon {
54327
54329
  .sd-check-button .sd-check-button__input:checked ~ label {
54328
54330
  opacity: 1;
54329
54331
  color: white;
54330
- background-color: var(--sd-colour-interactive--active);
54331
- border-color: var(--sd-colour-interactive--active);
54332
+ background-color: var(--sd-colour-interactive);
54333
+ border-color: var(--sd-colour-interactive);
54332
54334
  border-top-color: var(--sd-colour-interactive--darken-20);
54333
54335
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }
54334
54336
 
@@ -55507,3 +55509,25 @@ i.sd-sidetab-menu__helper-icon {
55507
55509
  flex-direction: column;
55508
55510
  gap: var(--gap-1-5);
55509
55511
  overflow: auto; }
55512
+
55513
+ .time-unit-highlight {
55514
+ background-color: var(--sd-colour-interactive);
55515
+ color: white; }
55516
+
55517
+ .time-unit {
55518
+ transition: all ease 0.2s;
55519
+ display: flex;
55520
+ justify-content: center;
55521
+ width: 32px;
55522
+ height: 32px;
55523
+ border-radius: var(--b-radius--x-small);
55524
+ font-weight: normal;
55525
+ margin-inline-start: var(--gap--x-small);
55526
+ margin-inline-end: var(--gap--x-small);
55527
+ transition: var(--transition__menu-item); }
55528
+ .time-unit:hover {
55529
+ background-color: var(--sd-colour-interactive--alpha-10);
55530
+ box-shadow: inset 0 0 0 1px var(--sd-colour-interactive);
55531
+ cursor: pointer; }
55532
+ .time-unit:active {
55533
+ background-color: var(--sd-colour-interactive--alpha-20); }