@primer/css 0.0.0-20220120130202 → 0.0.0-20220120162542

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,98 +0,0 @@
1
- .modal-dialog-backdrop {
2
- position: fixed;
3
- top: 0;
4
- left: 0;
5
- bottom: 0;
6
- right: 0;
7
- display: flex;
8
- align-items: center;
9
- justify-content: center;
10
- background-color: rgba(0, 0, 0, 0.4);
11
- animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running dialog-backdrop-appear;
12
- }
13
- modal-dialog {
14
- display: flex;
15
- flex-direction: column;
16
- background-color: rgb(255, 255, 255);
17
- box-shadow: rgb(27 31 36 / 12%) 0px 1px 3px, rgb(66 74 83 / 12%) 0px 8px 24px;
18
- min-width: 296px;
19
- max-width: calc(100vw - 64px);
20
- max-height: calc(100vh - 64px);
21
- width: 640px;
22
- height: auto;
23
- border-radius: 12px;
24
- opacity: 1;
25
- animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay--dialog-appear;
26
- }
27
- modal-dialog header {
28
- box-shadow: rgb(208 215 222) 0px 1px 0px;
29
- padding: 8px;
30
- z-index: 1;
31
- flex-shrink: 0;
32
- }
33
- modal-dialog header .header-container {
34
- display: flex;
35
- }
36
-
37
- modal-dialog header .header-container .header-container-title {
38
- padding: 6px 8px;
39
- display: flex;
40
- flex-direction: column;
41
- -webkit-box-flex: 1;
42
- flex-grow: 1;
43
- }
44
-
45
- modal-dialog header .header-container .header-container-title .title {
46
- font-size: 14px;
47
- font-weight: 600;
48
- margin: 0px;
49
- }
50
-
51
- modal-dialog header .header-container .header-container-title .subtitle {
52
- font-size: 12px;
53
- color: rgb(87, 96, 106);
54
- margin: 4px 0px 0px;
55
- }
56
- modal-dialog header .header-container .close-button {
57
- position: relative;
58
- display: inline-block;
59
- font-family: inherit;
60
- font-weight: 600;
61
- white-space: nowrap;
62
- cursor: pointer;
63
- user-select: none;
64
- appearance: none;
65
- text-decoration: none;
66
- text-align: center;
67
- font-size: 14px;
68
- border-radius: 4px;
69
- background: transparent;
70
- border: 0px;
71
- vertical-align: middle;
72
- color: rgb(87, 96, 106);
73
- padding: 8px;
74
- align-self: flex-start;
75
- line-height: normal;
76
- box-shadow: none;
77
- }
78
- modal-dialog header .header-container .close-button:hover,
79
- modal-dialog header .header-container .close-button:focus {
80
- background-color: rgb(243, 244, 246);
81
- border-color: rgba(27, 31, 36, 0.15);
82
- }
83
- modal-dialog .dialog-body {
84
- -webkit-box-flex: 1;
85
- flex-grow: 1;
86
- overflow: auto;
87
- padding: 16px;
88
- }
89
- modal-dialog footer {
90
- box-shadow: rgb(208 215 222) 0px -1px 0px;
91
- padding: 16px;
92
- display: flex;
93
- flex-flow: wrap;
94
- -webkit-box-pack: end;
95
- justify-content: flex-end;
96
- z-index: 1;
97
- flex-shrink: 0;
98
- }
package/dialog/index.scss DELETED
@@ -1,2 +0,0 @@
1
- @import '../support/index.scss';
2
- @import './dialog.scss';
package/dist/dialog.css DELETED
@@ -1,2 +0,0 @@
1
- .modal-dialog-backdrop{position:fixed;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4);animation:200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running dialog-backdrop-appear}modal-dialog{display:flex;flex-direction:column;background-color:#fff;box-shadow:rgba(27,31,36,.12) 0px 1px 3px,rgba(66,74,83,.12) 0px 8px 24px;min-width:296px;max-width:calc(100vw - 64px);max-height:calc(100vh - 64px);width:640px;height:auto;border-radius:12px;opacity:1;animation:200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay--dialog-appear}modal-dialog header{box-shadow:#d0d7de 0px 1px 0px;padding:8px;z-index:1;flex-shrink:0}modal-dialog header .header-container{display:flex}modal-dialog header .header-container .header-container-title{padding:6px 8px;display:flex;flex-direction:column;flex-grow:1}modal-dialog header .header-container .header-container-title .title{font-size:14px;font-weight:600;margin:0px}modal-dialog header .header-container .header-container-title .subtitle{font-size:12px;color:#57606a;margin:4px 0px 0px}modal-dialog header .header-container .close-button{position:relative;display:inline-block;font-family:inherit;font-weight:600;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;text-align:center;font-size:14px;border-radius:4px;background:transparent;border:0px;vertical-align:middle;color:#57606a;padding:8px;align-self:flex-start;line-height:normal;box-shadow:none}modal-dialog header .header-container .close-button:hover,modal-dialog header .header-container .close-button:focus{background-color:#f3f4f6;border-color:rgba(27,31,36,.15)}modal-dialog .dialog-body{flex-grow:1;overflow:auto;padding:16px}modal-dialog footer{box-shadow:#d0d7de 0px -1px 0px;padding:16px;display:flex;flex-flow:wrap;justify-content:flex-end;z-index:1;flex-shrink:0}
2
- /*# sourceMappingURL=dialog.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/dialog/index.scss%23sass"],"names":[],"mappings":"AAkgBA,uBAAA,cAAA,CAAA,KAAA,CAAA,MAAA,CAAA,QAAA,CAAA,OAAA,CAAA,YAAA,CAAA,kBAAA,CAAA,sBAAA,CAAA,+BAAA,CAAA,8FAAA,CAAA,aAAA,YAAA,CAAA,qBAAA,CAAA,qBAAA,CAAA,yEAAA,CAAA,eAAA,CAAA,4BAAA,CAAA,6BAAA,CAAA,WAAA,CAAA,WAAA,CAAA,kBAAA,CAAA,SAAA,CAAA,8FAAA,CAAA,oBAAA,8BAAA,CAAA,WAAA,CAAA,SAAA,CAAA,aAAA,CAAA,sCAAA,YAAA,CAAA,8DAAA,eAAA,CAAA,YAAA,CAAA,qBAAA,CAAA,WAAA,CAAA,qEAAA,cAAA,CAAA,eAAA,CAAA,UAAA,CAAA,wEAAA,cAAA,CAAA,aAAA,CAAA,kBAAA,CAAA,oDAAA,iBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,eAAA,CAAA,kBAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,uBAAA,CAAA,oBAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,iBAAA,CAAA,sBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,WAAA,CAAA,qBAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,oHAAA,wBAAA,CAAA,+BAAA,CAAA,0BAAA,WAAA,CAAA,aAAA,CAAA,YAAA,CAAA,oBAAA,+BAAA,CAAA,YAAA,CAAA,YAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,SAAA,CAAA,aAAA","file":"dialog.css"}
package/dist/dialog.js DELETED
@@ -1 +0,0 @@
1
- export {cssstats: require('./stats/dialog.json')}
@@ -1 +0,0 @@
1
- {"size":1966,"gzipSize":732,"humanizedSize":"2KB","humanizedGzipSize":"732B","rules":{"total":11,"size":{"graph":[10,12,4,1,4,3,3,23,2,3,7],"max":23,"average":6.545454545454546},"selectorByRuleSizes":[{"selector":"modal-dialog header .header-container .close-button","declarations":23},{"selector":"modal-dialog","declarations":12},{"selector":".modal-dialog-backdrop","declarations":10},{"selector":"modal-dialog footer","declarations":7},{"selector":"modal-dialog header .header-container .header-container-title","declarations":4},{"selector":"modal-dialog header","declarations":4},{"selector":"modal-dialog .dialog-body","declarations":3},{"selector":"modal-dialog header .header-container .header-container-title .subtitle","declarations":3},{"selector":"modal-dialog header .header-container .header-container-title .title","declarations":3},{"selector":"modal-dialog header .header-container .close-button:hover,modal-dialog header .header-container .close-button:focus","declarations":2},{"selector":"modal-dialog header .header-container","declarations":1}]},"selectors":{"total":12,"type":11,"class":9,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".modal-dialog-backdrop","modal-dialog","modal-dialog header","modal-dialog header .header-container","modal-dialog header .header-container .header-container-title","modal-dialog header .header-container .header-container-title .title","modal-dialog header .header-container .header-container-title .subtitle","modal-dialog header .header-container .close-button","modal-dialog header .header-container .close-button:hover","modal-dialog header .header-container .close-button:focus","modal-dialog .dialog-body","modal-dialog footer"],"specificity":{"max":32,"average":17.5}},"declarations":{"total":72,"unique":59,"uniqueToTotalRatio":0.8194444444444444,"properties":{"position":["fixed","relative"],"top":["0"],"left":["0"],"bottom":["0"],"right":["0"],"display":["flex","flex","flex","flex","inline-block","flex"],"align-items":["center"],"justify-content":["center","flex-end"],"background-color":["rgba(0,0,0,.4)","#fff","#f3f4f6"],"animation":["200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running dialog-backdrop-appear","200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay--dialog-appear"],"flex-direction":["column","column"],"box-shadow":["rgba(27,31,36,.12) 0px 1px 3px,rgba(66,74,83,.12) 0px 8px 24px","#d0d7de 0px 1px 0px","none","#d0d7de 0px -1px 0px"],"min-width":["296px"],"max-width":["calc(100vw - 64px)"],"max-height":["calc(100vh - 64px)"],"width":["640px"],"height":["auto"],"border-radius":["12px","4px"],"opacity":["1"],"padding":["8px","6px 8px","8px","16px","16px"],"z-index":["1","1"],"flex-shrink":["0","0"],"flex-grow":["1","1"],"font-size":["14px","12px","14px"],"font-weight":["600","600"],"margin":["0px","4px 0px 0px"],"color":["#57606a","#57606a"],"font-family":["inherit"],"white-space":["nowrap"],"cursor":["pointer"],"-webkit-user-select":["none"],"user-select":["none"],"-webkit-appearance":["none"],"-moz-appearance":["none"],"appearance":["none"],"text-decoration":["none"],"text-align":["center"],"background":["transparent"],"border":["0px"],"vertical-align":["middle"],"align-self":["flex-start"],"line-height":["normal"],"border-color":["rgba(27,31,36,.15)"],"overflow":["auto"],"flex-flow":["wrap"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}