@app-studio/web 0.3.26 → 0.3.28

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.
package/dist/web.esm.js CHANGED
@@ -2,6 +2,7 @@ import React, { useState, useRef, useEffect, useMemo, useCallback, Fragment } fr
2
2
  import { View as View$1, Element, Typography, useTheme, Input, Image } from 'app-studio';
3
3
  import { Link as Link$1 } from 'react-router-dom';
4
4
  import format from 'date-fns/format';
5
+ import { OpenEyeSvg, CloseEyeSvg } from 'src/components/Svg';
5
6
  import { create } from 'zustand';
6
7
 
7
8
  var useButtonState = function useButtonState() {
@@ -2539,8 +2540,8 @@ var InputVariants = {
2539
2540
  }
2540
2541
  };
2541
2542
  var PadddingWithLabel = {
2542
- paddingTop: 12,
2543
- paddingBottom: 2,
2543
+ paddingTop: 14,
2544
+ paddingBottom: 0,
2544
2545
  paddingLeft: 18,
2545
2546
  paddingRight: 36
2546
2547
  };
@@ -2629,9 +2630,9 @@ var FieldLabel = function FieldLabel(_ref) {
2629
2630
  } : _ref$styles,
2630
2631
  props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
2631
2632
  return React.createElement(Label, Object.assign({
2632
- top: 2,
2633
+ top: 6,
2633
2634
  zIndex: 1000,
2634
- lineHeight: 14,
2635
+ lineHeight: LabelSizes[size],
2635
2636
  letterSpacing: 0.25,
2636
2637
  whiteSpace: "noWrap",
2637
2638
  position: "absolute",
@@ -3186,6 +3187,7 @@ var TextFieldView = function TextFieldView(_ref) {
3186
3187
  }
3187
3188
  },
3188
3189
  fontSize: Typography.fontSizes[size],
3190
+ lineHeight: Typography.fontSizes[size],
3189
3191
  backgroundColor: 'transparent',
3190
3192
  color: isDisabled ? 'color.trueGray.600' : 'color.blueGray.700',
3191
3193
  cursor: isDisabled ? 'not-allowed' : 'auto'
@@ -3291,8 +3293,14 @@ var TextField = TextFieldComponent;
3291
3293
  var _excluded$n = ["name", "visibleIcon", "hiddenIcon", "isDisabled", "isVisible", "setIsVisible"];
3292
3294
  var PasswordView = function PasswordView(_ref) {
3293
3295
  var name = _ref.name,
3294
- visibleIcon = _ref.visibleIcon,
3295
- hiddenIcon = _ref.hiddenIcon,
3296
+ _ref$visibleIcon = _ref.visibleIcon,
3297
+ visibleIcon = _ref$visibleIcon === void 0 ? React.createElement(OpenEyeSvg, {
3298
+ size: 14
3299
+ }) : _ref$visibleIcon,
3300
+ _ref$hiddenIcon = _ref.hiddenIcon,
3301
+ hiddenIcon = _ref$hiddenIcon === void 0 ? React.createElement(CloseEyeSvg, {
3302
+ size: 14
3303
+ }) : _ref$hiddenIcon,
3296
3304
  _ref$isDisabled = _ref.isDisabled,
3297
3305
  isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
3298
3306
  _ref$isVisible = _ref.isVisible,