@ui5/webcomponents 1.9.1 → 1.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/List.js +9 -5
- package/dist/ListItemBase.js +2 -2
- package/dist/TabContainer.js +28 -1
- package/dist/Table.js +3 -1
- package/dist/TextArea.js +15 -22
- package/dist/Tree.js +61 -45
- package/dist/TreeItem.js +34 -131
- package/dist/{TreeListItem.js → TreeItemBase.js} +143 -70
- package/dist/TreeItemCustom.js +102 -0
- package/dist/TreeList.js +43 -0
- package/dist/api.json +1 -1
- package/dist/assets/parameters-bundle.css.06e5f6af.js +1 -0
- package/dist/assets/parameters-bundle.css.1024d408.js +1 -0
- package/dist/assets/parameters-bundle.css.12ef5553.js +1 -0
- package/dist/assets/parameters-bundle.css.1f15a001.js +1 -0
- package/dist/assets/parameters-bundle.css.2c92b83f.js +1 -0
- package/dist/assets/parameters-bundle.css.2ff57cb9.js +1 -0
- package/dist/assets/parameters-bundle.css.37d45e6a.js +1 -0
- package/dist/assets/parameters-bundle.css.43cfec9f.js +1 -0
- package/dist/assets/parameters-bundle.css.50f83b44.js +1 -0
- package/dist/assets/parameters-bundle.css.6ac2a3ec.js +1 -0
- package/dist/assets/parameters-bundle.css.76ee50df.js +1 -0
- package/dist/assets/parameters-bundle.css.8156fdfe.js +1 -0
- package/dist/assets/parameters-bundle.css.828caf0e.js +1 -0
- package/dist/assets/parameters-bundle.css.89d7ea85.js +1 -0
- package/dist/assets/parameters-bundle.css.9ff9d4cd.js +1 -0
- package/dist/assets/parameters-bundle.css.a1f2b381.js +1 -0
- package/dist/assets/parameters-bundle.css.a9042929.js +1 -0
- package/dist/assets/parameters-bundle.css.abcd1057.js +1 -0
- package/dist/assets/parameters-bundle.css.b58e1801.js +1 -0
- package/dist/assets/parameters-bundle.css.c3acfe91.js +1 -0
- package/dist/assets/parameters-bundle.css.d4817fb4.js +1 -0
- package/dist/assets/parameters-bundle.css.dd8f8072.js +1 -0
- package/dist/assets/parameters-bundle.css.fe4c8069.js +1 -0
- package/dist/assets/parameters-bundle.css.feee54fa.js +1 -0
- package/dist/css/themes/TabContainer.css +1 -1
- package/dist/css/themes/TextArea.css +1 -1
- package/dist/css/themes/TreeItem.css +1 -0
- package/dist/css/themes/ValueStateMessage.css +1 -1
- package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
- package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/templates/CustomListItemTemplate.lit.js +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js +1 -1
- package/dist/generated/templates/StandardListItemTemplate.lit.js +1 -1
- package/dist/generated/templates/SuggestionListItemTemplate.lit.js +1 -1
- package/dist/generated/templates/TableRowTemplate.lit.js +2 -2
- package/dist/generated/templates/TableTemplate.lit.js +1 -1
- package/dist/generated/templates/TextAreaTemplate.lit.js +2 -2
- package/dist/generated/templates/TreeItemBaseTemplate.lit.js +24 -0
- package/dist/generated/templates/TreeItemCustomTemplate.lit.js +24 -0
- package/dist/generated/templates/{TreeListItemTemplate.lit.js → TreeItemTemplate.lit.js} +3 -2
- package/dist/generated/templates/TreeTemplate.lit.js +1 -2
- package/dist/generated/themes/TabContainer.css.js +1 -1
- package/dist/generated/themes/TextArea.css.js +1 -1
- package/dist/generated/themes/TreeItem.css.js +8 -0
- package/dist/generated/themes/ValueStateMessage.css.js +1 -1
- package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
- package/dist/types/TabContainerBackgroundDesign.js +48 -0
- package/package.json +6 -6
- package/src/List.js +9 -5
- package/src/ListItem.hbs +5 -0
- package/src/ListItemBase.js +2 -2
- package/src/TabContainer.js +28 -1
- package/src/Table.hbs +1 -1
- package/src/Table.js +3 -1
- package/src/TableRow.hbs +2 -2
- package/src/TextArea.hbs +29 -28
- package/src/TextArea.js +15 -22
- package/src/Tree.hbs +8 -33
- package/src/Tree.js +61 -45
- package/src/TreeItem.hbs +13 -0
- package/src/TreeItem.js +34 -131
- package/src/{TreeListItem.hbs → TreeItemBase.hbs} +17 -10
- package/src/{TreeListItem.js → TreeItemBase.js} +143 -70
- package/src/TreeItemCustom.hbs +7 -0
- package/src/TreeItemCustom.js +102 -0
- package/src/TreeList.js +43 -0
- package/src/themes/TabContainer.css +19 -3
- package/src/themes/TextArea.css +236 -140
- package/src/themes/{TreeListItem.css → TreeItem.css} +49 -2
- package/src/themes/ValueStateMessage.css +1 -0
- package/src/themes/base/TabContainer-parameters.css +4 -0
- package/src/themes/base/TextArea-parameters.css +35 -17
- package/src/themes/base/ValueStateMessage-parameters.css +2 -1
- package/src/themes/base/sizes-parameters.css +8 -2
- package/src/themes/sap_belize/TabContainer-parameters.css +4 -0
- package/src/themes/sap_belize/TextArea-parameters.css +15 -0
- package/src/themes/sap_belize/parameters-bundle.css +2 -2
- package/src/themes/sap_belize/sizes-parameters.css +2 -0
- package/src/themes/sap_belize_hcb/TextArea-parameters.css +22 -4
- package/src/themes/sap_belize_hcw/TextArea-parameters.css +22 -4
- package/src/themes/sap_fiori_3_hcb/TextArea-parameters.css +18 -8
- package/src/themes/sap_fiori_3_hcw/TextArea-parameters.css +18 -8
- package/src/themes/sap_horizon/TextArea-parameters.css +31 -12
- package/src/themes/sap_horizon/ValueStateMessage-parameters.css +1 -0
- package/src/themes/sap_horizon/sizes-parameters.css +4 -0
- package/src/themes/sap_horizon_dark/TextArea-parameters.css +31 -12
- package/src/themes/sap_horizon_dark/ValueStateMessage-parameters.css +1 -0
- package/src/themes/sap_horizon_dark/sizes-parameters.css +6 -0
- package/src/themes/sap_horizon_hcb/TextArea-parameters.css +24 -10
- package/src/themes/sap_horizon_hcw/TextArea-parameters.css +25 -11
- package/src/types/TabContainerBackgroundDesign.js +48 -0
- package/dist/assets/parameters-bundle.css.04aa71c9.js +0 -1
- package/dist/assets/parameters-bundle.css.0e0c347c.js +0 -1
- package/dist/assets/parameters-bundle.css.13aed676.js +0 -1
- package/dist/assets/parameters-bundle.css.157592af.js +0 -1
- package/dist/assets/parameters-bundle.css.19703c05.js +0 -1
- package/dist/assets/parameters-bundle.css.25017933.js +0 -1
- package/dist/assets/parameters-bundle.css.39c4c6e3.js +0 -1
- package/dist/assets/parameters-bundle.css.5550ceb2.js +0 -1
- package/dist/assets/parameters-bundle.css.5abf669c.js +0 -1
- package/dist/assets/parameters-bundle.css.60956972.js +0 -1
- package/dist/assets/parameters-bundle.css.61a5fde8.js +0 -1
- package/dist/assets/parameters-bundle.css.a0a54b12.js +0 -1
- package/dist/assets/parameters-bundle.css.a9e84ff6.js +0 -1
- package/dist/assets/parameters-bundle.css.adc7c452.js +0 -1
- package/dist/assets/parameters-bundle.css.b0b8ad26.js +0 -1
- package/dist/assets/parameters-bundle.css.b6916ba6.js +0 -1
- package/dist/assets/parameters-bundle.css.b9f623cd.js +0 -1
- package/dist/assets/parameters-bundle.css.ba38c500.js +0 -1
- package/dist/assets/parameters-bundle.css.c64ba63b.js +0 -1
- package/dist/assets/parameters-bundle.css.cac9f3de.js +0 -1
- package/dist/assets/parameters-bundle.css.d5d27adb.js +0 -1
- package/dist/assets/parameters-bundle.css.ec7f0d6e.js +0 -1
- package/dist/assets/parameters-bundle.css.f280686f.js +0 -1
- package/dist/assets/parameters-bundle.css.fbd8d2ab.js +0 -1
- package/dist/css/themes/TreeListItem.css +0 -1
- package/dist/generated/themes/TreeListItem.css.js +0 -8
|
@@ -8,5 +8,6 @@
|
|
|
8
8
|
--_ui5_value_state_message_icon_width: .875rem;
|
|
9
9
|
--_ui5_value_state_message_icon_height: .875rem;
|
|
10
10
|
--_ui5_input_value_state_icon_offset: .5rem;
|
|
11
|
-
--_ui5_value_state_header_offset: -0.125rem
|
|
11
|
+
--_ui5_value_state_header_offset: -0.125rem;
|
|
12
|
+
--_ui5_value_state_message_popover_border_radius: 0;
|
|
12
13
|
}
|
|
@@ -119,7 +119,10 @@
|
|
|
119
119
|
--_ui5_tc_item_add_text_margin_top: 0.375rem;
|
|
120
120
|
|
|
121
121
|
/* TextArea */
|
|
122
|
-
--
|
|
122
|
+
--_ui5_textarea_padding_top: 0.4375rem;
|
|
123
|
+
--_ui5_textarea_padding_bottom:0.4375rem;
|
|
124
|
+
--_ui5_textarea_padding_left: 0.625rem;
|
|
125
|
+
--_ui5_textarea_padding_right: 0.625rem;
|
|
123
126
|
--_ui5_textarea_margin: .25rem 0;
|
|
124
127
|
|
|
125
128
|
/* Panel */
|
|
@@ -256,7 +259,6 @@
|
|
|
256
259
|
--_ui5_popup_default_header_height: 2.5rem;
|
|
257
260
|
|
|
258
261
|
/* TextArea */
|
|
259
|
-
--_ui5_textarea_padding: .1875rem .5rem;
|
|
260
262
|
--_ui5_textarea_margin: .1875rem 0;
|
|
261
263
|
|
|
262
264
|
/* List */
|
|
@@ -289,6 +291,10 @@
|
|
|
289
291
|
--_ui5_token_wrapper_right_padding: 0.25rem;
|
|
290
292
|
--_ui5_token_wrapper_left_padding: 0;
|
|
291
293
|
--_ui5_token_outline_offset: -0.125rem;
|
|
294
|
+
--_ui5_textarea_padding_top: 0.125rem;
|
|
295
|
+
--_ui5_textarea_padding_bottom: 0.125rem;
|
|
296
|
+
--_ui5_textarea_padding_left: 0.5rem;
|
|
297
|
+
--_ui5_textarea_padding_right: 0.5rem;
|
|
292
298
|
|
|
293
299
|
--_ui5_tl_bubble_padding: .5rem;
|
|
294
300
|
--_ui5_tl_indicator_before_bottom: -.5rem;
|
|
@@ -3,4 +3,8 @@
|
|
|
3
3
|
:root {
|
|
4
4
|
--_ui5_tc_headerItem_text_selected_color: #3b6f9a;
|
|
5
5
|
--_ui5_tc_headerItemIcon_selected_background: #3b6f9a;
|
|
6
|
+
--_ui5_tc_header_background: var( --sapObjectHeader_Background);
|
|
7
|
+
--_ui5_tc_header_background_translucent: rgba(239,244,249,0.6);
|
|
8
|
+
--_ui5_tc_content_background: var(--sapGroup_ContentBackground);
|
|
9
|
+
--_ui5_tc_content_background_translucent: rgba(255,255,255,0.6);
|
|
6
10
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
@import "../base/TextArea-parameters.css";
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--__ui5_textarea_min_height: 2.5rem;
|
|
5
|
+
--_ui5_textarea_padding_top_error_warning: 0.5rem;
|
|
6
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.5rem;
|
|
7
|
+
--_ui5_textarea_padding_top_information: 0.5rem;
|
|
8
|
+
--_ui5_textarea_padding_bottom_information: 0.5rem;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
[data-ui5-compact-size],
|
|
12
|
+
.ui5-content-density-compact,
|
|
13
|
+
.sapUiSizeCompact {
|
|
14
|
+
--__ui5_textarea_min_height: 1.625rem;
|
|
15
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import "
|
|
1
|
+
@import "./sizes-parameters.css";
|
|
2
2
|
@import "../base/rtl-parameters.css";
|
|
3
3
|
@import "../base/Avatar-parameters.css";
|
|
4
4
|
@import "../base/AvatarGroup-parameters.css";
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
@import "./TableRow-parameters.css";
|
|
41
41
|
@import "../base/TableGroupRow-parameters.css";
|
|
42
42
|
@import "../base/GrowingButton-parameters.css";
|
|
43
|
-
@import "
|
|
43
|
+
@import "./TextArea-parameters.css";
|
|
44
44
|
@import "./TimePicker-parameters.css";
|
|
45
45
|
@import "../base/Toast-parameters.css";
|
|
46
46
|
@import "../base/ToggleButton-parameters.css";
|
|
@@ -1,13 +1,31 @@
|
|
|
1
1
|
@import "../base/TextArea-parameters.css";
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--
|
|
5
|
-
--
|
|
4
|
+
--__ui5_textarea_min_height: 2.5rem;
|
|
5
|
+
--_ui5_textarea_error_warning_border_style: dashed;
|
|
6
6
|
--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
|
|
7
|
-
--_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground);
|
|
8
7
|
--_ui5_textarea_information_border_width: var(--sapField_BorderWidth);
|
|
9
|
-
--_ui5_textarea_placeholder_font_style: normal;
|
|
10
8
|
--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
|
|
11
9
|
--_ui5_textarea_error_placeholder_font_style: normal;
|
|
10
|
+
--_ui5_textarea_error_placeholder_font_weight: bold;
|
|
11
|
+
--_ui5_textarea_placeholder_font_style: normal;
|
|
12
|
+
--_ui5_textarea_error_warning_font_style: italic;
|
|
13
|
+
--_ui5_textarea_error_warning_font_weight: bold;
|
|
14
|
+
--_ui5_textarea_state_border_width: 0.0625rem;
|
|
12
15
|
--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
|
|
16
|
+
--_ui5_textarea_padding_top: 0.5625rem;
|
|
17
|
+
--_ui5_textarea_padding_bottom: 0.5625rem;
|
|
18
|
+
--_ui5_textarea_padding_top_error_warning: 0.5625rem;
|
|
19
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.5625rem;
|
|
20
|
+
--_ui5_textarea_padding_top_information: 0.5625rem;
|
|
21
|
+
--_ui5_textarea_padding_bottom_information: 0.5625rem;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
[data-ui5-compact-size],
|
|
25
|
+
.ui5-content-density-compact,
|
|
26
|
+
.sapUiSizeCompact {
|
|
27
|
+
--_ui5_textarea_padding_top_error_warning: 0.125rem;
|
|
28
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.125rem;
|
|
29
|
+
--_ui5_textarea_padding_top_information: 0.125rem;
|
|
30
|
+
--_ui5_textarea_padding_bottom_information: 0.125rem;
|
|
13
31
|
}
|
|
@@ -1,13 +1,31 @@
|
|
|
1
1
|
@import "../base/TextArea-parameters.css";
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--
|
|
5
|
-
--
|
|
4
|
+
--__ui5_textarea_min_height: 2.5rem;
|
|
5
|
+
--_ui5_textarea_error_warning_border_style: dashed;
|
|
6
6
|
--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
|
|
7
|
-
--_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground);
|
|
8
7
|
--_ui5_textarea_information_border_width: var(--sapField_BorderWidth);
|
|
9
|
-
--_ui5_textarea_placeholder_font_style: normal;
|
|
10
8
|
--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
|
|
9
|
+
--_ui5_textarea_error_placeholder_font_weight: bold;
|
|
10
|
+
--_ui5_textarea_placeholder_font_style: normal;
|
|
11
|
+
--_ui5_textarea_error_warning_font_style: italic;
|
|
12
|
+
--_ui5_textarea_error_warning_font_weight: bold;
|
|
13
|
+
--_ui5_textarea_state_border_width: 0.0625rem;
|
|
11
14
|
--_ui5_textarea_error_placeholder_font_style: normal;
|
|
12
15
|
--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
|
|
16
|
+
--_ui5_textarea_padding_top: 0.5625rem;
|
|
17
|
+
--_ui5_textarea_padding_bottom: 0.5625rem;
|
|
18
|
+
--_ui5_textarea_padding_top_error_warning: 0.5625rem;
|
|
19
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.5625rem;
|
|
20
|
+
--_ui5_textarea_padding_top_information: 0.5625rem;
|
|
21
|
+
--_ui5_textarea_padding_bottom_information: 0.5625rem;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
[data-ui5-compact-size],
|
|
25
|
+
.ui5-content-density-compact,
|
|
26
|
+
.sapUiSizeCompact {
|
|
27
|
+
--_ui5_textarea_padding_top_error_warning: 0.125rem;
|
|
28
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.125rem;
|
|
29
|
+
--_ui5_textarea_padding_top_information: 0.125rem;
|
|
30
|
+
--_ui5_textarea_padding_bottom_information: 0.125rem;
|
|
13
31
|
}
|
|
@@ -1,18 +1,28 @@
|
|
|
1
1
|
@import "../base/TextArea-parameters.css";
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--_ui5_textarea_focus_after_width: 2px;
|
|
5
|
-
--_ui5_textarea_warning_border_style: dashed;
|
|
6
|
-
--_ui5_textarea_error_warning_border_width: 2 * var(--sapField_BorderWidth);
|
|
7
|
-
--_ui5_textarea_information_border_width: 0.0625rem;
|
|
8
4
|
--_ui5_textarea_placeholder_font_style: normal;
|
|
9
5
|
--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
|
|
10
6
|
--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
|
|
11
7
|
--_ui5_textarea_error_placeholder_font_style: normal;
|
|
12
|
-
--
|
|
8
|
+
--_ui5_textarea_error_warning_font_weight: bold;
|
|
9
|
+
--_ui5_textarea_error_warning_font_style: italic;
|
|
13
10
|
--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
|
|
14
|
-
--_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground);
|
|
15
11
|
--_ui5_textarea_information_border_width: var(--sapField_BorderWidth);
|
|
16
|
-
--
|
|
17
|
-
--
|
|
12
|
+
--_ui5_textarea_error_warning_border_style: dashed;
|
|
13
|
+
--_ui5_textarea_padding_top_information: 0.4375rem;
|
|
14
|
+
--_ui5_textarea_padding_bottom_information: 0.4375rem;
|
|
15
|
+
--_ui5_textarea_padding_top: 0.375rem;
|
|
16
|
+
--_ui5_textarea_padding_bottom: 0.375rem;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
[data-ui5-compact-size],
|
|
20
|
+
.ui5-content-density-compact,
|
|
21
|
+
.sapUiSizeCompact {
|
|
22
|
+
--_ui5_textarea_padding_top: 0.0625rem;
|
|
23
|
+
--_ui5_textarea_padding_bottom: 0.0625rem;
|
|
24
|
+
--_ui5_textarea_padding_top_error_warning: 0.0625rem;
|
|
25
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.0625rem;
|
|
26
|
+
--_ui5_textarea_padding_top_information: 0.0625rem;
|
|
27
|
+
--_ui5_textarea_padding_bottom_information: 0.0625rem;
|
|
18
28
|
}
|
|
@@ -1,18 +1,28 @@
|
|
|
1
1
|
@import "../base/TextArea-parameters.css";
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--_ui5_textarea_focus_after_width: 2px;
|
|
5
|
-
--_ui5_textarea_warning_border_style: dashed;
|
|
6
|
-
--_ui5_textarea_error_warning_border_width: 2 * var(--sapField_BorderWidth);
|
|
7
|
-
--_ui5_textarea_information_border_width: 0.0625rem;
|
|
8
4
|
--_ui5_textarea_placeholder_font_style: normal;
|
|
9
5
|
--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
|
|
10
6
|
--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
|
|
11
7
|
--_ui5_textarea_error_placeholder_font_style: normal;
|
|
12
|
-
--
|
|
8
|
+
--_ui5_textarea_error_warning_font_weight: bold;
|
|
9
|
+
--_ui5_textarea_error_warning_font_style: italic;
|
|
13
10
|
--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
|
|
14
|
-
--_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground);
|
|
15
11
|
--_ui5_textarea_information_border_width: var(--sapField_BorderWidth);
|
|
16
|
-
--
|
|
17
|
-
--
|
|
12
|
+
--_ui5_textarea_error_warning_border_style: dashed;
|
|
13
|
+
--_ui5_textarea_padding_top_information: 0.4375rem;
|
|
14
|
+
--_ui5_textarea_padding_bottom_information: 0.4375rem;
|
|
15
|
+
--_ui5_textarea_padding_top: 0.375rem;
|
|
16
|
+
--_ui5_textarea_padding_bottom: 0.375rem;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
[data-ui5-compact-size],
|
|
20
|
+
.ui5-content-density-compact,
|
|
21
|
+
.sapUiSizeCompact {
|
|
22
|
+
--_ui5_textarea_padding_top: 0.0625rem;
|
|
23
|
+
--_ui5_textarea_padding_bottom: 0.0625rem;
|
|
24
|
+
--_ui5_textarea_padding_top_error_warning: 0.0625rem;
|
|
25
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.0625rem;
|
|
26
|
+
--_ui5_textarea_padding_top_information: 0.0625rem;
|
|
27
|
+
--_ui5_textarea_padding_bottom_information: 0.0625rem;
|
|
18
28
|
}
|
|
@@ -1,17 +1,36 @@
|
|
|
1
1
|
@import "../base/TextArea-parameters.css";
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--
|
|
5
|
-
--_ui5_textarea_state_border_width: 0px;
|
|
6
|
-
--_ui5_textarea_success_border_width: 0px;
|
|
4
|
+
--_ui5_textarea_hover_border: none;
|
|
7
5
|
--_ui5_textarea_hover_box_shadow: var(--sapContent_Interaction_Shadow);
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
--
|
|
11
|
-
--
|
|
12
|
-
--
|
|
13
|
-
--
|
|
14
|
-
--
|
|
15
|
-
--
|
|
16
|
-
--
|
|
6
|
+
--_ui5_textarea_value_state_warning_hover_box_shadow: var(--sapContent_Critical_Shadow);
|
|
7
|
+
--_ui5_textarea_value_state_success_hover_box_shadow: var(--sapContent_Positive_Shadow);
|
|
8
|
+
--_ui5_textarea_value_state_information_hover_box_shadow: var(--sapContent_Informative_Shadow);
|
|
9
|
+
--_ui5_textarea_value_state_error_hover_box_shadow: var(--sapContent_Negative_Shadow);
|
|
10
|
+
--_ui5_textarea_focus_border_radius: 0.25rem;
|
|
11
|
+
--_ui5_textarea_error_warning_border_style: none;
|
|
12
|
+
--_ui5_textarea_line_height: 1.5;
|
|
13
|
+
--_ui5_textarea_focused_value_state_error_background: var(--sapField_Hover_Background);
|
|
14
|
+
--_ui5_textarea_focused_value_state_warning_background: var(--sapField_Hover_Background);
|
|
15
|
+
--_ui5_textarea_focused_value_state_success_background: var(--sapField_Hover_Background);
|
|
16
|
+
--_ui5_textarea_focused_value_state_information_background: var(--sapField_Hover_Background);
|
|
17
|
+
--_ui5_textarea_focused_value_state_error_focus_outline_color: var(--sapField_InvalidColor);
|
|
18
|
+
--_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapField_WarningColor);
|
|
19
|
+
--_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapField_SuccessColor);
|
|
20
|
+
--_ui5_textarea_focus_offset: 0;
|
|
21
|
+
--_ui5_textarea_focus_outline_color: var(--sapField_Active_BorderColor);
|
|
22
|
+
--_ui5_textarea_value_state_focus_offset: 0;
|
|
23
|
+
--_ui5_textarea_padding_top_error_warning: 0.5rem;
|
|
24
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.4375rem;
|
|
25
|
+
--_ui5_textarea_padding_top_information: 0.5rem;
|
|
26
|
+
--_ui5_textarea_padding_bottom_information: 0.4375rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
[data-ui5-compact-size],
|
|
30
|
+
.ui5-content-density-compact,
|
|
31
|
+
.sapUiSizeCompact {
|
|
32
|
+
--_ui5_textarea_padding_top_error_warning: 0.1875rem;
|
|
33
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.125rem;
|
|
34
|
+
--_ui5_textarea_padding_top_information: 0.1875rem;
|
|
35
|
+
--_ui5_textarea_padding_bottom_information: 0.125rem;
|
|
17
36
|
}
|
|
@@ -10,11 +10,15 @@
|
|
|
10
10
|
--_ui5_color-palette-item-hover-height: 2.25rem;
|
|
11
11
|
--_ui5_color-palette-item-margin: calc(((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2) + 0.0625rem);
|
|
12
12
|
--_ui5_color-palette-row-width: 12rem;
|
|
13
|
+
--_ui5_textarea_padding_top: 0.5rem;
|
|
14
|
+
--_ui5_textarea_padding_bottom: 0.4375rem;
|
|
13
15
|
}
|
|
14
16
|
|
|
15
17
|
[data-ui5-compact-size],
|
|
16
18
|
.ui5-content-density-compact,
|
|
17
19
|
.sapUiSizeCompact {
|
|
20
|
+
--_ui5_textarea_padding_top: 0.1875rem;
|
|
21
|
+
--_ui5_textarea_padding_bottom: 0.125rem;
|
|
18
22
|
--_ui5_radio_button_focus_dist: 0.25rem;
|
|
19
23
|
--_ui5_checkbox_focus_position: 0.25rem;
|
|
20
24
|
|
|
@@ -1,17 +1,36 @@
|
|
|
1
1
|
@import "../base/TextArea-parameters.css";
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--
|
|
5
|
-
--_ui5_textarea_state_border_width: 0px;
|
|
6
|
-
--_ui5_textarea_success_border_width: 0px;
|
|
4
|
+
--_ui5_textarea_hover_border: none;
|
|
7
5
|
--_ui5_textarea_hover_box_shadow: var(--sapContent_Interaction_Shadow);
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
--
|
|
11
|
-
--
|
|
12
|
-
--
|
|
13
|
-
--
|
|
14
|
-
--
|
|
15
|
-
--
|
|
16
|
-
--
|
|
6
|
+
--_ui5_textarea_value_state_warning_hover_box_shadow: var(--sapContent_Critical_Shadow);
|
|
7
|
+
--_ui5_textarea_value_state_success_hover_box_shadow: var(--sapContent_Positive_Shadow);
|
|
8
|
+
--_ui5_textarea_value_state_information_hover_box_shadow: var(--sapContent_Informative_Shadow);
|
|
9
|
+
--_ui5_textarea_value_state_error_hover_box_shadow: var(--sapContent_Negative_Shadow);
|
|
10
|
+
--_ui5_textarea_focus_border_radius: 0.25rem;
|
|
11
|
+
--_ui5_textarea_line_height: 1.5;
|
|
12
|
+
--_ui5_textarea_error_warning_border_style: none;
|
|
13
|
+
--_ui5_textarea_focused_value_state_error_background: var(--sapField_Hover_Background);
|
|
14
|
+
--_ui5_textarea_focused_value_state_warning_background: var(--sapField_Hover_Background);
|
|
15
|
+
--_ui5_textarea_focused_value_state_success_background: var(--sapField_Hover_Background);
|
|
16
|
+
--_ui5_textarea_focused_value_state_information_background: var(--sapField_Hover_Background);
|
|
17
|
+
--_ui5_textarea_focused_value_state_error_focus_outline_color: var(--sapField_InvalidColor);
|
|
18
|
+
--_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapField_WarningColor);
|
|
19
|
+
--_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapField_SuccessColor);
|
|
20
|
+
--_ui5_textarea_focus_offset: 0;
|
|
21
|
+
--_ui5_textarea_focus_outline_color: var(--sapField_Active_BorderColor);
|
|
22
|
+
--_ui5_textarea_value_state_focus_offset: 0;
|
|
23
|
+
--_ui5_textarea_padding_top_error_warning: 0.5rem;
|
|
24
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.4375rem;
|
|
25
|
+
--_ui5_textarea_padding_top_information: 0.5rem;
|
|
26
|
+
--_ui5_textarea_padding_bottom_information: 0.4375rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
[data-ui5-compact-size],
|
|
30
|
+
.ui5-content-density-compact,
|
|
31
|
+
.sapUiSizeCompact {
|
|
32
|
+
--_ui5_textarea_padding_top_error_warning: 0.1875rem;
|
|
33
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.125rem;
|
|
34
|
+
--_ui5_textarea_padding_top_information: 0.1875rem;
|
|
35
|
+
--_ui5_textarea_padding_bottom_information: 0.125rem;
|
|
17
36
|
}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
@import "../base/sizes-parameters.css";
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
+
--_ui5_textarea_padding_top: 0.5rem;
|
|
5
|
+
--_ui5_textarea_padding_bottom: 0.4375rem;
|
|
6
|
+
|
|
4
7
|
/* SplitButton */
|
|
5
8
|
--_ui5_split_button_middle_separator_top: 0.625rem;
|
|
6
9
|
--_ui5_split_button_middle_separator_height: 1rem;
|
|
@@ -15,6 +18,9 @@
|
|
|
15
18
|
[data-ui5-compact-size],
|
|
16
19
|
.ui5-content-density-compact,
|
|
17
20
|
.sapUiSizeCompact {
|
|
21
|
+
--_ui5_textarea_padding_top: 0.1875rem;
|
|
22
|
+
--_ui5_textarea_padding_bottom: 0.125rem;
|
|
23
|
+
|
|
18
24
|
--_ui5_radio_button_focus_dist: 0.25rem;
|
|
19
25
|
--_ui5_checkbox_focus_position: 0.25rem;
|
|
20
26
|
|
|
@@ -1,19 +1,33 @@
|
|
|
1
1
|
@import "../base/TextArea-parameters.css";
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
4
|
+
--_ui5_textarea_line_height: 1.5;
|
|
5
|
+
--_ui5_textarea_error_warning_border_style: dashed;
|
|
6
|
+
--_ui5_textarea_error_warning_font_weight: bold;
|
|
7
|
+
--_ui5_textarea_error_warning_font_style: italic;
|
|
8
8
|
--_ui5_textarea_placeholder_font_style: normal;
|
|
9
|
-
--_ui5_input_warning_font_weight: bold;
|
|
10
9
|
--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
|
|
11
10
|
--_ui5_textarea_error_placeholder_font_style: normal;
|
|
12
11
|
--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
|
|
13
|
-
--_ui5_textarea_disabled_background_color: var(--sapField_Background);
|
|
14
12
|
--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
|
|
15
|
-
--
|
|
16
|
-
--
|
|
17
|
-
--
|
|
18
|
-
--
|
|
13
|
+
--_ui5_textarea_error_warning_border_style: dashed;
|
|
14
|
+
--_ui5_textarea_padding_top_information: 0.375rem;
|
|
15
|
+
--_ui5_textarea_padding_bottom_information: 0.3125rem;
|
|
16
|
+
--_ui5_textarea_padding_top: 0.375rem;
|
|
17
|
+
--_ui5_textarea_padding_bottom: 0.3125rem;
|
|
18
|
+
--_ui5_textarea_padding_top_error_warning: 0.375rem;
|
|
19
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.3125rem;
|
|
20
|
+
--_ui5_textarea_padding_top_information: 0.375rem;
|
|
21
|
+
--_ui5_textarea_padding_bottom_information: 0.3125rem;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
[data-ui5-compact-size],
|
|
25
|
+
.ui5-content-density-compact,
|
|
26
|
+
.sapUiSizeCompact {
|
|
27
|
+
--_ui5_textarea_padding_top: 0.0625rem;
|
|
28
|
+
--_ui5_textarea_padding_bottom: 0rem;
|
|
29
|
+
--_ui5_textarea_padding_top_error_warning: 0.0625rem;
|
|
30
|
+
--_ui5_textarea_padding_bottom_error_warning: 0rem;
|
|
31
|
+
--_ui5_textarea_padding_top_information: 0.0625rem;
|
|
32
|
+
--_ui5_textarea_padding_bottom_information: 0rem;
|
|
19
33
|
}
|
|
@@ -1,19 +1,33 @@
|
|
|
1
1
|
@import "../base/TextArea-parameters.css";
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--_ui5_textarea_placeholder_font_style: normal;
|
|
9
|
-
--_ui5_input_warning_font_weight: bold;
|
|
4
|
+
--_ui5_textarea_line_height: 1.5;
|
|
5
|
+
--_ui5_textarea_error_warning_border_style: dashed;
|
|
6
|
+
--_ui5_textarea_error_warning_font_weight: bold;
|
|
7
|
+
--_ui5_textarea_error_warning_font_style: italic;
|
|
10
8
|
--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
|
|
11
9
|
--_ui5_textarea_error_placeholder_font_style: normal;
|
|
10
|
+
--_ui5_textarea_placeholder_font_style: normal;
|
|
12
11
|
--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
|
|
13
|
-
--_ui5_textarea_disabled_background_color: var(--sapField_Background);
|
|
14
12
|
--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
|
|
15
|
-
--
|
|
16
|
-
--
|
|
17
|
-
--
|
|
18
|
-
--
|
|
13
|
+
--_ui5_textarea_error_warning_border_style: dashed;
|
|
14
|
+
--_ui5_textarea_padding_top_information: 0.375rem;
|
|
15
|
+
--_ui5_textarea_padding_bottom_information: 0.3125rem;
|
|
16
|
+
--_ui5_textarea_padding_top: 0.375rem;
|
|
17
|
+
--_ui5_textarea_padding_bottom: 0.3125rem;
|
|
18
|
+
--_ui5_textarea_padding_top_error_warning: 0.375rem;
|
|
19
|
+
--_ui5_textarea_padding_bottom_error_warning: 0.3125rem;
|
|
20
|
+
--_ui5_textarea_padding_top_information: 0.375rem;
|
|
21
|
+
--_ui5_textarea_padding_bottom_information: 0.3125rem;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
[data-ui5-compact-size],
|
|
25
|
+
.ui5-content-density-compact,
|
|
26
|
+
.sapUiSizeCompact {
|
|
27
|
+
--_ui5_textarea_padding_top: 0.0625rem;
|
|
28
|
+
--_ui5_textarea_padding_bottom: 0rem;
|
|
29
|
+
--_ui5_textarea_padding_top_error_warning: 0.0625rem;
|
|
30
|
+
--_ui5_textarea_padding_bottom_error_warning: 0rem;
|
|
31
|
+
--_ui5_textarea_padding_top_information: 0.0625rem;
|
|
32
|
+
--_ui5_textarea_padding_bottom_information: 0rem;
|
|
19
33
|
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Background design for the header and content of Tab Container
|
|
5
|
+
* @lends sap.ui.webcomponents.main.types.TabContainerBackgroundDesign.prototype
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
const TabContainerBackgroundDesigns = {
|
|
9
|
+
/**
|
|
10
|
+
* A Solid background color.
|
|
11
|
+
* @public
|
|
12
|
+
* @type {Solid}
|
|
13
|
+
*/
|
|
14
|
+
Solid: "Solid",
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* A Transparent background color.
|
|
18
|
+
* @public
|
|
19
|
+
* @type {Transparent}
|
|
20
|
+
*/
|
|
21
|
+
Transparent: "Transparent",
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* A Translucent background color.
|
|
25
|
+
* @public
|
|
26
|
+
* @type {Translucent}
|
|
27
|
+
*/
|
|
28
|
+
Translucent: "Translucent",
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* @class
|
|
33
|
+
* Defines the Tab Container's header and content background colors
|
|
34
|
+
* @constructor
|
|
35
|
+
* @author SAP SE
|
|
36
|
+
* @alias sap.ui.webcomponents.main.types.TabContainerBackgroundDesign
|
|
37
|
+
* @public
|
|
38
|
+
* @enum {string}
|
|
39
|
+
*/
|
|
40
|
+
class TabContainerBackgroundDesign extends DataType {
|
|
41
|
+
static isValid(value) {
|
|
42
|
+
return !!TabContainerBackgroundDesigns[value];
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
TabContainerBackgroundDesign.generateTypeAccessors(TabContainerBackgroundDesigns);
|
|
47
|
+
|
|
48
|
+
export default TabContainerBackgroundDesign;
|