@officesdk/design 0.1.22 → 0.1.23

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 (9) hide show
  1. package/dist/components/cjs/index.js +2 -2
  2. package/dist/components/cjs/index.js.map +1 -1
  3. package/dist/components/esm/index.js +2 -2
  4. package/dist/components/esm/index.js.map +1 -1
  5. package/dist/theme/cjs/index.js +37 -37
  6. package/dist/theme/cjs/index.js.map +1 -1
  7. package/dist/theme/esm/index.js +37 -37
  8. package/dist/theme/esm/index.js.map +1 -1
  9. package/package.json +1 -1
package/dist/theme/cjs/index.js CHANGED
@@ -306,10 +306,10 @@ var button = {
306
306
  boxShadowHover: "none",
307
307
  boxShadowActive: "none",
308
308
  boxShadowDisabled: "none",
309
- borderColor: "transparent",
310
- borderColorHover: "transparent",
311
- borderColorActive: "transparent",
312
- borderColorDisabled: "transparent",
309
+ borderColor: colors.palettes.transparency["10"],
310
+ borderColorHover: colors.palettes.transparency["20"],
311
+ borderColorActive: colors.palettes.transparency["30"],
312
+ borderColorDisabled: colors.palettes.transparency["10"],
313
313
  fontWeight: 500,
314
314
  colorHover: colors.palettes.gray["0"],
315
315
  colorActive: colors.palettes.gray["0"],
@@ -325,10 +325,10 @@ var button = {
325
325
  boxShadowHover: "none",
326
326
  boxShadowActive: "none",
327
327
  boxShadowDisabled: "none",
328
- borderColor: "transparent",
329
- borderColorHover: "transparent",
330
- borderColorActive: "transparent",
331
- borderColorDisabled: "transparent",
328
+ borderColor: colors.palettes.transparency["10"],
329
+ borderColorHover: colors.palettes.transparency["20"],
330
+ borderColorActive: colors.palettes.transparency["30"],
331
+ borderColorDisabled: colors.palettes.transparency["10"],
332
332
  fontWeight: 500,
333
333
  colorHover: colors.palettes.gray["0"],
334
334
  colorActive: colors.palettes.gray["0"],
@@ -344,10 +344,10 @@ var button = {
344
344
  boxShadowHover: "none",
345
345
  boxShadowActive: "none",
346
346
  boxShadowDisabled: "none",
347
- borderColor: "transparent",
348
- borderColorHover: "transparent",
349
- borderColorActive: "transparent",
350
- borderColorDisabled: "transparent",
347
+ borderColor: colors.palettes.transparency["10"],
348
+ borderColorHover: colors.palettes.transparency["20"],
349
+ borderColorActive: colors.palettes.transparency["30"],
350
+ borderColorDisabled: colors.palettes.transparency["10"],
351
351
  fontWeight: 500,
352
352
  colorHover: colors.palettes.gray["0"],
353
353
  colorActive: colors.palettes.gray["0"],
@@ -370,9 +370,9 @@ var button = {
370
370
  borderColorActive: colors.palettes.transparency["30"],
371
371
  borderColorDisabled: colors.palettes.transparency["10"],
372
372
  fontWeight: 500,
373
- colorHover: colors.palettes.gray["0"],
374
- colorActive: colors.palettes.gray["0"],
375
- colorDisabled: colors.palettes.gray["0"]
373
+ colorHover: colors.palettes.brand,
374
+ colorActive: colors.palettes.brand,
375
+ colorDisabled: colors.palettes.transparency["30"]
376
376
  },
377
377
  guidance: {
378
378
  background: `linear-gradient(0deg, ${colors.palettes.gray["5"]} 0%, ${colors.palettes.gray["0"]} 100%)`,
@@ -389,9 +389,9 @@ var button = {
389
389
  borderColorActive: colors.palettes.transparency["30"],
390
390
  borderColorDisabled: colors.palettes.transparency["10"],
391
391
  fontWeight: 500,
392
- colorHover: colors.palettes.gray["0"],
393
- colorActive: colors.palettes.gray["0"],
394
- colorDisabled: colors.palettes.gray["0"]
392
+ colorHover: colors.palettes.blue["6"],
393
+ colorActive: colors.palettes.blue["6"],
394
+ colorDisabled: colors.palettes.transparency["30"]
395
395
  },
396
396
  alert: {
397
397
  background: `linear-gradient(0deg, ${colors.palettes.gray["5"]} 0%, ${colors.palettes.gray["0"]} 100%)`,
@@ -408,9 +408,9 @@ var button = {
408
408
  borderColorActive: colors.palettes.transparency["30"],
409
409
  borderColorDisabled: colors.palettes.transparency["10"],
410
410
  fontWeight: 500,
411
- colorHover: colors.palettes.gray["0"],
412
- colorActive: colors.palettes.gray["0"],
413
- colorDisabled: colors.palettes.gray["0"]
411
+ colorHover: colors.palettes.red["6"],
412
+ colorActive: colors.palettes.red["6"],
413
+ colorDisabled: colors.palettes.transparency["30"]
414
414
  }
415
415
  },
416
416
  text: {
@@ -429,14 +429,14 @@ var button = {
429
429
  borderColorActive: "transparent",
430
430
  borderColorDisabled: "transparent",
431
431
  fontWeight: 500,
432
- colorHover: colors.palettes.gray["0"],
433
- colorActive: colors.palettes.gray["0"],
434
- colorDisabled: colors.palettes.gray["0"]
432
+ colorHover: colors.palettes.brand,
433
+ colorActive: colors.palettes.brand,
434
+ colorDisabled: colors.palettes.transparency["30"]
435
435
  },
436
436
  guidance: {
437
437
  background: "transparent",
438
- backgroundHover: colors.palettes.blue["1"],
439
- backgroundActive: colors.palettes.blue["2"],
438
+ backgroundHover: colors.palettes.transparency["5"],
439
+ backgroundActive: colors.palettes.transparency["10"],
440
440
  backgroundDisabled: "transparent",
441
441
  color: colors.palettes.blue["6"],
442
442
  boxShadow: "none",
@@ -448,14 +448,14 @@ var button = {
448
448
  borderColorActive: "transparent",
449
449
  borderColorDisabled: "transparent",
450
450
  fontWeight: 500,
451
- colorHover: colors.palettes.gray["0"],
452
- colorActive: colors.palettes.gray["0"],
453
- colorDisabled: colors.palettes.gray["0"]
451
+ colorHover: colors.palettes.blue["6"],
452
+ colorActive: colors.palettes.blue["6"],
453
+ colorDisabled: colors.palettes.transparency["30"]
454
454
  },
455
455
  alert: {
456
456
  background: "transparent",
457
- backgroundHover: colors.palettes.red["1"],
458
- backgroundActive: colors.palettes.red["2"],
457
+ backgroundHover: colors.palettes.transparency["5"],
458
+ backgroundActive: colors.palettes.transparency["10"],
459
459
  backgroundDisabled: "transparent",
460
460
  color: colors.palettes.red["6"],
461
461
  boxShadow: "none",
@@ -467,9 +467,9 @@ var button = {
467
467
  borderColorActive: "transparent",
468
468
  borderColorDisabled: "transparent",
469
469
  fontWeight: 500,
470
- colorHover: colors.palettes.gray["0"],
471
- colorActive: colors.palettes.gray["0"],
472
- colorDisabled: colors.palettes.gray["0"]
470
+ colorHover: colors.palettes.red["6"],
471
+ colorActive: colors.palettes.red["6"],
472
+ colorDisabled: colors.palettes.transparency["30"]
473
473
  },
474
474
  status: {
475
475
  background: colors.palettes.blue["1"],
@@ -486,9 +486,9 @@ var button = {
486
486
  borderColorActive: "transparent",
487
487
  borderColorDisabled: "transparent",
488
488
  fontWeight: 500,
489
- colorHover: colors.palettes.gray["0"],
490
- colorActive: colors.palettes.gray["0"],
491
- colorDisabled: colors.palettes.gray["0"]
489
+ colorHover: colors.palettes.blue["6"],
490
+ colorActive: colors.palettes.blue["6"],
491
+ colorDisabled: colors.palettes.transparency["60"]
492
492
  }
493
493
  },
494
494
  small: {