@wwtdev/bsds-css 1.0.1 → 1.1.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/README.md +4 -3
- package/dist/components/_accordions.scss +111 -0
- package/dist/components/_banner.scss +66 -0
- package/dist/components/_buttons.scss +4 -0
- package/dist/components/_form-booleans.scss +35 -10
- package/dist/components/_form-character-count.scss +1 -0
- package/dist/components/_form-elements.scss +18 -9
- package/dist/components/_form-field-details.scss +2 -1
- package/dist/components/_form-labels.scss +1 -1
- package/dist/components/_form-switches.scss +8 -8
- package/dist/components/_toast.scss +204 -0
- package/dist/components/_toaster.scss +27 -0
- package/dist/components/accordions.css +107 -0
- package/dist/components/banner.css +62 -0
- package/dist/components/buttons.css +4 -0
- package/dist/components/form-booleans.css +35 -10
- package/dist/components/form-character-count.css +1 -0
- package/dist/components/form-elements.css +18 -9
- package/dist/components/form-field-details.css +2 -1
- package/dist/components/form-labels.css +1 -1
- package/dist/components/form-switches.css +8 -8
- package/dist/components/toast.css +200 -0
- package/dist/components/toaster.css +23 -0
- package/dist/wwt-bsds-preset.js +4 -1
- package/dist/wwt-bsds-wc-base.css +236 -101
- package/dist/wwt-bsds.css +624 -567
- package/dist/wwt-bsds.min.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/* Container for holding all toasts that will be visible */
|
|
2
|
+
.bs-toaster {
|
|
3
|
+
/* Mobile - Center the toasts on the screen */
|
|
4
|
+
align-items: center;
|
|
5
|
+
bottom: 1.5rem;
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column-reverse;
|
|
8
|
+
gap: 0.5rem;
|
|
9
|
+
left: 0;
|
|
10
|
+
position: fixed;
|
|
11
|
+
right: 0;
|
|
12
|
+
z-index: 999;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@media (min-width: 440px) {
|
|
16
|
+
|
|
17
|
+
.bs-toaster {
|
|
18
|
+
/* Non-mobile - Toasts will live on right side of the screen */
|
|
19
|
+
left: auto;
|
|
20
|
+
right: 1.5rem;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
}
|
package/dist/wwt-bsds-preset.js
CHANGED
|
@@ -3,13 +3,16 @@ const defaultTheme = require('tailwindcss/defaultTheme')
|
|
|
3
3
|
module.exports = {
|
|
4
4
|
darkMode: "class",
|
|
5
5
|
corePlugins: {
|
|
6
|
-
//
|
|
6
|
+
// Do use @tailwind base, otherwise some TW classes will not work, due to missing css vars
|
|
7
|
+
// Then, since blue steel has its own reset, exclude TW's reset styles from base, via setting below
|
|
7
8
|
preflight: false
|
|
8
9
|
},
|
|
9
10
|
theme: {
|
|
10
11
|
backgroundColor: ({ theme }) => theme("colors"),
|
|
11
12
|
colors: {
|
|
12
13
|
transparent: "transparent",
|
|
14
|
+
inherit: 'inherit',
|
|
15
|
+
current: 'currentColor',
|
|
13
16
|
white: "#FFFFFF",
|
|
14
17
|
black: "#0A0B19",
|
|
15
18
|
blue: {
|