@spaced-out/ui-design-system 0.0.9 → 0.0.10

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/.github/workflows/publish_to_npm.yml +2 -1
  2. package/CHANGELOG.md +8 -0
  3. package/design-tokens/color/app-color.json +5 -20
  4. package/design-tokens/color/base-color.json +8 -8
  5. package/lib/components/InContextAlert/InContextAlert.module.css +10 -10
  6. package/lib/styles/typography.module.css +3 -3
  7. package/lib/styles/variables/_color.css +9 -19
  8. package/lib/styles/variables/_color.js +11 -21
  9. package/lib/styles/variables/_color.js.flow +9 -19
  10. package/lib/types/typography.js +1 -1
  11. package/lib/types/typography.js.flow +1 -1
  12. package/package.json +1 -1
package/.github/workflows/publish_to_npm.yml CHANGED
@@ -23,6 +23,7 @@ jobs:
23
23
  steps:
24
24
  # Checkout project repository
25
25
  # Added fetch-depth to fetch complete history of repo. TODO(Nishant): Customize?
26
+ # TODO(Nishant): update with a org bot token instead of personal token
26
27
  - name: Checkout
27
28
  uses: actions/checkout@v3
28
29
  with:
@@ -44,7 +45,7 @@ jobs:
44
45
  #- name: Run tests
45
46
  # run: yarn test
46
47
 
47
- # Configure Git
48
+ # Configure Git. TODO(Nishant): update with a org bot instead of personal detail
48
49
  - name: Git configuration
49
50
  run: |
50
51
  git config --global user.email "86281150+superrover@users.noreply.github.com"
package/CHANGELOG.md CHANGED
@@ -2,6 +2,14 @@
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.0.10](https://github.com/spaced-out/ui-design-system/compare/v0.0.9...v0.0.10) (2022-12-21)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * remove colorTextSelected and other color related changes ([6679f48](https://github.com/spaced-out/ui-design-system/commit/6679f48a377a5be7ac30585a88185a28fa70de99))
11
+ * text color updates ([e1ac406](https://github.com/spaced-out/ui-design-system/commit/e1ac40629c96af7fd3c90a7db489f50b3f3ee12f))
12
+
5
13
  ### [0.0.9](https://github.com/spaced-out/ui-design-system/compare/v0.0.8...v0.0.9) (2022-12-14)
6
14
 
7
15
 
package/design-tokens/color/app-color.json CHANGED
@@ -13,23 +13,23 @@
13
13
  "disabled": {
14
14
  "value": "{baseColor.gray.200.value}"
15
15
  },
16
- "selected": {
16
+ "clickable": {
17
17
  "value": "{baseColor.purple.500.value}"
18
18
  },
19
19
  "neutral": {
20
20
  "value": "{baseColor.indigo.500.value}"
21
21
  },
22
22
  "success": {
23
- "value": "{baseColor.green.500.value}"
23
+ "value": "{baseColor.green.700.value}"
24
24
  },
25
25
  "information": {
26
- "value": "{baseColor.blue.500.value}"
26
+ "value": "{baseColor.blue.600.value}"
27
27
  },
28
28
  "warning": {
29
- "value": "{baseColor.orange.500.value}"
29
+ "value": "{baseColor.orange.700.value}"
30
30
  },
31
31
  "danger": {
32
- "value": "{baseColor.red.500.value}"
32
+ "value": "{baseColor.red.600.value}"
33
33
  },
34
34
  "inverse": {
35
35
  "primary": {
@@ -153,9 +153,6 @@
153
153
  "neutral": {
154
154
  "value": "{baseColor.indigo.500.value}"
155
155
  },
156
- "neutral.lighter": {
157
- "value": "{baseColor.indigo.100.value}"
158
- },
159
156
  "neutral.lightest": {
160
157
  "value": "{baseColor.indigo.50.value}"
161
158
  },
@@ -171,9 +168,6 @@
171
168
  "success": {
172
169
  "value": "{baseColor.green.500.value}"
173
170
  },
174
- "success.lighter": {
175
- "value": "{baseColor.green.100.value}"
176
- },
177
171
  "success.lightest": {
178
172
  "value": "{baseColor.green.50.value}"
179
173
  },
@@ -189,9 +183,6 @@
189
183
  "information": {
190
184
  "value": "{baseColor.blue.500.value}"
191
185
  },
192
- "information.lighter": {
193
- "value": "{baseColor.blue.100.value}"
194
- },
195
186
  "information.lightest": {
196
187
  "value": "{baseColor.blue.50.value}"
197
188
  },
@@ -207,9 +198,6 @@
207
198
  "warning": {
208
199
  "value": "{baseColor.orange.500.value}"
209
200
  },
210
- "warning.lighter": {
211
- "value": "{baseColor.orange.100.value}"
212
- },
213
201
  "warning.lightest": {
214
202
  "value": "{baseColor.orange.50.value}"
215
203
  },
@@ -225,9 +213,6 @@
225
213
  "danger": {
226
214
  "value": "{baseColor.red.500.value}"
227
215
  },
228
- "danger.lighter": {
229
- "value": "{baseColor.red.100.value}"
230
- },
231
216
  "danger.lightest": {
232
217
  "value": "{baseColor.red.50.value}"
233
218
  },
package/design-tokens/color/base-color.json CHANGED
@@ -84,28 +84,28 @@
84
84
  "value": "#f1f1f5"
85
85
  },
86
86
  "100": {
87
- "value": "#d3d2e0"
87
+ "value": "#E6E5EF"
88
88
  },
89
89
  "200": {
90
- "value": "#bdbdd1"
90
+ "value": "#D3D2E0"
91
91
  },
92
92
  "300": {
93
- "value": "#9f9fbc"
93
+ "value": "#9F9FBC"
94
94
  },
95
95
  "400": {
96
- "value": "#8d8caf"
96
+ "value": "#8D8CAF"
97
97
  },
98
98
  "500": {
99
- "value": "#706f9b"
99
+ "value": "#706F9B"
100
100
  },
101
101
  "600": {
102
- "value": "#66658d"
102
+ "value": "#66658D"
103
103
  },
104
104
  "700": {
105
- "value": "#504f6e"
105
+ "value": "#504F6E"
106
106
  },
107
107
  "800": {
108
- "value": "#3e3d55"
108
+ "value": "#3E3D55"
109
109
  },
110
110
  "900": {
111
111
  "value": "#2C2C47"
package/lib/components/InContextAlert/InContextAlert.module.css CHANGED
@@ -1,15 +1,15 @@
1
1
  @value (borderRadiusXSmall) from '../../styles/variables/_border.css';
2
2
  @value (colorFillPrimary,
3
3
  colorTextPrimary,
4
- colorNeutralLighter,
4
+ colorNeutralLight,
5
5
  colorNeutralLightest,
6
- colorSuccessLighter,
6
+ colorSuccessLight,
7
7
  colorSuccessLightest,
8
- colorInformationLighter,
8
+ colorInformationLight,
9
9
  colorInformationLightest,
10
- colorWarningLighter,
10
+ colorWarningLight,
11
11
  colorWarningLightest,
12
- colorDangerLighter,
12
+ colorDangerLight,
13
13
  colorDangerLightest
14
14
  ) from '../../styles/variables/_color.css';
15
15
 
@@ -41,27 +41,27 @@
41
41
 
42
42
  .neutral {
43
43
  background-color: colorNeutralLightest;
44
- border-color: colorNeutralLighter;
44
+ border-color: colorNeutralLight;
45
45
  }
46
46
 
47
47
  .success {
48
48
  background-color: colorSuccessLightest;
49
- border-color: colorSuccessLighter;
49
+ border-color: colorSuccessLight;
50
50
  }
51
51
 
52
52
  .information {
53
53
  background-color: colorInformationLightest;
54
- border-color: colorInformationLighter;
54
+ border-color: colorInformationLight;
55
55
  }
56
56
 
57
57
  .warning {
58
58
  background-color: colorWarningLightest;
59
- border-color: colorWarningLighter;
59
+ border-color: colorWarningLight;
60
60
  }
61
61
 
62
62
  .danger {
63
63
  background-color: colorDangerLightest;
64
- border-color: colorDangerLighter;
64
+ border-color: colorDangerLight;
65
65
  }
66
66
 
67
67
  .closeIcon {
package/lib/styles/typography.module.css CHANGED
@@ -3,7 +3,7 @@
3
3
  colorTextSecondary,
4
4
  colorTextTertiary,
5
5
  colorTextDisabled,
6
- colorTextSelected,
6
+ colorTextClickable,
7
7
  colorTextNeutral,
8
8
  colorTextSuccess,
9
9
  colorTextInformation,
@@ -172,8 +172,8 @@
172
172
  color: colorTextDisabled;
173
173
  }
174
174
 
175
- .selected {
176
- color: colorTextSelected;
175
+ .clickable {
176
+ color: colorTextClickable;
177
177
  }
178
178
 
179
179
  .neutral {
package/lib/styles/variables/_color.css CHANGED
@@ -6,17 +6,17 @@
6
6
 
7
7
  @value colorTextDisabled: #d1d1d1;
8
8
 
9
- @value colorTextSelected: #5c34cd;
9
+ @value colorTextClickable: #5c34cd;
10
10
 
11
- @value colorTextNeutral: #706f9b;
11
+ @value colorTextNeutral: #706F9B;
12
12
 
13
- @value colorTextSuccess: #03964d;
13
+ @value colorTextSuccess: #026b37;
14
14
 
15
- @value colorTextInformation: #0769f0;
15
+ @value colorTextInformation: #0660da;
16
16
 
17
- @value colorTextWarning: #df7e0c;
17
+ @value colorTextWarning: #9e5909;
18
18
 
19
- @value colorTextDanger: #e31c4c;
19
+ @value colorTextDanger: #cf1945;
20
20
 
21
21
  @value colorTextInversePrimary: #ffffff;
22
22
 
@@ -82,22 +82,18 @@
82
82
 
83
83
  @value colorGrayLightest: #EBEBEB;
84
84
 
85
- @value colorNeutral: #706f9b;
86
-
87
- @value colorNeutralLighter: #d3d2e0;
85
+ @value colorNeutral: #706F9B;
88
86
 
89
87
  @value colorNeutralLightest: #f1f1f5;
90
88
 
91
- @value colorNeutralLight: #bdbdd1;
89
+ @value colorNeutralLight: #D3D2E0;
92
90
 
93
- @value colorNeutralDark: #504f6e;
91
+ @value colorNeutralDark: #504F6E;
94
92
 
95
93
  @value colorNeutralDarkest: #2C2C47;
96
94
 
97
95
  @value colorSuccess: #03964d;
98
96
 
99
- @value colorSuccessLighter: #b1dec8;
100
-
101
97
  @value colorSuccessLightest: #e6f5ed;
102
98
 
103
99
  @value colorSuccessLight: #8bcfad;
@@ -108,8 +104,6 @@
108
104
 
109
105
  @value colorInformation: #0769f0;
110
106
 
111
- @value colorInformationLighter: #b2d1fa;
112
-
113
107
  @value colorInformationLightest: #e6f0fe;
114
108
 
115
109
  @value colorInformationLight: #8dbaf8;
@@ -120,8 +114,6 @@
120
114
 
121
115
  @value colorWarning: #df7e0c;
122
116
 
123
- @value colorWarningLighter: #f5d7b4;
124
-
125
117
  @value colorWarningLightest: #fcf2e7;
126
118
 
127
119
  @value colorWarningLight: #f0c48f;
@@ -132,8 +124,6 @@
132
124
 
133
125
  @value colorDanger: #e31c4c;
134
126
 
135
- @value colorDangerLighter: #f6b9c8;
136
-
137
127
  @value colorDangerLightest: #fce8ed;
138
128
 
139
129
  @value colorDangerLight: #f297ad;
package/lib/styles/variables/_color.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.colorWarningLightest = exports.colorWarningLighter = exports.colorWarningLight = exports.colorWarningDarkest = exports.colorWarningDark = exports.colorWarning = exports.colorTooltipFill = exports.colorTextWarning = exports.colorTextTertiary = exports.colorTextSuccess = exports.colorTextSelected = exports.colorTextSecondary = exports.colorTextPrimary = exports.colorTextNeutral = exports.colorTextInverseSecondary = exports.colorTextInversePrimary = exports.colorTextInformation = exports.colorTextDisabled = exports.colorTextDanger = exports.colorSuccessLightest = exports.colorSuccessLighter = exports.colorSuccessLight = exports.colorSuccessDarkest = exports.colorSuccessDark = exports.colorSuccess = exports.colorNeutralLightest = exports.colorNeutralLighter = exports.colorNeutralLight = exports.colorNeutralDarkest = exports.colorNeutralDark = exports.colorNeutral = exports.colorInformationLightest = exports.colorInformationLighter = exports.colorInformationLight = exports.colorInformationDarkest = exports.colorInformationDark = exports.colorInformation = exports.colorGrayLightest = exports.colorFocusPrimary = exports.colorFocusDanger = exports.colorFillSecondary = exports.colorFillPrimary = exports.colorFillNone = exports.colorFillDisabled = exports.colorDangerLightest = exports.colorDangerLighter = exports.colorDangerLight = exports.colorDangerDarkest = exports.colorDangerDark = exports.colorDanger = exports.colorButtonFillTertiaryPressed = exports.colorButtonFillTertiaryHovered = exports.colorButtonFillTertiaryEnabled = exports.colorButtonFillSecondaryPressed = exports.colorButtonFillSecondaryHovered = exports.colorButtonFillSecondaryEnabled = exports.colorButtonFillPrimaryPressed = exports.colorButtonFillPrimaryHovered = exports.colorButtonFillPrimaryEnabled = exports.colorButtonFillGhostPressed = exports.colorButtonFillGhostHovered = exports.colorButtonFillGhostEnabled = exports.colorButtonFillDangerPressed = exports.colorButtonFillDangerHovered = exports.colorButtonFillDangerEnabled = exports.colorBorderSecondary = exports.colorBorderPrimary = exports.colorBorderDanger = exports.colorBackgroundTertiary = exports.colorBackgroundSecondary = exports.colorBackgroundPrimary = exports.colorBackdropFill = void 0;
6
+ exports.colorWarningLightest = exports.colorWarningLight = exports.colorWarningDarkest = exports.colorWarningDark = exports.colorWarning = exports.colorTooltipFill = exports.colorTextWarning = exports.colorTextTertiary = exports.colorTextSuccess = exports.colorTextSecondary = exports.colorTextPrimary = exports.colorTextNeutral = exports.colorTextInverseSecondary = exports.colorTextInversePrimary = exports.colorTextInformation = exports.colorTextDisabled = exports.colorTextDanger = exports.colorTextClickable = exports.colorSuccessLightest = exports.colorSuccessLight = exports.colorSuccessDarkest = exports.colorSuccessDark = exports.colorSuccess = exports.colorNeutralLightest = exports.colorNeutralLight = exports.colorNeutralDarkest = exports.colorNeutralDark = exports.colorNeutral = exports.colorInformationLightest = exports.colorInformationLight = exports.colorInformationDarkest = exports.colorInformationDark = exports.colorInformation = exports.colorGrayLightest = exports.colorFocusPrimary = exports.colorFocusDanger = exports.colorFillSecondary = exports.colorFillPrimary = exports.colorFillNone = exports.colorFillDisabled = exports.colorDangerLightest = exports.colorDangerLight = exports.colorDangerDarkest = exports.colorDangerDark = exports.colorDanger = exports.colorButtonFillTertiaryPressed = exports.colorButtonFillTertiaryHovered = exports.colorButtonFillTertiaryEnabled = exports.colorButtonFillSecondaryPressed = exports.colorButtonFillSecondaryHovered = exports.colorButtonFillSecondaryEnabled = exports.colorButtonFillPrimaryPressed = exports.colorButtonFillPrimaryHovered = exports.colorButtonFillPrimaryEnabled = exports.colorButtonFillGhostPressed = exports.colorButtonFillGhostHovered = exports.colorButtonFillGhostEnabled = exports.colorButtonFillDangerPressed = exports.colorButtonFillDangerHovered = exports.colorButtonFillDangerEnabled = exports.colorBorderSecondary = exports.colorBorderPrimary = exports.colorBorderDanger = exports.colorBackgroundTertiary = exports.colorBackgroundSecondary = exports.colorBackgroundPrimary = exports.colorBackdropFill = void 0;
7
7
 
8
8
  const colorTextPrimary = '#17172A';
9
9
  exports.colorTextPrimary = colorTextPrimary;
@@ -13,17 +13,17 @@ const colorTextTertiary = '#7e7e7e';
13
13
  exports.colorTextTertiary = colorTextTertiary;
14
14
  const colorTextDisabled = '#d1d1d1';
15
15
  exports.colorTextDisabled = colorTextDisabled;
16
- const colorTextSelected = '#5c34cd';
17
- exports.colorTextSelected = colorTextSelected;
18
- const colorTextNeutral = '#706f9b';
16
+ const colorTextClickable = '#5c34cd';
17
+ exports.colorTextClickable = colorTextClickable;
18
+ const colorTextNeutral = '#706F9B';
19
19
  exports.colorTextNeutral = colorTextNeutral;
20
- const colorTextSuccess = '#03964d';
20
+ const colorTextSuccess = '#026b37';
21
21
  exports.colorTextSuccess = colorTextSuccess;
22
- const colorTextInformation = '#0769f0';
22
+ const colorTextInformation = '#0660da';
23
23
  exports.colorTextInformation = colorTextInformation;
24
- const colorTextWarning = '#df7e0c';
24
+ const colorTextWarning = '#9e5909';
25
25
  exports.colorTextWarning = colorTextWarning;
26
- const colorTextDanger = '#e31c4c';
26
+ const colorTextDanger = '#cf1945';
27
27
  exports.colorTextDanger = colorTextDanger;
28
28
  const colorTextInversePrimary = '#ffffff';
29
29
  exports.colorTextInversePrimary = colorTextInversePrimary;
@@ -89,22 +89,18 @@ const colorButtonFillDangerPressed = '#cf1945';
89
89
  exports.colorButtonFillDangerPressed = colorButtonFillDangerPressed;
90
90
  const colorGrayLightest = '#EBEBEB';
91
91
  exports.colorGrayLightest = colorGrayLightest;
92
- const colorNeutral = '#706f9b';
92
+ const colorNeutral = '#706F9B';
93
93
  exports.colorNeutral = colorNeutral;
94
- const colorNeutralLighter = '#d3d2e0';
95
- exports.colorNeutralLighter = colorNeutralLighter;
96
94
  const colorNeutralLightest = '#f1f1f5';
97
95
  exports.colorNeutralLightest = colorNeutralLightest;
98
- const colorNeutralLight = '#bdbdd1';
96
+ const colorNeutralLight = '#D3D2E0';
99
97
  exports.colorNeutralLight = colorNeutralLight;
100
- const colorNeutralDark = '#504f6e';
98
+ const colorNeutralDark = '#504F6E';
101
99
  exports.colorNeutralDark = colorNeutralDark;
102
100
  const colorNeutralDarkest = '#2C2C47';
103
101
  exports.colorNeutralDarkest = colorNeutralDarkest;
104
102
  const colorSuccess = '#03964d';
105
103
  exports.colorSuccess = colorSuccess;
106
- const colorSuccessLighter = '#b1dec8';
107
- exports.colorSuccessLighter = colorSuccessLighter;
108
104
  const colorSuccessLightest = '#e6f5ed';
109
105
  exports.colorSuccessLightest = colorSuccessLightest;
110
106
  const colorSuccessLight = '#8bcfad';
@@ -115,8 +111,6 @@ const colorSuccessDarkest = '#013f20';
115
111
  exports.colorSuccessDarkest = colorSuccessDarkest;
116
112
  const colorInformation = '#0769f0';
117
113
  exports.colorInformation = colorInformation;
118
- const colorInformationLighter = '#b2d1fa';
119
- exports.colorInformationLighter = colorInformationLighter;
120
114
  const colorInformationLightest = '#e6f0fe';
121
115
  exports.colorInformationLightest = colorInformationLightest;
122
116
  const colorInformationLight = '#8dbaf8';
@@ -127,8 +121,6 @@ const colorInformationDarkest = '#032c65';
127
121
  exports.colorInformationDarkest = colorInformationDarkest;
128
122
  const colorWarning = '#df7e0c';
129
123
  exports.colorWarning = colorWarning;
130
- const colorWarningLighter = '#f5d7b4';
131
- exports.colorWarningLighter = colorWarningLighter;
132
124
  const colorWarningLightest = '#fcf2e7';
133
125
  exports.colorWarningLightest = colorWarningLightest;
134
126
  const colorWarningLight = '#f0c48f';
@@ -139,8 +131,6 @@ const colorWarningDarkest = '#5e3505';
139
131
  exports.colorWarningDarkest = colorWarningDarkest;
140
132
  const colorDanger = '#e31c4c';
141
133
  exports.colorDanger = colorDanger;
142
- const colorDangerLighter = '#f6b9c8';
143
- exports.colorDangerLighter = colorDangerLighter;
144
134
  const colorDangerLightest = '#fce8ed';
145
135
  exports.colorDangerLightest = colorDangerLightest;
146
136
  const colorDangerLight = '#f297ad';
package/lib/styles/variables/_color.js.flow CHANGED
@@ -8,17 +8,17 @@ export const colorTextTertiary = '#7e7e7e';
8
8
 
9
9
  export const colorTextDisabled = '#d1d1d1';
10
10
 
11
- export const colorTextSelected = '#5c34cd';
11
+ export const colorTextClickable = '#5c34cd';
12
12
 
13
- export const colorTextNeutral = '#706f9b';
13
+ export const colorTextNeutral = '#706F9B';
14
14
 
15
- export const colorTextSuccess = '#03964d';
15
+ export const colorTextSuccess = '#026b37';
16
16
 
17
- export const colorTextInformation = '#0769f0';
17
+ export const colorTextInformation = '#0660da';
18
18
 
19
- export const colorTextWarning = '#df7e0c';
19
+ export const colorTextWarning = '#9e5909';
20
20
 
21
- export const colorTextDanger = '#e31c4c';
21
+ export const colorTextDanger = '#cf1945';
22
22
 
23
23
  export const colorTextInversePrimary = '#ffffff';
24
24
 
@@ -84,22 +84,18 @@ export const colorButtonFillDangerPressed = '#cf1945';
84
84
 
85
85
  export const colorGrayLightest = '#EBEBEB';
86
86
 
87
- export const colorNeutral = '#706f9b';
88
-
89
- export const colorNeutralLighter = '#d3d2e0';
87
+ export const colorNeutral = '#706F9B';
90
88
 
91
89
  export const colorNeutralLightest = '#f1f1f5';
92
90
 
93
- export const colorNeutralLight = '#bdbdd1';
91
+ export const colorNeutralLight = '#D3D2E0';
94
92
 
95
- export const colorNeutralDark = '#504f6e';
93
+ export const colorNeutralDark = '#504F6E';
96
94
 
97
95
  export const colorNeutralDarkest = '#2C2C47';
98
96
 
99
97
  export const colorSuccess = '#03964d';
100
98
 
101
- export const colorSuccessLighter = '#b1dec8';
102
-
103
99
  export const colorSuccessLightest = '#e6f5ed';
104
100
 
105
101
  export const colorSuccessLight = '#8bcfad';
@@ -110,8 +106,6 @@ export const colorSuccessDarkest = '#013f20';
110
106
 
111
107
  export const colorInformation = '#0769f0';
112
108
 
113
- export const colorInformationLighter = '#b2d1fa';
114
-
115
109
  export const colorInformationLightest = '#e6f0fe';
116
110
 
117
111
  export const colorInformationLight = '#8dbaf8';
@@ -122,8 +116,6 @@ export const colorInformationDarkest = '#032c65';
122
116
 
123
117
  export const colorWarning = '#df7e0c';
124
118
 
125
- export const colorWarningLighter = '#f5d7b4';
126
-
127
119
  export const colorWarningLightest = '#fcf2e7';
128
120
 
129
121
  export const colorWarningLight = '#f0c48f';
@@ -134,8 +126,6 @@ export const colorWarningDarkest = '#5e3505';
134
126
 
135
127
  export const colorDanger = '#e31c4c';
136
128
 
137
- export const colorDangerLighter = '#f6b9c8';
138
-
139
129
  export const colorDangerLightest = '#fce8ed';
140
130
 
141
131
  export const colorDangerLight = '#f297ad';
package/lib/types/typography.js CHANGED
@@ -10,7 +10,7 @@ const TEXT_COLORS = Object.freeze({
10
10
  secondary: 'secondary',
11
11
  tertiary: 'tertiary',
12
12
  disabled: 'disabled',
13
- selected: 'selected',
13
+ clickable: 'clickable',
14
14
  neutral: 'neutral',
15
15
  success: 'success',
16
16
  information: 'information',
package/lib/types/typography.js.flow CHANGED
@@ -5,7 +5,7 @@ export const TEXT_COLORS = Object.freeze({
5
5
  secondary: 'secondary',
6
6
  tertiary: 'tertiary',
7
7
  disabled: 'disabled',
8
- selected: 'selected',
8
+ clickable: 'clickable',
9
9
  neutral: 'neutral',
10
10
  success: 'success',
11
11
  information: 'information',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/ui-design-system",
3
- "version": "0.0.9",
3
+ "version": "0.0.10",
4
4
  "main": "index.js",
5
5
  "description": "Sense UI components library",
6
6
  "author": {