@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/button.css
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
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
|
+
button,
|
|
10
|
+
a,
|
|
11
|
+
label {
|
|
12
|
+
&.ox-button {
|
|
13
|
+
@apply relative;
|
|
14
|
+
}
|
|
15
|
+
&.ox-button:after {
|
|
16
|
+
content: '';
|
|
17
|
+
@apply absolute bottom-0 left-0 right-0 top-0 rounded border border-current opacity-[0.05];
|
|
18
|
+
}
|
|
19
|
+
&.btn-primary {
|
|
20
|
+
@apply text-accent bg-accent-secondary hover:bg-accent-secondary-hover disabled:text-accent-disabled disabled:bg-accent-secondary;
|
|
21
|
+
}
|
|
22
|
+
&.btn-primary:disabled > .spinner,
|
|
23
|
+
&.btn-primary.visually-disabled > .spinner {
|
|
24
|
+
@apply text-accent;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&.btn-secondary {
|
|
28
|
+
@apply text-secondary bg-secondary hover:bg-hover disabled:text-quaternary disabled:bg-secondary;
|
|
29
|
+
}
|
|
30
|
+
&.btn-secondary:disabled > .spinner,
|
|
31
|
+
&.btn-secondary.visually-disabled > .spinner {
|
|
32
|
+
@apply text-secondary;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&.btn-danger {
|
|
36
|
+
@apply text-destructive bg-destructive-secondary hover:bg-destructive-secondary-hover disabled:text-destructive-disabled disabled:bg-destructive-secondary;
|
|
37
|
+
}
|
|
38
|
+
&.btn-danger:disabled > .spinner,
|
|
39
|
+
&.btn-danger.visually-disabled > .spinner {
|
|
40
|
+
@apply text-destructive;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&.btn-ghost {
|
|
44
|
+
@apply text-secondary hover:bg-hover disabled:bg-transparent disabled:text-disabled;
|
|
45
|
+
}
|
|
46
|
+
&.btn-ghost:after {
|
|
47
|
+
@apply text-[var(--base-neutral-300)] opacity-100;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
&.btn-accent-ghost {
|
|
51
|
+
@apply border text-accent border-accent-secondary hover:bg-accent-secondary-hover;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
&.btn-accent-ghost:after {
|
|
55
|
+
@apply hidden;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&.btn-accent-solid {
|
|
59
|
+
@apply text-inverse bg-accent hover:bg-accent-hover;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
&.btn-accent-solid:after {
|
|
63
|
+
@apply hidden;
|
|
64
|
+
}
|
|
65
|
+
}
|