@indico-data/design-system 1.0.34 → 1.0.36
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.
- package/lib/index.d.ts +4 -0
- package/lib/index.esm.js +4 -3
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +4 -3
- package/lib/index.js.map +1 -1
- package/lib/tokens/colors.d.ts +4 -0
- package/package.json +1 -1
- package/src/styles/globals/forms.ts +0 -3
- package/src/tokens/colors.ts +4 -0
package/lib/index.js
CHANGED
|
@@ -126,11 +126,13 @@ const allColors = {
|
|
|
126
126
|
baliHai: '#8498b6',
|
|
127
127
|
black: '#000',
|
|
128
128
|
blueBayoux: '#4f5e74',
|
|
129
|
+
blueDarknut: '#0070f5',
|
|
129
130
|
blueMagenta: '#542f9d',
|
|
130
131
|
blueRibbon: '#0b35ff',
|
|
131
132
|
blueYonder: '#586fd2',
|
|
132
133
|
bouqet: '#a35c9a',
|
|
133
134
|
brick: '#c62828',
|
|
135
|
+
brightDusk: '#efebf7',
|
|
134
136
|
brown: '#785349',
|
|
135
137
|
candyCorn: '#fcef4d',
|
|
136
138
|
carnation: '#ff8adf',
|
|
@@ -208,12 +210,14 @@ const allColors = {
|
|
|
208
210
|
red: '#f95359',
|
|
209
211
|
robinsEggBlue: '#00bcd4',
|
|
210
212
|
romanSilver: '#7d888d',
|
|
213
|
+
sagatPurple: '#6833d0',
|
|
211
214
|
salem: '#03832e',
|
|
212
215
|
sapGreen: '#5f7e20',
|
|
213
216
|
seaGreen: '#0b8a51',
|
|
214
217
|
seance: '#7f1f82',
|
|
215
218
|
shiraz: '#c61021',
|
|
216
219
|
sinopia: '#D14200',
|
|
220
|
+
slaaneshGrey: '#dbd5e6',
|
|
217
221
|
tangerine: '#ff9900',
|
|
218
222
|
teal: '#008285',
|
|
219
223
|
toast: '#997862',
|
|
@@ -7159,12 +7163,9 @@ const Forms = styled.createGlobalStyle `
|
|
|
7159
7163
|
input:not([type]),
|
|
7160
7164
|
textarea {
|
|
7161
7165
|
appearance: none;
|
|
7162
|
-
background-color: ${allColors.clay};
|
|
7163
|
-
border: ${allColors.clay};
|
|
7164
7166
|
border-radius: 2px;
|
|
7165
7167
|
box-shadow: ${formBoxShadow};
|
|
7166
7168
|
box-sizing: border-box;
|
|
7167
|
-
color: ${allColors.defaultFontColor};
|
|
7168
7169
|
margin-bottom: ${typography.spacing.half};
|
|
7169
7170
|
padding: ${typography.spacing.third};
|
|
7170
7171
|
transition: border-color ${animation.duration} ${animation.timing};
|