@dynamic-framework/ui-react 1.17.0 → 1.18.0

package/dist/types/components/DButton/DButton.d.ts

@@ -18,5 +18,5 @@ type Props = BaseProps & StartIconProps & EndIconProps & {
     form?: string;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 };
-export default function DButton({ theme, size, variant, state, text, ariaLabel, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartMaterialStyle, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndMaterialStyle, value, type, pill, loading, loadingAriaLabel, disabled, stopPropagationEnabled, className, form, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+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;
 export {};

package/package.json

@@ -3,7 +3,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "1.17.0",
+  "version": "1.18.0",
   "description": "React Dynamic Framework",
   "license": "https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md",
   "repository": {
@@ -149,5 +149,5 @@
     "react-dom": "^18.2.0",
     "react-i18next": "^13.3.1"
   },
-  "gitHead": "260d49f5eadf47639dd830517d98b5882c54fe23"
+  "gitHead": "42b36587373ddc1a2ccf2c120c0bf17285bdfd16"
 }

package/src/style/abstracts/_mixins.scss

@@ -45,7 +45,7 @@
 // scss-docs-start df-btn-outline-variant-mixin
 @mixin df-button-outline-variant(
   $color-name,
-  $default-color: var(--#{$prefix}#{$color-name}-600),
+  $default-color: var(--#{$prefix}#{$color-name}-500),
   $hover-bg-color: var(--#{$prefix}#{$color-name}-100),
   $focus-bg-color: var(--#{$prefix}#{$color-name}-100),
   $active-bg-color: var(--#{$prefix}#{$color-name}-200),

package/src/style/abstracts/variables/_badges.scss

@@ -1,7 +1,7 @@
 // Badges
 
 // scss-docs-start badge-variables
-$badge-font-size: $small-font-size !default;
+$badge-font-size: var(--#{$prefix}body-font-size) !default;
 $badge-font-weight: $font-weight-normal !default;
 $badge-color: var(--#{$prefix}gray-900) !default;
 $badge-padding-y: var(--#{$prefix}ref-spacer-1) !default;

package/src/style/abstracts/variables/_body.scss

@@ -28,5 +28,5 @@ $link-color: map-get($all-colors, $link-color-mapping) !default;
 $link-hover-color: map-get($all-colors, $link-hover-color-mapping) !default;
 // end custom
 
-$link-decoration: underline !default;
+$link-decoration: none !default;
 $link-hover-decoration: underline !default;

package/src/style/abstracts/variables/_border.scss

@@ -8,10 +8,10 @@ $border-color-translucent: rgba(var(--#{$prefix}black-rgb), .175) !default;
 // scss-docs-end border-variables
 
 // scss-docs-start border-radius-variables
-$border-radius: var(--#{$prefix}ref-spacer-4) !default;
-$border-radius-sm: var(--#{$prefix}ref-spacer-2) !default;
-$border-radius-lg: var(--#{$prefix}ref-spacer-6) !default;
-$border-radius-xl: var(--#{$prefix}ref-spacer-8) !default;
-$border-radius-xxl: var(--#{$prefix}ref-spacer-10) !default;
+$border-radius: 1rem !default;
+$border-radius-sm: .5rem !default;
+$border-radius-lg: 1.5rem !default;
+$border-radius-xl: 2rem !default;
+$border-radius-xxl: 2.5rem !default;
 $border-radius-pill: 50rem !default;
 // scss-docs-end border-radius-variables

package/src/style/abstracts/variables/_buttons.scss

@@ -24,7 +24,7 @@ $btn-focus-box-shadow: none !default;
 $btn-disabled-opacity: 1 !default;
 $btn-active-box-shadow: none !default;
 
-$btn-border-radius: var(--#{$prefix}border-radius-sm) !default;
-$btn-border-radius-sm: var(--#{$prefix}border-radius-sm) !default;
-$btn-border-radius-lg: var(--#{$prefix}border-radius) !default;
+$btn-border-radius: var(--#{$prefix}border-radius-pill) !default;
+$btn-border-radius-sm: var(--#{$prefix}border-radius-pill) !default;
+$btn-border-radius-lg: var(--#{$prefix}border-radius-pill) !default;
 // scss-docs-end btn-variables

package/src/style/base/_button.scss

@@ -9,22 +9,17 @@
   --#{$prefix}btn-bg: transparent;
   --#{$prefix}btn-border-width: #{$btn-border-width};
   --#{$prefix}btn-border-color: transparent;
-  --#{$prefix}btn-border-radius: var(--#{$prefix}btn-component-border-radius, #{$btn-border-radius});
   --#{$prefix}btn-hover-border-color: transparent;
   --#{$prefix}btn-box-shadow: #{$btn-box-shadow};
   --#{$prefix}btn-disabled-opacity: #{$btn-disabled-opacity};
   --#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), .5);
   --#{$prefix}btn–text-decoration: if($link-decoration == none, null, none);
-
   --#{$prefix}btn-lg-padding-y: #{$btn-padding-y-lg};
   --#{$prefix}btn-lg-padding-x: #{$btn-padding-x-lg};
   --#{$prefix}btn-lg-font-size: #{$btn-font-size-lg};
-  --#{$prefix}btn-lg-border-radius: var(--#{$prefix}btn-component-lg-border-radius, #{$btn-border-radius-lg});
-
   --#{$prefix}btn-sm-padding-y: #{$btn-padding-y-sm};
   --#{$prefix}btn-sm-padding-x: #{$btn-padding-x-sm};
   --#{$prefix}btn-sm-font-size: #{$btn-font-size-sm};
-  --#{$prefix}btn-sm-border-radius: var(--#{$prefix}btn-component-sm-border-radius, #{$btn-border-radius-sm});
 
   display: inline-flex;
   flex-direction: row;

package/src/style/components/_d-stepper-mobile.scss

@@ -52,6 +52,7 @@
 
   .d-step-number {
     z-index: var(--#{$prefix}step-current-step-z-index);
+    margin-bottom: 0;
     font-weight: var(--#{$prefix}step-current-step-font-weight);
     color: var(--#{$prefix}step-current-step-color);
   }

package/src/style/root/_root.scss

@@ -31,6 +31,10 @@
     }
   }
 
+  --#{$prefix}btn-border-radius: #{$btn-border-radius};
+  --#{$prefix}btn-lg-border-radius: #{$btn-border-radius-lg};
+  --#{$prefix}btn-sm-border-radius: #{$btn-border-radius-sm};
+
   @each $color, $value in $colors {
     // custom
     --#{$prefix}#{$color}: rgb(var(--#{$prefix}#{$color}-rgb));