@oxide/design-system 2.2.7--canary.f2f7829.0 → 2.2.7--canary.339d083.0
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/asciidoc.css +858 -0
- package/dist/button.css +65 -0
- package/dist/chunk-ML7NK3OF.js +5130 -0
- package/dist/chunk-ML7NK3OF.js.map +1 -0
- package/dist/spinner.css +71 -0
- package/dist/tabs.css +68 -0
- package/package.json +2 -3
package/dist/spinner.css
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
3
|
+
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
4
|
+
* file, you can obtain one at https://mozilla.org/MPL/2.0/.
|
|
5
|
+
*
|
|
6
|
+
* Copyright Oxide Computer Company
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
.spinner {
|
|
10
|
+
--radius: 4;
|
|
11
|
+
--PI: 3.14159265358979;
|
|
12
|
+
--circumference: calc(var(--PI) * var(--radius) * 2px);
|
|
13
|
+
animation: rotate 5s linear infinite;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.spinner.spinner-lg {
|
|
17
|
+
--radius: 10;
|
|
18
|
+
--circumference: calc(var(--PI) * var(--radius) * 3px);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.spinner .path {
|
|
22
|
+
stroke-dasharray: var(--circumference);
|
|
23
|
+
transform-origin: center;
|
|
24
|
+
animation: dash 8s ease-in-out infinite;
|
|
25
|
+
stroke: var(--content-accent);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@media (prefers-reduced-motion) {
|
|
29
|
+
.spinner {
|
|
30
|
+
animation: rotate 12s linear infinite;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.spinner .path {
|
|
34
|
+
animation: none;
|
|
35
|
+
stroke-dasharray: 20;
|
|
36
|
+
stroke-dashoffset: 100;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.spinner-lg .path {
|
|
40
|
+
stroke-dasharray: 50;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.spinner-ghost .bg,
|
|
45
|
+
.spinner-secondary .bg {
|
|
46
|
+
stroke: var(--content-default);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.spinner-primary .bg {
|
|
50
|
+
stroke: var(--content-accent);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.spinner-danger .bg,
|
|
54
|
+
.spinner-danger .path {
|
|
55
|
+
stroke: var(--content-destructive);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@keyframes rotate {
|
|
59
|
+
100% {
|
|
60
|
+
transform: rotate(360deg);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
@keyframes dash {
|
|
65
|
+
from {
|
|
66
|
+
stroke-dashoffset: var(--circumference);
|
|
67
|
+
}
|
|
68
|
+
to {
|
|
69
|
+
stroke-dashoffset: calc(var(--circumference) * -1);
|
|
70
|
+
}
|
|
71
|
+
}
|
package/dist/tabs.css
ADDED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
3
|
+
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
4
|
+
* file, you can obtain one at https://mozilla.org/MPL/2.0/.
|
|
5
|
+
*
|
|
6
|
+
* Copyright Oxide Computer Company
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
.ox-tabs.full-width {
|
|
10
|
+
@apply !mx-0 !w-full;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.ox-tabs.full-width .ox-tabs-panel {
|
|
14
|
+
@apply mx-[var(--content-gutter)];
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.ox-tabs-list {
|
|
18
|
+
@apply mb-8 flex bg-transparent;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.ox-tabs-list:after {
|
|
22
|
+
@apply block w-full border-b border-secondary;
|
|
23
|
+
content: ' ';
|
|
24
|
+
}
|
|
25
|
+
.ox-tabs.full-width .ox-tabs-list:before {
|
|
26
|
+
@apply block w-10 min-w-max flex-shrink-0 border-b border-secondary;
|
|
27
|
+
content: ' ';
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.ox-tabs-panel:focus-visible {
|
|
31
|
+
@apply outline outline-2 outline-offset-[1rem] outline-accent-secondary;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.ox-tab {
|
|
35
|
+
@apply h-10 space-x-2 whitespace-nowrap border-b px-1.5 pb-1 pt-2
|
|
36
|
+
uppercase !no-underline text-mono-sm text-tertiary border-secondary;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.ox-tab[data-state='active'],
|
|
40
|
+
.ox-tab.is-selected {
|
|
41
|
+
@apply text-accent border-accent;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.ox-tab > * {
|
|
45
|
+
@apply rounded bg-transparent px-1.5 py-1;
|
|
46
|
+
}
|
|
47
|
+
.ox-tab:hover > * {
|
|
48
|
+
@apply bg-hover;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.ox-tab[data-state='active']:hover > *,
|
|
52
|
+
.ox-tab.is-selected:hover > * {
|
|
53
|
+
@apply !bg-accent-secondary;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.ox-tab > .ox-badge {
|
|
57
|
+
@apply -mt-1 select-none text-current;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.ox-tab[data-state='inactive'] > .ox-badge,
|
|
61
|
+
.ox-tab:not(.is-selected) > .ox-badge {
|
|
62
|
+
@apply bg-disabled;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.ox-tab[data-state='active'] > .ox-badge,
|
|
66
|
+
.ox-tab.is-selected > .ox-badge {
|
|
67
|
+
@apply bg-accent-secondary;
|
|
68
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oxide/design-system",
|
|
3
|
-
"version": "2.2.7--canary.
|
|
3
|
+
"version": "2.2.7--canary.339d083.0",
|
|
4
4
|
"description": "Home of reusable design assets and token for oxide internal sites",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -79,8 +79,7 @@
|
|
|
79
79
|
"files": [
|
|
80
80
|
"styles/dist/*.css",
|
|
81
81
|
"styles/dist/tailwind-tokens.ts",
|
|
82
|
-
"dist
|
|
83
|
-
"dist/components/**"
|
|
82
|
+
"dist/**"
|
|
84
83
|
],
|
|
85
84
|
"repository": {
|
|
86
85
|
"type": "git",
|