@mixtint/primer-view-components 0.91.3 → 0.91.4
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 +31 -16
- package/app/assets/styles/primer_view_components.css.map +1 -1
- package/app/components/primer/beta/border_box.css +31 -16
- package/app/components/primer/beta/border_box.css.json +5 -3
- package/package.json +7 -7
- 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
|
@@ -5042,15 +5042,20 @@ a.tabnav-extra:hover {
|
|
|
5042
5042
|
.Box-body {
|
|
5043
5043
|
padding: var(--stack-padding-normal);
|
|
5044
5044
|
border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
|
|
5045
|
+
}
|
|
5045
5046
|
|
|
5046
|
-
|
|
5047
|
+
/* Ensures a top border/background doesn't poke out when the body is the first element. */
|
|
5048
|
+
.Box-body:first-child {
|
|
5049
|
+
border-top-left-radius: var(--borderRadius-medium);
|
|
5050
|
+
border-top-right-radius: var(--borderRadius-medium);
|
|
5047
5051
|
}
|
|
5048
5052
|
|
|
5049
|
-
|
|
5050
|
-
|
|
5051
|
-
|
|
5052
|
-
|
|
5053
|
-
|
|
5053
|
+
/* Ensures bottom-border doesn't poke out when the element is the last element. */
|
|
5054
|
+
.Box-header:last-child, .Box-body:last-child {
|
|
5055
|
+
margin-bottom: calc(var(--borderWidth-thin) * -1);
|
|
5056
|
+
border-bottom-right-radius: var(--borderRadius-medium);
|
|
5057
|
+
border-bottom-left-radius: var(--borderRadius-medium);
|
|
5058
|
+
}
|
|
5054
5059
|
|
|
5055
5060
|
/* Box rows */
|
|
5056
5061
|
.Box-row {
|
|
@@ -5060,17 +5065,10 @@ a.tabnav-extra:hover {
|
|
|
5060
5065
|
border-top-color: var(--borderColor-muted);
|
|
5061
5066
|
border-top-style: solid;
|
|
5062
5067
|
border-top-width: var(--borderWidth-thin);
|
|
5063
|
-
|
|
5064
|
-
|
|
5065
|
-
border-top-left-radius: var(--borderRadius-medium);
|
|
5066
|
-
border-top-right-radius: var(--borderRadius-medium);
|
|
5067
|
-
}
|
|
5068
|
-
.Box-row:last-of-type {
|
|
5069
|
-
border-bottom-right-radius: var(--borderRadius-medium);
|
|
5070
|
-
border-bottom-left-radius: var(--borderRadius-medium);
|
|
5071
|
-
}
|
|
5072
|
-
/* Adds a blue vertical line to the left of the row
|
|
5068
|
+
|
|
5069
|
+
/* Adds a blue vertical line to the left of the row
|
|
5073
5070
|
** For indicating a row item is unread */
|
|
5071
|
+
}
|
|
5074
5072
|
.Box-row.Box-row--unread,.Box-row.unread {
|
|
5075
5073
|
/* stylelint-disable-next-line primer/box-shadow */
|
|
5076
5074
|
box-shadow: inset 2px 0 0 var(--borderColor-accent-emphasis);
|
|
@@ -5147,6 +5145,23 @@ a.tabnav-extra:hover {
|
|
|
5147
5145
|
border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
|
|
5148
5146
|
}
|
|
5149
5147
|
|
|
5148
|
+
/* Outer corners for rows.
|
|
5149
|
+
** The list only claims a corner when Ruby says it sits at that edge of the box
|
|
5150
|
+
** (`Box-list--roundedTop` / `Box-list--roundedBottom`, set in
|
|
5151
|
+
** BorderBox#before_render), so header/body/footer automatically win when present. */
|
|
5152
|
+
|
|
5153
|
+
/* First row of a list that starts the box */
|
|
5154
|
+
.Box-list--roundedTop > .Box-row:first-of-type {
|
|
5155
|
+
border-top-left-radius: var(--borderRadius-medium);
|
|
5156
|
+
border-top-right-radius: var(--borderRadius-medium);
|
|
5157
|
+
}
|
|
5158
|
+
|
|
5159
|
+
/* Last row of a list that ends the box */
|
|
5160
|
+
.Box-list--roundedBottom > .Box-row:last-of-type {
|
|
5161
|
+
border-bottom-right-radius: var(--borderRadius-medium);
|
|
5162
|
+
border-bottom-left-radius: var(--borderRadius-medium);
|
|
5163
|
+
}
|
|
5164
|
+
|
|
5150
5165
|
/* Option for a box with scrolling content */
|
|
5151
5166
|
.Box--scrollable {
|
|
5152
5167
|
max-height: 324px;
|