@primer/components 0.0.0-2021103205051 → 0.0.0-2021103205322
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/CHANGELOG.md +2 -2
- package/dist/browser.esm.js +3 -4
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +3 -4
- package/dist/browser.umd.js.map +1 -1
- package/lib/Label.d.ts +2 -1
- package/lib/Label.js +3 -2
- package/lib/LabelGroup.d.ts +1 -2
- package/lib/LabelGroup.js +1 -1
- package/lib-esm/Label.d.ts +2 -1
- package/lib-esm/Label.js +4 -3
- package/lib-esm/LabelGroup.d.ts +1 -2
- package/lib-esm/LabelGroup.js +2 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
# @primer/components
|
|
2
2
|
|
|
3
|
-
## 0.0.0-
|
|
3
|
+
## 0.0.0-2021103205322
|
|
4
4
|
|
|
5
5
|
### Major Changes
|
|
6
6
|
|
|
7
|
-
- [#
|
|
7
|
+
- [#1565](https://github.com/primer/react/pull/1565) [`0c829589`](https://github.com/primer/react/commit/0c829589b3b6db88982c9a4593904c3ea193fe4f) Thanks [@jfuchs](https://github.com/jfuchs)! - LabelGroup no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
|
|
8
8
|
|
|
9
9
|
### Minor Changes
|
|
10
10
|
|
package/dist/browser.esm.js
CHANGED
|
@@ -1147,7 +1147,6 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1147
1147
|
${It};
|
|
1148
1148
|
${rr};
|
|
1149
1149
|
`;Ci.defaultProps={theme:x};var zi=Ci;var Ni=f.span`
|
|
1150
|
-
${It}
|
|
1151
1150
|
& * {
|
|
1152
1151
|
margin-right: ${Nt("space.1")};
|
|
1153
1152
|
}
|
|
@@ -1155,22 +1154,22 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1155
1154
|
margin-right: 0;
|
|
1156
1155
|
}
|
|
1157
1156
|
${rr};
|
|
1158
|
-
`;const Ii=p(["margin-top:-1px;margin-bottom:-1px;color:",";border:"," solid ",";box-shadow:none;",";background-color:transparent;"],Nt("colors.fg.muted"),Nt("borderWidths.1"),Nt("colors.border.default"),ct),Ai=ue({variants:{small:{fontSize:0,lineHeight:"16px",padding:"0px 8px"},medium:{fontSize:0,lineHeight:"20px",padding:"0 8px"},large:{fontSize:0,lineHeight:"24px",padding:"0 12px"},xl:{fontSize:1,lineHeight:"16px",padding:"8px 12px"}}}),Ri=f.span`
|
|
1157
|
+
`;const Ii=p(["margin-top:-1px;margin-bottom:-1px;color:",";border:"," solid ",";box-shadow:none;",";",";background-color:transparent;"],Nt("colors.fg.muted"),Nt("borderWidths.1"),Nt("colors.border.default"),ct,It),Ai=ue({variants:{small:{fontSize:0,lineHeight:"16px",padding:"0px 8px"},medium:{fontSize:0,lineHeight:"20px",padding:"0 8px"},large:{fontSize:0,lineHeight:"24px",padding:"0 12px"},xl:{fontSize:1,lineHeight:"16px",padding:"8px 12px"}}}),Ri=f.span`
|
|
1159
1158
|
display: inline-block;
|
|
1160
1159
|
font-weight: ${Nt("fontWeights.semibold")};
|
|
1161
1160
|
color: ${Nt("colors.fg.onEmphasis")};
|
|
1162
1161
|
border-radius: ${Nt("radii.3")};
|
|
1163
|
-
bg: ${Nt("colors.neutral.emphasis")}
|
|
1164
1162
|
|
|
1165
1163
|
&:hover {
|
|
1166
1164
|
text-decoration: none;
|
|
1167
1165
|
}
|
|
1168
1166
|
|
|
1169
1167
|
${Ai}
|
|
1168
|
+
${It}
|
|
1170
1169
|
${e=>e.dropshadow?"box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)":""}
|
|
1171
1170
|
${e=>e.outline?Ii:""} // must be last to override other values
|
|
1172
1171
|
${rr}
|
|
1173
|
-
`;Ri.defaultProps={variant:"medium"};var Li=Ri;const Oi=L({hoverColor:{property:"color",scale:"colors"}});var Mi=f.a`
|
|
1172
|
+
`;Ri.defaultProps={bg:"neutral.emphasis",variant:"medium"};var Li=Ri;const Oi=L({hoverColor:{property:"color",scale:"colors"}});var Mi=f.a`
|
|
1174
1173
|
color: ${e=>e.muted?Nt("colors.fg.muted")(e):Nt("colors.accent.fg")(e)};
|
|
1175
1174
|
text-decoration: ${e=>e.underline?"underline":"none"};
|
|
1176
1175
|
&:hover {
|