@syncfusion/ej2-angular-ribbon 22.2.5 → 22.2.11-ngcc

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 (106) hide show
  1. package/@syncfusion/ej2-angular-ribbon.es5.js +566 -0
  2. package/@syncfusion/ej2-angular-ribbon.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-ribbon.js +526 -0
  4. package/@syncfusion/ej2-angular-ribbon.js.map +1 -0
  5. package/CHANGELOG.md +36 -0
  6. package/dist/ej2-angular-ribbon.umd.js +710 -0
  7. package/dist/ej2-angular-ribbon.umd.js.map +1 -0
  8. package/dist/ej2-angular-ribbon.umd.min.js +11 -0
  9. package/dist/ej2-angular-ribbon.umd.min.js.map +1 -0
  10. package/ej2-angular-ribbon.d.ts +5 -0
  11. package/ej2-angular-ribbon.metadata.json +1 -0
  12. package/package.json +14 -28
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/collection.json +10 -0
  15. package/schematics/ng-add/index.d.ts +3 -0
  16. package/schematics/ng-add/index.js +9 -0
  17. package/schematics/ng-add/index.ts +10 -0
  18. package/schematics/ng-add/schema.d.ts +13 -0
  19. package/schematics/ng-add/schema.js +2 -0
  20. package/schematics/ng-add/schema.json +34 -0
  21. package/schematics/ng-add/schema.ts +30 -0
  22. package/schematics/tsconfig.json +25 -0
  23. package/schematics/utils/lib-details.d.ts +4 -0
  24. package/schematics/utils/lib-details.js +6 -0
  25. package/schematics/utils/lib-details.ts +4 -0
  26. package/src/ribbon/collections.directive.d.ts +0 -5
  27. package/src/ribbon/groups.directive.d.ts +0 -5
  28. package/src/ribbon/items.directive.d.ts +0 -5
  29. package/src/ribbon/ribbon-all.module.d.ts +0 -6
  30. package/src/ribbon/ribbon.component.d.ts +0 -3
  31. package/src/ribbon/ribbon.module.d.ts +0 -10
  32. package/src/ribbon/tabs.directive.d.ts +0 -5
  33. package/styles/material.css +1 -1
  34. package/styles/material3-dark.scss +0 -1
  35. package/styles/material3.scss +0 -1
  36. package/styles/ribbon/bootstrap-dark.scss +1 -18
  37. package/styles/ribbon/bootstrap.scss +1 -18
  38. package/styles/ribbon/bootstrap4.scss +1 -18
  39. package/styles/ribbon/bootstrap5-dark.scss +1 -18
  40. package/styles/ribbon/bootstrap5.scss +1 -18
  41. package/styles/ribbon/fabric-dark.scss +1 -18
  42. package/styles/ribbon/fabric.scss +1 -18
  43. package/styles/ribbon/fluent-dark.scss +1 -18
  44. package/styles/ribbon/fluent.scss +1 -18
  45. package/styles/ribbon/highcontrast-light.scss +1 -17
  46. package/styles/ribbon/highcontrast.scss +1 -18
  47. package/styles/ribbon/material-dark.scss +1 -18
  48. package/styles/ribbon/material.css +1 -1
  49. package/styles/ribbon/material.scss +1 -18
  50. package/styles/ribbon/material3-dark.scss +1 -18
  51. package/styles/ribbon/material3.scss +1 -18
  52. package/styles/ribbon/tailwind-dark.scss +1 -18
  53. package/styles/ribbon/tailwind.scss +1 -18
  54. package/esm2020/public_api.mjs +0 -3
  55. package/esm2020/src/index.mjs +0 -9
  56. package/esm2020/src/ribbon/collections.directive.mjs +0 -70
  57. package/esm2020/src/ribbon/groups.directive.mjs +0 -66
  58. package/esm2020/src/ribbon/items.directive.mjs +0 -78
  59. package/esm2020/src/ribbon/ribbon-all.module.mjs +0 -47
  60. package/esm2020/src/ribbon/ribbon.component.mjs +0 -120
  61. package/esm2020/src/ribbon/ribbon.module.mjs +0 -61
  62. package/esm2020/src/ribbon/tabs.directive.mjs +0 -62
  63. package/esm2020/syncfusion-ej2-angular-ribbon.mjs +0 -5
  64. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +0 -482
  65. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  66. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +0 -482
  67. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  68. package/styles/ribbon/_all.scss +0 -2
  69. package/styles/ribbon/_bootstrap-dark-definition.scss +0 -210
  70. package/styles/ribbon/_bootstrap-definition.scss +0 -210
  71. package/styles/ribbon/_bootstrap4-definition.scss +0 -210
  72. package/styles/ribbon/_bootstrap5-dark-definition.scss +0 -1
  73. package/styles/ribbon/_bootstrap5-definition.scss +0 -210
  74. package/styles/ribbon/_fabric-dark-definition.scss +0 -210
  75. package/styles/ribbon/_fabric-definition.scss +0 -210
  76. package/styles/ribbon/_fluent-dark-definition.scss +0 -1
  77. package/styles/ribbon/_fluent-definition.scss +0 -210
  78. package/styles/ribbon/_fusionnew-definition.scss +0 -210
  79. package/styles/ribbon/_highcontrast-definition.scss +0 -210
  80. package/styles/ribbon/_highcontrast-light-definition.scss +0 -210
  81. package/styles/ribbon/_layout.scss +0 -1127
  82. package/styles/ribbon/_material-dark-definition.scss +0 -210
  83. package/styles/ribbon/_material-definition.scss +0 -210
  84. package/styles/ribbon/_material3-dark-definition.scss +0 -1
  85. package/styles/ribbon/_material3-definition.scss +0 -210
  86. package/styles/ribbon/_tailwind-dark-definition.scss +0 -1
  87. package/styles/ribbon/_tailwind-definition.scss +0 -210
  88. package/styles/ribbon/_theme.scss +0 -343
  89. package/styles/ribbon/icons/_bootstrap-dark.scss +0 -9
  90. package/styles/ribbon/icons/_bootstrap.scss +0 -9
  91. package/styles/ribbon/icons/_bootstrap4.scss +0 -9
  92. package/styles/ribbon/icons/_bootstrap5-dark.scss +0 -1
  93. package/styles/ribbon/icons/_bootstrap5.scss +0 -9
  94. package/styles/ribbon/icons/_fabric-dark.scss +0 -9
  95. package/styles/ribbon/icons/_fabric.scss +0 -9
  96. package/styles/ribbon/icons/_fluent-dark.scss +0 -1
  97. package/styles/ribbon/icons/_fluent.scss +0 -9
  98. package/styles/ribbon/icons/_fusionnew.scss +0 -9
  99. package/styles/ribbon/icons/_highcontrast.scss +0 -9
  100. package/styles/ribbon/icons/_material-dark.scss +0 -9
  101. package/styles/ribbon/icons/_material.scss +0 -9
  102. package/styles/ribbon/icons/_material3-dark.scss +0 -1
  103. package/styles/ribbon/icons/_material3.scss +0 -9
  104. package/styles/ribbon/icons/_tailwind-dark.scss +0 -9
  105. package/styles/ribbon/icons/_tailwind.scss +0 -9
  106. package/syncfusion-ej2-angular-ribbon.d.ts +0 -5
@@ -1,210 +0,0 @@
1
- $ribbon-border: none !default;
2
- $ribbon-file-menu-border: none !default;
3
- $ribbon-file-menu-border-width: unset !default;
4
- $ribbon-file-menu-weight: $font-weight-normal !default;
5
- $ribbon-file-menu-size: $text-sm !default;
6
- $ribbon-file-menu-padding: 8px 8px !default;
7
- $ribbon-file-menu-height: 22px !default;
8
- $ribbon-file-menu-border-radius: unset !default;
9
- $ribbon-help-template-padding: 12px !default;
10
- $ribbon-help-template-height: 38px !default;
11
- $ribbon-help-template-border: none !default;
12
- $ribbon-toolbar-items-height: 38px !default;
13
- $ribbon-horizontal-nav-height: 38px !default;
14
- $ribbon-group-header-padding: 4px 11px 4px 11px !default;
15
- $ribbon-group-header-height: $text-base !default;
16
- $ribbon-group-header-font-size: $text-xxs !default;
17
- $ribbon-group-overflow-padding: 2px 8px !default;
18
- $ribbon-group-content-padding: 0 8px !default;
19
- $ribbon-group-content-height: 90px !default;
20
- $ribbon-group-overflow-height: 90px !default;
21
- $ribbon-group-header-margin: 20px !default;
22
- $ribbon-group-content-margin: 20px !default;
23
- $ribbon-group-padding: 6px !default;
24
- $ribbon-group-height: 120px !default;
25
- $ribbon-simplified-group-padding: 1px !default;
26
- $ribbon-simplified-group-content-padding: 0 5px 0 4px !default;
27
- $ribbon-simplified-group-content-height: 32px !default;
28
- $ribbon-collapse-btn-padding: 2px !default;
29
- $ribbon-collapse-btn-height: 12px !default;
30
- $ribbon-collapse-btn-font-weight: $font-weight-normal !default;
31
- $ribbon-collapsible-content-width: 20px !default;
32
- $ribbon-overflow-btn-content-width: 40px !default;
33
- $ribbon-overflow-btn-font-weight: $font-weight-normal !default;
34
- $ribbon-overflow-btn-icon-padding: 5px !default;
35
- $ribbon-overflow-btn-padding: 0 !default;
36
- $ribbon-overflow-btn-margin: 0 !default;
37
- $ribbon-overflow-collapse-btn-right: 25px !default;
38
- $ribbon-overflow-item-padding: 0 !default;
39
- $ribbon-overflow-wrapper-item-margin: 3px 5px !default;
40
- $ribbon-overflow-item-btn-height: 18px !default;
41
- $ribbon-overflow-item-btn-margin: 0 8px 0 0 !default;
42
- $ribbon-overflow-btn-height: 26px !default;
43
- $ribbon-rtl-overflow-item-btn-margin: 0 0 0 8px !default;
44
- $ribbon-overflow-btn-border-radius: 4px !default;
45
- $ribbon-overflow-header-height: 18px !default;
46
- $ribbon-overflow-header-padding: 3px 5px !default;
47
- $ribbon-overflow-header-weight: 600 !default;
48
- $ribbon-overflow-dropdown-btn-padding: 0 12px !default;
49
- $ribbon-overall-overflow-btn-position: 3px !default;
50
- $ribbon-dropdown-btn-padding: 0 12px !default;
51
- $ribbon-dropdown-caret-btn-size: $text-xs !default;
52
- $ribbon-dropdown-caret-btn-height: 12px !default;
53
- $ribbon-dropdown-caret-btn-padding: 2px !default;
54
- $ribbon-items-padding: 2px !default;
55
- $ribbon-large-items-icon-padding: 8px 6px 4px !default;
56
- $ribbon-large-items-btn-padding: 0 2px !default;
57
- $ribbon-large-items-btn-height: 18px !default;
58
- $ribbon-large-items-icon-size: $text-2xl !default;
59
- $ribbon-large-items-max-width: 10ch !default;
60
- $ribbon-items-border: none !default;
61
- $ribbon-items-border-radius: 4px !default;
62
- $ribbon-items-font-weight: $font-weight-normal !default;
63
- $ribbon-items-btn-size: $text-xs !default;
64
- $ribbon-items-btn-padding: 0 !default;
65
- $ribbon-items-margin: 5px !default;
66
- $ribbon-items-height: 18px !default;
67
- $ribbon-items-checkbox-size: $text-xs !default;
68
- $ribbon-items-checkbox-padding: 0 5px !default;
69
- $ribbon-input-group-height: 26px !default;
70
- $ribbon-input-padding: 4px 0 4px 8px !default;
71
- $ribbon-input-size: $text-xs !default;
72
- $ribbon-input-height: 18px !default;
73
- $ribbon-input-weight: $font-weight-normal !default;
74
- $ribbon-input-icon-size: $text-xs !default;
75
- $ribbon-input-icon-height: 12px !default;
76
- $ribbon-input-icon-padding: 7px 3px 7px 2px !default;
77
- $ribbon-input-icon-weight: $font-weight-normal !default;
78
- $ribbon-input-group-border-radius: 4px !default;
79
- $ribbon-input-group-margin: 4px !default;
80
- $ribbon-tab-border: none !default;
81
- $ribbon-tab-text-size: $text-sm !default;
82
- $ribbon-tab-text-padding: 8px 8px !default;
83
- $ribbon-tab-text-height: 22px !default;
84
- $ribbon-tab-text-weight: $font-weight-normal !default;
85
- $ribbon-nav-arrow-size: $text-sm !default;
86
- $ribbon-nav-arrow-height: 14px !default;
87
- $ribbon-hscroll-padding: 0 !default;
88
- $ribbon-hscroll-nav-arrow-padding: 0 5px !default;
89
- $ribbon-hscroll-nav-arrow-weight: $font-weight-normal !default;
90
- $ribbon-hscroll-nav-border-width: 1px !default;
91
- $ribbon-hscroll-nav-border-radius: 2px !default;
92
- $ribbon-menu-border: 1px solid !default;
93
- $ribbon-menu-border-radius: 2px !default;
94
- $ribbon-menu-blank-icon-padding: 38px !default;
95
- $ribbon-launcher-icon-margin: 0 8px 4px 0 !default;
96
- $ribbon-rtl-launcher-icon-margin: 0 0 4px 8px !default;
97
- $ribbon-ddb-popup-font-size: 12px;
98
- $ribbon-ddb-popup-height: 24px;
99
-
100
- $ribbon-bigger-content-height: 114px !default;
101
- $ribbon-bigger-group-overflow-content-height: 114px !default;
102
- $ribbon-bigger-group-height: 150px !default;
103
- $ribbon-bigger-file-menu-height: 24px !default;
104
- $ribbon-bigger-file-menu-padding: 12px 12px !default;
105
- $ribbon-bigger-file-menu-size: $text-base !default;
106
- $ribbon-bigger-help-template-padding: 16px !default;
107
- $ribbon-bigger-help-template-height: 48px !default;
108
- $ribbon-bigger-toolbar-items-height: 48px !default;
109
- $ribbon-bigger-horizontal-nav-height: 48px !default;
110
- $ribbon-bigger-collapse-btn-padding: 5px !default;
111
- $ribbon-bigger-collapse-btn-height: 14px !default;
112
- $ribbon-bigger-collapse-btn-font-size: $text-sm !default;
113
- $ribbon-bigger-collapsible-content-width: 24px !default;
114
- $ribbon-bigger-overflow-btn-content-width: 40px !default;
115
- $ribbon-bigger-overflow-btn-font-size: $text-xl !default;
116
- $ribbon-bigger-overflow-btn-height: 20px !default;
117
- $ribbon-bigger-overflow-btn-icon-padding: 7px !default;
118
- $ribbon-bigger-overflow-collapse-btn-right: 28px !default;
119
- $ribbon-bigger-overall-overflow-btn-height: 34px !default;
120
- $ribbon-bigger-overall-overflow-btn-position: 3px !default;
121
- $ribbon-bigger-overflow-wrapper-item-margin: 3px 7px !default;
122
- $ribbon-bigger-group-header-padding: 8px 11px 4px !default;
123
- $ribbon-bigger-group-header-height: 18px !default;
124
- $ribbon-bigger-group-header-font-size: $text-xs !default;
125
- $ribbon-bigger-simplified-group-content-height: 40px !default;
126
- $ribbon-bigger-tab-text-size: $text-base !default;
127
- $ribbon-bigger-tab-text-padding: 12px 12px !default;
128
- $ribbon-bigger-tab-text-height: 24px !default;
129
- $ribbon-bigger-large-items-icon-padding: 8px 3px !default;
130
- $ribbon-bigger-large-items-icon-size: 32px !default;
131
- $ribbon-bigger-large-items-btn-padding: 0 5px !default;
132
- $ribbon-bigger-large-items-btn-size: $text-sm !default;
133
- $ribbon-bigger-large-items-btn-height: 125% !default;
134
- $ribbon-bigger-items-padding: 2px !default;
135
- $ribbon-bigger-items-btn-size: $text-sm !default;
136
- $ribbon-bigger-items-height: 125% !default;
137
- $ribbon-bigger-items-icon-height: 20px !default;
138
- $ribbon-bigger-items-icon-size: $text-xl !default;
139
- $ribbon-bigger-items-margin: 7px !default;
140
- $ribbon-bigger-items-checkbox-size: $text-sm !default;
141
- $ribbon-bigger-items-checkbox-padding: 0 7px !default;
142
- $ribbon-bigger-input-group-height: 34px !default;
143
- $ribbon-bigger-input-items-size: $text-sm !default;
144
- $ribbon-bigger-input-items-height: 22px !default;
145
- $ribbon-bigger-input-items-btn-size: $text-xs !default;
146
- $ribbon-bigger-input-items-btn-height: 12px !default;
147
- $ribbon-bigger-input-padding: 6px 0 6px 8px !default;
148
- $ribbon-bigger-input-icon-padding: 11px 4px 11px 2px !default;
149
- $ribbon-bigger-input-group-margin: 4px !default;
150
- $ribbon-bigger-dropdown-btn-padding: 0 13px !default;
151
- $ribbon-bigger-menu-blank-icon-padding: 50px !default;
152
- $ribbon-bigger-dropdown-btn-size: $text-xs !default;
153
- $ribbon-bigger-dropdown-btn-line-height: 12px !default;
154
- $ribbon-bigger-dropdown-caret-btn-padding: 3px 2px !default;
155
- $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
156
- $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
157
- $ribbon-bigger-caret-dropdown-btn-padding: 0 13px !default;
158
- $ribbon-bigger-color-picker-height: 20px !default;
159
- $ribbon-bigger-color-picker-width: 20px !default;
160
- $ribbon-bigger-launcher-icon-margin: 0 8px 4px 0 !default;
161
- $ribbon-bigger-rtl-launcher-icon-margin: 0 0 4px 8px !default;
162
- $ribbon-bigger-ddb-popup-font-size: 14px;
163
- $ribbon-bigger-ddb-popup-height: 32px;
164
-
165
- $ribbon-header-bg-color: $content-bg-color-alt2 !default;
166
- $ribbon-border-color: unset !default;
167
- $ribbon-group-seperator-color: $border-light !default;
168
- $ribbon-group-border-color: $border-light !default;
169
- $ribbon-input-group-border-color: $border !default;
170
- $ribbon-input-group-background-color: $content-bg-color !default;
171
- $ribbon-items-icon-color: $icon-color !default;
172
- $ribbon-items-background-color: $transparent !default;
173
- $ribbon-items-hover-background-color: $secondary-bg-color-pressed !default;
174
- $ribbon-items-focus-background-color: $secondary-bg-color-pressed !default;
175
- $ribbon-items-hover-color: $secondary-text-color-pressed !default;
176
- $ribbon-items-active-color: $secondary-text-color-pressed !default;
177
- $ribbon-items-focus-color: $secondary-text-color-pressed !default;
178
- $ribbon-items-active-background-color: $secondary-bg-color-pressed !default;
179
- $ribbon-items-hover-border-color: unset !default;
180
- $ribbon-items-focus-border-color: unset !default;
181
- $ribbon-items-disabled-color: $secondary-text-color-disabled !default;
182
- $ribbon-collapse-btn-background: $content-bg-color-alt2 !default;
183
- $ribbon-text-color: $content-text-color !default;
184
- $ribbon-tab-text-focus-color: $primary !default;
185
- $ribbon-tab-text-hover-color: $primary !default;
186
- $ribbon-active-tab-color: $primary !default;
187
- $ribbon-active-tab-indicator-color: $primary !default;
188
- $ribbon-active-file-menu-color: $primary-text-color !default;
189
- $ribbon-active-file-menu-background: $primary !default;
190
- $ribbon-menu-border-color: $border-light !default;
191
- $ribbon-menu-hover-background-color: $content-bg-color-hover !default;
192
- $ribbon-menu-items-color: $content-text-color !default;
193
- $ribbon-menu-items-icon-color: $icon-color !default;
194
- $ribbon-menu-background-color: $content-bg-color !default;
195
- $ribbon-menu-items-background-color: $content-bg-color !default;
196
- $ribbon-hscroll-border-color: $border !default;
197
- $ribbon-hscroll-color: $icon-color !default;
198
- $ribbon-hscroll-background-color: $content-bg-color-alt2 !default;
199
- $ribbon-hscroll-hover-border-color: $secondary-border-color-pressed !default;
200
- $ribbon-hscroll-hover-background-color: $secondary-bg-color-pressed !default;
201
- $ribbon-hscroll-hover-color: $secondary-text-color-pressed !default;
202
- $ribbon-hscroll-active-border-color: $secondary-border-color-pressed !default;
203
- $ribbon-hscroll-active-background-color: $secondary-bg-color-pressed !default;
204
- $ribbon-hscroll-active-color: $secondary-text-color-pressed !default;
205
- $ribbon-hscroll-focus-border-color: $secondary-border-color-pressed !default;
206
- $ribbon-hscroll-focus-background-color: $secondary-bg-color-pressed !default;
207
- $ribbon-hscroll-focus-color: $secondary-text-color-pressed !default;
208
- $ribbon-tooltip-background-color: $tooltip-bg-color !default;
209
- $ribbon-tooltip-text-color: $toooltip-text-color !default;
210
- $ribbon-overflow-box-shadow: $shadow-md !default;
@@ -1,343 +0,0 @@
1
- @include export-module('ribbon-theme') {
2
-
3
- .e-ribbon.e-rbn {
4
- .e-ribbon-tab {
5
- .e-tab-header {
6
- border-color: $ribbon-border-color;
7
-
8
- .e-toolbar-item {
9
- .e-tab-wrap {
10
- .e-tab-text {
11
- color: $ribbon-text-color;
12
- }
13
-
14
- &:hover .e-tab-text {
15
- color: $ribbon-tab-text-hover-color;
16
- }
17
- }
18
-
19
- &.e-active .e-tab-wrap .e-tab-text {
20
- color: $ribbon-active-tab-color;
21
- }
22
- }
23
-
24
- .e-indicator {
25
- background: $ribbon-active-tab-indicator-color;
26
- }
27
- }
28
-
29
- .e-hscroll .e-scroll-nav {
30
- border-color: $ribbon-hscroll-border-color;
31
- background: $ribbon-hscroll-background-color;
32
-
33
- .e-nav-arrow {
34
- color: $ribbon-hscroll-color;
35
- }
36
-
37
- &:hover {
38
- border-color: $ribbon-hscroll-hover-border-color;
39
- background: $ribbon-hscroll-hover-background-color;
40
-
41
- .e-nav-arrow {
42
- color: $ribbon-hscroll-hover-color;
43
- }
44
- }
45
-
46
- &:active {
47
- border-color: $ribbon-hscroll-active-border-color;
48
- background: $ribbon-hscroll-active-background-color;
49
-
50
- .e-nav-arrow {
51
- color: $ribbon-hscroll-active-color;
52
- }
53
- }
54
-
55
- &:focus {
56
- border-color: $ribbon-hscroll-focus-border-color;
57
- background: $ribbon-hscroll-focus-background-color;
58
-
59
- .e-nav-arrow {
60
- color: $ribbon-hscroll-focus-color;
61
- }
62
- }
63
- }
64
-
65
- .e-ribbon-file-menu {
66
- color: $ribbon-text-color;
67
- background: $ribbon-items-background-color;
68
- border-color: $ribbon-border-color;
69
-
70
- &.e-active {
71
- color: $ribbon-active-file-menu-color;
72
- background: $ribbon-active-file-menu-background;
73
- }
74
-
75
- &:hover:not(.e-active) {
76
- color: $ribbon-tab-text-hover-color;
77
- }
78
-
79
- &:focus-visible {
80
- color: $ribbon-tab-text-focus-color;
81
- }
82
- }
83
-
84
- .e-ribbon-help-template {
85
- border-color: $ribbon-border-color;
86
- }
87
- }
88
-
89
- .e-ribbon-tab.e-focused .e-tab-header {
90
- .e-tab-wrap:focus {
91
- .e-tab-text {
92
- color: $ribbon-tab-text-focus-color;
93
- }
94
- }
95
- }
96
-
97
- .e-ribbon-collapse-btn {
98
- color: $ribbon-items-icon-color;
99
- background: $ribbon-collapse-btn-background;
100
- border-color: transparent;
101
-
102
- &:hover,
103
- &:focus-visible {
104
- background: $ribbon-items-focus-background-color;
105
- color: $ribbon-items-focus-color;
106
- border-color: $ribbon-items-focus-border-color;
107
- }
108
- }
109
- }
110
-
111
- .e-ribbon.e-rbn,
112
- .e-ribbon-group-overflow-ddb {
113
- background: $ribbon-header-bg-color;
114
- border-color: $ribbon-border-color;
115
-
116
- .e-ribbon-item:not(.e-disabled) {
117
-
118
- .e-checkbox-wrapper {
119
- .e-label {
120
- color: $ribbon-text-color;
121
- }
122
-
123
- &.e-checkbox-disabled .e-label {
124
- color: $ribbon-items-disabled-color;
125
- }
126
- }
127
-
128
- .e-colorpicker-wrapper {
129
-
130
- &.e-ribbon-hover,
131
- &.e-ribbon-open {
132
- border-color: $ribbon-items-hover-background-color;
133
- }
134
- }
135
-
136
- .e-split-btn-wrapper {
137
-
138
- &.e-ribbon-hover,
139
- &.e-ribbon-open {
140
- border-color: $ribbon-items-hover-background-color;
141
- }
142
-
143
- &.e-vertical:hover .e-split-btn:not(:hover) {
144
- border-color: transparent;
145
- }
146
- }
147
- }
148
-
149
- .e-ribbon-item {
150
- .e-split-btn-wrapper {
151
- &.e-vertical:hover .e-split-btn:disabled {
152
- border-color: transparent;
153
- }
154
- }
155
- }
156
-
157
- .e-ribbon-item,
158
- .e-ribbon-group-overflow,
159
- &.e-ribbon-overflow {
160
-
161
- .e-btn:not(.e-ribbon-file-menu),
162
- .e-ribbon-group-of-btn {
163
- color: $ribbon-text-color;
164
- background: $ribbon-items-background-color;
165
- border-color: transparent;
166
-
167
- .e-btn-icon {
168
- color: $ribbon-items-icon-color;
169
- }
170
-
171
- &:hover {
172
- background: $ribbon-items-hover-background-color;
173
- color: $ribbon-items-hover-color;
174
- border-color: $ribbon-items-hover-border-color;
175
-
176
- .e-btn-icon {
177
- color: $ribbon-items-hover-color;
178
- }
179
- }
180
-
181
- &.e-active,
182
- &:active {
183
- background: $ribbon-items-active-background-color;
184
- color: $ribbon-items-active-color;
185
-
186
- .e-btn-icon {
187
- color: $ribbon-items-active-color;
188
- }
189
- }
190
-
191
- &:focus-visible {
192
- background: $ribbon-items-focus-background-color;
193
- color: $ribbon-items-focus-color;
194
- border-color: $ribbon-items-focus-border-color;
195
-
196
- .e-btn-icon {
197
- color: $ribbon-items-focus-color;
198
- }
199
- }
200
-
201
- &:disabled {
202
- color: $ribbon-items-disabled-color;
203
-
204
- .e-btn-icon {
205
- color: $ribbon-items-disabled-color;
206
- }
207
- }
208
- }
209
- }
210
-
211
- .e-ribbon-group-header {
212
- color: $ribbon-text-color;
213
- }
214
-
215
- .e-ribbon-launcher-icon {
216
- border-color: transparent;
217
-
218
- &:hover,
219
- &:focus-visible {
220
- background: $ribbon-items-focus-background-color;
221
- color: $ribbon-items-focus-color;
222
- border-color: $ribbon-items-focus-border-color;
223
- }
224
- }
225
-
226
- .e-input-group {
227
- border-color: $ribbon-input-group-border-color;
228
- background: $ribbon-input-group-background-color;
229
-
230
- input.e-input {
231
- color: $ribbon-text-color;
232
- }
233
-
234
- &.e-control-wrapper {
235
- .e-input-group-icon {
236
- color: $ribbon-items-icon-color;
237
-
238
- &:hover {
239
- background: $ribbon-items-hover-background-color;
240
- color: $ribbon-items-hover-color;
241
- }
242
- }
243
- }
244
-
245
- &.e-disabled,
246
- &:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled {
247
- border-color: $ribbon-items-disabled-color;
248
- }
249
- }
250
-
251
- .e-ribbon-group::after {
252
- border-color: $ribbon-group-border-color;
253
- }
254
- }
255
-
256
- .e-ribbon-group-overflow-ddb {
257
- &.e-dropdown-popup {
258
- background: $ribbon-header-bg-color;
259
- border-color: $ribbon-border-color;
260
- }
261
-
262
- .e-ribbon-overflow-target {
263
- .e-ribbon-of-tab {
264
- box-shadow: $ribbon-overflow-box-shadow;
265
- }
266
- }
267
- }
268
-
269
- .e-bigger.e-ribbon.e-rbn,
270
- .e-bigger .e-ribbon.e-rbn,
271
- .e-bigger .e-ribbon-group-overflow-ddb,
272
- .e-bigger.e-ribbon-group-overflow-ddb {
273
- .e-ribbon-item .e-split-colorpicker.e-split-btn {
274
- background: $ribbon-items-background-color;
275
-
276
- &:hover {
277
- background: $ribbon-items-hover-background-color;
278
- }
279
-
280
- &.e-active,
281
- &:active {
282
- background: $ribbon-items-active-background-color;
283
- }
284
-
285
- &:focus {
286
- background: $ribbon-items-focus-background-color;
287
- }
288
- }
289
- }
290
-
291
- .e-bigger .e-ribbon-group-overflow-ddb {
292
- &.e-dropdown-popup {
293
- background: $ribbon-header-bg-color;
294
- border-color: $ribbon-border-color;
295
- }
296
- }
297
-
298
- .e-ribbon-tooltip.e-tooltip-wrap {
299
- &.e-popup {
300
- background: $ribbon-tooltip-background-color;
301
- }
302
-
303
- .e-tip-content {
304
- color: $ribbon-tooltip-text-color;
305
- }
306
-
307
- .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
308
- color: $ribbon-tooltip-background-color;
309
- }
310
- }
311
-
312
- .e-ribbon-menu {
313
-
314
- &.e-menu-wrapper,
315
- &.e-menu-container {
316
- &:not(.e-menu-popup) {
317
- background: $ribbon-menu-background-color;
318
- }
319
- }
320
-
321
- &.e-menu-wrapper ul.e-vertical,
322
- &.e-menu-wrapper ul.e-ul {
323
- &.e-menu {
324
- border-color: $ribbon-menu-border-color;
325
- background: $ribbon-menu-items-background-color;
326
- }
327
-
328
- .e-menu-item {
329
- color: $ribbon-text-color;
330
-
331
- .e-menu-icon,
332
- .e-caret {
333
- color: $ribbon-menu-items-icon-color;
334
- }
335
-
336
- &.e-focused {
337
- background: $ribbon-menu-hover-background-color;
338
- color: $ribbon-menu-items-color;
339
- }
340
- }
341
- }
342
- }
343
- }
@@ -1,9 +0,0 @@
1
- @include export-module('ribbon-bootstrap-icons') {
2
- .e-ribbon {
3
- & .e-drop-icon {
4
- &::before {
5
- content: '\e95d';
6
- }
7
- }
8
- }
9
- }
@@ -1,9 +0,0 @@
1
- @include export-module('ribbon-bootstrap-icons') {
2
- .e-ribbon {
3
- & .e-drop-icon {
4
- &::before {
5
- content: '\e95d';
6
- }
7
- }
8
- }
9
- }
@@ -1,9 +0,0 @@
1
- @include export-module('ribbon-bootstrap4-icons') {
2
- .e-ribbon {
3
- & .e-drop-icon {
4
- &::before {
5
- content: '\e705';
6
- }
7
- }
8
- }
9
- }
@@ -1 +0,0 @@
1
- @import './bootstrap5.scss';
@@ -1,9 +0,0 @@
1
- @include export-module('ribbon-bootstrap5-icons') {
2
- .e-ribbon {
3
- & .e-drop-icon {
4
- &::before {
5
- content: '\e729';
6
- }
7
- }
8
- }
9
- }
@@ -1,9 +0,0 @@
1
- @include export-module('ribbon-fabric-icons') {
2
- .e-ribbon {
3
- & .e-drop-icon {
4
- &::before {
5
- content: '\e36a';
6
- }
7
- }
8
- }
9
- }
@@ -1,9 +0,0 @@
1
- @include export-module('ribbon-fabric-icons') {
2
- .e-ribbon {
3
- & .e-drop-icon {
4
- &::before {
5
- content: '\e36a';
6
- }
7
- }
8
- }
9
- }
@@ -1 +0,0 @@
1
- @import './fluent.scss';
@@ -1,9 +0,0 @@
1
- @include export-module('ribbon-fluent-icons') {
2
- .e-ribbon {
3
- & .e-drop-icon {
4
- &::before {
5
- content: '\e729';
6
- }
7
- }
8
- }
9
- }
@@ -1,9 +0,0 @@
1
- @include export-module('ribbon-fusionnew-icons') {
2
- .e-ribbon {
3
- & .e-drop-icon {
4
- &::before {
5
- content: '\e729';
6
- }
7
- }
8
- }
9
- }
@@ -1,9 +0,0 @@
1
- @include export-module('ribbon-highcontrast-icons') {
2
- .e-ribbon {
3
- & .e-drop-icon {
4
- &::before {
5
- content: '\e966';
6
- }
7
- }
8
- }
9
- }
@@ -1,9 +0,0 @@
1
- @include export-module('ribbon-material-icons') {
2
- .e-ribbon {
3
- & .e-drop-icon {
4
- &::before {
5
- content: '\e94d';
6
- }
7
- }
8
- }
9
- }
@@ -1,9 +0,0 @@
1
- @include export-module('ribbon-material-icons') {
2
- .e-ribbon {
3
- & .e-drop-icon {
4
- &::before {
5
- content: '\e94d';
6
- }
7
- }
8
- }
9
- }
@@ -1 +0,0 @@
1
- @import './material3.scss';
@@ -1,9 +0,0 @@
1
- @include export-module('ribbon-material3-icons') {
2
- .e-ribbon {
3
- & .e-drop-icon {
4
- &::before {
5
- content: '\e729';
6
- }
7
- }
8
- }
9
- }