@primer/css 20.8.0 → 20.8.1-rc.5118418f

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.
@@ -1 +1 @@
1
- {"size":1149,"gzipSize":346,"humanizedSize":"1KB","humanizedGzipSize":"346B","rules":{"total":8,"size":{"graph":[3,3,1,3,6,1,1,3],"max":6,"average":2.625},"selectorByRuleSizes":[{"selector":".Truncate>.Truncate-text","declarations":6},{"selector":".Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover","declarations":3},{"selector":".Truncate","declarations":3},{"selector":".css-truncate .css-truncate-target,.css-truncate.css-truncate-target","declarations":3},{"selector":".css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target","declarations":3},{"selector":".Truncate>.Truncate-text.Truncate-text--primary","declarations":1},{"selector":":is(.Truncate>.Truncate-text)+.Truncate-text","declarations":1},{"selector":".css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target","declarations":1}]},"selectors":{"total":17,"type":0,"class":17,"id":0,"pseudoClass":5,"pseudoElement":0,"values":[".css-truncate .css-truncate-overflow",".css-truncate .css-truncate-target",".css-truncate.css-truncate-overflow",".css-truncate.css-truncate-target",".css-truncate .css-truncate-target",".css-truncate.css-truncate-target",".css-truncate.expandable.css-truncate-target:hover",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target",".Truncate",".Truncate>.Truncate-text",":is(.Truncate>.Truncate-text)+.Truncate-text",".Truncate>.Truncate-text.Truncate-text--primary",".Truncate>.Truncate-text.Truncate-text--expandable:active",".Truncate>.Truncate-text.Truncate-text--expandable:focus",".Truncate>.Truncate-text.Truncate-text--expandable:hover"],"specificity":{"max":40,"average":29.41176470588235}},"declarations":{"total":21,"unique":17,"uniqueToTotalRatio":0.8095238095238095,"properties":{"overflow":["hidden","hidden"],"text-overflow":["ellipsis","ellipsis"],"white-space":["nowrap","nowrap"],"display":["inline-block","inline-flex"],"max-width":["125px","10000px","100%","-moz-fit-content","fit-content","100%"],"vertical-align":["top"],"min-width":["0","1ch"],"margin-left":["4px"],"flex-basis":["200%"],"cursor":["pointer"],"flex-shrink":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}
1
+ {"size":1144,"gzipSize":339,"humanizedSize":"1KB","humanizedGzipSize":"339B","rules":{"total":8,"size":{"graph":[3,3,1,3,6,1,1,3],"max":6,"average":2.625},"selectorByRuleSizes":[{"selector":".Truncate>.Truncate-text","declarations":6},{"selector":".Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover","declarations":3},{"selector":".Truncate","declarations":3},{"selector":".css-truncate .css-truncate-target,.css-truncate.css-truncate-target","declarations":3},{"selector":".css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target","declarations":3},{"selector":".Truncate>.Truncate-text.Truncate-text--primary","declarations":1},{"selector":".Truncate>.Truncate-text+.Truncate-text","declarations":1},{"selector":".css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target","declarations":1}]},"selectors":{"total":17,"type":0,"class":17,"id":0,"pseudoClass":5,"pseudoElement":0,"values":[".css-truncate .css-truncate-overflow",".css-truncate .css-truncate-target",".css-truncate.css-truncate-overflow",".css-truncate.css-truncate-target",".css-truncate .css-truncate-target",".css-truncate.css-truncate-target",".css-truncate.expandable.css-truncate-target:hover",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target",".Truncate",".Truncate>.Truncate-text",".Truncate>.Truncate-text+.Truncate-text",".Truncate>.Truncate-text.Truncate-text--primary",".Truncate>.Truncate-text.Truncate-text--expandable:active",".Truncate>.Truncate-text.Truncate-text--expandable:focus",".Truncate>.Truncate-text.Truncate-text--expandable:hover"],"specificity":{"max":40,"average":28.823529411764707}},"declarations":{"total":21,"unique":17,"uniqueToTotalRatio":0.8095238095238095,"properties":{"overflow":["hidden","hidden"],"text-overflow":["ellipsis","ellipsis"],"white-space":["nowrap","nowrap"],"display":["inline-block","inline-flex"],"max-width":["125px","10000px","100%","-moz-fit-content","fit-content","100%"],"vertical-align":["top"],"min-width":["0","1ch"],"margin-left":["4px"],"flex-basis":["200%"],"cursor":["pointer"],"flex-shrink":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}
package/dist/truncate.css CHANGED
@@ -1,2 +1,2 @@
1
- .css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.css-truncate .css-truncate-target,.css-truncate.css-truncate-target{display:inline-block;max-width:125px;vertical-align:top}.css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target{max-width:10000px !important}.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.Truncate>.Truncate-text)+.Truncate-text{margin-left:var(--primer-control-small-gap, 4px)}.Truncate>.Truncate-text.Truncate-text--primary{flex-basis:200%}.Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover{cursor:pointer;flex-shrink:0;max-width:100% !important}
1
+ .css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.css-truncate .css-truncate-target,.css-truncate.css-truncate-target{display:inline-block;max-width:125px;vertical-align:top}.css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target{max-width:10000px !important}.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--primer-control-small-gap, 4px)}.Truncate>.Truncate-text.Truncate-text--primary{flex-basis:200%}.Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover{cursor:pointer;flex-shrink:0;max-width:100% !important}
2
2
  /*# sourceMappingURL=truncate.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/truncate/index.scss%23sass"],"names":[],"mappings":"AA0kBA,8IAAA,eAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,qEAAA,oBAAA,CAAA,eAAA,CAAA,kBAAA,CAAA,gPAAA,4BAAA,CAAA,UAAA,mBAAA,CAAA,cAAA,CAAA,WAAA,CAAA,yBAAA,0BAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,6CAAA,gDAAA,CAAA,gDAAA,eAAA,CAAA,4KAAA,cAAA,CAAA,aAAA,CAAA,yBAAA","file":"truncate.css"}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/truncate/index.scss%23sass"],"names":[],"mappings":"AA0kBA,8IAAA,eAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,qEAAA,oBAAA,CAAA,eAAA,CAAA,kBAAA,CAAA,gPAAA,4BAAA,CAAA,UAAA,mBAAA,CAAA,cAAA,CAAA,WAAA,CAAA,yBAAA,0BAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,wCAAA,gDAAA,CAAA,gDAAA,eAAA,CAAA,4KAAA,cAAA,CAAA,aAAA,CAAA,yBAAA","file":"truncate.css"}
@@ -1 +1 @@
1
- @import '@primer/view-components/app/components/primer/state_component';
1
+ @import '@primer/view-components/app/components/primer/beta/state';
package/links/link.scss CHANGED
@@ -1,60 +1 @@
1
- // Links
2
-
3
- .Link {
4
- color: var(--color-accent-fg);
5
-
6
- &:hover {
7
- text-decoration: underline;
8
- cursor: pointer;
9
- }
10
-
11
- &:focus,
12
- &:focus-visible {
13
- outline-offset: 0;
14
- }
15
- }
16
-
17
- .Link--primary {
18
- color: var(--color-fg-default) !important;
19
-
20
- &:hover {
21
- color: var(--color-accent-fg) !important;
22
- }
23
- }
24
-
25
- .Link--secondary {
26
- color: var(--color-fg-muted) !important;
27
-
28
- &:hover {
29
- color: var(--color-accent-fg) !important;
30
- }
31
- }
32
-
33
- .Link--muted {
34
- color: var(--color-fg-muted) !important;
35
-
36
- &:hover {
37
- color: var(--color-accent-fg) !important;
38
- text-decoration: none;
39
- }
40
- }
41
-
42
- // Set the link color only on hover
43
- // Useful when you want only part of a link to turn blue on hover
44
- .Link--onHover {
45
- &:hover {
46
- color: var(--color-accent-fg) !important;
47
- text-decoration: underline;
48
- cursor: pointer;
49
- }
50
- }
51
-
52
- // When using a color utility class inside of a link class,
53
- // color should change with link on hover.
54
- .Link--secondary,
55
- .Link--primary,
56
- .Link--muted {
57
- &:hover [class*='color-fg'] {
58
- color: inherit !important;
59
- }
60
- }
1
+ @import '@primer/view-components/app/components/primer/beta/link';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/css",
3
- "version": "20.8.0",
3
+ "version": "20.8.1-rc.5118418f",
4
4
  "description": "The CSS implementation of GitHub's Primer Design System",
5
5
  "homepage": "https://primer.style/css",
6
6
  "author": "GitHub, Inc.",
@@ -43,7 +43,7 @@
43
43
  },
44
44
  "dependencies": {
45
45
  "@primer/primitives": "^7.9.0",
46
- "@primer/view-components": "^0.0.115"
46
+ "@primer/view-components": "^0.0.117"
47
47
  },
48
48
  "devDependencies": {
49
49
  "@changesets/changelog-github": "0.4.6",
@@ -1 +1 @@
1
- @import '@primer/view-components/app/components/primer/subhead_component';
1
+ @import '@primer/view-components/app/components/primer/beta/subhead';
@@ -1 +1 @@
1
- @import '@primer/view-components/app/components/primer/timeline_item_component';
1
+ @import '@primer/view-components/app/components/primer/beta/timeline_item';