@micromag/core 0.4.90-alpha.3 → 0.4.90-alpha.6
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 +1 -1
- package/assets/css/vendor.css +1 -1
- package/es/components.d.ts +1 -5
- package/es/components.js +9 -15
- package/es/styles.css +1 -1
- package/package.json +2 -2
package/es/components.d.ts
CHANGED
|
@@ -78,14 +78,10 @@ interface ButtonProps {
|
|
|
78
78
|
disabled?: boolean;
|
|
79
79
|
loading?: boolean;
|
|
80
80
|
disableOnLoading?: boolean;
|
|
81
|
-
small?: boolean;
|
|
82
|
-
big?: boolean;
|
|
83
|
-
withShadow?: boolean;
|
|
84
81
|
withoutStyle?: boolean;
|
|
85
82
|
withoutBootstrapStyles?: boolean;
|
|
86
83
|
withoutTheme?: boolean;
|
|
87
84
|
outline?: boolean;
|
|
88
|
-
asLink?: boolean;
|
|
89
85
|
style?: CSSProperties;
|
|
90
86
|
className?: string | null;
|
|
91
87
|
iconClassName?: string | null;
|
|
@@ -93,7 +89,7 @@ interface ButtonProps {
|
|
|
93
89
|
onClick?: MouseEventHandler<ButtonElement> | null;
|
|
94
90
|
refButton?: ForwardedRef<ButtonElement> | null;
|
|
95
91
|
}
|
|
96
|
-
declare function Button$1({ type, theme, size, href, external, direct, target, label, children, focusable, active, icon, iconPosition, disabled, loading, disableOnLoading,
|
|
92
|
+
declare function Button$1({ type, theme, size, href, external, direct, target, label, children, focusable, active, icon, iconPosition, disabled, loading, disableOnLoading, withoutStyle, withoutBootstrapStyles, withoutTheme, outline, onClick, className, iconClassName, labelClassName, refButton, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
97
93
|
|
|
98
94
|
interface ButtonsProps {
|
|
99
95
|
buttons?: Button$2[];
|
package/es/components.js
CHANGED
|
@@ -65,7 +65,7 @@ function Label(t0) {
|
|
|
65
65
|
return t3;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
var styles$m = {"container":"micromag-core-buttons-button-container","icon":"micromag-core-buttons-button-icon","label":"micromag-core-buttons-button-label","withoutStyle":"micromag-core-buttons-button-withoutStyle","
|
|
68
|
+
var styles$m = {"container":"micromag-core-buttons-button-container","icon":"micromag-core-buttons-button-icon","label":"micromag-core-buttons-button-label","withoutStyle":"micromag-core-buttons-button-withoutStyle","withIcon":"micromag-core-buttons-button-withIcon","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns"};
|
|
69
69
|
|
|
70
70
|
function Button$1({
|
|
71
71
|
type = 'button',
|
|
@@ -84,13 +84,9 @@ function Button$1({
|
|
|
84
84
|
disabled = false,
|
|
85
85
|
loading = false,
|
|
86
86
|
disableOnLoading = true,
|
|
87
|
-
small = false,
|
|
88
|
-
big = false,
|
|
89
|
-
withShadow = false,
|
|
90
87
|
withoutStyle = false,
|
|
91
88
|
withoutBootstrapStyles = false,
|
|
92
89
|
withoutTheme = false,
|
|
93
|
-
asLink = false,
|
|
94
90
|
outline = false,
|
|
95
91
|
onClick = null,
|
|
96
92
|
className = null,
|
|
@@ -129,22 +125,20 @@ function Button$1({
|
|
|
129
125
|
}), hasChildren ? children : null]
|
|
130
126
|
}) : null, !hasIcon ? text : null, hasChildren ? children : null]
|
|
131
127
|
});
|
|
132
|
-
const withStyle = !withoutTheme && !withoutStyle
|
|
133
|
-
const buttonClassNames = classNames([!withoutBootstrapStyles ? {
|
|
134
|
-
btn:
|
|
135
|
-
[`btn-${outline ? 'outline-' : ''}${theme}`]:
|
|
136
|
-
[`btn-${size}`]:
|
|
137
|
-
active:
|
|
128
|
+
const withStyle = !withoutTheme && !withoutStyle;
|
|
129
|
+
const buttonClassNames = classNames([!withoutBootstrapStyles && withStyle ? {
|
|
130
|
+
btn: true,
|
|
131
|
+
[`btn-${outline ? 'outline-' : ''}${theme}`]: theme !== null,
|
|
132
|
+
[`btn-${size}`]: size !== null,
|
|
133
|
+
active: active
|
|
138
134
|
} : null, styles$m.container, {
|
|
139
135
|
[styles$m.withoutStyle]: withoutStyle,
|
|
140
136
|
[styles$m.withIcon]: hasIcon,
|
|
141
|
-
[styles$m.withIconColumns]: hasIconColumns
|
|
142
|
-
[styles$m.asLink]: asLink
|
|
137
|
+
[styles$m.withIconColumns]: hasIconColumns
|
|
143
138
|
}, className]);
|
|
144
139
|
if (href !== null) {
|
|
145
140
|
const linkClassNames = classNames([buttonClassNames, {
|
|
146
|
-
disabled
|
|
147
|
-
[styles$m.linkDisabled]: disabled
|
|
141
|
+
disabled
|
|
148
142
|
}]);
|
|
149
143
|
return external || direct ? /*#__PURE__*/jsx("a", {
|
|
150
144
|
...props,
|
package/es/styles.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.micromag-core-buttons-button-container .micromag-core-buttons-button-icon{display:block;position:relative}.micromag-core-buttons-button-container .micromag-core-buttons-button-icon,.micromag-core-buttons-button-container .micromag-core-buttons-button-label{-webkit-transition:-webkit-transform .3s "ease-out";transition:-webkit-transform .3s "ease-out";transition:transform .3s "ease-out";transition:transform .3s "ease-out",-webkit-transform .3s "ease-out";-webkit-transition:-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out");transition:-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out");transition:transform .3s var(--mm-ease-out-ramp,"ease-out");transition:transform .3s var(--mm-ease-out-ramp,"ease-out"),-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out")}.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{
|
|
1
|
+
.micromag-core-buttons-button-container .micromag-core-buttons-button-icon{display:block;position:relative}.micromag-core-buttons-button-container .micromag-core-buttons-button-icon,.micromag-core-buttons-button-container .micromag-core-buttons-button-label{-webkit-transition:-webkit-transform .3s "ease-out";transition:-webkit-transform .3s "ease-out";transition:transform .3s "ease-out";transition:transform .3s "ease-out",-webkit-transform .3s "ease-out";-webkit-transition:-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out");transition:-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out");transition:transform .3s var(--mm-ease-out-ramp,"ease-out");transition:transform .3s var(--mm-ease-out-ramp,"ease-out"),-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out")}.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-label{margin-left:.5em;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-right{margin-left:.5em}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon.micromag-core-buttons-button-withAnimations.micromag-core-buttons-button-icon-right .micromag-core-buttons-button-label{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIconColumns{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;-webkit-box-shadow:0 0 2px 0 var(--mm-focus-color,#fff);box-shadow:0 0 2px 0 var(--mm-focus-color,#fff);outline:2px solid #000}
|
|
2
2
|
.micromag-core-forms-form-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-top:10px;margin-top:calc(var(--mm-spacer, 5px)*2)}.micromag-core-forms-form-actions.micromag-core-forms-form-left{-ms-flex-pack:start;justify-content:flex-start}.micromag-core-forms-form-actions.micromag-core-forms-form-right{-ms-flex-pack:end;justify-content:flex-end}
|
|
3
3
|
.micromag-core-partials-link-withoutStyle{color:inherit;-webkit-text-decoration:none;text-decoration:none}.micromag-core-partials-link-withoutStyle:hover{color:inherit;-webkit-text-decoration:none;text-decoration:none}
|
|
4
4
|
@-webkit-keyframes micromag-core-partials-spinner-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes micromag-core-partials-spinner-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes micromag-core-partials-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes micromag-core-partials-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.micromag-core-partials-spinner-container{display:block;height:40px;width:40px}.micromag-core-partials-spinner-container .micromag-core-partials-spinner-path{color:currentcolor;stroke-linecap:round}.micromag-core-partials-spinner-container.micromag-core-partials-spinner-animated{-webkit-animation:micromag-core-partials-spinner-rotate 2s linear infinite;animation:micromag-core-partials-spinner-rotate 2s linear infinite}.micromag-core-partials-spinner-container.micromag-core-partials-spinner-animated .micromag-core-partials-spinner-path{-webkit-animation:micromag-core-partials-spinner-dash 1.5s ease-in-out infinite;animation:micromag-core-partials-spinner-dash 1.5s ease-in-out infinite}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/core",
|
|
3
|
-
"version": "0.4.90-alpha.
|
|
3
|
+
"version": "0.4.90-alpha.6",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -160,6 +160,6 @@
|
|
|
160
160
|
"access": "public",
|
|
161
161
|
"registry": "https://registry.npmjs.org/"
|
|
162
162
|
},
|
|
163
|
-
"gitHead": "
|
|
163
|
+
"gitHead": "fb5d460cfd02ce7d898f7220baad63b30eab83a9",
|
|
164
164
|
"types": "es/index.d.ts"
|
|
165
165
|
}
|