@carbon/web-components 2.25.2 → 2.26.0
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/custom-elements.json +859 -39
- package/dist/16-10c4fb8b.js +8 -2
- package/dist/16-4855278a.js +8 -2
- package/dist/16-4be295f9.js +8 -2
- package/dist/16-65aac4b2.js +81 -0
- package/dist/16-6a577b04.js +8 -2
- package/dist/16-8449b4fa.js +8 -2
- package/dist/16-87933b87.js +8 -2
- package/dist/16-b826e67b.js +8 -2
- package/dist/16-e32fa89f.js +8 -2
- package/dist/16-eeb178ee.js +81 -0
- package/dist/16-f4420493.js +8 -2
- package/dist/16-fbe09c57.js +8 -2
- package/dist/20-68c1a445.js +8 -2
- package/dist/20-a9fc419f.js +8 -2
- package/dist/accordion.min.js +8 -2
- package/dist/ai-label.min.js +9 -3
- package/dist/ai-skeleton.min.js +8 -2
- package/dist/badge-indicator.min.js +8 -2
- package/dist/breadcrumb.min.js +18 -12
- package/dist/{button-882e4021.js → button-74696aa8.js} +9 -3
- package/dist/{button-set-470bff4f.js → button-set-6c836da5.js} +11 -5
- package/dist/{button-skeleton-c0570c01.js → button-skeleton-97434162.js} +20 -14
- package/dist/button.min.js +9 -3
- package/dist/carbon-element-017b212d.js +8 -2
- package/dist/chat-button.min.js +10 -4
- package/dist/checkbox-88e7237c.js +8 -2
- package/dist/checkbox-skeleton-d396e413.js +8 -2
- package/dist/checkbox.min.js +8 -2
- package/dist/class-map-e4ba9e2b.js +8 -2
- package/dist/code-snippet.min.js +9 -3
- package/dist/collection-helpers-8b117611.js +8 -2
- package/dist/combo-box.min.js +9 -3
- package/dist/content-switcher-item-787ef698.js +8 -2
- package/dist/content-switcher.min.js +8 -2
- package/dist/{copy-button-17009e29.js → copy-button-6ae3beb9.js} +9 -3
- package/dist/copy-button.min.js +9 -3
- package/dist/data-table.min.js +8 -2
- package/dist/date-picker.min.js +8 -2
- package/dist/defs-eaf95cbc.js +8 -2
- package/dist/directive-e2d48b9c.js +8 -2
- package/dist/{dropdown-item-6995171a.js → dropdown-item-c76d25fb.js} +36 -31
- package/dist/dropdown.min.js +9 -3
- package/dist/file-uploader.min.js +9 -3
- package/dist/floating-menu-381b1978.js +8 -2
- package/dist/floating-menu.min.js +8 -2
- package/dist/focus-969beaed.js +8 -2
- package/dist/form-a750a2ac.js +8 -2
- package/dist/form-group.min.js +8 -2
- package/dist/form.min.js +8 -2
- package/dist/heading.min.js +8 -2
- package/dist/host-listener-69c546a1.js +8 -2
- package/dist/{icon-button-8b63f6e9.js → icon-button-83bfdd07.js} +10 -4
- package/dist/icon-button.min.js +9 -3
- package/dist/icon-indicator.min.js +8 -2
- package/dist/if-defined-446d5754.js +8 -2
- package/dist/if-non-empty-0ab1b89b.js +8 -2
- package/dist/inline-loading.min.js +8 -2
- package/dist/{layer-f3ead524.js → layer-955eb55a.js} +9 -3
- package/dist/layer.min.js +9 -3
- package/dist/link-95fb4386.js +8 -2
- package/dist/link.min.js +8 -2
- package/dist/list.min.js +17 -15
- package/dist/loading-8f238aae.js +8 -2
- package/dist/loading-icon-502d6837.js +8 -2
- package/dist/loading.min.js +8 -2
- package/dist/menu.min.js +240 -0
- package/dist/{modal-label-54f55140.js → modal-label-fc9d6962.js} +13 -7
- package/dist/modal.min.js +9 -3
- package/dist/multi-select.min.js +9 -3
- package/dist/notification.min.js +9 -3
- package/dist/number-input.min.js +8 -2
- package/dist/on-8707857f.js +8 -2
- package/dist/overflow-menu.min.js +17 -9
- package/dist/pagination.min.js +39 -33
- package/dist/popover-content-d4ec4412.js +8 -2
- package/dist/popover-controller-97c2d68e.js +8 -2
- package/dist/popover.min.js +8 -2
- package/dist/progress-bar.min.js +8 -2
- package/dist/progress-indicator.min.js +8 -2
- package/dist/property-4de26c93.js +8 -2
- package/dist/query-602de8af.js +8 -2
- package/dist/query-assigned-elements-1bd68a6e.js +8 -2
- package/dist/radio-button-skeleton-67c6a836.js +8 -2
- package/dist/radio-button.min.js +8 -2
- package/dist/radio-group-manager-9b128b9b.js +8 -2
- package/dist/search-7f28fde3.js +8 -2
- package/dist/search.min.js +8 -2
- package/dist/select-01725ae4.js +8 -2
- package/dist/select.min.js +8 -2
- package/dist/settings-a9cb5e4b.js +8 -2
- package/dist/shape-indicator.min.js +8 -2
- package/dist/shared-enums-562e6b51.js +8 -2
- package/dist/side-panel.min.js +9 -3
- package/dist/skeleton-icon-60c9d437.js +8 -2
- package/dist/skeleton-icon.min.js +8 -2
- package/dist/skeleton-placeholder-3f62f258.js +8 -2
- package/dist/skeleton-placeholder.min.js +8 -2
- package/dist/skeleton-text-a37622a0.js +8 -2
- package/dist/skeleton-text.min.js +8 -2
- package/dist/skip-to-content.min.js +8 -2
- package/dist/slider.min.js +8 -2
- package/dist/slug.min.js +9 -3
- package/dist/spread-279bf949.js +8 -2
- package/dist/stack.min.js +8 -2
- package/dist/state-225ff428.js +8 -2
- package/dist/structured-list.min.js +8 -2
- package/dist/tabs.min.js +8 -2
- package/dist/tag.min.js +8 -2
- package/dist/tearsheet.min.js +11 -5
- package/dist/text-input-a7541a8d.js +8 -2
- package/dist/text-input.min.js +8 -2
- package/dist/textarea.min.js +8 -2
- package/dist/tile.min.js +8 -2
- package/dist/time-picker.min.js +158 -0
- package/dist/toggle-tip.min.js +8 -2
- package/dist/toggle.min.js +8 -2
- package/dist/toggletip-383477dd.js +8 -2
- package/dist/tooltip-content-3e3b3f8c.js +8 -2
- package/dist/tooltip.min.js +8 -2
- package/dist/ui-shell.min.js +9 -3
- package/dist/validity-45b7794a.js +8 -2
- package/es/components/breadcrumb/breadcrumb-item.d.ts +4 -0
- package/es/components/breadcrumb/breadcrumb-item.js +16 -1
- package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es/components/button/button-set.d.ts +4 -0
- package/es/components/button/button-set.js +18 -1
- package/es/components/button/button-set.js.map +1 -1
- package/es/components/button/button.scss.js +1 -1
- package/es/components/chat-button/chat-button.scss.js +1 -1
- package/es/components/icon-button/icon-button.scss.js +1 -1
- package/es/components/layer/layer.d.ts +7 -0
- package/es/components/layer/layer.js +9 -2
- package/es/components/layer/layer.js.map +1 -1
- package/es/components/list/list-item.d.ts +0 -11
- package/es/components/list/list-item.js +1 -21
- package/es/components/list/list-item.js.map +1 -1
- package/es/components/list/list.scss.js +1 -1
- package/es/components/list/ordered-list.js +1 -1
- package/es/components/list/ordered-list.js.map +1 -1
- package/es/components/list/unordered-list.d.ts +5 -1
- package/es/components/list/unordered-list.js +11 -4
- package/es/components/list/unordered-list.js.map +1 -1
- package/es/components/menu/defs.d.ts +42 -0
- package/es/components/menu/defs.js +54 -0
- package/es/components/menu/defs.js.map +1 -0
- package/es/components/menu/index.d.ts +14 -0
- package/es/components/menu/index.js +14 -0
- package/es/components/menu/index.js.map +1 -0
- package/es/components/menu/menu-context.d.ts +18 -0
- package/es/components/menu/menu-context.js +27 -0
- package/es/components/menu/menu-context.js.map +1 -0
- package/es/components/menu/menu-item-divider.d.ts +19 -0
- package/es/components/menu/menu-item-divider.js +42 -0
- package/es/components/menu/menu-item-divider.js.map +1 -0
- package/es/components/menu/menu-item-group.d.ts +23 -0
- package/es/components/menu/menu-item-group.js +48 -0
- package/es/components/menu/menu-item-group.js.map +1 -0
- package/es/components/menu/menu-item-radio-group.d.ts +42 -0
- package/es/components/menu/menu-item-radio-group.js +104 -0
- package/es/components/menu/menu-item-radio-group.js.map +1 -0
- package/es/components/menu/menu-item-selectable.d.ts +39 -0
- package/es/components/menu/menu-item-selectable.js +98 -0
- package/es/components/menu/menu-item-selectable.js.map +1 -0
- package/es/components/menu/menu-item.d.ts +771 -0
- package/es/components/menu/menu-item.js +309 -0
- package/es/components/menu/menu-item.js.map +1 -0
- package/es/components/menu/menu-item.scss.js +13 -0
- package/es/components/menu/menu-item.scss.js.map +1 -0
- package/es/components/menu/menu.d.ts +471 -0
- package/es/components/menu/menu.js +469 -0
- package/es/components/menu/menu.js.map +1 -0
- package/es/components/menu/menu.scss.js +13 -0
- package/es/components/menu/menu.scss.js.map +1 -0
- package/es/components/overflow-menu/overflow-menu-item.d.ts +9 -0
- package/es/components/overflow-menu/overflow-menu-item.js +24 -2
- package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es/components/tag/tag.d.ts +1 -1
- package/es/components/tag/tag.js +1 -1
- package/es/components/time-picker/defs.d.ts +26 -0
- package/es/components/time-picker/defs.js +38 -0
- package/es/components/time-picker/defs.js.map +1 -0
- package/es/components/time-picker/index.d.ts +10 -0
- package/es/components/time-picker/index.js +10 -0
- package/es/components/time-picker/index.js.map +1 -0
- package/es/components/time-picker/time-picker-select.d.ts +426 -0
- package/es/components/time-picker/time-picker-select.js +218 -0
- package/es/components/time-picker/time-picker-select.js.map +1 -0
- package/es/components/time-picker/time-picker.d.ts +802 -0
- package/es/components/time-picker/time-picker.js +288 -0
- package/es/components/time-picker/time-picker.js.map +1 -0
- package/es/components/time-picker/time-picker.scss.js +13 -0
- package/es/components/time-picker/time-picker.scss.js.map +1 -0
- package/es/index.d.ts +2 -0
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb-item.d.ts +4 -0
- package/es-custom/components/breadcrumb/breadcrumb-item.js +16 -1
- package/es-custom/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es-custom/components/button/button-set.d.ts +4 -0
- package/es-custom/components/button/button-set.js +18 -1
- package/es-custom/components/button/button-set.js.map +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/chat-button/chat-button.scss.js +1 -1
- package/es-custom/components/icon-button/icon-button.scss.js +1 -1
- package/es-custom/components/layer/layer.d.ts +7 -0
- package/es-custom/components/layer/layer.js +9 -2
- package/es-custom/components/layer/layer.js.map +1 -1
- package/es-custom/components/list/list-item.d.ts +0 -11
- package/es-custom/components/list/list-item.js +1 -21
- package/es-custom/components/list/list-item.js.map +1 -1
- package/es-custom/components/list/list.scss.js +1 -1
- package/es-custom/components/list/ordered-list.js +1 -1
- package/es-custom/components/list/ordered-list.js.map +1 -1
- package/es-custom/components/list/unordered-list.d.ts +5 -1
- package/es-custom/components/list/unordered-list.js +11 -4
- package/es-custom/components/list/unordered-list.js.map +1 -1
- package/es-custom/components/menu/defs.d.ts +42 -0
- package/es-custom/components/menu/defs.js +54 -0
- package/es-custom/components/menu/defs.js.map +1 -0
- package/es-custom/components/menu/index.d.ts +14 -0
- package/es-custom/components/menu/index.js +14 -0
- package/es-custom/components/menu/index.js.map +1 -0
- package/es-custom/components/menu/menu-context.d.ts +18 -0
- package/es-custom/components/menu/menu-context.js +27 -0
- package/es-custom/components/menu/menu-context.js.map +1 -0
- package/es-custom/components/menu/menu-item-divider.d.ts +19 -0
- package/es-custom/components/menu/menu-item-divider.js +42 -0
- package/es-custom/components/menu/menu-item-divider.js.map +1 -0
- package/es-custom/components/menu/menu-item-group.d.ts +23 -0
- package/es-custom/components/menu/menu-item-group.js +48 -0
- package/es-custom/components/menu/menu-item-group.js.map +1 -0
- package/es-custom/components/menu/menu-item-radio-group.d.ts +42 -0
- package/es-custom/components/menu/menu-item-radio-group.js +104 -0
- package/es-custom/components/menu/menu-item-radio-group.js.map +1 -0
- package/es-custom/components/menu/menu-item-selectable.d.ts +39 -0
- package/es-custom/components/menu/menu-item-selectable.js +98 -0
- package/es-custom/components/menu/menu-item-selectable.js.map +1 -0
- package/es-custom/components/menu/menu-item.d.ts +771 -0
- package/es-custom/components/menu/menu-item.js +309 -0
- package/es-custom/components/menu/menu-item.js.map +1 -0
- package/es-custom/components/menu/menu-item.scss.js +13 -0
- package/es-custom/components/menu/menu-item.scss.js.map +1 -0
- package/es-custom/components/menu/menu.d.ts +471 -0
- package/es-custom/components/menu/menu.js +469 -0
- package/es-custom/components/menu/menu.js.map +1 -0
- package/es-custom/components/menu/menu.scss.js +13 -0
- package/es-custom/components/menu/menu.scss.js.map +1 -0
- package/es-custom/components/overflow-menu/overflow-menu-item.d.ts +9 -0
- package/es-custom/components/overflow-menu/overflow-menu-item.js +24 -2
- package/es-custom/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es-custom/components/tag/tag.d.ts +1 -1
- package/es-custom/components/tag/tag.js +1 -1
- package/es-custom/components/time-picker/defs.d.ts +26 -0
- package/es-custom/components/time-picker/defs.js +38 -0
- package/es-custom/components/time-picker/defs.js.map +1 -0
- package/es-custom/components/time-picker/index.d.ts +10 -0
- package/es-custom/components/time-picker/index.js +10 -0
- package/es-custom/components/time-picker/index.js.map +1 -0
- package/es-custom/components/time-picker/time-picker-select.d.ts +426 -0
- package/es-custom/components/time-picker/time-picker-select.js +218 -0
- package/es-custom/components/time-picker/time-picker-select.js.map +1 -0
- package/es-custom/components/time-picker/time-picker.d.ts +802 -0
- package/es-custom/components/time-picker/time-picker.js +288 -0
- package/es-custom/components/time-picker/time-picker.js.map +1 -0
- package/es-custom/components/time-picker/time-picker.scss.js +13 -0
- package/es-custom/components/time-picker/time-picker.scss.js.map +1 -0
- package/es-custom/index.d.ts +2 -0
- package/es-custom/index.js +2 -0
- package/es-custom/index.js.map +1 -1
- package/lib/components/breadcrumb/breadcrumb-item.d.ts +4 -0
- package/lib/components/button/button-set.d.ts +4 -0
- package/lib/components/layer/layer.d.ts +7 -0
- package/lib/components/list/list-item.d.ts +0 -11
- package/lib/components/list/unordered-list.d.ts +5 -1
- package/lib/components/menu/defs.d.ts +42 -0
- package/lib/components/menu/defs.js +56 -0
- package/lib/components/menu/defs.js.map +1 -0
- package/lib/components/menu/index.d.ts +14 -0
- package/lib/components/menu/menu-context.d.ts +18 -0
- package/lib/components/menu/menu-item-divider.d.ts +19 -0
- package/lib/components/menu/menu-item-group.d.ts +23 -0
- package/lib/components/menu/menu-item-radio-group.d.ts +42 -0
- package/lib/components/menu/menu-item-selectable.d.ts +39 -0
- package/lib/components/menu/menu-item.d.ts +771 -0
- package/lib/components/menu/menu.d.ts +471 -0
- package/lib/components/overflow-menu/overflow-menu-item.d.ts +9 -0
- package/lib/components/tag/tag.d.ts +1 -1
- package/lib/components/time-picker/defs.d.ts +26 -0
- package/lib/components/time-picker/defs.js +45 -0
- package/lib/components/time-picker/defs.js.map +1 -0
- package/lib/components/time-picker/index.d.ts +10 -0
- package/lib/components/time-picker/time-picker-select.d.ts +426 -0
- package/lib/components/time-picker/time-picker.d.ts +802 -0
- package/lib/index.d.ts +2 -0
- package/package.json +5 -4
- package/scss/components/breadcrumb/breadcrumb.scss +5 -0
- package/scss/components/button/button.scss +4 -0
- package/scss/components/list/list.scss +7 -5
- package/scss/components/menu/menu-item.scss +109 -0
- package/scss/components/menu/menu-variables.scss +15 -0
- package/scss/components/menu/menu.scss +72 -0
- package/scss/components/overflow-menu/overflow-menu.scss +69 -14
- package/scss/components/time-picker/time-picker.scss +50 -0
|
@@ -0,0 +1,288 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2024
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { __decorate } from 'tslib';
|
|
9
|
+
import { LitElement, html } from 'lit';
|
|
10
|
+
import { query, property } from 'lit/decorators.js';
|
|
11
|
+
import { classMap } from 'lit/directives/class-map.js';
|
|
12
|
+
import WarningFilled16 from '../../icons/warning--filled/16.js';
|
|
13
|
+
import WarningAltFilled16 from '../../icons/warning--alt--filled/16.js';
|
|
14
|
+
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
15
|
+
import ValidityMixin from '../../globals/mixins/validity.js';
|
|
16
|
+
import FormMixin from '../../globals/mixins/form.js';
|
|
17
|
+
import { prefix } from '../../globals/settings.js';
|
|
18
|
+
import styles from './time-picker.scss.js';
|
|
19
|
+
import ifNonEmpty from '../../globals/directives/if-non-empty.js';
|
|
20
|
+
import { TIME_PICKER_SIZE } from './defs.js';
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* @license
|
|
24
|
+
*
|
|
25
|
+
* Copyright IBM Corp. 2025
|
|
26
|
+
*
|
|
27
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
28
|
+
* LICENSE file in the root directory of this source tree.
|
|
29
|
+
*/
|
|
30
|
+
/**
|
|
31
|
+
* Time Picker component.
|
|
32
|
+
* @element cds-custom-time-picker
|
|
33
|
+
* @slot label-text - The label text.
|
|
34
|
+
* @slot time-picker-select - Slot for time picker select components.
|
|
35
|
+
* @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.
|
|
36
|
+
*/
|
|
37
|
+
let CDSTimePicker = class CDSTimePicker extends ValidityMixin(FormMixin(LitElement)) {
|
|
38
|
+
constructor() {
|
|
39
|
+
super(...arguments);
|
|
40
|
+
/**
|
|
41
|
+
* The internal value.
|
|
42
|
+
*/
|
|
43
|
+
this._value = '';
|
|
44
|
+
/**
|
|
45
|
+
* Specify whether the control is disabled
|
|
46
|
+
*/
|
|
47
|
+
this.disabled = false;
|
|
48
|
+
/**
|
|
49
|
+
* Specify whether the control is currently invalid
|
|
50
|
+
*/
|
|
51
|
+
this.invalid = false;
|
|
52
|
+
/**
|
|
53
|
+
* Provide the text that is displayed when the control is in an invalid state
|
|
54
|
+
*/
|
|
55
|
+
this.invalidText = 'Invalid time format.';
|
|
56
|
+
/**
|
|
57
|
+
* Specify whether the control is in warning state
|
|
58
|
+
*/
|
|
59
|
+
this.warning = false;
|
|
60
|
+
/**
|
|
61
|
+
* Provide the text that is displayed when the control is in a warning state
|
|
62
|
+
*/
|
|
63
|
+
this.warningText = 'Warning message.';
|
|
64
|
+
/**
|
|
65
|
+
* Specify whether the label should be hidden
|
|
66
|
+
*/
|
|
67
|
+
this.hideLabel = false;
|
|
68
|
+
/**
|
|
69
|
+
* Name for the input in FormData
|
|
70
|
+
*/
|
|
71
|
+
this.name = '';
|
|
72
|
+
/**
|
|
73
|
+
* Provide label text to be read by screen readers
|
|
74
|
+
*/
|
|
75
|
+
this.labelText = 'Select a time';
|
|
76
|
+
/**
|
|
77
|
+
* Placeholder text for the input
|
|
78
|
+
*/
|
|
79
|
+
this.placeholder = 'hh:mm';
|
|
80
|
+
/**
|
|
81
|
+
* Specify whether the control should be read-only
|
|
82
|
+
*/
|
|
83
|
+
this.readOnly = false;
|
|
84
|
+
/**
|
|
85
|
+
* Specify the maximum length of the input value
|
|
86
|
+
*/
|
|
87
|
+
this.maxLength = 5;
|
|
88
|
+
/**
|
|
89
|
+
* Pattern for input validation
|
|
90
|
+
*/
|
|
91
|
+
this.pattern = '(1[012]|[1-9]):[0-5][0-9](\\s)?';
|
|
92
|
+
/**
|
|
93
|
+
* Size of the time picker
|
|
94
|
+
*/
|
|
95
|
+
this.size = TIME_PICKER_SIZE.MEDIUM;
|
|
96
|
+
/**
|
|
97
|
+
* Input type
|
|
98
|
+
*/
|
|
99
|
+
this.type = 'text';
|
|
100
|
+
/**
|
|
101
|
+
* Validity message
|
|
102
|
+
*/
|
|
103
|
+
this.validityMessage = '';
|
|
104
|
+
/**
|
|
105
|
+
* Whether the input is required
|
|
106
|
+
*/
|
|
107
|
+
this.required = false;
|
|
108
|
+
/**
|
|
109
|
+
* Custom message for required validation
|
|
110
|
+
*/
|
|
111
|
+
this.requiredValidityMessage = 'Please fill out this field.';
|
|
112
|
+
}
|
|
113
|
+
_handleInput({ target }) {
|
|
114
|
+
this.value = target.value;
|
|
115
|
+
this.dispatchEvent(new CustomEvent('change', {
|
|
116
|
+
bubbles: true,
|
|
117
|
+
composed: true,
|
|
118
|
+
detail: { value: this.value },
|
|
119
|
+
}));
|
|
120
|
+
}
|
|
121
|
+
/**
|
|
122
|
+
* Handle slotchange event for time-picker-select slot
|
|
123
|
+
* to propagate properties to child elements
|
|
124
|
+
*/
|
|
125
|
+
_handleSlotChange() {
|
|
126
|
+
this.requestUpdate();
|
|
127
|
+
}
|
|
128
|
+
_handleFormdata(event) {
|
|
129
|
+
const { formData } = event;
|
|
130
|
+
const { disabled, name, value } = this;
|
|
131
|
+
if (!disabled) {
|
|
132
|
+
formData.append(name, value);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
/**
|
|
136
|
+
* Value of the input
|
|
137
|
+
*/
|
|
138
|
+
get value() {
|
|
139
|
+
return this._input ? this._input.value : this._value;
|
|
140
|
+
}
|
|
141
|
+
set value(value) {
|
|
142
|
+
const oldValue = this._value;
|
|
143
|
+
this._value = value;
|
|
144
|
+
this.requestUpdate('value', oldValue);
|
|
145
|
+
if (this._input) {
|
|
146
|
+
this._input.value = value;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
render() {
|
|
150
|
+
const { className, disabled, hideLabel, invalid, invalidText, warning, warningText, labelText, placeholder, readOnly, maxLength, pattern, size, type, value, _handleInput: handleInput, _handleSlotChange: handleSlotChange, } = this;
|
|
151
|
+
const labelClasses = classMap({
|
|
152
|
+
[`${prefix}--label`]: true,
|
|
153
|
+
[`${prefix}--visually-hidden`]: hideLabel,
|
|
154
|
+
[`${prefix}--label--disabled`]: disabled,
|
|
155
|
+
});
|
|
156
|
+
const timePickerClasses = classMap(Object.assign({ [`${prefix}--time-picker`]: true, [`${prefix}--time-picker--invalid`]: invalid, [`${prefix}--time-picker--warning`]: warning, [`${prefix}--time-picker--readonly`]: readOnly, [`${prefix}--time-picker--${size}`]: size }, (className && { [className]: true })));
|
|
157
|
+
const inputClasses = classMap(Object.assign({ [`${prefix}--time-picker__input-field`]: true, [`${prefix}--text-input`]: true, [`${prefix}--time-picker__input-field-error`]: invalid || warning }, (className && { [className]: true })));
|
|
158
|
+
const label = labelText
|
|
159
|
+
? html `<label class="${labelClasses}">${labelText}</label>`
|
|
160
|
+
: null;
|
|
161
|
+
return html `
|
|
162
|
+
<div class="${prefix}--form-item ">
|
|
163
|
+
${label}
|
|
164
|
+
<div class="${timePickerClasses}">
|
|
165
|
+
<div class="${prefix}--time-picker__input">
|
|
166
|
+
<input
|
|
167
|
+
class="${inputClasses}"
|
|
168
|
+
?data-invalid="${invalid}"
|
|
169
|
+
?disabled="${disabled}"
|
|
170
|
+
maxlength="${ifNonEmpty(maxLength)}"
|
|
171
|
+
name="${ifNonEmpty(this.name)}"
|
|
172
|
+
pattern="${ifNonEmpty(pattern)}"
|
|
173
|
+
placeholder="${ifNonEmpty(placeholder)}"
|
|
174
|
+
?readonly="${readOnly}"
|
|
175
|
+
type="${ifNonEmpty(type)}"
|
|
176
|
+
.value="${value}"
|
|
177
|
+
@input="${handleInput}" />
|
|
178
|
+
${invalid || warning
|
|
179
|
+
? html `
|
|
180
|
+
<div class="${prefix}--time-picker__error__icon">
|
|
181
|
+
${invalid
|
|
182
|
+
? WarningFilled16({
|
|
183
|
+
class: `${prefix}--checkbox__invalid-icon`,
|
|
184
|
+
})
|
|
185
|
+
: WarningAltFilled16({
|
|
186
|
+
class: `${prefix}--text-input__invalid-icon--warning`,
|
|
187
|
+
})}
|
|
188
|
+
</div>
|
|
189
|
+
`
|
|
190
|
+
: null}
|
|
191
|
+
</div>
|
|
192
|
+
<slot @slotchange="${handleSlotChange}"></slot>
|
|
193
|
+
</div>
|
|
194
|
+
${invalid || warning
|
|
195
|
+
? html `
|
|
196
|
+
<div class="${prefix}--form-requirement">
|
|
197
|
+
${invalid ? invalidText : warningText}
|
|
198
|
+
</div>
|
|
199
|
+
`
|
|
200
|
+
: null}
|
|
201
|
+
</div>
|
|
202
|
+
`;
|
|
203
|
+
}
|
|
204
|
+
updated(changedProperties) {
|
|
205
|
+
super.updated(changedProperties);
|
|
206
|
+
const { selectorTimePickerSelect } = this
|
|
207
|
+
.constructor;
|
|
208
|
+
const timePickerSelects = this.querySelectorAll(selectorTimePickerSelect);
|
|
209
|
+
['disabled', 'readOnly', 'size'].forEach((name) => {
|
|
210
|
+
if (changedProperties.has(name)) {
|
|
211
|
+
const { [name]: value } = this;
|
|
212
|
+
// Propagate the property to descendants
|
|
213
|
+
timePickerSelects.forEach((elem) => {
|
|
214
|
+
elem[name] = value;
|
|
215
|
+
});
|
|
216
|
+
}
|
|
217
|
+
});
|
|
218
|
+
}
|
|
219
|
+
static get selectorTimePickerSelect() {
|
|
220
|
+
return `${prefix}-time-picker-select`;
|
|
221
|
+
}
|
|
222
|
+
};
|
|
223
|
+
CDSTimePicker.shadowRootOptions = Object.assign(Object.assign({}, LitElement.shadowRootOptions), { delegatesFocus: true });
|
|
224
|
+
CDSTimePicker.styles = styles;
|
|
225
|
+
__decorate([
|
|
226
|
+
query('input')
|
|
227
|
+
], CDSTimePicker.prototype, "_input", void 0);
|
|
228
|
+
__decorate([
|
|
229
|
+
property({ type: Boolean, reflect: true })
|
|
230
|
+
], CDSTimePicker.prototype, "disabled", void 0);
|
|
231
|
+
__decorate([
|
|
232
|
+
property({ type: Boolean, reflect: true })
|
|
233
|
+
], CDSTimePicker.prototype, "invalid", void 0);
|
|
234
|
+
__decorate([
|
|
235
|
+
property({ attribute: 'invalid-text' })
|
|
236
|
+
], CDSTimePicker.prototype, "invalidText", void 0);
|
|
237
|
+
__decorate([
|
|
238
|
+
property({ type: Boolean, reflect: true })
|
|
239
|
+
], CDSTimePicker.prototype, "warning", void 0);
|
|
240
|
+
__decorate([
|
|
241
|
+
property({ attribute: 'warning-text' })
|
|
242
|
+
], CDSTimePicker.prototype, "warningText", void 0);
|
|
243
|
+
__decorate([
|
|
244
|
+
property({ attribute: 'hide-label', type: Boolean, reflect: true })
|
|
245
|
+
], CDSTimePicker.prototype, "hideLabel", void 0);
|
|
246
|
+
__decorate([
|
|
247
|
+
property()
|
|
248
|
+
], CDSTimePicker.prototype, "name", void 0);
|
|
249
|
+
__decorate([
|
|
250
|
+
property({ attribute: 'label-text' })
|
|
251
|
+
], CDSTimePicker.prototype, "labelText", void 0);
|
|
252
|
+
__decorate([
|
|
253
|
+
property({ reflect: true })
|
|
254
|
+
], CDSTimePicker.prototype, "placeholder", void 0);
|
|
255
|
+
__decorate([
|
|
256
|
+
property({ type: Boolean, reflect: true })
|
|
257
|
+
], CDSTimePicker.prototype, "readOnly", void 0);
|
|
258
|
+
__decorate([
|
|
259
|
+
property({ type: Number, attribute: 'max-length', reflect: true })
|
|
260
|
+
], CDSTimePicker.prototype, "maxLength", void 0);
|
|
261
|
+
__decorate([
|
|
262
|
+
property()
|
|
263
|
+
], CDSTimePicker.prototype, "pattern", void 0);
|
|
264
|
+
__decorate([
|
|
265
|
+
property({ reflect: true })
|
|
266
|
+
], CDSTimePicker.prototype, "size", void 0);
|
|
267
|
+
__decorate([
|
|
268
|
+
property({ reflect: true })
|
|
269
|
+
], CDSTimePicker.prototype, "type", void 0);
|
|
270
|
+
__decorate([
|
|
271
|
+
property({ attribute: 'validity-message' })
|
|
272
|
+
], CDSTimePicker.prototype, "validityMessage", void 0);
|
|
273
|
+
__decorate([
|
|
274
|
+
property({ type: Boolean, reflect: true })
|
|
275
|
+
], CDSTimePicker.prototype, "required", void 0);
|
|
276
|
+
__decorate([
|
|
277
|
+
property({ attribute: 'required-validity-message' })
|
|
278
|
+
], CDSTimePicker.prototype, "requiredValidityMessage", void 0);
|
|
279
|
+
__decorate([
|
|
280
|
+
property({ reflect: true })
|
|
281
|
+
], CDSTimePicker.prototype, "value", null);
|
|
282
|
+
CDSTimePicker = __decorate([
|
|
283
|
+
carbonElement(`${prefix}-time-picker`)
|
|
284
|
+
], CDSTimePicker);
|
|
285
|
+
var CDSTimePicker$1 = CDSTimePicker;
|
|
286
|
+
|
|
287
|
+
export { CDSTimePicker$1 as default };
|
|
288
|
+
//# sourceMappingURL=time-picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"time-picker.js","sources":["../../../src/components/time-picker/time-picker.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2024
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { css } from 'lit';
|
|
9
|
+
|
|
10
|
+
var styles = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-custom-layer:var(--cds-custom-layer-01,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-01,#c6c6c6);--cds-custom-layer-hover:var(--cds-custom-layer-hover-01,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-01,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-01,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-01,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-01,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-01,#a8a8a8);--cds-custom-field:var(--cds-custom-field-01,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-01,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-00,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-01,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-01,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-custom-layer:var(--cds-custom-layer-02,#fff);--cds-custom-layer-active:var(--cds-custom-layer-active-02,#c6c6c6);--cds-custom-layer-hover:var(--cds-custom-layer-hover-02,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-02,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-02,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-02,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-02,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-02,#a8a8a8);--cds-custom-field:var(--cds-custom-field-02,#fff);--cds-custom-field-hover:var(--cds-custom-field-hover-02,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-01,#c6c6c6);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-02,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-02,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-custom-layer:var(--cds-custom-layer-03,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-03,#c6c6c6);--cds-custom-layer-hover:var(--cds-custom-layer-hover-03,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-03,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-03,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-03,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-03,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-03,#a8a8a8);--cds-custom-field:var(--cds-custom-field-03,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-03,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-02,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-03,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-03,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-03,#c6c6c6)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-custom-field) inset;-webkit-text-fill-color:var(--cds-custom-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.cds-custom--label{color:var(--cds-custom-text-secondary,#525252);display:inline-block;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-custom-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-custom-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-custom-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-custom-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}input[type=number]{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-custom-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-custom-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement{display:none;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input{--cds-custom-layout-size-height-local:clamp(max(var(--cds-custom-layout-size-height-min),var(--cds-custom-layout-size-height-sm)),var(--cds-custom-layout-size-height,var(--cds-custom-layout-size-height-md)),min(var(--cds-custom-layout-size-height-max),var(--cds-custom-layout-size-height-lg)));--cds-custom-layout-density-padding-inline-local:clamp(var(--cds-custom-layout-density-padding-inline-min),var(--cds-custom-layout-density-padding-inline,var(--cds-custom-layout-density-padding-inline-normal)),var(--cds-custom-layout-density-padding-inline-max));background-color:var(--cds-custom-field);block-size:var(--cds-custom-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-custom-border-strong);box-sizing:border-box;color:var(--cds-custom-text-primary,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;padding:0 var(--cds-custom-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds-custom--text-input *,.cds-custom--text-input :after,.cds-custom--text-input :before{box-sizing:inherit}.cds-custom--text-input:active,.cds-custom--text-input:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input:active,.cds-custom--text-input:focus{outline-style:dotted}}.cds-custom--text-input-wrapper svg[hidden]{display:none}.cds-custom--password-input{padding-inline-end:2.5rem}.cds-custom--text-input--sm.cds-custom--password-input{padding-inline-end:2rem}.cds-custom--text-input--lg.cds-custom--password-input{padding-inline-end:3rem}.cds-custom--text-input::-moz-placeholder{color:var(--cds-custom-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input::placeholder{color:var(--cds-custom-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input--light{background-color:var(--cds-custom-field-02,#fff)}.cds-custom--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds-custom--text-input__invalid-icon{position:absolute;fill:var(--cds-custom-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--text-input__invalid-icon--warning{fill:var(--cds-custom-support-warning,#f1c21b)}.cds-custom--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--text-input--password__visibility{align-items:center;cursor:pointer;display:inline-flex;overflow:visible;position:relative}.cds-custom--text-input--password__visibility:focus{outline:1px solid var(--cds-custom-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus{outline-style:dotted}}.cds-custom--text-input--password__visibility:focus{outline:1px solid transparent}.cds-custom--text-input--password__visibility:focus svg{outline:1px solid var(--cds-custom-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus svg{outline-style:dotted}}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{display:inline-block}}.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:none}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:before{transition:none}.cds-custom--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{background-color:var(--cds-custom-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-custom-shadow,rgba(0,0,0,.3));color:var(--cds-custom-text-inverse,#fff);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-custom-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{border:1px solid transparent}}.cds-custom--text-input--password__visibility:after{content:attr(aria-label)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after{content:none}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:before,.cds-custom--text-input--password__visibility:focus:after,.cds-custom--text-input--password__visibility:focus:before,.cds-custom--text-input--password__visibility:hover:after,.cds-custom--text-input--password__visibility:hover:before{opacity:1}@keyframes cds-custom--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text{margin:auto;overflow:visible;clip:auto}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover.cds-custom--tooltip--a11y:before{animation:cds-custom--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden+.cds-custom--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden.cds-custom--tooltip--a11y:before{animation:none;opacity:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds-custom--text-input--password__visibility:before{border-color:transparent transparent var(--cds-custom-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--toggle-password-tooltip .cds-custom--popover{inset-inline-start:-2.5rem}.cds-custom--toggle-password-tooltip .cds-custom--popover-content{min-inline-size:2.5rem}.cds-custom--text-input--sm+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:2rem}.cds-custom--text-input--lg+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:3rem}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg{fill:var(--cds-custom-icon-secondary,#525252);transition:fill 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg{fill:ButtonText}}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline-style:dotted}}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus svg,.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-custom-icon-primary,#161616)}.cds-custom--text-input--invalid,.cds-custom--text-input--warning{padding-inline-end:2.5rem}.cds-custom--text-input--invalid.cds-custom--password-input{padding-inline-end:4rem}.cds-custom--text-input--invalid+.cds-custom--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds-custom--password-input-wrapper .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{cursor:not-allowed}.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg:hover{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger{cursor:default}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover{cursor:default}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds-custom--text-input:disabled{background-color:var(--cds-custom-field);border-block-end:1px solid transparent;color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--light:disabled{background-color:var(--cds-custom-field-02,#fff)}.cds-custom--text-input:disabled::-moz-placeholder{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input:disabled::placeholder{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input--invalid{box-shadow:none;outline:2px solid var(--cds-custom-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input--invalid{outline-style:dotted}}.cds-custom--text-input--invalid .cds-custom--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds-custom--skeleton.cds-custom--text-input{background:var(--cds-custom-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton.cds-custom--text-input:active,.cds-custom--skeleton.cds-custom--text-input:focus,.cds-custom--skeleton.cds-custom--text-input:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton.cds-custom--text-input:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton.cds-custom--text-input:before{animation:none}}.cds-custom--form--fluid .cds-custom--text-input-wrapper{background:var(--cds-custom-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--form--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--form--fluid .cds-custom--form__helper-text{display:none}.cds-custom--form--fluid .cds-custom--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds-custom--form--fluid .cds-custom--text-input__divider,.cds-custom--text-input__divider{display:none}.cds-custom--form--fluid .cds-custom--text-input--invalid,.cds-custom--form--fluid .cds-custom--text-input--warning{border-block-end:none}.cds-custom--form--fluid .cds-custom--text-input--invalid+.cds-custom--text-input__divider,.cds-custom--form--fluid .cds-custom--text-input--warning+.cds-custom--text-input__divider{border-color:var(--cds-custom-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds-custom--form--fluid .cds-custom--text-input__invalid-icon{inset-block-start:5rem}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid{outline:none}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-custom-border-strong)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-custom-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning:focus,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:focus{outline:none}.cds-custom--text-input-wrapper.cds-custom--text-input-wrapper--inline{flex-flow:row wrap}.cds-custom--text-input-wrapper .cds-custom--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds-custom--text-input-wrapper .cds-custom--label--inline--sm{margin-block-start:.5625rem}.cds-custom--text-input-wrapper .cds-custom--label--inline--lg{margin-block-start:1.0625rem}.cds-custom--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds-custom--text-input-wrapper .cds-custom--form__helper-text--inline{margin-block-start:.125rem}.cds-custom--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds-custom--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--text-input-wrapper--inline--invalid .cds-custom--form-requirement{color:var(--cds-custom-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input-wrapper--readonly,.cds-custom--text-input-wrapper--readonly .cds-custom--text-input{background:transparent;border-block-end-color:var(--cds-custom-border-subtle)}.cds-custom--text-input__field-wrapper .cds-custom--ai-label,.cds-custom--text-input__field-wrapper .cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-custom-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-custom-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-custom-ai-border-strong,#4589ff)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug){padding-inline-end:2.5rem}.cds-custom--text-input--invalid:has(~.cds-custom--ai-label),.cds-custom--text-input--invalid:has(~.cds-custom--slug),.cds-custom--text-input--invalid:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input--warning:has(~.cds-custom--ai-label),.cds-custom--text-input--warning:has(~.cds-custom--slug),.cds-custom--text-input--warning:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--btn.cds-custom--btn--icon-only.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg,.cds-custom--btn.cds-custom--btn--icon-only.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:hover svg{fill:ButtonText}}.cds-custom--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}.cds-custom--select,:host(cds-custom-time-picker-select){align-items:flex-start;border:0;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline}.cds-custom--select *,.cds-custom--select :after,.cds-custom--select :before,:host(cds-custom-time-picker-select) *,:host(cds-custom-time-picker-select) :after,:host(cds-custom-time-picker-select) :before{box-sizing:inherit}.cds-custom--select-input__wrapper{align-items:center;display:flex;inline-size:100%;position:relative}.cds-custom--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-custom-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-custom-border-strong);border-radius:0;color:var(--cds-custom-text-primary,#161616);cursor:pointer;display:block;font-family:inherit;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select-input:hover{background-color:var(--cds-custom-field-hover)}.cds-custom--select-input::-ms-expand{display:none}@document url-prefix(){.cds-custom--select-input:-moz-focusring,.cds-custom--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds-custom--select-input:focus{color:var(--cds-custom-text-primary,#161616);outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select-input:focus{outline-style:dotted}}.cds-custom--select-input:disabled,.cds-custom--select-input:hover:disabled{background-color:var(--cds-custom-field);border-block-end-color:transparent;color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--select-input--sm{block-size:2rem;max-block-size:2rem}.cds-custom--select-input--lg{block-size:3rem;max-block-size:3rem}.cds-custom--select--disabled .cds-custom--form__helper-text,.cds-custom--select--disabled .cds-custom--label,:host(cds-custom-time-picker-select[disabled]) .cds-custom--form__helper-text,:host(cds-custom-time-picker-select[disabled]) .cds-custom--label{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--warning .cds-custom--select-input,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select-input:disabled~.cds-custom--select__arrow{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--light .cds-custom--select-input{background-color:var(--cds-custom-field-02,#fff)}.cds-custom--select--light .cds-custom--select-input:hover{background-color:var(--cds-custom-field-hover)}.cds-custom--select--light .cds-custom--select-input:disabled,.cds-custom--select--light .cds-custom--select-input:hover:disabled{background-color:var(--cds-custom-field-02,#fff);color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--select__arrow{block-size:100%;position:absolute;fill:var(--cds-custom-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--select__arrow path{fill:ButtonText}}.cds-custom--select__invalid-icon{inset-inline-end:2.5rem;position:absolute}.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon{fill:var(--cds-custom-support-error,#da1e28)}.cds-custom--select__invalid-icon--warning{fill:var(--cds-custom-support-warning,#f1c21b)}.cds-custom--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds-custom--select-option,optgroup.cds-custom--select-optgroup{background-color:var(--cds-custom-layer-hover);color:var(--cds-custom-text-primary,#161616)}.cds-custom--select-option:disabled,optgroup.cds-custom--select-optgroup:disabled{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--inline{align-items:center;display:flex;flex-direction:row}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--form__helper-text,.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--label{align-self:flex-start;margin-block-start:.8125rem}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds-custom--select--inline .cds-custom--label{margin:0 .5rem 0 0;white-space:nowrap}.cds-custom--select--inline .cds-custom--select-input{background-color:transparent;border-block-end:none;color:var(--cds-custom-text-primary,#161616);inline-size:auto;padding-inline:.5rem 2rem}.cds-custom--select--inline .cds-custom--select-input:focus,.cds-custom--select--inline .cds-custom--select-input:focus optgroup,.cds-custom--select--inline .cds-custom--select-input:focus option{background-color:var(--cds-custom-background,#fff)}.cds-custom--select--inline .cds-custom--select-input[disabled],.cds-custom--select--inline .cds-custom--select-input[disabled]:hover{background-color:var(--cds-custom-field)}.cds-custom--select--inline .cds-custom--select__arrow{inset-inline-end:.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input{padding-inline-end:3.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input~.cds-custom--select__invalid-icon{inset-inline-end:2rem}.cds-custom--select--inline .cds-custom--select-input:disabled{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--select--inline .cds-custom--select-input:disabled~*{cursor:not-allowed}.cds-custom--select--readonly .cds-custom--select-input,:host(cds-custom-time-picker-select[readonly]) .cds-custom--select-input{background-color:transparent;border-block-end-color:var(--cds-custom-border-subtle);cursor:default}.cds-custom--select--readonly .cds-custom--select__arrow,:host(cds-custom-time-picker-select[readonly]) .cds-custom--select__arrow{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--select.cds-custom--skeleton{background:var(--cds-custom-skeleton-background,#e8e8e8);block-size:2.5rem;border:none;box-shadow:none;inline-size:100%;padding:0;pointer-events:none;position:relative}.cds-custom--select.cds-custom--skeleton:active,.cds-custom--select.cds-custom--skeleton:focus,.cds-custom--select.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--select.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--select.cds-custom--skeleton:before{animation:none}}.cds-custom--select.cds-custom--skeleton .cds-custom--select-input{display:none}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--slug .cds-custom--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:after,.cds-custom--select--slug .cds-custom--slug:before{background-color:var(--cds-custom-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert,.cds-custom--select--slug .cds-custom--ai-label--revert{inset-inline-end:2.5625rem}.cds-custom--select--decorator .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:4rem}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:6rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-custom-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-custom-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-custom-ai-border-strong,#4589ff)}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before{display:block}.cds-custom--select--decorator .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon{inset-inline-end:5rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--select__arrow{fill:ButtonText}}.cds-custom--time-picker{align-items:flex-end;display:flex}.cds-custom--time-picker__select,:host(cds-custom-time-picker-select){justify-content:center;margin-inline-start:.125rem}.cds-custom--time-picker__input{display:flex;flex-direction:column;position:relative}.cds-custom--time-picker__error__icon{block-size:100%;display:flex;inset-block-start:50%;inset-inline-end:1rem;place-items:center;position:absolute;transform:translateY(-50%)}.cds-custom--time-picker__error__icon .cds-custom--checkbox__invalid-icon{fill:var(--cds-custom-support-error,#da1e28)}.cds-custom--time-picker .cds-custom--select-input{inline-size:auto;line-height:1;margin:0;min-inline-size:auto;padding-inline-end:3rem}.cds-custom--time-picker__input-field{align-items:center;block-size:2.5rem;display:flex;font-family:var(--cds-custom-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-custom-code-02-font-size,.875rem);font-weight:var(--cds-custom-code-02-font-weight,400);inline-size:4.875rem;letter-spacing:var(--cds-custom-code-02-letter-spacing,.32px);line-height:var(--cds-custom-code-02-line-height,1.42857);outline:2px solid transparent;outline-offset:-2px;transition:outline 70ms cubic-bezier(.2,0,.38,.9),background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--time-picker__input-field::-moz-placeholder{color:var(--cds-custom-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--time-picker__input-field::placeholder{color:var(--cds-custom-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--time-picker__input-field-error{inline-size:6.175rem}.cds-custom--time-picker--light .cds-custom--select-input{background-color:var(--cds-custom-field-02,#fff)}.cds-custom--time-picker--light .cds-custom--select-input:hover{background-color:var(--cds-custom-field-hover)}.cds-custom--time-picker--light .cds-custom--select-input:disabled,.cds-custom--time-picker--light .cds-custom--select-input:hover:disabled{background-color:transparent;border-block-end:1px solid transparent;color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--time-picker--sm .cds-custom--select-input,.cds-custom--time-picker--sm .cds-custom--time-picker__input-field{block-size:2rem;max-block-size:2rem}.cds-custom--time-picker--lg .cds-custom--select-input,.cds-custom--time-picker--lg .cds-custom--time-picker__input-field{block-size:3rem;max-block-size:3rem}.cds-custom--time-picker--readonly .cds-custom--select-input,.cds-custom--time-picker--readonly .cds-custom--time-picker__input-field{background-color:transparent;border-block-end-color:var(--cds-custom-border-subtle)}.cds-custom--time-picker--readonly .cds-custom--select-input{cursor:default}.cds-custom--time-picker--readonly .cds-custom--select-input+.cds-custom--select__arrow{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}:host(cds-custom-time-picker){--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}:host(cds-custom-time-picker-select) .cds-custom--select,:host(cds-custom-time-picker-select) :host(cds-custom-time-picker-select){inline-size:100%}:host(cds-custom-time-picker-select[readonly]) select{pointer-events:none}:host(cds-custom-time-picker-select) select{inline-size:auto;line-height:1;margin:0;min-inline-size:auto;padding-inline-end:3rem}"]);
|
|
11
|
+
|
|
12
|
+
export { styles as default };
|
|
13
|
+
//# sourceMappingURL=time-picker.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"time-picker.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
package/es-custom/index.d.ts
CHANGED
|
@@ -166,4 +166,6 @@ export { default as CDSSwitcher } from './components/ui-shell/switcher';
|
|
|
166
166
|
export { default as CDSSwitcherItem } from './components/ui-shell/switcher-item';
|
|
167
167
|
export { default as CDSSwitcherDivider } from './components/ui-shell/switcher-divider';
|
|
168
168
|
export { default as CDSStack } from './components/stack/stack';
|
|
169
|
+
export { default as CDSTimePicker } from './components/time-picker/time-picker';
|
|
170
|
+
export { default as CDSTimePickerSelect } from './components/time-picker/time-picker-select';
|
|
169
171
|
export { default as CDSHeading } from './components/heading/heading';
|
package/es-custom/index.js
CHANGED
|
@@ -165,5 +165,7 @@ export { default as CDSSwitcher } from './components/ui-shell/switcher.js';
|
|
|
165
165
|
export { default as CDSSwitcherItem } from './components/ui-shell/switcher-item.js';
|
|
166
166
|
export { default as CDSSwitcherDivider } from './components/ui-shell/switcher-divider.js';
|
|
167
167
|
export { default as CDSStack } from './components/stack/stack.js';
|
|
168
|
+
export { default as CDSTimePicker } from './components/time-picker/time-picker.js';
|
|
169
|
+
export { default as CDSTimePickerSelect } from './components/time-picker/time-picker-select.js';
|
|
168
170
|
export { default as CDSHeading } from './components/heading/heading.js';
|
|
169
171
|
//# sourceMappingURL=index.js.map
|
package/es-custom/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -13,6 +13,10 @@ import { LitElement } from 'lit';
|
|
|
13
13
|
* @element cds-breadcrumb-item
|
|
14
14
|
*/
|
|
15
15
|
declare class CDSBreadcrumbItem extends LitElement {
|
|
16
|
+
/**
|
|
17
|
+
* Handles `slotchange` event.
|
|
18
|
+
*/
|
|
19
|
+
private _handleSlotChange;
|
|
16
20
|
connectedCallback(): void;
|
|
17
21
|
render(): import("lit-html").TemplateResult<1>;
|
|
18
22
|
static styles: any;
|
|
@@ -13,6 +13,10 @@ import CDSButtonSetBase from './button-set-base';
|
|
|
13
13
|
* @element cds-button-set
|
|
14
14
|
*/
|
|
15
15
|
declare class CDSButtonSet extends CDSButtonSetBase {
|
|
16
|
+
/**
|
|
17
|
+
* `true` if the Button should be stacked, or not. Only applies to the button-set variant.
|
|
18
|
+
*/
|
|
19
|
+
stacked: boolean;
|
|
16
20
|
/**
|
|
17
21
|
* Handler for @slotchange, set the first cds-button to kind secondary and primary for the remaining ones
|
|
18
22
|
*
|
|
@@ -7,6 +7,13 @@
|
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
9
|
import { LitElement } from 'lit';
|
|
10
|
+
/**
|
|
11
|
+
* Layer level constants
|
|
12
|
+
*/
|
|
13
|
+
export declare const MIN_LEVEL = 0;
|
|
14
|
+
export declare const MAX_LEVEL = 2;
|
|
15
|
+
export declare const levels: string[];
|
|
16
|
+
export type LayerLevel = 0 | 1 | 2;
|
|
10
17
|
/**
|
|
11
18
|
* Basic layer
|
|
12
19
|
*
|
|
@@ -14,17 +14,6 @@ import { LitElement } from 'lit';
|
|
|
14
14
|
* @slot nested - The nested child list.
|
|
15
15
|
*/
|
|
16
16
|
declare class CDSListItem extends LitElement {
|
|
17
|
-
/**
|
|
18
|
-
* `true` if there is slotted nested child list.
|
|
19
|
-
*/
|
|
20
|
-
private _hasNestedChild;
|
|
21
|
-
/**
|
|
22
|
-
* Handles `slotchange` event for the `<slot>` for the nested child list.
|
|
23
|
-
*
|
|
24
|
-
* @param event The event.
|
|
25
|
-
* @param event.target The event target.
|
|
26
|
-
*/
|
|
27
|
-
private _handleSlotChangeNested;
|
|
28
17
|
/**
|
|
29
18
|
* `true` if this list item is a child of a nested list.
|
|
30
19
|
* `<cds-ordered-list>` or `<cds-unordered-list>` automatically sets this property.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2019,
|
|
4
|
+
* Copyright IBM Corp. 2019, 2025
|
|
5
5
|
*
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -17,6 +17,10 @@ declare class CDSUnorderedList extends LitElement {
|
|
|
17
17
|
* `true` if expressive theme enabled.
|
|
18
18
|
*/
|
|
19
19
|
isExpressive: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Specify whether the list is nested, or not
|
|
22
|
+
*/
|
|
23
|
+
nested: boolean;
|
|
20
24
|
connectedCallback(): void;
|
|
21
25
|
render(): import("lit-html").TemplateResult<1>;
|
|
22
26
|
/**
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2020, 2022, 2023
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
/**
|
|
10
|
+
* Menu size.
|
|
11
|
+
*/
|
|
12
|
+
export declare enum MENU_SIZE {
|
|
13
|
+
/**
|
|
14
|
+
* extra small size.
|
|
15
|
+
*/
|
|
16
|
+
EXTRA_SMALL = "xs",
|
|
17
|
+
/**
|
|
18
|
+
* Small size.
|
|
19
|
+
*/
|
|
20
|
+
SMALL = "sm",
|
|
21
|
+
/**
|
|
22
|
+
* Medium size.
|
|
23
|
+
*/
|
|
24
|
+
MEDIUM = "md",
|
|
25
|
+
/**
|
|
26
|
+
* Large size.
|
|
27
|
+
*/
|
|
28
|
+
LARGE = "lg"
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* menu item kind
|
|
32
|
+
*/
|
|
33
|
+
export declare enum MENU_ITEM_KIND {
|
|
34
|
+
/**
|
|
35
|
+
* default kind
|
|
36
|
+
*/
|
|
37
|
+
DEFAULT = "default",
|
|
38
|
+
/**
|
|
39
|
+
* danger kind
|
|
40
|
+
*/
|
|
41
|
+
DANGER = "danger"
|
|
42
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2024
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
'use strict';
|
|
9
|
+
|
|
10
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* @license
|
|
14
|
+
*
|
|
15
|
+
* Copyright IBM Corp. 2020, 2022, 2023
|
|
16
|
+
*
|
|
17
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
18
|
+
* LICENSE file in the root directory of this source tree.
|
|
19
|
+
*/
|
|
20
|
+
/**
|
|
21
|
+
* Menu size.
|
|
22
|
+
*/
|
|
23
|
+
exports.MENU_SIZE = void 0;
|
|
24
|
+
(function (MENU_SIZE) {
|
|
25
|
+
/**
|
|
26
|
+
* extra small size.
|
|
27
|
+
*/
|
|
28
|
+
MENU_SIZE["EXTRA_SMALL"] = "xs";
|
|
29
|
+
/**
|
|
30
|
+
* Small size.
|
|
31
|
+
*/
|
|
32
|
+
MENU_SIZE["SMALL"] = "sm";
|
|
33
|
+
/**
|
|
34
|
+
* Medium size.
|
|
35
|
+
*/
|
|
36
|
+
MENU_SIZE["MEDIUM"] = "md";
|
|
37
|
+
/**
|
|
38
|
+
* Large size.
|
|
39
|
+
*/
|
|
40
|
+
MENU_SIZE["LARGE"] = "lg";
|
|
41
|
+
})(exports.MENU_SIZE || (exports.MENU_SIZE = {}));
|
|
42
|
+
/**
|
|
43
|
+
* menu item kind
|
|
44
|
+
*/
|
|
45
|
+
exports.MENU_ITEM_KIND = void 0;
|
|
46
|
+
(function (MENU_ITEM_KIND) {
|
|
47
|
+
/**
|
|
48
|
+
* default kind
|
|
49
|
+
*/
|
|
50
|
+
MENU_ITEM_KIND["DEFAULT"] = "default";
|
|
51
|
+
/**
|
|
52
|
+
* danger kind
|
|
53
|
+
*/
|
|
54
|
+
MENU_ITEM_KIND["DANGER"] = "danger";
|
|
55
|
+
})(exports.MENU_ITEM_KIND || (exports.MENU_ITEM_KIND = {}));
|
|
56
|
+
//# sourceMappingURL=defs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.js","sources":["../../../src/components/menu/defs.ts"],"sourcesContent":[null],"names":["MENU_SIZE","MENU_ITEM_KIND"],"mappings":";;;;;;;;;;;AAAA;;;;;;;AAOG;AAEH;;AAEG;AACSA,2BAmBX;AAnBD,CAAA,UAAY,SAAS,EAAA;AACnB;;AAEG;AACH,IAAA,SAAA,CAAA,aAAA,CAAA,GAAA,IAAkB,CAAA;AAClB;;AAEG;AACH,IAAA,SAAA,CAAA,OAAA,CAAA,GAAA,IAAY,CAAA;AAEZ;;AAEG;AACH,IAAA,SAAA,CAAA,QAAA,CAAA,GAAA,IAAa,CAAA;AAEb;;AAEG;AACH,IAAA,SAAA,CAAA,OAAA,CAAA,GAAA,IAAY,CAAA;AACd,CAAC,EAnBWA,iBAAS,KAATA,iBAAS,GAmBpB,EAAA,CAAA,CAAA,CAAA;AACD;;AAEG;AACSC,gCASX;AATD,CAAA,UAAY,cAAc,EAAA;AACxB;;AAEG;AACH,IAAA,cAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB;;AAEG;AACH,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EATWA,sBAAc,KAAdA,sBAAc,GASzB,EAAA,CAAA,CAAA;;"}
|