@dynamic-framework/ui-react 2.0.0-dev.9 → 2.1.0

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

@@ -22,7 +22,8 @@ type Props = BaseProps & FamilyIconProps & Omit<DatePickerProps, 'showMonthDropd
     valid?: boolean;
     placeholder?: string;
     showHeaderSelectors?: boolean;
+    formatHeaderDate?: string;
     locale?: Locale;
 };
-export default function DDatePicker({ inputLabel, inputHint, inputAriaLabel, inputActionAriaLabel, inputId, timeId, timeInputLabel, minYearSelect, maxYearSelect, iconHeaderSize, iconMaterialStyle, iconInput, headerPrevMonthAriaLabel, headerNextMonthAriaLabel, invalid, valid, renderCustomHeader: renderCustomHeaderProp, className, dateFormatCalendar, style, dataAttributes, placeholder, showHeaderSelectors, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDatePicker({ inputLabel, inputHint, inputAriaLabel, inputActionAriaLabel, inputId, timeId, timeInputLabel, minYearSelect, maxYearSelect, iconHeaderSize, iconMaterialStyle, iconInput, headerPrevMonthAriaLabel, headerNextMonthAriaLabel, invalid, valid, renderCustomHeader: renderCustomHeaderProp, className, dateFormatCalendar, style, dataAttributes, placeholder, showHeaderSelectors, formatHeaderDate, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DDatePicker/components/DDatePickerHeaderSelector.d.ts

@@ -21,6 +21,7 @@ type Props = BaseProps & FamilyIconProps & ReactDatePickerCustomHeaderProps & {
     nextMonthButtonDisabled: boolean;
     prevYearButtonDisabled: boolean;
     nextYearButtonDisabled: boolean;
+    formatHeaderDate?: string;
     iconPrev?: string;
     iconNext?: string;
     prevMonthAriaLabel?: string;
@@ -34,5 +35,5 @@ type Props = BaseProps & FamilyIconProps & ReactDatePickerCustomHeaderProps & {
     monthsShown?: number;
     locale?: Locale;
 } & Omit<ComponentProps<typeof DButton>, 'iconStart' | 'onClick' | 'disabled'>;
-export default function DDatePickerHeaderSelector({ date, changeYear, changeMonth, decreaseMonth, increaseMonth, decreaseYear, increaseYear, monthDate, pickerType, prevMonthButtonDisabled, nextMonthButtonDisabled, monthsShown, iconPrev, iconNext, prevYearButtonDisabled, nextYearButtonDisabled, prevMonthAriaLabel, nextMonthAriaLabel, prevYearAriaLabel, nextYearAriaLabel, iconSize, style, className, minYearSelect, maxYearSelect, showHeaderSelectors, customHeaderCount, locale, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDatePickerHeaderSelector({ date, changeYear, changeMonth, decreaseMonth, increaseMonth, decreaseYear, increaseYear, monthDate, formatHeaderDate, pickerType, prevMonthButtonDisabled, nextMonthButtonDisabled, monthsShown, iconPrev, iconNext, prevYearButtonDisabled, nextYearButtonDisabled, prevMonthAriaLabel, nextMonthAriaLabel, prevYearAriaLabel, nextYearAriaLabel, iconSize, style, className, minYearSelect, maxYearSelect, showHeaderSelectors, customHeaderCount, locale, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -3,7 +3,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "2.0.0-dev.9",
+  "version": "2.1.0",
   "description": "React Dynamic Framework",
   "license": "https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md",
   "repository": {
@@ -100,7 +100,7 @@
     "file-selector": "~2.1.2",
     "google-libphonenumber": "~3.2.43",
     "html2canvas": "^1.4.1",
-    "jspdf": "^3.0.3",
+    "jspdf": "^4.0.0",
     "lucide-react": "^0.553.0",
     "react-datepicker": "~8.3.0",
     "react-international-phone": "~4.6.0",
@@ -164,7 +164,7 @@
     "rimraf": "~6.1.0",
     "rollup": "~4.53.1",
     "sass": "~1.69.4",
-    "storybook": "~9.0.17",
+    "storybook": "^9.1.17",
     "stylelint": "^16.16.0",
     "stylelint-config-twbs-bootstrap": "^16.0.0",
     "ts-jest": "~29.2.3",

package/src/style/abstracts/_utilities-hover.scss

@@ -0,0 +1,55 @@
+@mixin generate-hover-utility($utility) {
+  $values: map-get($utility, values);
+
+  @if type-of($values) == "string" or type-of(nth($values, 1)) != "list" {
+    $values: zip($values, $values);
+  }
+
+  @each $key, $value in $values {
+    $properties: map-get($utility, property);
+
+    @if type-of($properties) == "string" {
+      $properties: append((), $properties);
+    }
+
+    $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));
+    $property-class: if($property-class == null, "", $property-class);
+    $css-variable-name: if(map-has-key($utility, css-variable-name), map-get($utility, css-variable-name), map-get($utility, class));
+    $property-class-modifier: if($key, if($property-class == "", "", "-") + $key, "");
+
+    $is-css-var: map-get($utility, css-var);
+    $is-local-vars: map-get($utility, local-vars);
+
+    @if $value != null {
+      $escaped-prefix: "hover\\:";
+      $selector: ".#{$escaped-prefix}#{$property-class}#{$property-class-modifier}:hover";
+
+      @if $is-css-var {
+        #{$selector} {
+          --#{$prefix}#{$css-variable-name}: #{$value};
+        }
+      } @else {
+        #{$selector} {
+          @each $property in $properties {
+            @if $is-local-vars {
+              @each $local-var, $variable in $is-local-vars {
+                --#{$prefix}#{$local-var}: #{$variable};
+              }
+            }
+            #{$property}: $value if($enable-important-utilities, !important, null);
+          }
+        }
+      }
+    }
+  }
+}
+
+@mixin generate-hover-utilities($utilities-map) {
+  @each $name, $utility in $utilities-map {
+    @if map-has-key($utility, values) and map-has-key($utility, property) {
+      @include generate-hover-utility($utility);
+    }
+  }
+}
+
+@include generate-hover-utilities($utilities);

package/src/style/components/_d-carousel.scss

@@ -1,10 +1,10 @@
 @import "node_modules/@splidejs/splide/src/css/template/default/index";
-// stylelint-disable
+
 .d-carousel {
   // Arrows
   --#{$prefix}carousel-arrow-space: calc(var(--#{$prefix}ref-spacer-4) * -1);
   // Pagination
-  --#{$prefix}carousel-pagination-bottom: calc(var(--#{$prefix}ref-spacer-4) * -1);
+  --#{$prefix}carousel-pagination-bottom: auto;
   --#{$prefix}carousel-pagination-page-bg: var(--#{$prefix}secondary-100);
   --#{$prefix}carousel-pagination-active-page-bg: var(--#{$prefix}secondary);
   // :focus
@@ -19,6 +19,7 @@
     }
   }
 
+  // stylelint-disable
   .splide__pagination__page {
     margin: 0;
   }
@@ -26,7 +27,6 @@
   .d-carousel-pagination {
     bottom: var(--#{$prefix}carousel-pagination-bottom);
     position: relative;
-    bottom: auto;
     top: -0.5rem;
     width: fit-content;
     background: var(--#{$prefix}gray-25);
@@ -48,6 +48,7 @@
       }
     }
   }
+  // stylelint-enable
 
   &.splide.is-focus-in .d-carousel-arrow:focus,
   &.splide.is-focus-in .d-carousel-pagination-page:focus {

package/src/style/components/_d-voucher.scss

@@ -25,6 +25,5 @@
 .d-voucher-footer {
   display: flex;
   gap: var(--#{$prefix}voucher-footer-gap);
-  justify-content: center;
   justify-content: flex-start;
 }

package/src/style/dynamic-ui-non-root.scss

@@ -10,4 +10,6 @@
 
 @import "node_modules/bootstrap/scss/utilities/api";
 
+@import "abstracts/utilities-hover";
+
 @import "shame";

package/src/style/dynamic-ui.scss

@@ -12,4 +12,6 @@
 
 @import "node_modules/bootstrap/scss/utilities/api";
 
+@import "abstracts/utilities-hover";
+
 @import "shame";