@liner-fe/design-library 1.2.20 → 1.2.21
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/lib/index.js +6 -6
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -220,7 +220,7 @@ var NewsBanner = ({ tag, onClick, onCloseClick, content }) => {
|
|
|
220
220
|
return /* @__PURE__ */ jsxs(
|
|
221
221
|
"div",
|
|
222
222
|
{
|
|
223
|
-
className: "pl-component-600 pr-component-400 m:pl-component-400 py-component-200 hover:bg-brand-fill-low-hover bg-brand-fill-low flex min-h-[44px] s:min-h-[52px] w-full items-center justify-between cursor-pointer gap-positive-300",
|
|
223
|
+
className: "pl-component-600 pr-component-400 m:pl-component-400 py-component-300 s:py-component-200 hover:bg-brand-fill-low-hover bg-brand-fill-low flex min-h-[44px] s:min-h-[52px] w-full items-center justify-between cursor-pointer gap-positive-300",
|
|
224
224
|
onClick,
|
|
225
225
|
children: [
|
|
226
226
|
/* @__PURE__ */ jsx("div", { className: "flex w-full grow flex-col items-start", children: /* @__PURE__ */ jsxs("div", { className: "gap-positive-200 flex items-center", children: [
|
|
@@ -229,7 +229,7 @@ var NewsBanner = ({ tag, onClick, onCloseClick, content }) => {
|
|
|
229
229
|
/* @__PURE__ */ jsx("div", { className: "bg-neutral-border-overlay-normal h-[12px] w-px" })
|
|
230
230
|
] }),
|
|
231
231
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
|
|
232
|
-
/* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
|
|
232
|
+
/* @__PURE__ */ jsx("div", { className: "flex items-center justify-center whitespace-pre-wrap", children: /* @__PURE__ */ jsx(
|
|
233
233
|
Paragraph,
|
|
234
234
|
{
|
|
235
235
|
color: "neutral-label-primary",
|
|
@@ -262,12 +262,12 @@ var AlertBanner = ({ onClick, onCloseClick, content, label }) => {
|
|
|
262
262
|
"div",
|
|
263
263
|
{
|
|
264
264
|
onClick,
|
|
265
|
-
className: "m:pl-component-400 py-component-200 pl-component-600 pr-component-400 flex min-h-[44px] s:min-h-[52px] w-full items-center justify-between bg-[rgba(254,143,22,0.45)] hover:bg-[rgba(254,143,22,0.48)] cursor-pointer gap-positive-300",
|
|
265
|
+
className: "m:pl-component-400 py-component-300 m:py-component-200 pl-component-600 pr-component-400 flex min-h-[44px] s:min-h-[52px] w-full items-center justify-between bg-[rgba(254,143,22,0.45)] hover:bg-[rgba(254,143,22,0.48)] cursor-pointer gap-positive-300",
|
|
266
266
|
children: [
|
|
267
267
|
/* @__PURE__ */ jsx("div", { className: "flex w-full grow flex-col items-start", children: /* @__PURE__ */ jsxs("div", { className: "gap-positive-200 flex items-center", children: [
|
|
268
268
|
/* @__PURE__ */ jsx("div", { className: "flex h-[16px] w-[16px] items-center justify-center", children: /* @__PURE__ */ jsx(IconExclamationmarkFill, { size: "xs", fill: true }) }),
|
|
269
269
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
|
|
270
|
-
/* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
|
|
270
|
+
/* @__PURE__ */ jsx("div", { className: "flex items-center justify-center whitespace-pre-wrap", children: /* @__PURE__ */ jsx(
|
|
271
271
|
Paragraph,
|
|
272
272
|
{
|
|
273
273
|
color: "neutral-label-primary",
|
|
@@ -327,7 +327,7 @@ var PromotionBanner = ({
|
|
|
327
327
|
"div",
|
|
328
328
|
{
|
|
329
329
|
onClick,
|
|
330
|
-
className: "pl-component-600 m:pl-component-400 pr-component-400 py-component-200 bg-inverse-container-static-high hover:bg-inverse-container-static-high-hover flex min-h-[44px] s:min-h-[52px] w-full items-center justify-between cursor-pointer gap-positive-300",
|
|
330
|
+
className: "pl-component-600 m:pl-component-400 pr-component-400 py-component-300 m:py-component-200 bg-inverse-container-static-high hover:bg-inverse-container-static-high-hover flex min-h-[44px] s:min-h-[52px] w-full items-center justify-between cursor-pointer gap-positive-300",
|
|
331
331
|
children: [
|
|
332
332
|
/* @__PURE__ */ jsx("div", { className: "flex w-full grow flex-col items-start", children: /* @__PURE__ */ jsxs("div", { className: "gap-positive-200 flex items-center", children: [
|
|
333
333
|
tag && /* @__PURE__ */ jsxs("div", { className: "gap-positive-150 s:flex items-center hidden", children: [
|
|
@@ -335,7 +335,7 @@ var PromotionBanner = ({
|
|
|
335
335
|
/* @__PURE__ */ jsx("div", { className: "bg-inverse-label-static-secondary h-[12px] w-px" })
|
|
336
336
|
] }),
|
|
337
337
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
|
|
338
|
-
/* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
|
|
338
|
+
/* @__PURE__ */ jsx("div", { className: "flex items-center justify-center whitespace-pre-wrap", children: /* @__PURE__ */ jsx(
|
|
339
339
|
Paragraph,
|
|
340
340
|
{
|
|
341
341
|
color: "inverse-label-static-primary",
|