@primer/css 0.0.0-20220520200310 → 0.0.0-20220520223210

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.
Files changed (15) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/app/app-frame.scss +22 -20
  3. package/app/app-header.scss +50 -31
  4. package/dist/app.css +1 -1
  5. package/dist/app.css.map +1 -1
  6. package/dist/meta.json +104 -104
  7. package/dist/primer.css +1 -1
  8. package/dist/primer.css.map +1 -1
  9. package/dist/product.css +1 -1
  10. package/dist/product.css.map +1 -1
  11. package/dist/stats/app.json +1 -1
  12. package/dist/stats/primer.json +1 -1
  13. package/dist/stats/product.json +1 -1
  14. package/package.json +1 -1
  15. package/product/index.scss +1 -0
package/CHANGELOG.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @primer/css
2
2
 
3
- ## 0.0.0-20220520200310
3
+ ## 0.0.0-20220520223210
4
4
 
5
5
  ### Minor Changes
6
6
 
package/app/app-frame.scss CHANGED
@@ -8,11 +8,12 @@
8
8
 
9
9
  .AppFrame-a11yNav {
10
10
  position: absolute;
11
- padding: 8px 24px 8px 8px;
12
- inset: -200px auto auto 8px;
11
+ padding: var(--base-size-16) var(--base-size-16) var(--base-size-8);
12
+ top: calc(var(--base-size-128) * -1);
13
+ left: 0;
13
14
  background: #F6F8FA; /* fixme */
14
15
  z-index: 1000;
15
- min-width: 50vw;
16
+ width: 100%;
16
17
 
17
18
  ul, li {
18
19
  list-style: none;
@@ -23,16 +24,14 @@
23
24
  ul {
24
25
  display: flex;
25
26
  align-items: center;
26
- gap: 8px;
27
+ gap: var(--base-size-8);
27
28
  }
28
29
 
29
30
  &:focus-within {
30
- inset-block-start: 8px;
31
+ top: 0;
31
32
 
32
33
  // Narrow viewport
33
34
  @media (max-width: #{map-get($breakpoints, 'md') - 0.02px}) {
34
- inset-inline-end: 8px;
35
-
36
35
  ul {
37
36
  justify-content: center;
38
37
  }
@@ -44,29 +43,36 @@
44
43
  transition: none;
45
44
 
46
45
  &:not(:focus) {
47
- width: 8px;
48
- height: 8px;
46
+ width: var(--base-size-8);
47
+ height: var(--base-size-8);
49
48
  display: block;
50
49
  overflow: hidden;
51
- text-indent: 20em;
50
+ text-indent: var(--base-size-128);
52
51
  border-radius: 100%;
53
52
  background: var(--color-border-default);
54
- user-select: none;
53
+ pointer-events: none;
55
54
  }
56
55
 
57
56
  &:focus {
58
- display: block;
57
+ display: grid;
59
58
  z-index: 20;
60
59
  width: auto;
61
60
  height: auto;
62
61
  overflow: auto;
63
- border-radius: $spacer-4; /* 24px */
64
- min-height: $spacer-5; /* 32px */
65
- padding: calc((#{$spacer-5} - 20px) / 2) $spacer-3;
66
- line-height: 20px;
62
+ border-radius: var(--base-size-24);
63
+ min-height: var(--base-size-32);
64
+ align-items: center;
65
+ padding: 0 var(--base-size-16);
67
66
  background: var(--color-accent-fg);
68
67
  color: var(--color-fg-on-emphasis);
69
68
 
69
+ @media (pointer: coarse) {
70
+ &:after {
71
+ // pull from minTouchTarget design token
72
+ @include minTouchTarget(var(--primer-control-minTarget-coarse));
73
+ }
74
+ }
75
+
70
76
  @media (prefers-reduced-motion: no-preference) {
71
77
  animation: AppFrame-a11yLink-focus 200ms ease-out;
72
78
  }
@@ -90,10 +96,6 @@
90
96
  }
91
97
  }
92
98
 
93
- &:has(.AppFrame-a11yNav:focus-within) .AppHeader-context {
94
- opacity: 0;
95
- }
96
-
97
99
  .AppFrame-main {
98
100
  display: flex;
99
101
  flex-direction: column;
package/app/app-header.scss CHANGED
@@ -7,50 +7,55 @@
7
7
  // Global bar
8
8
 
9
9
  .AppHeader-globalBar {
10
- padding: 16px;
10
+ padding: var(--base-size-16); // Replace with `base-size-16`
11
11
  display: flex;
12
- gap: 16px;
12
+ gap: 16px; // Replace with `base-size-16`
13
13
 
14
- .AppHeader-logo {
14
+ // GitHub logo + user avatar
15
+
16
+ .AppHeader-logo, .AppHeader-user {
15
17
  flex: 0 0 auto;
16
18
  display: grid;
17
19
 
18
20
  button, a {
19
21
  grid-area: 1 / 1;
20
22
  display: block;
21
- width: 32px;
22
- height: 32px;
23
+ width: var(--base-size-32);
24
+ height: var(--base-size-32);
23
25
  }
24
26
 
25
27
  button {
28
+ background: transparent;
26
29
  padding: 0;
27
30
  border: none;
28
31
  border-radius: 100%;
29
- outline-offset: 2px;
32
+ outline-offset: var(--primer-borderWidth-normal);
30
33
  }
31
34
 
32
35
  a {
33
36
  grid-area: 1 / 1;
37
+ position: relative;
34
38
  overflow: hidden;
35
- text-indent: 20em;
39
+ text-indent: var(--base-size-128);
36
40
  color: transparent;
41
+
42
+ @media (pointer: coarse) {
43
+ &:after {
44
+ // pull from minTouchTarget design token
45
+ @include minTouchTarget(var(--primer-control-minTarget-coarse), var(--primer-control-minTarget-coarse));
46
+ }
47
+ }
37
48
  }
38
49
  }
39
50
 
40
- .AppHeader-context {
41
- flex: 1 1 auto;
42
- height: 32px;
43
- //background: #ececec;
51
+ .AppHeader-logo svg {
52
+ width: var(--base-size-32);
53
+ height: var(--base-size-32);
44
54
  }
45
55
 
46
56
  .AppHeader-user {
47
- flex: 0 0 auto;
48
- width: 32px;
49
- height: 32px;
50
- border: none;
51
- border-radius: 100%;
52
- outline-offset: 2px;
53
57
  background: var(--color-neutral-muted);
58
+ border-radius: 100%;
54
59
 
55
60
  img {
56
61
  display: block;
@@ -59,19 +64,23 @@
59
64
  border-radius: 100%;
60
65
  }
61
66
  }
67
+
68
+ // Context region
69
+ // Breadcrumb, title, any contextual information directly after the logo
70
+
71
+ .AppHeader-context {
72
+ flex: 1 1 auto;
73
+ height: var(--base-size-32);
74
+ //background: #ececec;
75
+ }
62
76
  }
63
77
 
64
78
  // Local bar
65
79
 
66
80
  .AppHeader-localBar {
67
- padding: 0 16px 16px;
81
+ padding: 0 var(--base-size-16) var(--base-size-16);
68
82
  //background: lightcyan;
69
- box-shadow: inset 0 -1px var(--color-border-default);
70
- }
71
-
72
- .AppHeader-logo {
73
- border-radius: 100%;
74
- outline-offset: -2px;
83
+ box-shadow: inset 0 calc(var(--primer-borderWidth-thin) * -1) var(--color-border-default);
75
84
  }
76
85
 
77
86
  // AppHeader items
@@ -86,18 +95,21 @@
86
95
  }
87
96
 
88
97
  .AppHeader-button {
89
- display: block;
90
- width: 32px;
91
- height: 32px;
92
- border: 1px solid var(--color-border-default);
93
- padding: 8px;
94
- border-radius: 6px;
98
+ position: relative;
99
+ display: grid;
100
+ width: var(--base-size-32);
101
+ height: var(--base-size-32);
102
+ border: var(--primer-borderWidth-thin) solid var(--color-border-default);
103
+ border-radius: var(--primer-borderRadius-medium);
95
104
  color: var(--color-fg-muted);
105
+ align-items: center;
106
+ justify-content: center;
96
107
 
97
108
  svg {
98
- color: inherit;
99
109
  display: block !important;
100
110
  color: inherit !important;
111
+ width: var(--base-size-16);
112
+ height: var(--base-size-16);
101
113
  }
102
114
 
103
115
  &:hover {
@@ -107,5 +119,12 @@
107
119
  &:active {
108
120
  background: var(--color-action-list-item-default-active-bg);
109
121
  }
122
+
123
+ @media (pointer: coarse) {
124
+ &:after {
125
+ // pull from minTouchTarget design token
126
+ @include minTouchTarget(var(--primer-control-minTarget-coarse), var(--primer-control-minTarget-coarse));
127
+ }
128
+ }
110
129
  }
111
130
  }
package/dist/app.css CHANGED
@@ -1,2 +1,2 @@
1
- .AppFrame .AppFrame-a11yNav{position:absolute;padding:8px 24px 8px 8px;inset:-200px auto auto 8px;background:#f6f8fa;z-index:1000;min-width:50vw}.AppFrame .AppFrame-a11yNav ul,.AppFrame .AppFrame-a11yNav li{list-style:none;margin:0;padding:0}.AppFrame .AppFrame-a11yNav ul{display:flex;align-items:center;gap:8px}.AppFrame .AppFrame-a11yNav:focus-within{inset-block-start:8px}@media(max-width: 767.98px){.AppFrame .AppFrame-a11yNav:focus-within{inset-inline-end:8px}.AppFrame .AppFrame-a11yNav:focus-within ul{justify-content:center}}.AppFrame .AppFrame-a11yLink{transition:none}.AppFrame .AppFrame-a11yLink:not(:focus){width:8px;height:8px;display:block;overflow:hidden;text-indent:20em;border-radius:100%;background:var(--color-border-default);-webkit-user-select:none;user-select:none}.AppFrame .AppFrame-a11yLink:focus{display:block;z-index:20;width:auto;height:auto;overflow:auto;border-radius:24px;min-height:32px;padding:calc((32px - 20px)/2) 16px;line-height:20px;background:var(--color-accent-fg);color:var(--color-fg-on-emphasis)}@media(prefers-reduced-motion: no-preference){.AppFrame .AppFrame-a11yLink:focus{animation:AppFrame-a11yLink-focus 200ms ease-out}}@keyframes AppFrame-a11yLink-focus{0%{transform:scale(0.3, 0.25);color:var(--color-accent-fg)}50%{transform:scale(1, 1);color:var(--color-accent-fg)}55%{color:var(--color-fg-on-emphasis)}100%{transform:scaleX(1)}}.AppFrame:has(.AppFrame-a11yNav:focus-within) .AppHeader-context{opacity:0}.AppFrame .AppFrame-main{display:flex;flex-direction:column;min-height:100vh}.AppFrame .AppFrame-header-wrapper{position:relative;overflow:visible;height:min-content}.AppFrame .AppFrame-header-wrapper .AppFrame-header{position:sticky;top:0;z-index:1}.AppFrame .AppFrame-header{flex:0 0 auto}.AppFrame .AppFrame-tray{overflow:hidden;flex:0 0 auto;background:linear-gradient(to bottom, var(--color-border-default) -16px, var(--color-canvas-inset) 8px)}@keyframes flash-tray--appear{from{opacity:0;transform:translateY(-24px)}to{opacity:1}}@media(min-width: 768px){.AppFrame .AppFrame-tray{padding:8px 16px;border-bottom:1px solid var(--color-border-default)}.AppFrame .AppFrame-tray .Flash{animation:flash-tray--appear 160ms 80ms both cubic-bezier(0.33, 1, 0.68, 1)}.AppFrame .AppFrame-tray .Flash+.Flash{margin-top:8px;animation-delay:160ms}}.AppFrame .AppFrame-tray:empty{display:none}:is([data-color-mode=light][data-light-theme$=high_contrast],[data-color-mode=dark][data-dark-theme$=high_contrast]) .AppFrame .AppFrame-tray{background:var(--color-canvas-inset)}.AppFrame .AppFrame-body{flex:1 0;height:100%}.AppFrame .AppFrame-footer{border-top:1px solid var(--color-border-default);background:var(--color-canvas-inset);padding:16px}.AppHeader{--AppHeader-bg: #F6F8FA;background:var(--AppHeader-bg);color:var(--color-fg-default)}.AppHeader .AppHeader-globalBar{padding:16px;display:flex;gap:16px}.AppHeader .AppHeader-globalBar .AppHeader-logo{flex:0 0 auto;display:grid}.AppHeader .AppHeader-globalBar .AppHeader-logo button,.AppHeader .AppHeader-globalBar .AppHeader-logo a{grid-area:1/1;display:block;width:32px;height:32px}.AppHeader .AppHeader-globalBar .AppHeader-logo button{padding:0;border:none;border-radius:100%;outline-offset:2px}.AppHeader .AppHeader-globalBar .AppHeader-logo a{grid-area:1/1;overflow:hidden;text-indent:20em;color:transparent}.AppHeader .AppHeader-globalBar .AppHeader-context{flex:1 1 auto;height:32px}.AppHeader .AppHeader-globalBar .AppHeader-user{flex:0 0 auto;width:32px;height:32px;border:none;border-radius:100%;outline-offset:2px;background:var(--color-neutral-muted)}.AppHeader .AppHeader-globalBar .AppHeader-user img{display:block;width:100%;height:100%;border-radius:100%}.AppHeader .AppHeader-localBar{padding:0 16px 16px;box-shadow:inset 0 -1px var(--color-border-default)}.AppHeader .AppHeader-logo{border-radius:100%;outline-offset:-2px}.AppHeader .AppHeader-item{flex:0 0 auto;background:#ffb6c1}.AppHeader .AppHeader-item--full{flex-grow:1}.AppHeader .AppHeader-button{display:block;width:32px;height:32px;border:1px solid var(--color-border-default);padding:8px;border-radius:6px;color:var(--color-fg-muted)}.AppHeader .AppHeader-button svg{color:inherit;display:block !important;color:inherit !important}.AppHeader .AppHeader-button:hover{background:var(--color-action-list-item-default-hover-bg)}.AppHeader .AppHeader-button:active{background:var(--color-action-list-item-default-active-bg)}
1
+ .AppFrame .AppFrame-a11yNav{position:absolute;padding:var(--base-size-16) var(--base-size-16) var(--base-size-8);top:calc(var(--base-size-128)*-1);left:0;background:#f6f8fa;z-index:1000;width:100%}.AppFrame .AppFrame-a11yNav ul,.AppFrame .AppFrame-a11yNav li{list-style:none;margin:0;padding:0}.AppFrame .AppFrame-a11yNav ul{display:flex;align-items:center;gap:var(--base-size-8)}.AppFrame .AppFrame-a11yNav:focus-within{top:0}@media(max-width: 767.98px){.AppFrame .AppFrame-a11yNav:focus-within ul{justify-content:center}}.AppFrame .AppFrame-a11yLink{transition:none}.AppFrame .AppFrame-a11yLink:not(:focus){width:var(--base-size-8);height:var(--base-size-8);display:block;overflow:hidden;text-indent:var(--base-size-128);border-radius:100%;background:var(--color-border-default);pointer-events:none}.AppFrame .AppFrame-a11yLink:focus{display:grid;z-index:20;width:auto;height:auto;overflow:auto;border-radius:var(--base-size-24);min-height:var(--base-size-32);align-items:center;padding:0 var(--base-size-16);background:var(--color-accent-fg);color:var(--color-fg-on-emphasis)}@media(pointer: coarse){.AppFrame .AppFrame-a11yLink:focus:after{position:absolute;top:50%;left:50%;width:100%;height:100%;min-height:var(--primer-control-minTarget-coarse);content:"";transform:translateX(-50%) translateY(-50%)}}@media(prefers-reduced-motion: no-preference){.AppFrame .AppFrame-a11yLink:focus{animation:AppFrame-a11yLink-focus 200ms ease-out}}@keyframes AppFrame-a11yLink-focus{0%{transform:scale(0.3, 0.25);color:var(--color-accent-fg)}50%{transform:scale(1, 1);color:var(--color-accent-fg)}55%{color:var(--color-fg-on-emphasis)}100%{transform:scaleX(1)}}.AppFrame .AppFrame-main{display:flex;flex-direction:column;min-height:100vh}.AppFrame .AppFrame-header-wrapper{position:relative;overflow:visible;height:min-content}.AppFrame .AppFrame-header-wrapper .AppFrame-header{position:sticky;top:0;z-index:1}.AppFrame .AppFrame-header{flex:0 0 auto}.AppFrame .AppFrame-tray{overflow:hidden;flex:0 0 auto;background:linear-gradient(to bottom, var(--color-border-default) -16px, var(--color-canvas-inset) 8px)}@keyframes flash-tray--appear{from{opacity:0;transform:translateY(-24px)}to{opacity:1}}@media(min-width: 768px){.AppFrame .AppFrame-tray{padding:8px 16px;border-bottom:1px solid var(--color-border-default)}.AppFrame .AppFrame-tray .Flash{animation:flash-tray--appear 160ms 80ms both cubic-bezier(0.33, 1, 0.68, 1)}.AppFrame .AppFrame-tray .Flash+.Flash{margin-top:8px;animation-delay:160ms}}.AppFrame .AppFrame-tray:empty{display:none}:is([data-color-mode=light][data-light-theme$=high_contrast],[data-color-mode=dark][data-dark-theme$=high_contrast]) .AppFrame .AppFrame-tray{background:var(--color-canvas-inset)}.AppFrame .AppFrame-body{flex:1 0;height:100%}.AppFrame .AppFrame-footer{border-top:1px solid var(--color-border-default);background:var(--color-canvas-inset);padding:16px}.AppHeader{--AppHeader-bg: #F6F8FA;background:var(--AppHeader-bg);color:var(--color-fg-default)}.AppHeader .AppHeader-globalBar{padding:var(--base-size-16);display:flex;gap:16px}.AppHeader .AppHeader-globalBar .AppHeader-logo,.AppHeader .AppHeader-globalBar .AppHeader-user{flex:0 0 auto;display:grid}.AppHeader .AppHeader-globalBar .AppHeader-logo button,.AppHeader .AppHeader-globalBar .AppHeader-logo a,.AppHeader .AppHeader-globalBar .AppHeader-user button,.AppHeader .AppHeader-globalBar .AppHeader-user a{grid-area:1/1;display:block;width:var(--base-size-32);height:var(--base-size-32)}.AppHeader .AppHeader-globalBar .AppHeader-logo button,.AppHeader .AppHeader-globalBar .AppHeader-user button{background:transparent;padding:0;border:none;border-radius:100%;outline-offset:var(--primer-borderWidth-normal)}.AppHeader .AppHeader-globalBar .AppHeader-logo a,.AppHeader .AppHeader-globalBar .AppHeader-user a{grid-area:1/1;position:relative;overflow:hidden;text-indent:var(--base-size-128);color:transparent}@media(pointer: coarse){.AppHeader .AppHeader-globalBar .AppHeader-logo a:after,.AppHeader .AppHeader-globalBar .AppHeader-user a:after{position:absolute;top:50%;left:50%;width:100%;height:100%;min-height:var(--primer-control-minTarget-coarse);content:"";transform:translateX(-50%) translateY(-50%);min-width:var(--primer-control-minTarget-coarse)}}.AppHeader .AppHeader-globalBar .AppHeader-logo svg{width:var(--base-size-32);height:var(--base-size-32)}.AppHeader .AppHeader-globalBar .AppHeader-user{background:var(--color-neutral-muted);border-radius:100%}.AppHeader .AppHeader-globalBar .AppHeader-user img{display:block;width:100%;height:100%;border-radius:100%}.AppHeader .AppHeader-globalBar .AppHeader-context{flex:1 1 auto;height:var(--base-size-32)}.AppHeader .AppHeader-localBar{padding:0 var(--base-size-16) var(--base-size-16);box-shadow:inset 0 calc(var(--primer-borderWidth-thin)*-1) var(--color-border-default)}.AppHeader .AppHeader-item{flex:0 0 auto;background:#ffb6c1}.AppHeader .AppHeader-item--full{flex-grow:1}.AppHeader .AppHeader-button{position:relative;display:grid;width:var(--base-size-32);height:var(--base-size-32);border:var(--primer-borderWidth-thin) solid var(--color-border-default);border-radius:var(--primer-borderRadius-medium);color:var(--color-fg-muted);align-items:center;justify-content:center}.AppHeader .AppHeader-button svg{display:block !important;color:inherit !important;width:var(--base-size-16);height:var(--base-size-16)}.AppHeader .AppHeader-button:hover{background:var(--color-action-list-item-default-hover-bg)}.AppHeader .AppHeader-button:active{background:var(--color-action-list-item-default-active-bg)}@media(pointer: coarse){.AppHeader .AppHeader-button:after{position:absolute;top:50%;left:50%;width:100%;height:100%;min-height:var(--primer-control-minTarget-coarse);content:"";transform:translateX(-50%) translateY(-50%);min-width:var(--primer-control-minTarget-coarse)}}
2
2
  /*# sourceMappingURL=app.css.map */
package/dist/app.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/app/index.scss%23sass"],"names":[],"mappings":"AAkjBE,4BAAA,iBAAA,CAAA,wBAAA,CAAA,0BAAA,CAAA,kBAAA,CAAA,YAAA,CAAA,cAAA,CAAA,8DAAA,eAAA,CAAA,QAAA,CAAA,SAAA,CAAA,+BAAA,YAAA,CAAA,kBAAA,CAAA,OAAA,CAAA,yCAAA,qBAAA,CAAA,4BAAA,yCAAA,oBAAA,CAAA,4CAAA,sBAAA,CAAA,CAAA,6BAAA,eAAA,CAAA,yCAAA,SAAA,CAAA,UAAA,CAAA,aAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,kBAAA,CAAA,sCAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,mCAAA,aAAA,CAAA,UAAA,CAAA,UAAA,CAAA,WAAA,CAAA,aAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,kCAAA,CAAA,gBAAA,CAAA,iCAAA,CAAA,iCAAA,CAAA,8CAAA,mCAAA,gDAAA,CAAA,CAAA,mCAAA,GAAA,0BAAA,CAAA,4BAAA,CAAA,IAAA,qBAAA,CAAA,4BAAA,CAAA,IAAA,iCAAA,CAAA,KAAA,mBAAA,CAAA,CAAA,iEAAA,SAAA,CAAA,yBAAA,YAAA,CAAA,qBAAA,CAAA,gBAAA,CAAA,mCAAA,iBAAA,CAAA,gBAAA,CAAA,kBAAA,CAAA,oDAAA,eAAA,CAAA,KAAA,CAAA,SAAA,CAAA,2BAAA,aAAA,CAAA,yBAAA,eAAA,CAAA,aAAA,CAAA,uGAAA,CAAA,8BAAA,KAAA,SAAA,CAAA,2BAAA,CAAA,GAAA,SAAA,CAAA,CAAA,yBAAA,yBAAA,gBAAA,CAAA,mDAAA,CAAA,gCAAA,2EAAA,CAAA,uCAAA,cAAA,CAAA,qBAAA,CAAA,CAAA,+BAAA,YAAA,CAAA,8IAAA,oCAAA,CAAA,yBAAA,QAAA,CAAA,WAAA,CAAA,2BAAA,gDAAA,CAAA,oCAAA,CAAA,YAAA,CAAA,WAAA,uBAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,gCAAA,YAAA,CAAA,YAAA,CAAA,QAAA,CAAA,gDAAA,aAAA,CAAA,YAAA,CAAA,yGAAA,aAAA,CAAA,aAAA,CAAA,UAAA,CAAA,WAAA,CAAA,uDAAA,SAAA,CAAA,WAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,kDAAA,aAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,mDAAA,aAAA,CAAA,WAAA,CAAA,gDAAA,aAAA,CAAA,UAAA,CAAA,WAAA,CAAA,WAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,qCAAA,CAAA,oDAAA,aAAA,CAAA,UAAA,CAAA,WAAA,CAAA,kBAAA,CAAA,+BAAA,mBAAA,CAAA,mDAAA,CAAA,2BAAA,kBAAA,CAAA,mBAAA,CAAA,2BAAA,aAAA,CAAA,kBAAA,CAAA,iCAAA,WAAA,CAAA,6BAAA,aAAA,CAAA,UAAA,CAAA,WAAA,CAAA,4CAAA,CAAA,WAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iCAAA,aAAA,CAAA,wBAAA,CAAA,wBAAA,CAAA,mCAAA,yDAAA,CAAA,oCAAA,0DAAA","file":"app.css"}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/app/index.scss%23sass"],"names":[],"mappings":"AAkjBE,4BAAA,iBAAA,CAAA,kEAAA,CAAA,iCAAA,CAAA,MAAA,CAAA,kBAAA,CAAA,YAAA,CAAA,UAAA,CAAA,8DAAA,eAAA,CAAA,QAAA,CAAA,SAAA,CAAA,+BAAA,YAAA,CAAA,kBAAA,CAAA,sBAAA,CAAA,yCAAA,KAAA,CAAA,4BAAA,4CAAA,sBAAA,CAAA,CAAA,6BAAA,eAAA,CAAA,yCAAA,wBAAA,CAAA,yBAAA,CAAA,aAAA,CAAA,eAAA,CAAA,gCAAA,CAAA,kBAAA,CAAA,sCAAA,CAAA,mBAAA,CAAA,mCAAA,YAAA,CAAA,UAAA,CAAA,UAAA,CAAA,WAAA,CAAA,aAAA,CAAA,iCAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,iCAAA,CAAA,iCAAA,CAAA,wBAAA,yCAAA,iBAAA,CAAA,OAAA,CAAA,QAAA,CAAA,UAAA,CAAA,WAAA,CAAA,iDAAA,CAAA,UAAA,CAAA,2CAAA,CAAA,CAAA,8CAAA,mCAAA,gDAAA,CAAA,CAAA,mCAAA,GAAA,0BAAA,CAAA,4BAAA,CAAA,IAAA,qBAAA,CAAA,4BAAA,CAAA,IAAA,iCAAA,CAAA,KAAA,mBAAA,CAAA,CAAA,yBAAA,YAAA,CAAA,qBAAA,CAAA,gBAAA,CAAA,mCAAA,iBAAA,CAAA,gBAAA,CAAA,kBAAA,CAAA,oDAAA,eAAA,CAAA,KAAA,CAAA,SAAA,CAAA,2BAAA,aAAA,CAAA,yBAAA,eAAA,CAAA,aAAA,CAAA,uGAAA,CAAA,8BAAA,KAAA,SAAA,CAAA,2BAAA,CAAA,GAAA,SAAA,CAAA,CAAA,yBAAA,yBAAA,gBAAA,CAAA,mDAAA,CAAA,gCAAA,2EAAA,CAAA,uCAAA,cAAA,CAAA,qBAAA,CAAA,CAAA,+BAAA,YAAA,CAAA,8IAAA,oCAAA,CAAA,yBAAA,QAAA,CAAA,WAAA,CAAA,2BAAA,gDAAA,CAAA,oCAAA,CAAA,YAAA,CAAA,WAAA,uBAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,gCAAA,2BAAA,CAAA,YAAA,CAAA,QAAA,CAAA,gGAAA,aAAA,CAAA,YAAA,CAAA,kNAAA,aAAA,CAAA,aAAA,CAAA,yBAAA,CAAA,0BAAA,CAAA,8GAAA,sBAAA,CAAA,SAAA,CAAA,WAAA,CAAA,kBAAA,CAAA,+CAAA,CAAA,oGAAA,aAAA,CAAA,iBAAA,CAAA,eAAA,CAAA,gCAAA,CAAA,iBAAA,CAAA,wBAAA,gHAAA,iBAAA,CAAA,OAAA,CAAA,QAAA,CAAA,UAAA,CAAA,WAAA,CAAA,iDAAA,CAAA,UAAA,CAAA,2CAAA,CAAA,gDAAA,CAAA,CAAA,oDAAA,yBAAA,CAAA,0BAAA,CAAA,gDAAA,qCAAA,CAAA,kBAAA,CAAA,oDAAA,aAAA,CAAA,UAAA,CAAA,WAAA,CAAA,kBAAA,CAAA,mDAAA,aAAA,CAAA,0BAAA,CAAA,+BAAA,iDAAA,CAAA,sFAAA,CAAA,2BAAA,aAAA,CAAA,kBAAA,CAAA,iCAAA,WAAA,CAAA,6BAAA,iBAAA,CAAA,YAAA,CAAA,yBAAA,CAAA,0BAAA,CAAA,uEAAA,CAAA,+CAAA,CAAA,2BAAA,CAAA,kBAAA,CAAA,sBAAA,CAAA,iCAAA,wBAAA,CAAA,wBAAA,CAAA,yBAAA,CAAA,0BAAA,CAAA,mCAAA,yDAAA,CAAA,oCAAA,0DAAA,CAAA,wBAAA,mCAAA,iBAAA,CAAA,OAAA,CAAA,QAAA,CAAA,UAAA,CAAA,WAAA,CAAA,iDAAA,CAAA,UAAA,CAAA,2CAAA,CAAA,gDAAA,CAAA","file":"app.css"}
package/dist/meta.json CHANGED
@@ -22,6 +22,17 @@
22
22
  "legacy": "primer-support/index.scss",
23
23
  "imports": []
24
24
  },
25
+ "loaders": {
26
+ "name": "loaders",
27
+ "source": "src/loaders/index.scss",
28
+ "sass": "@primer/css/loaders/index.scss",
29
+ "css": "dist/loaders.css",
30
+ "map": "dist/loaders.css.map",
31
+ "js": "dist/loaders.js",
32
+ "stats": "dist/stats/loaders.json",
33
+ "legacy": "primer-loaders/index.scss",
34
+ "imports": []
35
+ },
25
36
  "branch-name": {
26
37
  "name": "branch-name",
27
38
  "source": "src/branch-name/index.scss",
@@ -33,15 +44,26 @@
33
44
  "legacy": "primer-branch-name/index.scss",
34
45
  "imports": []
35
46
  },
36
- "breadcrumb": {
37
- "name": "breadcrumb",
38
- "source": "src/breadcrumb/index.scss",
39
- "sass": "@primer/css/breadcrumb/index.scss",
40
- "css": "dist/breadcrumb.css",
41
- "map": "dist/breadcrumb.css.map",
42
- "js": "dist/breadcrumb.js",
43
- "stats": "dist/stats/breadcrumb.json",
44
- "legacy": "primer-breadcrumb/index.scss",
47
+ "links": {
48
+ "name": "links",
49
+ "source": "src/links/index.scss",
50
+ "sass": "@primer/css/links/index.scss",
51
+ "css": "dist/links.css",
52
+ "map": "dist/links.css.map",
53
+ "js": "dist/links.js",
54
+ "stats": "dist/stats/links.json",
55
+ "legacy": "primer-links/index.scss",
56
+ "imports": []
57
+ },
58
+ "header": {
59
+ "name": "header",
60
+ "source": "src/header/index.scss",
61
+ "sass": "@primer/css/header/index.scss",
62
+ "css": "dist/header.css",
63
+ "map": "dist/header.css.map",
64
+ "js": "dist/header.js",
65
+ "stats": "dist/stats/header.json",
66
+ "legacy": "primer-header/index.scss",
45
67
  "imports": []
46
68
  },
47
69
  "blankslate": {
@@ -66,15 +88,26 @@
66
88
  "legacy": "primer-alerts/index.scss",
67
89
  "imports": []
68
90
  },
69
- "loaders": {
70
- "name": "loaders",
71
- "source": "src/loaders/index.scss",
72
- "sass": "@primer/css/loaders/index.scss",
73
- "css": "dist/loaders.css",
74
- "map": "dist/loaders.css.map",
75
- "js": "dist/loaders.js",
76
- "stats": "dist/stats/loaders.json",
77
- "legacy": "primer-loaders/index.scss",
91
+ "dropdown": {
92
+ "name": "dropdown",
93
+ "source": "src/dropdown/index.scss",
94
+ "sass": "@primer/css/dropdown/index.scss",
95
+ "css": "dist/dropdown.css",
96
+ "map": "dist/dropdown.css.map",
97
+ "js": "dist/dropdown.js",
98
+ "stats": "dist/stats/dropdown.json",
99
+ "legacy": "primer-dropdown/index.scss",
100
+ "imports": []
101
+ },
102
+ "overlay": {
103
+ "name": "overlay",
104
+ "source": "src/overlay/index.scss",
105
+ "sass": "@primer/css/overlay/index.scss",
106
+ "css": "dist/overlay.css",
107
+ "map": "dist/overlay.css.map",
108
+ "js": "dist/overlay.js",
109
+ "stats": "dist/stats/overlay.json",
110
+ "legacy": "primer-overlay/index.scss",
78
111
  "imports": []
79
112
  },
80
113
  "progress": {
@@ -88,6 +121,17 @@
88
121
  "legacy": "primer-progress/index.scss",
89
122
  "imports": []
90
123
  },
124
+ "breadcrumb": {
125
+ "name": "breadcrumb",
126
+ "source": "src/breadcrumb/index.scss",
127
+ "sass": "@primer/css/breadcrumb/index.scss",
128
+ "css": "dist/breadcrumb.css",
129
+ "map": "dist/breadcrumb.css.map",
130
+ "js": "dist/breadcrumb.js",
131
+ "stats": "dist/stats/breadcrumb.json",
132
+ "legacy": "primer-breadcrumb/index.scss",
133
+ "imports": []
134
+ },
91
135
  "truncate": {
92
136
  "name": "truncate",
93
137
  "source": "src/truncate/index.scss",
@@ -99,28 +143,6 @@
99
143
  "legacy": "primer-truncate/index.scss",
100
144
  "imports": []
101
145
  },
102
- "links": {
103
- "name": "links",
104
- "source": "src/links/index.scss",
105
- "sass": "@primer/css/links/index.scss",
106
- "css": "dist/links.css",
107
- "map": "dist/links.css.map",
108
- "js": "dist/links.js",
109
- "stats": "dist/stats/links.json",
110
- "legacy": "primer-links/index.scss",
111
- "imports": []
112
- },
113
- "header": {
114
- "name": "header",
115
- "source": "src/header/index.scss",
116
- "sass": "@primer/css/header/index.scss",
117
- "css": "dist/header.css",
118
- "map": "dist/header.css.map",
119
- "js": "dist/header.js",
120
- "stats": "dist/stats/header.json",
121
- "legacy": "primer-header/index.scss",
122
- "imports": []
123
- },
124
146
  "subhead": {
125
147
  "name": "subhead",
126
148
  "source": "src/subhead/index.scss",
@@ -176,39 +198,6 @@
176
198
  "legacy": "primer-popover/index.scss",
177
199
  "imports": []
178
200
  },
179
- "tooltips": {
180
- "name": "tooltips",
181
- "source": "src/tooltips/index.scss",
182
- "sass": "@primer/css/tooltips/index.scss",
183
- "css": "dist/tooltips.css",
184
- "map": "dist/tooltips.css.map",
185
- "js": "dist/tooltips.js",
186
- "stats": "dist/stats/tooltips.json",
187
- "legacy": "primer-tooltips/index.scss",
188
- "imports": []
189
- },
190
- "dropdown": {
191
- "name": "dropdown",
192
- "source": "src/dropdown/index.scss",
193
- "sass": "@primer/css/dropdown/index.scss",
194
- "css": "dist/dropdown.css",
195
- "map": "dist/dropdown.css.map",
196
- "js": "dist/dropdown.js",
197
- "stats": "dist/stats/dropdown.json",
198
- "legacy": "primer-dropdown/index.scss",
199
- "imports": []
200
- },
201
- "overlay": {
202
- "name": "overlay",
203
- "source": "src/overlay/index.scss",
204
- "sass": "@primer/css/overlay/index.scss",
205
- "css": "dist/overlay.css",
206
- "map": "dist/overlay.css.map",
207
- "js": "dist/overlay.js",
208
- "stats": "dist/stats/overlay.json",
209
- "legacy": "primer-overlay/index.scss",
210
- "imports": []
211
- },
212
201
  "select-menu": {
213
202
  "name": "select-menu",
214
203
  "source": "src/select-menu/index.scss",
@@ -220,6 +209,17 @@
220
209
  "legacy": "primer-select-menu/index.scss",
221
210
  "imports": []
222
211
  },
212
+ "tooltips": {
213
+ "name": "tooltips",
214
+ "source": "src/tooltips/index.scss",
215
+ "sass": "@primer/css/tooltips/index.scss",
216
+ "css": "dist/tooltips.css",
217
+ "map": "dist/tooltips.css.map",
218
+ "js": "dist/tooltips.js",
219
+ "stats": "dist/stats/tooltips.json",
220
+ "legacy": "primer-tooltips/index.scss",
221
+ "imports": []
222
+ },
223
223
  "marketing-support": {
224
224
  "name": "marketing-support",
225
225
  "source": "src/marketing/support/index.scss",
@@ -264,6 +264,17 @@
264
264
  "legacy": "primer-marketing-links/index.scss",
265
265
  "imports": []
266
266
  },
267
+ "marketing-buttons": {
268
+ "name": "marketing-buttons",
269
+ "source": "src/marketing/buttons/index.scss",
270
+ "sass": "@primer/css/marketing/buttons/index.scss",
271
+ "css": "dist/marketing-buttons.css",
272
+ "map": "dist/marketing-buttons.css.map",
273
+ "js": "dist/marketing-buttons.js",
274
+ "stats": "dist/stats/marketing-buttons.json",
275
+ "legacy": "primer-marketing-buttons/index.scss",
276
+ "imports": []
277
+ },
267
278
  "marketing-type": {
268
279
  "name": "marketing-type",
269
280
  "source": "src/marketing/type/index.scss",
@@ -297,17 +308,6 @@
297
308
  "legacy": "primer-buttons/index.scss",
298
309
  "imports": []
299
310
  },
300
- "marketing-buttons": {
301
- "name": "marketing-buttons",
302
- "source": "src/marketing/buttons/index.scss",
303
- "sass": "@primer/css/marketing/buttons/index.scss",
304
- "css": "dist/marketing-buttons.css",
305
- "map": "dist/marketing-buttons.css.map",
306
- "js": "dist/marketing-buttons.js",
307
- "stats": "dist/stats/marketing-buttons.json",
308
- "legacy": "primer-marketing-buttons/index.scss",
309
- "imports": []
310
- },
311
311
  "avatars": {
312
312
  "name": "avatars",
313
313
  "source": "src/avatars/index.scss",
@@ -341,17 +341,6 @@
341
341
  "legacy": "primer-actionlist/index.scss",
342
342
  "imports": []
343
343
  },
344
- "forms": {
345
- "name": "forms",
346
- "source": "src/forms/index.scss",
347
- "sass": "@primer/css/forms/index.scss",
348
- "css": "dist/forms.css",
349
- "map": "dist/forms.css.map",
350
- "js": "dist/forms.js",
351
- "stats": "dist/stats/forms.json",
352
- "legacy": "primer-forms/index.scss",
353
- "imports": []
354
- },
355
344
  "labels": {
356
345
  "name": "labels",
357
346
  "source": "src/labels/index.scss",
@@ -363,15 +352,15 @@
363
352
  "legacy": "primer-labels/index.scss",
364
353
  "imports": []
365
354
  },
366
- "navigation": {
367
- "name": "navigation",
368
- "source": "src/navigation/index.scss",
369
- "sass": "@primer/css/navigation/index.scss",
370
- "css": "dist/navigation.css",
371
- "map": "dist/navigation.css.map",
372
- "js": "dist/navigation.js",
373
- "stats": "dist/stats/navigation.json",
374
- "legacy": "primer-navigation/index.scss",
355
+ "forms": {
356
+ "name": "forms",
357
+ "source": "src/forms/index.scss",
358
+ "sass": "@primer/css/forms/index.scss",
359
+ "css": "dist/forms.css",
360
+ "map": "dist/forms.css.map",
361
+ "js": "dist/forms.js",
362
+ "stats": "dist/stats/forms.json",
363
+ "legacy": "primer-forms/index.scss",
375
364
  "imports": []
376
365
  },
377
366
  "layout": {
@@ -385,6 +374,17 @@
385
374
  "legacy": "primer-layout/index.scss",
386
375
  "imports": []
387
376
  },
377
+ "navigation": {
378
+ "name": "navigation",
379
+ "source": "src/navigation/index.scss",
380
+ "sass": "@primer/css/navigation/index.scss",
381
+ "css": "dist/navigation.css",
382
+ "map": "dist/navigation.css.map",
383
+ "js": "dist/navigation.js",
384
+ "stats": "dist/stats/navigation.json",
385
+ "legacy": "primer-navigation/index.scss",
386
+ "imports": []
387
+ },
388
388
  "marketing-utilities": {
389
389
  "name": "marketing-utilities",
390
390
  "source": "src/marketing/utilities/index.scss",