@zipify/wysiwyg 2.5.6 → 2.6.0-1

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 (26) hide show
  1. package/dist/cli.js +1 -1
  2. package/dist/wysiwyg.css +39 -43
  3. package/dist/wysiwyg.mjs +38 -167
  4. package/lib/components/base/Button.vue +0 -6
  5. package/lib/components/base/dropdown/Dropdown.vue +1 -7
  6. package/lib/components/base/dropdown/DropdownActivator.vue +0 -20
  7. package/lib/components/base/dropdown/__tests__/DropdownActivator.test.js +1 -23
  8. package/lib/components/toolbar/controls/AlignmentControl.vue +1 -11
  9. package/lib/components/toolbar/controls/FontColorControl.vue +0 -13
  10. package/lib/components/toolbar/controls/FontFamilyControl.vue +0 -4
  11. package/lib/components/toolbar/controls/FontSizeControl.vue +0 -4
  12. package/lib/components/toolbar/controls/FontWeightControl.vue +0 -4
  13. package/lib/components/toolbar/controls/ItalicControl.vue +0 -13
  14. package/lib/components/toolbar/controls/LineHeightControl.vue +0 -13
  15. package/lib/components/toolbar/controls/StylePresetControl.vue +10 -1
  16. package/lib/components/toolbar/controls/UnderlineControl.vue +0 -12
  17. package/lib/components/toolbar/controls/__tests__/AlignmentControl.test.js +1 -43
  18. package/lib/components/toolbar/controls/__tests__/FontColorControl.test.js +1 -22
  19. package/lib/components/toolbar/controls/__tests__/FontFamilyControl.test.js +0 -1
  20. package/lib/components/toolbar/controls/__tests__/FontSizeControl.test.js +0 -1
  21. package/lib/components/toolbar/controls/__tests__/FontWeightControl.test.js +0 -1
  22. package/lib/components/toolbar/controls/__tests__/ItalicControl.test.js +1 -23
  23. package/lib/components/toolbar/controls/__tests__/LineHeightControl.test.js +1 -23
  24. package/lib/components/toolbar/controls/__tests__/UnderlineControl.test.js +1 -25
  25. package/package.json +1 -1
  26. package/lib/assets/icons/indicator.svg +0 -4
package/dist/wysiwyg.css CHANGED
@@ -23,7 +23,7 @@
23
23
  padding: var(--zw-offset-xxs) var(--zw-offset-xs);
24
24
  }
25
25
 
26
- .zw-button[data-v-1ea5f7a2] {
26
+ .zw-button[data-v-562f4e4a] {
27
27
  display: inline-flex;
28
28
  align-items: center;
29
29
  vertical-align: middle;
@@ -43,21 +43,21 @@
43
43
  transition: 0.1s opacity ease-out;
44
44
  will-change: opacity;
45
45
  }
46
- .zw-button[data-v-1ea5f7a2]::-moz-focus-inner {
46
+ .zw-button[data-v-562f4e4a]::-moz-focus-inner {
47
47
  border: 0 !important;
48
48
  }
49
- .zw-button[data-v-1ea5f7a2]:hover,
50
- .zw-button[data-v-1ea5f7a2]:focus {
49
+ .zw-button[data-v-562f4e4a]:hover,
50
+ .zw-button[data-v-562f4e4a]:focus {
51
51
  text-decoration: none;
52
52
  outline: none;
53
53
  }
54
- .zw-button[data-v-1ea5f7a2]:disabled {
54
+ .zw-button[data-v-562f4e4a]:disabled {
55
55
  user-select: none;
56
56
  box-shadow: none;
57
57
  cursor: not-allowed;
58
58
  opacity: 0.35;
59
59
  }
60
- .zw-button--toolbar[data-v-1ea5f7a2] {
60
+ .zw-button--toolbar[data-v-562f4e4a] {
61
61
  border-radius: 1px;
62
62
  min-height: 28px;
63
63
  font-weight: var(--zw-font-weight-semibold);
@@ -67,37 +67,32 @@
67
67
  transition-property: background-color, color, opacity;
68
68
  will-change: background-color, color, opacity;
69
69
  }
70
- .zw-button--primary[data-v-1ea5f7a2] {
70
+ .zw-button--primary[data-v-562f4e4a] {
71
71
  background-color: rgb(var(--zw-color-green));
72
72
  color: rgb(var(--zw-color-white));
73
73
  padding: var(--zw-offset-xxs) var(--zw-offset-sm);
74
74
  line-height: var(--zw-line-height-md);
75
75
  }
76
- .zw-button--primary[data-v-1ea5f7a2],
77
- .zw-button--secondary[data-v-1ea5f7a2] {
76
+ .zw-button--primary[data-v-562f4e4a],
77
+ .zw-button--secondary[data-v-562f4e4a] {
78
78
  color: rgb(var(--zw-color-white));
79
79
  padding: var(--zw-offset-xxs) var(--zw-offset-sm);
80
80
  font-weight: 600;
81
81
  font-size: var(--zw-font-size-xs);
82
82
  }
83
- .zw-button--primary[data-v-1ea5f7a2]:not(:disabled):hover,
84
- .zw-button--secondary[data-v-1ea5f7a2]:not(:disabled):hover {
83
+ .zw-button--primary[data-v-562f4e4a]:not(:disabled):hover,
84
+ .zw-button--secondary[data-v-562f4e4a]:not(:disabled):hover {
85
85
  opacity: 0.9;
86
86
  }
87
- .zw-button--toolbar[data-v-1ea5f7a2]:not(.zw-button--icon) {
87
+ .zw-button--toolbar[data-v-562f4e4a]:not(.zw-button--icon) {
88
88
  padding: var(--zw-offset-xxs) var(--zw-offset-xs);
89
89
  }
90
- .zw-button--toolbar[data-v-1ea5f7a2]:not(:disabled):hover,
91
- .zw-button--toolbar[data-v-1ea5f7a2]:not(:disabled):focus,
92
- .zw-button--toolbar.zw-button--active[data-v-1ea5f7a2]:not(:disabled) {
90
+ .zw-button--toolbar[data-v-562f4e4a]:not(:disabled):hover,
91
+ .zw-button--toolbar[data-v-562f4e4a]:not(:disabled):focus,
92
+ .zw-button--toolbar.zw-button--active[data-v-562f4e4a]:not(:disabled) {
93
93
  color: rgb(var(--zw-color-white));
94
94
  background-color: rgb(var(--zw-color-n5));
95
95
  }
96
- .zw-button__customized-indicator[data-v-1ea5f7a2] {
97
- position: absolute;
98
- top: 0;
99
- right: 2px;
100
- }
101
96
 
102
97
  .zw-button-toggle[data-v-a02f12aa] {
103
98
  display: flex;
@@ -460,24 +455,20 @@
460
455
  font-size: var(--zw-font-size-xs);
461
456
  }
462
457
 
463
- .zw-dropdown__activator[data-v-0f1c87fd] {
458
+ .zw-dropdown__activator[data-v-eeca926a] {
464
459
  width: 100%;
465
460
  }
466
- .zw-dropdown__activator-arrow[data-v-0f1c87fd] {
461
+ .zw-dropdown__activator-arrow[data-v-eeca926a] {
467
462
  margin-left: auto;
468
463
  }
469
- .zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-0f1c87fd] {
464
+ .zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-eeca926a] {
470
465
  transform: rotateX(180deg);
471
466
  }
472
- .zw-dropdown__activator--gray[data-v-0f1c87fd] {
467
+ .zw-dropdown__activator--gray[data-v-eeca926a] {
473
468
  background-color: rgb(var(--zw-color-n20));
474
469
  font-size: var(--zw-font-size-xxs);
475
470
  color: rgb(var(--zw-color-white));
476
471
  }
477
- .zw-dropdown__customized-indicator[data-v-0f1c87fd] {
478
- position: relative;
479
- top: calc(0px - var(--zw-offset-xs));
480
- }
481
472
 
482
473
  .zw-dropdown__option[data-v-1355d08c] {
483
474
  width: 100%;
@@ -525,56 +516,61 @@
525
516
  padding-bottom: var(--zw-offset-xs);
526
517
  }
527
518
 
528
- .zw-dropdown[data-v-29e6a104] {
519
+ .zw-dropdown[data-v-885109ea] {
529
520
  position: relative;
530
521
  font-size: var(--zw-font-size-xs);
531
522
  line-height: var(--zw-line-height-xxs);
532
523
  }
533
524
 
534
- .zw-style-preset-control[data-v-5983cfee] {
525
+ .zw-style-preset-control[data-v-3739e310] {
535
526
  display: flex;
536
527
  align-items: center;
537
528
  }
538
- .zw-style-preset-control__dropdown[data-v-5983cfee] {
529
+ .zw-style-preset-control__dropdown[data-v-3739e310] {
539
530
  width: 96px;
540
531
  }
541
- .zw-style-preset-control__reset[data-v-5983cfee] {
532
+ .zw-style-preset-control__reset[data-v-3739e310] {
542
533
  color: rgb(var(--zw-color-n70));
534
+ background-color: rgb(var(--zw-color-n20));
535
+ }
536
+ .zw-style-preset-control__reset[data-v-3739e310]:disabled {
537
+ background-color: transparent;
543
538
  }
544
- .zw-style-preset-control__reset[data-v-5983cfee]:not(:disabled):hover,
545
- .zw-style-preset-control__reset[data-v-5983cfee]:not(:disabled):focus,
546
- .zw-style-preset-control__reset[data-v-5983cfee]:not(:disabled):focus-within {
539
+ .zw-style-preset-control__reset[data-v-3739e310]:not(:disabled):hover,
540
+ .zw-style-preset-control__reset[data-v-3739e310]:not(:disabled):focus,
541
+ .zw-style-preset-control__reset[data-v-3739e310]:not(:disabled):focus-within {
547
542
  color: rgb(var(--zw-color-white));
543
+ background-color: rgb(var(--zw-color-n30));
548
544
  }
549
545
 
550
- .zw-font-family-control[data-v-5f8e49dc] {
546
+ .zw-font-family-control[data-v-07a47462] {
551
547
  width: 96px;
552
548
  }
553
- .zw-font-family-control__option[data-v-5f8e49dc] {
549
+ .zw-font-family-control__option[data-v-07a47462] {
554
550
  font-weight: 400;
555
551
  font-family: var(--zw-font-family-option);
556
552
  width: 150px;
557
553
  }
558
554
 
559
- .zw-font-weight-control[data-v-00378d67] {
555
+ .zw-font-weight-control[data-v-dbb38600] {
560
556
  width: 60px;
561
557
  }
562
558
 
563
- .zw-font-size-control[data-v-13bfe2fe] {
559
+ .zw-font-size-control[data-v-6b3c7f37] {
564
560
  width: 72px;
565
561
  }
566
562
 
567
- .zw-line-height-control__modal[data-v-2f58c40f] {
563
+ .zw-line-height-control__modal[data-v-1fcd599c] {
568
564
  padding: var(--zw-offset-sm);
569
565
  }
570
- .zw-line-height-control__row[data-v-2f58c40f] {
566
+ .zw-line-height-control__row[data-v-1fcd599c] {
571
567
  display: flex;
572
568
  align-items: center;
573
569
  }
574
- .zw-line-height-control__range[data-v-2f58c40f] {
570
+ .zw-line-height-control__range[data-v-1fcd599c] {
575
571
  width: 156px;
576
572
  }
577
- .zw-line-height-control__field[data-v-2f58c40f] {
573
+ .zw-line-height-control__field[data-v-1fcd599c] {
578
574
  width: 64px;
579
575
  margin-left: var(--zw-offset-sm);
580
576
  }