@descope/web-components-ui 1.0.233 → 1.0.234

Sign up to get free protection for your applications and to get access to all the features.
Files changed (74) hide show
  1. package/dist/cjs/index.cjs.js +133 -15
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +212 -84
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/umd/2481.js +1 -1
  6. package/dist/umd/4201.js +1 -1
  7. package/dist/umd/4803.js +1 -1
  8. package/dist/umd/9671.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-button-selection-group-descope-button-selection-group-item-index-js.js +1 -1
  13. package/dist/umd/descope-button-selection-group-index-js.js +1 -1
  14. package/dist/umd/descope-combo-box-index-js.js +1 -1
  15. package/dist/umd/descope-divider-index-js.js +1 -1
  16. package/dist/umd/descope-email-field-index-js.js +1 -1
  17. package/dist/umd/descope-grid-index-js.js +1 -1
  18. package/dist/umd/descope-link-index-js.js +1 -1
  19. package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
  20. package/dist/umd/descope-number-field-index-js.js +1 -1
  21. package/dist/umd/descope-passcode-descope-passcode-internal-index-js.js +1 -1
  22. package/dist/umd/descope-passcode-index-js.js +1 -1
  23. package/dist/umd/descope-text-area-index-js.js +1 -1
  24. package/dist/umd/descope-text-field-index-js.js +1 -1
  25. package/dist/umd/descope-text-index-js.js +1 -1
  26. package/dist/umd/descope-upload-file-index-js.js +1 -1
  27. package/dist/umd/phone-fields-descope-phone-field-index-js.js +1 -1
  28. package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
  29. package/package.json +1 -1
  30. package/src/components/boolean-fields/commonStyles.js +1 -1
  31. package/src/components/boolean-fields/descope-checkbox/CheckboxClass.js +7 -2
  32. package/src/components/boolean-fields/descope-switch-toggle/SwitchToggleClass.js +6 -1
  33. package/src/components/descope-button/ButtonClass.js +5 -1
  34. package/src/components/descope-button-selection-group/ButtonSelectionGroupClass.js +3 -0
  35. package/src/components/descope-button-selection-group/descope-button-selection-group-item/ButtonSelectionGroupItemClass.js +4 -0
  36. package/src/components/descope-combo-box/ComboBoxClass.js +14 -0
  37. package/src/components/descope-divider/DividerClass.js +4 -0
  38. package/src/components/descope-email-field/EmailFieldClass.js +3 -1
  39. package/src/components/descope-link/LinkClass.js +1 -0
  40. package/src/components/descope-new-password/NewPasswordClass.js +10 -2
  41. package/src/components/descope-new-password/descope-new-password-internal/NewPasswordInternal.js +6 -1
  42. package/src/components/descope-number-field/NumberFieldClass.js +2 -0
  43. package/src/components/descope-passcode/PasscodeClass.js +3 -0
  44. package/src/components/descope-passcode/descope-passcode-internal/PasscodeInternal.js +5 -0
  45. package/src/components/descope-password/PasswordClass.js +8 -2
  46. package/src/components/descope-text/TextClass.js +1 -0
  47. package/src/components/descope-text-area/TextAreaClass.js +4 -1
  48. package/src/components/descope-text-field/TextFieldClass.js +3 -1
  49. package/src/components/descope-text-field/textFieldMappings.js +1 -0
  50. package/src/components/descope-upload-file/UploadFileClass.js +6 -0
  51. package/src/components/phone-fields/descope-phone-field/PhoneFieldClass.js +4 -2
  52. package/src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js +4 -2
  53. package/src/helpers/themeHelpers/resetHelpers.js +28 -0
  54. package/src/theme/components/button.js +1 -0
  55. package/src/theme/components/buttonSelectionGroup/buttonSelectionGroup.js +1 -0
  56. package/src/theme/components/buttonSelectionGroup/buttonSelectionGroupItem.js +1 -0
  57. package/src/theme/components/checkbox.js +1 -0
  58. package/src/theme/components/comboBox.js +3 -0
  59. package/src/theme/components/divider.js +2 -0
  60. package/src/theme/components/emailField.js +1 -0
  61. package/src/theme/components/inputWrapper.js +2 -0
  62. package/src/theme/components/link.js +1 -0
  63. package/src/theme/components/newPassword.js +1 -0
  64. package/src/theme/components/numberField.js +1 -0
  65. package/src/theme/components/passcode.js +1 -0
  66. package/src/theme/components/password.js +1 -0
  67. package/src/theme/components/phoneField.js +1 -0
  68. package/src/theme/components/phoneInputBoxField.js +1 -0
  69. package/src/theme/components/switchToggle.js +1 -0
  70. package/src/theme/components/text.js +1 -0
  71. package/src/theme/components/textArea.js +1 -0
  72. package/src/theme/components/textField.js +1 -0
  73. package/src/theme/components/uploadFile.js +1 -0
  74. package/src/theme/globals.js +3 -0
package/src/theme/components/newPassword.js CHANGED
@@ -6,6 +6,7 @@ const vars = NewPasswordClass.cssVarList;
6
6
  const newPassword = {
7
7
  [vars.hostWidth]: refs.width,
8
8
  [vars.hostMinWidth]: refs.minWidth,
9
+ [vars.hostDirection]: refs.direction,
9
10
  [vars.fontSize]: refs.fontSize,
10
11
  [vars.fontFamily]: refs.fontFamily,
11
12
  [vars.spaceBetweenInputs]: '1em',
package/src/theme/components/numberField.js CHANGED
@@ -6,6 +6,7 @@ const vars = NumberFieldClass.cssVarList;
6
6
  const numberField = {
7
7
  [vars.hostWidth]: refs.width,
8
8
  [vars.hostMinWidth]: refs.minWidth,
9
+ [vars.hostDirection]: refs.direction,
9
10
  [vars.fontSize]: refs.fontSize,
10
11
  [vars.fontFamily]: refs.fontFamily,
11
12
  [vars.labelTextColor]: refs.labelTextColor,
package/src/theme/components/passcode.js CHANGED
@@ -4,6 +4,7 @@ import { refs } from './inputWrapper';
4
4
  const vars = PasscodeClass.cssVarList;
5
5
 
6
6
  const passcode = {
7
+ [vars.hostDirection]: refs.direction,
7
8
  [vars.fontFamily]: refs.fontFamily,
8
9
  [vars.fontSize]: refs.fontSize,
9
10
  [vars.labelTextColor]: refs.labelTextColor,
package/src/theme/components/password.js CHANGED
@@ -8,6 +8,7 @@ const vars = PasswordClass.cssVarList;
8
8
 
9
9
  const password = {
10
10
  [vars.hostWidth]: refs.width,
11
+ [vars.hostDirection]: refs.direction,
11
12
  [vars.fontSize]: refs.fontSize,
12
13
  [vars.fontFamily]: refs.fontFamily,
13
14
  [vars.labelTextColor]: refs.labelTextColor,
package/src/theme/components/phoneField.js CHANGED
@@ -5,6 +5,7 @@ const vars = PhoneFieldClass.cssVarList;
5
5
 
6
6
  const phoneField = {
7
7
  [vars.hostWidth]: refs.width,
8
+ [vars.hostDirection]: refs.direction,
8
9
  [vars.fontSize]: refs.fontSize,
9
10
  [vars.fontFamily]: refs.fontFamily,
10
11
  [vars.labelTextColor]: refs.labelTextColor,
package/src/theme/components/phoneInputBoxField.js CHANGED
@@ -6,6 +6,7 @@ const vars = PhoneFieldInputBoxClass.cssVarList;
6
6
  const phoneInputBoxField = {
7
7
  [vars.hostWidth]: '16em',
8
8
  [vars.hostMinWidth]: refs.minWidth,
9
+ [vars.hostDirection]: refs.direction,
9
10
  [vars.fontSize]: refs.fontSize,
10
11
  [vars.fontFamily]: refs.fontFamily,
11
12
  [vars.labelTextColor]: refs.labelTextColor,
package/src/theme/components/switchToggle.js CHANGED
@@ -11,6 +11,7 @@ const vars = SwitchToggleClass.cssVarList;
11
11
 
12
12
  const switchToggle = {
13
13
  [vars.hostWidth]: refs.width,
14
+ [vars.hostDirection]: refs.direction,
14
15
  [vars.fontSize]: refs.fontSize,
15
16
  [vars.fontFamily]: refs.fontFamily,
16
17
 
package/src/theme/components/text.js CHANGED
@@ -6,6 +6,7 @@ const globalRefs = getThemeRefs(globals);
6
6
  const vars = TextClass.cssVarList;
7
7
 
8
8
  const text = {
9
+ [vars.hostDirection]: globalRefs.direction,
9
10
  [vars.textLineHeight]: '1.35em',
10
11
  [vars.textAlign]: 'left',
11
12
  [vars.textColor]: globalRefs.colors.surface.dark,
package/src/theme/components/textArea.js CHANGED
@@ -9,6 +9,7 @@ const vars = TextAreaClass.cssVarList;
9
9
  const textArea = {
10
10
  [vars.hostWidth]: refs.width,
11
11
  [vars.hostMinWidth]: refs.minWidth,
12
+ [vars.hostDirection]: refs.direction,
12
13
  [vars.fontSize]: refs.fontSize,
13
14
  [vars.fontFamily]: refs.fontFamily,
14
15
  [vars.labelTextColor]: refs.labelTextColor,
package/src/theme/components/textField.js CHANGED
@@ -6,6 +6,7 @@ const vars = TextFieldClass.cssVarList;
6
6
  export const textField = {
7
7
  [vars.hostWidth]: refs.width,
8
8
  [vars.hostMinWidth]: refs.minWidth,
9
+ [vars.hostDirection]: refs.direction,
9
10
  [vars.fontSize]: refs.fontSize,
10
11
  [vars.fontFamily]: refs.fontFamily,
11
12
  [vars.labelTextColor]: refs.labelTextColor,
package/src/theme/components/uploadFile.js CHANGED
@@ -4,6 +4,7 @@ import { refs } from './inputWrapper';
4
4
  const vars = UploadFileClass.cssVarList;
5
5
 
6
6
  const uploadFile = {
7
+ [vars.hostDirection]: refs.direction,
7
8
  [vars.labelTextColor]: refs.labelTextColor,
8
9
  [vars.fontFamily]: refs.fontFamily,
9
10
 
package/src/theme/globals.js CHANGED
@@ -1,6 +1,8 @@
1
1
  import { getThemeRefs, getThemeVars } from '../helpers/themeHelpers';
2
2
  import { genColors } from '../helpers/themeHelpers/colorsHelpers';
3
3
 
4
+ const direction = 'ltr';
5
+
4
6
  export const colors = genColors({
5
7
  surface: {
6
8
  main: 'lightgray',
@@ -146,6 +148,7 @@ const globals = {
146
148
  radius,
147
149
  shadow,
148
150
  fonts,
151
+ direction,
149
152
  };
150
153
 
151
154
  export default globals;