@cgboiler/biz-basic 1.0.67 → 1.0.68

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 (59) hide show
  1. package/es/index.d.ts +1 -1
  2. package/es/index.js +1 -1
  3. package/es/rich-text-editor/RichTextEditor.js +3 -0
  4. package/es/rich-text-editor/index.css +1 -1
  5. package/es/rich-text-editor/index.less +437 -436
  6. package/es/rich-text-editor/lib/utils.d.ts +123 -0
  7. package/es/rich-text-editor/lib/utils.js +244 -0
  8. package/es/rich-text-editor/menu-system/components/_atomic.css +2 -0
  9. package/es/rich-text-editor/menu-system/components/table-dropdown-menu.d.ts +25 -0
  10. package/es/rich-text-editor/menu-system/components/table-dropdown-menu.js +167 -0
  11. package/es/rich-text-editor/menu-system/icons/index.d.ts +13 -0
  12. package/es/rich-text-editor/menu-system/icons/index.js +26 -0
  13. package/es/rich-text-editor/menu-system/styles/animations.less +91 -91
  14. package/es/rich-text-editor/menu-system/styles/button-colors.less +142 -142
  15. package/es/rich-text-editor/menu-system/styles/button-group.less +23 -23
  16. package/es/rich-text-editor/menu-system/styles/button.less +322 -322
  17. package/es/rich-text-editor/menu-system/styles/card.less +78 -78
  18. package/es/rich-text-editor/menu-system/styles/color-highlight-button.less +57 -57
  19. package/es/rich-text-editor/menu-system/styles/color-highlight-popover.less +51 -51
  20. package/es/rich-text-editor/menu-system/styles/dropdown-menu.less +40 -40
  21. package/es/rich-text-editor/menu-system/styles/image-upload-node.less +240 -240
  22. package/es/rich-text-editor/menu-system/styles/input.less +53 -53
  23. package/es/rich-text-editor/menu-system/styles/link-popover.less +32 -32
  24. package/es/rich-text-editor/menu-system/styles/separator.less +26 -26
  25. package/es/rich-text-editor/menu-system/styles/simple-editor.less +39 -39
  26. package/es/rich-text-editor/menu-system/styles/toolbar.less +87 -87
  27. package/es/rich-text-editor/menu-system/styles/variables.less +294 -294
  28. package/es/vue-sfc-shim.d.ts +6 -6
  29. package/es/vue-tsx-shim.d.ts +24 -24
  30. package/lib/index.d.ts +1 -1
  31. package/lib/index.js +1 -1
  32. package/lib/rich-text-editor/RichTextEditor.js +3 -0
  33. package/lib/rich-text-editor/index.css +1 -1
  34. package/lib/rich-text-editor/index.less +437 -436
  35. package/lib/rich-text-editor/lib/utils.d.ts +123 -0
  36. package/lib/rich-text-editor/lib/utils.js +263 -0
  37. package/lib/rich-text-editor/menu-system/components/_atomic.css +2 -0
  38. package/lib/rich-text-editor/menu-system/components/table-dropdown-menu.d.ts +25 -0
  39. package/lib/rich-text-editor/menu-system/components/table-dropdown-menu.js +186 -0
  40. package/lib/rich-text-editor/menu-system/icons/index.d.ts +13 -0
  41. package/lib/rich-text-editor/menu-system/icons/index.js +26 -0
  42. package/lib/rich-text-editor/menu-system/styles/animations.less +91 -91
  43. package/lib/rich-text-editor/menu-system/styles/button-colors.less +142 -142
  44. package/lib/rich-text-editor/menu-system/styles/button-group.less +23 -23
  45. package/lib/rich-text-editor/menu-system/styles/button.less +322 -322
  46. package/lib/rich-text-editor/menu-system/styles/card.less +78 -78
  47. package/lib/rich-text-editor/menu-system/styles/color-highlight-button.less +57 -57
  48. package/lib/rich-text-editor/menu-system/styles/color-highlight-popover.less +51 -51
  49. package/lib/rich-text-editor/menu-system/styles/dropdown-menu.less +40 -40
  50. package/lib/rich-text-editor/menu-system/styles/image-upload-node.less +240 -240
  51. package/lib/rich-text-editor/menu-system/styles/input.less +53 -53
  52. package/lib/rich-text-editor/menu-system/styles/link-popover.less +32 -32
  53. package/lib/rich-text-editor/menu-system/styles/separator.less +26 -26
  54. package/lib/rich-text-editor/menu-system/styles/simple-editor.less +39 -39
  55. package/lib/rich-text-editor/menu-system/styles/toolbar.less +87 -87
  56. package/lib/rich-text-editor/menu-system/styles/variables.less +294 -294
  57. package/lib/vue-sfc-shim.d.ts +6 -6
  58. package/lib/vue-tsx-shim.d.ts +24 -24
  59. package/package.json +1 -1
@@ -1,78 +1,78 @@
1
- @import './variables.less';
2
-
3
- :root {
4
- --tiptap-card-bg-color: var(--white);
5
- --tiptap-card-border-color: var(--tt-gray-light-a-100);
6
- --tiptap-card-group-label-color: var(--tt-gray-light-a-800);
7
- }
8
-
9
- .dark {
10
- --tiptap-card-bg-color: var(--tt-gray-dark-50);
11
- --tiptap-card-border-color: var(--tt-gray-dark-a-100);
12
- --tiptap-card-group-label-color: var(--tt-gray-dark-a-800);
13
- }
14
-
15
- .tiptap-card {
16
- --padding: 0.375rem;
17
- --border-width: 1px;
18
-
19
- border-radius: calc(var(--padding) + var(--tt-radius-lg));
20
- box-shadow: var(--tt-shadow-elevated-md);
21
- background-color: var(--tiptap-card-bg-color);
22
- border: 1px solid var(--tiptap-card-border-color);
23
- display: flex;
24
- flex-direction: column;
25
- outline: none;
26
- align-items: center;
27
-
28
- position: relative;
29
- min-width: 0;
30
- word-wrap: break-word;
31
- background-clip: border-box;
32
- }
33
-
34
- .tiptap-card-header {
35
- padding: 0.375rem;
36
- flex: 0 0 auto;
37
- display: flex;
38
- align-items: center;
39
- justify-content: space-between;
40
- width: 100%;
41
- border-bottom: var(--border-width) solid var(--tiptap-card-border-color);
42
- }
43
-
44
- .tiptap-card-body {
45
- padding: 0.375rem;
46
- flex: 1 1 auto;
47
- overflow-y: auto;
48
- }
49
-
50
- .tiptap-card-item-group {
51
- position: relative;
52
- display: flex;
53
- vertical-align: middle;
54
- min-width: max-content;
55
-
56
- &[data-orientation="vertical"] {
57
- flex-direction: column;
58
- justify-content: center;
59
- }
60
-
61
- &[data-orientation="horizontal"] {
62
- gap: 0.25rem;
63
- flex-direction: row;
64
- align-items: center;
65
- }
66
- }
67
-
68
- .tiptap-card-group-label {
69
- padding-top: 0.75rem;
70
- padding-left: 0.5rem;
71
- padding-right: 0.5rem;
72
- padding-bottom: 0.25rem;
73
- line-height: normal;
74
- font-size: 0.75rem;
75
- font-weight: 600;
76
- text-transform: capitalize;
77
- color: var(--tiptap-card-group-label-color);
78
- }
1
+ @import './variables.less';
2
+
3
+ :root {
4
+ --tiptap-card-bg-color: var(--white);
5
+ --tiptap-card-border-color: var(--tt-gray-light-a-100);
6
+ --tiptap-card-group-label-color: var(--tt-gray-light-a-800);
7
+ }
8
+
9
+ .dark {
10
+ --tiptap-card-bg-color: var(--tt-gray-dark-50);
11
+ --tiptap-card-border-color: var(--tt-gray-dark-a-100);
12
+ --tiptap-card-group-label-color: var(--tt-gray-dark-a-800);
13
+ }
14
+
15
+ .tiptap-card {
16
+ --padding: 0.375rem;
17
+ --border-width: 1px;
18
+
19
+ border-radius: calc(var(--padding) + var(--tt-radius-lg));
20
+ box-shadow: var(--tt-shadow-elevated-md);
21
+ background-color: var(--tiptap-card-bg-color);
22
+ border: 1px solid var(--tiptap-card-border-color);
23
+ display: flex;
24
+ flex-direction: column;
25
+ outline: none;
26
+ align-items: center;
27
+
28
+ position: relative;
29
+ min-width: 0;
30
+ word-wrap: break-word;
31
+ background-clip: border-box;
32
+ }
33
+
34
+ .tiptap-card-header {
35
+ padding: 0.375rem;
36
+ flex: 0 0 auto;
37
+ display: flex;
38
+ align-items: center;
39
+ justify-content: space-between;
40
+ width: 100%;
41
+ border-bottom: var(--border-width) solid var(--tiptap-card-border-color);
42
+ }
43
+
44
+ .tiptap-card-body {
45
+ padding: 0.375rem;
46
+ flex: 1 1 auto;
47
+ overflow-y: auto;
48
+ }
49
+
50
+ .tiptap-card-item-group {
51
+ position: relative;
52
+ display: flex;
53
+ vertical-align: middle;
54
+ min-width: max-content;
55
+
56
+ &[data-orientation="vertical"] {
57
+ flex-direction: column;
58
+ justify-content: center;
59
+ }
60
+
61
+ &[data-orientation="horizontal"] {
62
+ gap: 0.25rem;
63
+ flex-direction: row;
64
+ align-items: center;
65
+ }
66
+ }
67
+
68
+ .tiptap-card-group-label {
69
+ padding-top: 0.75rem;
70
+ padding-left: 0.5rem;
71
+ padding-right: 0.5rem;
72
+ padding-bottom: 0.25rem;
73
+ line-height: normal;
74
+ font-size: 0.75rem;
75
+ font-weight: 600;
76
+ text-transform: capitalize;
77
+ color: var(--tiptap-card-group-label-color);
78
+ }
@@ -1,57 +1,57 @@
1
-
2
- @import "./variables.less";
3
-
4
- .tiptap-button-highlight {
5
- position: relative;
6
- width: 20px;
7
- height: 20px;
8
- border-radius: 9999px;
9
- background-color: var(--highlight-color);
10
- transition: transform 0.2s ease;
11
- flex-shrink: 0;
12
-
13
- &::after {
14
- content: "";
15
- position: absolute;
16
- width: 100%;
17
- height: 100%;
18
- left: 0;
19
- top: 0;
20
- border-radius: inherit;
21
- box-sizing: border-box;
22
- border: 1px solid rgba(0, 0, 0, 0.1);
23
-
24
- .dark & {
25
- border: 1px solid rgba(255, 255, 255, 0.2);
26
- }
27
- }
28
- }
29
-
30
- .tiptap-color-highlight-button {
31
- width: 32px !important;
32
- height: 32px !important;
33
- min-width: 32px !important;
34
- padding: 0 !important;
35
- border-radius: 9999px !important;
36
- }
37
-
38
-
39
- .tiptap-button {
40
- &[data-active-state="on"] {
41
- .tiptap-button-highlight {
42
- &::after {
43
- filter: brightness(80%);
44
- }
45
- }
46
- }
47
-
48
- .dark & {
49
- &[data-active-state="on"] {
50
- .tiptap-button-highlight {
51
- &::after {
52
- filter: brightness(180%);
53
- }
54
- }
55
- }
56
- }
57
- }
1
+
2
+ @import "./variables.less";
3
+
4
+ .tiptap-button-highlight {
5
+ position: relative;
6
+ width: 20px;
7
+ height: 20px;
8
+ border-radius: 9999px;
9
+ background-color: var(--highlight-color);
10
+ transition: transform 0.2s ease;
11
+ flex-shrink: 0;
12
+
13
+ &::after {
14
+ content: "";
15
+ position: absolute;
16
+ width: 100%;
17
+ height: 100%;
18
+ left: 0;
19
+ top: 0;
20
+ border-radius: inherit;
21
+ box-sizing: border-box;
22
+ border: 1px solid rgba(0, 0, 0, 0.1);
23
+
24
+ .dark & {
25
+ border: 1px solid rgba(255, 255, 255, 0.2);
26
+ }
27
+ }
28
+ }
29
+
30
+ .tiptap-color-highlight-button {
31
+ width: 32px !important;
32
+ height: 32px !important;
33
+ min-width: 32px !important;
34
+ padding: 0 !important;
35
+ border-radius: 9999px !important;
36
+ }
37
+
38
+
39
+ .tiptap-button {
40
+ &[data-active-state="on"] {
41
+ .tiptap-button-highlight {
42
+ &::after {
43
+ filter: brightness(80%);
44
+ }
45
+ }
46
+ }
47
+
48
+ .dark & {
49
+ &[data-active-state="on"] {
50
+ .tiptap-button-highlight {
51
+ &::after {
52
+ filter: brightness(180%);
53
+ }
54
+ }
55
+ }
56
+ }
57
+ }
@@ -1,51 +1,51 @@
1
- @import "./variables.less";
2
-
3
- .tiptap-color-highlight-popover-content {
4
- padding: 4px;
5
- background-color: var(--tt-bg-surface);
6
- border-radius: var(--tt-radius-lg);
7
- display: flex;
8
- align-items: center;
9
- gap: 4px;
10
- width: max-content;
11
- }
12
-
13
- .tiptap-color-highlight-grid {
14
- display: flex;
15
- gap: 4px;
16
- align-items: center;
17
- }
18
-
19
- .tiptap-color-highlight-remove-button {
20
- width: 32px;
21
- height: 32px;
22
- min-width: 32px;
23
- padding: 0;
24
- display: flex;
25
- align-items: center;
26
- justify-content: center;
27
- color: var(--tt-text-muted);
28
- border-radius: 9999px;
29
-
30
- &:hover {
31
- color: var(--tt-text-primary);
32
- background-color: var(--tt-bg-hover);
33
- }
34
-
35
- .tiptap-button-icon {
36
- width: 20px;
37
- height: 20px;
38
- }
39
- }
40
-
41
- .tiptap-color-highlight-vertical-separator {
42
- width: 1px;
43
- height: 24px;
44
- background-color: var(--tt-gray-light-200);
45
- margin: 0 4px;
46
-
47
- .dark & {
48
- background-color: var(--tt-gray-dark-200);
49
- }
50
- }
51
-
1
+ @import "./variables.less";
2
+
3
+ .tiptap-color-highlight-popover-content {
4
+ padding: 4px;
5
+ background-color: var(--tt-bg-surface);
6
+ border-radius: var(--tt-radius-lg);
7
+ display: flex;
8
+ align-items: center;
9
+ gap: 4px;
10
+ width: max-content;
11
+ }
12
+
13
+ .tiptap-color-highlight-grid {
14
+ display: flex;
15
+ gap: 4px;
16
+ align-items: center;
17
+ }
18
+
19
+ .tiptap-color-highlight-remove-button {
20
+ width: 32px;
21
+ height: 32px;
22
+ min-width: 32px;
23
+ padding: 0;
24
+ display: flex;
25
+ align-items: center;
26
+ justify-content: center;
27
+ color: var(--tt-text-muted);
28
+ border-radius: 9999px;
29
+
30
+ &:hover {
31
+ color: var(--tt-text-primary);
32
+ background-color: var(--tt-bg-hover);
33
+ }
34
+
35
+ .tiptap-button-icon {
36
+ width: 20px;
37
+ height: 20px;
38
+ }
39
+ }
40
+
41
+ .tiptap-color-highlight-vertical-separator {
42
+ width: 1px;
43
+ height: 24px;
44
+ background-color: var(--tt-gray-light-200);
45
+ margin: 0 4px;
46
+
47
+ .dark & {
48
+ background-color: var(--tt-gray-dark-200);
49
+ }
50
+ }
51
+
@@ -1,40 +1,40 @@
1
- @import './variables.less';
2
-
3
- .tiptap-dropdown-menu {
4
- --tt-dropdown-menu-bg-color: var(--white);
5
- --tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);
6
- --tt-dropdown-menu-text-color: var(--tt-gray-light-a-600);
7
-
8
- .dark & {
9
- --tt-dropdown-menu-border-color: var(--tt-gray-dark-a-50);
10
- --tt-dropdown-menu-bg-color: var(--tt-gray-dark-50);
11
- --tt-dropdown-menu-text-color: var(--tt-gray-dark-a-600);
12
- }
13
- }
14
-
15
- .tiptap-dropdown-menu {
16
- z-index: 50;
17
- outline: none;
18
- // transform-origin: var(--radix-dropdown-menu-content-transform-origin);
19
- // max-height: var(--radix-dropdown-menu-content-available-height);
20
- border-radius: var(--tt-radius-md);
21
- border: 1px solid var(--tt-dropdown-menu-border-color);
22
- background-color: var(--tt-dropdown-menu-bg-color);
23
- box-shadow: var(--tt-shadow-elevated-md);
24
- padding: 4px;
25
-
26
- /* Position-based animations (adapted from official SCSS) */
27
- &[data-state="open"] {
28
- animation: fadeIn 150ms ease, zoomIn 150ms ease;
29
- }
30
- }
31
-
32
- @keyframes fadeIn {
33
- from { opacity: 0; }
34
- to { opacity: 1; }
35
- }
36
-
37
- @keyframes zoomIn {
38
- from { transform: scale(0.95); }
39
- to { transform: scale(1); }
40
- }
1
+ @import './variables.less';
2
+
3
+ .tiptap-dropdown-menu {
4
+ --tt-dropdown-menu-bg-color: var(--white);
5
+ --tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);
6
+ --tt-dropdown-menu-text-color: var(--tt-gray-light-a-600);
7
+
8
+ .dark & {
9
+ --tt-dropdown-menu-border-color: var(--tt-gray-dark-a-50);
10
+ --tt-dropdown-menu-bg-color: var(--tt-gray-dark-50);
11
+ --tt-dropdown-menu-text-color: var(--tt-gray-dark-a-600);
12
+ }
13
+ }
14
+
15
+ .tiptap-dropdown-menu {
16
+ z-index: 50;
17
+ outline: none;
18
+ // transform-origin: var(--radix-dropdown-menu-content-transform-origin);
19
+ // max-height: var(--radix-dropdown-menu-content-available-height);
20
+ border-radius: var(--tt-radius-md);
21
+ border: 1px solid var(--tt-dropdown-menu-border-color);
22
+ background-color: var(--tt-dropdown-menu-bg-color);
23
+ box-shadow: var(--tt-shadow-elevated-md);
24
+ padding: 4px;
25
+
26
+ /* Position-based animations (adapted from official SCSS) */
27
+ &[data-state="open"] {
28
+ animation: fadeIn 150ms ease, zoomIn 150ms ease;
29
+ }
30
+ }
31
+
32
+ @keyframes fadeIn {
33
+ from { opacity: 0; }
34
+ to { opacity: 1; }
35
+ }
36
+
37
+ @keyframes zoomIn {
38
+ from { transform: scale(0.95); }
39
+ to { transform: scale(1); }
40
+ }