@redseed/redseed-ui-tailwindcss 7.40.2 → 7.41.1
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/components/button_danger.css +25 -0
- package/components/card_group.css +5 -0
- package/components.css +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
.rsui-button-danger {
|
|
2
|
+
/* default colors */
|
|
3
|
+
@apply text-text-on-color bg-button-danger-primary border-button-danger-primary;
|
|
4
|
+
|
|
5
|
+
/* default hover state */
|
|
6
|
+
@apply hover:text-text-on-color hover:bg-button-danger-hover hover:border-button-danger-hover;
|
|
7
|
+
|
|
8
|
+
/* default focus state */
|
|
9
|
+
@apply focus-visible:ring-button-danger-primary focus-visible:border-button-danger-primary;
|
|
10
|
+
|
|
11
|
+
/* default active state */
|
|
12
|
+
@apply active:bg-button-danger-active active:border-button-danger-active;
|
|
13
|
+
|
|
14
|
+
/* default disabled state */
|
|
15
|
+
@apply disabled:bg-button-disabled disabled:border-button-disabled disabled:text-text-disabled;
|
|
16
|
+
@apply disabled:active:bg-button-disabled disabled:active:border-button-disabled;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.rsui-button-danger--invert {
|
|
20
|
+
@apply text-button-danger-secondary border-button-danger-secondary bg-transparent;
|
|
21
|
+
@apply hover:bg-button-danger-secondary/10 hover:text-button-danger-secondary hover:border-button-danger-secondary;
|
|
22
|
+
@apply focus-visible:ring-button-danger-secondary;
|
|
23
|
+
@apply active:bg-button-danger-secondary/20;
|
|
24
|
+
@apply disabled:bg-transparent disabled:border-button-disabled disabled:text-text-disabled;
|
|
25
|
+
}
|
|
@@ -62,6 +62,11 @@
|
|
|
62
62
|
.rsui-card-group__drag-handle {
|
|
63
63
|
@apply absolute p-2 rounded cursor-grab text-grey-400 hover:text-grey-600 transition-colors z-10;
|
|
64
64
|
|
|
65
|
+
/* touch-action: none so a touch/pen drag on the handle reorders instead of
|
|
66
|
+
scrolling the page; select-none stops the grab selecting handle text.
|
|
67
|
+
Only the pointer engine (touch/pen) needs these — mouse uses native DnD. */
|
|
68
|
+
@apply touch-none select-none;
|
|
69
|
+
|
|
65
70
|
/* focus state */
|
|
66
71
|
@apply focus-visible:ring-offset-2 focus-visible:ring-2 focus-visible:ring-border-primary;
|
|
67
72
|
}
|
package/components.css
CHANGED
|
@@ -17,6 +17,7 @@ Please be careful when adding new components and updating the order.
|
|
|
17
17
|
@import './components/button_primary.css';
|
|
18
18
|
@import './components/button_secondary.css';
|
|
19
19
|
@import './components/button_tertiary.css';
|
|
20
|
+
@import './components/button_danger.css';
|
|
20
21
|
@import './components/card_group.css';
|
|
21
22
|
@import './components/card.css';
|
|
22
23
|
@import './components/card_header.css';
|