@webority/theme 0.127.0 → 0.129.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 CHANGED
@@ -95,7 +95,7 @@ layer and the rare ones from the screens that use them:
95
95
  ```
96
96
 
97
97
  The on-demand partials are `wui/kanban`, `wui/file-viewer`, `wui/workspace`, `wui/calendar`,
98
- `wui/rich-text`, `wui/image-crop`, `wui/command-palette`, `wui/tour`, `wui/tree`, `wui/dock` and `wui/chat`.
98
+ `wui/rich-text`, `wui/image-crop`, `wui/command-palette`, `wui/tour`, `wui/tree` and `wui/dock`.
99
99
  The full `wui-components` chain stays the default and renders as before. Each on-demand partial owns the classes and elements named after it, and no core partial styles them (`scripts/check-theme-split.mjs`).
100
100
 
101
101
  Caution: an on-demand partial loaded after the core sheet comes after the shared focus ring and pressed
@@ -165,10 +165,15 @@ Set `data-theme="auto"` on `<html>` to detect the system preference via `@media
165
165
  and apply the dark remap automatically. The toggle's System choice is this mode; it also writes the
166
166
  resolved theme to `data-bs-theme` and keeps it in step when the device changes.
167
167
 
168
+ ### Light box inside a dark page
169
+
170
+ Put `data-theme="light"` (or `data-bs-theme="light"`) on any element inside a dark page and it, with its children, draws in the light colours, including a brand's own light values. This works under a dark `<html>`, under `data-theme="auto"` when the device is dark, and inside a dark section. Use it for a surface that stays white, such as a printed-report preview, instead of re-pinning light colour names by hand.
171
+
168
172
  ### Implementation
169
173
 
170
174
  Both patterns use the same dark-token block (generated into `scss/_tokens.generated.scss`),
171
175
  so the compiled dark CSS is byte-identical whether toggled manually or via system preference.
176
+ The dark mapping also carries the Bootstrap heading, primary, link and secondary values, derived from the dark tokens, so a product needs no dark block of its own for them.
172
177
 
173
178
  Token remap includes:
174
179
  - **Surfaces & text** — `--color-bg`, `--color-border`, `--color-text*`
@@ -238,9 +243,9 @@ Anti-over-correction checklist. When thinning the package (e.g. marketing extrac
238
243
  - Theme colors + `wui-brand-primary`; body/text/surface/border ramps
239
244
  - Radius ladder that differs from Bootstrap; spacer map extensions (6+)
240
245
  - Status ramps: fills **and** `-text` / danger-strong
241
- - Control heights (`--wui-control-sm|md|lg`: sm 32, md 36, lg 44; md is 44 on phone-width and touch screens) and one disabled opacity (`--wui-disabled-opacity`); flat in-page elevation; overlay shadows only
246
+ - Control heights (`--wui-control-sm|md|lg`: sm 32, md 36, lg 44; md is 44 on phone-width and touch screens) and one disabled opacity (`--wui-disabled-opacity`); flat in-page elevation; one low --wui-shadow-elevated and the overlay shadows
242
247
  - Z-index scale (`--wui-z-*`); dark-mode `--bs-*` / RGB bridges
243
- - Focus: no input glow (`$input-focus-box-shadow: none`); fields keep a soft brand border and also draw the shared keyboard ring
248
+ - Focus: no input glow (`$input-focus-box-shadow: none`); fields keep a soft brand border and also draw the shared keyboard ring; --wui-focus-ring-soft-shadow is the soft halo for a focused field
244
249
 
245
250
  ### One skin on Bootstrap classes (not a second kit)
246
251
 
@@ -428,13 +428,14 @@
428
428
  "shadow": {
429
429
  "card": "none",
430
430
  "drawer": "0px 24px 60px -16px rgba(7, 20, 55, 0.28)",
431
+ "elevated": "0px 2px 8px -2px rgba(7, 20, 55, 0.10)",
431
432
  "modal": "0px 24px 60px -16px rgba(7, 20, 55, 0.28)",
432
433
  "popover": "0px 8px 28px -6px rgba(7, 20, 55, 0.14)"
433
434
  },
434
435
  "font": {
435
436
  "sans": {
436
437
  "family": "Webority Sans",
437
- "fallback": "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif"
438
+ "fallback": "Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif"
438
439
  },
439
440
  "display": {
440
441
  "family": "Webority Serif",
@@ -22,8 +22,6 @@
22
22
  "alert-stack",
23
23
  "align-bottom",
24
24
  "align-items-center",
25
- "align-items-end",
26
- "align-self-end",
27
25
  "align-top",
28
26
  "app-content",
29
27
  "app-footer",
@@ -103,7 +101,6 @@
103
101
  "badge",
104
102
  "badge-dot",
105
103
  "bg-primary",
106
- "bi",
107
104
  "blockquote",
108
105
  "border",
109
106
  "border-bottom",
@@ -142,7 +139,9 @@
142
139
  "card-clickable",
143
140
  "card-close",
144
141
  "card-constrained",
142
+ "card-divided",
145
143
  "card-elevated",
144
+ "card-flush",
146
145
  "card-footer",
147
146
  "card-header",
148
147
  "card-header-actions",
@@ -202,7 +201,6 @@
202
201
  "country-name-text",
203
202
  "country-toggle",
204
203
  "current",
205
- "d-block",
206
204
  "d-flex",
207
205
  "d-inline-flex",
208
206
  "danger",
@@ -243,14 +241,12 @@
243
241
  "down",
244
242
  "dragging",
245
243
  "drawer",
246
- "drawer-header",
247
- "drawer-title",
248
- "drawer-title-ic",
249
244
  "drop-up",
250
245
  "dropdown",
251
246
  "dropdown-divider",
252
247
  "dropdown-header",
253
248
  "dropdown-item",
249
+ "dropdown-item-text",
254
250
  "dropdown-menu",
255
251
  "dropdown-menu-end",
256
252
  "dropdown-search-icon",
@@ -301,6 +297,8 @@
301
297
  "form-check-circle",
302
298
  "form-check-input",
303
299
  "form-check-label",
300
+ "form-check-lg",
301
+ "form-check-sm",
304
302
  "form-control",
305
303
  "form-control-sm",
306
304
  "form-label",
@@ -373,7 +371,6 @@
373
371
  "is-today",
374
372
  "justify-content-between",
375
373
  "justify-content-center",
376
- "justify-content-end",
377
374
  "kpi",
378
375
  "kpi-accent",
379
376
  "kpi-attention",
@@ -392,7 +389,6 @@
392
389
  "label",
393
390
  "label-optional",
394
391
  "lead",
395
- "list-unstyled",
396
392
  "mark",
397
393
  "mb-0",
398
394
  "mb-1",
@@ -408,7 +404,6 @@
408
404
  "modal-content",
409
405
  "modal-dialog",
410
406
  "modal-dialog-centered",
411
- "modal-footer",
412
407
  "ms-1",
413
408
  "ms-2",
414
409
  "ms-check",
@@ -437,7 +432,6 @@
437
432
  "otp-field",
438
433
  "otp-slot",
439
434
  "otp-slots",
440
- "overflow-hidden",
441
435
  "p-0",
442
436
  "p-3",
443
437
  "page-actions",
@@ -481,7 +475,6 @@
481
475
  "plan-price-unit",
482
476
  "plan-tagline",
483
477
  "popover",
484
- "popover-header",
485
478
  "position-fixed",
486
479
  "prev",
487
480
  "primary",
@@ -500,9 +493,7 @@
500
493
  "pw-rule",
501
494
  "pw-rule-text",
502
495
  "pw-toggle",
503
- "px-2",
504
496
  "px-3",
505
- "py-1",
506
497
  "py-2",
507
498
  "py-3",
508
499
  "py-5",
@@ -591,7 +582,6 @@
591
582
  "slider-track",
592
583
  "slider-value",
593
584
  "small",
594
- "sort-icon",
595
585
  "sortable",
596
586
  "spinner-border",
597
587
  "spinner-border-sm",
@@ -640,10 +630,8 @@
640
630
  "tbl-empty-plain",
641
631
  "text-bg-primary",
642
632
  "text-body-secondary",
643
- "text-break",
644
633
  "text-center",
645
634
  "text-danger",
646
- "text-end",
647
635
  "text-muted",
648
636
  "text-nowrap",
649
637
  "text-start",
@@ -684,7 +672,6 @@
684
672
  "toolbar-item-label",
685
673
  "toolbar-sep",
686
674
  "tooltip",
687
- "tooltip-inner",
688
675
  "top-0",
689
676
  "top-50",
690
677
  "topbar-icon-btn",
@@ -744,6 +731,15 @@
744
731
  "wui-accordion-item",
745
732
  "wui-accordion-panel",
746
733
  "wui-accordion-trigger",
734
+ "wui-account-switcher",
735
+ "wui-account-switcher-badge",
736
+ "wui-account-switcher-label",
737
+ "wui-account-switcher-list",
738
+ "wui-account-switcher-option",
739
+ "wui-account-switcher-option-name",
740
+ "wui-account-switcher-option-note",
741
+ "wui-account-switcher-option-text",
742
+ "wui-account-switcher-tick",
747
743
  "wui-action-icon-file",
748
744
  "wui-addon",
749
745
  "wui-addon-group",
@@ -751,6 +747,14 @@
751
747
  "wui-addon-group-sm",
752
748
  "wui-attach-error",
753
749
  "wui-attach-progress",
750
+ "wui-auth",
751
+ "wui-auth-aside",
752
+ "wui-auth-body",
753
+ "wui-auth-footer",
754
+ "wui-auth-logo",
755
+ "wui-auth-main",
756
+ "wui-auth-panel",
757
+ "wui-auth-split",
754
758
  "wui-banner",
755
759
  "wui-banner-action",
756
760
  "wui-banner-body",
@@ -773,6 +777,13 @@
773
777
  "wui-bell-title",
774
778
  "wui-bell-trigger",
775
779
  "wui-bell-when",
780
+ "wui-brand-dark",
781
+ "wui-brand-has-mark",
782
+ "wui-brand-light",
783
+ "wui-brand-logo",
784
+ "wui-brand-mark",
785
+ "wui-brand-mark-only",
786
+ "wui-brand-themed",
776
787
  "wui-btn-group",
777
788
  "wui-btn-group-full",
778
789
  "wui-btn-pin-end",
@@ -807,7 +818,12 @@
807
818
  "wui-carousel-slide",
808
819
  "wui-carousel-stage",
809
820
  "wui-carousel-track",
821
+ "wui-cell",
810
822
  "wui-cell-end",
823
+ "wui-cell-mono",
824
+ "wui-cell-numeric",
825
+ "wui-cell-primary",
826
+ "wui-cell-secondary",
811
827
  "wui-chart-canvas",
812
828
  "wui-chart-card",
813
829
  "wui-chart-card-legend-off",
@@ -836,21 +852,6 @@
836
852
  "wui-chart-tooltip-swatch-line",
837
853
  "wui-chart-tooltip-title",
838
854
  "wui-chart-tooltip-value",
839
- "wui-chat-attachments",
840
- "wui-chat-body",
841
- "wui-chat-bubble",
842
- "wui-chat-composer",
843
- "wui-chat-editing",
844
- "wui-chat-empty",
845
- "wui-chat-foot",
846
- "wui-chat-launcher",
847
- "wui-chat-panel",
848
- "wui-chat-past",
849
- "wui-chat-past-row",
850
- "wui-chat-question",
851
- "wui-chat-question-attachments",
852
- "wui-chat-suggestions",
853
- "wui-chat-turn-actions",
854
855
  "wui-check",
855
856
  "wui-chip-group",
856
857
  "wui-chip-group-nowrap",
@@ -889,7 +890,6 @@
889
890
  "wui-code-title",
890
891
  "wui-code-view",
891
892
  "wui-col-grow",
892
- "wui-col-hidden",
893
893
  "wui-col-resizable",
894
894
  "wui-col-resize",
895
895
  "wui-column-menu",
@@ -996,8 +996,6 @@
996
996
  "wui-drawer-backdrop",
997
997
  "wui-drawer-body",
998
998
  "wui-drawer-close",
999
- "wui-drawer-discard",
1000
- "wui-drawer-discard-text",
1001
999
  "wui-drawer-discarding",
1002
1000
  "wui-drawer-footer",
1003
1001
  "wui-drawer-grip",
@@ -1025,6 +1023,7 @@
1025
1023
  "wui-error-summary-list",
1026
1024
  "wui-error-summary-title",
1027
1025
  "wui-expand-cell",
1026
+ "wui-field-busy",
1028
1027
  "wui-field-message",
1029
1028
  "wui-file-busy",
1030
1029
  "wui-file-input-button-field",
@@ -1107,6 +1106,10 @@
1107
1106
  "wui-flag",
1108
1107
  "wui-float-above",
1109
1108
  "wui-floating-btn",
1109
+ "wui-floating-btn--lg",
1110
+ "wui-floating-btn--secondary",
1111
+ "wui-floating-btn--sm",
1112
+ "wui-floating-stack-item",
1110
1113
  "wui-force-active",
1111
1114
  "wui-force-focus",
1112
1115
  "wui-force-hover",
@@ -1156,6 +1159,7 @@
1156
1159
  "wui-image-picker-subtitle",
1157
1160
  "wui-image-picker-title",
1158
1161
  "wui-inline-edit",
1162
+ "wui-inline-edit--nowrap",
1159
1163
  "wui-inline-edit-display",
1160
1164
  "wui-inline-edit-editor",
1161
1165
  "wui-inline-edit-error",
@@ -1164,7 +1168,6 @@
1164
1168
  "wui-inline-edit-spinner",
1165
1169
  "wui-inline-edit-status",
1166
1170
  "wui-inline-edit-value",
1167
- "wui-input-xl",
1168
1171
  "wui-kanban",
1169
1172
  "wui-kanban-action",
1170
1173
  "wui-kanban-actions",
@@ -1191,7 +1194,6 @@
1191
1194
  "wui-kpi-delta--danger",
1192
1195
  "wui-kpi-delta--neutral",
1193
1196
  "wui-kpi-delta--success",
1194
- "wui-leaving",
1195
1197
  "wui-lightbox",
1196
1198
  "wui-lightbox-bar",
1197
1199
  "wui-lightbox-btn",
@@ -1208,6 +1210,7 @@
1208
1210
  "wui-lightbox-tools",
1209
1211
  "wui-lightbox-zoomed",
1210
1212
  "wui-link",
1213
+ "wui-link--clamp",
1211
1214
  "wui-link--lg",
1212
1215
  "wui-link--sm",
1213
1216
  "wui-link--static",
@@ -1251,19 +1254,12 @@
1251
1254
  "wui-modal-headicon",
1252
1255
  "wui-modal-heading",
1253
1256
  "wui-modal-headtext",
1254
- "wui-modal-loading",
1255
1257
  "wui-modal-shell",
1256
- "wui-modal-skeleton",
1257
- "wui-modal-skeleton--short",
1258
1258
  "wui-modal-stacked",
1259
- "wui-modal-state",
1260
- "wui-modal-state-actions",
1261
- "wui-modal-state-text",
1262
- "wui-modal-state-title",
1263
- "wui-modal-submit-error",
1264
1259
  "wui-modal-subtitle",
1265
1260
  "wui-modal-title",
1266
1261
  "wui-money",
1262
+ "wui-mono",
1267
1263
  "wui-ms-custom-error",
1268
1264
  "wui-name-cell",
1269
1265
  "wui-nav-group-after",
@@ -1349,9 +1345,12 @@
1349
1345
  "wui-page-header-meta-below",
1350
1346
  "wui-page-header-subtitle-inline",
1351
1347
  "wui-page-title-slot",
1348
+ "wui-pager-summary",
1352
1349
  "wui-period-month",
1353
1350
  "wui-period-month-label",
1354
1351
  "wui-period-picker",
1352
+ "wui-phone-prefix",
1353
+ "wui-pre-line",
1355
1354
  "wui-progress-indeterminate",
1356
1355
  "wui-progress-info",
1357
1356
  "wui-progress-label",
@@ -1384,8 +1383,6 @@
1384
1383
  "wui-record-pager-position",
1385
1384
  "wui-record-pager-prev",
1386
1385
  "wui-relative-time",
1387
- "wui-remote-drawer",
1388
- "wui-remote-drawer-dialog",
1389
1386
  "wui-resizable",
1390
1387
  "wui-resizable-handle",
1391
1388
  "wui-resizable-panel",
@@ -1424,7 +1421,6 @@
1424
1421
  "wui-scroll",
1425
1422
  "wui-search-collapsible",
1426
1423
  "wui-search-select-value-avatar",
1427
- "wui-search-select-xl",
1428
1424
  "wui-search-toggle",
1429
1425
  "wui-section",
1430
1426
  "wui-section-actions",
@@ -1467,6 +1463,9 @@
1467
1463
  "wui-segmented-option-count",
1468
1464
  "wui-select-cell",
1469
1465
  "wui-shell-launcher",
1466
+ "wui-shell-top",
1467
+ "wui-shell-top-brand",
1468
+ "wui-shell-top-nav",
1470
1469
  "wui-shortcut-close",
1471
1470
  "wui-shortcut-group",
1472
1471
  "wui-shortcut-group-title",
@@ -1519,7 +1518,6 @@
1519
1518
  "wui-split-menu",
1520
1519
  "wui-split-pane",
1521
1520
  "wui-split-pane-body",
1522
- "wui-split-pane-error",
1523
1521
  "wui-split-pane-head",
1524
1522
  "wui-split-reading",
1525
1523
  "wui-split-skeleton",
@@ -1548,7 +1546,6 @@
1548
1546
  "wui-table-compact",
1549
1547
  "wui-table-cozy",
1550
1548
  "wui-table-empty",
1551
- "wui-table-error",
1552
1549
  "wui-table-flush",
1553
1550
  "wui-table-pager",
1554
1551
  "wui-table-pagination-sm",
@@ -1568,7 +1565,6 @@
1568
1565
  "wui-table-toolbar-filters",
1569
1566
  "wui-table-toolbar-main",
1570
1567
  "wui-text-sm",
1571
- "wui-text-xs",
1572
1568
  "wui-theme-switching",
1573
1569
  "wui-theme-toggle",
1574
1570
  "wui-timeline--lg",
@@ -1648,6 +1644,8 @@
1648
1644
  "wui-truncate-multi",
1649
1645
  "wui-truncate-text",
1650
1646
  "wui-usermenu-caret",
1647
+ "wui-usermenu-extra",
1648
+ "wui-usermenu-foot",
1651
1649
  "wui-usermenu-head",
1652
1650
  "wui-usermenu-logout",
1653
1651
  "wui-usermenu-menu",
@@ -1655,6 +1653,7 @@
1655
1653
  "wui-usermenu-role",
1656
1654
  "wui-usermenu-roles",
1657
1655
  "wui-usermenu-roles-label",
1656
+ "wui-usermenu-section",
1658
1657
  "wui-usermenu-text",
1659
1658
  "wui-usermenu-trigger",
1660
1659
  "wui-usermenu-who",
@@ -1698,10 +1697,13 @@
1698
1697
  "^descs-col-",
1699
1698
  "^dropdown-",
1700
1699
  "^form-actions-",
1700
+ "^form-check-",
1701
1701
  "^group-",
1702
1702
  "^infotip-popover-",
1703
+ "^input-",
1703
1704
  "^is-",
1704
1705
  "^kpi-icon-",
1706
+ "^otp-",
1705
1707
  "^page-header-",
1706
1708
  "^result-",
1707
1709
  "^row-",
@@ -1716,7 +1718,6 @@
1716
1718
  "^wui-calendar-event-",
1717
1719
  "^wui-carousel-",
1718
1720
  "^wui-chart-",
1719
- "^wui-chat-",
1720
1721
  "^wui-code-t-",
1721
1722
  "^wui-compare-state-",
1722
1723
  "^wui-consent-",
@@ -1738,6 +1739,7 @@
1738
1739
  "^wui-nav-group-",
1739
1740
  "^wui-notification-center-",
1740
1741
  "^wui-onboarding-",
1742
+ "^wui-phone-",
1741
1743
  "^wui-pin-",
1742
1744
  "^wui-progress-",
1743
1745
  "^wui-rating-",