[Feature]: Icons for theming

[siarhei-epam]

Description:

Added support for icons theming

Issue link:

QA notes:

[github-actions]

Generated by: track-bundle-size
Generated at: Wed, 05 Mar 2025 20:44:13 GMT
Bundle size diff (in kBytes). Not gzipped. Both CSS & JS included.
Baseline: v5.13.1 (2025-02-17)
CI Status: ok

Module	Baseline Size (v5.13.1)	Size	Diff	Within Threshold	Threshold (min - max)
templateApp	680.93	718.76	+37.83 js:+33.33 css:+4.5	🆗	612.83 - 749.02
@epam/app	5790.72	5799.63	+8.91 js:+3.35 css:+5.56	🆗	5211.64 - 6369.79
@epam/draft-rte	52.94	52.97	+0.02 js:0 css:+0.03	🆗	47.65 - 58.24
@epam/electric	4.58	4.58	0 js:0 css:0	🆗	4.12 - 5.04
@epam/promo	55.32	55.36	+0.04 js:+0 css:+0.04	🆗	49.79 - 60.85
@epam/uui-extra	0.21	0.21	0 js:0 css:0	🆗	0.19 - 0.23
@epam/loveship	90.46	90.51	+0.05 js:-0.01 css:+0.06	🆗	81.41 - 99.51
@epam/uui-components	253.68	252.68	-1 js:-1.03 css:+0.03	🆗	228.31 - 279.05
@epam/uui-core	317.54	317.54	0 js:0 css:0	🆗	285.79 - 349.29
@epam/uui-db	41.63	41.63	0 js:0 css:0	🆗	37.47 - 45.8
@epam/uui-docs	175.48	175.49	+0 js:0 css:+0	🆗	157.94 - 193.04
@epam/uui-editor	173.66	173.67	+0.01 js:+0 css:+0	🆗	156.29 - 191.03
@epam/uui-timeline	75.49	75.49	+0 js:0 css:+0	🆗	67.94 - 83.04
@epam/uui	481.54	487.68	+6.14 js:+1.5 css:+4.64	🆗	433.39 - 529.7

new sizes (raw)

To set the sizes as a new baseline, you can copy/paste next content to the uui-build/config/bundleSizeBaseLine.json and commit the file.

{
  "version": "5.13.2",
  "timestamp": "2025-03-05",
  "sizes": {
    "templateApp": {
      "css": 223731,
      "js": 512277
    },
    "@epam/app": {
      "css": 688555,
      "js": 5250258
    },
    "@epam/draft-rte": {
      "css": 9817,
      "js": 44419
    },
    "@epam/electric": {
      "css": 2275,
      "js": 2416
    },
    "@epam/promo": {
      "css": 47550,
      "js": 9134
    },
    "@epam/uui-extra": {
      "css": 0,
      "js": 213
    },
    "@epam/loveship": {
      "css": 53548,
      "js": 39135
    },
    "@epam/uui-components": {
      "css": 22693,
      "js": 236050
    },
    "@epam/uui-core": {
      "css": 0,
      "js": 325160
    },
    "@epam/uui-db": {
      "css": 0,
      "js": 42633
    },
    "@epam/uui-docs": {
      "css": 2506,
      "js": 177195
    },
    "@epam/uui-editor": {
      "css": 12757,
      "js": 165078
    },
    "@epam/uui-timeline": {
      "css": 2201,
      "js": 75105
    },
    "@epam/uui": {
      "css": 184273,
      "js": 315118
    }
  }
}

---

Generated by: generate-components-api
CI Status: ok

Total amount of exported types/props without JSDoc comments

	Amount
Types	320 (+18) ⚠️🆗
Props	232 (-1) 🆗

New missing comments

NOTE: It's either a new exported types/props without JSDoc, or it's an existing code from which you deleted the JSDoc comments.

Types:
- @epam/uui:AlertModsOverride
- @epam/uui:CountIndicatorModsOverride
- @epam/uui:DataPickerCellProps
- @epam/uui:DataRowAddonsModsOverride
- @epam/uui:DataTableCellModsOverride
- @epam/uui:DataTableCellProps
- @epam/uui:DataTableControlSize
- @epam/uui:DataTableHeaderCellProps
- @epam/uui:FlexRowMods
- @epam/uui:FlexRowModsOverride
- @epam/uui:IMobileDropdownWrapperProps
- @epam/uui:ModalFooterMods
- @epam/uui:ModalFooterModsOverride
- @epam/uui:ModalHeaderMods
- @epam/uui:ModalHeaderModsOverride
- @epam/uui:PartialSettings
- @epam/uui:PickerTogglerProps
- @epam/uui:StatusIndicatorModsOverride
Props:
- <empty>

[AlekseyManetov]

need to discuss

[AlekseyManetov]

need to discuss

[AlekseyManetov]

Need to think about this override interfaces, probably we should use here overrides from global DataTableMods interface to not force users to define overrides for such internal parts

[NatalliaAlieva]

Bugs

1. Adaptive panel: there is no spacing between the buttons in the example.

2. Column config: the width of the Configure Columns modal window is narrower than in prod.

3. Scroll: the scroll placement differs between Dev and production.

4. Pagination: the border size of the square is larger in Dev than in production.

5. Tag: the tag height remains the same in the "Size" example regardless of the size.

6. Demo -> Drag&Drop: the left menu list is shorter in Prod than in the Dev.