@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.
Files changed (74) hide show
  1. package/README.md +1 -1
  2. package/dist/css/expressive.css +1011 -1339
  3. package/dist/css/expressive.css.map +1 -1
  4. package/dist/css/expressive.min.css +1 -1
  5. package/dist/css/expressive.min.css.map +1 -1
  6. package/dist/js/expressive.cjs +701 -853
  7. package/dist/js/expressive.cjs.map +4 -4
  8. package/dist/js/expressive.js +701 -853
  9. package/dist/js/expressive.js.map +4 -4
  10. package/dist/js/expressive.min.js +10 -20
  11. package/dist/js/expressive.min.js.map +4 -4
  12. package/dist/js/expressive.mjs +701 -854
  13. package/dist/js/expressive.mjs.map +4 -4
  14. package/dist/types/components/autocomplete.d.ts +2 -9
  15. package/dist/types/components/buttons.d.ts +2 -2
  16. package/dist/types/components/cards.d.ts +3 -6
  17. package/dist/types/components/carousel.d.ts +3 -3
  18. package/dist/types/components/characterCounter.d.ts +3 -5
  19. package/dist/types/components/chips.d.ts +2 -2
  20. package/dist/types/components/collapsible.d.ts +6 -23
  21. package/dist/types/components/datepicker.d.ts +2 -8
  22. package/dist/types/components/dropdown.d.ts +11 -2
  23. package/dist/types/components/index.d.ts +0 -1
  24. package/dist/types/components/lightbox.d.ts +2 -2
  25. package/dist/types/components/parallax.d.ts +2 -8
  26. package/dist/types/components/pushpin.d.ts +2 -2
  27. package/dist/types/components/range.d.ts +2 -2
  28. package/dist/types/components/registry.d.ts +0 -4
  29. package/dist/types/components/scrollspy.d.ts +26 -50
  30. package/dist/types/components/select.d.ts +20 -6
  31. package/dist/types/components/sidenav.d.ts +40 -55
  32. package/dist/types/components/slider.d.ts +2 -2
  33. package/dist/types/components/tabs.d.ts +2 -2
  34. package/dist/types/components/tapTarget.d.ts +2 -2
  35. package/dist/types/components/timepicker.d.ts +2 -4
  36. package/dist/types/components/tooltip.d.ts +2 -2
  37. package/dist/types/core/component.d.ts +4 -4
  38. package/dist/types/index.d.ts +1 -1
  39. package/package.json +2 -2
  40. package/src/sass/README.md +2 -6
  41. package/src/sass/abstracts/_breakpoints.scss +0 -16
  42. package/src/sass/abstracts/_variables.scss +0 -21
  43. package/src/sass/base/_grid.scss +0 -19
  44. package/src/sass/components/_badges.scss +1 -1
  45. package/src/sass/components/_buttons.scss +22 -54
  46. package/src/sass/components/_cards.scss +50 -123
  47. package/src/sass/components/_carousel.scss +4 -6
  48. package/src/sass/components/_collapsible.scss +13 -15
  49. package/src/sass/components/_collection.scss +9 -27
  50. package/src/sass/components/_datepicker.scss +1 -15
  51. package/src/sass/components/_dropdown.scss +110 -14
  52. package/src/sass/components/_index.scss +1 -0
  53. package/src/sass/components/_modal.scss +13 -31
  54. package/src/sass/components/_navbar.scss +9 -6
  55. package/src/sass/components/_page-footer.scss +134 -15
  56. package/src/sass/components/_parallax.scss +7 -28
  57. package/src/sass/components/_preloader.scss +145 -300
  58. package/src/sass/components/_scrollspy.scss +18 -0
  59. package/src/sass/components/_sidenav.scss +226 -120
  60. package/src/sass/components/_table_of_contents.scss +30 -14
  61. package/src/sass/components/_tabs.scss +54 -35
  62. package/src/sass/components/_tapTarget.scss +2 -6
  63. package/src/sass/components/_toast.scss +10 -11
  64. package/src/sass/components/_toolbar.scss +2 -2
  65. package/src/sass/components/_tooltip.scss +4 -9
  66. package/src/sass/components/_transitions.scss +0 -5
  67. package/src/sass/components/forms/_index.scss +0 -5
  68. package/src/sass/components/forms/_input-fields.scss +49 -52
  69. package/src/sass/components/forms/_select.scss +175 -60
  70. package/src/sass/components/forms/_switches.scss +21 -8
  71. package/src/sass/utilities/_helpers.scss +1 -3
  72. package/src/sass/utilities/_typescale.scss +0 -5
  73. package/src/sass/utilities/_visibility.scss +2 -2
  74. 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, .center-align { text-align: 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
- // Breakpoint strings ($small-and-down, ...) come from abstracts/_variables.scss.
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, .hide-on-small-and-down {
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
- }