superdesk-ui-framework 4.0.48 → 4.0.49
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-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 +25 -1
- 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"] {
|
|
@@ -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); }
|