@syncfusion/ej2-angular-splitbuttons 23.1.41-ngcc → 23.1.41
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.
- package/esm2020/public_api.mjs +3 -0
- package/esm2020/src/drop-down-button/dropdownbutton-all.module.mjs +23 -0
- package/esm2020/src/drop-down-button/dropdownbutton.component.mjs +64 -0
- package/esm2020/src/drop-down-button/dropdownbutton.module.mjs +34 -0
- package/esm2020/src/drop-down-button/items.directive.mjs +46 -0
- package/esm2020/src/index.mjs +13 -0
- package/esm2020/src/progress-button/progressbutton-all.module.mjs +23 -0
- package/esm2020/src/progress-button/progressbutton.component.mjs +59 -0
- package/esm2020/src/progress-button/progressbutton.module.mjs +25 -0
- package/esm2020/src/split-button/items.directive.mjs +46 -0
- package/esm2020/src/split-button/splitbutton-all.module.mjs +23 -0
- package/esm2020/src/split-button/splitbutton.component.mjs +64 -0
- package/esm2020/src/split-button/splitbutton.module.mjs +34 -0
- package/esm2020/syncfusion-ej2-angular-splitbuttons.mjs +5 -0
- package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs +405 -0
- package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs.map +1 -0
- package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs +405 -0
- package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs.map +1 -0
- package/package.json +26 -12
- package/src/drop-down-button/dropdownbutton-all.module.d.ts +6 -0
- package/src/drop-down-button/dropdownbutton.component.d.ts +3 -0
- package/src/drop-down-button/dropdownbutton.module.d.ts +7 -0
- package/src/drop-down-button/items.directive.d.ts +5 -0
- package/src/progress-button/progressbutton-all.module.d.ts +6 -0
- package/src/progress-button/progressbutton.component.d.ts +3 -0
- package/src/progress-button/progressbutton.module.d.ts +6 -0
- package/src/split-button/items.directive.d.ts +5 -0
- package/src/split-button/splitbutton-all.module.d.ts +6 -0
- package/src/split-button/splitbutton.component.d.ts +3 -0
- package/src/split-button/splitbutton.module.d.ts +7 -0
- package/styles/button-group/_all.scss +2 -0
- package/styles/button-group/_bootstrap-dark-definition.scss +33 -0
- package/styles/button-group/_bootstrap-definition.scss +30 -0
- package/styles/button-group/_bootstrap4-definition.scss +30 -0
- package/styles/button-group/_bootstrap5-dark-definition.scss +1 -0
- package/styles/button-group/_bootstrap5-definition.scss +31 -0
- package/styles/button-group/_fabric-dark-definition.scss +33 -0
- package/styles/button-group/_fabric-definition.scss +30 -0
- package/styles/button-group/_fluent-dark-definition.scss +1 -0
- package/styles/button-group/_fluent-definition.scss +31 -0
- package/styles/button-group/_fusionnew-definition.scss +31 -0
- package/styles/button-group/_group-button-mixin.scss +72 -0
- package/styles/button-group/_highcontrast-definition.scss +32 -0
- package/styles/button-group/_highcontrast-light-definition.scss +35 -0
- package/styles/button-group/_layout.scss +294 -0
- package/styles/button-group/_material-dark-definition.scss +33 -0
- package/styles/button-group/_material-definition.scss +30 -0
- package/styles/button-group/_material3-dark-definition.scss +1 -0
- package/styles/button-group/_material3-definition.scss +31 -0
- package/styles/button-group/_tailwind-dark-definition.scss +1 -0
- package/styles/button-group/_tailwind-definition.scss +31 -0
- package/styles/button-group/_theme.scss +454 -0
- package/styles/button-group/bootstrap-dark.scss +4 -1
- package/styles/button-group/bootstrap.scss +4 -1
- package/styles/button-group/bootstrap4.scss +4 -1
- package/styles/button-group/bootstrap5-dark.scss +4 -1
- package/styles/button-group/bootstrap5.scss +4 -1
- package/styles/button-group/fabric-dark.scss +4 -1
- package/styles/button-group/fabric.scss +4 -1
- package/styles/button-group/fluent-dark.scss +4 -1
- package/styles/button-group/fluent.scss +4 -1
- package/styles/button-group/highcontrast-light.scss +4 -1
- package/styles/button-group/highcontrast.scss +4 -1
- package/styles/button-group/material-dark.scss +4 -1
- package/styles/button-group/material.scss +4 -1
- package/styles/button-group/material3-dark.scss +4 -1
- package/styles/button-group/material3.scss +4 -1
- package/styles/button-group/tailwind-dark.scss +4 -1
- package/styles/button-group/tailwind.scss +4 -1
- package/styles/drop-down-button/_all.scss +2 -0
- package/styles/drop-down-button/_bootstrap-dark-definition.scss +51 -0
- package/styles/drop-down-button/_bootstrap-definition.scss +48 -0
- package/styles/drop-down-button/_bootstrap4-definition.scss +48 -0
- package/styles/drop-down-button/_bootstrap5-dark-definition.scss +1 -0
- package/styles/drop-down-button/_bootstrap5-definition.scss +50 -0
- package/styles/drop-down-button/_fabric-dark-definition.scss +51 -0
- package/styles/drop-down-button/_fabric-definition.scss +48 -0
- package/styles/drop-down-button/_fluent-dark-definition.scss +1 -0
- package/styles/drop-down-button/_fluent-definition.scss +52 -0
- package/styles/drop-down-button/_fusionnew-definition.scss +50 -0
- package/styles/drop-down-button/_highcontrast-definition.scss +47 -0
- package/styles/drop-down-button/_highcontrast-light-definition.scss +50 -0
- package/styles/drop-down-button/_layout.scss +238 -0
- package/styles/drop-down-button/_material-dark-definition.scss +51 -0
- package/styles/drop-down-button/_material-definition.scss +48 -0
- package/styles/drop-down-button/_material3-dark-definition.scss +1 -0
- package/styles/drop-down-button/_material3-definition.scss +51 -0
- package/styles/drop-down-button/_tailwind-dark-definition.scss +1 -0
- package/styles/drop-down-button/_tailwind-definition.scss +49 -0
- package/styles/drop-down-button/_theme.scss +83 -0
- package/styles/drop-down-button/bootstrap-dark.scss +6 -1
- package/styles/drop-down-button/bootstrap.scss +6 -1
- package/styles/drop-down-button/bootstrap4.scss +6 -1
- package/styles/drop-down-button/bootstrap5-dark.scss +6 -1
- package/styles/drop-down-button/bootstrap5.scss +6 -1
- package/styles/drop-down-button/fabric-dark.scss +6 -1
- package/styles/drop-down-button/fabric.scss +6 -1
- package/styles/drop-down-button/fluent-dark.scss +6 -1
- package/styles/drop-down-button/fluent.scss +6 -1
- package/styles/drop-down-button/highcontrast-light.scss +6 -1
- package/styles/drop-down-button/highcontrast.scss +6 -1
- package/styles/drop-down-button/icons/_bootstrap-dark.scss +10 -0
- package/styles/drop-down-button/icons/_bootstrap.scss +10 -0
- package/styles/drop-down-button/icons/_bootstrap4.scss +10 -0
- package/styles/drop-down-button/icons/_bootstrap5-dark.scss +1 -0
- package/styles/drop-down-button/icons/_bootstrap5.scss +10 -0
- package/styles/drop-down-button/icons/_fabric-dark.scss +10 -0
- package/styles/drop-down-button/icons/_fabric.scss +10 -0
- package/styles/drop-down-button/icons/_fluent-dark.scss +1 -0
- package/styles/drop-down-button/icons/_fluent.scss +10 -0
- package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
- package/styles/drop-down-button/icons/_highcontrast-light.scss +10 -0
- package/styles/drop-down-button/icons/_highcontrast.scss +10 -0
- package/styles/drop-down-button/icons/_material-dark.scss +10 -0
- package/styles/drop-down-button/icons/_material.scss +10 -0
- package/styles/drop-down-button/icons/_material3-dark.scss +1 -0
- package/styles/drop-down-button/icons/_material3.scss +10 -0
- package/styles/drop-down-button/icons/_tailwind-dark.scss +10 -0
- package/styles/drop-down-button/icons/_tailwind.scss +10 -0
- package/styles/drop-down-button/material-dark.scss +6 -1
- package/styles/drop-down-button/material.scss +6 -1
- package/styles/drop-down-button/material3-dark.scss +6 -1
- package/styles/drop-down-button/material3.scss +6 -1
- package/styles/drop-down-button/tailwind-dark.scss +6 -1
- package/styles/drop-down-button/tailwind.scss +6 -1
- package/styles/material3-dark.css +0 -165
- package/styles/material3-dark.scss +1 -0
- package/styles/material3.css +0 -333
- package/styles/material3.scss +1 -0
- package/styles/progress-button/_all.scss +2 -0
- package/styles/progress-button/_bootstrap-dark-definition.scss +27 -0
- package/styles/progress-button/_bootstrap-definition.scss +24 -0
- package/styles/progress-button/_bootstrap4-definition.scss +24 -0
- package/styles/progress-button/_bootstrap5-dark-definition.scss +1 -0
- package/styles/progress-button/_bootstrap5-definition.scss +21 -0
- package/styles/progress-button/_fabric-dark-definition.scss +27 -0
- package/styles/progress-button/_fabric-definition.scss +24 -0
- package/styles/progress-button/_fluent-dark-definition.scss +1 -0
- package/styles/progress-button/_fluent-definition.scss +21 -0
- package/styles/progress-button/_fusionnew-definition.scss +21 -0
- package/styles/progress-button/_highcontrast-definition.scss +24 -0
- package/styles/progress-button/_highcontrast-light-definition.scss +24 -0
- package/styles/progress-button/_layout.scss +396 -0
- package/styles/progress-button/_material-dark-definition.scss +27 -0
- package/styles/progress-button/_material-definition.scss +24 -0
- package/styles/progress-button/_material3-dark-definition.scss +1 -0
- package/styles/progress-button/_material3-definition.scss +25 -0
- package/styles/progress-button/_tailwind-dark-definition.scss +1 -0
- package/styles/progress-button/_tailwind-definition.scss +21 -0
- package/styles/progress-button/_theme.scss +638 -0
- package/styles/progress-button/bootstrap-dark.scss +5 -1
- package/styles/progress-button/bootstrap.scss +5 -1
- package/styles/progress-button/bootstrap4.scss +5 -1
- package/styles/progress-button/bootstrap5-dark.scss +5 -1
- package/styles/progress-button/bootstrap5.scss +5 -1
- package/styles/progress-button/fabric-dark.scss +5 -1
- package/styles/progress-button/fabric.scss +5 -1
- package/styles/progress-button/fluent-dark.scss +5 -1
- package/styles/progress-button/fluent.scss +5 -1
- package/styles/progress-button/highcontrast-light.scss +5 -1
- package/styles/progress-button/highcontrast.scss +5 -1
- package/styles/progress-button/material-dark.scss +5 -1
- package/styles/progress-button/material.scss +5 -1
- package/styles/progress-button/material3-dark.scss +5 -1
- package/styles/progress-button/material3.scss +5 -1
- package/styles/progress-button/tailwind-dark.scss +5 -1
- package/styles/progress-button/tailwind.scss +5 -1
- package/styles/split-button/_all.scss +2 -0
- package/styles/split-button/_bootstrap-dark-definition.scss +26 -0
- package/styles/split-button/_bootstrap-definition.scss +23 -0
- package/styles/split-button/_bootstrap4-definition.scss +26 -0
- package/styles/split-button/_bootstrap5-dark-definition.scss +1 -0
- package/styles/split-button/_bootstrap5-definition.scss +24 -0
- package/styles/split-button/_fabric-dark-definition.scss +26 -0
- package/styles/split-button/_fabric-definition.scss +23 -0
- package/styles/split-button/_fluent-dark-definition.scss +1 -0
- package/styles/split-button/_fluent-definition.scss +24 -0
- package/styles/split-button/_fusionnew-definition.scss +24 -0
- package/styles/split-button/_highcontrast-definition.scss +23 -0
- package/styles/split-button/_highcontrast-light-definition.scss +26 -0
- package/styles/split-button/_layout.scss +484 -0
- package/styles/split-button/_material-dark-definition.scss +26 -0
- package/styles/split-button/_material-definition.scss +23 -0
- package/styles/split-button/_material3-dark-definition.scss +1 -0
- package/styles/split-button/_material3-definition.scss +26 -0
- package/styles/split-button/_tailwind-dark-definition.scss +1 -0
- package/styles/split-button/_tailwind-definition.scss +24 -0
- package/styles/split-button/_theme.scss +187 -0
- package/styles/split-button/bootstrap-dark.scss +6 -1
- package/styles/split-button/bootstrap.scss +6 -1
- package/styles/split-button/bootstrap4.scss +6 -1
- package/styles/split-button/bootstrap5-dark.scss +6 -1
- package/styles/split-button/bootstrap5.scss +6 -1
- package/styles/split-button/fabric-dark.scss +6 -1
- package/styles/split-button/fabric.scss +6 -1
- package/styles/split-button/fluent-dark.scss +6 -1
- package/styles/split-button/fluent.scss +6 -1
- package/styles/split-button/highcontrast-light.scss +6 -1
- package/styles/split-button/highcontrast.scss +6 -1
- package/styles/split-button/material-dark.scss +6 -1
- package/styles/split-button/material.scss +6 -1
- package/styles/split-button/material3-dark.scss +6 -1
- package/styles/split-button/material3.scss +6 -1
- package/styles/split-button/tailwind-dark.scss +6 -1
- package/styles/split-button/tailwind.scss +6 -1
- package/syncfusion-ej2-angular-splitbuttons.d.ts +5 -0
- package/@syncfusion/ej2-angular-splitbuttons.es5.js +0 -565
- package/@syncfusion/ej2-angular-splitbuttons.es5.js.map +0 -1
- package/@syncfusion/ej2-angular-splitbuttons.js +0 -516
- package/@syncfusion/ej2-angular-splitbuttons.js.map +0 -1
- package/CHANGELOG.md +0 -264
- package/dist/ej2-angular-splitbuttons.umd.js +0 -603
- package/dist/ej2-angular-splitbuttons.umd.js.map +0 -1
- package/dist/ej2-angular-splitbuttons.umd.min.js +0 -11
- package/dist/ej2-angular-splitbuttons.umd.min.js.map +0 -1
- package/ej2-angular-splitbuttons.d.ts +0 -7
- package/ej2-angular-splitbuttons.metadata.json +0 -1
- 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,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
|