@opexa/portal-components 0.0.16 → 0.0.17

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.
Files changed (4) hide show
  1. package/dist/components/Marquee/Marquee.js +1 -1
  2. package/dist/components/Marquee/Marquee.mjs +11 -13
  3. package/dist/theme.css +7 -0
  4. package/package.json +1 -2
package/dist/components/Marquee/Marquee.js CHANGED
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react-fast-marquee"),n=require("tailwind-merge");function i(r){return e.jsxs("div",{className:n.twMerge("border-gray-200 text-gray-700 flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",r.className),children:[e.jsxs("div",{className:"border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5",children:[e.jsx("span",{className:"bg-green-400 outline-green-400/20 size-2 rounded-full outline-4"}),e.jsx("span",{children:"What's new"})]}),e.jsxs(s,{className:"grow",children:[r.children,"          "]})]})}exports.Marquee=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("tailwind-merge");function a(r){return e.jsxs("div",{className:s.twMerge("border-gray-200 text-gray-700 flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",r.className),children:[e.jsxs("div",{className:"border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5",children:[e.jsx("span",{className:"bg-green-400 outline-green-400/20 size-2 rounded-full outline-4"}),e.jsx("span",{children:"What's new"})]}),e.jsx("div",{className:"flex grow items-center overflow-hidden",children:e.jsxs("div",{className:"flex items-center whitespace-nowrap",children:[e.jsx("div",{className:"animate-marquee pr-4 [animation-delay:1s]",children:r.children}),e.jsx("div",{className:"animate-marquee pr-4 [animation-delay:1s]",children:r.children})]})})]})}exports.Marquee=a;
package/dist/components/Marquee/Marquee.mjs CHANGED
@@ -1,24 +1,22 @@
1
- "use client";
2
- import { jsxs as e, jsx as n } from "react/jsx-runtime";
3
- import s from "react-fast-marquee";
4
- import { twMerge as i } from "tailwind-merge";
1
+ import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
+ import { twMerge as n } from "tailwind-merge";
5
3
  function d(r) {
6
- return /* @__PURE__ */ e(
4
+ return /* @__PURE__ */ a(
7
5
  "div",
8
6
  {
9
- className: i(
7
+ className: n(
10
8
  "border-gray-200 text-gray-700 flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",
11
9
  r.className
12
10
  ),
13
11
  children: [
14
- /* @__PURE__ */ e("div", { className: "border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5", children: [
15
- /* @__PURE__ */ n("span", { className: "bg-green-400 outline-green-400/20 size-2 rounded-full outline-4" }),
16
- /* @__PURE__ */ n("span", { children: "What's new" })
12
+ /* @__PURE__ */ a("div", { className: "border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5", children: [
13
+ /* @__PURE__ */ e("span", { className: "bg-green-400 outline-green-400/20 size-2 rounded-full outline-4" }),
14
+ /* @__PURE__ */ e("span", { children: "What's new" })
17
15
  ] }),
18
- /* @__PURE__ */ e(s, { className: "grow", children: [
19
- r.children,
20
- "          "
21
- ] })
16
+ /* @__PURE__ */ e("div", { className: "flex grow items-center overflow-hidden", children: /* @__PURE__ */ a("div", { className: "flex items-center whitespace-nowrap", children: [
17
+ /* @__PURE__ */ e("div", { className: "animate-marquee pr-4 [animation-delay:1s]", children: r.children }),
18
+ /* @__PURE__ */ e("div", { className: "animate-marquee pr-4 [animation-delay:1s]", children: r.children })
19
+ ] }) })
22
20
  ]
23
21
  }
24
22
  );
package/dist/theme.css CHANGED
@@ -230,6 +230,7 @@
230
230
  cubic-bezier(0.05, 0.7, 0.1, 1);
231
231
  --animate-popover-out-right: popover-out-right 250ms
232
232
  cubic-bezier(0.3, 0, 0.8, 0.15);
233
+ --animate-marquee: marquee 10s linear infinite forwards;
233
234
 
234
235
  @keyframes fade-in {
235
236
  from {
@@ -416,6 +417,12 @@
416
417
  transform: translateX(0.5rem);
417
418
  }
418
419
  }
420
+
421
+ @keyframes marquee {
422
+ to {
423
+ transform: translateX(-100%);
424
+ }
425
+ }
419
426
  }
420
427
 
421
428
  @utility z-* {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opexa/portal-components",
3
- "version": "0.0.16",
3
+ "version": "0.0.17",
4
4
  "exports": {
5
5
  ".": {
6
6
  "types": "./dist/components/index.d.ts",
@@ -74,7 +74,6 @@
74
74
  "embla-carousel-react": "8.6.0",
75
75
  "is-mobile": "^5.0.0",
76
76
  "lodash-es": "4.17.21",
77
- "react-fast-marquee": "^1.6.5",
78
77
  "tailwind-merge": "3.3.0",
79
78
  "tailwind-variants": "1.0.0",
80
79
  "tailwindcss-plugin-zag": "0.1.0",