@dynamic-framework/ui-react 1.17.1 → 1.18.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.
- package/dist/css/dynamic-ui-non-root.css +3 -6
- package/dist/css/dynamic-ui-non-root.min.css +2 -2
- package/dist/css/dynamic-ui-root.css +4 -1
- package/dist/css/dynamic-ui-root.min.css +2 -2
- package/dist/css/dynamic-ui.css +6 -6
- package/dist/css/dynamic-ui.min.css +2 -2
- package/dist/index.esm.js +2 -12
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2 -12
- package/dist/index.js.map +1 -1
- package/dist/types/components/DButton/DButton.d.ts +1 -1
- package/package.json +2 -2
- package/src/style/abstracts/variables/_buttons.scss +3 -3
- package/src/style/base/_button.scss +0 -5
- package/src/style/root/_root.scss +4 -0
|
@@ -18,5 +18,5 @@ type Props = BaseProps & StartIconProps & EndIconProps & {
|
|
|
18
18
|
form?: string;
|
|
19
19
|
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
20
20
|
};
|
|
21
|
-
export default function DButton({ theme, size, variant, state, text, ariaLabel, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartMaterialStyle, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndMaterialStyle, value, type,
|
|
21
|
+
export default function DButton({ theme, size, variant, state, text, ariaLabel, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartMaterialStyle, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndMaterialStyle, value, type, loading, loadingAriaLabel, disabled, stopPropagationEnabled, className, style, form, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
export {};
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"sideEffects": [
|
|
4
4
|
"*.css"
|
|
5
5
|
],
|
|
6
|
-
"version": "1.
|
|
6
|
+
"version": "1.18.0",
|
|
7
7
|
"description": "React Dynamic Framework",
|
|
8
8
|
"license": "https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md",
|
|
9
9
|
"repository": {
|
|
@@ -149,5 +149,5 @@
|
|
|
149
149
|
"react-dom": "^18.2.0",
|
|
150
150
|
"react-i18next": "^13.3.1"
|
|
151
151
|
},
|
|
152
|
-
"gitHead": "
|
|
152
|
+
"gitHead": "42b36587373ddc1a2ccf2c120c0bf17285bdfd16"
|
|
153
153
|
}
|
|
@@ -24,7 +24,7 @@ $btn-focus-box-shadow: none !default;
|
|
|
24
24
|
$btn-disabled-opacity: 1 !default;
|
|
25
25
|
$btn-active-box-shadow: none !default;
|
|
26
26
|
|
|
27
|
-
$btn-border-radius: var(--#{$prefix}border-radius-
|
|
28
|
-
$btn-border-radius-sm: var(--#{$prefix}border-radius-
|
|
29
|
-
$btn-border-radius-lg: var(--#{$prefix}border-radius) !default;
|
|
27
|
+
$btn-border-radius: var(--#{$prefix}border-radius-pill) !default;
|
|
28
|
+
$btn-border-radius-sm: var(--#{$prefix}border-radius-pill) !default;
|
|
29
|
+
$btn-border-radius-lg: var(--#{$prefix}border-radius-pill) !default;
|
|
30
30
|
// scss-docs-end btn-variables
|
|
@@ -9,22 +9,17 @@
|
|
|
9
9
|
--#{$prefix}btn-bg: transparent;
|
|
10
10
|
--#{$prefix}btn-border-width: #{$btn-border-width};
|
|
11
11
|
--#{$prefix}btn-border-color: transparent;
|
|
12
|
-
--#{$prefix}btn-border-radius: var(--#{$prefix}btn-component-border-radius, #{$btn-border-radius});
|
|
13
12
|
--#{$prefix}btn-hover-border-color: transparent;
|
|
14
13
|
--#{$prefix}btn-box-shadow: #{$btn-box-shadow};
|
|
15
14
|
--#{$prefix}btn-disabled-opacity: #{$btn-disabled-opacity};
|
|
16
15
|
--#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), .5);
|
|
17
16
|
--#{$prefix}btn–text-decoration: if($link-decoration == none, null, none);
|
|
18
|
-
|
|
19
17
|
--#{$prefix}btn-lg-padding-y: #{$btn-padding-y-lg};
|
|
20
18
|
--#{$prefix}btn-lg-padding-x: #{$btn-padding-x-lg};
|
|
21
19
|
--#{$prefix}btn-lg-font-size: #{$btn-font-size-lg};
|
|
22
|
-
--#{$prefix}btn-lg-border-radius: var(--#{$prefix}btn-component-lg-border-radius, #{$btn-border-radius-lg});
|
|
23
|
-
|
|
24
20
|
--#{$prefix}btn-sm-padding-y: #{$btn-padding-y-sm};
|
|
25
21
|
--#{$prefix}btn-sm-padding-x: #{$btn-padding-x-sm};
|
|
26
22
|
--#{$prefix}btn-sm-font-size: #{$btn-font-size-sm};
|
|
27
|
-
--#{$prefix}btn-sm-border-radius: var(--#{$prefix}btn-component-sm-border-radius, #{$btn-border-radius-sm});
|
|
28
23
|
|
|
29
24
|
display: inline-flex;
|
|
30
25
|
flex-direction: row;
|
|
@@ -31,6 +31,10 @@
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
+
--#{$prefix}btn-border-radius: #{$btn-border-radius};
|
|
35
|
+
--#{$prefix}btn-lg-border-radius: #{$btn-border-radius-lg};
|
|
36
|
+
--#{$prefix}btn-sm-border-radius: #{$btn-border-radius-sm};
|
|
37
|
+
|
|
34
38
|
@each $color, $value in $colors {
|
|
35
39
|
// custom
|
|
36
40
|
--#{$prefix}#{$color}: rgb(var(--#{$prefix}#{$color}-rgb));
|