@webority/theme 0.10.0 → 0.11.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/dist/webority-theme.css +1 -1
- package/package.json +7 -1
- package/scss/wui/_typography.scss +47 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.11.0",
|
|
4
4
|
"description": "Webority shared design system — Bootstrap 5.3 SCSS overrides, --wui-* tokens, and shared component CSS. The single source of brand chrome for React portals and Razor sites.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -18,6 +18,12 @@
|
|
|
18
18
|
"dist"
|
|
19
19
|
],
|
|
20
20
|
"exports": {
|
|
21
|
+
".": {
|
|
22
|
+
"sass": "./index.scss",
|
|
23
|
+
"style": "./dist/webority-theme.css",
|
|
24
|
+
"default": "./index.scss"
|
|
25
|
+
},
|
|
26
|
+
"./scss/wui/*": "./scss/wui/_*.scss",
|
|
21
27
|
"./scss/*": "./scss/_*.scss",
|
|
22
28
|
"./css": "./dist/webority-theme.css",
|
|
23
29
|
"./package.json": "./package.json"
|
|
@@ -378,6 +378,53 @@ wui-multiselect[collapse-chips] .ms-chips {
|
|
|
378
378
|
align-items: center;
|
|
379
379
|
gap: 8px;
|
|
380
380
|
}
|
|
381
|
+
// Rich rows (option `description` / `avatar` / `initials` / `disabled`). The label block comes
|
|
382
|
+
// first in the markup so keyboard typeahead matches the name; the avatar is ordered before it.
|
|
383
|
+
.wui-opt-rich {
|
|
384
|
+
padding-top: 7px;
|
|
385
|
+
padding-bottom: 7px;
|
|
386
|
+
}
|
|
387
|
+
.wui-opt-rich .wui-opt-avatar {
|
|
388
|
+
order: -1;
|
|
389
|
+
}
|
|
390
|
+
.wui-opt-name,
|
|
391
|
+
.wui-opt-desc {
|
|
392
|
+
display: block;
|
|
393
|
+
overflow: hidden;
|
|
394
|
+
text-overflow: ellipsis;
|
|
395
|
+
white-space: nowrap;
|
|
396
|
+
}
|
|
397
|
+
.wui-opt-desc {
|
|
398
|
+
font-size: 0.8125rem;
|
|
399
|
+
font-weight: 400;
|
|
400
|
+
color: var(--color-text-subtle);
|
|
401
|
+
}
|
|
402
|
+
.wui-opt-hint {
|
|
403
|
+
flex: none;
|
|
404
|
+
font-size: 0.75rem;
|
|
405
|
+
color: var(--color-text-muted);
|
|
406
|
+
}
|
|
407
|
+
// A disabled row stays readable and reachable by the keyboard, but never looks choosable:
|
|
408
|
+
// no primary tint on hover or when the arrow keys land on it.
|
|
409
|
+
.search-select-option[aria-disabled='true'] {
|
|
410
|
+
cursor: not-allowed;
|
|
411
|
+
color: var(--color-text-muted);
|
|
412
|
+
}
|
|
413
|
+
.search-select-option[aria-disabled='true']:hover,
|
|
414
|
+
.search-select-option[aria-disabled='true'].is-active {
|
|
415
|
+
background: var(--color-bg-subtle);
|
|
416
|
+
color: var(--color-text-muted);
|
|
417
|
+
}
|
|
418
|
+
.search-select-option[aria-disabled='true'] .wui-opt-avatar {
|
|
419
|
+
opacity: 0.6;
|
|
420
|
+
}
|
|
421
|
+
// allow-custom: the inline text input wraps with the chips and keeps enough room to type.
|
|
422
|
+
.ms-chips > .ms-input {
|
|
423
|
+
flex: 1 0 8ch;
|
|
424
|
+
}
|
|
425
|
+
.wui-ms-custom-error:empty {
|
|
426
|
+
display: none;
|
|
427
|
+
}
|
|
381
428
|
.ms-input {
|
|
382
429
|
flex: 1;
|
|
383
430
|
min-width: 60px;
|