@webitel/styleguide 24.12.89 → 24.12.95

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/styleguide",
3
- "version": "24.12.89",
3
+ "version": "24.12.95",
4
4
  "main": "",
5
5
  "exports": {
6
6
  ".": "./src/lib/main.scss",
@@ -0,0 +1,50 @@
1
+ const darkColors = {
2
+ background: '{secondary.color}',
3
+ color: '{secondary.foreground}',
4
+ secondary: {
5
+ background: '{secondary.color}',
6
+ color: '{secondary.foreground}',
7
+ },
8
+ success: {
9
+ background: '{success.color}',
10
+ color: '{success.foreground}',
11
+ },
12
+ info: {
13
+ background: '{info.color}',
14
+ color: '{info.foreground}',
15
+ },
16
+ warn: {
17
+ background: '{warn.color}',
18
+ color: '{warn.foreground}',
19
+ },
20
+ error: {
21
+ background: '{error.color}',
22
+ color: '{error.foreground}',
23
+ },
24
+ online: {
25
+ background: '{success.color}',
26
+ color: '{success.foreground}',
27
+ },
28
+ dnd: {
29
+ background: '{warn.color}',
30
+ color: '{warn.foreground}',
31
+ },
32
+ busy: {
33
+ background: '{error.color}',
34
+ color: '{error.foreground}',
35
+ },
36
+ pause: {
37
+ background: '{warn.color}',
38
+ color: '{warn.foreground}',
39
+ },
40
+ onlineCc: {
41
+ background: '{success.color}',
42
+ color: '{success.foreground}',
43
+ },
44
+ offline: {
45
+ background: '{secondary.color}',
46
+ color: '{secondary.foreground}',
47
+ },
48
+ }
49
+
50
+ export default darkColors
@@ -0,0 +1,9 @@
1
+ import darkColors from './dark';
2
+ import lightColors from './light';
3
+
4
+ const colorScheme = {
5
+ light: lightColors,
6
+ dark: darkColors
7
+ }
8
+
9
+ export default colorScheme;
@@ -0,0 +1,50 @@
1
+ const darkColors = {
2
+ background: '{secondary.color}',
3
+ color: '{secondary.foreground}',
4
+ secondary: {
5
+ background: '{secondary.color}',
6
+ color: '{secondary.foreground}',
7
+ },
8
+ success: {
9
+ background: '{success.color}',
10
+ color: '{success.foreground}',
11
+ },
12
+ info: {
13
+ background: '{info.color}',
14
+ color: '{info.foreground}',
15
+ },
16
+ warn: {
17
+ background: '{warn.color}',
18
+ color: '{warn.foreground}',
19
+ },
20
+ error: {
21
+ background: '{error.color}',
22
+ color: '{error.foreground}',
23
+ },
24
+ online: {
25
+ background: '{success.color}',
26
+ color: '{success.foreground}',
27
+ },
28
+ dnd: {
29
+ background: '{warn.color}',
30
+ color: '{warn.foreground}',
31
+ },
32
+ busy: {
33
+ background: '{error.color}',
34
+ color: '{error.foreground}',
35
+ },
36
+ pause: {
37
+ background: '{warn.color}',
38
+ color: '{warn.foreground}',
39
+ },
40
+ onlineCc: {
41
+ background: '{success.color}',
42
+ color: '{success.foreground}',
43
+ },
44
+ offline: {
45
+ background: '{secondary.color}',
46
+ color: '{secondary.foreground}',
47
+ },
48
+ }
49
+
50
+ export default darkColors
@@ -0,0 +1,9 @@
1
+ import colorScheme from './colors';
2
+ import sizes from './sizes';
3
+
4
+ const BadgeScheme = {
5
+ colorScheme,
6
+ sizes,
7
+ }
8
+
9
+ export default BadgeScheme
@@ -0,0 +1,19 @@
1
+ const sizes = {
2
+ sm: {
3
+ width: '0.5rem',
4
+ height: '0.5rem',
5
+ fontSize: '0.5rem',
6
+ },
7
+ md: {
8
+ width: '1rem',
9
+ height: '1rem',
10
+ fontSize: '1rem',
11
+ },
12
+ lg: {
13
+ width: '1.5rem',
14
+ height: '1.5rem',
15
+ fontSize: '1.5rem',
16
+ },
17
+ }
18
+
19
+ export default sizes
@@ -1,23 +1,25 @@
1
1
  import AvatarScheme from "./avatar";
2
+ import BadgeScheme from "./badge";
3
+ import BreadcrumbScheme from "./breadcrumb";
2
4
  import ButtonScheme from './button';
3
- import PopoverScheme from './popover';
4
- import TooltipScheme from './tooltip';
5
- import MenubarScheme from './menubar';
6
- import ToolbarScheme from './toolbar';
7
- import ChipScheme from "./chip";
8
5
  import CheckboxScheme from "./checkbox";
9
- import TableScheme from "./table";
10
- import TextareaScheme from "./textarea";
11
- import SwitcherScheme from "./switcher";
6
+ import ChipScheme from "./chip";
12
7
  import DividerScheme from "./divider";
13
- import SliderScheme from "./slider";
14
- import BreadcrumbScheme from "./breadcrumb";
15
- import RadioScheme from "./radio";
16
8
  import GalleriaScheme from "./galleria";
9
+ import MenubarScheme from './menubar';
10
+ import PopoverScheme from './popover';
11
+ import RadioScheme from "./radio";
12
+ import SliderScheme from "./slider";
13
+ import SwitcherScheme from "./switcher";
14
+ import TableScheme from "./table";
15
+ import TextareaScheme from "./textarea";
16
+ import ToolbarScheme from './toolbar';
17
+ import TooltipScheme from './tooltip';
17
18
 
18
19
  export {
19
20
  AvatarScheme,
20
21
  ButtonScheme,
22
+ BadgeScheme,
21
23
  PopoverScheme,
22
24
  TooltipScheme,
23
25
  MenubarScheme,