procode-vs-theme 1.0.8 → 1.0.9
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/src/base/_border.scss +12 -12
- package/dist/src/base/_custom-properties.scss +108 -108
- package/dist/src/base/_font.scss +37 -37
- package/dist/src/base/_size.scss +17 -17
- package/dist/src/base/_space.scss +29 -29
- package/dist/src/base/mixins/_breakpoints.scss +27 -27
- package/dist/src/base/mixins/_meta-class.scss +26 -26
- package/dist/src/components/_buttons.scss +420 -420
- package/dist/src/components/_disabled.scss +8 -8
- package/dist/src/components/_placeholder.scss +46 -46
- package/dist/src/components.ts +23 -23
- package/dist/src/index.scss +71 -71
- package/dist/src/utilities/_cursor.scss +7 -7
- package/dist/src/utilities/_display.scss +17 -17
- package/dist/src/utilities/_flex.scss +83 -83
- package/dist/src/utilities/_opacity.scss +7 -7
- package/dist/src/utilities/_overflow.scss +9 -9
- package/dist/src/utilities/_position.scss +22 -22
- package/dist/src/utilities/_sizing.scss +24 -24
- package/dist/src/utilities/_text.scss +43 -43
- package/dist/src/utilities/_visibility.scss +4 -4
- package/dist/src/utilities/background-color/index.scss +16 -16
- package/dist/src/utilities/border/_border-color.scss +11 -11
- package/dist/src/utilities/border/_border-radius.scss +10 -10
- package/dist/src/utilities/border/_border-size.scss +8 -8
- package/dist/src/utilities/box-shadow/index.scss +8 -8
- package/dist/src/utilities/spaces/_gap.scss +8 -8
- package/dist/src/utilities/spaces/_margin.scss +38 -38
- package/dist/src/utilities/spaces/_padding.scss +29 -29
- package/dist/src/utilities/typography/_color.scss +33 -33
- package/dist/src/utilities/typography/_font.scss +35 -35
- package/dist/src/utilities.ts +112 -112
- package/package.json +1 -1
- package/src/base/_border.scss +12 -12
- package/src/base/_custom-properties.scss +108 -108
- package/src/base/_font.scss +37 -37
- package/src/base/_size.scss +17 -17
- package/src/base/_space.scss +29 -29
- package/src/base/mixins/_breakpoints.scss +27 -27
- package/src/base/mixins/_meta-class.scss +26 -26
- package/src/components/_buttons.scss +420 -420
- package/src/components/_disabled.scss +8 -8
- package/src/components/_placeholder.scss +46 -46
- package/src/components.ts +23 -23
- package/src/index.scss +71 -71
- package/src/utilities/_cursor.scss +7 -7
- package/src/utilities/_display.scss +17 -17
- package/src/utilities/_flex.scss +83 -83
- package/src/utilities/_opacity.scss +7 -7
- package/src/utilities/_overflow.scss +9 -9
- package/src/utilities/_position.scss +22 -22
- package/src/utilities/_sizing.scss +24 -24
- package/src/utilities/_text.scss +43 -43
- package/src/utilities/_visibility.scss +4 -4
- package/src/utilities/background-color/index.scss +16 -16
- package/src/utilities/border/_border-color.scss +11 -11
- package/src/utilities/border/_border-radius.scss +10 -10
- package/src/utilities/border/_border-size.scss +8 -8
- package/src/utilities/box-shadow/index.scss +8 -8
- package/src/utilities/spaces/_gap.scss +8 -8
- package/src/utilities/spaces/_margin.scss +38 -38
- package/src/utilities/spaces/_padding.scss +29 -29
- package/src/utilities/typography/_color.scss +33 -33
- package/src/utilities/typography/_font.scss +35 -35
- package/src/utilities.ts +112 -112
package/src/utilities.ts
CHANGED
|
@@ -1,112 +1,112 @@
|
|
|
1
|
-
// VS Theme Utilities Export
|
|
2
|
-
// Provides access to all utility styles
|
|
3
|
-
|
|
4
|
-
// Reset and base utilities
|
|
5
|
-
export const reset = './utilities/_reset.scss';
|
|
6
|
-
|
|
7
|
-
// Typography utilities
|
|
8
|
-
export const typographyFont = './utilities/typography/_font.scss';
|
|
9
|
-
export const typographyColor = './utilities/typography/_color.scss';
|
|
10
|
-
export const typography = [typographyFont, typographyColor];
|
|
11
|
-
|
|
12
|
-
// Background utilities
|
|
13
|
-
export const backgroundColor = './utilities/background-color/index.scss';
|
|
14
|
-
|
|
15
|
-
// Border utilities
|
|
16
|
-
export const borderColor = './utilities/border/_border-color.scss';
|
|
17
|
-
export const borderRadius = './utilities/border/_border-radius.scss';
|
|
18
|
-
export const borderSize = './utilities/border/_border-size.scss';
|
|
19
|
-
export const borders = [borderColor, borderRadius, borderSize];
|
|
20
|
-
|
|
21
|
-
// Spacing utilities
|
|
22
|
-
export const gap = './utilities/spaces/_gap.scss';
|
|
23
|
-
export const margin = './utilities/spaces/_margin.scss';
|
|
24
|
-
export const padding = './utilities/spaces/_padding.scss';
|
|
25
|
-
export const spacing = [gap, margin, padding];
|
|
26
|
-
|
|
27
|
-
// Box shadow utilities
|
|
28
|
-
export const boxShadow = './utilities/box-shadow/index.scss';
|
|
29
|
-
|
|
30
|
-
// Size utilities
|
|
31
|
-
export const size = './utilities/size/index.scss';
|
|
32
|
-
|
|
33
|
-
// Display utilities
|
|
34
|
-
export const display = './utilities/_display.scss';
|
|
35
|
-
|
|
36
|
-
// Flex utilities
|
|
37
|
-
export const flex = './utilities/_flex.scss';
|
|
38
|
-
|
|
39
|
-
// Text utilities
|
|
40
|
-
export const text = './utilities/_text.scss';
|
|
41
|
-
|
|
42
|
-
// Position utilities
|
|
43
|
-
export const position = './utilities/_position.scss';
|
|
44
|
-
|
|
45
|
-
// Overflow utilities
|
|
46
|
-
export const overflow = './utilities/_overflow.scss';
|
|
47
|
-
|
|
48
|
-
// Opacity utilities
|
|
49
|
-
export const opacity = './utilities/_opacity.scss';
|
|
50
|
-
|
|
51
|
-
// Cursor utilities
|
|
52
|
-
export const cursor = './utilities/_cursor.scss';
|
|
53
|
-
|
|
54
|
-
// Sizing utilities (width/height)
|
|
55
|
-
export const sizing = './utilities/_sizing.scss';
|
|
56
|
-
|
|
57
|
-
// Visibility utilities
|
|
58
|
-
export const visibility = './utilities/_visibility.scss';
|
|
59
|
-
|
|
60
|
-
// All utilities combined
|
|
61
|
-
export const allUtilities = [
|
|
62
|
-
reset,
|
|
63
|
-
...typography,
|
|
64
|
-
backgroundColor,
|
|
65
|
-
...borders,
|
|
66
|
-
...spacing,
|
|
67
|
-
boxShadow,
|
|
68
|
-
size,
|
|
69
|
-
display,
|
|
70
|
-
flex,
|
|
71
|
-
text,
|
|
72
|
-
position,
|
|
73
|
-
overflow,
|
|
74
|
-
opacity,
|
|
75
|
-
cursor,
|
|
76
|
-
sizing,
|
|
77
|
-
visibility,
|
|
78
|
-
];
|
|
79
|
-
|
|
80
|
-
export default {
|
|
81
|
-
reset,
|
|
82
|
-
typography: {
|
|
83
|
-
font: typographyFont,
|
|
84
|
-
color: typographyColor,
|
|
85
|
-
all: typography
|
|
86
|
-
},
|
|
87
|
-
backgroundColor,
|
|
88
|
-
borders: {
|
|
89
|
-
color: borderColor,
|
|
90
|
-
radius: borderRadius,
|
|
91
|
-
size: borderSize,
|
|
92
|
-
all: borders
|
|
93
|
-
},
|
|
94
|
-
spacing: {
|
|
95
|
-
gap,
|
|
96
|
-
margin,
|
|
97
|
-
padding,
|
|
98
|
-
all: spacing
|
|
99
|
-
},
|
|
100
|
-
boxShadow,
|
|
101
|
-
size,
|
|
102
|
-
display,
|
|
103
|
-
flex,
|
|
104
|
-
text,
|
|
105
|
-
position,
|
|
106
|
-
overflow,
|
|
107
|
-
opacity,
|
|
108
|
-
cursor,
|
|
109
|
-
sizing,
|
|
110
|
-
visibility,
|
|
111
|
-
all: allUtilities
|
|
112
|
-
};
|
|
1
|
+
// VS Theme Utilities Export
|
|
2
|
+
// Provides access to all utility styles
|
|
3
|
+
|
|
4
|
+
// Reset and base utilities
|
|
5
|
+
export const reset = './utilities/_reset.scss';
|
|
6
|
+
|
|
7
|
+
// Typography utilities
|
|
8
|
+
export const typographyFont = './utilities/typography/_font.scss';
|
|
9
|
+
export const typographyColor = './utilities/typography/_color.scss';
|
|
10
|
+
export const typography = [typographyFont, typographyColor];
|
|
11
|
+
|
|
12
|
+
// Background utilities
|
|
13
|
+
export const backgroundColor = './utilities/background-color/index.scss';
|
|
14
|
+
|
|
15
|
+
// Border utilities
|
|
16
|
+
export const borderColor = './utilities/border/_border-color.scss';
|
|
17
|
+
export const borderRadius = './utilities/border/_border-radius.scss';
|
|
18
|
+
export const borderSize = './utilities/border/_border-size.scss';
|
|
19
|
+
export const borders = [borderColor, borderRadius, borderSize];
|
|
20
|
+
|
|
21
|
+
// Spacing utilities
|
|
22
|
+
export const gap = './utilities/spaces/_gap.scss';
|
|
23
|
+
export const margin = './utilities/spaces/_margin.scss';
|
|
24
|
+
export const padding = './utilities/spaces/_padding.scss';
|
|
25
|
+
export const spacing = [gap, margin, padding];
|
|
26
|
+
|
|
27
|
+
// Box shadow utilities
|
|
28
|
+
export const boxShadow = './utilities/box-shadow/index.scss';
|
|
29
|
+
|
|
30
|
+
// Size utilities
|
|
31
|
+
export const size = './utilities/size/index.scss';
|
|
32
|
+
|
|
33
|
+
// Display utilities
|
|
34
|
+
export const display = './utilities/_display.scss';
|
|
35
|
+
|
|
36
|
+
// Flex utilities
|
|
37
|
+
export const flex = './utilities/_flex.scss';
|
|
38
|
+
|
|
39
|
+
// Text utilities
|
|
40
|
+
export const text = './utilities/_text.scss';
|
|
41
|
+
|
|
42
|
+
// Position utilities
|
|
43
|
+
export const position = './utilities/_position.scss';
|
|
44
|
+
|
|
45
|
+
// Overflow utilities
|
|
46
|
+
export const overflow = './utilities/_overflow.scss';
|
|
47
|
+
|
|
48
|
+
// Opacity utilities
|
|
49
|
+
export const opacity = './utilities/_opacity.scss';
|
|
50
|
+
|
|
51
|
+
// Cursor utilities
|
|
52
|
+
export const cursor = './utilities/_cursor.scss';
|
|
53
|
+
|
|
54
|
+
// Sizing utilities (width/height)
|
|
55
|
+
export const sizing = './utilities/_sizing.scss';
|
|
56
|
+
|
|
57
|
+
// Visibility utilities
|
|
58
|
+
export const visibility = './utilities/_visibility.scss';
|
|
59
|
+
|
|
60
|
+
// All utilities combined
|
|
61
|
+
export const allUtilities = [
|
|
62
|
+
reset,
|
|
63
|
+
...typography,
|
|
64
|
+
backgroundColor,
|
|
65
|
+
...borders,
|
|
66
|
+
...spacing,
|
|
67
|
+
boxShadow,
|
|
68
|
+
size,
|
|
69
|
+
display,
|
|
70
|
+
flex,
|
|
71
|
+
text,
|
|
72
|
+
position,
|
|
73
|
+
overflow,
|
|
74
|
+
opacity,
|
|
75
|
+
cursor,
|
|
76
|
+
sizing,
|
|
77
|
+
visibility,
|
|
78
|
+
];
|
|
79
|
+
|
|
80
|
+
export default {
|
|
81
|
+
reset,
|
|
82
|
+
typography: {
|
|
83
|
+
font: typographyFont,
|
|
84
|
+
color: typographyColor,
|
|
85
|
+
all: typography
|
|
86
|
+
},
|
|
87
|
+
backgroundColor,
|
|
88
|
+
borders: {
|
|
89
|
+
color: borderColor,
|
|
90
|
+
radius: borderRadius,
|
|
91
|
+
size: borderSize,
|
|
92
|
+
all: borders
|
|
93
|
+
},
|
|
94
|
+
spacing: {
|
|
95
|
+
gap,
|
|
96
|
+
margin,
|
|
97
|
+
padding,
|
|
98
|
+
all: spacing
|
|
99
|
+
},
|
|
100
|
+
boxShadow,
|
|
101
|
+
size,
|
|
102
|
+
display,
|
|
103
|
+
flex,
|
|
104
|
+
text,
|
|
105
|
+
position,
|
|
106
|
+
overflow,
|
|
107
|
+
opacity,
|
|
108
|
+
cursor,
|
|
109
|
+
sizing,
|
|
110
|
+
visibility,
|
|
111
|
+
all: allUtilities
|
|
112
|
+
};
|