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.
- package/app/styles/_time.scss +28 -0
- package/app/styles/app.scss +1 -0
- package/app/styles/design-tokens/_design-tokens-general.scss +6 -3
- package/app/styles/form-elements/_checkbox.scss +5 -5
- package/app-typescript/components/DateTimePicker.tsx +9 -3
- package/app-typescript/components/ShowPopup.tsx +2 -0
- package/app-typescript/components/TimePicker.tsx +58 -4
- package/app-typescript/components/TimePickerPopover.tsx +274 -0
- package/app-typescript/utils/time.tsx +31 -0
- package/dist/components/DateTimePicker.tsx +3 -1
- package/dist/components/TimePicker.tsx +2 -2
- package/dist/examples.bundle.js +2509 -2209
- package/dist/superdesk-ui.bundle.css +29 -5
- package/dist/superdesk-ui.bundle.js +2177 -1877
- package/dist/vendor.bundle.js +18 -18
- package/examples/pages/components/DateTimePicker.tsx +3 -1
- package/examples/pages/components/TimePicker.tsx +2 -2
- package/package.json +1 -1
- package/react/components/DateTimePicker.d.ts +5 -1
- package/react/components/DateTimePicker.js +3 -3
- package/react/components/ShowPopup.d.ts +1 -0
- package/react/components/ShowPopup.js +1 -1
- package/react/components/TimePicker.d.ts +9 -2
- package/react/components/TimePicker.js +29 -4
- package/react/components/TimePickerPopover.d.ts +19 -0
- package/react/components/TimePickerPopover.js +225 -0
- package/react/utils/time.d.ts +5 -0
- package/react/utils/time.js +36 -0
|
@@ -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
|
|
41238
|
-
border-color: var(--sd-colour-interactive
|
|
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
|
|
54331
|
-
border-color: var(--sd-colour-interactive
|
|
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); }
|