@micromag/core 0.3.508 → 0.3.512
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/assets/css/styles.css +12 -12
- package/assets/css/vendor.css +1 -1
- package/es/components.js +11 -6
- package/es/contexts.js +69 -611
- package/es/index.js +3 -2
- package/es/utils.js +3 -3
- package/lib/components.js +590 -11
- package/lib/contexts.js +72 -617
- package/lib/index.js +105 -70
- package/lib/utils.js +127 -89
- package/package.json +13 -23
- package/scss/_theme.scss +45 -30
- package/scss/vendor.scss +14 -0
package/scss/_theme.scss
CHANGED
|
@@ -1,20 +1,33 @@
|
|
|
1
1
|
$white: #fff;
|
|
2
|
-
$black: #
|
|
2
|
+
$black: #1c1c1c;
|
|
3
3
|
$font-weight-normal: 400;
|
|
4
|
-
$purple: #
|
|
4
|
+
$purple: #a13dff;
|
|
5
5
|
$primary: $purple;
|
|
6
6
|
$gray-200: #e9e9e9;
|
|
7
7
|
$secondary: $gray-200;
|
|
8
|
-
$green: #
|
|
8
|
+
$green: #0ed88f;
|
|
9
9
|
$gray-100: #f5f5f5;
|
|
10
|
-
$input-bg: hsla(0,0%,100
|
|
10
|
+
$input-bg: hsla(0, 0%, 100%, 0.07);
|
|
11
11
|
$gray-300: #dedede;
|
|
12
|
-
$gray-400: #
|
|
12
|
+
$gray-400: #b3b3b3;
|
|
13
13
|
$gray-500: #adadad;
|
|
14
14
|
$gray-600: #6c6c6c;
|
|
15
15
|
$gray-700: #494949;
|
|
16
16
|
$gray-800: #343434;
|
|
17
|
-
$font-family-sans-serif:
|
|
17
|
+
$font-family-sans-serif:
|
|
18
|
+
'Libre Franklin',
|
|
19
|
+
-apple-system,
|
|
20
|
+
BlinkMacSystemFont,
|
|
21
|
+
'Segoe UI',
|
|
22
|
+
Roboto,
|
|
23
|
+
'Helvetica Neue',
|
|
24
|
+
Arial,
|
|
25
|
+
'Noto Sans',
|
|
26
|
+
sans-serif,
|
|
27
|
+
'Apple Color Emoji',
|
|
28
|
+
'Segoe UI Emoji',
|
|
29
|
+
'Segoe UI Symbol',
|
|
30
|
+
'Noto Color Emoji';
|
|
18
31
|
$font-weight-bold: 600;
|
|
19
32
|
$red: #ff2945;
|
|
20
33
|
$yellow: #ffe535;
|
|
@@ -22,7 +35,7 @@ $blue: #2151ff;
|
|
|
22
35
|
$info: $blue;
|
|
23
36
|
$light: $white;
|
|
24
37
|
$dark: #343434;
|
|
25
|
-
$btn-disabled-opacity: .4;
|
|
38
|
+
$btn-disabled-opacity: 0.4;
|
|
26
39
|
$input-disabled-bg: rgba($white, 0.04);
|
|
27
40
|
$input-placeholder-color: $gray-500;
|
|
28
41
|
$custom-control-indicator-bg: $gray-200;
|
|
@@ -31,9 +44,9 @@ $custom-control-indicator-border-color: $gray-200;
|
|
|
31
44
|
$breadcrumb-bg: transparent;
|
|
32
45
|
$breadcrumb-padding-x: 0;
|
|
33
46
|
$badge-font-weight: $font-weight-normal;
|
|
34
|
-
$badge-padding-x: .8em;
|
|
35
|
-
$badge-padding-y: .4em;
|
|
36
|
-
$badge-pill-padding-x: .8em;
|
|
47
|
+
$badge-padding-x: 0.8em;
|
|
48
|
+
$badge-padding-y: 0.4em;
|
|
49
|
+
$badge-pill-padding-x: 0.8em;
|
|
37
50
|
|
|
38
51
|
$body-bg: $black;
|
|
39
52
|
$input-border-width: 0;
|
|
@@ -41,37 +54,37 @@ $body-color: $gray-100;
|
|
|
41
54
|
$link-color: $primary;
|
|
42
55
|
$component-active-bg: $primary;
|
|
43
56
|
$input-color: $white;
|
|
44
|
-
$input-btn-focus-color: rgba($component-active-bg, .4);
|
|
57
|
+
$input-btn-focus-color: rgba($component-active-bg, 0.4);
|
|
45
58
|
$input-group-addon-bg: rgba($white, 0.12);
|
|
46
59
|
$pagination-bg: rgba($white, 0.07);
|
|
47
60
|
$pagination-border-width: 0;
|
|
48
61
|
$pagination-hover-bg: rgba($white, 0.12);
|
|
49
62
|
$pagination-hover-color: $link-color;
|
|
50
63
|
$pagination-disabled-bg: rgba($white, 0.04);
|
|
51
|
-
$card-bg: rgba($white, .07);
|
|
52
|
-
$card-border-color: rgba($white, .13);
|
|
64
|
+
$card-bg: rgba($white, 0.07);
|
|
65
|
+
$card-border-color: rgba($white, 0.13);
|
|
53
66
|
$card-border-width: 0;
|
|
54
|
-
$card-cap-bg: rgba($white, .07);
|
|
67
|
+
$card-cap-bg: rgba($white, 0.07);
|
|
55
68
|
$list-group-bg: transparent;
|
|
56
|
-
$list-group-border-color: rgba($white, .13);
|
|
57
|
-
$gray-900: #
|
|
69
|
+
$list-group-border-color: rgba($white, 0.13);
|
|
70
|
+
$gray-900: #2b2b2b;
|
|
58
71
|
$modal-content-bg: $gray-900;
|
|
59
72
|
$modal-header-border-color: rgba($white, 0.12);
|
|
60
73
|
$line-height-base: 1.4;
|
|
61
74
|
$font-size-base: 0.9rem;
|
|
62
75
|
$headings-font-weight: 600;
|
|
63
76
|
$text-muted: rgba($white, 0.4);
|
|
64
|
-
$hr-border-color: rgba($white, .1);
|
|
77
|
+
$hr-border-color: rgba($white, 0.1);
|
|
65
78
|
$btn-font-weight: $font-weight-bold;
|
|
66
|
-
$input-btn-padding-y: .5rem;
|
|
79
|
+
$input-btn-padding-y: 0.5rem;
|
|
67
80
|
$btn-padding-x: 1rem;
|
|
68
81
|
$input-btn-padding-x-lg: 1.3rem;
|
|
69
|
-
$input-btn-padding-x-sm: .75rem;
|
|
82
|
+
$input-btn-padding-x-sm: 0.75rem;
|
|
70
83
|
$list-group-color: $body-color;
|
|
71
84
|
$list-group-action-color: $body-color;
|
|
72
85
|
$list-group-hover-bg: rgba($body-color, 0.2);
|
|
73
86
|
$dropdown-bg: $gray-800;
|
|
74
|
-
$dropdown-divider-bg: rgba($white, .13);
|
|
87
|
+
$dropdown-divider-bg: rgba($white, 0.13);
|
|
75
88
|
$dropdown-link-color: $body-color;
|
|
76
89
|
$dropdown-link-hover-bg: $primary;
|
|
77
90
|
$dropdown-link-hover-color: $body-color;
|
|
@@ -87,13 +100,15 @@ $btn-active-bg-tint-amount: 50% !default;
|
|
|
87
100
|
$btn-active-border-shade-amount: 50% !default;
|
|
88
101
|
$btn-active-border-tint-amount: 25% !default;
|
|
89
102
|
|
|
90
|
-
$ease-in-bounce: cubic-bezier(.075,1.5
|
|
91
|
-
$ease-in-out-bounce: cubic-bezier(.9
|
|
92
|
-
$ease-in-out-soft-sine: cubic-bezier(.4,0
|
|
93
|
-
$ease-in-out-sine: cubic-bezier(.6,0
|
|
94
|
-
$ease-in-out-hard-sine: cubic-bezier(.9,0
|
|
95
|
-
$ease-in-ramp: cubic-bezier(.6,0,1
|
|
96
|
-
$ease-out-ramp: cubic-bezier(0
|
|
97
|
-
$ease-in-kickback: cubic-bezier(.41,1.69
|
|
98
|
-
$ease-in-yo: cubic-bezier(.21,2.59,0
|
|
99
|
-
$ease-in-bump: cubic-bezier(.4,1.69,0,1);
|
|
103
|
+
$ease-in-bounce: cubic-bezier(0.075, 1.5, 0.35, 0.95);
|
|
104
|
+
$ease-in-out-bounce: cubic-bezier(0.9, -0.5, 0.1, 1.5);
|
|
105
|
+
$ease-in-out-soft-sine: cubic-bezier(0.4, 0, 0.6, 1);
|
|
106
|
+
$ease-in-out-sine: cubic-bezier(0.6, 0, 0.4, 1);
|
|
107
|
+
$ease-in-out-hard-sine: cubic-bezier(0.9, 0, 0.1, 1);
|
|
108
|
+
$ease-in-ramp: cubic-bezier(0.6, 0, 1, 0.5);
|
|
109
|
+
$ease-out-ramp: cubic-bezier(0, 0.6, 0.5, 1);
|
|
110
|
+
$ease-in-kickback: cubic-bezier(0.41, 1.69, 0.04, 0.67);
|
|
111
|
+
$ease-in-yo: cubic-bezier(0.21, 2.59, 0, 0.9);
|
|
112
|
+
$ease-in-bump: cubic-bezier(0.4, 1.69, 0, 1);
|
|
113
|
+
|
|
114
|
+
$min-contrast-ratio: -10;
|
package/scss/vendor.scss
CHANGED
|
@@ -7,6 +7,20 @@
|
|
|
7
7
|
@import '~@uppy/core/dist/style';
|
|
8
8
|
@import '~@uppy/dashboard/dist/style';
|
|
9
9
|
|
|
10
|
+
// TODO add more when needed
|
|
11
|
+
@import '~@panneau/fields/scss/styles';
|
|
12
|
+
@import '~@panneau/displays/scss/styles';
|
|
13
|
+
// @import '~@panneau/actions/scss/styles';
|
|
14
|
+
// @import '~@panneau/forms/scss/styles';
|
|
15
|
+
// @import '~@panneau/lists/scss/styles';
|
|
16
|
+
@import '~@panneau/filters/scss/styles';
|
|
17
|
+
// @import '~@panneau/modals/scss/styles';
|
|
18
|
+
|
|
19
|
+
@import '~@panneau/element-grid/assets/css/styles';
|
|
20
|
+
@import '~@panneau/element-media-card/assets/css/styles';
|
|
21
|
+
@import '~@panneau/element-media-player/assets/css/styles';
|
|
22
|
+
@import '~@panneau/medias/assets/css/styles';
|
|
23
|
+
|
|
10
24
|
.container-small {
|
|
11
25
|
@include make-container();
|
|
12
26
|
|