@descope/web-components-ui 1.0.131 → 1.0.133

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. package/dist/cjs/index.cjs.js +239 -194
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +239 -195
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/umd/201.js +1 -1
  6. package/dist/umd/241.js +1 -1
  7. package/dist/umd/447.js +1 -1
  8. package/dist/umd/481.js +1 -1
  9. package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -1
  10. package/dist/umd/boolean-fields-descope-switch-toggle-index-js.js +1 -1
  11. package/dist/umd/descope-button-index-js.js +1 -1
  12. package/dist/umd/descope-combo-box-index-js.js +1 -1
  13. package/dist/umd/descope-email-field-index-js.js +1 -1
  14. package/dist/umd/descope-link-index-js.js +1 -1
  15. package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
  16. package/dist/umd/descope-number-field-index-js.js +1 -1
  17. package/dist/umd/descope-passcode-index-js.js +1 -1
  18. package/dist/umd/descope-phone-field-index-js.js +1 -1
  19. package/dist/umd/descope-text-area-index-js.js +1 -1
  20. package/dist/umd/descope-text-field-index-js.js +1 -1
  21. package/dist/umd/descope-text-index-js.js +1 -1
  22. package/dist/umd/index.js +1 -1
  23. package/package.json +1 -1
  24. package/src/components/boolean-fields/descope-checkbox/CheckboxClass.js +11 -12
  25. package/src/components/boolean-fields/descope-switch-toggle/SwitchToggleClass.js +8 -9
  26. package/src/components/descope-button/ButtonClass.js +4 -5
  27. package/src/components/descope-combo-box/ComboBoxClass.js +24 -8
  28. package/src/components/descope-email-field/EmailFieldClass.js +2 -2
  29. package/src/components/descope-link/LinkClass.js +5 -4
  30. package/src/components/descope-new-password/NewPasswordClass.js +5 -5
  31. package/src/components/descope-new-password/descope-new-password-internal/NewPasswordInternal.js +0 -1
  32. package/src/components/descope-number-field/NumberFieldClass.js +2 -2
  33. package/src/components/descope-passcode/PasscodeClass.js +5 -1
  34. package/src/components/descope-password/PasswordClass.js +22 -9
  35. package/src/components/descope-phone-field/PhoneFieldClass.js +9 -14
  36. package/src/components/descope-text/TextClass.js +1 -1
  37. package/src/components/descope-text-area/TextAreaClass.js +9 -10
  38. package/src/components/descope-text-field/TextFieldClass.js +2 -3
  39. package/src/components/descope-text-field/textFieldMappings.js +14 -21
  40. package/src/helpers/themeHelpers/resetHelpers.js +22 -6
  41. package/src/mixins/normalizeBooleanAttributesMixin.js +2 -1
  42. package/src/theme/components/comboBox.js +3 -0
  43. package/src/theme/components/emailField.js +2 -0
  44. package/src/theme/components/inputWrapper.js +5 -1
  45. package/src/theme/components/link.js +0 -4
  46. package/src/theme/components/newPassword.js +1 -0
  47. package/src/theme/components/numberField.js +3 -1
  48. package/src/theme/components/passcode.js +1 -0
  49. package/src/theme/components/password.js +3 -1
  50. package/src/theme/components/phoneField.js +1 -1
  51. package/src/theme/components/textArea.js +1 -0
  52. package/src/theme/components/textField.js +2 -0
package/src/theme/components/passcode.js CHANGED
@@ -19,6 +19,7 @@ const passcode = {
19
19
  [vars.digitOutlineColor]: 'transparent',
20
20
  [vars.digitOutlineWidth]: refs.outlineWidth,
21
21
  [vars.focusedDigitFieldOutlineColor]: refs.outlineColor,
22
+ [vars.digitSize]: refs.inputHeight,
22
23
 
23
24
  _hideCursor: {
24
25
  [vars.digitCaretTextColor]: 'transparent',
package/src/theme/components/password.js CHANGED
@@ -11,6 +11,7 @@ const password = {
11
11
  [vars.fontSize]: refs.fontSize,
12
12
  [vars.fontFamily]: refs.fontFamily,
13
13
  [vars.labelTextColor]: refs.labelTextColor,
14
+ [vars.inputHorizontalPadding]: refs.horizontalPadding,
14
15
  [vars.inputHeight]: refs.inputHeight,
15
16
  [vars.inputBackgroundColor]: refs.backgroundColor,
16
17
  [vars.labelRequiredIndicator]: refs.requiredIndicator,
@@ -24,7 +25,8 @@ const password = {
24
25
  [vars.inputOutlineStyle]: refs.outlineStyle,
25
26
  [vars.inputOutlineColor]: refs.outlineColor,
26
27
  [vars.inputOutlineOffset]: refs.outlineOffset,
27
- [vars.revealButtonOffset]: globalRefs.spacing.md
28
+ [vars.revealButtonOffset]: globalRefs.spacing.md,
29
+ [vars.revealButtonSize]: refs.toggleButtonSize
28
30
  };
29
31
 
30
32
  export default password;
package/src/theme/components/phoneField.js CHANGED
@@ -20,7 +20,7 @@ const phoneField = {
20
20
  [vars.inputOutlineColor]: refs.outlineColor,
21
21
  [vars.inputOutlineOffset]: refs.outlineOffset,
22
22
  [vars.inputHeight]: refs.inputHeight,
23
- [vars.phoneInputWidth]: '10em',
23
+ [vars.phoneInputWidth]: refs.minWidth,
24
24
  [vars.countryCodeInputWidth]: '5em',
25
25
  [vars.countryCodeDropdownWidth]: '20em',
26
26
 
package/src/theme/components/textArea.js CHANGED
@@ -8,6 +8,7 @@ const vars = TextAreaClass.cssVarList;
8
8
 
9
9
  const textArea = {
10
10
  [vars.hostWidth]: refs.width,
11
+ [vars.hostMinWidth]: refs.minWidth,
11
12
  [vars.fontSize]: '14px',
12
13
  [vars.fontFamily]: refs.fontFamily,
13
14
  [vars.labelTextColor]: refs.labelTextColor,
package/src/theme/components/textField.js CHANGED
@@ -5,6 +5,7 @@ const vars = TextFieldClass.cssVarList;
5
5
 
6
6
  export const textField = ({
7
7
  [vars.hostWidth]: refs.width,
8
+ [vars.hostMinWidth]: refs.minWidth,
8
9
  [vars.fontSize]: refs.fontSize,
9
10
  [vars.fontFamily]: refs.fontFamily,
10
11
  [vars.labelTextColor]: refs.labelTextColor,
@@ -21,6 +22,7 @@ export const textField = ({
21
22
  [vars.inputOutlineOffset]: refs.outlineOffset,
22
23
  [vars.inputBackgroundColor]: refs.backgroundColor,
23
24
  [vars.inputHeight]: refs.inputHeight,
25
+ [vars.inputHorizontalPadding]: refs.horizontalPadding
24
26
  });
25
27
 
26
28
  export default textField;