@webitel/ui-sdk 23.12.39-vite-6 → 23.12.40

package/src/components/wt-input/Readme.md

@@ -1,96 +0,0 @@
-```vue
-<template>
-  <div>
-    <wt-input
-      :value="this.value"
-      label="Input"
-      name="label-input"
-      @input="this.handler"
-    ></wt-input>
-
-    value: {{ this.value }}
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const value = ref('');
-
-const handler = (e) => {
-  value.value = e;
-};
-</script>
-```
-
-```vue
-<template>
-  <wt-input
-    :value="this.value"
-    disabled
-    has-show-password
-    label="Disabled"
-    name="disabled-input"
-    type="password"
-    @input="this.handler"
-  ></wt-input>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const value = ref('disabled value');
-
-const handler = (e) => {
-  value.value = e;
-};
-</script>
-```
-
-```vue
-<wt-input
-  v-model="value"
-  :v="vValid"
-  has-show-password
-  label="Password"
-  name="password-input"
-  type="password"
-></wt-input>
-```
-
-```vue
-<wt-input
-  v-model="value"
-  :v="vInvalid"
-  label="Invalid input"
-  name="invalid-input"
-></wt-input>
-```
-
-```vue
-
-<template>
-  <wt-input
-    :value="this.value"
-    label="After input slot usage"
-    @input="this.handler"
-  >
-    <template v-slot:after-input>
-      <wt-icon-btn icon="edit"></wt-icon-btn>
-      <wt-icon-btn icon="edit" size="sm"></wt-icon-btn>
-      <wt-icon-btn icon="edit"></wt-icon-btn>
-      <wt-icon-btn icon="edit" size="sm"></wt-icon-btn>
-    </template>
-  </wt-input>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const value = ref('loooooooooooooooooooooooooooooooooooooooooong value');
-
-const handler = (e) => {
-  value.value = e;
-};
-</script>
-```

package/src/css/styleguide/colors/reusable/_text-field.scss

@@ -1,20 +0,0 @@
-// shared text field colors
-
-:root {
-  // TODO: move to separate helper-text component
-  --wt-helper-text-color: var(--text-main-color);
-  --wt-helper-text-disabled-color: var(--text-disabled-color);
-
-  --wt-text-field-error-text-color: var(--error-color);
-  --wt-text-field-placeholder-color: var(--text-main-color);
-  --wt-text-field-placeholder-error-color: var(--error-color);
-  --wt-text-field-placeholder-disabled-color: var(--text-disabled-color);
-
-  --wt-text-field-input-border-color: var(--grey-darken-1);
-  --wt-text-field-input-border-disabled-color: var(--dp-16-surface-color);
-  --wt-text-field-input-border-error-color: var(--error-color);
-}
-
-:root.theme--dark {
-  --wt-text-field-input-border-color: var(--grey-lighten-1);
-}