@descope/web-components-ui 1.0.388 → 1.0.390

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/index.esm.js CHANGED
@@ -4154,6 +4154,7 @@ var textFieldMappings = {
4154
4154
  hostWidth: { ...host$j, property: 'width' },
4155
4155
  hostMinWidth: { ...host$j, property: 'min-width' },
4156
4156
  hostDirection: { ...host$j, property: 'direction' },
4157
+ inputDirection: { ...input$1, property: 'direction' },
4157
4158
 
4158
4159
  inputBackgroundColor: [
4159
4160
  { ...inputField$5, property: 'background-color' },
@@ -5117,9 +5118,11 @@ class RawDateFieldClass extends BaseInputClass$8 {
5117
5118
  }
5118
5119
  }
5119
5120
 
5120
- const { host: host$i, input, toggleButton, overlay, backdrop } = {
5121
+ const textVars$4 = TextFieldClass.cssVarList;
5122
+ const { host: host$i, input, inputEleRTL, toggleButton, overlay, backdrop } = {
5121
5123
  host: { selector: () => ':host' },
5122
5124
  input: { selector: () => 'descope-text-field' },
5125
+ inputEleRTL: { selector: () => ':host([st-host-direction="rtl"]) descope-text-field' },
5123
5126
  toggleButton: { selector: () => '.toggle-calendar' },
5124
5127
  overlay: { selector: 'vaadin-popover-overlay::part(overlay)' },
5125
5128
  backdrop: { selector: 'vaadin-popover-overlay::part(backdrop)' },
@@ -5133,6 +5136,8 @@ const DateFieldClass = compose(
5133
5136
  hostWidth: { ...host$i, property: 'width' },
5134
5137
  hostDirection: { ...host$i, property: 'direction' },
5135
5138
  textAlign: { ...input, property: 'text-align' },
5139
+ rtlInputDirection: { ...inputEleRTL, property: textVars$4.inputDirection },
5140
+ rtlInputAlignment: { ...inputEleRTL, property: textVars$4.inputTextAlign },
5136
5141
  overlayGap: {
5137
5142
  property: () => DateFieldClass.cssVarList.overlayGap,
5138
5143
  },
@@ -5365,7 +5370,7 @@ const EmailFieldClass = compose(
5365
5370
  }),
5366
5371
  draggableMixin,
5367
5372
  externalInputMixin({
5368
- inputType: 'text',
5373
+ inputType: 'email',
5369
5374
  autocompleteType: 'username',
5370
5375
  includeAttrs: ['disabled', 'readonly', 'pattern'],
5371
5376
  }),
@@ -17229,7 +17234,6 @@ var calendar$1 = /*#__PURE__*/Object.freeze({
17229
17234
  });
17230
17235
 
17231
17236
  const globalRefs$3 = getThemeRefs(globals);
17232
-
17233
17237
  const shadowColor$1 = '#00000020';
17234
17238
  const { shadow } = globalRefs$3;
17235
17239
 
@@ -17249,6 +17253,9 @@ const dateField = {
17249
17253
  [vars$5.overlay.outlineColor]: 'transparent',
17250
17254
  [vars$5.overlay.outlineStyle]: 'none',
17251
17255
  [vars$5.overlay.padding]: '0',
17256
+
17257
+ [vars$5.rtlInputDirection]: 'ltr',
17258
+ [vars$5.rtlInputAlignment]: 'right',
17252
17259
  };
17253
17260
 
17254
17261
  var dateField$1 = /*#__PURE__*/Object.freeze({