@iamproperty/components 2.7.9 → 3.0.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 (172) hide show
  1. package/README.md +16 -137
  2. package/assets/css/core.min.css +1 -1
  3. package/assets/css/core.min.css.map +1 -1
  4. package/assets/css/email.min.css +1 -1
  5. package/assets/css/email.min.css.map +1 -1
  6. package/assets/css/error.min.css +1 -1
  7. package/assets/css/error.min.css.map +1 -1
  8. package/assets/css/style.min.css +1 -1
  9. package/assets/css/style.min.css.map +1 -1
  10. package/assets/favicons/manifest.json +32 -0
  11. package/assets/js/main.js +57 -78
  12. package/assets/js/modules/accordion.js +32 -36
  13. package/assets/js/modules/alert.js +56 -56
  14. package/assets/js/modules/carousel.js +101 -101
  15. package/assets/js/modules/chart.js +218 -217
  16. package/assets/js/modules/drawer.js +15 -15
  17. package/assets/js/modules/form.js +158 -158
  18. package/assets/js/modules/helpers.js +119 -119
  19. package/assets/js/modules/modal.js +89 -89
  20. package/assets/js/modules/nav.js +28 -27
  21. package/assets/js/modules/table.js +585 -585
  22. package/assets/js/modules/testimonial.js +82 -82
  23. package/assets/js/modules/youtubevideo.js +145 -145
  24. package/assets/js/scripts.bundle.js +174 -102
  25. package/assets/js/scripts.bundle.js.map +1 -1
  26. package/assets/js/scripts.bundle.min.js +2 -2
  27. package/assets/js/scripts.bundle.min.js.map +1 -1
  28. package/assets/sass/_components.scss +14 -14
  29. package/assets/sass/_corefiles.scss +40 -40
  30. package/assets/sass/_fonts.scss +16 -16
  31. package/assets/sass/_forms.scss +9 -9
  32. package/assets/sass/_func.scss +12 -10
  33. package/assets/sass/_functions/functions.scss +141 -141
  34. package/assets/sass/_functions/mixins.scss +170 -170
  35. package/assets/sass/_functions/utilities.scss +250 -250
  36. package/assets/sass/_functions/variables.scss +467 -462
  37. package/assets/sass/_print.scss +61 -61
  38. package/assets/sass/_tests/colours.spec.scss +45 -0
  39. package/assets/sass/_tests/func.spec.scss +233 -0
  40. package/assets/sass/_tests/mixins.spec.scss +194 -0
  41. package/assets/sass/_tests/sass.spec.js +9 -0
  42. package/assets/sass/_tests/typography.spec.scss +36 -0
  43. package/assets/sass/components/accordion.scss +197 -197
  44. package/assets/sass/components/alert.scss +98 -98
  45. package/assets/sass/components/cardDeck.scss +107 -107
  46. package/assets/sass/components/carousel.scss +234 -234
  47. package/assets/sass/components/charts.scss +569 -569
  48. package/assets/sass/components/drawer.scss +46 -46
  49. package/assets/sass/components/header.scss +63 -63
  50. package/assets/sass/components/modal.scss +136 -136
  51. package/assets/sass/components/nav.scss +919 -820
  52. package/assets/sass/components/property-searchbar.scss +143 -143
  53. package/assets/sass/components/snapshot.scss +70 -70
  54. package/assets/sass/components/stepper.scss +164 -164
  55. package/assets/sass/components/tabs.scss +87 -87
  56. package/assets/sass/components/testimonial.scss +132 -132
  57. package/assets/sass/components/timeline.scss +95 -95
  58. package/assets/sass/core.scss +6 -6
  59. package/assets/sass/elements/buttons.scss +209 -209
  60. package/assets/sass/elements/card.scss +177 -177
  61. package/assets/sass/elements/container.scss +225 -225
  62. package/assets/sass/elements/forms.scss +194 -194
  63. package/assets/sass/elements/links.scss +96 -96
  64. package/assets/sass/elements/lists.scss +112 -112
  65. package/assets/sass/elements/panel.scss +161 -161
  66. package/assets/sass/elements/tables.scss +290 -290
  67. package/assets/sass/elements/tooltips.scss +84 -84
  68. package/assets/sass/elements/type.scss +136 -136
  69. package/assets/sass/email.scss +65 -65
  70. package/assets/sass/error.scss +4 -4
  71. package/assets/sass/foundations/brand.scss +72 -72
  72. package/assets/sass/foundations/circles.scss +74 -74
  73. package/assets/sass/foundations/icons.scss +72 -72
  74. package/assets/sass/foundations/media.scss +50 -50
  75. package/assets/sass/foundations/reboot.scss +130 -130
  76. package/assets/sass/foundations/root.scss +106 -104
  77. package/assets/sass/main.scss +7 -7
  78. package/assets/svg/icons.svg +598 -588
  79. package/assets/svg/logo.svg +42 -42
  80. package/assets/ts/main.js +57 -0
  81. package/assets/ts/main.js.map +1 -0
  82. package/assets/ts/main.ts +68 -0
  83. package/assets/ts/modules/accordion.js +33 -0
  84. package/assets/ts/modules/accordion.js.map +1 -0
  85. package/assets/ts/modules/accordion.ts +43 -0
  86. package/dist/components.es.js +2504 -0
  87. package/dist/components.umd.js +56 -3760
  88. package/dist/style.css +1 -0
  89. package/package.json +108 -103
  90. package/src/components/Accordion/Accordion.screenshot.vue +57 -0
  91. package/src/components/Accordion/Accordion.spec.js +63 -0
  92. package/src/components/Accordion/Accordion.vue +22 -22
  93. package/src/components/Accordion/AccordionItem.vue +52 -52
  94. package/src/components/Accordion/README.md +34 -34
  95. package/src/components/Accordion/__screenshots__/win32/laptop/Accordion.png +0 -0
  96. package/src/components/Accordion/__screenshots__/win32/mobile/Accordion.png +0 -0
  97. package/src/components/Accordion/__screenshots__/win32/tablet/Accordion.png +0 -0
  98. package/src/components/Alert/Alert.spec.js +49 -0
  99. package/src/components/Alert/Alert.vue +39 -39
  100. package/src/components/Alert/README.md +28 -28
  101. package/src/components/Banner/Banner.spec.js +28 -0
  102. package/src/components/Banner/Banner.vue +38 -38
  103. package/src/components/Banner/README.md +23 -23
  104. package/src/components/CardDeck/CardDeck.spec.js +99 -0
  105. package/src/components/CardDeck/CardDeck.vue +77 -77
  106. package/src/components/CardDeck/README.md +24 -24
  107. package/src/components/Carousel/Carousel.spec.js +45 -0
  108. package/src/components/Carousel/Carousel.vue +85 -85
  109. package/src/components/Carousel/README.md +19 -19
  110. package/src/components/Chart/Chart.spec.js +201 -0
  111. package/src/components/Chart/Chart.vue +88 -88
  112. package/src/components/Chart/README.md +17 -17
  113. package/src/components/Drawer/Drawer.vue +53 -53
  114. package/src/components/Drawer/README.md +22 -22
  115. package/src/components/Header/Header.spec.js +33 -0
  116. package/src/components/Header/Header.vue +38 -38
  117. package/src/components/Header/README.md +27 -27
  118. package/src/components/Modal/Modal.spec.js +22 -0
  119. package/src/components/Modal/Modal.vue +43 -43
  120. package/src/components/Modal/README.md +19 -19
  121. package/src/components/Nav/Nav.spec.js +35 -0
  122. package/src/components/Nav/Nav.vue +215 -189
  123. package/src/components/Nav/README.md +22 -22
  124. package/src/components/NoteFeed/NoteFeed.vue +79 -79
  125. package/src/components/NoteFeed/README.md +16 -16
  126. package/src/components/PropertySearchbar/PropertySearchbar.vue +204 -204
  127. package/src/components/PropertySearchbar/README.md +25 -25
  128. package/src/components/Snapshot/README.md +20 -20
  129. package/src/components/Snapshot/Snapshot.vue +32 -32
  130. package/src/components/Stepper/README.md +32 -32
  131. package/src/components/Stepper/Step.vue +28 -28
  132. package/src/components/Stepper/Stepper.spec.js +99 -0
  133. package/src/components/Stepper/Stepper.vue +33 -33
  134. package/src/components/Tabs/README.md +27 -27
  135. package/src/components/Tabs/Tab.vue +32 -26
  136. package/src/components/Tabs/Tabs.vue +77 -75
  137. package/src/components/Testimonial/README.md +25 -25
  138. package/src/components/Testimonial/Testimonial.spec.js +57 -0
  139. package/src/components/Testimonial/Testimonial.vue +60 -60
  140. package/src/components/Timeline/README.md +18 -18
  141. package/src/components/Timeline/Timeline.spec.js +17 -0
  142. package/src/components/Timeline/Timeline.vue +24 -24
  143. package/src/elements/Card/Card.vue +113 -113
  144. package/src/elements/Card/README.md +24 -24
  145. package/src/elements/FileUploads/FileUploads.vue +48 -48
  146. package/src/elements/FileUploads/README.md +24 -24
  147. package/src/elements/Input/Input.vue +268 -268
  148. package/src/elements/Input/README.md +19 -19
  149. package/src/elements/Table/README.md +62 -62
  150. package/src/elements/Table/Table.spec.js +90 -0
  151. package/src/elements/Table/Table.vue +129 -129
  152. package/src/foundations/Icon/Icon.spec.js +24 -0
  153. package/src/foundations/Icon/Icon.vue +24 -24
  154. package/src/foundations/Icon/README.md +11 -11
  155. package/src/foundations/Logo/Logo.spec.js +56 -0
  156. package/src/foundations/Logo/Logo.vue +39 -39
  157. package/src/foundations/Logo/README.md +20 -20
  158. package/src/foundations/YoutubeVideo/README.md +11 -11
  159. package/src/foundations/YoutubeVideo/YoutubeVideo.vue +24 -24
  160. package/src/helpers/strings.js +12 -12
  161. package/src/index.js +27 -27
  162. package/src/vue-shim.d.ts +6 -0
  163. package/assets/.DS_Store +0 -0
  164. package/dist/components.common.js +0 -3749
  165. package/dist/components.common.js.map +0 -1
  166. package/dist/components.css +0 -2
  167. package/dist/components.css.map +0 -1
  168. package/dist/components.umd.js.map +0 -1
  169. package/dist/components.umd.min.js +0 -2
  170. package/dist/components.umd.min.js.map +0 -1
  171. package/dist/demo.html +0 -1
  172. package/src/.DS_Store +0 -0
@@ -1,40 +1,40 @@
1
- @use "_func" as *;
2
-
3
- // Foundations
4
- @use "foundations/root.scss";
5
- @use "foundations/reboot.scss";
6
- @use "foundations/brand.scss";
7
- @use "foundations/icons.scss";
8
- @use "foundations/circles.scss";
9
- @use "foundations/media.scss";
10
-
11
- // elements
12
- @use "elements/type.scss";
13
- @use "elements/lists.scss";
14
- @use "elements/tooltips.scss";
15
- @use "elements/container.scss";
16
- @use "elements/tables.scss";
17
- @use "elements/links.scss";
18
- @use "elements/buttons";
19
- @use "elements/card.scss";
20
- @use "elements/panel.scss";
21
-
22
- // Bootstrap elements
23
- @import "../../node_modules/bootstrap/scss/_transitions.scss";
24
- @import "../../node_modules/bootstrap/scss/_pagination.scss";
25
- @import "../../node_modules/bootstrap/scss/_badge.scss";
26
-
27
- // Helpers
28
- //@import "../../node_modules/bootstrap/scss/helpers";
29
- @import "../../node_modules/bootstrap/scss/helpers/clearfix";
30
- //@import "../../node_modules/bootstrap/scss/helpers/colored-links";
31
- @import "../../node_modules/bootstrap/scss/helpers/ratio";
32
- @import "../../node_modules/bootstrap/scss/helpers/position";
33
- @import "../../node_modules/bootstrap/scss/helpers/stacks";
34
- @import "../../node_modules/bootstrap/scss/helpers/visually-hidden";
35
- //@import "../../node_modules/bootstrap/scss/helpers/stretched-link";
36
- @import "../../node_modules/bootstrap/scss/helpers/text-truncation";
37
- //@import "../../node_modules/bootstrap/scss/helpers/vr";
38
-
39
- // Utilities
40
- @import "../../node_modules/bootstrap/scss/utilities/_api.scss";
1
+ @use "_func" as *;
2
+
3
+ // Foundations
4
+ @use "foundations/root.scss";
5
+ @use "foundations/reboot.scss";
6
+ @use "foundations/brand.scss";
7
+ @use "foundations/icons.scss";
8
+ @use "foundations/circles.scss";
9
+ @use "foundations/media.scss";
10
+
11
+ // elements
12
+ @use "elements/type.scss";
13
+ @use "elements/lists.scss";
14
+ @use "elements/tooltips.scss";
15
+ @use "elements/container.scss";
16
+ @use "elements/tables.scss";
17
+ @use "elements/links.scss";
18
+ @use "elements/buttons";
19
+ @use "elements/card.scss";
20
+ @use "elements/panel.scss";
21
+
22
+ // Bootstrap elements
23
+ @import "../../node_modules/bootstrap/scss/_transitions.scss";
24
+ @import "../../node_modules/bootstrap/scss/_pagination.scss";
25
+ @import "../../node_modules/bootstrap/scss/_badge.scss";
26
+
27
+ // Helpers
28
+ //@import "../../node_modules/bootstrap/scss/helpers";
29
+ @import "../../node_modules/bootstrap/scss/helpers/clearfix";
30
+ //@import "../../node_modules/bootstrap/scss/helpers/colored-links";
31
+ @import "../../node_modules/bootstrap/scss/helpers/ratio";
32
+ @import "../../node_modules/bootstrap/scss/helpers/position";
33
+ @import "../../node_modules/bootstrap/scss/helpers/stacks";
34
+ @import "../../node_modules/bootstrap/scss/helpers/visually-hidden";
35
+ //@import "../../node_modules/bootstrap/scss/helpers/stretched-link";
36
+ @import "../../node_modules/bootstrap/scss/helpers/text-truncation";
37
+ //@import "../../node_modules/bootstrap/scss/helpers/vr";
38
+
39
+ // Utilities
40
+ @import "../../node_modules/bootstrap/scss/utilities/_api.scss";
@@ -1,17 +1,17 @@
1
- $fontPath: '../fonts/' !default;
2
-
3
- @font-face {
4
- font-family: 'qanelasmedium';
5
- src: url($fontPath+'qanelas-medium-webfont.woff2') format('woff2'),
6
- url($fontPath+'qanelas-medium-webfont.woff') format('woff');
7
- font-weight: normal;
8
- font-style: normal;
9
- }
10
-
11
- @font-face {
12
- font-family: 'qanelas_softextrabold';
13
- src: url($fontPath+'qanelassoft-extrabold-webfont.woff2') format('woff2'),
14
- url($fontPath+'qanelassoft-extrabold-webfont.woff') format('woff');
15
- font-weight: bold;
16
- font-style: normal;
1
+ $fontPath: '../fonts/' !default;
2
+
3
+ @font-face {
4
+ font-family: 'qanelasmedium';
5
+ src: url($fontPath+'qanelas-medium-webfont.woff2') format('woff2'),
6
+ url($fontPath+'qanelas-medium-webfont.woff') format('woff');
7
+ font-weight: normal;
8
+ font-style: normal;
9
+ }
10
+
11
+ @font-face {
12
+ font-family: 'qanelas_softextrabold';
13
+ src: url($fontPath+'qanelassoft-extrabold-webfont.woff2') format('woff2'),
14
+ url($fontPath+'qanelassoft-extrabold-webfont.woff') format('woff');
15
+ font-weight: bold;
16
+ font-style: normal;
17
17
  }
@@ -1,10 +1,10 @@
1
- @use "_func" as *;
2
-
3
- @import "../../node_modules/bootstrap/scss/forms/labels";
4
- @import "../../node_modules/bootstrap/scss/forms/form-control";
5
- @import "../../node_modules/bootstrap/scss/forms/form-select";
6
- @import "../../node_modules/bootstrap/scss/forms/form-check";
7
- @import "../../node_modules/bootstrap/scss/forms/form-range";
8
- @import "../../node_modules/bootstrap/scss/forms/input-group";
9
- @import "../../node_modules/bootstrap/scss/forms/validation";
1
+ @use "_func" as *;
2
+
3
+ @import "../../node_modules/bootstrap/scss/forms/labels";
4
+ @import "../../node_modules/bootstrap/scss/forms/form-control";
5
+ @import "../../node_modules/bootstrap/scss/forms/form-select";
6
+ @import "../../node_modules/bootstrap/scss/forms/form-check";
7
+ @import "../../node_modules/bootstrap/scss/forms/form-range";
8
+ @import "../../node_modules/bootstrap/scss/forms/input-group";
9
+ @import "../../node_modules/bootstrap/scss/forms/validation";
10
10
  @import "elements/forms.scss";
@@ -1,11 +1,13 @@
1
- $compatible: 'false'!default;
2
- $mobileOnly: 'false'!default;
3
-
4
- // Declare global vars variable
5
- $vars: ()!default;
6
- $varsMD: ()!default;
7
-
8
- @import "_functions/functions";
9
- @import "_functions/variables";
10
- @import "_functions/mixins";
1
+ $compatible: 'false'!default;
2
+ $mobileOnly: 'false'!default;
3
+
4
+ // Declare global vars variable
5
+ $vars: ()!default;
6
+ $varsMD: ()!default;
7
+
8
+ $prefix: '';
9
+
10
+ @import "_functions/functions";
11
+ @import "_functions/variables";
12
+ @import "_functions/mixins";
11
13
  @import "_functions/utilities";
@@ -1,141 +1,141 @@
1
- @use "sass:math";
2
-
3
- @import "../../../node_modules/bootstrap/scss/_functions.scss";
4
-
5
- @function pow($x, $n) {
6
- $ret: 1;
7
-
8
- @if $n >= 0 {
9
- @for $i from 1 through $n {
10
- $ret: $ret * $x;
11
- }
12
- } @else {
13
- @for $i from $n to 0 {
14
- $ret: math.div($ret,$x);
15
- }
16
- }
17
-
18
- @return $ret;
19
- }
20
-
21
- @function to-fixed($float, $digits: 2) {
22
- $sass-precision: 5;
23
-
24
- @if $digits > $sass-precision {
25
- @warn "Sass sets default precision to #{$sass-precision} digits, and there is no way to change that for now."
26
- + "The returned number will have #{$sass-precision} digits, even if you asked for `#{$digits}`."
27
- + "See https://github.com/sass/sass/issues/1122 for further informations.";
28
- }
29
-
30
- $pow: pow(10, $digits);
31
- @return math.div(round($float * $pow),$pow);
32
- }
33
-
34
- // converts pixels to em (context sets the current size of the font)
35
- @function em($pixels, $context: 16)
36
- {
37
- @return #{math.div($pixels,$context)}em;
38
- }
39
-
40
- @function rem($pixels, $context: 16)
41
- {
42
- @return #{math.div($pixels,$context)}rem;
43
- }
44
-
45
- @function vw($pixels, $context: 16)
46
- {
47
- $size: math.div(16,$pixels) * 100;
48
- @return #{to-fixed($size,5)}vw;
49
- }
50
-
51
- @function strip-px($number) {
52
- @if type-of($number) == 'number' and not unitless($number) {
53
- @return math.div($number, ($number * 0 + 1));
54
- }
55
-
56
- @return $number;
57
- }
58
-
59
- // prevent colours being changed via sass functions
60
- @function darken($colour, $percent)
61
- {
62
- @return $colour;
63
- }
64
-
65
- @function lighten($colour, $percent)
66
- {
67
- @return $colour;
68
- }
69
-
70
- @function saturate($colour, $percent)
71
- {
72
- @return $colour;
73
- }
74
- @function desaturate($colour, $percent)
75
- {
76
- @return $colour;
77
- }
78
-
79
- @function adjust-hue($colour, $percent)
80
- {
81
- @return $colour;
82
- }
83
-
84
- @function tint($colour, $percent)
85
- {
86
- @return $colour;
87
- }
88
- @function shade($colour, $percent)
89
- {
90
- @return $colour;
91
- }
92
-
93
- @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
94
- $next: breakpoint-next($name, $breakpoints);
95
- @return if($next, breakpoint-min($next, $breakpoints), null);
96
- }
97
-
98
- // Trims the start/left of the string:
99
- @function str-trimStart ($str) {
100
- @if (str-slice($str, 1, 1) == ' ') {
101
- @return str-trimStart(str-slice($str, 2));
102
- } @else {
103
- @return $str;
104
- }
105
- }
106
-
107
- // Trims the end/right of the string:
108
- @function str-trimEnd ($str) {
109
- @if (str-slice($str, str-length($str), -1) == ' ') {
110
- @return str-trimEnd(str-slice($str, 1, -2));
111
- } @else {
112
- @return $str;
113
- }
114
- }
115
-
116
- // Trims both the start and end of the string:
117
- @function str-trim ($str) {
118
- @return str-trimStart(str-trimEnd($str));
119
- }
120
-
121
- @function str-split($string, $separator) {
122
- // empty array/list
123
- $split-arr: ();
124
- // first index of separator in string
125
- $index : str-index($string, $separator);
126
- // loop through string
127
- @while $index != null {
128
- // get the substring from the first character to the separator
129
- $item: str-slice($string, 1, $index - 1);
130
- // push item to array
131
- $split-arr: append($split-arr, str-trim($item));
132
- // remove item and separator from string
133
- $string: str-slice($string, $index + 1);
134
- // find new index of separator
135
- $index : str-index($string, $separator);
136
- }
137
- // add the remaining string to list (the last item)
138
- $split-arr: append($split-arr, str-trim($string));
139
-
140
- @return $split-arr;
141
- }
1
+ @use "sass:math";
2
+
3
+ @import "../../../node_modules/bootstrap/scss/_functions.scss";
4
+
5
+ @function pow($x, $n) {
6
+ $ret: 1;
7
+
8
+ @if $n >= 0 {
9
+ @for $i from 1 through $n {
10
+ $ret: $ret * $x;
11
+ }
12
+ } @else {
13
+ @for $i from $n to 0 {
14
+ $ret: math.div($ret,$x);
15
+ }
16
+ }
17
+
18
+ @return $ret;
19
+ }
20
+
21
+ @function to-fixed($float, $digits: 2) {
22
+ $sass-precision: 5;
23
+
24
+ @if $digits > $sass-precision {
25
+ @warn "Sass sets default precision to #{$sass-precision} digits, and there is no way to change that for now."
26
+ + "The returned number will have #{$sass-precision} digits, even if you asked for `#{$digits}`."
27
+ + "See https://github.com/sass/sass/issues/1122 for further informations.";
28
+ }
29
+
30
+ $pow: pow(10, $digits);
31
+ @return math.div(round($float * $pow),$pow);
32
+ }
33
+
34
+ // converts pixels to em (context sets the current size of the font)
35
+ @function em($pixels, $context: 16)
36
+ {
37
+ @return #{math.div($pixels,$context)}em;
38
+ }
39
+
40
+ @function rem($pixels, $context: 16)
41
+ {
42
+ @return #{math.div($pixels,$context)}rem;
43
+ }
44
+
45
+ @function vw($pixels, $context: 16)
46
+ {
47
+ $size: math.div(16,$pixels) * 100;
48
+ @return #{to-fixed($size,5)}vw;
49
+ }
50
+
51
+ @function strip-px($number) {
52
+ @if type-of($number) == 'number' and not unitless($number) {
53
+ @return math.div($number, ($number * 0 + 1));
54
+ }
55
+
56
+ @return $number;
57
+ }
58
+
59
+ // prevent colours being changed via sass functions
60
+ @function darken($colour, $percent)
61
+ {
62
+ @return $colour;
63
+ }
64
+
65
+ @function lighten($colour, $percent)
66
+ {
67
+ @return $colour;
68
+ }
69
+
70
+ @function saturate($colour, $percent)
71
+ {
72
+ @return $colour;
73
+ }
74
+ @function desaturate($colour, $percent)
75
+ {
76
+ @return $colour;
77
+ }
78
+
79
+ @function adjust-hue($colour, $percent)
80
+ {
81
+ @return $colour;
82
+ }
83
+
84
+ @function tint($colour, $percent)
85
+ {
86
+ @return $colour;
87
+ }
88
+ @function shade($colour, $percent)
89
+ {
90
+ @return $colour;
91
+ }
92
+
93
+ @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
94
+ $next: breakpoint-next($name, $breakpoints);
95
+ @return if($next, breakpoint-min($next, $breakpoints), null);
96
+ }
97
+
98
+ // Trims the start/left of the string:
99
+ @function str-trimStart ($str) {
100
+ @if (str-slice($str, 1, 1) == ' ') {
101
+ @return str-trimStart(str-slice($str, 2));
102
+ } @else {
103
+ @return $str;
104
+ }
105
+ }
106
+
107
+ // Trims the end/right of the string:
108
+ @function str-trimEnd ($str) {
109
+ @if (str-slice($str, str-length($str), -1) == ' ') {
110
+ @return str-trimEnd(str-slice($str, 1, -2));
111
+ } @else {
112
+ @return $str;
113
+ }
114
+ }
115
+
116
+ // Trims both the start and end of the string:
117
+ @function str-trim ($str) {
118
+ @return str-trimStart(str-trimEnd($str));
119
+ }
120
+
121
+ @function str-split($string, $separator) {
122
+ // empty array/list
123
+ $split-arr: ();
124
+ // first index of separator in string
125
+ $index : str-index($string, $separator);
126
+ // loop through string
127
+ @while $index != null {
128
+ // get the substring from the first character to the separator
129
+ $item: str-slice($string, 1, $index - 1);
130
+ // push item to array
131
+ $split-arr: append($split-arr, str-trim($item));
132
+ // remove item and separator from string
133
+ $string: str-slice($string, $index + 1);
134
+ // find new index of separator
135
+ $index : str-index($string, $separator);
136
+ }
137
+ // add the remaining string to list (the last item)
138
+ $split-arr: append($split-arr, str-trim($string));
139
+
140
+ @return $split-arr;
141
+ }