@lanaco/lnc-react-ui 3.6.0 → 3.8.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.
Files changed (3) hide show
  1. package/lib/index.esm.js +34 -18
  2. package/lib/index.js +34 -18
  3. package/package.json +1 -1
package/lib/index.esm.js CHANGED
@@ -3720,12 +3720,14 @@ var lanaco_light = {
3720
3720
  enabled: {
3721
3721
  text: 500,
3722
3722
  line: 300,
3723
- fontWeight: 700
3723
+ fontWeight: 700,
3724
+ lineHeight: "2px"
3724
3725
  },
3725
3726
  hover: {
3726
3727
  text: 500,
3727
3728
  line: 300,
3728
- fontWeight: 700
3729
+ fontWeight: 700,
3730
+ lineHeight: "1px"
3729
3731
  },
3730
3732
  active: {
3731
3733
  text: 500,
@@ -3957,14 +3959,16 @@ var lanaco_light = {
3957
3959
  backgroundOpacity: 0,
3958
3960
  text: 500,
3959
3961
  line: 200,
3960
- fontWeight: 700
3962
+ fontWeight: 700,
3963
+ lineHeight: "2px"
3961
3964
  },
3962
3965
  hover: {
3963
3966
  background: 0,
3964
3967
  backgroundOpacity: 0,
3965
3968
  text: 500,
3966
3969
  line: 200,
3967
- fontWeight: 700
3970
+ fontWeight: 700,
3971
+ lineHeight: "1px"
3968
3972
  },
3969
3973
  active: {
3970
3974
  background: 0,
@@ -7122,12 +7126,14 @@ var lanaco_dark = {
7122
7126
  enabled: {
7123
7127
  text: 400,
7124
7128
  line: 700,
7125
- fontWeight: 700
7129
+ fontWeight: 700,
7130
+ lineHeight: "2px"
7126
7131
  },
7127
7132
  hover: {
7128
7133
  text: 400,
7129
7134
  line: 700,
7130
- fontWeight: 700
7135
+ fontWeight: 700,
7136
+ lineHeight: "1px"
7131
7137
  },
7132
7138
  active: {
7133
7139
  text: 400,
@@ -7357,14 +7363,16 @@ var lanaco_dark = {
7357
7363
  backgroundOpacity: 0,
7358
7364
  text: 300,
7359
7365
  line: 700,
7360
- fontWeight: 700
7366
+ fontWeight: 700,
7367
+ lineHeight: "2px"
7361
7368
  },
7362
7369
  hover: {
7363
7370
  background: 700,
7364
7371
  backgroundOpacity: 0,
7365
7372
  text: 300,
7366
7373
  line: 200,
7367
- fontWeight: 700
7374
+ fontWeight: 700,
7375
+ lineHeight: "1px"
7368
7376
  },
7369
7377
  active: {
7370
7378
  background: 800,
@@ -10508,11 +10516,14 @@ var lanaco_e_commerce = {
10508
10516
  enabled: {
10509
10517
  text: 500,
10510
10518
  line: 300,
10519
+ lineHeight: "2px",
10520
+ lineRadius: "0",
10511
10521
  fontWeight: 700
10512
10522
  },
10513
10523
  hover: {
10514
10524
  text: 500,
10515
10525
  line: 300,
10526
+ lineHeight: "1px",
10516
10527
  fontWeight: 700
10517
10528
  },
10518
10529
  active: {
@@ -10745,14 +10756,16 @@ var lanaco_e_commerce = {
10745
10756
  backgroundOpacity: 0,
10746
10757
  text: 500,
10747
10758
  line: 200,
10748
- fontWeight: 700
10759
+ fontWeight: 700,
10760
+ lineHeight: "2px"
10749
10761
  },
10750
10762
  hover: {
10751
10763
  background: 0,
10752
10764
  backgroundOpacity: 0,
10753
10765
  text: 500,
10754
10766
  line: 200,
10755
- fontWeight: 700
10767
+ fontWeight: 700,
10768
+ lineHeight: "1px"
10756
10769
  },
10757
10770
  active: {
10758
10771
  background: 0,
@@ -53781,7 +53794,7 @@ Dropdown.propTypes = {
53781
53794
  openMenuOnClick: PropTypes.bool,
53782
53795
  //----
53783
53796
  autoFocus: PropTypes.bool,
53784
- placeholder: PropTypes.string,
53797
+ placeholder: PropTypes.any,
53785
53798
  noOptionsMessage: PropTypes.string,
53786
53799
  menuIsOpen: PropTypes.bool,
53787
53800
  /**
@@ -77201,7 +77214,7 @@ function reducer(state, action) {
77201
77214
 
77202
77215
  function noop$1() {}
77203
77216
 
77204
- var _excluded$s = ["inputRef", "id", "disabled", "preventDefault", "acceptDropzone", "acceptInput", "multiple", "selectFileText", "control", "dndFileText", "showFileSize", "showDnD", "className", "style", "onChange", "onFocus", "onBlur", "onDropAccepted", "onDrop", "color", "size", "inputProps"];
77217
+ var _excluded$s = ["inputRef", "id", "disabled", "preventDefault", "acceptDropzone", "acceptInput", "multiple", "selectFileText", "control", "dndFileText", "showFileSize", "showDnD", "className", "style", "onChange", "onFocus", "onBlur", "onDropAccepted", "onDrop", "color", "size", "inputProps", "alwaysShowDropzone"];
77205
77218
  var _templateObject$o, _templateObject2$8, _templateObject3$5;
77206
77219
  var paddingBySize = {
77207
77220
  small: "0.5rem 0.813rem",
@@ -77249,6 +77262,7 @@ var DragAndDropFile = /*#__PURE__*/React__default.forwardRef(function (props, re
77249
77262
  color = props.color,
77250
77263
  size = props.size,
77251
77264
  inputProps = props.inputProps,
77265
+ alwaysShowDropzone = props.alwaysShowDropzone,
77252
77266
  rest = _objectWithoutProperties$1(props, _excluded$s);
77253
77267
  var theme = useTheme$1();
77254
77268
  var _useState = useState(false),
@@ -77345,10 +77359,10 @@ var DragAndDropFile = /*#__PURE__*/React__default.forwardRef(function (props, re
77345
77359
  if (_onBlur && !disabled) _onBlur(e);
77346
77360
  },
77347
77361
  onChange: handleOnChange
77348
- }, inputProps)), !isDragActive && !displayDnD && /*#__PURE__*/React__default.createElement(PlusLabel, null, /*#__PURE__*/React__default.createElement(Icon, {
77362
+ }, inputProps)), !isDragActive && !displayDnD && !alwaysShowDropzone && /*#__PURE__*/React__default.createElement(PlusLabel, null, /*#__PURE__*/React__default.createElement(Icon, {
77349
77363
  icon: "plus",
77350
77364
  size: size
77351
- })), (isDragActive || displayDnD) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
77365
+ })), (isDragActive || displayDnD || alwaysShowDropzone) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
77352
77366
  icon: "upload",
77353
77367
  size: size,
77354
77368
  className: "dnd-icon-lnc"
@@ -77363,6 +77377,7 @@ DragAndDropFile.defaultProps = {
77363
77377
  dndFileText: "Drag and drop file here or",
77364
77378
  showFileSize: false,
77365
77379
  showDnD: true,
77380
+ alwaysShowDropzone: false,
77366
77381
  //------------------
77367
77382
  onChange: function onChange() {},
77368
77383
  onFocus: function onFocus() {},
@@ -77405,6 +77420,7 @@ DragAndDropFile.propTypes = {
77405
77420
  * }
77406
77421
  */
77407
77422
  showDnD: PropTypes.bool,
77423
+ alwaysShowDropzone: PropTypes.bool,
77408
77424
  //-------------------------
77409
77425
  onChange: PropTypes.func,
77410
77426
  onFocus: PropTypes.func,
@@ -78008,7 +78024,7 @@ DropdownLookup.propTypes = {
78008
78024
  openMenuOnClick: PropTypes.bool,
78009
78025
  //----
78010
78026
  autoFocus: PropTypes.bool,
78011
- placeholder: PropTypes.string,
78027
+ placeholder: PropTypes.any,
78012
78028
  noOptionsMessage: PropTypes.string,
78013
78029
  menuIsOpen: PropTypes.bool,
78014
78030
  /**
@@ -78312,7 +78328,7 @@ MultiSelectDropdown.propTypes = {
78312
78328
  openMenuOnClick: PropTypes.bool,
78313
78329
  //----
78314
78330
  autoFocus: PropTypes.bool,
78315
- placeholder: PropTypes.string,
78331
+ placeholder: PropTypes.any,
78316
78332
  noOptionsMessage: PropTypes.string,
78317
78333
  menuIsOpen: PropTypes.bool,
78318
78334
  /**
@@ -78636,7 +78652,7 @@ MultiSelectDropdownLookup.propTypes = {
78636
78652
  openMenuOnClick: PropTypes.bool,
78637
78653
  //----
78638
78654
  autoFocus: PropTypes.bool,
78639
- placeholder: PropTypes.string,
78655
+ placeholder: PropTypes.any,
78640
78656
  noOptionsMessage: PropTypes.string,
78641
78657
  menuIsOpen: PropTypes.bool,
78642
78658
  /**
@@ -81134,7 +81150,7 @@ var getBorderRadius = function getBorderRadius(theme, type, first, last) {
81134
81150
  };
81135
81151
  var getBottomLine = function getBottomLine(theme, type, active, disabled, color, state) {
81136
81152
  if (type == "pill") return;
81137
- return "border-bottom: ".concat(!disabled && (active || state == "hover") ? "2px" : "1px", " solid ").concat(getColorRgbaValue(theme, getTypeName(type), color, active && !disabled ? "active" : disabled ? "enabled" : state, "line"));
81153
+ return "border-bottom: ".concat(!disabled && (active || state == "hover") ? theme.components[type === "regular" ? "TabRegular" : "TabUnderline"]["default"].enabled.lineHeight + "" : theme.components[type === "regular" ? "TabRegular" : "TabUnderline"]["default"].hover.lineHeight + "", " solid ").concat(getColorRgbaValue(theme, getTypeName(type), color, active && !disabled ? "active" : disabled ? "enabled" : state, "line"));
81138
81154
  };
81139
81155
  var TabItem = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
81140
81156
  var type = props.type,
package/lib/index.js CHANGED
@@ -3769,12 +3769,14 @@ var lanaco_light = {
3769
3769
  enabled: {
3770
3770
  text: 500,
3771
3771
  line: 300,
3772
- fontWeight: 700
3772
+ fontWeight: 700,
3773
+ lineHeight: "2px"
3773
3774
  },
3774
3775
  hover: {
3775
3776
  text: 500,
3776
3777
  line: 300,
3777
- fontWeight: 700
3778
+ fontWeight: 700,
3779
+ lineHeight: "1px"
3778
3780
  },
3779
3781
  active: {
3780
3782
  text: 500,
@@ -4006,14 +4008,16 @@ var lanaco_light = {
4006
4008
  backgroundOpacity: 0,
4007
4009
  text: 500,
4008
4010
  line: 200,
4009
- fontWeight: 700
4011
+ fontWeight: 700,
4012
+ lineHeight: "2px"
4010
4013
  },
4011
4014
  hover: {
4012
4015
  background: 0,
4013
4016
  backgroundOpacity: 0,
4014
4017
  text: 500,
4015
4018
  line: 200,
4016
- fontWeight: 700
4019
+ fontWeight: 700,
4020
+ lineHeight: "1px"
4017
4021
  },
4018
4022
  active: {
4019
4023
  background: 0,
@@ -7171,12 +7175,14 @@ var lanaco_dark = {
7171
7175
  enabled: {
7172
7176
  text: 400,
7173
7177
  line: 700,
7174
- fontWeight: 700
7178
+ fontWeight: 700,
7179
+ lineHeight: "2px"
7175
7180
  },
7176
7181
  hover: {
7177
7182
  text: 400,
7178
7183
  line: 700,
7179
- fontWeight: 700
7184
+ fontWeight: 700,
7185
+ lineHeight: "1px"
7180
7186
  },
7181
7187
  active: {
7182
7188
  text: 400,
@@ -7406,14 +7412,16 @@ var lanaco_dark = {
7406
7412
  backgroundOpacity: 0,
7407
7413
  text: 300,
7408
7414
  line: 700,
7409
- fontWeight: 700
7415
+ fontWeight: 700,
7416
+ lineHeight: "2px"
7410
7417
  },
7411
7418
  hover: {
7412
7419
  background: 700,
7413
7420
  backgroundOpacity: 0,
7414
7421
  text: 300,
7415
7422
  line: 200,
7416
- fontWeight: 700
7423
+ fontWeight: 700,
7424
+ lineHeight: "1px"
7417
7425
  },
7418
7426
  active: {
7419
7427
  background: 800,
@@ -10557,11 +10565,14 @@ var lanaco_e_commerce = {
10557
10565
  enabled: {
10558
10566
  text: 500,
10559
10567
  line: 300,
10568
+ lineHeight: "2px",
10569
+ lineRadius: "0",
10560
10570
  fontWeight: 700
10561
10571
  },
10562
10572
  hover: {
10563
10573
  text: 500,
10564
10574
  line: 300,
10575
+ lineHeight: "1px",
10565
10576
  fontWeight: 700
10566
10577
  },
10567
10578
  active: {
@@ -10794,14 +10805,16 @@ var lanaco_e_commerce = {
10794
10805
  backgroundOpacity: 0,
10795
10806
  text: 500,
10796
10807
  line: 200,
10797
- fontWeight: 700
10808
+ fontWeight: 700,
10809
+ lineHeight: "2px"
10798
10810
  },
10799
10811
  hover: {
10800
10812
  background: 0,
10801
10813
  backgroundOpacity: 0,
10802
10814
  text: 500,
10803
10815
  line: 200,
10804
- fontWeight: 700
10816
+ fontWeight: 700,
10817
+ lineHeight: "1px"
10805
10818
  },
10806
10819
  active: {
10807
10820
  background: 0,
@@ -53830,7 +53843,7 @@ Dropdown.propTypes = {
53830
53843
  openMenuOnClick: PropTypes__default["default"].bool,
53831
53844
  //----
53832
53845
  autoFocus: PropTypes__default["default"].bool,
53833
- placeholder: PropTypes__default["default"].string,
53846
+ placeholder: PropTypes__default["default"].any,
53834
53847
  noOptionsMessage: PropTypes__default["default"].string,
53835
53848
  menuIsOpen: PropTypes__default["default"].bool,
53836
53849
  /**
@@ -77250,7 +77263,7 @@ function reducer(state, action) {
77250
77263
 
77251
77264
  function noop$1() {}
77252
77265
 
77253
- var _excluded$s = ["inputRef", "id", "disabled", "preventDefault", "acceptDropzone", "acceptInput", "multiple", "selectFileText", "control", "dndFileText", "showFileSize", "showDnD", "className", "style", "onChange", "onFocus", "onBlur", "onDropAccepted", "onDrop", "color", "size", "inputProps"];
77266
+ var _excluded$s = ["inputRef", "id", "disabled", "preventDefault", "acceptDropzone", "acceptInput", "multiple", "selectFileText", "control", "dndFileText", "showFileSize", "showDnD", "className", "style", "onChange", "onFocus", "onBlur", "onDropAccepted", "onDrop", "color", "size", "inputProps", "alwaysShowDropzone"];
77254
77267
  var _templateObject$o, _templateObject2$8, _templateObject3$5;
77255
77268
  var paddingBySize = {
77256
77269
  small: "0.5rem 0.813rem",
@@ -77298,6 +77311,7 @@ var DragAndDropFile = /*#__PURE__*/React__default["default"].forwardRef(function
77298
77311
  color = props.color,
77299
77312
  size = props.size,
77300
77313
  inputProps = props.inputProps,
77314
+ alwaysShowDropzone = props.alwaysShowDropzone,
77301
77315
  rest = _objectWithoutProperties__default["default"](props, _excluded$s);
77302
77316
  var theme = useTheme$1();
77303
77317
  var _useState = React.useState(false),
@@ -77394,10 +77408,10 @@ var DragAndDropFile = /*#__PURE__*/React__default["default"].forwardRef(function
77394
77408
  if (_onBlur && !disabled) _onBlur(e);
77395
77409
  },
77396
77410
  onChange: handleOnChange
77397
- }, inputProps)), !isDragActive && !displayDnD && /*#__PURE__*/React__default["default"].createElement(PlusLabel, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
77411
+ }, inputProps)), !isDragActive && !displayDnD && !alwaysShowDropzone && /*#__PURE__*/React__default["default"].createElement(PlusLabel, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
77398
77412
  icon: "plus",
77399
77413
  size: size
77400
- })), (isDragActive || displayDnD) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
77414
+ })), (isDragActive || displayDnD || alwaysShowDropzone) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
77401
77415
  icon: "upload",
77402
77416
  size: size,
77403
77417
  className: "dnd-icon-lnc"
@@ -77412,6 +77426,7 @@ DragAndDropFile.defaultProps = {
77412
77426
  dndFileText: "Drag and drop file here or",
77413
77427
  showFileSize: false,
77414
77428
  showDnD: true,
77429
+ alwaysShowDropzone: false,
77415
77430
  //------------------
77416
77431
  onChange: function onChange() {},
77417
77432
  onFocus: function onFocus() {},
@@ -77454,6 +77469,7 @@ DragAndDropFile.propTypes = {
77454
77469
  * }
77455
77470
  */
77456
77471
  showDnD: PropTypes__default["default"].bool,
77472
+ alwaysShowDropzone: PropTypes__default["default"].bool,
77457
77473
  //-------------------------
77458
77474
  onChange: PropTypes__default["default"].func,
77459
77475
  onFocus: PropTypes__default["default"].func,
@@ -78057,7 +78073,7 @@ DropdownLookup.propTypes = {
78057
78073
  openMenuOnClick: PropTypes__default["default"].bool,
78058
78074
  //----
78059
78075
  autoFocus: PropTypes__default["default"].bool,
78060
- placeholder: PropTypes__default["default"].string,
78076
+ placeholder: PropTypes__default["default"].any,
78061
78077
  noOptionsMessage: PropTypes__default["default"].string,
78062
78078
  menuIsOpen: PropTypes__default["default"].bool,
78063
78079
  /**
@@ -78361,7 +78377,7 @@ MultiSelectDropdown.propTypes = {
78361
78377
  openMenuOnClick: PropTypes__default["default"].bool,
78362
78378
  //----
78363
78379
  autoFocus: PropTypes__default["default"].bool,
78364
- placeholder: PropTypes__default["default"].string,
78380
+ placeholder: PropTypes__default["default"].any,
78365
78381
  noOptionsMessage: PropTypes__default["default"].string,
78366
78382
  menuIsOpen: PropTypes__default["default"].bool,
78367
78383
  /**
@@ -78685,7 +78701,7 @@ MultiSelectDropdownLookup.propTypes = {
78685
78701
  openMenuOnClick: PropTypes__default["default"].bool,
78686
78702
  //----
78687
78703
  autoFocus: PropTypes__default["default"].bool,
78688
- placeholder: PropTypes__default["default"].string,
78704
+ placeholder: PropTypes__default["default"].any,
78689
78705
  noOptionsMessage: PropTypes__default["default"].string,
78690
78706
  menuIsOpen: PropTypes__default["default"].bool,
78691
78707
  /**
@@ -81183,7 +81199,7 @@ var getBorderRadius = function getBorderRadius(theme, type, first, last) {
81183
81199
  };
81184
81200
  var getBottomLine = function getBottomLine(theme, type, active, disabled, color, state) {
81185
81201
  if (type == "pill") return;
81186
- return "border-bottom: ".concat(!disabled && (active || state == "hover") ? "2px" : "1px", " solid ").concat(getColorRgbaValue(theme, getTypeName(type), color, active && !disabled ? "active" : disabled ? "enabled" : state, "line"));
81202
+ return "border-bottom: ".concat(!disabled && (active || state == "hover") ? theme.components[type === "regular" ? "TabRegular" : "TabUnderline"]["default"].enabled.lineHeight + "" : theme.components[type === "regular" ? "TabRegular" : "TabUnderline"]["default"].hover.lineHeight + "", " solid ").concat(getColorRgbaValue(theme, getTypeName(type), color, active && !disabled ? "active" : disabled ? "enabled" : state, "line"));
81187
81203
  };
81188
81204
  var TabItem = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
81189
81205
  var type = props.type,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
3
  "type": "module",
4
- "version": "3.6.0",
4
+ "version": "3.8.0",
5
5
  "description": "component library",
6
6
  "main": "lib/index.js",
7
7
  "module": "lib/index.esm.js",