@onereach/ui-components 2.67.9-beta.2030.0 → 2.67.9-beta.2035.0

package/src/components/or-toast-v3/styles.ts

@@ -1,17 +1,19 @@
 import { PositionsX, PositionsY, ToastType } from './props';
 
-export const ToastRoot = [
+export const ToastRoot: string[] = [
   // Layout
-  'flex',
-  'items-start',
+  'layout-inline-row',
 
   // Box
   'w-[343px] md:w-[512px]',
+
+  // Shape
   'rounded-md',
 
-  // Sizing
+  // Spacing
   'px-md',
   'py-md',
+
   'gap-md',
 
   // Typography
@@ -24,24 +26,32 @@ export const ToastRoot = [
   'theme-foreground-on-surface-inverse',
   'dark:theme-foreground-on-surface-inverse-dark',
 
+  'shadow-card',
+  'dark:shadow-card-dark',
+
+  // Theme (links)
   'links:text-inverse-primary',
   'dark:links:text-inverse-primary-dark',
 
-  'shadow-card',
-  'dark:shadow-card-dark',
 ];
 
-export const ToastContainer = [
+export const ToastActionButton: string[] = [
+  // Layout
+  'contents',
+
+  // Theme
+  'theme-foreground-outline',
+  'dark:theme-foreground-outline-dark',
+];
+
+export const ToastContainer: string[] = [
   // Position
   'absolute',
 
   // Layout
-  'flex',
-  'flex-col',
+  'layout-inline-column',
 
-  'items-center',
-
-  // Sizing
+  // Spacing
   'gap-sm',
 
   // Overflow
@@ -50,36 +60,53 @@ export const ToastContainer = [
 
 export const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]> = {
   'left-top': [
+    // Position
     'left-md md:left-lg',
     'top-md md:top-lg',
   ],
 
   'center-top': [
+    // Position
     'top-md md:top-lg',
   ],
 
   'right-top': [
+    // Position
     'right-md md:right-lg',
     'top-md md:top-lg',
   ],
 
   'left-bottom': [
+    // Position
     'left-md md:left-lg',
     'bottom-md md:bottom-lg',
   ],
 
   'center-bottom': [
+    // Position
     'bottom-md md:bottom-lg',
   ],
 
   'right-bottom': [
+    // Position
     'right-md md:right-lg',
     'bottom-md md:bottom-lg',
   ],
 };
 
 export const messageStyleVariant: Record<ToastType, string[]> = {
-  [ToastType.Success]: ['typography-caption-regular'],
-  [ToastType.Error]: ['typography-caption-bold'],
-  [ToastType.Loading]: ['typography-caption-bold'],
+  'success': [
+    // Typography
+    'typography-caption-regular',
+  ],
+
+  'error': [
+    // Typography
+    'typography-caption-bold',
+  ],
+
+  'loading': [
+    // Typography
+    'typography-caption-bold',
+  ],
 };

package/src/components/or-tooltip-v3/styles.ts

@@ -2,15 +2,17 @@ import { TooltipPlacement } from './props';
 
 export const TooltipRoot: string[] = [
   // Layout
-  'inline-block',
+  'layout-inline-row justify-center',
 ];
 
 export const TooltipBody: string[] = [
-  // Box
-  'max-w-max',
+  // Layout
+  'layout-inline-row',
+
+  // Shape
   'rounded-sm',
 
-  // Sizing
+  // Spacing
   'mx-sm',
   'my-sm',
 
@@ -32,48 +34,48 @@ export const TooltipBodyPlacements: Record<TooltipPlacement, string[]> = {
   'top': [],
 
   'top-start': [
-    // Sizing
+    // Spacing
     'ml-none',
   ],
 
   'top-end': [
-    // Sizing
+    // Spacing
     'mr-none',
   ],
 
   'bottom': [],
 
   'bottom-start': [
-    // Sizing
+    // Spacing
     'ml-none',
   ],
 
   'bottom-end': [
-    // Sizing
+    // Spacing
     'mr-none',
   ],
 
   'left': [],
 
   'left-start': [
-    // Sizing
+    // Spacing
     'mt-none',
   ],
 
   'left-end': [
-    // Sizing
+    // Spacing
     'mb-none',
   ],
 
   'right': [],
 
   'right-start': [
-    // Sizing
+    // Spacing
     'mt-none',
   ],
 
   'right-end': [
-    // Sizing
+    // Spacing
     'mb-none',
   ],
 };

package/dist/bundled/v3/OrLoader-c51c2f43.js

@@ -1,64 +0,0 @@
-import { s as script } from './OrLoader.vue_vue_type_script_lang-e2f5bb7d.js';
-import { openBlock, createElementBlock, mergeProps, toDisplayString, createCommentVNode, createElementVNode, normalizeClass } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "typography-headline-2 text-center text-on-background dark:text-on-background-dark"
-};
-const _hoisted_2 = ["width", "height"];
-const _hoisted_3 = {
-  fill: "none",
-  "stroke-width": "2",
-  "stroke-linecap": "round"
-};
-const _hoisted_4 = ["stroke"];
-const _hoisted_5 = {
-  key: 2,
-  width: "100%",
-  height: "4"
-};
-const _hoisted_6 = {
-  fill: "none",
-  "stroke-width": "4",
-  "stroke-linecap": "round"
-};
-const _hoisted_7 = /*#__PURE__*/createElementVNode("line", {
-  class: /*#__PURE__*/normalizeClass(['stroke-surface-variant', 'dark:stroke-surface-variant-dark']),
-  x1: "2",
-  y1: "50%",
-  x2: "calc(100% - 2px)",
-  y2: "50%"
-}, null, -1 /* HOISTED */);
-const _hoisted_8 = ["stroke"];
-const _hoisted_9 = {
-  key: 3,
-  class: "typography-body-2-regular text-center text-outline dark:text-outline-dark"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _ctx.rootStyles
-  }), [_ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.title), 1 /* TEXT */)) : createCommentVNode("v-if", true), _ctx.variant === 'circular' ? (openBlock(), createElementBlock("svg", {
-    key: 1,
-    viewBox: "0 0 16 16",
-    width: _ctx.computedSize,
-    height: _ctx.computedSize
-  }, [createElementVNode("g", _hoisted_3, [createElementVNode("circle", {
-    class: normalizeClass(['animate-circular-loader', 'origin-center']),
-    cx: "50%",
-    cy: "50%",
-    r: "7",
-    stroke: _ctx.color === 'inherit' ? 'currentColor' : 'inherit'
-  }, null, 8 /* PROPS */, _hoisted_4)])], 8 /* PROPS */, _hoisted_2)) : createCommentVNode("v-if", true), _ctx.variant === 'linear' ? (openBlock(), createElementBlock("svg", _hoisted_5, [createElementVNode("g", _hoisted_6, [_hoisted_7, createElementVNode("line", {
-    class: normalizeClass(['animate-linear-loader', 'origin-center']),
-    x1: "2",
-    y1: "50%",
-    x2: "calc(100% - 2px)",
-    y2: "50%",
-    stroke: _ctx.color === 'inherit' ? 'currentColor' : 'inherit'
-  }, null, 8 /* PROPS */, _hoisted_8)])])) : createCommentVNode("v-if", true), _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(_ctx.description), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */);
-}
-
-script.render = render;
-script.__file = "src/components/or-loader-v3/OrLoader.vue";