@openproject/primer-view-components 0.46.1 → 0.47.0-rc.da0eb85e
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/app/assets/javascripts/primer_view_components.js +1 -1
- package/app/assets/javascripts/primer_view_components.js.map +1 -1
- package/app/assets/styles/primer_view_components.css +1 -1
- package/app/assets/styles/primer_view_components.css.map +1 -1
- package/app/components/primer/alpha/select_panel.css +1 -0
- package/app/components/primer/alpha/select_panel.css.json +7 -0
- package/app/components/primer/alpha/select_panel_element.js +6 -6
- package/app/components/primer/beta/label.css +1 -1
- package/lib/primer/forms/primer_text_field.js +1 -0
- package/package.json +1 -1
- package/static/classes.json +6 -0
- package/static/constants.json +2 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.SelectPanel-emptyPanel,.SelectPanel-loadingPanel{min-height:min(var(--overlay-height) - 10rem,100vh - 2rem)}
|
|
@@ -435,12 +435,7 @@ _SelectPanelElement_updateTabIndices = function _SelectPanelElement_updateTabInd
|
|
|
435
435
|
const itemContent = __classPrivateFieldGet(this, _SelectPanelElement_instances, "m", _SelectPanelElement_getItemContent).call(this, item);
|
|
436
436
|
if (!itemContent)
|
|
437
437
|
continue;
|
|
438
|
-
|
|
439
|
-
setZeroTabIndex = true;
|
|
440
|
-
}
|
|
441
|
-
else {
|
|
442
|
-
itemContent.setAttribute('tabindex', '-1');
|
|
443
|
-
}
|
|
438
|
+
itemContent.setAttribute('tabindex', '-1');
|
|
444
439
|
// <li> elements should not themselves be tabbable
|
|
445
440
|
item.removeAttribute('tabindex');
|
|
446
441
|
}
|
|
@@ -718,6 +713,8 @@ _SelectPanelElement_inErrorState = function _SelectPanelElement_inErrorState() {
|
|
|
718
713
|
if (this.fragmentErrorElement && !this.fragmentErrorElement.hasAttribute('hidden')) {
|
|
719
714
|
return true;
|
|
720
715
|
}
|
|
716
|
+
if (!this.bannerErrorElement)
|
|
717
|
+
return false;
|
|
721
718
|
return !this.bannerErrorElement.hasAttribute('hidden');
|
|
722
719
|
};
|
|
723
720
|
_SelectPanelElement_setErrorState = function _SelectPanelElement_setErrorState(type) {
|
|
@@ -841,6 +838,9 @@ _SelectPanelElement_handleItemActivated = function _SelectPanelElement_handleIte
|
|
|
841
838
|
return;
|
|
842
839
|
const itemContent = __classPrivateFieldGet(this, _SelectPanelElement_instances, "m", _SelectPanelElement_getItemContent).call(this, item);
|
|
843
840
|
if (this.selectVariant === 'single') {
|
|
841
|
+
// Don't check anything if we have an href
|
|
842
|
+
if (itemContent?.getAttribute('href'))
|
|
843
|
+
return;
|
|
844
844
|
// disallow unchecking checked item in single-select mode
|
|
845
845
|
if (!currentlyChecked) {
|
|
846
846
|
for (const el of this.items) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.labels{position:relative}.Label,.label{border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:
|
|
1
|
+
.labels{position:relative}.Label,.label{border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:var(--borderRadius-full);display:inline-block;font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-medium);line-height:18px;padding:0 var(--base-size-6);white-space:nowrap}:is(.label,.Label):hover{-webkit-text-decoration:none;text-decoration:none}.Label--large{line-height:22px;padding:0 var(--base-size-8)}.Label--inline{display:inline;font-size:85%;padding:.12em .5em}.Label--primary{border-color:var(--borderColor-neutral-emphasis);color:var(--fgColor-default)}.Label--secondary{border-color:var(--borderColor-default);color:var(--fgColor-muted)}.Label--accent,.Label--info{border-color:var(--borderColor-accent-emphasis);color:var(--fgColor-accent)}.Label--success{border-color:var(--borderColor-success-emphasis);color:var(--fgColor-success)}.Label--attention,.Label--warning{border-color:var(--borderColor-attention-emphasis);color:var(--fgColor-attention)}.Label--severe{border-color:var(--borderColor-severe-emphasis);color:var(--fgColor-severe)}.Label--danger{border-color:var(--borderColor-danger-emphasis);color:var(--fgColor-danger)}.Label--open{border-color:var(--borderColor-open-emphasis);color:var(--fgColor-open)}.Label--closed{border-color:var(--borderColor-closed-emphasis);color:var(--fgColor-closed)}.Label--done{border-color:var(--borderColor-done-emphasis);color:var(--fgColor-done)}.Label--sponsors{border-color:var(--borderColor-sponsors-emphasis);color:var(--fgColor-sponsors)}
|
|
@@ -47,6 +47,7 @@ let PrimerTextFieldElement = class PrimerTextFieldElement extends HTMLElement {
|
|
|
47
47
|
clearContents() {
|
|
48
48
|
this.inputElement.value = '';
|
|
49
49
|
this.inputElement.focus();
|
|
50
|
+
this.inputElement.dispatchEvent(new Event('input', { bubbles: true, cancelable: false }));
|
|
50
51
|
}
|
|
51
52
|
clearError() {
|
|
52
53
|
this.inputElement.removeAttribute('invalid');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openproject/primer-view-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.47.0-rc.da0eb85e",
|
|
4
4
|
"description": "ViewComponents of the Primer Design System for OpenProject",
|
|
5
5
|
"main": "app/assets/javascripts/primer_view_components.js",
|
|
6
6
|
"module": "app/components/primer/primer.js",
|
package/static/classes.json
CHANGED
|
@@ -546,6 +546,12 @@
|
|
|
546
546
|
"SegmentedControl-item": [
|
|
547
547
|
"Primer::Alpha::SegmentedControl"
|
|
548
548
|
],
|
|
549
|
+
"SelectPanel-emptyPanel": [
|
|
550
|
+
"Primer::Alpha::SelectPanel"
|
|
551
|
+
],
|
|
552
|
+
"SelectPanel-loadingPanel": [
|
|
553
|
+
"Primer::Alpha::SelectPanel"
|
|
554
|
+
],
|
|
549
555
|
"SidePanel-sectionAction": [
|
|
550
556
|
"Primer::OpenProject::SidePanel::Section"
|
|
551
557
|
],
|