@onereach/ui-components 2.62.3-beta.1903.0 → 2.62.3-beta.1904.0

package/src/components/or-sort-header-v3/styles.ts

@@ -0,0 +1,23 @@
+export const SortHeaderRoot: string[] = [
+  // Layout
+  'inline-flex',
+  'justify-normal',
+  'items-center',
+
+  // Interactivity
+  'interactivity-auto',
+
+  // Typography
+  'typography-caption-regular',
+
+  // Typography (activated)
+  'activated:typography-caption-semibold',
+
+  // Theme
+  'theme-foreground-outline',
+  'dark:theme-foreground-outline-dark',
+
+  // Theme (activated)
+  'activated:theme-foreground-default',
+  'dark:activated:theme-foreground-default-dark',
+];

package/src/components/or-sort-header-v3/types.ts

@@ -0,0 +1,4 @@
+export interface SortHeaderModel {
+  column: string;
+  direction: 'asc' | 'desc';
+}

package/src/components/or-textarea-v3/OrTextarea.vue

@@ -40,16 +40,18 @@
     </OrInputBox>
 
     <template v-if="!invalid">
-      <OrHint :disabled="disabled">
-        {{ hint }}
-
-        <template
-          v-if="maxLength"
-          v-slot:addon
-        >
-          {{ currentLength }} / {{ maxLength }}
-        </template>
-      </OrHint>
+      <template v-if="hint || maxLength">
+        <OrHint :disabled="disabled">
+          {{ hint }}
+
+          <template
+            v-if="maxLength"
+            v-slot:addon
+          >
+            {{ currentLength }} / {{ maxLength }}
+          </template>
+        </OrHint>
+      </template>
     </template>
 
     <template v-else>

package/src/index.ts

@@ -1,4 +1,3 @@
 export * from './components';
-export * from './directives';
 export * from './hooks';
 export * from './utils/functions/text';

package/dist/v2/directives/index.d.ts

@@ -1,2 +0,0 @@
-export * from './dropdown-close';
-export * from './dropdown-open';

package/dist/v2/dropdown-open-0d314aa4.js

@@ -1,28 +0,0 @@
-import { isVue3 } from 'vue-demi';
-
-const created$1 = (element, binding) => {
-  element.addEventListener('keydown', event => {
-    event.preventDefault();
-    if (['Escape'].includes(event.key)) {
-      binding.value(event);
-    }
-  });
-};
-const DropdownClose = {
-  [isVue3 ? 'created' : 'bind']: created$1
-};
-
-const created = (element, binding) => {
-  element.addEventListener('keydown', event => {
-    event.preventDefault();
-    if (['Enter', ' '].includes(event.key)) {
-      binding.value(event);
-    }
-  });
-  element.addEventListener('click', binding.value);
-};
-const DropdownOpen = {
-  [isVue3 ? 'created' : 'bind']: created
-};
-
-export { DropdownClose as D, DropdownOpen as a };

package/dist/v3/directives/index.d.ts

@@ -1,2 +0,0 @@
-export * from './dropdown-close';
-export * from './dropdown-open';

package/dist/v3/dropdown-open-0d314aa4.js

@@ -1,28 +0,0 @@
-import { isVue3 } from 'vue-demi';
-
-const created$1 = (element, binding) => {
-  element.addEventListener('keydown', event => {
-    event.preventDefault();
-    if (['Escape'].includes(event.key)) {
-      binding.value(event);
-    }
-  });
-};
-const DropdownClose = {
-  [isVue3 ? 'created' : 'bind']: created$1
-};
-
-const created = (element, binding) => {
-  element.addEventListener('keydown', event => {
-    event.preventDefault();
-    if (['Enter', ' '].includes(event.key)) {
-      binding.value(event);
-    }
-  });
-  element.addEventListener('click', binding.value);
-};
-const DropdownOpen = {
-  [isVue3 ? 'created' : 'bind']: created
-};
-
-export { DropdownClose as D, DropdownOpen as a };

package/src/directives/index.ts

@@ -1,2 +0,0 @@
-export * from './dropdown-close';
-export * from './dropdown-open';