@ui5/webcomponents-compat 0.0.0-f42e7c18c → 0.0.0-f6676abdd

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.
Files changed (86) hide show
  1. package/CHANGELOG.md +137 -0
  2. package/dist/Table.js +0 -3
  3. package/dist/Table.js.map +1 -1
  4. package/dist/TableGroupRow.js +0 -4
  5. package/dist/TableGroupRow.js.map +1 -1
  6. package/dist/TableRow.js +0 -2
  7. package/dist/TableRow.js.map +1 -1
  8. package/dist/TableRowTemplate.js +3 -3
  9. package/dist/TableRowTemplate.js.map +1 -1
  10. package/dist/css/themes/GrowingButton.css +1 -1
  11. package/dist/css/themes/Table.css +1 -1
  12. package/dist/css/themes/TableCell.css +1 -1
  13. package/dist/css/themes/TableColumn.css +1 -1
  14. package/dist/css/themes/TableGroupRow.css +1 -1
  15. package/dist/css/themes/TableRow.css +1 -1
  16. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  17. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  18. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  19. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  20. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  21. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  22. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  23. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  24. package/dist/custom-elements-internal.json +5 -5
  25. package/dist/custom-elements.json +5 -5
  26. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  27. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  28. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  29. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  30. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  31. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  32. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  33. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  34. package/dist/generated/themes/GrowingButton.css.d.ts +2 -3
  35. package/dist/generated/themes/GrowingButton.css.js +2 -3
  36. package/dist/generated/themes/GrowingButton.css.js.map +1 -1
  37. package/dist/generated/themes/Table.css.d.ts +2 -3
  38. package/dist/generated/themes/Table.css.js +2 -3
  39. package/dist/generated/themes/Table.css.js.map +1 -1
  40. package/dist/generated/themes/TableCell.css.d.ts +2 -3
  41. package/dist/generated/themes/TableCell.css.js +2 -3
  42. package/dist/generated/themes/TableCell.css.js.map +1 -1
  43. package/dist/generated/themes/TableColumn.css.d.ts +2 -3
  44. package/dist/generated/themes/TableColumn.css.js +2 -3
  45. package/dist/generated/themes/TableColumn.css.js.map +1 -1
  46. package/dist/generated/themes/TableGroupRow.css.d.ts +2 -3
  47. package/dist/generated/themes/TableGroupRow.css.js +2 -3
  48. package/dist/generated/themes/TableGroupRow.css.js.map +1 -1
  49. package/dist/generated/themes/TableRow.css.d.ts +2 -3
  50. package/dist/generated/themes/TableRow.css.js +2 -3
  51. package/dist/generated/themes/TableRow.css.js.map +1 -1
  52. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +2 -3
  53. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +2 -3
  54. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  55. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +2 -3
  56. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +2 -3
  57. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  58. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +2 -3
  59. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +2 -3
  60. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  61. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +2 -3
  62. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +2 -3
  63. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  64. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +2 -3
  65. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +2 -3
  66. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  67. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +2 -3
  68. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +2 -3
  69. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  70. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +2 -3
  71. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +2 -3
  72. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  73. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +2 -3
  74. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +2 -3
  75. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  76. package/dist/tsconfig.tsbuildinfo +1 -1
  77. package/dist/web-types.json +1 -1
  78. package/package.json +7 -7
  79. package/src/TableRowTemplate.tsx +3 -11
  80. package/src/themes/TableRow.css +37 -2
  81. package/src/themes/base/Table-parameters.css +1 -1
  82. package/src/themes/sap_horizon/Table-parameters.css +1 -1
  83. package/src/themes/sap_horizon_dark/Table-parameters.css +1 -1
  84. package/src/themes/sap_horizon_hcb/Table-parameters.css +1 -1
  85. package/src/themes/sap_horizon_hcw/Table-parameters.css +1 -1
  86. package/tsconfig.json +0 -2
@@ -1,3 +1,2 @@
1
- import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
2
- declare const styleData: StyleData;
3
- export default styleData;
1
+ declare const _default: ":root{--ui5-v2-8-0-rc-1_table_focus_outline_offset: .125rem;--ui5-v2-8-0-rc-1_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-8-0-rc-1_table_multiselect_column_width: 2.75rem;--_ui5-v2-8-0-rc-1_table_load_more_border-bottom: none;--ui5-v2-8-0-rc-1_table_header_row_outline_width: .125rem;--ui5-v2-8-0-rc-1_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-8-0-rc-1_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-8-0-rc-1_table_focus_outline_offset: .25rem;--ui5-v2-8-0-rc-1_table_header_row_border_width: .1875rem;--ui5-v2-8-0-rc-1_table_header_row_font_weight: normal;--ui5-v2-8-0-rc-1_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-8-0-rc-1_table_row_outline_width: .125rem;--ui5-v2-8-0-rc-1_table_group_row_font-weight: bold;--ui5-v2-8-0-rc-1_table_border_width: 1px 0 1px 0;--_ui5-v2-8-0-rc-1_load_more_padding: .25rem;--_ui5-v2-8-0-rc-1_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-8-0-rc-1_load_more_border_radius: .375rem;--_ui5-v2-8-0-rc-1_load_more_outline_width: .125rem;--_ui5-v2-8-0-rc-1_load_more_text_height: 2.75rem;--_ui5-v2-8-0-rc-1_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-8-0-rc-1_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-8-0-rc-1_table_header_row_height: 2.75rem;--ui5-v2-8-0-rc-1_table_row_height: 2.75rem;--ui5-v2-8-0-rc-1_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-8-0-rc-1_load_more_text_height: 2.625rem;--_ui5-v2-8-0-rc-1_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-8-0-rc-1_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-8-0-rc-1_table_header_row_height: 2rem;--ui5-v2-8-0-rc-1_table_row_height: 2rem}\n";
2
+ export default _default;
@@ -1,4 +1,3 @@
1
- const styleData = { packageName: "@ui5/webcomponents-compat", fileName: "themes/sap_horizon_hcb/parameters-bundle.css.ts", content: `:root{--ui5-v2-5-0_table_focus_outline_offset: -.125rem;--ui5-v2-5-0_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-5-0_table_multiselect_column_width: 2.75rem;--_ui5-v2-5-0_table_load_more_border-bottom: none;--ui5-v2-5-0_table_header_row_outline_width: .125rem;--ui5-v2-5-0_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-5-0_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-5-0_table_focus_outline_offset: -.25rem;--ui5-v2-5-0_table_header_row_border_width: .1875rem;--ui5-v2-5-0_table_header_row_font_weight: normal;--ui5-v2-5-0_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-5-0_table_row_outline_width: .125rem;--ui5-v2-5-0_table_group_row_font-weight: bold;--ui5-v2-5-0_table_border_width: 1px 0 1px 0;--_ui5-v2-5-0_load_more_padding: .25rem;--_ui5-v2-5-0_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-5-0_load_more_border_radius: .375rem;--_ui5-v2-5-0_load_more_outline_width: .125rem;--_ui5-v2-5-0_load_more_text_height: 2.75rem;--_ui5-v2-5-0_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-5-0_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-5-0_table_header_row_height: 2.75rem;--ui5-v2-5-0_table_row_height: 2.75rem;--ui5-v2-5-0_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-5-0_load_more_text_height: 2.625rem;--_ui5-v2-5-0_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-5-0_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-5-0_table_header_row_height: 2rem;--ui5-v2-5-0_table_row_height: 2rem}
2
- ` };
3
- export default styleData;
1
+ export default `:root{--ui5-v2-8-0-rc-1_table_focus_outline_offset: .125rem;--ui5-v2-8-0-rc-1_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-8-0-rc-1_table_multiselect_column_width: 2.75rem;--_ui5-v2-8-0-rc-1_table_load_more_border-bottom: none;--ui5-v2-8-0-rc-1_table_header_row_outline_width: .125rem;--ui5-v2-8-0-rc-1_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-8-0-rc-1_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-8-0-rc-1_table_focus_outline_offset: .25rem;--ui5-v2-8-0-rc-1_table_header_row_border_width: .1875rem;--ui5-v2-8-0-rc-1_table_header_row_font_weight: normal;--ui5-v2-8-0-rc-1_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-8-0-rc-1_table_row_outline_width: .125rem;--ui5-v2-8-0-rc-1_table_group_row_font-weight: bold;--ui5-v2-8-0-rc-1_table_border_width: 1px 0 1px 0;--_ui5-v2-8-0-rc-1_load_more_padding: .25rem;--_ui5-v2-8-0-rc-1_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-8-0-rc-1_load_more_border_radius: .375rem;--_ui5-v2-8-0-rc-1_load_more_outline_width: .125rem;--_ui5-v2-8-0-rc-1_load_more_text_height: 2.75rem;--_ui5-v2-8-0-rc-1_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-8-0-rc-1_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-8-0-rc-1_table_header_row_height: 2.75rem;--ui5-v2-8-0-rc-1_table_row_height: 2.75rem;--ui5-v2-8-0-rc-1_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-8-0-rc-1_load_more_text_height: 2.625rem;--_ui5-v2-8-0-rc-1_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-8-0-rc-1_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-8-0-rc-1_table_header_row_height: 2rem;--ui5-v2-8-0-rc-1_table_row_height: 2rem}
2
+ `;
4
3
  //# sourceMappingURL=parameters-bundle.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcb/parameters-bundle.css.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,2BAA2B,EAAC,QAAQ,EAAC,iDAAiD,EAAC,OAAO,EAAC;CACxI,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-compat\",fileName:\"themes/sap_horizon_hcb/parameters-bundle.css.ts\",content:`:root{--ui5-v2-5-0_table_focus_outline_offset: -.125rem;--ui5-v2-5-0_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-5-0_table_multiselect_column_width: 2.75rem;--_ui5-v2-5-0_table_load_more_border-bottom: none;--ui5-v2-5-0_table_header_row_outline_width: .125rem;--ui5-v2-5-0_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-5-0_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-5-0_table_focus_outline_offset: -.25rem;--ui5-v2-5-0_table_header_row_border_width: .1875rem;--ui5-v2-5-0_table_header_row_font_weight: normal;--ui5-v2-5-0_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-5-0_table_row_outline_width: .125rem;--ui5-v2-5-0_table_group_row_font-weight: bold;--ui5-v2-5-0_table_border_width: 1px 0 1px 0;--_ui5-v2-5-0_load_more_padding: .25rem;--_ui5-v2-5-0_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-5-0_load_more_border_radius: .375rem;--_ui5-v2-5-0_load_more_outline_width: .125rem;--_ui5-v2-5-0_load_more_text_height: 2.75rem;--_ui5-v2-5-0_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-5-0_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-5-0_table_header_row_height: 2.75rem;--ui5-v2-5-0_table_row_height: 2.75rem;--ui5-v2-5-0_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-5-0_load_more_text_height: 2.625rem;--_ui5-v2-5-0_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-5-0_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-5-0_table_header_row_height: 2rem;--ui5-v2-5-0_table_row_height: 2rem}\n`};\nexport default styleData;\n\t"]}
1
+ {"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcb/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;CACd,CAAA","sourcesContent":["export default `:root{--ui5-v2-8-0-rc-1_table_focus_outline_offset: .125rem;--ui5-v2-8-0-rc-1_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-8-0-rc-1_table_multiselect_column_width: 2.75rem;--_ui5-v2-8-0-rc-1_table_load_more_border-bottom: none;--ui5-v2-8-0-rc-1_table_header_row_outline_width: .125rem;--ui5-v2-8-0-rc-1_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-8-0-rc-1_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-8-0-rc-1_table_focus_outline_offset: .25rem;--ui5-v2-8-0-rc-1_table_header_row_border_width: .1875rem;--ui5-v2-8-0-rc-1_table_header_row_font_weight: normal;--ui5-v2-8-0-rc-1_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-8-0-rc-1_table_row_outline_width: .125rem;--ui5-v2-8-0-rc-1_table_group_row_font-weight: bold;--ui5-v2-8-0-rc-1_table_border_width: 1px 0 1px 0;--_ui5-v2-8-0-rc-1_load_more_padding: .25rem;--_ui5-v2-8-0-rc-1_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-8-0-rc-1_load_more_border_radius: .375rem;--_ui5-v2-8-0-rc-1_load_more_outline_width: .125rem;--_ui5-v2-8-0-rc-1_load_more_text_height: 2.75rem;--_ui5-v2-8-0-rc-1_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-8-0-rc-1_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-8-0-rc-1_table_header_row_height: 2.75rem;--ui5-v2-8-0-rc-1_table_row_height: 2.75rem;--ui5-v2-8-0-rc-1_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-8-0-rc-1_load_more_text_height: 2.625rem;--_ui5-v2-8-0-rc-1_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-8-0-rc-1_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-8-0-rc-1_table_header_row_height: 2rem;--ui5-v2-8-0-rc-1_table_row_height: 2rem}\n`"]}
@@ -1,3 +1,2 @@
1
- import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
2
- declare const styleData: StyleData;
3
- export default styleData;
1
+ declare const _default: ":root{--ui5-v2-8-0-rc-1_table_focus_outline_offset: .125rem;--ui5-v2-8-0-rc-1_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-8-0-rc-1_table_multiselect_column_width: 2.75rem;--_ui5-v2-8-0-rc-1_table_load_more_border-bottom: none;--ui5-v2-8-0-rc-1_table_header_row_outline_width: .125rem;--ui5-v2-8-0-rc-1_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-8-0-rc-1_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-8-0-rc-1_table_focus_outline_offset: .25rem;--ui5-v2-8-0-rc-1_table_header_row_border_width: .1875rem;--ui5-v2-8-0-rc-1_table_header_row_font_weight: normal;--ui5-v2-8-0-rc-1_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-8-0-rc-1_table_row_outline_width: .125rem;--ui5-v2-8-0-rc-1_table_group_row_font-weight: bold;--ui5-v2-8-0-rc-1_table_border_width: 1px 0 1px 0;--_ui5-v2-8-0-rc-1_load_more_padding: .25rem;--_ui5-v2-8-0-rc-1_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-8-0-rc-1_load_more_border_radius: .375rem;--_ui5-v2-8-0-rc-1_load_more_outline_width: .125rem;--_ui5-v2-8-0-rc-1_load_more_text_height: 2.75rem;--_ui5-v2-8-0-rc-1_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-8-0-rc-1_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-8-0-rc-1_table_header_row_height: 2.75rem;--ui5-v2-8-0-rc-1_table_row_height: 2.75rem;--ui5-v2-8-0-rc-1_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-8-0-rc-1_load_more_text_height: 2.625rem;--_ui5-v2-8-0-rc-1_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-8-0-rc-1_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-8-0-rc-1_table_header_row_height: 2rem;--ui5-v2-8-0-rc-1_table_row_height: 2rem}\n";
2
+ export default _default;
@@ -1,4 +1,3 @@
1
- const styleData = { packageName: "@ui5/webcomponents-compat", fileName: "themes/sap_horizon_hcw/parameters-bundle.css.ts", content: `:root{--ui5-v2-5-0_table_focus_outline_offset: -.125rem;--ui5-v2-5-0_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-5-0_table_multiselect_column_width: 2.75rem;--_ui5-v2-5-0_table_load_more_border-bottom: none;--ui5-v2-5-0_table_header_row_outline_width: .125rem;--ui5-v2-5-0_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-5-0_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-5-0_table_focus_outline_offset: -.25rem;--ui5-v2-5-0_table_header_row_border_width: .1875rem;--ui5-v2-5-0_table_header_row_font_weight: normal;--ui5-v2-5-0_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-5-0_table_row_outline_width: .125rem;--ui5-v2-5-0_table_group_row_font-weight: bold;--ui5-v2-5-0_table_border_width: 1px 0 1px 0;--_ui5-v2-5-0_load_more_padding: .25rem;--_ui5-v2-5-0_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-5-0_load_more_border_radius: .375rem;--_ui5-v2-5-0_load_more_outline_width: .125rem;--_ui5-v2-5-0_load_more_text_height: 2.75rem;--_ui5-v2-5-0_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-5-0_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-5-0_table_header_row_height: 2.75rem;--ui5-v2-5-0_table_row_height: 2.75rem;--ui5-v2-5-0_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-5-0_load_more_text_height: 2.625rem;--_ui5-v2-5-0_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-5-0_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-5-0_table_header_row_height: 2rem;--ui5-v2-5-0_table_row_height: 2rem}
2
- ` };
3
- export default styleData;
1
+ export default `:root{--ui5-v2-8-0-rc-1_table_focus_outline_offset: .125rem;--ui5-v2-8-0-rc-1_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-8-0-rc-1_table_multiselect_column_width: 2.75rem;--_ui5-v2-8-0-rc-1_table_load_more_border-bottom: none;--ui5-v2-8-0-rc-1_table_header_row_outline_width: .125rem;--ui5-v2-8-0-rc-1_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-8-0-rc-1_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-8-0-rc-1_table_focus_outline_offset: .25rem;--ui5-v2-8-0-rc-1_table_header_row_border_width: .1875rem;--ui5-v2-8-0-rc-1_table_header_row_font_weight: normal;--ui5-v2-8-0-rc-1_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-8-0-rc-1_table_row_outline_width: .125rem;--ui5-v2-8-0-rc-1_table_group_row_font-weight: bold;--ui5-v2-8-0-rc-1_table_border_width: 1px 0 1px 0;--_ui5-v2-8-0-rc-1_load_more_padding: .25rem;--_ui5-v2-8-0-rc-1_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-8-0-rc-1_load_more_border_radius: .375rem;--_ui5-v2-8-0-rc-1_load_more_outline_width: .125rem;--_ui5-v2-8-0-rc-1_load_more_text_height: 2.75rem;--_ui5-v2-8-0-rc-1_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-8-0-rc-1_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-8-0-rc-1_table_header_row_height: 2.75rem;--ui5-v2-8-0-rc-1_table_row_height: 2.75rem;--ui5-v2-8-0-rc-1_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-8-0-rc-1_load_more_text_height: 2.625rem;--_ui5-v2-8-0-rc-1_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-8-0-rc-1_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-8-0-rc-1_table_header_row_height: 2rem;--ui5-v2-8-0-rc-1_table_row_height: 2rem}
2
+ `;
4
3
  //# sourceMappingURL=parameters-bundle.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,2BAA2B,EAAC,QAAQ,EAAC,iDAAiD,EAAC,OAAO,EAAC;CACxI,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-compat\",fileName:\"themes/sap_horizon_hcw/parameters-bundle.css.ts\",content:`:root{--ui5-v2-5-0_table_focus_outline_offset: -.125rem;--ui5-v2-5-0_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-5-0_table_multiselect_column_width: 2.75rem;--_ui5-v2-5-0_table_load_more_border-bottom: none;--ui5-v2-5-0_table_header_row_outline_width: .125rem;--ui5-v2-5-0_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-5-0_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-5-0_table_focus_outline_offset: -.25rem;--ui5-v2-5-0_table_header_row_border_width: .1875rem;--ui5-v2-5-0_table_header_row_font_weight: normal;--ui5-v2-5-0_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-5-0_table_row_outline_width: .125rem;--ui5-v2-5-0_table_group_row_font-weight: bold;--ui5-v2-5-0_table_border_width: 1px 0 1px 0;--_ui5-v2-5-0_load_more_padding: .25rem;--_ui5-v2-5-0_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-5-0_load_more_border_radius: .375rem;--_ui5-v2-5-0_load_more_outline_width: .125rem;--_ui5-v2-5-0_load_more_text_height: 2.75rem;--_ui5-v2-5-0_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-5-0_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-5-0_table_header_row_height: 2.75rem;--ui5-v2-5-0_table_row_height: 2.75rem;--ui5-v2-5-0_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-5-0_load_more_text_height: 2.625rem;--_ui5-v2-5-0_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-5-0_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-5-0_table_header_row_height: 2rem;--ui5-v2-5-0_table_row_height: 2rem}\n`};\nexport default styleData;\n\t"]}
1
+ {"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;CACd,CAAA","sourcesContent":["export default `:root{--ui5-v2-8-0-rc-1_table_focus_outline_offset: .125rem;--ui5-v2-8-0-rc-1_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-8-0-rc-1_table_multiselect_column_width: 2.75rem;--_ui5-v2-8-0-rc-1_table_load_more_border-bottom: none;--ui5-v2-8-0-rc-1_table_header_row_outline_width: .125rem;--ui5-v2-8-0-rc-1_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-8-0-rc-1_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-8-0-rc-1_table_focus_outline_offset: .25rem;--ui5-v2-8-0-rc-1_table_header_row_border_width: .1875rem;--ui5-v2-8-0-rc-1_table_header_row_font_weight: normal;--ui5-v2-8-0-rc-1_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-8-0-rc-1_table_row_outline_width: .125rem;--ui5-v2-8-0-rc-1_table_group_row_font-weight: bold;--ui5-v2-8-0-rc-1_table_border_width: 1px 0 1px 0;--_ui5-v2-8-0-rc-1_load_more_padding: .25rem;--_ui5-v2-8-0-rc-1_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-8-0-rc-1_load_more_border_radius: .375rem;--_ui5-v2-8-0-rc-1_load_more_outline_width: .125rem;--_ui5-v2-8-0-rc-1_load_more_text_height: 2.75rem;--_ui5-v2-8-0-rc-1_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-8-0-rc-1_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-8-0-rc-1_table_header_row_height: 2.75rem;--ui5-v2-8-0-rc-1_table_row_height: 2.75rem;--ui5-v2-8-0-rc-1_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-8-0-rc-1_load_more_text_height: 2.625rem;--_ui5-v2-8-0-rc-1_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-8-0-rc-1_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-8-0-rc-1_table_header_row_height: 2rem;--ui5-v2-8-0-rc-1_table_row_height: 2rem}\n`"]}
@@ -1 +1 @@
1
- {"root":["../src/Assets.ts","../src/Table.ts","../src/TableCell.ts","../src/TableCellTemplate.tsx","../src/TableColumn.ts","../src/TableColumnTemplate.tsx","../src/TableGroupRow.ts","../src/TableGroupRowTemplate.tsx","../src/TableRow.ts","../src/TableRowTemplate.tsx","../src/TableTemplate.tsx","../src/bundle.common.bootstrap.ts","../src/bundle.esm.ts","../src/bundle.scoped.config.ts","../src/bundle.scoped.esm.ts","../src/generated/i18n/i18n-defaults.ts","../src/generated/json-imports/Themes-fetch.ts","../src/generated/json-imports/Themes.ts","../src/generated/json-imports/i18n-fetch.ts","../src/generated/json-imports/i18n.ts","../src/generated/themes/GrowingButton.css.ts","../src/generated/themes/Table.css.ts","../src/generated/themes/TableCell.css.ts","../src/generated/themes/TableColumn.css.ts","../src/generated/themes/TableGroupRow.css.ts","../src/generated/themes/TableRow.css.ts","../src/generated/themes/sap_fiori_3/parameters-bundle.css.ts","../src/generated/themes/sap_fiori_3_dark/parameters-bundle.css.ts","../src/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.ts","../src/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.ts","../src/generated/themes/sap_horizon/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_dark/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_hcb/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts","../src/types/TableColumnPopinDisplay.ts","../src/types/TableGrowingMode.ts","../src/types/TableMode.ts","../src/types/TableRowType.ts"],"version":"5.6.2"}
1
+ {"root":["../src/assets.ts","../src/table.ts","../src/tablecell.ts","../src/tablecelltemplate.tsx","../src/tablecolumn.ts","../src/tablecolumntemplate.tsx","../src/tablegrouprow.ts","../src/tablegrouprowtemplate.tsx","../src/tablerow.ts","../src/tablerowtemplate.tsx","../src/tabletemplate.tsx","../src/bundle.common.bootstrap.ts","../src/bundle.esm.ts","../src/bundle.scoped.config.ts","../src/bundle.scoped.esm.ts","../src/generated/i18n/i18n-defaults.ts","../src/generated/json-imports/themes-fetch.ts","../src/generated/json-imports/themes.ts","../src/generated/json-imports/i18n-fetch.ts","../src/generated/json-imports/i18n.ts","../src/generated/themes/growingbutton.css.ts","../src/generated/themes/table.css.ts","../src/generated/themes/tablecell.css.ts","../src/generated/themes/tablecolumn.css.ts","../src/generated/themes/tablegrouprow.css.ts","../src/generated/themes/tablerow.css.ts","../src/generated/themes/sap_fiori_3/parameters-bundle.css.ts","../src/generated/themes/sap_fiori_3_dark/parameters-bundle.css.ts","../src/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.ts","../src/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.ts","../src/generated/themes/sap_horizon/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_dark/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_hcb/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts","../src/types/tablecolumnpopindisplay.ts","../src/types/tablegrowingmode.ts","../src/types/tablemode.ts","../src/types/tablerowtype.ts"],"version":"5.6.2"}
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@ui5/webcomponents-compat",
4
- "version": "2.5.0",
4
+ "version": "2.8.0-rc.1",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents-compat",
3
- "version": "0.0.0-f42e7c18c",
3
+ "version": "0.0.0-f6676abdd",
4
4
  "description": "UI5 Web Components: webcomponents.compat",
5
5
  "ui5": {
6
6
  "webComponentsPackage": true
@@ -45,13 +45,13 @@
45
45
  "directory": "packages/compat"
46
46
  },
47
47
  "dependencies": {
48
- "@ui5/webcomponents": "0.0.0-f42e7c18c",
49
- "@ui5/webcomponents-base": "0.0.0-f42e7c18c",
50
- "@ui5/webcomponents-icons": "0.0.0-f42e7c18c",
51
- "@ui5/webcomponents-theming": "0.0.0-f42e7c18c"
48
+ "@ui5/webcomponents": "0.0.0-f6676abdd",
49
+ "@ui5/webcomponents-base": "0.0.0-f6676abdd",
50
+ "@ui5/webcomponents-icons": "0.0.0-f6676abdd",
51
+ "@ui5/webcomponents-theming": "0.0.0-f6676abdd"
52
52
  },
53
53
  "devDependencies": {
54
- "@ui5/webcomponents-tools": "0.0.0-f42e7c18c",
55
- "chromedriver": "^131.0.0"
54
+ "@ui5/webcomponents-tools": "0.0.0-f6676abdd",
55
+ "chromedriver": "^132.0.0"
56
56
  }
57
57
  }
@@ -38,17 +38,9 @@ export default function TableRowTemplate(this: TableRow) {
38
38
  }
39
39
 
40
40
  {this.shouldPopin ?
41
- <>
42
- {this.visibleCells.map(cell =>
43
- <slot name={cell._individualSlot}></slot>
44
- )}
45
- </>
41
+ this.visibleCells.map(cell => <slot name={cell._individualSlot}></slot>)
46
42
  :
47
- <>
48
- {this.cells.map(cell =>
49
- <slot name={cell._individualSlot}></slot>
50
- )}
51
- </>
43
+ this.cells.map(cell => <slot name={cell._individualSlot}></slot>)
52
44
  }
53
45
 
54
46
  <td class="ui5-table-row-navigated" aria-hidden="true">
@@ -79,7 +71,7 @@ export default function TableRowTemplate(this: TableRow) {
79
71
  :
80
72
  <>
81
73
  {cellData.popinText &&
82
- <span class="ui5-table-row-popin-title">{cellData.popinText}:</span>
74
+ <span class="ui5-table-row-popin-title">{cellData.popinText}:</span>
83
75
  }
84
76
  <div>
85
77
  <slot name={cellData.cell?._individualSlot}></slot>
@@ -1,4 +1,5 @@
1
1
  :host {
2
+ --table-row-border-styles: var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
2
3
  display: contents;
3
4
  }
4
5
 
@@ -11,12 +12,46 @@
11
12
  background-color: var(--sapList_Background);
12
13
  color: var(--sapList_TextColor);
13
14
  border-top: 1px solid var(--sapList_BorderColor);
15
+ position: relative;
16
+ }
17
+
18
+ /* FOCUS START */
19
+ .ui5-table-row-root,
20
+ .ui5-table-popin-row {
21
+ position: relative;
14
22
  }
15
23
 
16
24
  .ui5-table-row-root:focus {
17
- outline: var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
18
- outline-offset: var(--ui5_table_focus_outline_offset);
25
+ outline: none
26
+ }
27
+
28
+ .ui5-table-row-root:focus::after,
29
+ .ui5-table-row-root:focus ~ .ui5-table-popin-row::after {
30
+ pointer-events: none;
31
+ position: absolute;
32
+ content: "";
33
+ inset: var(--ui5_table_focus_outline_offset);
34
+ border: var(--table-row-border-styles);
35
+ }
36
+
37
+ .ui5-table-row-root:has(+ .ui5-table-popin-row):focus::after {
38
+ bottom: 0;
39
+ border-bottom: none;
40
+ }
41
+
42
+ .ui5-table-row-root:focus ~ .ui5-table-popin-row::after {
43
+ top: 0;
44
+ bottom: 0;
45
+ border-top: none;
46
+ border-bottom: none;
47
+ }
48
+
49
+
50
+ .ui5-table-row-root:focus ~ .ui5-table-popin-row:last-child:after {
51
+ top: 0;
52
+ border-bottom: var(--table-row-border-styles);
19
53
  }
54
+ /* FOCUS END */
20
55
 
21
56
  .ui5-table-popin-row {
22
57
  background-color: var(--sapList_Background);
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --ui5_table_focus_outline_offset: -0.125rem;
2
+ --ui5_table_focus_outline_offset: 0.125rem;
3
3
  --ui5_table_bottom_border: 1px solid var(--sapList_BorderColor);
4
4
  --ui5_table_header_row_outline_width: 1px;
5
5
  --ui5_table_multiselect_column_width: 2.75rem;
@@ -4,5 +4,5 @@
4
4
  --ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
5
5
  --ui5_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);
6
6
  --ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
7
- --ui5_table_focus_outline_offset: -0.1875rem;
7
+ --ui5_table_focus_outline_offset: 0.1875rem;
8
8
  }
@@ -4,5 +4,5 @@
4
4
  --ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
5
5
  --ui5_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);
6
6
  --ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
7
- --ui5_table_focus_outline_offset: -0.1875rem;
7
+ --ui5_table_focus_outline_offset: 0.1875rem;
8
8
  }
@@ -4,6 +4,6 @@
4
4
  --ui5_table_header_row_outline_width: 0.125rem;
5
5
  --ui5_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);
6
6
  --ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
7
- --ui5_table_focus_outline_offset: -0.25rem;
7
+ --ui5_table_focus_outline_offset: 0.25rem;
8
8
  --ui5_table_header_row_border_width: 0.1875rem;
9
9
  }
@@ -4,6 +4,6 @@
4
4
  --ui5_table_header_row_outline_width: 0.125rem;
5
5
  --ui5_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);
6
6
  --ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
7
- --ui5_table_focus_outline_offset: -0.25rem;
7
+ --ui5_table_focus_outline_offset: 0.25rem;
8
8
  --ui5_table_header_row_border_width: 0.1875rem;
9
9
  }
package/tsconfig.json CHANGED
@@ -10,8 +10,6 @@
10
10
  "verbatimModuleSyntax": true,
11
11
  "module": "NodeNext",
12
12
  "moduleResolution": "NodeNext",
13
- "jsx": "react-jsx",
14
- "jsxImportSource": "@ui5/webcomponents-base",
15
13
  "paths": {
16
14
  "@ui5/webcomponents-base/dist/*": [
17
15
  "../base/src/*"