@webitel/styleguide 24.12.46 → 24.12.47

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.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/src/lib/primevue/components/index.ts +2 -0
  3. package/src/lib/primevue/components/table/colors/dark/index.ts +56 -0
  4. package/src/lib/primevue/components/table/colors/index.ts +9 -0
  5. package/src/lib/primevue/components/table/colors/light/index.ts +56 -0
  6. package/src/lib/primevue/components/table/index.ts +9 -0
  7. package/src/lib/primevue/components/table/sizes/index.ts +76 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/styleguide",
3
- "version": "24.12.46",
3
+ "version": "24.12.47",
4
4
  "main": "",
5
5
  "exports": {
6
6
  ".": "./src/lib/main.scss",
package/src/lib/primevue/components/index.ts CHANGED
@@ -6,6 +6,7 @@ import MenubarScheme from './menubar';
6
6
  import ToolbarScheme from './toolbar';
7
7
  import ChipScheme from "./chip";
8
8
  import CheckboxScheme from "./checkbox";
9
+ import TableScheme from "./table";
9
10
 
10
11
  export {
11
12
  AvatarScheme,
@@ -16,4 +17,5 @@ export {
16
17
  ToolbarScheme,
17
18
  ChipScheme,
18
19
  CheckboxScheme,
20
+ TableScheme
19
21
  }
package/src/lib/primevue/components/table/colors/dark/index.ts ADDED
@@ -0,0 +1,56 @@
1
+ const darkColors = {
2
+ root: {
3
+ borderColor: '{surface.800}'
4
+ },
5
+ header: {
6
+ background: '{content.background}',
7
+ borderColor: '{datatable.border.borderColor}',
8
+ color: '{content.color}',
9
+ },
10
+ headerCell: {
11
+ background: '{content.background}',
12
+ hoverBackground: '{content.hover.background}',
13
+ selectedBackground: '{highlight.background}',
14
+ borderColor: '{datatable.border.color}',
15
+ color: '{content.color}',
16
+ hoverColor: '{content.hover.color}',
17
+ selectedColor: '{highlight.color}',
18
+ focusRing: {
19
+ color: '{focus.ring.color}',
20
+ shadow: '{focus.ring.shadow}'
21
+ }
22
+ },
23
+ row: {
24
+ stripedBackground: '{surface.950}',
25
+ background: '{content.background}',
26
+ hoverBackground: '{content.hover.background}',
27
+ selectedBackground: '{highlight.background}',
28
+ color: '{content.color}',
29
+ hoverColor: '{content.hover.color}',
30
+ selectedColor: '{highlight.color}',
31
+ focusRing: {
32
+ color: '{focus.ring.color}',
33
+ shadow: '{focus.ring.shadow}'
34
+ }
35
+ },
36
+ bodyCell: {
37
+ borderColor: '{datatable.border.color}',
38
+ selectedBorderColor: '{primary.900}'
39
+ },
40
+ footerCell: {
41
+ background: '{content.background}',
42
+ borderColor: '{datatable.border.color}',
43
+ color: '{content.color}',
44
+ },
45
+ footer: {
46
+ background: '{content.background}',
47
+ borderColor: '{datatable.border.color}',
48
+ color: '{content.color}',
49
+ },
50
+ sortIcon: {
51
+ color: '{text.muted.color}',
52
+ hoverColor: '{text.hover.muted.color}',
53
+ }
54
+ }
55
+
56
+ export default darkColors
package/src/lib/primevue/components/table/colors/index.ts ADDED
@@ -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;
package/src/lib/primevue/components/table/colors/light/index.ts ADDED
@@ -0,0 +1,56 @@
1
+ const lightColors = {
2
+ root: {
3
+ borderColor: '{content.border.color}'
4
+ },
5
+ header: {
6
+ background: '{content.background}',
7
+ borderColor: '{datatable.border.borderColor}',
8
+ color: '{content.color}',
9
+ },
10
+ headerCell: {
11
+ background: '{content.background}',
12
+ hoverBackground: '{content.hover.background}',
13
+ selectedBackground: '{highlight.background}',
14
+ borderColor: '{datatable.border.color}',
15
+ color: '{content.color}',
16
+ hoverColor: '{content.hover.color}',
17
+ selectedColor: '{highlight.color}',
18
+ focusRing: {
19
+ color: '{focus.ring.color}',
20
+ shadow: '{focus.ring.shadow}'
21
+ }
22
+ },
23
+ row: {
24
+ stripedBackground: '{surface.50}',
25
+ background: '{content.background}',
26
+ hoverBackground: '{content.hover.background}',
27
+ selectedBackground: '{highlight.background}',
28
+ color: '{content.color}',
29
+ hoverColor: '{content.hover.color}',
30
+ selectedColor: '{highlight.color}',
31
+ focusRing: {
32
+ color: '{focus.ring.color}',
33
+ shadow: '{focus.ring.shadow}'
34
+ }
35
+ },
36
+ bodyCell: {
37
+ borderColor: '{datatable.border.color}',
38
+ selectedBorderColor: '{primary.100}'
39
+ },
40
+ footerCell: {
41
+ background: '{content.background}',
42
+ borderColor: '{datatable.border.color}',
43
+ color: '{content.color}',
44
+ },
45
+ footer: {
46
+ background: '{content.background}',
47
+ borderColor: '{datatable.border.color}',
48
+ color: '{content.color}',
49
+ },
50
+ sortIcon: {
51
+ color: '{text.muted.color}',
52
+ hoverColor: '{text.hover.muted.color}',
53
+ }
54
+ }
55
+
56
+ export default lightColors
package/src/lib/primevue/components/table/index.ts ADDED
@@ -0,0 +1,9 @@
1
+ import colorScheme from "./colors";
2
+ import sizes from "./sizes";
3
+
4
+ const TableScheme = {
5
+ colorScheme,
6
+ sizes,
7
+ };
8
+
9
+ export default TableScheme
package/src/lib/primevue/components/table/sizes/index.ts ADDED
@@ -0,0 +1,76 @@
1
+ const sizes = {
2
+ root: {
3
+ transitionDuration: '{transition.duration}'
4
+ },
5
+ header: {
6
+ borderWidth: '0 0 1px 0',
7
+ padding: '0.75rem 1rem',
8
+ sm: {
9
+ padding: '0.375rem 0.5rem'
10
+ },
11
+ lg: {
12
+ padding: '1rem 1.25rem'
13
+ }
14
+ },
15
+ headerCell: {
16
+ gap: '0.5rem',
17
+ padding: '0.75rem 1rem',
18
+ focusRing: {
19
+ width: '{focus.ring.width}',
20
+ style: '{focus.ring.style}',
21
+ offset: '-1px',
22
+ },
23
+ sm: {
24
+ padding: '0.375rem 0.5rem'
25
+ },
26
+ lg: {
27
+ padding: '1rem 1.25rem'
28
+ }
29
+ },
30
+ columnWeight: {
31
+ fontWeight: '600'
32
+ },
33
+ row: {
34
+ focusRing: {
35
+ width: '{focus.ring.width}',
36
+ style: '{focus.ring.style}',
37
+ offset: '-1px',
38
+ }
39
+ },
40
+ bodyCell: {
41
+ padding: '0.75rem 1rem',
42
+ sm: {
43
+ padding: '0.375rem 0.5rem'
44
+ },
45
+ lg: {
46
+ padding: '1rem 1.25rem'
47
+ }
48
+ },
49
+ footerCell: {
50
+ padding: '0.75rem 1rem',
51
+ sm: {
52
+ padding: '0.375rem 0.5rem'
53
+ },
54
+ lg: {
55
+ padding: '1rem 1.25rem'
56
+ }
57
+ },
58
+ columnFooter: {
59
+ fontWeight: '600'
60
+ },
61
+ footer: {
62
+ borderWidth: '0 0 1px 0',
63
+ padding: '0.75rem 1rem',
64
+ sm: {
65
+ padding: '0.375rem 0.5rem'
66
+ },
67
+ lg: {
68
+ padding: '1rem 1.25rem'
69
+ }
70
+ },
71
+ sortIcon: {
72
+ size: '0.875rem'
73
+ }
74
+ }
75
+
76
+ export default sizes