@spaced-out/ui-design-system 0.5.14 → 0.5.16

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 (12) 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/InContextAlert/InContextAlert.d.ts +1 -0
  8. package/lib/components/InContextAlert/InContextAlert.d.ts.map +1 -1
  9. package/lib/components/InContextAlert/InContextAlert.js +2 -0
  10. package/lib/components/Separator/Separator.d.ts.map +1 -1
  11. package/lib/components/Separator/Separator.js +3 -3
  12. 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.16](https://github.com/spaced-out/ui-design-system/compare/v0.5.15...v0.5.16) (2025-11-06)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * 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))
11
+ * 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))
12
+
13
+ ### [0.5.15](https://github.com/spaced-out/ui-design-system/compare/v0.5.14...v0.5.15) (2025-10-29)
14
+
15
+
16
+ ### Features
17
+
18
+ * extra props ([#417](https://github.com/spaced-out/ui-design-system/issues/417)) ([afda00c](https://github.com/spaced-out/ui-design-system/commit/afda00c56471025c5c2168664891dc27e132fadc))
19
+
5
20
  ### [0.5.14](https://github.com/spaced-out/ui-design-system/compare/v0.5.13...v0.5.14) (2025-10-27)
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/InContextAlert/InContextAlert.d.ts CHANGED
@@ -31,6 +31,7 @@ export interface InContextAlertProps extends Omit<InContextAlertBaseProps, 'sema
31
31
  semantic?: AlertSemanticType;
32
32
  leftIconName?: string;
33
33
  leftIconType?: IconType;
34
+ disableAction?: boolean;
34
35
  }
35
36
  export declare const AlertIcon: ({ semantic, leftIconName, leftIconType, iconClassName, testId, }: {
36
37
  semantic: AlertSemanticType;
package/lib/components/InContextAlert/InContextAlert.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InContextAlert.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/InContextAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAExD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAKrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AASlD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAEH,KAAK,uBAAuB,GAAG;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,CACA;IACE,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CACJ,GAAG;IACA,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,eAAe,CAAC,EAAE,UAAU,CAAC;CAC9B,CAAC;AAEJ,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,uBAAuB,EACvB,UAAU,GAAG,cAAc,GAAG,cAAc,CAC7C;IACD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,GAAI,kEAMvB;IACD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,sBAyEA,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAmHf,CAAC"}
1
+ {"version":3,"file":"InContextAlert.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/InContextAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAExD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAKrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AASlD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAEH,KAAK,uBAAuB,GAAG;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,CACA;IACE,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CACJ,GAAG;IACA,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,eAAe,CAAC,EAAE,UAAU,CAAC;CAC9B,CAAC;AAEJ,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,uBAAuB,EACvB,UAAU,GAAG,cAAc,GAAG,cAAc,CAC7C;IACD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,GAAI,kEAMvB;IACD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,sBAyEA,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAqHf,CAAC"}
package/lib/components/InContextAlert/InContextAlert.js CHANGED
@@ -110,6 +110,7 @@ const InContextAlert = exports.InContextAlert = /*#__PURE__*/React.forwardRef((p
110
110
  leftIconName = '',
111
111
  actionText = '',
112
112
  actionTextColor = _typography.TEXT_COLORS.primary,
113
+ disableAction = false,
113
114
  onAction,
114
115
  leftIconType,
115
116
  testId
@@ -169,6 +170,7 @@ const InContextAlert = exports.InContextAlert = /*#__PURE__*/React.forwardRef((p
169
170
  base: testId,
170
171
  slot: 'action-link'
171
172
  }),
173
+ disabled: disableAction,
172
174
  children: actionText
173
175
  }), !!dismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.ClickableIcon, {
174
176
  color: _typography.TEXT_COLORS.primary,
package/lib/components/Separator/Separator.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAE7E,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAgC1E,CAAC"}
1
+ {"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAE7E,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAkC1E,CAAC"}
package/lib/components/Separator/Separator.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Separator = exports.ORIENTATION = void 0;
7
7
  var React = _interopRequireWildcard(require("react"));
8
- var _size = require("../../styles/variables/_size");
8
+ var _border = require("../../styles/variables/_border");
9
9
  var _classify = _interopRequireDefault(require("../../utils/classify"));
10
10
  var _qa = require("../../utils/qa");
11
11
  var _SeparatorModule = _interopRequireDefault(require("./Separator.module.css"));
@@ -25,8 +25,8 @@ const Separator = exports.Separator = /*#__PURE__*/React.forwardRef((_ref, ref)
25
25
  testId
26
26
  } = _ref;
27
27
  // Dynamically compute width and height based on orientation if not provided
28
- const resolvedWidth = width || (orientation === ORIENTATION.vertical ? _size.size2 : 'auto');
29
- const resolvedHeight = height || (orientation === ORIENTATION.horizontal ? _size.size2 : 'auto');
28
+ const resolvedWidth = width || (orientation === ORIENTATION.vertical ? _border.borderWidthPrimary : 'auto');
29
+ const resolvedHeight = height || (orientation === ORIENTATION.horizontal ? _border.borderWidthPrimary : 'auto');
30
30
  const style = {
31
31
  '--separator-width': resolvedWidth,
32
32
  '--separator-height': resolvedHeight
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/ui-design-system",
3
- "version": "0.5.14",
3
+ "version": "0.5.16",
4
4
  "description": "Sense UI components library",
5
5
  "author": {
6
6
  "name": "Spaced Out"