@pb33f/cowboy-components 0.0.11 → 0.0.13
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/dist/components/attention-box/attention-box.css.js +13 -2
- package/dist/components/attention-box/attention-box.d.ts +3 -1
- package/dist/components/attention-box/attention-box.js +10 -2
- package/dist/components/changelog/changelog.d.ts +2 -0
- package/dist/components/changelog/changelog.js +30 -13
- package/dist/components/changelog/release.css.js +2 -1
- package/dist/components/changelog/release.d.ts +3 -0
- package/dist/components/changelog/release.js +16 -16
- package/dist/components/header/header.css.js +1 -1
- package/dist/components/kv-view/kv-view.css.js +7 -0
- package/dist/components/kv-view/kv-view.js +2 -5
- package/dist/components/terminal/terminal-example.css.js +8 -0
- package/dist/cowboy-components.umd.cjs +118 -91
- package/dist/css/alerts.css.js +16 -2
- package/dist/css/cowboy-components.css +121 -6
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/css/alerts.css.js
CHANGED
|
@@ -67,12 +67,26 @@ export default css `
|
|
|
67
67
|
color: var(--terminal-text);
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
+
sl-alert.question::part(base) {
|
|
71
|
+
border: 1px dashed var(--secondary-color);
|
|
72
|
+
background-color: var(--terminal-background);
|
|
73
|
+
}
|
|
74
|
+
sl-alert.question::part(icon) {
|
|
75
|
+
color: var(--secondary-color);
|
|
76
|
+
font-size: 1.5rem;
|
|
77
|
+
}
|
|
78
|
+
sl-alert.question > strong {
|
|
79
|
+
font: 1.2rem var(--font-stack-bold);
|
|
80
|
+
color: var(--secondary-color);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
|
|
70
84
|
sl-alert.context::part(base) {
|
|
71
85
|
border: 1px dashed var(--code-border);
|
|
72
86
|
background-color: var(--terminal-background);
|
|
73
87
|
}
|
|
74
88
|
sl-alert.context::part(icon) {
|
|
75
|
-
color: var(--font-color
|
|
89
|
+
color: var(--font-color);
|
|
76
90
|
font-size: 1.5rem;
|
|
77
91
|
}
|
|
78
92
|
sl-alert.context > strong {
|
|
@@ -85,5 +99,5 @@ export default css `
|
|
|
85
99
|
padding-top: var(--global-padding);
|
|
86
100
|
padding-bottom: var(--global-padding);
|
|
87
101
|
}
|
|
88
|
-
|
|
102
|
+
|
|
89
103
|
`;
|
|
@@ -54,17 +54,26 @@ p {
|
|
|
54
54
|
line-height: var(--global-line-height);
|
|
55
55
|
margin-bottom: 30px;
|
|
56
56
|
font-family: var(--font-stack-paragraph), monospace;
|
|
57
|
-
|
|
57
|
+
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
code, pre {
|
|
61
|
-
font-family: var(--font-stack),
|
|
61
|
+
font-family: var(--font-stack),monospace;
|
|
62
62
|
border: 1px solid var(--secondary-color-lowalpha);
|
|
63
63
|
color: var(--secondary-color);
|
|
64
64
|
border-radius: 0;
|
|
65
65
|
padding: 0 5px 1px 5px;
|
|
66
|
+
margin: 0 0 2px 0;
|
|
67
|
+
display: inline-block;
|
|
66
68
|
background-color: var(--secondary-color-very-lowalpha);
|
|
67
|
-
vertical-align:
|
|
69
|
+
vertical-align: middle;
|
|
70
|
+
font-size: 0.95rem;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
pre.chroma code {
|
|
74
|
+
border: none;
|
|
75
|
+
padding: 0;
|
|
76
|
+
background-color: transparent;
|
|
68
77
|
}
|
|
69
78
|
|
|
70
79
|
footer {
|
|
@@ -75,16 +84,65 @@ footer {
|
|
|
75
84
|
position: fixed;
|
|
76
85
|
bottom: 0;
|
|
77
86
|
background-color: var(--background-color);
|
|
87
|
+
z-index: 10;
|
|
78
88
|
border-top: 1px dashed var(--secondary-color);
|
|
79
89
|
}
|
|
80
90
|
|
|
81
91
|
footer > .generated-timestamp {
|
|
82
92
|
float: right;
|
|
83
|
-
margin-right:
|
|
93
|
+
margin-right: 15px;
|
|
84
94
|
font-weight: normal;
|
|
85
95
|
color: var(--font-color-sub2);
|
|
86
96
|
}
|
|
87
97
|
|
|
98
|
+
.table-of-contents ul {
|
|
99
|
+
list-style: none;
|
|
100
|
+
margin: 0;
|
|
101
|
+
padding: 0;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
.table-of-contents ul > li::marker {
|
|
106
|
+
content: '';
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.table-of-contents ul > li::before {
|
|
110
|
+
content: ' ';
|
|
111
|
+
margin-right: 0;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.table-of-contents ul > li {
|
|
115
|
+
font-size: 0.9em;
|
|
116
|
+
font-weight: normal;
|
|
117
|
+
margin-left: 0;
|
|
118
|
+
padding-left: 0;
|
|
119
|
+
margin-bottom: 15px;
|
|
120
|
+
line-height: 1rem;
|
|
121
|
+
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.table-of-contents ul > li > ul {
|
|
125
|
+
margin-left: 0;
|
|
126
|
+
margin-top: var(--global-space);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.table-of-contents ul > li > ul > li {
|
|
130
|
+
line-height: 1.2rem;
|
|
131
|
+
font-weight: normal;
|
|
132
|
+
margin-bottom: 5px;
|
|
133
|
+
overflow-wrap: break-word;
|
|
134
|
+
word-break: break-word;
|
|
135
|
+
word-wrap: break-word;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
.table-of-contents ul > li > ul > li::before {
|
|
140
|
+
color: var(--secondary-color);
|
|
141
|
+
font-size: 1rem;
|
|
142
|
+
content: '↳ ';
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
|
|
88
146
|
hr {
|
|
89
147
|
margin-top: var(--hr-margin);
|
|
90
148
|
border-top: none;
|
|
@@ -136,7 +194,8 @@ h4 {
|
|
|
136
194
|
}
|
|
137
195
|
|
|
138
196
|
p {
|
|
139
|
-
margin-bottom: var(--paragraph-margin);
|
|
197
|
+
margin-bottom: calc(var(--paragraph-margin)/2);
|
|
198
|
+
margin-top: calc(var(--paragraph-margin)/2);
|
|
140
199
|
}
|
|
141
200
|
|
|
142
201
|
i {
|
|
@@ -331,7 +390,7 @@ table > tbody > tr > td > code {
|
|
|
331
390
|
}
|
|
332
391
|
|
|
333
392
|
.prop-type-table > table > tbody > tr > td:nth-child(2), table.prop-type-table > tbody > tr > td:nth-child(2) {
|
|
334
|
-
width:
|
|
393
|
+
width: 120px;
|
|
335
394
|
color: var(--font-color);
|
|
336
395
|
font-family: var(--font-stack-italic), monospace;
|
|
337
396
|
text-align: center;
|
|
@@ -378,6 +437,47 @@ table > tbody > tr > td > code {
|
|
|
378
437
|
height: 60px;
|
|
379
438
|
}
|
|
380
439
|
|
|
440
|
+
pb33f-attention-box > p {
|
|
441
|
+
margin-top: 0;
|
|
442
|
+
margin-bottom: 10px;
|
|
443
|
+
}
|
|
444
|
+
|
|
445
|
+
pb33f-attention-box > p:last-child {
|
|
446
|
+
margin-bottom: 0;
|
|
447
|
+
}
|
|
448
|
+
|
|
449
|
+
pb33f-attention-box[type="question"] > p {
|
|
450
|
+
margin-top: 15px;
|
|
451
|
+
margin-bottom: 15px;
|
|
452
|
+
}
|
|
453
|
+
|
|
454
|
+
blockquote {
|
|
455
|
+
border-left: 5px solid var(--secondary-color);
|
|
456
|
+
margin: 30px 0 30px 30px;
|
|
457
|
+
padding: 0;
|
|
458
|
+
width: 80%;
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
|
|
462
|
+
blockquote p {
|
|
463
|
+
padding: 5px 0 10px 20px;
|
|
464
|
+
display: block;
|
|
465
|
+
margin: 0;
|
|
466
|
+
margin-block-start: 0;
|
|
467
|
+
margin-block-end: 0;
|
|
468
|
+
color: var(--font-color-sub1);
|
|
469
|
+
font-family: var(--font-stack-italic), monospace;
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
blockquote:before {
|
|
473
|
+
color: var(--secondary-color);
|
|
474
|
+
font-family: var(--font-stack-bold), monospace;
|
|
475
|
+
padding-top: 3px;
|
|
476
|
+
font-size: 1.5rem;
|
|
477
|
+
margin-left: 15px;
|
|
478
|
+
display: inline-block;
|
|
479
|
+
}
|
|
480
|
+
|
|
381
481
|
@keyframes spinner {
|
|
382
482
|
0% {
|
|
383
483
|
transform: rotate(0);
|
|
@@ -391,3 +491,18 @@ table > tbody > tr > td > code {
|
|
|
391
491
|
transform: rotate(1800deg);
|
|
392
492
|
}
|
|
393
493
|
}
|
|
494
|
+
|
|
495
|
+
@media only screen and (max-width: 1000px) {
|
|
496
|
+
ul > li {
|
|
497
|
+
margin-bottom: calc(var(--global-space) * 2);
|
|
498
|
+
|
|
499
|
+
}
|
|
500
|
+
.prop-type-table > table > tbody > tr > td, table.prop-type-table > tbody > tr > td {
|
|
501
|
+
word-break: break-word;
|
|
502
|
+
}
|
|
503
|
+
|
|
504
|
+
.kv-table > table > tbody > tr > td, table.kv-table > tbody > tr > td {
|
|
505
|
+
word-break: break-word;
|
|
506
|
+
}
|
|
507
|
+
|
|
508
|
+
}
|