@spaced-out/ui-design-system 0.5.34-beta.2 → 0.5.34

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 +7 -0
  2. package/lib/components/Icon/Icon.d.ts.map +1 -1
  3. package/lib/components/Icon/Icon.js +2 -1
  4. package/lib/components/Icon/Icon.module.css +67 -0
  5. package/lib/components/Link/Link.d.ts.map +1 -1
  6. package/lib/components/Link/Link.js +3 -2
  7. package/lib/components/StatusIndicator/StatusIndicator.module.css +10 -10
  8. package/lib/components/Toast/Toast.d.ts +0 -1
  9. package/lib/components/Toast/Toast.d.ts.map +1 -1
  10. package/lib/components/Toast/Toast.js +2 -4
  11. package/lib/components/Toast/Toast.module.css +12 -1
  12. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
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.34](https://github.com/spaced-out/ui-design-system/compare/v0.5.34-beta.2...v0.5.34) (2025-12-12)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * updated tokens for icon and status indicator semantics ([#447](https://github.com/spaced-out/ui-design-system/issues/447)) ([8b5a002](https://github.com/spaced-out/ui-design-system/commit/8b5a002b0d75939e923b15c5a8d4361835b17e7a))
11
+
5
12
  ### [0.5.34-beta.2](https://github.com/spaced-out/ui-design-system/compare/v0.5.34-beta.1...v0.5.34-beta.2) (2025-12-11)
6
13
 
7
14
 
package/lib/components/Icon/Icon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAQrD,eAAO,MAAM,SAAS;;;;;EAKpB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;EAIpB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAE9C,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAuChE,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AASrD,eAAO,MAAM,SAAS;;;;;EAKpB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;EAIpB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAE9C,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAuChE,CAAC"}
package/lib/components/Icon/Icon.js CHANGED
@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
8
8
  var _typography = require("../../types/typography");
9
9
  var _classify = _interopRequireDefault(require("../../utils/classify"));
10
10
  var _qa = require("../../utils/qa");
11
+ var _IconModule = _interopRequireDefault(require("./Icon.module.css"));
11
12
  var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
12
13
  var _jsxRuntime = require("react/jsx-runtime");
13
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -41,7 +42,7 @@ const Icon = exports.Icon = /*#__PURE__*/React.forwardRef((_ref, forwardRef) =>
41
42
  base: testId,
42
43
  slot: 'icon'
43
44
  }),
44
- className: (0, _classify.default)(_typographyModule.default.centerAlignFlex, _typographyModule.default[`${size}Icon`], _typographyModule.default[color], className),
45
+ className: (0, _classify.default)(_typographyModule.default.centerAlignFlex, _typographyModule.default[`${size}Icon`], _IconModule.default[color], className),
45
46
  onClick: onClick,
46
47
  ref: forwardRef,
47
48
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
package/lib/components/Icon/Icon.module.css ADDED
@@ -0,0 +1,67 @@
1
+ @value (
2
+ colorInformation,
3
+ colorSuccess,
4
+ colorWarning,
5
+ colorDanger,
6
+ colorNeutral,
7
+ colorTextPrimary,
8
+ colorTextSecondary,
9
+ colorTextTertiary,
10
+ colorTextDisabled,
11
+ colorTextClickable,
12
+ colorTextInversePrimary,
13
+ colorTextInverseSecondary,
14
+ colorTextFavorite
15
+ ) from '../../styles/variables/_color.css';
16
+
17
+ .primary {
18
+ color: colorTextPrimary;
19
+ }
20
+
21
+ .secondary {
22
+ color: colorTextSecondary;
23
+ }
24
+
25
+ .tertiary {
26
+ color: colorTextTertiary;
27
+ }
28
+
29
+ .disabled {
30
+ color: colorTextDisabled;
31
+ }
32
+
33
+ .clickable {
34
+ color: colorTextClickable;
35
+ }
36
+
37
+ .information {
38
+ color: colorInformation;
39
+ }
40
+
41
+ .success {
42
+ color: colorSuccess;
43
+ }
44
+
45
+ .warning {
46
+ color: colorWarning;
47
+ }
48
+
49
+ .danger {
50
+ color: colorDanger;
51
+ }
52
+
53
+ .neutral {
54
+ color: colorNeutral;
55
+ }
56
+
57
+ .inversePrimary {
58
+ color: colorTextInversePrimary;
59
+ }
60
+
61
+ .inverseSecondary {
62
+ color: colorTextInverseSecondary;
63
+ }
64
+
65
+ .favorite {
66
+ color: colorTextFavorite;
67
+ }
package/lib/components/Link/Link.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;EAiBlB,CAAC;AAEH,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE5D,eAAO,MAAM,UAAU;;;;;;;;;;;;;EAarB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAErE,eAAO,MAAM,aAAa;;;;;;EAMxB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE9E,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,UAAU,GACV,SAAS,GACT,UAAU,GACV,UAAU,GACV,WAAW,GACX,IAAI,GACJ,KAAK,GACL,QAAQ,GACR,cAAc,GACd,cAAc,GACd,cAAc,GACd,eAAe,GACf,eAAe,GACf,eAAe,GACf,IAAI,GACJ,MAAM,CACT;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;;;;;;OAaG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,WAAW,GAAG,eAAe,CAAC;IACpE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;CACH;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CACvC,SAAS,EACT,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAiHrC,CAAC"}
1
+ {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAO5D,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;EAiBlB,CAAC;AAEH,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE5D,eAAO,MAAM,UAAU;;;;;;;;;;;;;EAarB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAErE,eAAO,MAAM,aAAa;;;;;;EAMxB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE9E,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,UAAU,GACV,SAAS,GACT,UAAU,GACV,UAAU,GACV,WAAW,GACX,IAAI,GACJ,KAAK,GACL,QAAQ,GACR,cAAc,GACd,cAAc,GACd,cAAc,GACd,eAAe,GACf,eAAe,GACf,eAAe,GACf,IAAI,GACJ,MAAM,CACT;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;;;;;;OAaG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,WAAW,GAAG,eAAe,CAAC;IACpE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;CACH;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CACvC,SAAS,EACT,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAiHrC,CAAC"}
package/lib/components/Link/Link.js CHANGED
@@ -10,6 +10,7 @@ var _classify = _interopRequireDefault(require("../../utils/classify"));
10
10
  var _qa = require("../../utils/qa");
11
11
  var _ConditionalWrapper = require("../ConditionalWrapper");
12
12
  var _Icon = require("../Icon");
13
+ var _IconModule = _interopRequireDefault(require("../Icon/Icon.module.css"));
13
14
  var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
14
15
  var _jsxRuntime = require("react/jsx-runtime");
15
16
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -117,7 +118,7 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
117
118
  name: iconLeftName,
118
119
  size: iconLeftSize,
119
120
  type: iconLeftType,
120
- className: (0, _classify.default)(_typographyModule.default[color], {
121
+ className: (0, _classify.default)(_IconModule.default[color], {
121
122
  [_typographyModule.default.disabled]: disabled
122
123
  }),
123
124
  testId: (0, _qa.generateTestId)({
@@ -141,7 +142,7 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
141
142
  name: iconRightName,
142
143
  size: iconRightSize,
143
144
  type: iconRightType,
144
- className: _typographyModule.default[color],
145
+ className: _IconModule.default[color],
145
146
  testId: (0, _qa.generateTestId)({
146
147
  base: testId,
147
148
  slot: 'icon-right'
package/lib/components/StatusIndicator/StatusIndicator.module.css CHANGED
@@ -1,9 +1,9 @@
1
1
  @value (
2
- colorTextInformation,
3
- colorTextSuccess,
4
- colorTextWarning,
5
- colorTextDanger,
6
- colorTextNeutral,
2
+ colorInformation,
3
+ colorSuccess,
4
+ colorWarning,
5
+ colorDanger,
6
+ colorNeutral,
7
7
  colorBackgroundTertiary,
8
8
  colorFillPrimary,
9
9
  colorTextPrimary,
@@ -26,23 +26,23 @@
26
26
  }
27
27
 
28
28
  .information {
29
- background-color: colorTextInformation;
29
+ background-color: colorInformation;
30
30
  }
31
31
 
32
32
  .success {
33
- background-color: colorTextSuccess;
33
+ background-color: colorSuccess;
34
34
  }
35
35
 
36
36
  .warning {
37
- background-color: colorTextWarning;
37
+ background-color: colorWarning;
38
38
  }
39
39
 
40
40
  .danger {
41
- background-color: colorTextDanger;
41
+ background-color: colorDanger;
42
42
  }
43
43
 
44
44
  .neutral {
45
- background-color: colorTextNeutral;
45
+ background-color: colorNeutral;
46
46
  }
47
47
 
48
48
  .disabled {
package/lib/components/Toast/Toast.d.ts CHANGED
@@ -26,7 +26,6 @@ export interface ToastProps {
26
26
  export interface ToastTitleProps {
27
27
  children?: React.ReactNode;
28
28
  className?: string;
29
- semantic?: ToastSemanticType;
30
29
  testId?: string;
31
30
  }
32
31
  export declare const ToastTitle: Flow.AbstractComponent<ToastTitleProps, HTMLDivElement>;
package/lib/components/Toast/Toast.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAYrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAMzB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAoGD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAqBf,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAY1E,CAAC;AAIJ,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;oCAAiC,gBAAgB;;CAoDxE,CAAC;AAIF,eAAO,MAAM,KAAK,GAAI,qGAUnB,UAAU,sBAuEZ,CAAC"}
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAWrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAMzB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAoGD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAYf,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAY1E,CAAC;AAIJ,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;oCAAiC,gBAAgB;;CAoDxE,CAAC;AAIF,eAAO,MAAM,KAAK,GAAI,qGAUnB,UAAU,sBAuEZ,CAAC"}
package/lib/components/Toast/Toast.js CHANGED
@@ -11,7 +11,6 @@ var _qa = require("../../utils/qa");
11
11
  var _Icon = require("../Icon");
12
12
  var _Text = require("../Text");
13
13
  var _ToastModule = _interopRequireDefault(require("./Toast.module.css"));
14
- var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
15
14
  var _jsxRuntime = require("react/jsx-runtime");
16
15
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
16
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -97,13 +96,12 @@ const ToastIcon = _ref => {
97
96
  const ToastTitle = exports.ToastTitle = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
98
97
  let {
99
98
  children,
100
- semantic = TOAST_SEMANTIC.information,
101
99
  className,
102
100
  testId,
103
101
  ...props
104
102
  } = _ref2;
105
103
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
106
- className: (0, _classify.default)(_ToastModule.default.toastTitle, _typographyModule.default[semantic], className),
104
+ className: (0, _classify.default)(_ToastModule.default.toastTitle, className),
107
105
  ...props,
108
106
  ref: ref,
109
107
  "data-testid": (0, _qa.generateTestId)({
@@ -261,7 +259,7 @@ const Toast = _ref5 => {
261
259
  className: _ToastModule.default.titleBodyWrap,
262
260
  children: [getComp('ToastTitle'), getComp('ToastBody')]
263
261
  }), time && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleExtraSmall, {
264
- className: classNames?.time,
262
+ className: (0, _classify.default)(_ToastModule.default.toastTime, classNames?.time),
265
263
  testId: (0, _qa.generateTestId)({
266
264
  base: testId,
267
265
  slot: 'time'
package/lib/components/Toast/Toast.module.css CHANGED
@@ -2,7 +2,12 @@
2
2
 
3
3
  @value (size24, size400) from '../../styles/variables/_size.css';
4
4
 
5
- @value (colorBorderPrimary, colorBackgroundTertiary) from '../../styles/variables/_color.css';
5
+ @value (
6
+ colorBorderPrimary,
7
+ colorBackgroundTertiary,
8
+ colorTextPrimary,
9
+ colorTextSecondary
10
+ ) from '../../styles/variables/_color.css';
6
11
 
7
12
  @value (borderWidthPrimary, borderRadiusMedium) from '../../styles/variables/_border.css';
8
13
 
@@ -46,6 +51,7 @@
46
51
 
47
52
  .toastBody {
48
53
  composes: bodyMedium from '../../styles/typography.module.css';
54
+ color: colorTextSecondary;
49
55
  }
50
56
 
51
57
  .toastFooterActions {
@@ -61,4 +67,9 @@
61
67
 
62
68
  .toastTitle {
63
69
  composes: subTitleSmall from '../../styles/typography.module.css';
70
+ color: colorTextPrimary;
71
+ }
72
+
73
+ .toastTime {
74
+ color: colorTextSecondary;
64
75
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/ui-design-system",
3
- "version": "0.5.34-beta.2",
3
+ "version": "0.5.34",
4
4
  "description": "Sense UI components library",
5
5
  "author": {
6
6
  "name": "Spaced Out"