@openproject/primer-view-components 0.91.3 → 0.91.4-rc.b0e765a5f
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/styles/primer_view_components.css +1 -1
- package/app/assets/styles/primer_view_components.css.map +1 -1
- package/app/components/primer/beta/border_box.css +1 -1
- package/app/components/primer/beta/border_box.css.json +5 -3
- package/package.json +1 -1
- package/static/classes.json +6 -0
- package/static/classnames.cjs +2 -0
- package/static/classnames.js +2 -0
- package/static/info_arch.json +13 -0
- package/static/previews.json +13 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.Box{background-color:var(--bgColor-default);border-color:var(--borderColor-default);border-style:solid;border-width:var(--borderWidth-thin);border-radius:var(--borderRadius-medium)}.Box--condensed{line-height:1.25}.Box--condensed .Box-body,.Box--condensed .Box-footer,.Box--condensed .Box-header{padding:var(--stack-padding-condensed) var(--stack-padding-normal)}.btn-octicon:is(.Box--condensed .Box-btn-octicon){padding:var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious);margin:calc(var(--controlStack-medium-gap-condensed)*-1) calc(var(--controlStack-small-gap-spacious)*-1);line-height:1.25}.Box--condensed .Box-row{padding:var(--stack-padding-condensed) var(--stack-padding-normal)}.Box--spacious .Box-header{padding:var(--stack-padding-spacious);line-height:1.25}.Box--spacious .Box-title{font-size:var(--text-title-size-medium)}.Box--spacious .Box-body,.Box--spacious .Box-footer{padding:var(--stack-padding-spacious)}.btn-octicon:is(.Box--spacious .Box-btn-octicon){padding:var(--stack-padding-spacious);margin:calc(var(--stack-gap-spacious)*-1)}.Box--spacious .Box-row{padding:var(--stack-padding-spacious)}.Box-header{padding:var(--stack-padding-normal);margin:calc(var(--borderWidth-thin)*-1) calc(var(--borderWidth-thin)*-1) 0;background-color:var(--bgColor-muted);border-color:var(--borderColor-default);border-style:solid;border-width:var(--borderWidth-thin);border-top-left-radius:var(--borderRadius-medium);border-top-right-radius:var(--borderRadius-medium)}.Box-title{font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-semibold)}.Box-body{padding:var(--stack-padding-normal);border-bottom:var(--borderWidth-thin) solid var(--borderColor-default)}.Box-body:last-
|
|
1
|
+
.Box{background-color:var(--bgColor-default);border-color:var(--borderColor-default);border-style:solid;border-width:var(--borderWidth-thin);border-radius:var(--borderRadius-medium)}.Box--condensed{line-height:1.25}.Box--condensed .Box-body,.Box--condensed .Box-footer,.Box--condensed .Box-header{padding:var(--stack-padding-condensed) var(--stack-padding-normal)}.btn-octicon:is(.Box--condensed .Box-btn-octicon){padding:var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious);margin:calc(var(--controlStack-medium-gap-condensed)*-1) calc(var(--controlStack-small-gap-spacious)*-1);line-height:1.25}.Box--condensed .Box-row{padding:var(--stack-padding-condensed) var(--stack-padding-normal)}.Box--spacious .Box-header{padding:var(--stack-padding-spacious);line-height:1.25}.Box--spacious .Box-title{font-size:var(--text-title-size-medium)}.Box--spacious .Box-body,.Box--spacious .Box-footer{padding:var(--stack-padding-spacious)}.btn-octicon:is(.Box--spacious .Box-btn-octicon){padding:var(--stack-padding-spacious);margin:calc(var(--stack-gap-spacious)*-1)}.Box--spacious .Box-row{padding:var(--stack-padding-spacious)}.Box-header{padding:var(--stack-padding-normal);margin:calc(var(--borderWidth-thin)*-1) calc(var(--borderWidth-thin)*-1) 0;background-color:var(--bgColor-muted);border-color:var(--borderColor-default);border-style:solid;border-width:var(--borderWidth-thin);border-top-left-radius:var(--borderRadius-medium);border-top-right-radius:var(--borderRadius-medium)}.Box-title{font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-semibold)}.Box-body{padding:var(--stack-padding-normal);border-bottom:var(--borderWidth-thin) solid var(--borderColor-default)}.Box-body:first-child{border-top-left-radius:var(--borderRadius-medium);border-top-right-radius:var(--borderRadius-medium)}.Box-body:last-child,.Box-header:last-child{margin-bottom:calc(var(--borderWidth-thin)*-1);border-bottom-right-radius:var(--borderRadius-medium);border-bottom-left-radius:var(--borderRadius-medium)}.Box-row{padding:var(--stack-padding-normal);margin-top:calc(var(--borderWidth-thin)*-1);list-style-type:none;border-top:var(--borderWidth-thin) solid var(--borderColor-muted)}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:inset 2px 0 0 var(--borderColor-accent-emphasis)}.Box-row.navigation-focus .Box-row--drag-button{color:var(--fgColor-accent);cursor:grab;opacity:1}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:grabbing}.Box-row.navigation-focus.sortable-chosen,.Box-row.navigation-focus.sortable-ghost{background-color:var(--bgColor-muted)}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:var(--bgColor-muted)}.Box-row--focus-blue.navigation-focus{background-color:var(--bgColor-accent-muted)}.Box-row--hover-gray:hover{background-color:var(--bgColor-muted)}.Box-row--hover-blue:hover{background-color:var(--bgColor-accent-muted)}@media (min-width:768px){.Box-row-link{color:var(--fgColor-default)}.Box-row-link,.Box-row-link:hover{-webkit-text-decoration:none;text-decoration:none}.Box-row-link:hover{color:var(--fgColor-accent)}}.Box-row--drag-button{opacity:0}.Box-footer{padding:var(--stack-padding-normal);margin-top:calc(var(--borderWidth-thin)*-1);border-top:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:0 0 var(--borderRadius-medium) var(--borderRadius-medium)}.Box-list--roundedTop>.Box-row:first-of-type{border-top-left-radius:var(--borderRadius-medium);border-top-right-radius:var(--borderRadius-medium)}.Box-list--roundedBottom>.Box-row:last-of-type{border-bottom-right-radius:var(--borderRadius-medium);border-bottom-left-radius:var(--borderRadius-medium)}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue,.Box--blue .Box-header{border-color:var(--borderColor-accent-muted)}.Box--blue .Box-header{background-color:var(--bgColor-accent-muted)}.Box--blue .Box-body,.Box--blue .Box-footer,.Box--blue .Box-row{border-color:var(--borderColor-accent-muted)}.Box--danger,:is(.Box--danger .Box-body):last-of-type,:is(.Box--danger .Box-row):first-of-type{border-color:var(--borderColor-danger-emphasis)}.Box-header--blue{background-color:var(--bgColor-accent-muted);border-color:var(--borderColor-accent-muted)}.Box-row--yellow{background-color:var(--bgColor-attention-muted)}.Box-row--blue{background-color:var(--bgColor-accent-muted)}.Box-row--gray{background-color:var(--bgColor-muted)}.Box-btn-octicon.btn-octicon{padding:var(--control-medium-paddingInline-spacious);margin:calc(var(--controlStack-small-gap-spacious)*-1);line-height:var(--text-title-lineHeight-large)}
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
".Box-header",
|
|
18
18
|
".Box-title",
|
|
19
19
|
".Box-body",
|
|
20
|
-
".Box-body:
|
|
20
|
+
".Box-body:first-child",
|
|
21
|
+
".Box-body:last-child",
|
|
22
|
+
".Box-header:last-child",
|
|
21
23
|
".Box-row",
|
|
22
|
-
".Box-row:first-of-type",
|
|
23
|
-
".Box-row:last-of-type",
|
|
24
24
|
".Box-row.Box-row--unread",
|
|
25
25
|
".Box-row.unread",
|
|
26
26
|
".Box-row.navigation-focus .Box-row--drag-button",
|
|
@@ -36,6 +36,8 @@
|
|
|
36
36
|
".Box-row-link:hover",
|
|
37
37
|
".Box-row--drag-button",
|
|
38
38
|
".Box-footer",
|
|
39
|
+
".Box-list--roundedTop>.Box-row:first-of-type",
|
|
40
|
+
".Box-list--roundedBottom>.Box-row:last-of-type",
|
|
39
41
|
".Box--scrollable",
|
|
40
42
|
".Box--blue",
|
|
41
43
|
".Box--blue .Box-header",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openproject/primer-view-components",
|
|
3
|
-
"version": "0.91.
|
|
3
|
+
"version": "0.91.4-rc.b0e765a5f",
|
|
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
|
@@ -148,6 +148,12 @@
|
|
|
148
148
|
"Box-header--blue": [
|
|
149
149
|
"Primer::Beta::BorderBox"
|
|
150
150
|
],
|
|
151
|
+
"Box-list--roundedBottom": [
|
|
152
|
+
"Primer::Beta::BorderBox"
|
|
153
|
+
],
|
|
154
|
+
"Box-list--roundedTop": [
|
|
155
|
+
"Primer::Beta::BorderBox"
|
|
156
|
+
],
|
|
151
157
|
"Box-row": [
|
|
152
158
|
"Primer::Beta::BorderBox"
|
|
153
159
|
],
|
package/static/classnames.cjs
CHANGED
package/static/classnames.js
CHANGED
package/static/info_arch.json
CHANGED
|
@@ -13690,6 +13690,19 @@
|
|
|
13690
13690
|
]
|
|
13691
13691
|
}
|
|
13692
13692
|
},
|
|
13693
|
+
{
|
|
13694
|
+
"preview_path": "primer/beta/border_box/roundedness_playground",
|
|
13695
|
+
"name": "roundedness_playground",
|
|
13696
|
+
"snapshot": "false",
|
|
13697
|
+
"skip_rules": {
|
|
13698
|
+
"wont_fix": [
|
|
13699
|
+
"region"
|
|
13700
|
+
],
|
|
13701
|
+
"will_fix": [
|
|
13702
|
+
"color-contrast"
|
|
13703
|
+
]
|
|
13704
|
+
}
|
|
13705
|
+
},
|
|
13693
13706
|
{
|
|
13694
13707
|
"preview_path": "primer/beta/border_box/padding_default",
|
|
13695
13708
|
"name": "padding_default",
|
package/static/previews.json
CHANGED
|
@@ -5971,6 +5971,19 @@
|
|
|
5971
5971
|
]
|
|
5972
5972
|
}
|
|
5973
5973
|
},
|
|
5974
|
+
{
|
|
5975
|
+
"preview_path": "primer/beta/border_box/roundedness_playground",
|
|
5976
|
+
"name": "roundedness_playground",
|
|
5977
|
+
"snapshot": "false",
|
|
5978
|
+
"skip_rules": {
|
|
5979
|
+
"wont_fix": [
|
|
5980
|
+
"region"
|
|
5981
|
+
],
|
|
5982
|
+
"will_fix": [
|
|
5983
|
+
"color-contrast"
|
|
5984
|
+
]
|
|
5985
|
+
}
|
|
5986
|
+
},
|
|
5974
5987
|
{
|
|
5975
5988
|
"preview_path": "primer/beta/border_box/padding_default",
|
|
5976
5989
|
"name": "padding_default",
|