@dynamic-framework/ui-react 1.16.1 → 1.17.0

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

@@ -6,14 +6,15 @@ export type DTabOption = {
     tab: string;
     disabled?: boolean;
 };
+export type TabVariant = 'tabs' | 'pills' | 'underline';
 type Props = BaseProps & PropsWithChildren<{
     onChange: (option: DTabOption) => void;
     options: Array<DTabOption>;
     defaultSelected: string;
     vertical?: boolean;
-    pill?: boolean;
+    variant?: TabVariant;
 }>;
-declare function DTabs({ children, defaultSelected, onChange, options, className, style, vertical, pill, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DTabs({ children, defaultSelected, onChange, options, className, style, vertical, variant, }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof DTabs & {
     Tab: typeof DTabContent;
 };

package/dist/types/hooks/index.d.ts

@@ -1,5 +1,6 @@
 export { default as useFormatCurrency } from './useFormatCurrency';
 export { default as useInputCurrency } from './useInputCurrency';
+export { default as useDisableInputWheel } from './useDisableInputWheel';
 export { default as useProvidedRefOrCreate } from './useProvidedRefOrCreate';
 export { default as useStackState } from './useStackState';
 export { default as useDisableBodyScrollEffect } from './useDisableBodyScrollEffect';

package/dist/types/hooks/useDisableInputWheel.d.ts

@@ -0,0 +1,4 @@
+import type { ForwardedRef, WheelEvent } from 'react';
+export default function useDisableInputWheel(ref?: ForwardedRef<HTMLInputElement>): {
+    handleOnWheel: (event: WheelEvent<HTMLInputElement>) => void;
+};

package/dist/types/hooks/useInputCurrency.d.ts

@@ -1,4 +1,4 @@
-import type { RefObject, ForwardedRef, FocusEvent, WheelEvent } from 'react';
+import type { RefObject, ForwardedRef, FocusEvent } from 'react';
 import type { Options } from 'currency.js';
 import type { CustomStyles } from '../components/interface';
 export default function useInputCurrency(currencyOptions: Options, value?: number, onFocus?: (event: FocusEvent<HTMLInputElement>) => void, onChange?: (value?: number) => void, onBlur?: (event: FocusEvent<HTMLInputElement>) => void, ref?: ForwardedRef<HTMLInputElement>): {
@@ -8,7 +8,6 @@ export default function useInputCurrency(currencyOptions: Options, value?: numbe
     handleOnFocus: (event: FocusEvent<HTMLInputElement>) => void;
     handleOnChange: (newValue?: string) => void;
     handleOnBlur: (event: FocusEvent<HTMLInputElement>) => void;
-    handleOnWheel: (event: WheelEvent<HTMLInputElement>) => void;
     generateStyleVariables: CustomStyles;
     generateSymbolStyleVariables: {
         color: string;

package/package.json

@@ -3,7 +3,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "1.16.1",
+  "version": "1.17.0",
   "description": "React Dynamic Framework",
   "license": "https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md",
   "repository": {
@@ -81,7 +81,7 @@
     "react-content-loader": "^6.2.1",
     "react-datepicker": "^4.21.0",
     "react-dropzone": "^14.2.3",
-    "react-responsive-pagination": "^2.2.3",
+    "react-responsive-pagination": "^2.4.1",
     "react-select": "^5.8.0",
     "react-toastify": "^9.1.3"
   },
@@ -149,5 +149,5 @@
     "react-dom": "^18.2.0",
     "react-i18next": "^13.3.1"
   },
-  "gitHead": "1ef5796d5e2a4c92980950a6b8aba8a7b0adb7fb"
+  "gitHead": "260d49f5eadf47639dd830517d98b5882c54fe23"
 }

package/src/style/abstracts/_utilities.scss

@@ -20,7 +20,6 @@ $utilities: map-merge(
       (
         values: map-merge(
           map-get(map-get($utilities, "color"), "values"),
-          // TODO: try to move the map-loop to $utilities-text map libraries/dynamic-ui/node_modules/bootstrap/scss/_maps.scss
           map-loop(map-merge-multiple($theme-colors-palletes, $palette-grays), rgba-css-var, "$key", "text"),
         )
       )
@@ -30,7 +29,6 @@ $utilities: map-merge(
       (
         values: map-merge(
           map-get(map-get($utilities, "background-color"), "values"),
-          // TODO: try to move the map-loop to $utilities-bg map libraries/dynamic-ui/node_modules/bootstrap/scss/_maps.scss
           map-loop(map-merge-multiple($theme-colors-palletes, $palette-grays, $bg-soft-colors), rgba-css-var, "$key", "bg"),
         )
       )
@@ -62,11 +60,22 @@ $utilities: map-merge(
       (
         values: map-merge(
           map-get(map-get($utilities, "border-color"), "values"),
-          // TODO: try to move the map-loop to $utilities-border map libraries/dynamic-ui/node_modules/bootstrap/scss/_maps.scss
           map-loop($palette-grays, rgba-css-var, "$key", "border"),
         )
       )
     ),
+    "overlay": (
+      property: opacity,
+      class: "overlay",
+      css-var: true,
+      values: (
+        0: 0,
+        25: .25,
+        50: .5,
+        75: .75,
+        100: 1
+      )
+    ),
     "cursor": (
       property: cursor,
       values: $cursors,

package/src/style/abstracts/variables/_+import.scss

@@ -9,80 +9,24 @@ $variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix
 $prefix: $variable-prefix !default;
 
 @import "colors";
-
-// Characters which are escaped by the escape-svg function
-$escaped-characters: (
-  ("<", "%3c"),
-  (">", "%3e"),
-  ("#", "%23"),
-  ("(", "%28"),
-  (")", "%29"),
-) !default;
-
 @import "options";
-
-// Gradient
-//
-// The gradient which is added to components if `$enable-gradients` is `true`
-// This gradient is also added to elements with `.bg-gradient`
-// scss-docs-start variable-gradient
-$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;
-// scss-docs-end variable-gradient
-
 @import "spacers";
-
-// Position
-//
-// Define the edge positioning anchors of the position utilities.
-
-// scss-docs-start position-map
-$position-values: (
-  0: 0,
-  50: 50%,
-  100: 100%
-) !default;
-// scss-docs-end position-map
-
 @import "body";
-@import "grid";
 @import "border";
 @import "box-shadow";
 
 // scss-docs-start focus-ring-variables
-$focus-ring-width: .25rem !default;
 $focus-ring-opacity: 1 !default;
 // custom
 $focus-ring-color-mapping: "secondary-rgb" !default;
 $focus-ring-color: var(--#{$prefix}focus-ring-color) !default;
 // end custom
-$focus-ring-blur: 0 !default;
-$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;
 // scss-docs-end focus-ring-variables
 
 $component-active-color: var(--#{$prefix}white) !default;
 $component-active-bg: $focus-ring-color !default;
 
-// scss-docs-start caret-variables
-$caret-width: .3em !default;
-$caret-vertical-align: $caret-width * .85 !default;
-$caret-spacing: $caret-width * .85 !default;
-// scss-docs-end caret-variables
-
-$transition-base: all .2s ease-in-out !default;
 $transition-fade: opacity .3s linear !default;
-// scss-docs-start collapse-transition
-$transition-collapse: height .35s ease !default;
-$transition-collapse-width: width .35s ease !default;
-// scss-docs-end collapse-transition
-
-// scss-docs-start aspect-ratios
-$aspect-ratios: (
-  "1x1": 100%,
-  "4x3": calc(3 / 4 * 100%),
-  "16x9": calc(9 / 16 * 100%),
-  "21x9": calc(9 / 21 * 100%)
-) !default;
-// scss-docs-end aspect-ratios
 
 @import "typography";
 @import "tables";
@@ -92,59 +36,40 @@ $aspect-ratios: (
 // Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
 
 // scss-docs-start input-btn-variables
-$input-btn-padding-y: .625rem !default;
+$input-btn-padding-y: $spacer-3 !default;
 $input-btn-padding-x: $spacer-4 !default;
-$input-btn-font-family: null !default;
-$input-btn-font-size: $font-size-base !default;
-$input-btn-line-height: $line-height-base !default;
 
 $input-btn-focus-width: 0 !default;
 $input-btn-focus-color-opacity: 1 !default;
 $input-btn-focus-color: rgba(var(--#{$prefix}secondary-rgb), $input-btn-focus-color-opacity) !default;
 $input-btn-focus-blur: 0 !default;
-$input-btn-focus-box-shadow: $focus-ring-box-shadow !default;
 
 $input-btn-padding-y-sm: $spacer-2 !default;
-$input-btn-padding-x-sm: $spacer-3 !default;
+$input-btn-padding-x-sm: var(--#{$prefix}ref-spacer-4) !default;
 $input-btn-font-size-sm: $small-font-size !default;
 
-$input-btn-padding-y-lg: 1.125rem !default;
-$input-btn-padding-x-lg: $spacer-4 !default;
-$input-btn-font-size-lg: 1rem !default;
+$input-btn-padding-y-lg: $spacer-4 !default;
+$input-btn-padding-x-lg: var(--#{$prefix}ref-spacer-6) !default;
+$input-btn-font-size-lg: var(--#{$prefix}ref-spacer-4) !default;
 
-$input-btn-border-width: $border-width !default;
+$input-btn-border-width: var(--#{$prefix}border-width) !default;
 // scss-docs-end input-btn-variables
 
 @import "buttons";
 @import "forms";
-@import "z-index";
 @import "navs";
 @import "navbar";
 @import "dropdowns";
 @import "pagination";
 
-// Placeholders
-
-// scss-docs-start placeholders
-$placeholder-opacity-max: .5 !default;
-$placeholder-opacity-min: .2 !default;
-// scss-docs-end placeholders
-
 @import "cards";
 @import "accordion";
-@import "tooltips";
-@import "popovers";
-@import "toasts";
 @import "badges";
 @import "modals";
 @import "alerts";
 @import "progress";
 @import "list-group";
-@import "thumbnails";
-@import "figures";
-@import "breadcrumb";
 @import "carousel";
-@import "spinners";
 @import "close";
 @import "offcanvas";
 @import "code";

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

@@ -1,43 +1,23 @@
 // Accordion
 
 // scss-docs-start accordion-variables
-$accordion-padding-y: var(--#{$prefix}ref-spacer-4) !default;
-$accordion-padding-x: var(--#{$prefix}ref-spacer-3) !default;
+$accordion-padding-y: var(--#{$prefix}ref-spacer-6) !default;
+$accordion-padding-x: var(--#{$prefix}ref-spacer-4) !default;
 $accordion-color: var(--#{$prefix}gray-700) !default;
 $accordion-bg: var(--#{$prefix}white) !default;
-$accordion-border-width: var(--#{$prefix}border-width) !default;
-$accordion-border-color: var(--#{$prefix}border-color) !default;
-$accordion-border-radius: var(--#{$prefix}border-radius) !default;
-$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;
 
-$accordion-body-padding-y: $accordion-padding-y !default;
 // custom
 $accordion-body-padding-top: $accordion-padding-x !default;
-// end custom
-$accordion-body-padding-x: $accordion-padding-x !default;
-
-$accordion-button-padding-y: $accordion-padding-y !default;
-$accordion-button-padding-x: $accordion-padding-x !default;
-$accordion-button-color: var(--#{$prefix}body-color) !default;
 $accordion-button-border-color: var(--#{$prefix}gray-100) !default;
-$accordion-button-bg: var(--#{$prefix}accordion-bg) !default;
-// custom
 $accordion-button-font-weight: var(--#{$prefix}ref-fw-bold) !default;
 $accordion-button-font-size: var(--#{$prefix}ref-fs-6) !default;
 // end custom
-$accordion-transition: $btn-transition, border-radius .15s ease !default;
+
 $accordion-button-active-bg: var(--#{$prefix}secondary-soft) !default;
 $accordion-button-active-color: var(--#{$prefix}body-color) !default;
 
-$accordion-button-focus-border-color: $input-focus-border-color !default;
-$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;
-
-$accordion-icon-width: 1.25rem !default;
 $accordion-icon-color: $body-color !default;
 $accordion-icon-active-color: $primary-text-emphasis !default;
-$accordion-icon-transition: transform .2s ease-in-out !default;
-$accordion-icon-transform: rotate(-180deg) !default;
-
 $accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
 $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
 // scss-docs-end accordion-variables

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

@@ -3,26 +3,20 @@
 // Define alert colors, border radius, and padding.
 
 // scss-docs-start alert-variables
-$alert-padding-y: $spacer-3 !default;
-$alert-padding-x: $spacer-4 !default;
-$alert-margin-bottom: $spacer-3 !default;
+$alert-padding-x: $spacer-6 !default;
 $alert-border-radius: var(--#{$prefix}border-radius-sm) !default;
 $alert-link-font-weight: var(--#{$prefix}ref-fw-bold) !default;
-$alert-border-width: var(--#{$prefix}border-width) !default;
+// scss-docs-end alert-variables
+
+// fusv-disable
 $alert-bg-scale: 100% !default;
 $alert-border-scale: 100% !default;
 $alert-color-scale: 100% !default;
-$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side
+// fusv-enable
 
 // custom
-$alert-gap: $spacer-3 !default;
+$alert-gap: var(--#{$prefix}ref-spacer-4) !default;
 $alert-box-shadow: var(--#{$prefix}box-shadow-sm) !default;
-$alert-close-icon-size: .75rem !default;
+$alert-close-icon-size: var(--#{$prefix}ref-spacer-3) !default;
 // end custom
 // scss-docs-end alert-variables
-
-// fusv-disable
-$alert-bg-scale: -80% !default; // Deprecated in v5.2.0, to be removed in v6
-$alert-border-scale: -70% !default; // Deprecated in v5.2.0, to be removed in v6
-$alert-color-scale: 40% !default; // Deprecated in v5.2.0, to be removed in v6
-// fusv-enable

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

@@ -6,10 +6,10 @@ $badge-font-weight: $font-weight-normal !default;
 $badge-color: var(--#{$prefix}gray-900) !default;
 $badge-padding-y: var(--#{$prefix}ref-spacer-1) !default;
 $badge-padding-x: var(--#{$prefix}ref-spacer-2) !default;
-$badge-border-radius: $border-radius-sm !default;
+$badge-border-radius: var(--#{$prefix}border-radius-sm) !default;
 
 // custom
 $badge-bg: var(--#{$prefix}white) !default;
-$badge-dot-height: var(--#{$prefix}ref-spacer-3) !default;
+$badge-dot-height: var(--#{$prefix}ref-spacer-4) !default;
 // end custom
 // scss-docs-end badge-variables

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

@@ -2,8 +2,6 @@
 //
 // Settings for the `<body>` element.
 
-$body-text-align: null !default;
-
 // custom
 $body-color-mapping: "gray-900" !default;
 $body-color: map-get($all-colors, $body-color-mapping) !default;
@@ -16,7 +14,7 @@ $body-secondary-bg: var(--#{$prefix}gray-200) !default;
 $body-tertiary-color: var(--#{$prefix}body-color-rgb) !default;
 $body-tertiary-bg: var(--#{$prefix}gray-100) !default;
 
-$body-emphasis-color: var(--#{$prefix}black) !default;
+$body-emphasis-color: var(--#{$prefix}black-rgb) !default;
 // end custom
 
 // Links
@@ -29,24 +27,6 @@ $link-hover-color-mapping: "primary-700" !default;
 $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-shade-percentage: 20% !default; // unused
 $link-hover-decoration: underline !default;
-
-$stretched-link-pseudo-element: after !default;
-$stretched-link-z-index: 1 !default;
-
-// Icon links
-// scss-docs-start icon-link-variables
-$icon-link-gap: .375rem !default;
-$icon-link-underline-offset: .25em !default;
-$icon-link-icon-size: 1em !default;
-$icon-link-icon-transition: .2s ease-in-out transform !default;
-$icon-link-icon-transform: translate3d(.25em, 0, 0) !default;
-// scss-docs-end icon-link-variables
-
-// Paragraphs
-//
-// Style p element.
-
-$paragraph-margin-bottom: 0 !default;

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

@@ -3,27 +3,15 @@
 // Define common padding and border radius sizes and more.
 
 // scss-docs-start border-variables
-$border-width: 1px !default;
-$border-widths: (
-  1: 1px,
-  2: 2px,
-  3: 3px,
-  4: 4px,
-  5: 5px
-) !default;
-$border-style: solid !default;
 $border-color: var(--#{$prefix}gray-200) !default;
 $border-color-translucent: rgba(var(--#{$prefix}black-rgb), .175) !default;
 // scss-docs-end border-variables
 
 // scss-docs-start border-radius-variables
-$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: 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-pill: 50rem !default;
 // scss-docs-end border-radius-variables
-// fusv-disable
-$border-radius-2xl: $border-radius-xxl !default; // Deprecated in v5.3.0
-// fusv-enable

package/src/style/abstracts/variables/_box-file.scss

@@ -1,10 +1,10 @@
-$box-file-gap: var(--#{$prefix}ref-spacer-3) !default;
+$box-file-gap: var(--#{$prefix}ref-spacer-4) !default;
 $box-file-background: unset !default;
 $box-file-border: 1px dashed var(--#{$prefix}gray-700) !default;
 $box-file-border-radius: var(--#{$prefix}border-radius) !default;
-$box-file-padding: var(--#{$prefix}ref-spacer-5) !default;
+$box-file-padding: var(--#{$prefix}ref-spacer-8) !default;
 $box-file-content-max-width: 220px !default;
-$box-file-icon-size: var(--#{$prefix}ref-spacer-8) !default;
+$box-file-icon-size: var(--#{$prefix}ref-spacer-14) !default;
 $box-file-icon-color: var(--#{$prefix}secondary-300) !default;
 
 $box-file-hover-border: 1px dashed var(--#{$prefix}secondary-700) !default;

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

@@ -4,46 +4,27 @@
 
 // scss-docs-start btn-variables
 $btn-color: var(--#{$prefix}body-color) !default;
-$btn-padding-y: $spacer-2 !default;
-$btn-padding-x: $spacer-3 !default;
-$btn-font-family: $input-btn-font-family !default;
-$btn-font-size: $input-btn-font-size !default;
-$btn-line-height: $line-height-base * 1rem !default;
-$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping
+$btn-padding-y: $spacer-3 !default;
+$btn-padding-x: $spacer-8 !default;
+$btn-line-height: 1 !default;
 
-$btn-padding-y-sm: $spacer-1 !default;
-$btn-padding-x-sm: $spacer-3 !default;
+$btn-padding-y-sm: $spacer-2 !default;
+$btn-padding-x-sm: $spacer-4 !default;
 $btn-font-size-sm: $small-font-size !default;
 
-$btn-padding-y-lg: .875rem !default;
-$btn-padding-x-lg: $spacer-4 !default;
+$btn-padding-y-lg: $spacer-4 !default;
+$btn-padding-x-lg: $spacer-8 !default;
 $btn-font-size-lg: $h6-font-size !default;
 
-$btn-border-width: 1px !default;
+$btn-border-width: $input-btn-border-width !default;
 
-$btn-font-weight: $font-weight-normal !default;
 $btn-box-shadow: none !default;
 $btn-focus-width: 0 !default;
 $btn-focus-box-shadow: none !default;
 $btn-disabled-opacity: 1 !default;
 $btn-active-box-shadow: none !default;
 
-$btn-link-color: var(--#{$prefix}link-color) !default;
-$btn-link-hover-color: var(--#{$prefix}link-hover-color) !default;
-$btn-link-disabled-color: $gray-600 !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-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-$btn-hover-bg-shade-amount: 15% !default;
-$btn-hover-bg-tint-amount: 15% !default;
-$btn-hover-border-shade-amount: 20% !default;
-$btn-hover-border-tint-amount: 10% !default;
-$btn-active-bg-shade-amount: 20% !default;
-$btn-active-bg-tint-amount: 20% !default;
-$btn-active-border-shade-amount: 25% !default;
-$btn-active-border-tint-amount: 10% !default;
 // scss-docs-end btn-variables

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

@@ -1,23 +1,7 @@
 // Cards
 
 // scss-docs-start card-variables
-$card-spacer-y: $spacer !default;
-$card-spacer-x: $spacer !default;
-$card-title-spacer-y: $spacer * .5 !default;
-$card-title-color: null !default;
-$card-subtitle-color: null !default;
-$card-border-width: 0 !default;
-$card-border-color: var(--#{$prefix}border-color-translucent) !default;
-$card-border-radius: var(--#{$prefix}border-radius) !default;
+$card-border-width: 0px !default; // stylelint-disable-line length-zero-no-unit
 $card-box-shadow: var(--#{$prefix}box-shadow-sm) !default;
-$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;
-$card-cap-padding-y: $card-spacer-y * .5 !default;
-$card-cap-padding-x: $card-spacer-x !default;
-$card-cap-bg: rgba(var(--#{$prefix}body-color-rgb), .03) !default;
-$card-cap-color: null !default;
-$card-height: null !default;
-$card-color: null !default;
 $card-bg: var(--#{$prefix}white) !default;
-$card-img-overlay-padding: $spacer !default;
-$card-group-margin: $grid-gutter-width * .5 !default;
 // scss-docs-end card-variables

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

@@ -2,36 +2,11 @@
 
 // scss-docs-start carousel-variables
 $carousel-control-color: var(--#{$prefix}white) !default;
-$carousel-control-width: 15% !default;
-$carousel-control-opacity: .5 !default;
-$carousel-control-hover-opacity: .9 !default;
-$carousel-control-transition: opacity .15s ease !default;
-
-$carousel-indicator-width: 30px !default;
-$carousel-indicator-height: 3px !default;
-$carousel-indicator-hit-area-height: 10px !default;
-$carousel-indicator-spacer: 3px !default;
-$carousel-indicator-opacity: .5 !default;
 $carousel-indicator-active-bg: var(--#{$prefix}white) !default;
-$carousel-indicator-active-opacity: 1 !default;
-$carousel-indicator-transition: opacity .6s ease !default;
-
-$carousel-caption-width: 70% !default;
 $carousel-caption-color: var(--#{$prefix}white) !default;
-$carousel-caption-padding-y: 1.25rem !default;
-$carousel-caption-spacer: 1.25rem !default;
-
-$carousel-control-icon-width: 2rem !default;
-
-$carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>") !default;
-$carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>") !default;
-
-$carousel-transition-duration: .6s !default;
-$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
 // scss-docs-end carousel-variables
 
 // scss-docs-start carousel-dark-variables
 $carousel-dark-indicator-active-bg: var(--#{$prefix}black) !default;
 $carousel-dark-caption-color: var(--#{$prefix}black) !default;
-$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;
 // scss-docs-end carousel-dark-variables

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

@@ -9,5 +9,5 @@ $chip-padding-x: $spacer-2 !default;
 $chip-padding-y: $spacer-1 !default;
 $chip-font-size: $small-font-size !default;
 $chip-font-weight: $font-weight-bold !default;
-$chip-line-height: $line-height-base * 1rem !default;
+$chip-line-height: $line-height-base * $spacer-4 !default;
 // scss-docs-end chip-variables

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

@@ -1,16 +1,10 @@
 // Close
 
 // scss-docs-start close-variables
-$btn-close-width: 1em !default;
-$btn-close-height: 1em !default;
 $btn-close-padding-x: 0 !default;
 $btn-close-padding-y: 0 !default;
 $btn-close-color: var(--#{$prefix}black) !default;
-$btn-close-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !default;
 $btn-close-focus-shadow: none !default;
 $btn-close-opacity: 1 !default;
 $btn-close-hover-opacity: 1 !default;
-$btn-close-focus-opacity: 1 !default;
-$btn-close-disabled-opacity: .25 !default;
-$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;
 // scss-docs-end close-variables

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

@@ -1,16 +1,6 @@
 // Code
 
-$code-font-size: $small-font-size !default;
 // custom
 $code-color-mapping: "primary" !default;
 $code-color: map-get($all-colors, $code-color-mapping) !default;
 // end custom
-
-$kbd-padding-y: .1875rem !default;
-$kbd-padding-x: .375rem !default;
-$kbd-font-size: $code-font-size !default;
-$kbd-color: var(--#{$prefix}body-bg) !default;
-$kbd-bg: var(--#{$prefix}body-color) !default;
-$nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6
-
-$pre-color: null !default;

package/src/style/abstracts/variables/_collapse-icon-text.scss

@@ -1,3 +1,3 @@
-$collapse-icon-text-header-gap: var(--#{$prefix}ref-spacer-3) !default;
+$collapse-icon-text-header-gap: var(--#{$prefix}ref-spacer-4) !default;
 $collapse-icon-text-header-font-size: var(--#{$prefix}ref-fs-6) !default;
 $collapse-icon-text-header-font-weight: var(--#{$prefix}ref-fw-bold) !default;