@primer/css 21.2.2 → 21.3.0-rc.03de224d
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 +12 -0
- package/base/index.scss +1 -0
- package/color-modes/index.scss +0 -1
- package/dist/base.css +1 -1
- package/dist/base.css.map +1 -1
- package/dist/breadcrumb.css +1 -1
- package/dist/breadcrumb.css.map +1 -1
- package/dist/color-modes.css +1 -1
- package/dist/color-modes.css.map +1 -1
- package/dist/core.css +1 -1
- package/dist/core.css.map +1 -1
- package/dist/dropdown.css +1 -1
- package/dist/dropdown.css.map +1 -1
- package/dist/forms.css +1 -1
- package/dist/forms.css.map +1 -1
- package/dist/marketing-buttons.css +1 -1
- package/dist/marketing-buttons.css.map +1 -1
- package/dist/marketing-links.css +1 -1
- package/dist/marketing-links.css.map +1 -1
- package/dist/marketing-support.css +1 -1
- package/dist/marketing-support.css.map +1 -1
- package/dist/marketing-type.css +1 -1
- package/dist/marketing-type.css.map +1 -1
- package/dist/marketing-utilities.css +1 -1
- package/dist/marketing-utilities.css.map +1 -1
- package/dist/marketing.css +1 -1
- package/dist/marketing.css.map +1 -1
- package/dist/meta.json +64 -64
- package/dist/overlay.css +1 -1
- package/dist/overlay.css.map +1 -1
- package/dist/popover.css +1 -1
- package/dist/popover.css.map +1 -1
- package/dist/primer.css +4 -4
- package/dist/primer.css.map +1 -1
- package/dist/primitives.css +1 -1
- package/dist/primitives.css.map +1 -1
- package/dist/product.css +1 -1
- package/dist/product.css.map +1 -1
- package/dist/stats/base.json +1 -1
- package/dist/stats/breadcrumb.json +1 -1
- package/dist/stats/color-modes.json +1 -1
- package/dist/stats/core.json +1 -1
- package/dist/stats/forms.json +1 -1
- package/dist/stats/marketing-buttons.json +1 -1
- package/dist/stats/marketing-links.json +1 -1
- package/dist/stats/marketing-support.json +1 -1
- package/dist/stats/marketing-type.json +1 -1
- package/dist/stats/marketing-utilities.json +1 -1
- package/dist/stats/marketing.json +1 -1
- package/dist/stats/overlay.json +1 -1
- package/dist/stats/popover.json +1 -1
- package/dist/stats/primer.json +1 -1
- package/dist/stats/product.json +1 -1
- package/dist/stats/tooltips.json +1 -1
- package/dist/tooltips.css +1 -1
- package/dist/tooltips.css.map +1 -1
- package/marketing/support/variables.scss +0 -2
- package/package.json +4 -5
- package/postcss.config.cjs +1 -28
- package/primitives/index.scss +9 -9
- /package/{color-modes/native.scss → base/native-colors.scss} +0 -0
package/dist/stats/tooltips.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"size":
|
|
1
|
+
{"size":2840,"gzipSize":883,"humanizedSize":"3KB","humanizedGzipSize":"883B","rules":{"total":27,"size":{"graph":[1,19,1,1,6,1,1,3,3,1,3,3,1,1,4,4,2,1,1,2,1,1,5,3,1,1,1],"max":19,"average":2.6666666666666665},"selectorByRuleSizes":[{"selector":".tooltipped::after","declarations":19},{"selector":".tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after","declarations":6},{"selector":".tooltipped-multiline::after","declarations":5},{"selector":".tooltipped-e::after","declarations":4},{"selector":".tooltipped-w::after","declarations":4},{"selector":".tooltipped-multiline.tooltipped-s::after,.tooltipped-multiline.tooltipped-n::after","declarations":3},{"selector":".tooltipped-ne::after","declarations":3},{"selector":".tooltipped-n::after,.tooltipped-ne::after,.tooltipped-nw::after","declarations":3},{"selector":".tooltipped-se::after","declarations":3},{"selector":".tooltipped-s::after,.tooltipped-se::after,.tooltipped-sw::after","declarations":3},{"selector":".tooltipped-align-left-1::after,.tooltipped-align-left-2::after","declarations":2},{"selector":".tooltipped-align-right-1::after,.tooltipped-align-right-2::after","declarations":2},{"selector":".tooltipped-sticky.tooltipped-multiline::after","declarations":1},{"selector":".tooltipped-sticky::before,.tooltipped-sticky::after","declarations":1},{"selector":".tooltipped-multiline.tooltipped-w::after,.tooltipped-multiline.tooltipped-e::after","declarations":1},{"selector":".tooltipped-align-left-2::before","declarations":1},{"selector":".tooltipped-align-left-1::before","declarations":1},{"selector":".tooltipped-align-right-2::before","declarations":1},{"selector":".tooltipped-align-right-1::before","declarations":1},{"selector":".tooltipped-s::after,.tooltipped-n::after","declarations":1},{"selector":".tooltipped-nw::after","declarations":1},{"selector":".tooltipped-sw::after","declarations":1},{"selector":".tooltipped-multiline:hover::after,.tooltipped-multiline:active::after,.tooltipped-multiline:focus::after","declarations":1},{"selector":".tooltipped-no-delay:hover::before,.tooltipped-no-delay:hover::after,.tooltipped-no-delay:active::before,.tooltipped-no-delay:active::after,.tooltipped-no-delay:focus::before,.tooltipped-no-delay:focus::after","declarations":1},{"selector":"to","declarations":1},{"selector":"from","declarations":1},{"selector":".tooltipped","declarations":1}]},"selectors":{"total":47,"type":0,"class":47,"id":0,"pseudoClass":15,"pseudoElement":46,"values":[".tooltipped",".tooltipped::after",".tooltipped:hover::before",".tooltipped:hover::after",".tooltipped:active::before",".tooltipped:active::after",".tooltipped:focus::before",".tooltipped:focus::after",".tooltipped-no-delay:hover::before",".tooltipped-no-delay:hover::after",".tooltipped-no-delay:active::before",".tooltipped-no-delay:active::after",".tooltipped-no-delay:focus::before",".tooltipped-no-delay:focus::after",".tooltipped-multiline:hover::after",".tooltipped-multiline:active::after",".tooltipped-multiline:focus::after",".tooltipped-s::after",".tooltipped-se::after",".tooltipped-sw::after",".tooltipped-se::after",".tooltipped-sw::after",".tooltipped-n::after",".tooltipped-ne::after",".tooltipped-nw::after",".tooltipped-ne::after",".tooltipped-nw::after",".tooltipped-s::after",".tooltipped-n::after",".tooltipped-w::after",".tooltipped-e::after",".tooltipped-align-right-1::after",".tooltipped-align-right-2::after",".tooltipped-align-right-1::before",".tooltipped-align-right-2::before",".tooltipped-align-left-1::after",".tooltipped-align-left-2::after",".tooltipped-align-left-1::before",".tooltipped-align-left-2::before",".tooltipped-multiline::after",".tooltipped-multiline.tooltipped-s::after",".tooltipped-multiline.tooltipped-n::after",".tooltipped-multiline.tooltipped-w::after",".tooltipped-multiline.tooltipped-e::after",".tooltipped-sticky::before",".tooltipped-sticky::after",".tooltipped-sticky.tooltipped-multiline::after"],"specificity":{"max":21,"average":15.23404255319149}},"declarations":{"total":72,"unique":57,"uniqueToTotalRatio":0.7916666666666666,"properties":{"position":["relative","absolute"],"z-index":["1000000"],"display":["none","inline-block","table-cell","inline-block","table-cell"],"padding":["0.25rem 0.5rem"],"font":["normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\""],"-webkit-font-smoothing":["subpixel-antialiased"],"color":["var(--color-fg-on-emphasis)"],"text-align":["center"],"text-decoration":["none","none"],"text-shadow":["none"],"text-transform":["none"],"letter-spacing":["normal"],"word-wrap":["break-word","break-word"],"white-space":["pre","pre-line"],"pointer-events":["none"],"content":["attr(aria-label)"],"background":["var(--color-neutral-emphasis-plus)"],"border-radius":["var(--borderRadius-medium)"],"opacity":["0","0","1"],"animation-name":["tooltip-appear"],"animation-duration":[".1s"],"animation-fill-mode":["forwards"],"animation-timing-function":["ease-in"],"animation-delay":["0s"],"top":["100%"],"right":["50%","auto","50%","auto","100%","0","10px","15px","auto","100%"],"margin-top":["6px"],"left":["50%","50%","100%","0","5px","10px","50%"],"margin-left":["-16px","-16px","6px","0"],"margin-right":["-16px","-16px","6px","0"],"bottom":["100%","50%","50%"],"margin-bottom":["6px"],"transform":["translateX(50%)","translateY(50%)","translateY(50%)","translateX(-50%)"],"width":["max-content"],"max-width":["20rem"],"border-collapse":["separate"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}
|
package/dist/tooltips.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.tooltipped{position:relative}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:var(--overlay-paddingBlock-condensed, 0.25rem) var(--overlay-padding-condensed, 0.5rem);font:var(--text-body-shorthand-small, normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji");-webkit-font-smoothing:subpixel-antialiased;color:var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--bgColor-emphasis, var(--color-neutral-emphasis-plus));border-radius:var(--borderRadius-medium
|
|
1
|
+
.tooltipped{position:relative}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:var(--overlay-paddingBlock-condensed, 0.25rem) var(--overlay-padding-condensed, 0.5rem);font:var(--text-body-shorthand-small, normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji");-webkit-font-smoothing:subpixel-antialiased;color:var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--bgColor-emphasis, var(--color-neutral-emphasis-plus));border-radius:var(--borderRadius-medium);opacity:0}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:ease-in}.tooltipped-no-delay:hover::before,.tooltipped-no-delay:hover::after,.tooltipped-no-delay:active::before,.tooltipped-no-delay:active::after,.tooltipped-no-delay:focus::before,.tooltipped-no-delay:focus::after{animation-delay:0s}.tooltipped-multiline:hover::after,.tooltipped-multiline:active::after,.tooltipped-multiline:focus::after{display:table-cell}.tooltipped-s::after,.tooltipped-se::after,.tooltipped-sw::after{top:100%;right:50%;margin-top:6px}.tooltipped-se::after{right:auto;left:50%;margin-left:-16px}.tooltipped-sw::after{margin-right:-16px}.tooltipped-n::after,.tooltipped-ne::after,.tooltipped-nw::after{right:50%;bottom:100%;margin-bottom:6px}.tooltipped-ne::after{right:auto;left:50%;margin-left:-16px}.tooltipped-nw::after{margin-right:-16px}.tooltipped-s::after,.tooltipped-n::after{transform:translateX(50%)}.tooltipped-w::after{right:100%;bottom:50%;margin-right:6px;transform:translateY(50%)}.tooltipped-e::after{bottom:50%;left:100%;margin-left:6px;transform:translateY(50%)}.tooltipped-align-right-1::after,.tooltipped-align-right-2::after{right:0;margin-right:0}.tooltipped-align-right-1::before{right:10px}.tooltipped-align-right-2::before{right:15px}.tooltipped-align-left-1::after,.tooltipped-align-left-2::after{left:0;margin-left:0}.tooltipped-align-left-1::before{left:5px}.tooltipped-align-left-2::before{left:10px}.tooltipped-multiline::after{width:max-content;max-width:var(--overlay-width-small, 20rem);word-wrap:break-word;white-space:pre-line;border-collapse:separate}.tooltipped-multiline.tooltipped-s::after,.tooltipped-multiline.tooltipped-n::after{right:auto;left:50%;transform:translateX(-50%)}.tooltipped-multiline.tooltipped-w::after,.tooltipped-multiline.tooltipped-e::after{right:100%}.tooltipped-sticky::before,.tooltipped-sticky::after{display:inline-block}.tooltipped-sticky.tooltipped-multiline::after{display:table-cell}
|
|
2
2
|
/*# sourceMappingURL=tooltips.css.map */
|
package/dist/tooltips.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/tooltips/index.scss%23sass"],"names":[],"mappings":"AAiqBA,YAAA,iBAAA,CAAA,mBAAA,iBAAA,CAAA,eAAA,CAAA,YAAA,CAAA,+FAAA,CAAA,6LAAA,CAAA,2CAAA,CAAA,4DAAA,CAAA,iBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,eAAA,CAAA,mBAAA,CAAA,wBAAA,CAAA,sEAAA,CAAA,
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/tooltips/index.scss%23sass"],"names":[],"mappings":"AAiqBA,YAAA,iBAAA,CAAA,mBAAA,iBAAA,CAAA,eAAA,CAAA,YAAA,CAAA,+FAAA,CAAA,6LAAA,CAAA,2CAAA,CAAA,4DAAA,CAAA,iBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,eAAA,CAAA,mBAAA,CAAA,wBAAA,CAAA,sEAAA,CAAA,wCAAA,CAAA,SAAA,CAAA,0BAAA,KAAA,SAAA,CAAA,GAAA,SAAA,CAAA,CAAA,2JAAA,oBAAA,CAAA,oBAAA,CAAA,6BAAA,CAAA,sBAAA,CAAA,4BAAA,CAAA,iCAAA,CAAA,iNAAA,kBAAA,CAAA,0GAAA,kBAAA,CAAA,iEAAA,QAAA,CAAA,SAAA,CAAA,cAAA,CAAA,sBAAA,UAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,sBAAA,kBAAA,CAAA,iEAAA,SAAA,CAAA,WAAA,CAAA,iBAAA,CAAA,sBAAA,UAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,sBAAA,kBAAA,CAAA,0CAAA,yBAAA,CAAA,qBAAA,UAAA,CAAA,UAAA,CAAA,gBAAA,CAAA,yBAAA,CAAA,qBAAA,UAAA,CAAA,SAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kEAAA,OAAA,CAAA,cAAA,CAAA,kCAAA,UAAA,CAAA,kCAAA,UAAA,CAAA,gEAAA,MAAA,CAAA,aAAA,CAAA,iCAAA,QAAA,CAAA,iCAAA,SAAA,CAAA,6BAAA,iBAAA,CAAA,2CAAA,CAAA,oBAAA,CAAA,oBAAA,CAAA,wBAAA,CAAA,oFAAA,UAAA,CAAA,QAAA,CAAA,0BAAA,CAAA,oFAAA,UAAA,CAAA,qDAAA,oBAAA,CAAA,+CAAA,kBAAA","file":"tooltips.css"}
|
|
@@ -132,8 +132,6 @@ $mktg-btn-shadow-hover-dark: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(25
|
|
|
132
132
|
@include color-variables(
|
|
133
133
|
(
|
|
134
134
|
(mktg-btn-shadow-outline, (light: rgb(0,0,0,0.15) 0 0 0 1px inset, dark: rgb(255,255,255,0.25) 0 0 0 1px inset)),
|
|
135
|
-
(marketing-icon-primary, (light: var(--color-scale-blue-4), dark: var(--color-scale-blue-2))),
|
|
136
|
-
(marketing-icon-secondary, (light: var(--color-scale-blue-3), dark: var(--color-scale-blue-5))),
|
|
137
135
|
(mktg-btn-bg, (light: #1b1f23, dark: #f6f8fa)),
|
|
138
136
|
(mktg-btn-shadow-focus, (light: rgb(0 0 0 / 15%) 0 0 0 4px, dark: rgb(255 255 255 / 25%) 0 0 0 4px)),
|
|
139
137
|
(mktg-btn-shadow-hover, (light: $mktg-btn-shadow-hover-light, dark: $mktg-btn-shadow-hover-dark)),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/css",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.3.0-rc.03de224d",
|
|
4
4
|
"description": "The CSS implementation of GitHub's Primer Design System",
|
|
5
5
|
"homepage": "https://primer.style/css",
|
|
6
6
|
"author": "GitHub, Inc.",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@primer/primitives": "^7.15.12",
|
|
45
|
-
"@primer/view-components": "^0.
|
|
45
|
+
"@primer/view-components": "^0.22.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@changesets/changelog-github": "^0.5.0",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"cssstats": "^4.0.5",
|
|
56
56
|
"eslint": "^8.57.0",
|
|
57
57
|
"eslint-plugin-github": "^4.10.2",
|
|
58
|
-
"eslint-plugin-jest": "^
|
|
58
|
+
"eslint-plugin-jest": "^28.3.0",
|
|
59
59
|
"eslint-plugin-prettier": "^5.1.3",
|
|
60
60
|
"filesize": "^10.0.5",
|
|
61
61
|
"front-matter": "^4.0.2",
|
|
@@ -64,8 +64,7 @@
|
|
|
64
64
|
"jest": "^29.5.0",
|
|
65
65
|
"js-yaml": "^4.1.0",
|
|
66
66
|
"postcss": "^8.4.35",
|
|
67
|
-
"postcss-calc": "^
|
|
68
|
-
"postcss-custom-properties-fallback": "^1.0.2",
|
|
67
|
+
"postcss-calc": "^10.0.0",
|
|
69
68
|
"postcss-import": "^16.0.1",
|
|
70
69
|
"postcss-load-config": "^5.0.3",
|
|
71
70
|
"postcss-scss": "^4.0.5",
|
package/postcss.config.cjs
CHANGED
|
@@ -3,8 +3,6 @@ const sass = require('@csstools/postcss-sass')
|
|
|
3
3
|
const scss = require('postcss-scss')
|
|
4
4
|
const scssImport = require('postcss-import')
|
|
5
5
|
const { join } = require('path')
|
|
6
|
-
const path = require('path')
|
|
7
|
-
const fs = require('fs')
|
|
8
6
|
|
|
9
7
|
module.exports = {
|
|
10
8
|
map: {
|
|
@@ -19,31 +17,6 @@ module.exports = {
|
|
|
19
17
|
includePaths: [join(__dirname, 'node_modules')],
|
|
20
18
|
outputStyle: process.env.CSS_MINIFY === '0' ? 'expanded' : 'compressed'
|
|
21
19
|
}),
|
|
22
|
-
autoprefixer
|
|
23
|
-
require('postcss-custom-properties-fallback')({
|
|
24
|
-
importFrom: [
|
|
25
|
-
() => {
|
|
26
|
-
const primitiveFallbacks = [
|
|
27
|
-
'color-fallbacks.json',
|
|
28
|
-
'base/size/size.json',
|
|
29
|
-
'base/typography/typography.json',
|
|
30
|
-
'functional/size/border.json',
|
|
31
|
-
'functional/size/breakpoints.json',
|
|
32
|
-
'functional/size/size-coarse.json',
|
|
33
|
-
'functional/size/size-fine.json',
|
|
34
|
-
'functional/size/size.json',
|
|
35
|
-
'functional/size/viewport.json',
|
|
36
|
-
'functional/typography/typography.json',
|
|
37
|
-
]
|
|
38
|
-
let customProperties = {}
|
|
39
|
-
for (const filePath of primitiveFallbacks) {
|
|
40
|
-
const fileData = fs.readFileSync(path.join(__dirname, './node_modules/@primer/primitives/tokens-next-private/fallbacks/', filePath), 'utf8')
|
|
41
|
-
customProperties = {...customProperties, ...JSON.parse(fileData)}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
return { customProperties: customProperties };
|
|
45
|
-
}
|
|
46
|
-
]
|
|
47
|
-
}),
|
|
20
|
+
autoprefixer
|
|
48
21
|
]
|
|
49
22
|
}
|
package/primitives/index.scss
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
@import '@primer/primitives/
|
|
2
|
-
@import '@primer/primitives/
|
|
3
|
-
@import '@primer/primitives/
|
|
4
|
-
@import '@primer/primitives/
|
|
5
|
-
@import '@primer/primitives/
|
|
6
|
-
@import '@primer/primitives/
|
|
7
|
-
@import '@primer/primitives/
|
|
8
|
-
@import '@primer/primitives/
|
|
9
|
-
@import '@primer/primitives/
|
|
1
|
+
@import '@primer/primitives/dist/css/base/size/size';
|
|
2
|
+
@import '@primer/primitives/dist/css/base/typography/typography';
|
|
3
|
+
@import '@primer/primitives/dist/css/functional/size/border';
|
|
4
|
+
@import '@primer/primitives/dist/css/functional/size/breakpoints';
|
|
5
|
+
@import '@primer/primitives/dist/css/functional/size/size-coarse';
|
|
6
|
+
@import '@primer/primitives/dist/css/functional/size/size-fine';
|
|
7
|
+
@import '@primer/primitives/dist/css/functional/size/size';
|
|
8
|
+
@import '@primer/primitives/dist/css/functional/size/viewport';
|
|
9
|
+
@import '@primer/primitives/dist/css/functional/typography/typography';
|
|
10
10
|
@import './temp-typography-tokens.scss';
|
|
File without changes
|