@spaced-out/ui-design-system 0.3.29 → 0.3.31

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 (11) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/design-tokens/color/app-color.json +2 -2
  3. package/lib/components/Chip/Chip.module.css +2 -2
  4. package/lib/components/Icon/ClickableIcon.module.css +8 -1
  5. package/lib/styles/index.css +1 -1
  6. package/lib/styles/index.js +1 -1
  7. package/lib/styles/index.js.flow +1 -1
  8. package/lib/styles/variables/_color.css +1 -1
  9. package/lib/styles/variables/_color.js +1 -1
  10. package/lib/styles/variables/_color.js.flow +1 -1
  11. 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.3.31](https://github.com/spaced-out/ui-design-system/compare/v0.3.30...v0.3.31) (2025-03-19)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * added gaps between footer icons ([#328](https://github.com/spaced-out/ui-design-system/issues/328)) ([5c27582](https://github.com/spaced-out/ui-design-system/commit/5c2758240572bb0750835c834728e325cc8fef3e))
11
+ * added hover state in clickable icon ([#329](https://github.com/spaced-out/ui-design-system/issues/329)) ([4919868](https://github.com/spaced-out/ui-design-system/commit/4919868feb0d871d43e4b7d717d99a3712f3740a))
12
+
13
+ ### [0.3.30](https://github.com/spaced-out/ui-design-system/compare/v0.3.29...v0.3.30) (2025-03-19)
14
+
15
+
16
+ ### Bug Fixes
17
+
18
+ * change tokens ([#327](https://github.com/spaced-out/ui-design-system/issues/327)) ([4fdf2a1](https://github.com/spaced-out/ui-design-system/commit/4fdf2a13af14d0570ce0bf8bc1c3d413fe7e9995))
19
+
5
20
  ### [0.3.29](https://github.com/spaced-out/ui-design-system/compare/v0.3.28...v0.3.29) (2025-03-12)
6
21
 
7
22
 
package/design-tokens/color/app-color.json CHANGED
@@ -146,7 +146,7 @@
146
146
  },
147
147
  "tertiary": {
148
148
  "enabled": {
149
- "value": "{baseColor.transparent.0.value}"
149
+ "value": "{baseColor.white.100.value}"
150
150
  },
151
151
  "hovered": {
152
152
  "value": "{baseColor.gray.75.value}"
@@ -359,4 +359,4 @@
359
359
  "value": "{baseColor.red.900.value}"
360
360
  }
361
361
  }
362
- }
362
+ }
package/lib/components/Chip/Chip.module.css CHANGED
@@ -9,8 +9,8 @@
9
9
  colorWarningLight,
10
10
  colorDangerLightest,
11
11
  colorDangerLight,
12
+ colorBackgroundTertiary,
12
13
  colorGrayLightest,
13
- colorFillNone,
14
14
  colorTextDisabled,
15
15
  colorFillDisabled,
16
16
  colorFocusPrimary
@@ -118,7 +118,7 @@
118
118
 
119
119
  .secondary {
120
120
  composes: borderPrimary from '../../styles/border.module.css';
121
- background-color: colorFillNone;
121
+ background-color: colorBackgroundTertiary;
122
122
  }
123
123
 
124
124
  .secondary:not(.noHoverState):hover {
package/lib/components/Icon/ClickableIcon.module.css CHANGED
@@ -1,5 +1,7 @@
1
1
  @value (
2
- colorFocusPrimary
2
+ colorFocusPrimary,
3
+ colorButtonFillGhostPressed,
4
+ colorTextPrimary
3
5
  ) from '../../styles/variables/_color.css';
4
6
 
5
7
  @value (
@@ -56,3 +58,8 @@ button {
56
58
  box-shadow: borderWidthNone borderWidthNone borderWidthNone
57
59
  borderWidthTertiary colorFocusPrimary;
58
60
  }
61
+
62
+ .button:hover {
63
+ background-color: colorButtonFillGhostPressed;
64
+ color: colorTextPrimary;
65
+ }
package/lib/styles/index.css CHANGED
@@ -104,7 +104,7 @@
104
104
 
105
105
  @value colorButtonFillSecondaryPressed: #ccc0f0;
106
106
 
107
- @value colorButtonFillTertiaryEnabled: rgba(255,255,255,0);
107
+ @value colorButtonFillTertiaryEnabled: #ffffff;
108
108
 
109
109
  @value colorButtonFillTertiaryHovered: #EBEBEB;
110
110
 
package/lib/styles/index.js CHANGED
@@ -113,7 +113,7 @@ const colorButtonFillSecondaryHovered = '#ccc0f0';
113
113
  exports.colorButtonFillSecondaryHovered = colorButtonFillSecondaryHovered;
114
114
  const colorButtonFillSecondaryPressed = '#ccc0f0';
115
115
  exports.colorButtonFillSecondaryPressed = colorButtonFillSecondaryPressed;
116
- const colorButtonFillTertiaryEnabled = 'rgba(255,255,255,0)';
116
+ const colorButtonFillTertiaryEnabled = '#ffffff';
117
117
  exports.colorButtonFillTertiaryEnabled = colorButtonFillTertiaryEnabled;
118
118
  const colorButtonFillTertiaryHovered = '#EBEBEB';
119
119
  exports.colorButtonFillTertiaryHovered = colorButtonFillTertiaryHovered;
package/lib/styles/index.js.flow CHANGED
@@ -106,7 +106,7 @@ export const colorButtonFillSecondaryHovered = '#ccc0f0';
106
106
 
107
107
  export const colorButtonFillSecondaryPressed = '#ccc0f0';
108
108
 
109
- export const colorButtonFillTertiaryEnabled = 'rgba(255,255,255,0)';
109
+ export const colorButtonFillTertiaryEnabled = '#ffffff';
110
110
 
111
111
  export const colorButtonFillTertiaryHovered = '#EBEBEB';
112
112
 
package/lib/styles/variables/_color.css CHANGED
@@ -80,7 +80,7 @@
80
80
 
81
81
  @value colorButtonFillSecondaryPressed: #ccc0f0;
82
82
 
83
- @value colorButtonFillTertiaryEnabled: rgba(255,255,255,0);
83
+ @value colorButtonFillTertiaryEnabled: #ffffff;
84
84
 
85
85
  @value colorButtonFillTertiaryHovered: #EBEBEB;
86
86
 
package/lib/styles/variables/_color.js CHANGED
@@ -88,7 +88,7 @@ const colorButtonFillSecondaryHovered = '#ccc0f0';
88
88
  exports.colorButtonFillSecondaryHovered = colorButtonFillSecondaryHovered;
89
89
  const colorButtonFillSecondaryPressed = '#ccc0f0';
90
90
  exports.colorButtonFillSecondaryPressed = colorButtonFillSecondaryPressed;
91
- const colorButtonFillTertiaryEnabled = 'rgba(255,255,255,0)';
91
+ const colorButtonFillTertiaryEnabled = '#ffffff';
92
92
  exports.colorButtonFillTertiaryEnabled = colorButtonFillTertiaryEnabled;
93
93
  const colorButtonFillTertiaryHovered = '#EBEBEB';
94
94
  exports.colorButtonFillTertiaryHovered = colorButtonFillTertiaryHovered;
package/lib/styles/variables/_color.js.flow CHANGED
@@ -82,7 +82,7 @@ export const colorButtonFillSecondaryHovered = '#ccc0f0';
82
82
 
83
83
  export const colorButtonFillSecondaryPressed = '#ccc0f0';
84
84
 
85
- export const colorButtonFillTertiaryEnabled = 'rgba(255,255,255,0)';
85
+ export const colorButtonFillTertiaryEnabled = '#ffffff';
86
86
 
87
87
  export const colorButtonFillTertiaryHovered = '#EBEBEB';
88
88
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/ui-design-system",
3
- "version": "0.3.29",
3
+ "version": "0.3.31",
4
4
  "main": "index.js",
5
5
  "description": "Sense UI components library",
6
6
  "author": {