@expressivecss/expressive 0.3.0 → 0.4.0
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/README.md +1 -1
- package/dist/css/expressive.css +1011 -1339
- package/dist/css/expressive.css.map +1 -1
- package/dist/css/expressive.min.css +1 -1
- package/dist/css/expressive.min.css.map +1 -1
- package/dist/js/expressive.cjs +701 -853
- package/dist/js/expressive.cjs.map +4 -4
- package/dist/js/expressive.js +701 -853
- package/dist/js/expressive.js.map +4 -4
- package/dist/js/expressive.min.js +10 -20
- package/dist/js/expressive.min.js.map +4 -4
- package/dist/js/expressive.mjs +701 -854
- package/dist/js/expressive.mjs.map +4 -4
- package/dist/types/components/autocomplete.d.ts +2 -9
- package/dist/types/components/buttons.d.ts +2 -2
- package/dist/types/components/cards.d.ts +3 -6
- package/dist/types/components/carousel.d.ts +3 -3
- package/dist/types/components/characterCounter.d.ts +3 -5
- package/dist/types/components/chips.d.ts +2 -2
- package/dist/types/components/collapsible.d.ts +6 -23
- package/dist/types/components/datepicker.d.ts +2 -8
- package/dist/types/components/dropdown.d.ts +11 -2
- package/dist/types/components/index.d.ts +0 -1
- package/dist/types/components/lightbox.d.ts +2 -2
- package/dist/types/components/parallax.d.ts +2 -8
- package/dist/types/components/pushpin.d.ts +2 -2
- package/dist/types/components/range.d.ts +2 -2
- package/dist/types/components/registry.d.ts +0 -4
- package/dist/types/components/scrollspy.d.ts +26 -50
- package/dist/types/components/select.d.ts +20 -6
- package/dist/types/components/sidenav.d.ts +40 -55
- package/dist/types/components/slider.d.ts +2 -2
- package/dist/types/components/tabs.d.ts +2 -2
- package/dist/types/components/tapTarget.d.ts +2 -2
- package/dist/types/components/timepicker.d.ts +2 -4
- package/dist/types/components/tooltip.d.ts +2 -2
- package/dist/types/core/component.d.ts +4 -4
- package/dist/types/index.d.ts +1 -1
- package/package.json +2 -2
- package/src/sass/README.md +2 -6
- package/src/sass/abstracts/_breakpoints.scss +0 -16
- package/src/sass/abstracts/_variables.scss +0 -21
- package/src/sass/base/_grid.scss +0 -19
- package/src/sass/components/_badges.scss +1 -1
- package/src/sass/components/_buttons.scss +22 -54
- package/src/sass/components/_cards.scss +50 -123
- package/src/sass/components/_carousel.scss +4 -6
- package/src/sass/components/_collapsible.scss +13 -15
- package/src/sass/components/_collection.scss +9 -27
- package/src/sass/components/_datepicker.scss +1 -15
- package/src/sass/components/_dropdown.scss +110 -14
- package/src/sass/components/_index.scss +1 -0
- package/src/sass/components/_modal.scss +13 -31
- package/src/sass/components/_navbar.scss +9 -6
- package/src/sass/components/_page-footer.scss +134 -15
- package/src/sass/components/_parallax.scss +7 -28
- package/src/sass/components/_preloader.scss +145 -300
- package/src/sass/components/_scrollspy.scss +18 -0
- package/src/sass/components/_sidenav.scss +226 -120
- package/src/sass/components/_table_of_contents.scss +30 -14
- package/src/sass/components/_tabs.scss +54 -35
- package/src/sass/components/_tapTarget.scss +2 -6
- package/src/sass/components/_toast.scss +10 -11
- package/src/sass/components/_toolbar.scss +2 -2
- package/src/sass/components/_tooltip.scss +4 -9
- package/src/sass/components/_transitions.scss +0 -5
- package/src/sass/components/forms/_index.scss +0 -5
- package/src/sass/components/forms/_input-fields.scss +49 -52
- package/src/sass/components/forms/_select.scss +175 -60
- package/src/sass/components/forms/_switches.scss +21 -8
- package/src/sass/utilities/_helpers.scss +1 -3
- package/src/sass/utilities/_typescale.scss +0 -5
- package/src/sass/utilities/_visibility.scss +2 -2
- package/dist/types/components/modal.d.ts +0 -45
|
@@ -7,12 +7,10 @@
|
|
|
7
7
|
// Positioning
|
|
8
8
|
.valign-wrapper { display: flex; align-items: center; }
|
|
9
9
|
|
|
10
|
-
.clearfix { clear: both; }
|
|
11
|
-
|
|
12
10
|
// Text alignment
|
|
13
11
|
.left-align { text-align: left; }
|
|
14
12
|
.right-align { text-align: right }
|
|
15
|
-
.center
|
|
13
|
+
.center-align { text-align: center; }
|
|
16
14
|
|
|
17
15
|
// TODO: Remove this
|
|
18
16
|
.left { float: left !important; }
|
|
@@ -38,8 +38,3 @@ $typescale-roles: (
|
|
|
38
38
|
.upper { text-transform: uppercase; }
|
|
39
39
|
.lower { text-transform: lowercase; }
|
|
40
40
|
.capitalize { text-transform: capitalize; }
|
|
41
|
-
|
|
42
|
-
// Body-size aliases when the element is not a <p> / <small>.
|
|
43
|
-
.large-text { @include typescale("body-large"); }
|
|
44
|
-
.medium-text { @include typescale("body-medium"); }
|
|
45
|
-
.small-text { @include typescale("body-small"); }
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
@use "../abstracts" as *;
|
|
2
2
|
|
|
3
3
|
// Showing and hiding, globally and per breakpoint.
|
|
4
|
-
//
|
|
4
|
+
// Queries come from bp-up / bp-down / bp-between in abstracts/_breakpoints.scss.
|
|
5
5
|
|
|
6
6
|
.hide { display: none !important; }
|
|
7
7
|
|
|
8
|
-
.hide-on-small-only
|
|
8
|
+
.hide-on-small-only {
|
|
9
9
|
@include bp-down("small") { display: none !important; }
|
|
10
10
|
}
|
|
11
11
|
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { Component, BaseOptions, InitElements, MElement } from '../core/component';
|
|
2
|
-
export interface ModalOptions extends BaseOptions {
|
|
3
|
-
opacity: number;
|
|
4
|
-
inDuration: number;
|
|
5
|
-
outDuration: number;
|
|
6
|
-
preventScrolling: boolean;
|
|
7
|
-
onOpenStart: (this: Modal, el: HTMLElement) => void;
|
|
8
|
-
onOpenEnd: (this: Modal, el: HTMLElement) => void;
|
|
9
|
-
onCloseStart: (el: HTMLElement) => void;
|
|
10
|
-
onCloseEnd: (el: HTMLElement) => void;
|
|
11
|
-
dismissible: boolean;
|
|
12
|
-
startingTop: string;
|
|
13
|
-
endingTop: string;
|
|
14
|
-
}
|
|
15
|
-
export declare class Modal extends Component<ModalOptions> {
|
|
16
|
-
#private;
|
|
17
|
-
constructor(el: HTMLElement, options: Partial<ModalOptions>);
|
|
18
|
-
static get defaults(): {
|
|
19
|
-
opacity: number;
|
|
20
|
-
inDuration: number;
|
|
21
|
-
outDuration: number;
|
|
22
|
-
onOpenStart: any;
|
|
23
|
-
onOpenEnd: any;
|
|
24
|
-
onCloseStart: any;
|
|
25
|
-
onCloseEnd: any;
|
|
26
|
-
preventScrolling: boolean;
|
|
27
|
-
dismissible: boolean;
|
|
28
|
-
startingTop: string;
|
|
29
|
-
endingTop: string;
|
|
30
|
-
};
|
|
31
|
-
static init(el: HTMLElement, options?: Partial<ModalOptions>): Modal;
|
|
32
|
-
static init(els: InitElements<MElement>, options?: Partial<ModalOptions>): Modal[];
|
|
33
|
-
static getInstance(el: HTMLElement): Modal;
|
|
34
|
-
destroy(): void;
|
|
35
|
-
_setupEventHandlers(): void;
|
|
36
|
-
_removeEventHandlers(): void;
|
|
37
|
-
_handleTriggerClick(): void;
|
|
38
|
-
_handleOverlayClick(): void;
|
|
39
|
-
_handleModalCloseClick(): void;
|
|
40
|
-
_handleKeydown(): void;
|
|
41
|
-
_handleFocus(): void;
|
|
42
|
-
open(): this;
|
|
43
|
-
close(): this;
|
|
44
|
-
static create(config: any): string | HTMLDialogElement;
|
|
45
|
-
}
|