@webority/theme 0.30.0 → 0.31.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/README.md +2 -2
- package/dist/purge-safelist.json +42 -29
- package/dist/webority-theme.css +1 -1
- package/package.json +1 -1
- package/scss/_tokens.scss +1 -0
- package/scss/_variables.scss +1 -0
- package/scss/_wui-components.scss +3 -0
- package/scss/wui/_chart.scss +5 -309
- package/scss/wui/_chat.scss +82 -0
- package/scss/wui/_floating.scss +64 -0
- package/scss/wui/_media.scss +12 -0
- package/scss/wui/_shell.scss +8 -0
- package/scss/wui/_table-server.scss +4 -3
- package/scss/wui/_tour.scss +97 -0
package/README.md
CHANGED
|
@@ -176,7 +176,7 @@ Three layers. Do not collapse product art direction into the shared package.
|
|
|
176
176
|
- **Brand values** — `$primary` / `--wui-primary*` (and related) via pre-bootstrap variables or runtime CSS; use `wui-brand-primary` when setting primary once
|
|
177
177
|
- **Marketing art direction** — heroes, section rhythm, marquee, scroll reveals, page entry fades, marketing-only button shapes (pill / ghost-dark), wide marketing canvas
|
|
178
178
|
- **Screens and domain UI** — feature layouts, status→label maps, RoleBadge-style domain components
|
|
179
|
-
- **App infrastructure**: routing, auth, i18n copy, rich text, API (
|
|
179
|
+
- **App infrastructure**: routing, auth, i18n copy, rich text, API (charts are the library's `AppChart`)
|
|
180
180
|
|
|
181
181
|
### Products must not own (deviation)
|
|
182
182
|
|
|
@@ -236,7 +236,7 @@ Keep shipping all of these; classify for **when to use**, not for removal:
|
|
|
236
236
|
| Tier | Components | Library? | Notes |
|
|
237
237
|
|---|---|---|---|
|
|
238
238
|
| **Portal core** | Shell, DataTable, fields/selects, Modal, Confirm, Tabs, Card, Alert, Badge, StatusBadge, Stepper, File*, Date*, Phone, OTP, Toast, Empty/Skeleton/Spinner | **Yes — never product-fork** | Daily product UI |
|
|
239
|
-
| **Portal display** | `AppKpiTile`, `AppInfoList`, `AppTimeline`, `AppSplash`, `AppBanner`, `AppBreadcrumbs`, `AppProgress`, `AppMeter`, `
|
|
239
|
+
| **Portal display** | `AppKpiTile`, `AppInfoList`, `AppTimeline`, `AppSplash`, `AppBanner`, `AppBreadcrumbs`, `AppProgress`, `AppMeter`, `AppChart` | **Yes** | Shared across portals |
|
|
240
240
|
| **Commercial / plan UI** | `AppPricingCard`, `AppCompareTable`, `AppResourceCard` | **Yes — keep** | Pricing pages **and** in-app plan/billing. Editorial shape, not a second design system. Moving them to products would break React↔Razor parity. |
|
|
241
241
|
| **CSS marketing only** | section-y, btn-pill, reveal, marquee, … | **Opt-in partial** | Not App*; see marketing import above |
|
|
242
242
|
|
package/dist/purge-safelist.json
CHANGED
|
@@ -22,6 +22,8 @@
|
|
|
22
22
|
"alert-stack",
|
|
23
23
|
"align-bottom",
|
|
24
24
|
"align-items-center",
|
|
25
|
+
"align-items-end",
|
|
26
|
+
"align-self-end",
|
|
25
27
|
"align-top",
|
|
26
28
|
"app-content",
|
|
27
29
|
"app-footer",
|
|
@@ -272,6 +274,8 @@
|
|
|
272
274
|
"file-preview-open",
|
|
273
275
|
"file-preview-overlay",
|
|
274
276
|
"file-preview-remove",
|
|
277
|
+
"flex-column",
|
|
278
|
+
"flex-grow-1",
|
|
275
279
|
"flex-wrap",
|
|
276
280
|
"float-label",
|
|
277
281
|
"form-actions",
|
|
@@ -293,7 +297,10 @@
|
|
|
293
297
|
"form-switch",
|
|
294
298
|
"form-switch-circle",
|
|
295
299
|
"form-switch-pill",
|
|
300
|
+
"fw-semibold",
|
|
301
|
+
"gap-1",
|
|
296
302
|
"gap-2",
|
|
303
|
+
"gap-3",
|
|
297
304
|
"h1",
|
|
298
305
|
"h2",
|
|
299
306
|
"h3",
|
|
@@ -366,8 +373,11 @@
|
|
|
366
373
|
"label",
|
|
367
374
|
"label-optional",
|
|
368
375
|
"lead",
|
|
376
|
+
"list-unstyled",
|
|
369
377
|
"mark",
|
|
370
378
|
"mb-0",
|
|
379
|
+
"mb-1",
|
|
380
|
+
"mb-2",
|
|
371
381
|
"me-2",
|
|
372
382
|
"met",
|
|
373
383
|
"mobile-open",
|
|
@@ -382,6 +392,7 @@
|
|
|
382
392
|
"ms-input",
|
|
383
393
|
"ms-opt-label",
|
|
384
394
|
"mt-3",
|
|
395
|
+
"my-2",
|
|
385
396
|
"nav",
|
|
386
397
|
"nav-link",
|
|
387
398
|
"nav-tabs",
|
|
@@ -449,6 +460,7 @@
|
|
|
449
460
|
"progress-bar-animated",
|
|
450
461
|
"progress-bar-striped",
|
|
451
462
|
"progress-sm",
|
|
463
|
+
"ps-4",
|
|
452
464
|
"pw",
|
|
453
465
|
"pw-criteria",
|
|
454
466
|
"pw-eye",
|
|
@@ -482,6 +494,7 @@
|
|
|
482
494
|
"result-subtitle",
|
|
483
495
|
"result-title",
|
|
484
496
|
"rounded",
|
|
497
|
+
"rounded-pill",
|
|
485
498
|
"row",
|
|
486
499
|
"search-clear",
|
|
487
500
|
"search-field",
|
|
@@ -602,6 +615,8 @@
|
|
|
602
615
|
"table",
|
|
603
616
|
"table-ledger",
|
|
604
617
|
"table-pagination",
|
|
618
|
+
"table-responsive",
|
|
619
|
+
"table-sm",
|
|
605
620
|
"table-wrap",
|
|
606
621
|
"tbl-empty",
|
|
607
622
|
"tbl-empty-action",
|
|
@@ -610,7 +625,10 @@
|
|
|
610
625
|
"tbl-empty-plain",
|
|
611
626
|
"tbl-empty-text",
|
|
612
627
|
"tbl-empty-title",
|
|
628
|
+
"text-body-secondary",
|
|
629
|
+
"text-break",
|
|
613
630
|
"text-center",
|
|
631
|
+
"text-danger",
|
|
614
632
|
"text-end",
|
|
615
633
|
"text-nowrap",
|
|
616
634
|
"text-start",
|
|
@@ -700,12 +718,6 @@
|
|
|
700
718
|
"wui-banner-body",
|
|
701
719
|
"wui-banner-dismiss",
|
|
702
720
|
"wui-banner-icon",
|
|
703
|
-
"wui-bar-chart-fill",
|
|
704
|
-
"wui-bar-chart-item",
|
|
705
|
-
"wui-bar-chart-label",
|
|
706
|
-
"wui-bar-chart-list",
|
|
707
|
-
"wui-bar-chart-track",
|
|
708
|
-
"wui-bar-chart-value",
|
|
709
721
|
"wui-bell-body",
|
|
710
722
|
"wui-bell-count",
|
|
711
723
|
"wui-bell-dot",
|
|
@@ -734,43 +746,25 @@
|
|
|
734
746
|
"wui-calendar-view-btn",
|
|
735
747
|
"wui-calendar-views",
|
|
736
748
|
"wui-cell-end",
|
|
737
|
-
"wui-chart",
|
|
738
|
-
"wui-chart-band",
|
|
739
|
-
"wui-chart-band-label",
|
|
740
749
|
"wui-chart-canvas",
|
|
741
750
|
"wui-chart-card",
|
|
742
751
|
"wui-chart-card-legend-off",
|
|
743
752
|
"wui-chart-card-legend-tool",
|
|
744
753
|
"wui-chart-card-retry",
|
|
745
754
|
"wui-chart-card-tool",
|
|
746
|
-
"wui-chart-dot",
|
|
747
|
-
"wui-chart-grid",
|
|
748
755
|
"wui-chart-legend",
|
|
749
756
|
"wui-chart-legend-item",
|
|
750
757
|
"wui-chart-legend-label",
|
|
751
758
|
"wui-chart-legend-swatch",
|
|
752
759
|
"wui-chart-legend-swatch-line",
|
|
753
|
-
"wui-chart-line",
|
|
754
760
|
"wui-chart-num",
|
|
755
|
-
"wui-chart-plot",
|
|
756
|
-
"wui-chart-point",
|
|
757
|
-
"wui-chart-point-end",
|
|
758
|
-
"wui-chart-point-start",
|
|
759
|
-
"wui-chart-reference",
|
|
760
|
-
"wui-chart-reference-label",
|
|
761
761
|
"wui-chart-skeleton",
|
|
762
762
|
"wui-chart-state",
|
|
763
763
|
"wui-chart-state-text",
|
|
764
764
|
"wui-chart-surface",
|
|
765
|
-
"wui-chart-svg",
|
|
766
765
|
"wui-chart-table",
|
|
767
766
|
"wui-chart-table-note",
|
|
768
767
|
"wui-chart-table-wrap",
|
|
769
|
-
"wui-chart-tick",
|
|
770
|
-
"wui-chart-tip",
|
|
771
|
-
"wui-chart-tip-label",
|
|
772
|
-
"wui-chart-tip-value",
|
|
773
|
-
"wui-chart-title",
|
|
774
768
|
"wui-chart-tooltip",
|
|
775
769
|
"wui-chart-tooltip-body",
|
|
776
770
|
"wui-chart-tooltip-foot",
|
|
@@ -780,9 +774,13 @@
|
|
|
780
774
|
"wui-chart-tooltip-swatch-line",
|
|
781
775
|
"wui-chart-tooltip-title",
|
|
782
776
|
"wui-chart-tooltip-value",
|
|
783
|
-
"wui-
|
|
784
|
-
"wui-
|
|
785
|
-
"wui-
|
|
777
|
+
"wui-chat-body",
|
|
778
|
+
"wui-chat-bubble",
|
|
779
|
+
"wui-chat-empty",
|
|
780
|
+
"wui-chat-foot",
|
|
781
|
+
"wui-chat-launcher",
|
|
782
|
+
"wui-chat-panel",
|
|
783
|
+
"wui-chat-question",
|
|
786
784
|
"wui-check",
|
|
787
785
|
"wui-cmd-card",
|
|
788
786
|
"wui-cmd-empty",
|
|
@@ -894,6 +892,7 @@
|
|
|
894
892
|
"wui-file-viewer-zoom",
|
|
895
893
|
"wui-filter-bar",
|
|
896
894
|
"wui-flag",
|
|
895
|
+
"wui-floating-btn",
|
|
897
896
|
"wui-form-compact",
|
|
898
897
|
"wui-form-labels-start",
|
|
899
898
|
"wui-form-side",
|
|
@@ -950,6 +949,7 @@
|
|
|
950
949
|
"wui-modal-title",
|
|
951
950
|
"wui-ms-custom-error",
|
|
952
951
|
"wui-name-cell",
|
|
952
|
+
"wui-nav-group-after",
|
|
953
953
|
"wui-opt-avatar",
|
|
954
954
|
"wui-opt-desc",
|
|
955
955
|
"wui-opt-hint",
|
|
@@ -1014,6 +1014,8 @@
|
|
|
1014
1014
|
"wui-table-toolbar-count",
|
|
1015
1015
|
"wui-table-toolbar-filters",
|
|
1016
1016
|
"wui-table-toolbar-main",
|
|
1017
|
+
"wui-text-sm",
|
|
1018
|
+
"wui-text-xs",
|
|
1017
1019
|
"wui-theme-switching",
|
|
1018
1020
|
"wui-theme-toggle",
|
|
1019
1021
|
"wui-timepicker-col",
|
|
@@ -1050,6 +1052,17 @@
|
|
|
1050
1052
|
"wui-topsearch-open",
|
|
1051
1053
|
"wui-topsearch-panel",
|
|
1052
1054
|
"wui-topsearch-results",
|
|
1055
|
+
"wui-tour-actions",
|
|
1056
|
+
"wui-tour-back",
|
|
1057
|
+
"wui-tour-card",
|
|
1058
|
+
"wui-tour-layer",
|
|
1059
|
+
"wui-tour-nav",
|
|
1060
|
+
"wui-tour-next",
|
|
1061
|
+
"wui-tour-position",
|
|
1062
|
+
"wui-tour-skip",
|
|
1063
|
+
"wui-tour-spot",
|
|
1064
|
+
"wui-tour-text",
|
|
1065
|
+
"wui-tour-title",
|
|
1053
1066
|
"wui-tree",
|
|
1054
1067
|
"wui-tree-badge",
|
|
1055
1068
|
"wui-tree-check",
|
|
@@ -1102,11 +1115,10 @@
|
|
|
1102
1115
|
"^workspace-switcher-",
|
|
1103
1116
|
"^wui-",
|
|
1104
1117
|
"^wui-banner-",
|
|
1105
|
-
"^wui-bar-chart-",
|
|
1106
1118
|
"^wui-bell-",
|
|
1107
1119
|
"^wui-calendar-event-",
|
|
1108
1120
|
"^wui-chart-",
|
|
1109
|
-
"^wui-
|
|
1121
|
+
"^wui-chat-",
|
|
1110
1122
|
"^wui-consent-",
|
|
1111
1123
|
"^wui-dashboard-cell-",
|
|
1112
1124
|
"^wui-file-viewer-",
|
|
@@ -1118,6 +1130,7 @@
|
|
|
1118
1130
|
"^wui-step-tone-",
|
|
1119
1131
|
"^wui-table-",
|
|
1120
1132
|
"^wui-topsearch-",
|
|
1133
|
+
"^wui-tour-",
|
|
1121
1134
|
"^wui-tree-",
|
|
1122
1135
|
"^wui-usermenu-"
|
|
1123
1136
|
]
|