@sparkle-learning/core 0.0.42 → 0.0.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 (44) hide show
  1. package/dist/cjs/header-mobile-collapse_61.cjs.entry.js +130 -3
  2. package/dist/cjs/{icons-fda820af.js → icons-c61db785.js} +0 -0
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/sparkle-animation-player.cjs.entry.js +15 -3
  5. package/dist/cjs/sparkle-code.cjs.entry.js +1 -1
  6. package/dist/cjs/sparkle-core.cjs.js +1 -1
  7. package/dist/cjs/sparkle-menu-collapsible.cjs.entry.js +1 -1
  8. package/dist/collection/components/sparkle-animation-player/sparkle-animation-player.js +16 -3
  9. package/dist/esm/header-mobile-collapse_61.entry.js +133 -6
  10. package/dist/esm/{icons-1c794c74.js → icons-9b62a1ec.js} +0 -0
  11. package/dist/esm/loader.js +1 -1
  12. package/dist/esm/sparkle-animation-player.entry.js +15 -3
  13. package/dist/esm/sparkle-code.entry.js +1 -1
  14. package/dist/esm/sparkle-core.js +1 -1
  15. package/dist/esm/sparkle-menu-collapsible.entry.js +1 -1
  16. package/dist/sparkle-core/{p-11a6c175.entry.js → p-0fa3fd63.entry.js} +1 -1
  17. package/dist/sparkle-core/p-18cdd458.entry.js +1 -0
  18. package/dist/sparkle-core/{p-957715c5.entry.js → p-a102341e.entry.js} +1 -1
  19. package/dist/sparkle-core/{p-b4408842.entry.js → p-b401b101.entry.js} +6 -2
  20. package/dist/sparkle-core/{p-cabe9139.js → p-e8073714.js} +0 -0
  21. package/dist/sparkle-core/sparkle-core.esm.js +1 -1
  22. package/dist/types/components/sparkle-animation-player/sparkle-animation-player.d.ts +2 -0
  23. package/package.json +2 -2
  24. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/button/button.css +0 -49
  25. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/cards/card/card.css +0 -208
  26. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/cards/cards.css +0 -31
  27. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/code/code.css +0 -245
  28. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/dropdown/dropdown.css +0 -115
  29. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/header/header-mobile-collapse/header-mobile-collapse.css +0 -255
  30. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/header/header.css +0 -232
  31. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/menu/collapsible/collapsible.css +0 -3
  32. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/menu/menu-toggle/menu-toggle.css +0 -25
  33. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/menu/menu.css +0 -71
  34. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/nav/nav.css +0 -194
  35. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/notfound-page/notfound-page.css +0 -4
  36. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/overlay/overlay.css +0 -67
  37. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/page-footer/page-footer.css +0 -18
  38. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/pagination/pagination.css +0 -89
  39. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/select/select.css +0 -52
  40. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/sidebar/sidebar.css +0 -98
  41. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/sparkle-lower-content-nav/sparkle-lower-content-nav.css +0 -8
  42. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/table-of-contents/table-of-contents.css +0 -37
  43. package/dist/node_modules/@sparkle-learning/components/dist/collection/components/tabs/tabs.css +0 -64
  44. package/dist/sparkle-core/p-1e4f65ee.entry.js +0 -1
@@ -1,245 +0,0 @@
1
- /**
2
- * prism.js Dark theme for JavaScript, CSS and HTML
3
- * Based on the slides of the talk “/Reg(exp){2}lained/”
4
- * @author Lea Verou
5
- */
6
-
7
- code[class*="language-"],
8
- pre[class*="language-"] {
9
- color: #4d4d4c;
10
- background: none;
11
- white-space: pre;
12
- word-spacing: normal;
13
- word-break: normal;
14
- word-wrap: normal;
15
- line-height: 1.5;
16
-
17
- -moz-tab-size: 4;
18
- -o-tab-size: 4;
19
- tab-size: 4;
20
-
21
- -webkit-hyphens: none;
22
- -moz-hyphens: none;
23
- -ms-hyphens: none;
24
- hyphens: none;
25
- }
26
-
27
- pre[class*="language-"],
28
- :not(pre) > code[class*="language-"] {
29
- background: hsl(30, 20%, 25%);
30
- }
31
-
32
- /* Code blocks */
33
- pre[class*="language-"] {
34
- padding: 1em;
35
- margin: .5em 0;
36
- overflow: auto;
37
- border: .3em solid hsl(30, 20%, 40%);
38
- border-radius: .5em;
39
- box-shadow: 1px 1px .5em black inset;
40
- }
41
-
42
- /* Inline code */
43
- :not(pre) > code[class*="language-"] {
44
- padding: .15em .2em .05em;
45
- border-radius: .3em;
46
- border: .13em solid hsl(30, 20%, 40%);
47
- box-shadow: 1px 1px .3em -.1em black inset;
48
- white-space: normal;
49
- }
50
-
51
- /* Tomorrow Comment */
52
- .token.comment,
53
- .token.prolog,
54
- .token.doctype,
55
- .token.cdata {
56
- color: #8c9296;
57
- }
58
-
59
- .token.punctuation {
60
- opacity: .7;
61
- }
62
-
63
- .namespace {
64
- opacity: .7;
65
- }
66
-
67
- .token.tag {
68
- color: #91c5ff;
69
- }
70
-
71
- .token.tag .token.tag {
72
- color: #2b90ff;
73
- }
74
-
75
- .token.property,
76
- .token.attr-name,
77
- .token.boolean,
78
- .token.number,
79
- .token.constant,
80
- .token.symbol {
81
- color: #8454ff;
82
- }
83
-
84
- .token.selector,
85
- .token.char,
86
- .token.function,
87
- .token.builtin,
88
- .token.inserted {
89
- color: #ff6810;
90
- }
91
-
92
- .token.operator,
93
- .token.string,
94
- .token.entity,
95
- .token.url,
96
- .token.attr-value,
97
- .language-css .token.string,
98
- .style .token.string,
99
- .token.variable {
100
- color: #42b983;
101
- }
102
-
103
- .token.atrule {
104
- color: #ffbb01;
105
- }
106
-
107
- .token.regex,
108
- .token.keyword,
109
- .token.important {
110
- color: #f55073;
111
- }
112
-
113
- .token.important,
114
- .token.bold {
115
- font-weight: bold;
116
- }
117
- .token.italic {
118
- font-style: italic;
119
- }
120
-
121
- .token.entity {
122
- cursor: help;
123
- }
124
-
125
- .token.deleted {
126
- color: red;
127
- }
128
-
129
- sparkle-code[language="shell"] > pre {
130
- background-color: var(--text-color--dark);
131
- border-radius: 7px;
132
- }
133
-
134
- sparkle-code[language="shell"]:before {
135
- display: none;
136
- }
137
-
138
- sparkle-code[language="shell"] code {
139
- color: rgba(255, 255, 255, 0.7);
140
- font-size: 13px;
141
- }
142
-
143
- sparkle-code[language="shell"] .token {
144
- color: inherit;
145
- }
146
-
147
- sparkle-code[language="shell"] .token.prompt {
148
- color: #fb96f9;
149
- user-select: none;
150
- }
151
-
152
- sparkle-code[language="shell"] .token.comment {
153
- color: rgba(255, 255, 255, 0.45);
154
- }
155
-
156
-
157
- sparkle-code {
158
- display: block;
159
- position: relative;
160
- }
161
-
162
- sparkle-code:before {
163
- color: #bdc5d1;
164
- content: attr(language);
165
- font-family: var(--code-font-family);
166
- font-size: 10px;
167
- letter-spacing: 0.05em;
168
- line-height: 1;
169
- padding: 0.75em;
170
- position: absolute;
171
- right: 0;
172
- text-transform: uppercase;
173
- top: 0;
174
- }
175
-
176
- sparkle-code[language="shell"] pre {
177
- white-space: pre-wrap;
178
- }
179
-
180
- .code-text__copy{
181
- position: absolute;
182
- right: 0;
183
- top: -1.6rem;
184
- height: 20px;
185
- }
186
-
187
- .code-text__copy-link,
188
- .code-text__copy-confirmation {
189
- padding: 4px 5px;
190
- font-size: 12px;
191
- line-height: 12px;
192
- font-weight: 600;
193
- position: absolute;
194
- right: 0;
195
- top: 0;
196
- }
197
-
198
- .code-text__copy-link {
199
- transition:
200
- 0.2s transform ,
201
- 0.2s opacity,
202
- 0.2s color;
203
- color: #70A4FF;
204
- background-color: #E0EEFF;
205
- border-radius: 4px;
206
- display: inline-block;
207
- cursor: pointer;
208
- opacity: 1;
209
- transform: translate3d(0,0,0);
210
- z-index: 5;
211
- }
212
-
213
- .code-text__copy-link:hover {
214
- color: var(--blue);
215
- }
216
-
217
- .code-text__copy-confirmation {
218
- transition:
219
- 0.2s transform ,
220
- 0.2s opacity;
221
- color: #0ec254;
222
- opacity: 0;
223
- transform: translate3d(0,5px,0);
224
- z-index: 1;
225
- display: flex;
226
- align-items: center;
227
- height: 20px;
228
- padding: 0;
229
- }
230
-
231
- .code-text__copy-confirmation svg {
232
- fill: #0ec254;
233
- margin-right: -4px;
234
- }
235
-
236
- .show-confirmation .code-text__copy-link {
237
- opacity: 0;
238
- transform: translate3d(0,-5px,0);
239
- pointer-events: none;
240
- }
241
-
242
- .show-confirmation .code-text__copy-confirmation {
243
- opacity: 1;
244
- transform: translate3d(0,0,0);
245
- }
@@ -1,115 +0,0 @@
1
- .Dropdown {
2
- display: inline-block;
3
- position: relative;
4
- z-index: 1;
5
- }
6
-
7
- .Dropdown-button {
8
- appearance: none;
9
- background: none;
10
- border: none;
11
- color: inherit;
12
- font-family: inherit;
13
- font-size: inherit;
14
- font-weight: inherit;
15
- line-height: inherit;
16
- padding: initial;
17
- white-space: nowrap;
18
- display: flex;
19
- }
20
-
21
- .Dropdown-button .Dropdown-icon {
22
- height: 14px;
23
- width: 22px;
24
- fill: #ced6e0;
25
- }
26
-
27
- .Dropdown-button .Dropdown-icon + .Dropdown-arrow {
28
- margin-left: 0px;
29
- fill: #ced6e0;
30
- vertical-align: 2px;
31
- }
32
- .Dropdown:focus,
33
- .Dropdown-button:focus {
34
- outline: none;
35
- }
36
-
37
- .Dropdown-button:hover {
38
- cursor: pointer;
39
- }
40
-
41
- .Dropdown-arrow {
42
- fill: currentColor;
43
- height: 0.8em;
44
- margin-bottom: -0.0875em;
45
- width: 0.8em;
46
- margin-left: 0.8em;
47
- }
48
-
49
- .Dropdown.is-open .Dropdown-arrow {
50
- transform: rotate(180deg);
51
- }
52
-
53
- .Dropdown-panel {
54
- background-color: var(--background);
55
- border-radius: 6px;
56
- border: none;
57
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
58
- display: none;
59
- min-width: 100%;
60
- overflow: hidden;
61
- pointer-events: none;
62
- position: absolute;
63
- top: 100%;
64
- visibility: hidden;
65
- }
66
-
67
- .Dropdown.is-open .Dropdown-panel {
68
- display: initial;
69
- pointer-events: auto;
70
- visibility: visible;
71
- }
72
-
73
- .Dropdown--left .Dropdown-panel {
74
- left: 0;
75
- }
76
-
77
- .Dropdown--right .Dropdown-panel {
78
- right: 0;
79
- }
80
-
81
- .Dropdown--center .Dropdown-panel {
82
- left: 50%;
83
- transform: translateX(-50%);
84
- }
85
-
86
- .Dropdown-panel a {
87
- display: flex;
88
- justify-content: space-between;
89
- padding: 0.5em 1em;
90
- }
91
-
92
- .Dropdown-panel svg {
93
- height: 1em;
94
- width: 1em;
95
- margin-left: 4px;
96
- }
97
-
98
- @media (hover: hover) {
99
- .Dropdown-panel a:hover {
100
- background-color: rgba(0, 0, 0, 0.025);
101
- }
102
- }
103
-
104
- .Dropdown-panel > section {
105
- padding: 0.5em 0;
106
- }
107
-
108
- .Dropdown-panel > section:not(:last-child) {
109
- border-bottom: solid 1px var(--line-rule-color);
110
- }
111
- .Dropdown-image {
112
- height: 36px;
113
- width: 36px;
114
- border-radius: 50%;
115
- }
@@ -1,255 +0,0 @@
1
- header-mobile-collapse,
2
- header-mobile-collapse .header-mobile-collapse__content {
3
- flex: 1;
4
- display: flex;
5
- justify-content: flex-end;
6
- align-items: center;
7
- }
8
-
9
- header-mobile-collapse .ionic-sub-header__mobile-toggle {
10
- display: none;
11
- padding-top: 14px;
12
- pointer-events: none;
13
- padding-left: 8px;
14
- }
15
-
16
- header-mobile-collapse .ionic-sub-header__mobile-toggle svg {
17
- height: 20px;
18
- width: 20px;
19
- }
20
-
21
- header-mobile-collapse .UtilNav {
22
- margin-left: auto;
23
- }
24
-
25
- header-mobile-collapse > ionic-search {
26
- padding-right: 8px;
27
- padding-top: 4px;
28
- display: none;
29
- }
30
-
31
- header-mobile-collapse .label-sm-only .Dropdown-button-label,
32
- header-mobile-collapse .sm-only {
33
- display: none;
34
- }
35
-
36
- @media (max-width: 800px) {
37
- header-mobile-collapse .ionic-sub-header__mobile-toggle {
38
- display: block;
39
- cursor: pointer;
40
- padding-top: 14px;
41
- pointer-events: all;
42
- transition: 0.2s transform ease 0.1s;
43
- transform-origin: 66% 50%;
44
- }
45
-
46
- header-mobile-collapse .header-mobile-collapse__backdrop {
47
- position: fixed;
48
- top: 100%;
49
- height: 100vh;
50
- left: 0;
51
- right: 0;
52
- background: rgba(0, 0, 0, 0.1);
53
- cursor: pointer;
54
- opacity: 0;
55
- pointer-events: none;
56
- transition: 0.4s opacity;
57
- }
58
-
59
- header-mobile-collapse.ionic-sub-header--mobile-active .header-mobile-collapse__backdrop {
60
- opacity: 1;
61
- pointer-events: all;
62
- }
63
-
64
- header-mobile-collapse > ionic-search {
65
- display: block;
66
- }
67
-
68
- header-mobile-collapse .header-mobile-collapse__content {
69
- display: flex;
70
- flex-direction: column;
71
- align-items: stretch;
72
- position: fixed;
73
- width: 100vw;
74
- left: 0;
75
- background: white;
76
- box-shadow: 0px 1px 3px rgba(2, 8, 20, 0.06), 0px 1px 2px rgba(2, 8, 20, 0.04);
77
- top: 56px;
78
- padding: 16px 16px 8px;
79
- max-height: calc(100vh - 64px);
80
- overflow: auto;
81
- pointer-events: none;
82
- opacity: 0;
83
- transform: translateY(-10px);
84
- transition: transform 0.2s cubic-bezier(0.36, 0.66, 0.04, 1), opacity 0.2s linear;
85
- }
86
-
87
- header-mobile-collapse.ionic-sub-header--mobile-active .header-mobile-collapse__content {
88
- opacity: 1;
89
- pointer-events: all;
90
- transform: translateY(0);
91
- transition: transform 0.25s cubic-bezier(0.17, 0.67, 0.52, 1), opacity 0.1s linear;
92
- }
93
-
94
- header-mobile-collapse .sparkle-dropdown,
95
- header-mobile-collapse .SectionNav .Dropdown {
96
- align-self: stretch;
97
- }
98
-
99
- header-mobile-collapse .Dropdown .Dropdown-button,
100
- header-mobile-collapse .UtilNav .sm-only {
101
- width: 100%;
102
- display: flex;
103
- justify-content: space-between;
104
- color: #5b708b;
105
- font-size: 20px;
106
- line-height: 24px;
107
- letter-spacing: -0.03em;
108
- padding: 13px 0 14px;
109
- }
110
-
111
- header-mobile-collapse .Dropdown--left .Dropdown-button {
112
- padding-left: 16px;
113
- padding-right: 14px;
114
- margin-bottom: 10px;
115
- padding-top: 10px;
116
- height: 44px;
117
- box-shadow: 0px 1px 2px rgba(2, 8, 20, 0.04);
118
- }
119
-
120
- header-mobile-collapse .Dropdown .Dropdown-button .Dropdown-arrow {
121
- height: 26px;
122
- width: 20px;
123
- margin-right: -4px;
124
- }
125
-
126
- header-mobile-collapse .SectionNav .Dropdown,
127
- header-mobile-collapse .SectionNav-tabs > * {
128
- margin-right: 0;
129
- }
130
-
131
- header-mobile-collapse .Dropdown:focus {
132
- outline: none;
133
- }
134
-
135
- header-mobile-collapse .SectionNav-tabs stencil-route-link {
136
- height: 45px;
137
- }
138
-
139
- header-mobile-collapse .Dropdown--right .Dropdown-button {
140
- text-align: left;
141
- }
142
-
143
- header-mobile-collapse .SectionNav stencil-route,
144
- header-mobile-collapse .SectionNav-tabs,
145
- header-mobile-collapse .UtilNav {
146
- display: flex;
147
- flex-direction: column;
148
- margin-left: 0;
149
- align-items: stretch;
150
- }
151
-
152
- header-mobile-collapse .UtilNav > * {
153
- margin-left: 0;
154
- border-bottom: 1px solid #e6e6e8;
155
- }
156
-
157
- header-mobile-collapse .UtilNav > :last-child {
158
- border-bottom: none;
159
- }
160
-
161
- header-mobile-collapse .Dropdown-panel {
162
- position: static;
163
- border-bottom: 1px solid var(--text-color--lighter);
164
- }
165
-
166
- header-mobile-collapse .SectionNav-tabs a {
167
- font-size: 20px;
168
- line-height: 24px;
169
- letter-spacing: -0.02em;
170
- color: #5b708b;
171
- padding-left: 16px;
172
- padding-right: 14px;
173
- font-weight: 400;
174
- }
175
-
176
- header-mobile-collapse .UtilNav a {
177
- padding: 0;
178
- }
179
-
180
- header-mobile-collapse .SectionNav-tabs .link-active {
181
- background: rgba(var(--ion-color-primary-rgb), 0.12);
182
- color: var(--ion-color-primary);
183
- display: flex;
184
- justify-content: space-between;
185
- width: 100%;
186
- border-radius: 8px;
187
- }
188
-
189
- header-mobile-collapse .SectionNav-tabs .link-active::after {
190
- content: '\2713';
191
- position: static;
192
- background: none;
193
- width: auto;
194
- font-size: 16px;
195
- }
196
-
197
- header-mobile-collapse .SectionNav-tabs {
198
- position: relative;
199
- padding-bottom: 8px;
200
- margin-bottom: 18px;
201
- margin-top: 5px;
202
- }
203
-
204
- header-mobile-collapse .SectionNav-tabs::after {
205
- position: absolute;
206
- bottom: 0;
207
- left: -16px;
208
- width: 100vw;
209
- border-bottom: 1px solid #e6e6e8;
210
- content: '';
211
- }
212
-
213
- header-mobile-collapse .header-mobile-collapse__content ionic-search {
214
- display: none;
215
- }
216
-
217
- header-mobile-collapse .UtilNav::before {
218
- content: 'More';
219
- font-size: 20px;
220
- line-height: 24px;
221
- letter-spacing: 0.01em;
222
- color: #000;
223
- padding: 6px 2px 8px;
224
- }
225
-
226
- header-mobile-collapse .label-sm-only .Dropdown-button-label,
227
- header-mobile-collapse .sm-only {
228
- display: block;
229
- }
230
-
231
- header-mobile-collapse .label-sm-only .Dropdown-icon,
232
- header-mobile-collapse .lg-only {
233
- display: none;
234
- }
235
-
236
- header-mobile-collapse .label-sm-only .Dropdown-icon + .Dropdown-arrow {
237
- fill: #5b708b;
238
- }
239
-
240
- header-mobile-collapse .UtilNav .sm-only .Dropdown-arrow {
241
- height: 26px;
242
- width: 20px;
243
- margin-right: -4px;
244
- fill: #b2becd;
245
- }
246
-
247
- header-mobile-collapse .Dropdown-panel a {
248
- padding: 8px;
249
- font-size: 16px;
250
- }
251
-
252
- header-mobile-collapse .Dropdown.is-open .Dropdown-panel {
253
- position: static;
254
- }
255
- }