@symbo.ls/default-config 2.11.221 → 2.11.237

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/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@symbo.ls/default-config",
3
- "version": "2.11.221",
3
+ "version": "2.11.237",
4
4
  "source": "src/index.js",
5
5
  "main": "src/index.js",
6
6
  "dependencies": {
7
7
  "@symbo.ls/default-icons": "latest"
8
8
  },
9
9
  "license": "MIT",
10
- "gitHead": "edd135dc40621879b35493003ab88891e407db03"
10
+ "gitHead": "e2d0c518a5b969d0c0924afd284b2f7f63b6a214"
11
11
  }
package/src/color.js CHANGED
@@ -23,10 +23,15 @@ export const COLOR = {
23
23
  }
24
24
 
25
25
  export const GRADIENT = {
26
- 'gradient-blue': `linear-gradient(to right,
26
+ 'gradient-blue-light': `linear-gradient(to right,
27
27
  rgba(4, 116, 242, 1),
28
28
  rgba(0, 48, 103, 1)
29
29
  )`,
30
+ 'gradient-blue-dark': `linear-gradient(to right,
31
+ #0474F2,
32
+ #003067
33
+ )`,
34
+
30
35
  'gradient-dark': `linear-gradient(0deg,
31
36
  rgba(0,0,0,0.06) 0%,
32
37
  rgba(0,0,0,0.07) 100%
package/src/font.js CHANGED
@@ -4,7 +4,6 @@ export const FONT = {}
4
4
 
5
5
  export const FONT_FAMILY = {
6
6
  system: {
7
- isDefault: true,
8
7
  value: ['"Helvetica Neue"', 'Helvetica', 'Arial'],
9
8
  type: 'sans-serif'
10
9
  }
package/src/theme.js CHANGED
@@ -108,8 +108,10 @@ const PRIORITIES = {
108
108
  background: 'gradient-dark-active'
109
109
  }
110
110
  }
111
- },
111
+ }
112
+ }
112
113
 
114
+ const STATES = {
113
115
  alert: {
114
116
  '@dark': {
115
117
  color: 'white',
@@ -134,6 +136,53 @@ const PRIORITIES = {
134
136
  const UI = {
135
137
  field: '--tertiary',
136
138
 
139
+ label: {
140
+ '@dark': {
141
+ color: 'white',
142
+ background: 'gray .92 +8'
143
+ },
144
+
145
+ '@light': {
146
+ background: 'gray .1'
147
+ },
148
+
149
+ '.light': {
150
+ color: 'white',
151
+ background: 'gray3'
152
+ },
153
+
154
+ '.dark': {
155
+ color: 'white',
156
+ background: 'black .35'
157
+ }
158
+ },
159
+
160
+ card: {
161
+ '@dark': {
162
+ color: 'white',
163
+ background: 'gray .92 +8'
164
+ },
165
+
166
+ '@light': {
167
+ background: 'gray .1'
168
+ },
169
+
170
+ '.child': {
171
+ color: 'white',
172
+ background: 'gray3'
173
+ },
174
+
175
+ '.secondary': {
176
+ color: 'white',
177
+ background: 'gradient-blue-dark',
178
+
179
+ '.child': {
180
+ color: 'white',
181
+ background: 'black .35'
182
+ }
183
+ }
184
+ },
185
+
137
186
  dialog: {
138
187
  '@dark': {
139
188
  color: 'white',
@@ -163,7 +212,7 @@ export const THEME = {
163
212
  },
164
213
 
165
214
  ...PRIORITIES,
166
-
215
+ ...STATES,
167
216
  ...UI,
168
217
 
169
218
  none: {