@spaced-out/ui-design-system 0.3.48 → 0.3.49
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/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.3.49](https://github.com/spaced-out/ui-design-system/compare/v0.3.48...v0.3.49) (2025-07-03)
|
|
6
|
+
|
|
5
7
|
### [0.3.48](https://github.com/spaced-out/ui-design-system/compare/v0.3.47...v0.3.48) (2025-07-02)
|
|
6
8
|
|
|
7
9
|
|
|
@@ -15,7 +15,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
|
|
|
15
15
|
const PADDING_SIZES = exports.PADDING_SIZES = Object.freeze({
|
|
16
16
|
small: 'small',
|
|
17
17
|
medium: 'medium',
|
|
18
|
-
large: 'large'
|
|
18
|
+
large: 'large',
|
|
19
|
+
none: 'none'
|
|
19
20
|
});
|
|
20
21
|
const getPaddingValue = size => {
|
|
21
22
|
const spaceKey = 'space' + (0, _string.capitalize)(size);
|
|
@@ -1,10 +1,41 @@
|
|
|
1
|
-
@value (
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
@value (
|
|
7
|
-
|
|
1
|
+
@value (
|
|
2
|
+
colorBackgroundTertiary,
|
|
3
|
+
colorBackgroundPrimary,
|
|
4
|
+
colorBackdropFill
|
|
5
|
+
) from '../../styles/variables/_color.css';
|
|
6
|
+
@value (
|
|
7
|
+
spaceNone,
|
|
8
|
+
spaceSmall,
|
|
9
|
+
spaceXSmall,
|
|
10
|
+
spaceMedium,
|
|
11
|
+
spaceXXSmall,
|
|
12
|
+
spaceHalfFluid,
|
|
13
|
+
spaceNegHalfFluid
|
|
14
|
+
) from '../../styles/variables/_space.css';
|
|
15
|
+
@value (
|
|
16
|
+
sizeFluid,
|
|
17
|
+
size58,
|
|
18
|
+
size60,
|
|
19
|
+
size66,
|
|
20
|
+
size320,
|
|
21
|
+
size480,
|
|
22
|
+
size640
|
|
23
|
+
) from '../../styles/variables/_size.css';
|
|
24
|
+
@value (
|
|
25
|
+
elevationNone,
|
|
26
|
+
elevationModal,
|
|
27
|
+
elevationBackdrop
|
|
28
|
+
) from '../../styles/variables/_elevation.css';
|
|
29
|
+
@value (
|
|
30
|
+
opacity100,
|
|
31
|
+
opacity0
|
|
32
|
+
) from '../../styles/variables/_opacity.css';
|
|
33
|
+
@value (
|
|
34
|
+
motionDurationNormal
|
|
35
|
+
) from '../../styles/variables/_motion.css';
|
|
36
|
+
@value (
|
|
37
|
+
borderRadiusMedium
|
|
38
|
+
) from '../../styles/variables/_border.css';
|
|
8
39
|
|
|
9
40
|
.modalContainer {
|
|
10
41
|
display: flex;
|
|
@@ -83,12 +114,12 @@
|
|
|
83
114
|
.modalHeader {
|
|
84
115
|
composes: borderBottomPrimary from '../../styles/border.module.css';
|
|
85
116
|
composes: subTitleLarge from '../../styles/typography.module.css';
|
|
86
|
-
padding:
|
|
87
|
-
min-height:
|
|
117
|
+
padding: spaceSmall spaceSmall spaceSmall spaceMedium;
|
|
118
|
+
min-height: size58;
|
|
88
119
|
display: flex;
|
|
89
120
|
justify-content: space-between;
|
|
90
121
|
align-items: center;
|
|
91
|
-
gap:
|
|
122
|
+
gap: spaceXSmall;
|
|
92
123
|
}
|
|
93
124
|
|
|
94
125
|
.headerContent {
|
|
@@ -103,16 +134,17 @@
|
|
|
103
134
|
|
|
104
135
|
.modalFooter {
|
|
105
136
|
composes: borderTopPrimary from '../../styles/border.module.css';
|
|
137
|
+
min-height: size66;
|
|
106
138
|
background-color: colorBackgroundPrimary;
|
|
107
139
|
margin-top: auto;
|
|
108
|
-
padding: spaceMedium;
|
|
140
|
+
padding: spaceSmall spaceMedium;
|
|
109
141
|
display: flex;
|
|
110
142
|
justify-content: flex-end;
|
|
111
143
|
align-items: center;
|
|
112
|
-
gap:
|
|
144
|
+
gap: spaceXSmall;
|
|
113
145
|
}
|
|
114
146
|
|
|
115
147
|
.modalFooterActions {
|
|
116
148
|
display: flex;
|
|
117
|
-
gap:
|
|
149
|
+
gap: spaceXSmall;
|
|
118
150
|
}
|