@syncfusion/ej2-angular-splitbuttons 23.1.43-ngcc → 23.1.43

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 (218) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/drop-down-button/dropdownbutton-all.module.mjs +23 -0
  3. package/esm2020/src/drop-down-button/dropdownbutton.component.mjs +64 -0
  4. package/esm2020/src/drop-down-button/dropdownbutton.module.mjs +34 -0
  5. package/esm2020/src/drop-down-button/items.directive.mjs +46 -0
  6. package/esm2020/src/index.mjs +13 -0
  7. package/esm2020/src/progress-button/progressbutton-all.module.mjs +23 -0
  8. package/esm2020/src/progress-button/progressbutton.component.mjs +59 -0
  9. package/esm2020/src/progress-button/progressbutton.module.mjs +25 -0
  10. package/esm2020/src/split-button/items.directive.mjs +46 -0
  11. package/esm2020/src/split-button/splitbutton-all.module.mjs +23 -0
  12. package/esm2020/src/split-button/splitbutton.component.mjs +64 -0
  13. package/esm2020/src/split-button/splitbutton.module.mjs +34 -0
  14. package/esm2020/syncfusion-ej2-angular-splitbuttons.mjs +5 -0
  15. package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs +405 -0
  16. package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs.map +1 -0
  17. package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs +405 -0
  18. package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs.map +1 -0
  19. package/package.json +27 -13
  20. package/src/drop-down-button/dropdownbutton-all.module.d.ts +6 -0
  21. package/src/drop-down-button/dropdownbutton.component.d.ts +3 -0
  22. package/src/drop-down-button/dropdownbutton.module.d.ts +7 -0
  23. package/src/drop-down-button/items.directive.d.ts +5 -0
  24. package/src/progress-button/progressbutton-all.module.d.ts +6 -0
  25. package/src/progress-button/progressbutton.component.d.ts +3 -0
  26. package/src/progress-button/progressbutton.module.d.ts +6 -0
  27. package/src/split-button/items.directive.d.ts +5 -0
  28. package/src/split-button/splitbutton-all.module.d.ts +6 -0
  29. package/src/split-button/splitbutton.component.d.ts +3 -0
  30. package/src/split-button/splitbutton.module.d.ts +7 -0
  31. package/styles/button-group/_all.scss +2 -0
  32. package/styles/button-group/_bootstrap-dark-definition.scss +33 -0
  33. package/styles/button-group/_bootstrap-definition.scss +30 -0
  34. package/styles/button-group/_bootstrap4-definition.scss +30 -0
  35. package/styles/button-group/_bootstrap5-dark-definition.scss +1 -0
  36. package/styles/button-group/_bootstrap5-definition.scss +31 -0
  37. package/styles/button-group/_fabric-dark-definition.scss +33 -0
  38. package/styles/button-group/_fabric-definition.scss +30 -0
  39. package/styles/button-group/_fluent-dark-definition.scss +1 -0
  40. package/styles/button-group/_fluent-definition.scss +31 -0
  41. package/styles/button-group/_fusionnew-definition.scss +31 -0
  42. package/styles/button-group/_group-button-mixin.scss +72 -0
  43. package/styles/button-group/_highcontrast-definition.scss +32 -0
  44. package/styles/button-group/_highcontrast-light-definition.scss +35 -0
  45. package/styles/button-group/_layout.scss +294 -0
  46. package/styles/button-group/_material-dark-definition.scss +33 -0
  47. package/styles/button-group/_material-definition.scss +30 -0
  48. package/styles/button-group/_material3-dark-definition.scss +1 -0
  49. package/styles/button-group/_material3-definition.scss +31 -0
  50. package/styles/button-group/_tailwind-dark-definition.scss +1 -0
  51. package/styles/button-group/_tailwind-definition.scss +31 -0
  52. package/styles/button-group/_theme.scss +454 -0
  53. package/styles/button-group/bootstrap-dark.scss +4 -1
  54. package/styles/button-group/bootstrap.scss +4 -1
  55. package/styles/button-group/bootstrap4.scss +4 -1
  56. package/styles/button-group/bootstrap5-dark.scss +4 -1
  57. package/styles/button-group/bootstrap5.scss +4 -1
  58. package/styles/button-group/fabric-dark.scss +4 -1
  59. package/styles/button-group/fabric.scss +4 -1
  60. package/styles/button-group/fluent-dark.scss +4 -1
  61. package/styles/button-group/fluent.scss +4 -1
  62. package/styles/button-group/highcontrast-light.scss +4 -1
  63. package/styles/button-group/highcontrast.scss +4 -1
  64. package/styles/button-group/material-dark.scss +4 -1
  65. package/styles/button-group/material.scss +4 -1
  66. package/styles/button-group/material3-dark.scss +4 -1
  67. package/styles/button-group/material3.scss +4 -1
  68. package/styles/button-group/tailwind-dark.scss +4 -1
  69. package/styles/button-group/tailwind.scss +4 -1
  70. package/styles/drop-down-button/_all.scss +2 -0
  71. package/styles/drop-down-button/_bootstrap-dark-definition.scss +51 -0
  72. package/styles/drop-down-button/_bootstrap-definition.scss +48 -0
  73. package/styles/drop-down-button/_bootstrap4-definition.scss +48 -0
  74. package/styles/drop-down-button/_bootstrap5-dark-definition.scss +1 -0
  75. package/styles/drop-down-button/_bootstrap5-definition.scss +50 -0
  76. package/styles/drop-down-button/_fabric-dark-definition.scss +51 -0
  77. package/styles/drop-down-button/_fabric-definition.scss +48 -0
  78. package/styles/drop-down-button/_fluent-dark-definition.scss +1 -0
  79. package/styles/drop-down-button/_fluent-definition.scss +52 -0
  80. package/styles/drop-down-button/_fusionnew-definition.scss +50 -0
  81. package/styles/drop-down-button/_highcontrast-definition.scss +47 -0
  82. package/styles/drop-down-button/_highcontrast-light-definition.scss +50 -0
  83. package/styles/drop-down-button/_layout.scss +238 -0
  84. package/styles/drop-down-button/_material-dark-definition.scss +51 -0
  85. package/styles/drop-down-button/_material-definition.scss +48 -0
  86. package/styles/drop-down-button/_material3-dark-definition.scss +1 -0
  87. package/styles/drop-down-button/_material3-definition.scss +51 -0
  88. package/styles/drop-down-button/_tailwind-dark-definition.scss +1 -0
  89. package/styles/drop-down-button/_tailwind-definition.scss +49 -0
  90. package/styles/drop-down-button/_theme.scss +83 -0
  91. package/styles/drop-down-button/bootstrap-dark.scss +6 -1
  92. package/styles/drop-down-button/bootstrap.scss +6 -1
  93. package/styles/drop-down-button/bootstrap4.scss +6 -1
  94. package/styles/drop-down-button/bootstrap5-dark.scss +6 -1
  95. package/styles/drop-down-button/bootstrap5.scss +6 -1
  96. package/styles/drop-down-button/fabric-dark.scss +6 -1
  97. package/styles/drop-down-button/fabric.scss +6 -1
  98. package/styles/drop-down-button/fluent-dark.scss +6 -1
  99. package/styles/drop-down-button/fluent.scss +6 -1
  100. package/styles/drop-down-button/highcontrast-light.scss +6 -1
  101. package/styles/drop-down-button/highcontrast.scss +6 -1
  102. package/styles/drop-down-button/icons/_bootstrap-dark.scss +10 -0
  103. package/styles/drop-down-button/icons/_bootstrap.scss +10 -0
  104. package/styles/drop-down-button/icons/_bootstrap4.scss +10 -0
  105. package/styles/drop-down-button/icons/_bootstrap5-dark.scss +1 -0
  106. package/styles/drop-down-button/icons/_bootstrap5.scss +10 -0
  107. package/styles/drop-down-button/icons/_fabric-dark.scss +10 -0
  108. package/styles/drop-down-button/icons/_fabric.scss +10 -0
  109. package/styles/drop-down-button/icons/_fluent-dark.scss +1 -0
  110. package/styles/drop-down-button/icons/_fluent.scss +10 -0
  111. package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
  112. package/styles/drop-down-button/icons/_highcontrast-light.scss +10 -0
  113. package/styles/drop-down-button/icons/_highcontrast.scss +10 -0
  114. package/styles/drop-down-button/icons/_material-dark.scss +10 -0
  115. package/styles/drop-down-button/icons/_material.scss +10 -0
  116. package/styles/drop-down-button/icons/_material3-dark.scss +1 -0
  117. package/styles/drop-down-button/icons/_material3.scss +10 -0
  118. package/styles/drop-down-button/icons/_tailwind-dark.scss +10 -0
  119. package/styles/drop-down-button/icons/_tailwind.scss +10 -0
  120. package/styles/drop-down-button/material-dark.scss +6 -1
  121. package/styles/drop-down-button/material.scss +6 -1
  122. package/styles/drop-down-button/material3-dark.scss +6 -1
  123. package/styles/drop-down-button/material3.scss +6 -1
  124. package/styles/drop-down-button/tailwind-dark.scss +6 -1
  125. package/styles/drop-down-button/tailwind.scss +6 -1
  126. package/styles/material3-dark.css +0 -165
  127. package/styles/material3-dark.scss +1 -0
  128. package/styles/material3.css +0 -333
  129. package/styles/material3.scss +1 -0
  130. package/styles/progress-button/_all.scss +2 -0
  131. package/styles/progress-button/_bootstrap-dark-definition.scss +27 -0
  132. package/styles/progress-button/_bootstrap-definition.scss +24 -0
  133. package/styles/progress-button/_bootstrap4-definition.scss +24 -0
  134. package/styles/progress-button/_bootstrap5-dark-definition.scss +1 -0
  135. package/styles/progress-button/_bootstrap5-definition.scss +21 -0
  136. package/styles/progress-button/_fabric-dark-definition.scss +27 -0
  137. package/styles/progress-button/_fabric-definition.scss +24 -0
  138. package/styles/progress-button/_fluent-dark-definition.scss +1 -0
  139. package/styles/progress-button/_fluent-definition.scss +21 -0
  140. package/styles/progress-button/_fusionnew-definition.scss +21 -0
  141. package/styles/progress-button/_highcontrast-definition.scss +24 -0
  142. package/styles/progress-button/_highcontrast-light-definition.scss +24 -0
  143. package/styles/progress-button/_layout.scss +396 -0
  144. package/styles/progress-button/_material-dark-definition.scss +27 -0
  145. package/styles/progress-button/_material-definition.scss +24 -0
  146. package/styles/progress-button/_material3-dark-definition.scss +1 -0
  147. package/styles/progress-button/_material3-definition.scss +25 -0
  148. package/styles/progress-button/_tailwind-dark-definition.scss +1 -0
  149. package/styles/progress-button/_tailwind-definition.scss +21 -0
  150. package/styles/progress-button/_theme.scss +638 -0
  151. package/styles/progress-button/bootstrap-dark.scss +5 -1
  152. package/styles/progress-button/bootstrap.scss +5 -1
  153. package/styles/progress-button/bootstrap4.scss +5 -1
  154. package/styles/progress-button/bootstrap5-dark.scss +5 -1
  155. package/styles/progress-button/bootstrap5.scss +5 -1
  156. package/styles/progress-button/fabric-dark.scss +5 -1
  157. package/styles/progress-button/fabric.scss +5 -1
  158. package/styles/progress-button/fluent-dark.scss +5 -1
  159. package/styles/progress-button/fluent.scss +5 -1
  160. package/styles/progress-button/highcontrast-light.scss +5 -1
  161. package/styles/progress-button/highcontrast.scss +5 -1
  162. package/styles/progress-button/material-dark.scss +5 -1
  163. package/styles/progress-button/material.scss +5 -1
  164. package/styles/progress-button/material3-dark.scss +5 -1
  165. package/styles/progress-button/material3.scss +5 -1
  166. package/styles/progress-button/tailwind-dark.scss +5 -1
  167. package/styles/progress-button/tailwind.scss +5 -1
  168. package/styles/split-button/_all.scss +2 -0
  169. package/styles/split-button/_bootstrap-dark-definition.scss +26 -0
  170. package/styles/split-button/_bootstrap-definition.scss +23 -0
  171. package/styles/split-button/_bootstrap4-definition.scss +26 -0
  172. package/styles/split-button/_bootstrap5-dark-definition.scss +1 -0
  173. package/styles/split-button/_bootstrap5-definition.scss +24 -0
  174. package/styles/split-button/_fabric-dark-definition.scss +26 -0
  175. package/styles/split-button/_fabric-definition.scss +23 -0
  176. package/styles/split-button/_fluent-dark-definition.scss +1 -0
  177. package/styles/split-button/_fluent-definition.scss +24 -0
  178. package/styles/split-button/_fusionnew-definition.scss +24 -0
  179. package/styles/split-button/_highcontrast-definition.scss +23 -0
  180. package/styles/split-button/_highcontrast-light-definition.scss +26 -0
  181. package/styles/split-button/_layout.scss +484 -0
  182. package/styles/split-button/_material-dark-definition.scss +26 -0
  183. package/styles/split-button/_material-definition.scss +23 -0
  184. package/styles/split-button/_material3-dark-definition.scss +1 -0
  185. package/styles/split-button/_material3-definition.scss +26 -0
  186. package/styles/split-button/_tailwind-dark-definition.scss +1 -0
  187. package/styles/split-button/_tailwind-definition.scss +24 -0
  188. package/styles/split-button/_theme.scss +187 -0
  189. package/styles/split-button/bootstrap-dark.scss +6 -1
  190. package/styles/split-button/bootstrap.scss +6 -1
  191. package/styles/split-button/bootstrap4.scss +6 -1
  192. package/styles/split-button/bootstrap5-dark.scss +6 -1
  193. package/styles/split-button/bootstrap5.scss +6 -1
  194. package/styles/split-button/fabric-dark.scss +6 -1
  195. package/styles/split-button/fabric.scss +6 -1
  196. package/styles/split-button/fluent-dark.scss +6 -1
  197. package/styles/split-button/fluent.scss +6 -1
  198. package/styles/split-button/highcontrast-light.scss +6 -1
  199. package/styles/split-button/highcontrast.scss +6 -1
  200. package/styles/split-button/material-dark.scss +6 -1
  201. package/styles/split-button/material.scss +6 -1
  202. package/styles/split-button/material3-dark.scss +6 -1
  203. package/styles/split-button/material3.scss +6 -1
  204. package/styles/split-button/tailwind-dark.scss +6 -1
  205. package/styles/split-button/tailwind.scss +6 -1
  206. package/syncfusion-ej2-angular-splitbuttons.d.ts +5 -0
  207. package/@syncfusion/ej2-angular-splitbuttons.es5.js +0 -565
  208. package/@syncfusion/ej2-angular-splitbuttons.es5.js.map +0 -1
  209. package/@syncfusion/ej2-angular-splitbuttons.js +0 -516
  210. package/@syncfusion/ej2-angular-splitbuttons.js.map +0 -1
  211. package/CHANGELOG.md +0 -272
  212. package/dist/ej2-angular-splitbuttons.umd.js +0 -603
  213. package/dist/ej2-angular-splitbuttons.umd.js.map +0 -1
  214. package/dist/ej2-angular-splitbuttons.umd.min.js +0 -11
  215. package/dist/ej2-angular-splitbuttons.umd.min.js.map +0 -1
  216. package/ej2-angular-splitbuttons.d.ts +0 -7
  217. package/ej2-angular-splitbuttons.metadata.json +0 -1
  218. package/postinstall/tagchange.js +0 -18
@@ -1,6 +1,7 @@
1
1
  import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
2
2
  import { IComponentBase } from '@syncfusion/ej2-angular-base';
3
3
  import { ProgressButton } from '@syncfusion/ej2-splitbuttons';
4
+ import * as i0 from "@angular/core";
4
5
  export declare const inputs: string[];
5
6
  export declare const outputs: string[];
6
7
  export declare const twoWays: string[];
@@ -29,4 +30,6 @@ export declare class ProgressButtonComponent extends ProgressButton implements I
29
30
  ngAfterContentChecked(): void;
30
31
  registerEvents: (eventList: string[]) => void;
31
32
  addTwoWay: (propList: string[]) => void;
33
+ static ɵfac: i0.ɵɵFactoryDeclaration<ProgressButtonComponent, never>;
34
+ static ɵcmp: i0.ɵɵComponentDeclaration<ProgressButtonComponent, "[ejs-progressbutton]", never, { "animationSettings": "animationSettings"; "content": "content"; "cssClass": "cssClass"; "disabled": "disabled"; "duration": "duration"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enableProgress": "enableProgress"; "iconCss": "iconCss"; "iconPosition": "iconPosition"; "isPrimary": "isPrimary"; "isToggle": "isToggle"; "spinSettings": "spinSettings"; }, { "begin": "begin"; "created": "created"; "end": "end"; "fail": "fail"; "progress": "progress"; }, never, ["*"]>;
32
35
  }
@@ -1,5 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./progressbutton.component";
3
+ import * as i2 from "@angular/common";
1
4
  /**
2
5
  * NgModule definition for the ProgressButton component.
3
6
  */
4
7
  export declare class ProgressButtonModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<ProgressButtonModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressButtonModule, [typeof i1.ProgressButtonComponent], [typeof i2.CommonModule], [typeof i1.ProgressButtonComponent]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<ProgressButtonModule>;
5
11
  }
@@ -1,5 +1,6 @@
1
1
  import { ViewContainerRef } from '@angular/core';
2
2
  import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
3
+ import * as i0 from "@angular/core";
3
4
  export declare class SplitButtonItemDirective extends ComplexBase<SplitButtonItemDirective> {
4
5
  private viewContainerRef;
5
6
  directivePropList: any;
@@ -35,6 +36,8 @@ export declare class SplitButtonItemDirective extends ComplexBase<SplitButtonIte
35
36
  */
36
37
  url: any;
37
38
  constructor(viewContainerRef: ViewContainerRef);
39
+ static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonItemDirective, never>;
40
+ static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonItemDirective, "e-splitbuttonitems>e-splitbuttonitem", never, { "disabled": "disabled"; "iconCss": "iconCss"; "id": "id"; "separator": "separator"; "text": "text"; "url": "url"; }, {}, never>;
38
41
  }
39
42
  /**
40
43
  * SplitButtonItem Array Directive
@@ -42,4 +45,6 @@ export declare class SplitButtonItemDirective extends ComplexBase<SplitButtonIte
42
45
  */
43
46
  export declare class SplitButtonItemsDirective extends ArrayBase<SplitButtonItemsDirective> {
44
47
  constructor();
48
+ static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonItemsDirective, never>;
49
+ static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonItemsDirective, "ejs-splitbutton>e-splitbuttonitems", never, {}, {}, ["children"]>;
45
50
  }
@@ -1,5 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "@angular/common";
3
+ import * as i2 from "./splitbutton.module";
1
4
  /**
2
5
  * NgModule definition for the SplitButton component with providers.
3
6
  */
4
7
  export declare class SplitButtonAllModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonAllModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SplitButtonAllModule, never, [typeof i1.CommonModule, typeof i2.SplitButtonModule], [typeof i2.SplitButtonModule]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<SplitButtonAllModule>;
5
11
  }
@@ -2,6 +2,7 @@ import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@a
2
2
  import { IComponentBase } from '@syncfusion/ej2-angular-base';
3
3
  import { SplitButton } from '@syncfusion/ej2-splitbuttons';
4
4
  import { SplitButtonItemsDirective } from './items.directive';
5
+ import * as i0 from "@angular/core";
5
6
  export declare const inputs: string[];
6
7
  export declare const outputs: string[];
7
8
  export declare const twoWays: string[];
@@ -35,4 +36,6 @@ export declare class SplitButtonComponent extends SplitButton implements ICompon
35
36
  ngAfterContentChecked(): void;
36
37
  registerEvents: (eventList: string[]) => void;
37
38
  addTwoWay: (propList: string[]) => void;
39
+ static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
40
+ static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "ejs-splitbutton", never, { "closeActionEvents": "closeActionEvents"; "content": "content"; "createPopupOnClick": "createPopupOnClick"; "cssClass": "cssClass"; "disabled": "disabled"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "iconCss": "iconCss"; "iconPosition": "iconPosition"; "items": "items"; "locale": "locale"; "target": "target"; }, { "beforeClose": "beforeClose"; "beforeItemRender": "beforeItemRender"; "beforeOpen": "beforeOpen"; "click": "click"; "close": "close"; "created": "created"; "open": "open"; "select": "select"; }, ["childItems"], ["*"]>;
38
41
  }
@@ -1,5 +1,12 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./splitbutton.component";
3
+ import * as i2 from "./items.directive";
4
+ import * as i3 from "@angular/common";
1
5
  /**
2
6
  * NgModule definition for the SplitButton component.
3
7
  */
4
8
  export declare class SplitButtonModule {
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonModule, never>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SplitButtonModule, [typeof i1.SplitButtonComponent, typeof i2.SplitButtonItemDirective, typeof i2.SplitButtonItemsDirective], [typeof i3.CommonModule], [typeof i1.SplitButtonComponent, typeof i2.SplitButtonItemDirective, typeof i2.SplitButtonItemsDirective]>;
11
+ static ɵinj: i0.ɵɵInjectorDeclaration<SplitButtonModule>;
5
12
  }
@@ -0,0 +1,2 @@
1
+ @import 'layout.scss';
2
+ @import 'theme.scss';
@@ -0,0 +1,33 @@
1
+ //default
2
+ $btn-grp-margin: -1px !default;
3
+ $btn-grp-margin-left: -1px !default;
4
+ $btn-grp-wrapper-border: 4px !default;
5
+ $btn-grp-round-radius: 20px !default;
6
+ $btn-grp-icon-font-size: 12px !default;
7
+ $btn-grp-icon-font-size-bigger: 14px !default;
8
+
9
+ //Normal Outline GroupButton
10
+ $btn-grp-outline-focus-border-color: $grey-8c !default;
11
+ $btn-grp-outline-focus-color: inherit !default;
12
+
13
+ //Outline Primary
14
+ $btn-grp-outline-primary-focus-border-color: $brand-primary-lighten-15 !default;
15
+ $btn-grp-outline-focus-primary-color: inherit !default;
16
+
17
+ //Outline Success
18
+ $btn-grp-outline-success-focus-border-color: inherit !default;
19
+ $btn-grp-outline-focus-success-color: inherit !default;
20
+
21
+ //Outline Info
22
+ $btn-grp-outline-info-focus-border-color: inherit !default;
23
+ $btn-grp-outline-focus-info-color: inherit !default;
24
+
25
+ //Outline warning
26
+ $btn-grp-outline-warning-focus-border-color: inherit !default;
27
+ $btn-grp-outline-focus-warning-color: inherit !default;
28
+
29
+ //Outline danger
30
+ $btn-grp-outline-danger-focus-border-color: inherit !default;
31
+ $btn-grp-outline-focus-danger-color: inherit !default;
32
+
33
+ //enddefault
@@ -0,0 +1,30 @@
1
+ $btn-grp-margin: -1px !default;
2
+ $btn-grp-margin-left: -1px !default;
3
+ $btn-grp-wrapper-border: 4px !default;
4
+ $btn-grp-round-radius: 20px !default;
5
+ $btn-grp-icon-font-size: 12px !default;
6
+ $btn-grp-icon-font-size-bigger: 14px !default;
7
+
8
+ //Normal Outline GroupButton
9
+ $btn-grp-outline-focus-border-color: $grey-8c !default;
10
+ $btn-grp-outline-focus-color: inherit !default;
11
+
12
+ //Outline Primary
13
+ $btn-grp-outline-primary-focus-border-color: $brand-primary-darken-35 !default;
14
+ $btn-grp-outline-focus-primary-color: inherit !default;
15
+
16
+ //Outline Success
17
+ $btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
18
+ $btn-grp-outline-focus-success-color: inherit !default;
19
+
20
+ //Outline Info
21
+ $btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
22
+ $btn-grp-outline-focus-info-color: inherit !default;
23
+
24
+ //Outline warning
25
+ $btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
26
+ $btn-grp-outline-focus-warning-color: inherit !default;
27
+
28
+ //Outline danger
29
+ $btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
30
+ $btn-grp-outline-focus-danger-color: inherit !default;
@@ -0,0 +1,30 @@
1
+ $btn-grp-margin: -1px !default;
2
+ $btn-grp-margin-left: -1px !default;
3
+ $btn-grp-wrapper-border: 4px !default;
4
+ $btn-grp-round-radius: 20px !default;
5
+ $btn-grp-icon-font-size: 14px !default;
6
+ $btn-grp-icon-font-size-bigger: 16px !default;
7
+
8
+ //Normal Outline GroupButton
9
+ $btn-grp-outline-focus-border-color: $gray-600 !default;
10
+ $btn-grp-outline-focus-color: inherit !default;
11
+
12
+ //Outline Primary
13
+ $btn-grp-outline-primary-focus-border-color: $primary !default;
14
+ $btn-grp-outline-focus-primary-color: inherit !default;
15
+
16
+ //Outline Success
17
+ $btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
18
+ $btn-grp-outline-focus-success-color: inherit !default;
19
+
20
+ //Outline Info
21
+ $btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
22
+ $btn-grp-outline-focus-info-color: inherit !default;
23
+
24
+ //Outline warning
25
+ $btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
26
+ $btn-grp-outline-focus-warning-color: inherit !default;
27
+
28
+ //Outline danger
29
+ $btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
30
+ $btn-grp-outline-focus-danger-color: inherit !default;
@@ -0,0 +1 @@
1
+ @import './bootstrap5-definition.scss';
@@ -0,0 +1,31 @@
1
+ //layout variables
2
+ $btn-grp-margin: -1px !default;
3
+ $btn-grp-margin-left: -1px !default;
4
+ $btn-grp-wrapper-border: 4px !default;
5
+ $btn-grp-round-radius: 20px !default;
6
+ $btn-grp-icon-font-size: $text-base !default;
7
+ $btn-grp-icon-font-size-bigger: $text-xl !default;
8
+
9
+ //Normal Outline GroupButton
10
+ $btn-grp-outline-focus-border-color: $secondary-border-color !default;
11
+ $btn-grp-outline-focus-color: inherit !default;
12
+
13
+ //Outline Primary
14
+ $btn-grp-outline-primary-focus-border-color: $primary !default;
15
+ $btn-grp-outline-focus-primary-color: inherit !default;
16
+
17
+ //Outline Success
18
+ $btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
19
+ $btn-grp-outline-focus-success-color: inherit !default;
20
+
21
+ //Outline Info
22
+ $btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
23
+ $btn-grp-outline-focus-info-color: inherit !default;
24
+
25
+ //Outline warning
26
+ $btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
27
+ $btn-grp-outline-focus-warning-color: inherit !default;
28
+
29
+ //Outline danger
30
+ $btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
31
+ $btn-grp-outline-focus-danger-color: inherit !default;
@@ -0,0 +1,33 @@
1
+ //default
2
+ $btn-grp-margin: -1px !default;
3
+ $btn-grp-margin-left: 0 !default;
4
+ $btn-grp-wrapper-border: 0 !default;
5
+ $btn-grp-round-radius: 20px !default;
6
+ $btn-grp-icon-font-size: 14px !default;
7
+ $btn-grp-icon-font-size-bigger: 16px !default;
8
+
9
+ //Normal Outline GroupButton
10
+ $btn-grp-outline-focus-border-color: $neutral-quintenary !default;
11
+ $btn-grp-outline-focus-color: $neutral-secondary-alt !default;
12
+
13
+ //Outline Primary
14
+ $btn-grp-outline-primary-focus-border-color: inherit !default;
15
+ $btn-grp-outline-focus-primary-color: $btn-primary-active-color !default;
16
+
17
+ //Outline Success
18
+ $btn-grp-outline-success-focus-border-color: inherit !default;
19
+ $btn-grp-outline-focus-success-color: $btn-success-active-color !default;
20
+
21
+ //Outline Info
22
+ $btn-grp-outline-info-focus-border-color: inherit !default;
23
+ $btn-grp-outline-focus-info-color: $btn-info-active-color !default;
24
+
25
+ //Outline warning
26
+ $btn-grp-outline-warning-focus-border-color: inherit !default;
27
+ $btn-grp-outline-focus-warning-color: $btn-warning-active-color !default;
28
+
29
+ //Outline danger
30
+ $btn-grp-outline-danger-focus-border-color: inherit !default;
31
+ $btn-grp-outline-focus-danger-color: $btn-danger-active-color !default;
32
+
33
+ //enddefault
@@ -0,0 +1,30 @@
1
+ $btn-grp-margin: -1px !default;
2
+ $btn-grp-margin-left: 0 !default;
3
+ $btn-grp-wrapper-border: 0 !default;
4
+ $btn-grp-round-radius: 20px !default;
5
+ $btn-grp-icon-font-size: 14px !default;
6
+ $btn-grp-icon-font-size-bigger: 16px !default;
7
+
8
+ //Normal Outline GroupButton
9
+ $btn-grp-outline-focus-border-color: $neutral-quintenary !default;
10
+ $btn-grp-outline-focus-color: $neutral-secondary-alt !default;
11
+
12
+ //Outline Primary
13
+ $btn-grp-outline-primary-focus-border-color: inherit !default;
14
+ $btn-grp-outline-focus-primary-color: $theme-primary-font !default;
15
+
16
+ //Outline Success
17
+ $btn-grp-outline-success-focus-border-color: inherit !default;
18
+ $btn-grp-outline-focus-success-color: #fff !default;
19
+
20
+ //Outline Info
21
+ $btn-grp-outline-info-focus-border-color: inherit !default;
22
+ $btn-grp-outline-focus-info-color: #fff !default;
23
+
24
+ //Outline warning
25
+ $btn-grp-outline-warning-focus-border-color: inherit !default;
26
+ $btn-grp-outline-focus-warning-color: #fff !default;
27
+
28
+ //Outline danger
29
+ $btn-grp-outline-danger-focus-border-color: inherit !default;
30
+ $btn-grp-outline-focus-danger-color: #fff !default;
@@ -0,0 +1 @@
1
+ @import './fluent-definition.scss';
@@ -0,0 +1,31 @@
1
+ //layout variables
2
+ $btn-grp-margin: -1px !default;
3
+ $btn-grp-margin-left: -1px !default;
4
+ $btn-grp-wrapper-border: 4px !default;
5
+ $btn-grp-round-radius: 20px !default;
6
+ $btn-grp-icon-font-size: $text-base !default;
7
+ $btn-grp-icon-font-size-bigger: $text-xl !default;
8
+
9
+ //Normal Outline GroupButton
10
+ $btn-grp-outline-focus-border-color: $secondary-border-color !default;
11
+ $btn-grp-outline-focus-color: inherit !default;
12
+
13
+ //Outline Primary
14
+ $btn-grp-outline-primary-focus-border-color: $primary !default;
15
+ $btn-grp-outline-focus-primary-color: inherit !default;
16
+
17
+ //Outline Success
18
+ $btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
19
+ $btn-grp-outline-focus-success-color: inherit !default;
20
+
21
+ //Outline Info
22
+ $btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
23
+ $btn-grp-outline-focus-info-color: inherit !default;
24
+
25
+ //Outline warning
26
+ $btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
27
+ $btn-grp-outline-focus-warning-color: inherit !default;
28
+
29
+ //Outline danger
30
+ $btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
31
+ $btn-grp-outline-focus-danger-color: inherit !default;
@@ -0,0 +1,31 @@
1
+ //layout variables
2
+ $btn-grp-margin: -1px !default;
3
+ $btn-grp-margin-left: -1px !default;
4
+ $btn-grp-wrapper-border: 4px !default;
5
+ $btn-grp-round-radius: 20px !default;
6
+ $btn-grp-icon-font-size: 16px !default;
7
+ $btn-grp-icon-font-size-bigger: 20px !default;
8
+
9
+ //Normal Outline GroupButton
10
+ $btn-grp-outline-focus-border-color: $secondary-border-color !default;
11
+ $btn-grp-outline-focus-color: inherit !default;
12
+
13
+ //Outline Primary
14
+ $btn-grp-outline-primary-focus-border-color: $primary !default;
15
+ $btn-grp-outline-focus-primary-color: inherit !default;
16
+
17
+ //Outline Success
18
+ $btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
19
+ $btn-grp-outline-focus-success-color: inherit !default;
20
+
21
+ //Outline Info
22
+ $btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
23
+ $btn-grp-outline-focus-info-color: inherit !default;
24
+
25
+ //Outline warning
26
+ $btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
27
+ $btn-grp-outline-focus-warning-color: inherit !default;
28
+
29
+ //Outline danger
30
+ $btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
31
+ $btn-grp-outline-focus-danger-color: inherit !default;
@@ -0,0 +1,72 @@
1
+ @mixin apply-border {
2
+ &:not(:first-of-type):not(:last-of-type) {
3
+ border-left: transparent;
4
+ border-right: transparent;
5
+ }
6
+
7
+ &:first-of-type {
8
+ border-right: transparent;
9
+ }
10
+
11
+ &:last-of-type {
12
+ border-left: transparent;
13
+ }
14
+ }
15
+
16
+ @mixin apply-border-vertical {
17
+ &:not(:first-of-type):not(:last-of-type) {
18
+ border-bottom: transparent;
19
+ border-top: transparent;
20
+ }
21
+
22
+ &:first-of-type {
23
+ border-bottom: transparent;
24
+ }
25
+
26
+ &:last-of-type {
27
+ border-top: transparent;
28
+ }
29
+ }
30
+
31
+ @mixin different-states {
32
+ // Outline focus
33
+ .e-btn:focus,
34
+ input:focus + label.e-btn {
35
+ &.e-outline {
36
+ border-color: $btn-grp-outline-focus-border-color;
37
+ outline-color: $btn-grp-outline-focus-color;
38
+
39
+ &.e-primary {
40
+ border-color: $btn-grp-outline-primary-focus-border-color;
41
+ outline-color: $btn-grp-outline-focus-primary-color;
42
+ }
43
+
44
+ &.e-success {
45
+ border-color: $btn-grp-outline-success-focus-border-color;
46
+ outline-color: $btn-grp-outline-focus-success-color;
47
+ }
48
+
49
+ &.e-info {
50
+ border-color: $btn-grp-outline-info-focus-border-color;
51
+ outline-color: $btn-grp-outline-focus-info-color;
52
+ }
53
+
54
+ &.e-warning {
55
+ border-color: $btn-grp-outline-warning-focus-border-color;
56
+ outline-color: $btn-grp-outline-focus-warning-color;
57
+ }
58
+
59
+ &.e-danger {
60
+ border-color: $btn-grp-outline-danger-focus-border-color;
61
+ outline-color: $btn-grp-outline-focus-danger-color;
62
+ }
63
+ }
64
+ }
65
+ }
66
+
67
+ @mixin disabled {
68
+ background-color: $btn-disabled-bgcolor;
69
+ border-color: $btn-disabled-border-color;
70
+ box-shadow: $btn-flat-box-shadow;
71
+ color: $btn-disabled-color;
72
+ }
@@ -0,0 +1,32 @@
1
+ $btn-grp-margin: -1px !default;
2
+ $btn-grp-margin-left: 0 !default;
3
+ $btn-grp-wrapper-border: 0 !default;
4
+ $hover-border: $hover-border !default;
5
+ $primary-outline-color: $bg-base-0 !default;
6
+ $btn-grp-round-radius: 20px !default;
7
+ $btn-grp-icon-font-size: 14px !default;
8
+ $btn-grp-icon-font-size-bigger: 16px !default;
9
+
10
+ //Normal Outline GroupButton
11
+ $btn-grp-outline-focus-border-color: $bg-base-100 !default;
12
+ $btn-grp-outline-focus-color: inherit !default;
13
+
14
+ //Outline Primary
15
+ $btn-grp-outline-primary-focus-border-color: inherit !default;
16
+ $btn-grp-outline-focus-primary-color: $primary-outline-color !default;
17
+
18
+ //Outline Success
19
+ $btn-grp-outline-success-focus-border-color: inherit !default;
20
+ $btn-grp-outline-focus-success-color: inherit !default;
21
+
22
+ //Outline Info
23
+ $btn-grp-outline-info-focus-border-color: inherit !default;
24
+ $btn-grp-outline-focus-info-color: inherit !default;
25
+
26
+ //Outline warning
27
+ $btn-grp-outline-warning-focus-border-color: inherit !default;
28
+ $btn-grp-outline-focus-warning-color: inherit !default;
29
+
30
+ //Outline danger
31
+ $btn-grp-outline-danger-focus-border-color: inherit !default;
32
+ $btn-grp-outline-focus-danger-color: inherit !default;
@@ -0,0 +1,35 @@
1
+ //default
2
+ $btn-grp-margin: -1px !default;
3
+ $btn-grp-margin-left: 0 !default;
4
+ $btn-grp-wrapper-border: 0 !default;
5
+ $hover-border: $hover-border !default;
6
+ $primary-outline-color: $bg-base-0 !default;
7
+ $btn-grp-round-radius: 20px !default;
8
+ $btn-grp-icon-font-size: 14px !default;
9
+ $btn-grp-icon-font-size-bigger: 16px !default;
10
+
11
+ //Normal Outline GroupButton
12
+ $btn-grp-outline-focus-border-color: $bg-base-100 !default;
13
+ $btn-grp-outline-focus-color: inherit !default;
14
+
15
+ //Outline Primary
16
+ $btn-grp-outline-primary-focus-border-color: inherit !default;
17
+ $btn-grp-outline-focus-primary-color: $primary-outline-color !default;
18
+
19
+ //Outline Success
20
+ $btn-grp-outline-success-focus-border-color: inherit !default;
21
+ $btn-grp-outline-focus-success-color: inherit !default;
22
+
23
+ //Outline Info
24
+ $btn-grp-outline-info-focus-border-color: inherit !default;
25
+ $btn-grp-outline-focus-info-color: inherit !default;
26
+
27
+ //Outline warning
28
+ $btn-grp-outline-warning-focus-border-color: inherit !default;
29
+ $btn-grp-outline-focus-warning-color: inherit !default;
30
+
31
+ //Outline danger
32
+ $btn-grp-outline-danger-focus-border-color: inherit !default;
33
+ $btn-grp-outline-focus-danger-color: inherit !default;
34
+
35
+ //enddefault