@spaced-out/ui-design-system 0.5.15 → 0.5.17

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 (8) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/lib/components/CollapsibleCard/CollapsibleCard.d.ts +1 -0
  3. package/lib/components/CollapsibleCard/CollapsibleCard.d.ts.map +1 -1
  4. package/lib/components/CollapsibleCard/CollapsibleCard.js +4 -1
  5. package/lib/components/CollapsibleCard/CollapsibleCard.module.css +13 -1
  6. package/lib/components/FileUpload/FileUpload.js +3 -1
  7. package/lib/components/Menu/MenuOptionButton.js +10 -10
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,21 @@
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.5.17](https://github.com/spaced-out/ui-design-system/compare/v0.5.16...v0.5.17) (2025-11-10)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * adds fix for optionTestId preference on testId ([#424](https://github.com/spaced-out/ui-design-system/issues/424)) ([e9315fd](https://github.com/spaced-out/ui-design-system/commit/e9315fd0480ae9f9ce5ec66305052e91667ed9ab))
11
+
12
+ ### [0.5.16](https://github.com/spaced-out/ui-design-system/compare/v0.5.15...v0.5.16) (2025-11-06)
13
+
14
+
15
+ ### Bug Fixes
16
+
17
+ * padding size support through prop ([#420](https://github.com/spaced-out/ui-design-system/issues/420)) ([1cad3a6](https://github.com/spaced-out/ui-design-system/commit/1cad3a6d0d167a0a35fc31e8531188c9ce55c07c))
18
+ * remove onFileClear when handleFileDeletionExternally in File Upload ([#418](https://github.com/spaced-out/ui-design-system/issues/418)) ([090a24f](https://github.com/spaced-out/ui-design-system/commit/090a24fe9604284154fd160e1259ea9ef06004a0))
19
+
5
20
  ### [0.5.15](https://github.com/spaced-out/ui-design-system/compare/v0.5.14...v0.5.15) (2025-10-29)
6
21
 
7
22
 
package/lib/components/CollapsibleCard/CollapsibleCard.d.ts CHANGED
@@ -20,6 +20,7 @@ export interface CollapsibleCardProps {
20
20
  children: React.ReactNode;
21
21
  classNames?: ClassNames;
22
22
  isOpen?: boolean;
23
+ paddingSize?: 'small' | 'medium';
23
24
  headerIconName?: string;
24
25
  headerIconType?: IconType;
25
26
  semantic?: CollapsibleCardSemanticType;
package/lib/components/CollapsibleCard/CollapsibleCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsibleCard.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleCard/CollapsibleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAOlD,eAAO,MAAM,yBAAyB;;;;;;EAMpC,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GACrC,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,OAAO,yBAAyB,CAAC,CAAC;AAE7E,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EACL,CAAC,CACC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACpC,MAAM,EAAE,OAAO,EACf,EAAE,CAAC,EAAE,MAAM,KACR,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,qBAAqB,GAAI,kCAInC,0BAA0B,sBAO5B,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,sBAAsB,GAAI,kCAIpC,2BAA2B,sBAO7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CA0Ff,CAAC"}
1
+ {"version":3,"file":"CollapsibleCard.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleCard/CollapsibleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAOlD,eAAO,MAAM,yBAAyB;;;;;;EAMpC,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GACrC,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,OAAO,yBAAyB,CAAC,CAAC;AAE7E,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EACL,CAAC,CACC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACpC,MAAM,EAAE,OAAO,EACf,EAAE,CAAC,EAAE,MAAM,KACR,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,qBAAqB,GAAI,kCAInC,0BAA0B,sBAO5B,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,sBAAsB,GAAI,kCAIpC,2BAA2B,sBAO7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CA+Ff,CAAC"}
package/lib/components/CollapsibleCard/CollapsibleCard.js CHANGED
@@ -57,6 +57,7 @@ const CollapsibleCard = exports.CollapsibleCard = /*#__PURE__*/React.forwardRef(
57
57
  let {
58
58
  id,
59
59
  isOpen,
60
+ paddingSize = 'small',
60
61
  onChange,
61
62
  classNames,
62
63
  title,
@@ -75,7 +76,9 @@ const CollapsibleCard = exports.CollapsibleCard = /*#__PURE__*/React.forwardRef(
75
76
  base: testId,
76
77
  slot: 'wrapper'
77
78
  }),
78
- className: (0, _classify.default)(_CollapsibleCardModule.default.wrapper, classNames?.wrapper),
79
+ className: (0, _classify.default)(_CollapsibleCardModule.default.wrapper, {
80
+ [_CollapsibleCardModule.default.paddingMedium]: paddingSize === 'medium'
81
+ }, classNames?.wrapper),
79
82
  ref: ref,
80
83
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.UnstyledButton, {
81
84
  className: (0, _classify.default)(_CollapsibleCardModule.default.header, {
package/lib/components/CollapsibleCard/CollapsibleCard.module.css CHANGED
@@ -14,7 +14,7 @@ colorWarning,
14
14
  colorFocusPrimary
15
15
  ) from '../../styles/variables/_color.css';
16
16
  @value (sizeFluid, size58, size34) from '../../styles/variables/_size.css';
17
- @value (spaceSmall, spaceXSmall) from '../../styles/variables/_space.css';
17
+ @value (spaceSmall, spaceMedium, spaceXSmall) from '../../styles/variables/_space.css';
18
18
  @value (elevationCard) from '../../styles/variables/_elevation.css';
19
19
  @value (borderWidthNone,
20
20
  borderWidthPrimary,
@@ -138,3 +138,15 @@ borderWidthTertiary
138
138
  padding: spaceSmall;
139
139
  gap: spaceXSmall;
140
140
  }
141
+
142
+ .paddingMedium .header {
143
+ padding: spaceSmall spaceMedium;
144
+ }
145
+
146
+ .paddingMedium .contentContainer {
147
+ padding: spaceSmall spaceMedium;
148
+ }
149
+
150
+ .paddingMedium .actionContainer {
151
+ padding: spaceSmall spaceMedium;
152
+ }
package/lib/components/FileUpload/FileUpload.js CHANGED
@@ -64,7 +64,9 @@ const FileUploadBase = (props, ref) => {
64
64
  disabled,
65
65
  onValidFilesDrop,
66
66
  onRejectedFilesDrop,
67
- onFileClear
67
+ ...(handleFileDeletionExternally ? {} : {
68
+ onFileClear
69
+ })
68
70
  });
69
71
 
70
72
  // Expose file upload actions to parent component
package/lib/components/Menu/MenuOptionButton.js CHANGED
@@ -91,7 +91,7 @@ const MenuOptionButton = props => {
91
91
  onClick: e => onSelect && onSelect(option, e),
92
92
  autoFocus: selectedOption?.key === key,
93
93
  testId: (0, _qa.generateTestId)({
94
- base: testId || optionTestId,
94
+ base: optionTestId || testId,
95
95
  slot: 'option-button',
96
96
  index: key
97
97
  }),
@@ -104,7 +104,7 @@ const MenuOptionButton = props => {
104
104
  checked: isSelected(),
105
105
  indeterminate: indeterminate,
106
106
  testId: (0, _qa.generateTestId)({
107
- base: testId || optionTestId,
107
+ base: optionTestId || testId,
108
108
  slot: 'checkbox',
109
109
  index: key
110
110
  })
@@ -114,7 +114,7 @@ const MenuOptionButton = props => {
114
114
  selectedValue: selectedKeys?.[0],
115
115
  tabIndex: -1,
116
116
  testId: (0, _qa.generateTestId)({
117
- base: testId || optionTestId,
117
+ base: optionTestId || testId,
118
118
  slot: 'radio-button',
119
119
  index: key
120
120
  })
@@ -124,21 +124,21 @@ const MenuOptionButton = props => {
124
124
  size: "small",
125
125
  className: _MenuModule.default.icon,
126
126
  testId: (0, _qa.generateTestId)({
127
- base: testId || optionTestId,
127
+ base: optionTestId || testId,
128
128
  slot: 'icon-left',
129
129
  index: key
130
130
  })
131
131
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
132
132
  className: (0, _classify.classify)(_MenuModule.default.optionTextContainer, classNames?.optionTextContainer),
133
133
  "data-testid": (0, _qa.generateTestId)({
134
- base: testId || optionTestId,
134
+ base: optionTestId || testId,
135
135
  slot: 'text-container',
136
136
  index: key
137
137
  }),
138
138
  children: [/*#__PURE__*/React.isValidElement(customComponent) ? customComponent : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
139
139
  className: (0, _classify.classify)(_MenuModule.default.optionTextLabel, classNames?.optionTextLabel),
140
140
  "data-testid": (0, _qa.generateTestId)({
141
- base: testId || optionTestId,
141
+ base: optionTestId || testId,
142
142
  slot: 'label',
143
143
  index: key
144
144
  }),
@@ -146,19 +146,19 @@ const MenuOptionButton = props => {
146
146
  label: resolvedLabel,
147
147
  allowWrap,
148
148
  showLabelTooltip,
149
- testId: testId || optionTestId,
149
+ testId: optionTestId || testId,
150
150
  key
151
151
  })
152
152
  }), !!secondaryLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
153
153
  className: _MenuModule.default.optionTextSecondaryLabel,
154
154
  "data-testid": (0, _qa.generateTestId)({
155
- base: testId || optionTestId,
155
+ base: optionTestId || testId,
156
156
  slot: 'secondary-label',
157
157
  index: key
158
158
  }),
159
159
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
160
160
  testId: (0, _qa.generateTestId)({
161
- base: testId || optionTestId,
161
+ base: optionTestId || testId,
162
162
  slot: 'secondary-label-text',
163
163
  index: key
164
164
  }),
@@ -171,7 +171,7 @@ const MenuOptionButton = props => {
171
171
  size: "small",
172
172
  className: (0, _classify.classify)(_MenuModule.default.icon, _MenuModule.default.rightIcon),
173
173
  testId: (0, _qa.generateTestId)({
174
- base: testId || optionTestId,
174
+ base: optionTestId || testId,
175
175
  slot: 'icon-right',
176
176
  index: key
177
177
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/ui-design-system",
3
- "version": "0.5.15",
3
+ "version": "0.5.17",
4
4
  "description": "Sense UI components library",
5
5
  "author": {
6
6
  "name": "Spaced Out"