frappe-ui 0.1.78 → 0.1.80

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,6 +1,6 @@
1
1
  {
2
2
  "name": "frappe-ui",
3
- "version": "0.1.78",
3
+ "version": "0.1.80",
4
4
  "description": "A set of components and utilities for rapid UI development",
5
5
  "main": "./src/index.js",
6
6
  "scripts": {
@@ -462,8 +462,8 @@ function themedCssVariables() {
462
462
  '--surface-cards': darkModeColors.gray[800],
463
463
  '--surface-cyan-1': darkModeColors.cyan[900],
464
464
  '--surface-gray-1': darkModeColors.gray[700],
465
- '--surface-gray-2': whiteOverlay[50],
466
- '--surface-gray-3': whiteOverlay[100],
465
+ '--surface-gray-2': darkModeColors.gray[650],
466
+ '--surface-gray-3': darkModeColors.gray[600],
467
467
  '--surface-gray-4': darkModeColors.gray[500],
468
468
  '--surface-gray-5': darkModeColors.gray[100],
469
469
  '--surface-gray-6': darkModeColors.gray[200],
@@ -210,9 +210,6 @@ module.exports = plugin(
210
210
  textColor: {
211
211
  ink: semanticColors.ink,
212
212
  },
213
- borderColor: {
214
- outline: semanticColors.outline,
215
- },
216
213
  backgroundColor: {
217
214
  surface: semanticColors.surface,
218
215
  },
@@ -222,6 +219,13 @@ module.exports = plugin(
222
219
  stroke: {
223
220
  ink: semanticColors.ink,
224
221
  },
222
+ borderColor: (theme) => ({
223
+ DEFAULT: theme('colors.gray.200'),
224
+ outline: semanticColors.outline,
225
+ }),
226
+ ringColor: {
227
+ outline: semanticColors.outline,
228
+ },
225
229
  spacing: {
226
230
  4.5: '1.125rem',
227
231
  5.5: '1.375rem',
@@ -253,9 +257,6 @@ module.exports = plugin(
253
257
  maxHeight: {
254
258
  52: '13rem',
255
259
  },
256
- borderColor: (theme) => ({
257
- DEFAULT: theme('colors.gray.200'),
258
- }),
259
260
  typography: (theme) => ({
260
261
  DEFAULT: {
261
262
  css: {