@oliasoft-open-source/react-ui-library 3.1.16 → 3.1.17

package/dist/global.css

@@ -17357,26 +17357,30 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._container_1tivv_329 {
+._container_1wkvy_329 {
   display: flex;
   align-items: center;
-  min-height: 38px;
+  min-height: var(--size);
+  gap: 4px;
+}
+._container_1wkvy_329._small_1wkvy_335 {
+  min-height: var(--size-sm);
 }
-._container_1tivv_329._hasMarks_1tivv_334 {
+._container_1wkvy_329._hasMarks_1wkvy_338 {
   padding-bottom: 20px;
 }
-._container_1tivv_329._vertical_1tivv_337 {
+._container_1wkvy_329._vertical_1wkvy_341 {
   flex-direction: column;
   padding-bottom: 0;
 }
-._container_1tivv_329._vertical_1tivv_337 ._hasArrows_1tivv_341 {
+._container_1wkvy_329._vertical_1wkvy_341 ._hasArrows_1wkvy_345 {
   margin-top: 5px;
   margin-bottom: 5px;
 }
-._container_1tivv_329._vertical_1tivv_337 ._button_1tivv_345 svg {
+._container_1wkvy_329._vertical_1wkvy_341 ._button_1wkvy_349 svg {
   transform: rotate(-90deg);
 }
-._label_1tivv_348 {
+._label_1wkvy_352 {
   white-space: nowrap;
   margin-left: 10px;
   line-height: 1;

package/dist/index.js

@@ -1379,7 +1379,7 @@ Accordion.propTypes = {
 };
 const checkbox = "_checkbox_jh50z_329";
 const noLabel = "_noLabel_jh50z_342";
-const small$c = "_small_jh50z_345";
+const small$d = "_small_jh50z_345";
 const checkmark = "_checkmark_jh50z_371";
 const disabled$9 = "_disabled_jh50z_392";
 const noMargin$2 = "_noMargin_jh50z_406";
@@ -1387,7 +1387,7 @@ const isInTable$4 = "_isInTable_jh50z_409";
 const styles$O = {
   checkbox,
   noLabel,
-  small: small$c,
+  small: small$d,
   checkmark,
   disabled: disabled$9,
   noMargin: noMargin$2,
@@ -9959,7 +9959,7 @@ const badge = "_badge_1xc80_333";
 const label$9 = "_label_1xc80_338";
 const dark$1 = "_dark_1xc80_350";
 const light = "_light_1xc80_353";
-const small$b = "_small_1xc80_356";
+const small$c = "_small_1xc80_356";
 const dot = "_dot_1xc80_362";
 const hasChildren = "_hasChildren_1xc80_367";
 const styles$K = {
@@ -9968,7 +9968,7 @@ const styles$K = {
   label: label$9,
   dark: dark$1,
   light,
-  small: small$b,
+  small: small$c,
   dot,
   hasChildren
 };
@@ -10025,7 +10025,7 @@ const iconOnly = "_iconOnly_hu9gg_416";
 const basic = "_basic_hu9gg_426";
 const muted$1 = "_muted_hu9gg_432";
 const disabled$7 = "_disabled_hu9gg_445";
-const small$a = "_small_hu9gg_455";
+const small$b = "_small_hu9gg_455";
 const pill = "_pill_hu9gg_460";
 const round = "_round_hu9gg_461";
 const orange$1 = "_orange_hu9gg_478";
@@ -10043,7 +10043,7 @@ const buttonStyles = {
   basic,
   muted: muted$1,
   disabled: disabled$7,
-  small: small$a,
+  small: small$b,
   pill,
   round,
   orange: orange$1,
@@ -10055,13 +10055,13 @@ const buttonStyles = {
   groupOrderLast: groupOrderLast$4
 };
 const spinner = "_spinner_16f46_329";
-const small$9 = "_small_16f46_335";
+const small$a = "_small_16f46_335";
 const tiny = "_tiny_16f46_339";
 const colored$1 = "_colored_16f46_366";
 const dark = "_dark_16f46_378";
 const styles$J = {
   spinner,
-  small: small$9,
+  small: small$a,
   tiny,
   colored: colored$1,
   dark
@@ -10772,14 +10772,14 @@ Actions.propTypes = {
   right: propTypes$1.exports.bool
 };
 const breadcrumb = "_breadcrumb_1nzq0_329";
-const small$8 = "_small_1nzq0_332";
+const small$9 = "_small_1nzq0_332";
 const labelContainer = "_labelContainer_1nzq0_335";
 const active$6 = "_active_1nzq0_345";
 const disabled$6 = "_disabled_1nzq0_350";
 const separator = "_separator_1nzq0_355";
 const styles$H = {
   breadcrumb,
-  small: small$8,
+  small: small$9,
   labelContainer,
   active: active$6,
   disabled: disabled$6,
@@ -12462,7 +12462,7 @@ const faint$1 = "_faint_1j5st_338";
 const success$1 = "_success_1j5st_341";
 const warning$a = "_warning_1j5st_344";
 const error$7 = "_error_1j5st_347";
-const small$7 = "_small_1j5st_350";
+const small$8 = "_small_1j5st_350";
 const link$1 = "_link_1j5st_353";
 const styles$C = {
   bold: bold$1,
@@ -12472,7 +12472,7 @@ const styles$C = {
   success: success$1,
   warning: warning$a,
   error: error$7,
-  small: small$7,
+  small: small$8,
   link: link$1
 };
 const Text = ({
@@ -15176,7 +15176,7 @@ const inputDisabled$8 = "_inputDisabled_12o4t_382";
 const hideScrollbars$8 = "_hideScrollbars_12o4t_387";
 const input$2 = "_input_12o4t_329";
 const isInTable$3 = "_isInTable_12o4t_418";
-const small$6 = "_small_12o4t_446";
+const small$7 = "_small_12o4t_446";
 const error$6 = "_error_12o4t_452";
 const warning$9 = "_warning_12o4t_467";
 const right$5 = "_right_12o4t_487";
@@ -15192,7 +15192,7 @@ const styles$w = {
   hideScrollbars: hideScrollbars$8,
   input: input$2,
   isInTable: isInTable$3,
-  small: small$6,
+  small: small$7,
   error: error$6,
   warning: warning$9,
   right: right$5,
@@ -15727,13 +15727,13 @@ Grid.propTypes = {
   children: propTypes$1.exports.node
 };
 const addon = "_addon_1trlr_329";
-const small$5 = "_small_1trlr_340";
+const small$6 = "_small_1trlr_340";
 const groupOrderFirst$2 = "_groupOrderFirst_1trlr_344";
 const groupOrderMiddle$2 = "_groupOrderMiddle_1trlr_345";
 const groupOrderLast$2 = "_groupOrderLast_1trlr_350";
 const styles$r = {
   addon,
-  small: small$5,
+  small: small$6,
   groupOrderFirst: groupOrderFirst$2,
   groupOrderMiddle: groupOrderMiddle$2,
   groupOrderLast: groupOrderLast$2
@@ -25793,7 +25793,7 @@ const isInTable$2 = "_isInTable_197p7_434";
 const unSelected = "_unSelected_197p7_450";
 const error$3 = "_error_197p7_457";
 const warning$4 = "_warning_197p7_472";
-const small$4 = "_small_197p7_487";
+const small$5 = "_small_197p7_487";
 const right$3 = "_right_197p7_494";
 const groupOrderFirst$1 = "_groupOrderFirst_197p7_504";
 const input$1 = "_input_197p7_329";
@@ -25811,7 +25811,7 @@ const styles$l = {
   unSelected,
   error: error$3,
   warning: warning$4,
-  small: small$4,
+  small: small$5,
   right: right$3,
   groupOrderFirst: groupOrderFirst$1,
   input: input$1,
@@ -26875,7 +26875,7 @@ const triggerInputContainer = "_triggerInputContainer_1va0y_518";
 const right$2 = "_right_1va0y_527";
 const multiOptions = "_multiOptions_1va0y_541";
 const multiOptionWrapper = "_multiOptionWrapper_1va0y_550";
-const small$3 = "_small_1va0y_554";
+const small$4 = "_small_1va0y_554";
 const multiOption = "_multiOption_1va0y_541";
 const label$4 = "_label_1va0y_571";
 const closeMultiOption = "_closeMultiOption_1va0y_577";
@@ -26908,7 +26908,7 @@ const styles$j = {
   right: right$2,
   multiOptions,
   multiOptionWrapper,
-  small: small$3,
+  small: small$4,
   multiOption,
   label: label$4,
   closeMultiOption,
@@ -28176,7 +28176,7 @@ const wrapper = "_wrapper_ddwqu_329";
 const inline = "_inline_ddwqu_329";
 const radio = "_radio_ddwqu_333";
 const labelMargin = "_labelMargin_ddwqu_336";
-const small$2 = "_small_ddwqu_352";
+const small$3 = "_small_ddwqu_352";
 const noMargin$1 = "_noMargin_ddwqu_356";
 const disabled$2 = "_disabled_ddwqu_415";
 const isInTable = "_isInTable_ddwqu_431";
@@ -28185,7 +28185,7 @@ const styles$e = {
   inline,
   radio,
   labelMargin,
-  small: small$2,
+  small: small$3,
   noMargin: noMargin$1,
   disabled: disabled$2,
   isInTable
@@ -34572,14 +34572,16 @@ const SliderTooltip = ({
   });
 };
 const rcSlider = "";
-const container = "_container_1tivv_329";
-const hasMarks = "_hasMarks_1tivv_334";
-const vertical = "_vertical_1tivv_337";
-const hasArrows = "_hasArrows_1tivv_341";
-const button$1 = "_button_1tivv_345";
-const label$1 = "_label_1tivv_348";
+const container = "_container_1wkvy_329";
+const small$2 = "_small_1wkvy_335";
+const hasMarks = "_hasMarks_1wkvy_338";
+const vertical = "_vertical_1wkvy_341";
+const hasArrows = "_hasArrows_1wkvy_345";
+const button$1 = "_button_1wkvy_349";
+const label$1 = "_label_1wkvy_352";
 const styles$b = {
   container,
+  small: small$2,
   hasMarks,
   vertical,
   hasArrows,
@@ -34619,7 +34621,8 @@ const Slider = ({
   disabled: disabled2,
   vertical: vertical2,
   onChange,
-  range
+  range,
+  small: small2
 }) => {
   const disabledContext = useContext(DisabledContext);
   const formattedMarks = memoizedFormatMarkers(marks);
@@ -34637,6 +34640,7 @@ const Slider = ({
     children: /* @__PURE__ */ jsx(Button$1, {
       basic: true,
       small: true,
+      round: true,
       onClick: () => onChangeValue(min),
       disabled: disabled2 || value === min || disabledContext,
       icon: /* @__PURE__ */ jsx(FaFastBackward, {})
@@ -34647,13 +34651,14 @@ const Slider = ({
     children: /* @__PURE__ */ jsx(Button$1, {
       basic: true,
       small: true,
+      round: true,
       onClick: () => onChangeValue(max),
       disabled: disabled2 || value === max || disabledContext,
       icon: /* @__PURE__ */ jsx(FaFastForward, {})
     })
   });
   return /* @__PURE__ */ jsxs("div", {
-    className: cx(styles$b.container, vertical2.enabled ? styles$b.vertical : "", !_$1.isEmpty(marks) ? styles$b.hasMarks : ""),
+    className: cx(styles$b.container, small2 ? styles$b.small : "", vertical2.enabled ? styles$b.vertical : "", !_$1.isEmpty(marks) ? styles$b.hasMarks : ""),
     style: vertical2.enabled ? {
       width: vertical2.width,
       height: vertical2.height
@@ -34726,6 +34731,7 @@ Slider.defaultProps = {
   tooltipFormatter: (v2) => v2,
   disabled: false,
   range: false,
+  small: false,
   vertical: {
     enabled: false,
     width: "100px",
@@ -34752,6 +34758,7 @@ Slider.propTypes = {
   tooltipFormatter: propTypes$1.exports.func,
   disabled: propTypes$1.exports.bool,
   range: propTypes$1.exports.bool,
+  small: propTypes$1.exports.bool,
   vertical: propTypes$1.exports.object
 };
 const Spacer = ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.1.16",
+  "version": "3.1.17",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",