@liner-fe/prism 2.5.23 → 2.6.0

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 (6) hide show
  1. package/lib/index.css +784 -85
  2. package/lib/index.css.map +1 -1
  3. package/lib/index.d.ts +23 -11
  4. package/lib/index.js +427 -113
  5. package/lib/index.js.map +1 -1
  6. package/package.json +1 -2
package/lib/index.js CHANGED
@@ -53,6 +53,7 @@ __export(index_exports, {
53
53
  Radio: () => Radio,
54
54
  Select: () => Select,
55
55
  Slider: () => Slider,
56
+ Tag: () => Tag,
56
57
  TextButton: () => TextButton,
57
58
  Textfield: () => Textfield,
58
59
  Title: () => Title2,
@@ -13776,42 +13777,112 @@ var style_module_default2 = {
13776
13777
 
13777
13778
  // src/constants/color.ts
13778
13779
  var colorOptions = [
13780
+ "neutral-container-variation-lowest",
13781
+ "neutral-container-lowest-hover",
13782
+ "neutral-container-lowest",
13783
+ "neutral-container-low",
13784
+ "neutral-container-low-hover",
13785
+ "neutral-container-mid",
13786
+ "neutral-container-mid-hover",
13787
+ "neutral-container-high",
13788
+ "neutral-container-high-hover",
13789
+ "neutral-container-highest",
13790
+ "neutral-container-static-lowest",
13791
+ "neutral-container-static-lowest-hover",
13792
+ "neutral-fill-overlay-lowest",
13793
+ "neutral-fill-overlay-lowest-hover",
13794
+ "neutral-fill-overlay-low",
13795
+ "neutral-fill-overlay-low-hover",
13796
+ "neutral-fill-overlay-mid",
13797
+ "neutral-fill-overlay-mid-hover",
13798
+ "neutral-fill-overlay-high",
13799
+ "neutral-fill-overlay-high-hover",
13800
+ "neutral-fill-overlay-highest",
13801
+ "neutral-fill-opaque-lowest",
13802
+ "neutral-fill-opaque-lowest-hover",
13803
+ "neutral-fill-opaque-low",
13804
+ "neutral-fill-opaque-low-hover",
13805
+ "neutral-fill-opaque-static-lowest",
13779
13806
  "neutral-label-primary",
13780
13807
  "neutral-label-secondary",
13781
13808
  "neutral-label-tertiary",
13782
13809
  "neutral-label-quaternary",
13783
13810
  "neutral-label-static-primary",
13784
13811
  "neutral-label-static-secondary",
13812
+ "neutral-border-overlay-strong",
13813
+ "neutral-border-overlay-normal",
13814
+ "neutral-border-overlay-subtle",
13815
+ "neutral-border-overlay-hint",
13816
+ "neutral-border-opaque-strong",
13817
+ "neutral-border-opaque-normal",
13818
+ "neutral-border-opaque-subtle",
13819
+ "inverse-container-lowest",
13820
+ "inverse-container-lowest-hover",
13821
+ "inverse-container-low",
13822
+ "inverse-container-low-hover",
13823
+ "inverse-container-mid",
13824
+ "inverse-container-mid-hover",
13825
+ "inverse-container-high",
13826
+ "inverse-container-high-hover",
13827
+ "inverse-container-static-high",
13828
+ "inverse-container-static-high-hover",
13829
+ "inverse-fill-mid",
13830
+ "inverse-fill-mid-hover",
13831
+ "inverse-fill-opaque-lowest",
13832
+ "inverse-fill-opaque-lowest-hover",
13833
+ "inverse-fill-opaque-low",
13834
+ "inverse-fill-opaque-low-hover",
13835
+ "inverse-fill-opaque-mid",
13785
13836
  "inverse-label-primary",
13837
+ "inverse-label-static-primary",
13838
+ "inverse-label-static-secondary",
13786
13839
  "inverse-label-secondary",
13787
13840
  "inverse-label-tertiary",
13788
13841
  "inverse-label-quaternary",
13789
- "inverse-label-static-primary",
13790
- "inverse-label-static-secondary",
13842
+ "inverse-border-overlay-strong",
13843
+ "inverse-border-overlay-normal",
13844
+ "inverse-border-overlay-subtle",
13845
+ "inverse-border-overlay-hint",
13846
+ "inverse-border-opaque-strong",
13847
+ "inverse-border-opaque-normal",
13848
+ "inverse-border-opaque-subtle",
13849
+ "brand-container-mid",
13850
+ "brand-container-mid-hover",
13851
+ "brand-container-high",
13852
+ "brand-fill-mid",
13853
+ "brand-fill-mid-hover",
13854
+ "brand-fill-low",
13855
+ "brand-fill-low-hover",
13791
13856
  "brand-label-primary",
13792
13857
  "brand-label-secondary",
13793
- "function-label-positive",
13794
- "function-label-negative",
13795
- "function-label-caution",
13858
+ "brand-label-variation-secondary",
13859
+ "brand-border-opaque-normal",
13860
+ "brand-border-opaque-strong",
13861
+ "brandinverse-label-primary",
13862
+ "brandinverse-label-secondary",
13863
+ "brandinverse-label-static-primary",
13864
+ "accent-label-primary",
13796
13865
  "accent-label-yellow",
13797
13866
  "accent-label-mint",
13798
13867
  "accent-label-cyan",
13799
13868
  "accent-label-purple",
13800
13869
  "accent-label-pink",
13801
- "neutral-container-lowest",
13802
- "neutral-container-low",
13803
- "neutral-container-mid",
13804
- "neutral-container-high",
13805
- "neutral-container-highest",
13806
- "neutral-container-static-lowest",
13807
- "brand-container-mid",
13808
- "brand-container-high",
13809
- "inverse-container-lowest",
13810
- "inverse-container-low",
13811
- "inverse-container-mid",
13812
- "inverse-container-high",
13813
- "inverse-container-static-high",
13814
- "inverse-container-highest"
13870
+ "accent-fill-primary",
13871
+ "function-fill-positive-mid",
13872
+ "function-fill-positive-low",
13873
+ "function-fill-negative-mid",
13874
+ "function-fill-negative-low",
13875
+ "function-fill-negative-mid-hover",
13876
+ "function-fill-caution",
13877
+ "function-fill-highlight",
13878
+ "function-fill-selection",
13879
+ "function-fill-drag",
13880
+ "function-label-positive",
13881
+ "function-label-negative",
13882
+ "function-label-caution",
13883
+ "function-label-link",
13884
+ "inverse-container-highest",
13885
+ "cover-dim-page"
13815
13886
  ];
13816
13887
 
13817
13888
  // src/components/Icon/index.tsx
@@ -13859,26 +13930,36 @@ var Icon = /* @__PURE__ */ __name((props) => {
13859
13930
 
13860
13931
  // src/components/Loading/style.module.scss
13861
13932
  var style_module_default3 = {
13862
- "loading": "_loading_d1es9_1",
13863
- "loading-dot": "_loading-dot_d1es9_5",
13864
- "loadingFade": "_loadingFade_d1es9_1",
13865
- "m": "_m_d1es9_13",
13866
- "s": "_s_d1es9_19",
13867
- "xs": "_xs_d1es9_25",
13868
- "brand-label-primary": "_brand-label-primary_d1es9_31",
13869
- "neutral-label-primary": "_neutral-label-primary_d1es9_34",
13870
- "neutral-label-static-primary": "_neutral-label-static-primary_d1es9_37",
13871
- "inverse-label-primary": "_inverse-label-primary_d1es9_40",
13872
- "inverse-label-static-primary": "_inverse-label-static-primary_d1es9_43"
13933
+ "dots-loader-container": "_dots-loader-container_1gnzx_4",
13934
+ "dots-loader": "_dots-loader_1gnzx_4",
13935
+ "loadingFade": "_loadingFade_1gnzx_1",
13936
+ "xl": "_xl_1gnzx_16",
13937
+ "l": "_l_1gnzx_22",
13938
+ "m": "_m_1gnzx_28",
13939
+ "s": "_s_1gnzx_34",
13940
+ "xs": "_xs_1gnzx_40",
13941
+ "brand-label-primary": "_brand-label-primary_1gnzx_46",
13942
+ "neutral-label-primary": "_neutral-label-primary_1gnzx_49",
13943
+ "neutral-label-static-primary": "_neutral-label-static-primary_1gnzx_52",
13944
+ "inverse-label-primary": "_inverse-label-primary_1gnzx_55",
13945
+ "inverse-label-static-primary": "_inverse-label-static-primary_1gnzx_58",
13946
+ "spinner-loader": "_spinner-loader_1gnzx_122",
13947
+ "rotate": "_rotate_1gnzx_1",
13948
+ "prixClipFix": "_prixClipFix_1gnzx_1"
13873
13949
  };
13874
13950
 
13875
13951
  // src/components/Loading/index.tsx
13876
13952
  var import_cva2 = require("cva");
13877
13953
  var import_jsx_runtime181 = require("react/jsx-runtime");
13878
- var loadingVariants = (0, import_cva2.cva)({
13879
- base: [style_module_default3["loading-dot"]],
13954
+ var Loading = /* @__PURE__ */ __name(({ type = "dots", ...props }) => {
13955
+ return type === "dots" ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(DotsLoader, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(SpinnerLoader, { ...props });
13956
+ }, "Loading");
13957
+ var dotsLoaderVariants = (0, import_cva2.cva)({
13958
+ base: [style_module_default3["dots-loader"]],
13880
13959
  variants: {
13881
13960
  size: {
13961
+ xl: style_module_default3["xl"],
13962
+ l: style_module_default3["l"],
13882
13963
  m: style_module_default3["m"],
13883
13964
  s: style_module_default3["s"],
13884
13965
  xs: style_module_default3["xs"]
@@ -13892,13 +13973,38 @@ var loadingVariants = (0, import_cva2.cva)({
13892
13973
  }
13893
13974
  }
13894
13975
  });
13895
- var Loading = /* @__PURE__ */ __name(({ size: size4 = "m", level = "inverse-label-static-primary" }) => {
13896
- return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: style_module_default3.loading, children: [
13897
- /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: loadingVariants({ size: size4, level }) }),
13898
- /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: loadingVariants({ size: size4, level }) }),
13899
- /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: loadingVariants({ size: size4, level }) })
13976
+ var DotsLoader = /* @__PURE__ */ __name(({ size: size4 = "m", level = "inverse-label-static-primary" }) => {
13977
+ return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: style_module_default3["dots-loader-container"], children: [
13978
+ /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: dotsLoaderVariants({ size: size4, level }) }),
13979
+ /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: dotsLoaderVariants({ size: size4, level }) }),
13980
+ /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: dotsLoaderVariants({ size: size4, level }) })
13900
13981
  ] });
13901
- }, "Loading");
13982
+ }, "DotsLoader");
13983
+ var spinnerLoaderVariants = (0, import_cva2.cva)({
13984
+ base: [style_module_default3["spinner-loader"]],
13985
+ variants: {
13986
+ size: {
13987
+ xl: style_module_default3["xl"],
13988
+ l: style_module_default3["l"],
13989
+ m: style_module_default3["m"],
13990
+ s: style_module_default3["s"],
13991
+ xs: style_module_default3["xs"]
13992
+ },
13993
+ level: {
13994
+ "brand-label-primary": style_module_default3["brand-label-primary"],
13995
+ "neutral-label-primary": style_module_default3["neutral-label-primary"],
13996
+ "neutral-label-static-primary": style_module_default3["neutral-label-static-primary"],
13997
+ "inverse-label-primary": style_module_default3["inverse-label-primary"],
13998
+ "inverse-label-static-primary": style_module_default3["inverse-label-static-primary"]
13999
+ }
14000
+ }
14001
+ });
14002
+ var SpinnerLoader = /* @__PURE__ */ __name(({
14003
+ size: size4 = "m",
14004
+ level = "inverse-label-static-primary"
14005
+ }) => {
14006
+ return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: spinnerLoaderVariants({ size: size4, level }) });
14007
+ }, "SpinnerLoader");
13902
14008
 
13903
14009
  // src/components/Button/index.tsx
13904
14010
  var import_jsx_runtime182 = require("react/jsx-runtime");
@@ -16417,19 +16523,19 @@ var import_radix_ui = require("radix-ui");
16417
16523
 
16418
16524
  // src/components/Popover/style.module.scss
16419
16525
  var style_module_default6 = {
16420
- "content": "_content_1pzw3_1",
16421
- "anchor": "_anchor_1pzw3_7",
16422
- "primary": "_primary_1pzw3_10",
16423
- "secondary": "_secondary_1pzw3_16",
16424
- "contentContainer": "_contentContainer_1pzw3_31",
16425
- "heading": "_heading_1pzw3_39",
16426
- "tag": "_tag_1pzw3_45",
16427
- "title": "_title_1pzw3_56",
16428
- "description": "_description_1pzw3_61",
16429
- "footer": "_footer_1pzw3_67",
16430
- "arrow": "_arrow_1pzw3_73",
16431
- "closeButton": "_closeButton_1pzw3_77",
16432
- "overlay": "_overlay_1pzw3_89"
16526
+ "content": "_content_17e6g_1",
16527
+ "anchor": "_anchor_17e6g_7",
16528
+ "primary": "_primary_17e6g_10",
16529
+ "secondary": "_secondary_17e6g_16",
16530
+ "contentContainer": "_contentContainer_17e6g_31",
16531
+ "heading": "_heading_17e6g_39",
16532
+ "tag": "_tag_17e6g_45",
16533
+ "title": "_title_17e6g_56",
16534
+ "description": "_description_17e6g_61",
16535
+ "footer": "_footer_17e6g_67",
16536
+ "arrow": "_arrow_17e6g_73",
16537
+ "closeButton": "_closeButton_17e6g_77",
16538
+ "overlay": "_overlay_17e6g_89"
16433
16539
  };
16434
16540
 
16435
16541
  // src/components/Popover/index.tsx
@@ -21277,7 +21383,7 @@ var PrimitiveCoachMark = Object.assign(PrimitiveCoachMarkRoot, {
21277
21383
  });
21278
21384
 
21279
21385
  // src/components/coach-mark/compact/index.tsx
21280
- var import_react26 = require("react");
21386
+ var import_react27 = require("react");
21281
21387
 
21282
21388
  // src/components/coach-mark/compact/style.module.scss
21283
21389
  var style_module_default18 = {
@@ -21293,72 +21399,280 @@ var style_module_default18 = {
21293
21399
  var import_clsx19 = __toESM(require("clsx"));
21294
21400
  var import_cva13 = require("cva");
21295
21401
 
21296
- // src/components/_Tag/style.module.scss
21402
+ // src/components/Tag/index.tsx
21403
+ var import_react26 = require("react");
21404
+
21405
+ // src/components/Tag/style.module.scss
21297
21406
  var style_module_default19 = {
21298
- "tag": "_tag_r36el_1",
21299
- "neutral-label-primary": "_neutral-label-primary_r36el_11",
21300
- "neutral-label-secondary": "_neutral-label-secondary_r36el_15",
21301
- "neutral-label-tertiary": "_neutral-label-tertiary_r36el_19",
21302
- "neutral-label-quaternary": "_neutral-label-quaternary_r36el_23",
21303
- "neutral-label-static-primary": "_neutral-label-static-primary_r36el_27",
21304
- "neutral-label-static-secondary": "_neutral-label-static-secondary_r36el_31",
21305
- "inverse-label-primary": "_inverse-label-primary_r36el_35",
21306
- "inverse-label-secondary": "_inverse-label-secondary_r36el_39",
21307
- "inverse-label-tertiary": "_inverse-label-tertiary_r36el_43",
21308
- "inverse-label-quaternary": "_inverse-label-quaternary_r36el_47",
21309
- "inverse-label-static-primary": "_inverse-label-static-primary_r36el_51",
21310
- "inverse-label-static-secondary": "_inverse-label-static-secondary_r36el_55",
21311
- "brand-label-primary": "_brand-label-primary_r36el_59",
21312
- "brand-label-secondary": "_brand-label-secondary_r36el_63",
21313
- "function-label-positive": "_function-label-positive_r36el_67",
21314
- "function-label-negative": "_function-label-negative_r36el_71",
21315
- "function-label-caution": "_function-label-caution_r36el_75",
21316
- "accent-yellow": "_accent-yellow_r36el_79",
21317
- "accent-mint": "_accent-mint_r36el_83",
21318
- "accent-cyan": "_accent-cyan_r36el_87",
21319
- "accent-purple": "_accent-purple_r36el_91",
21320
- "accent-pink": "_accent-pink_r36el_95",
21321
- "neutral-container-lowest": "_neutral-container-lowest_r36el_99",
21322
- "neutral-container-low": "_neutral-container-low_r36el_99",
21323
- "neutral-container-mid": "_neutral-container-mid_r36el_107",
21324
- "neutral-container-high": "_neutral-container-high_r36el_111",
21325
- "neutral-container-highest": "_neutral-container-highest_r36el_115",
21326
- "neutral-container-static-lowest": "_neutral-container-static-lowest_r36el_119",
21327
- "brand-container-mid": "_brand-container-mid_r36el_123",
21328
- "brand-container-high": "_brand-container-high_r36el_127",
21329
- "inverse-container-lowest": "_inverse-container-lowest_r36el_131",
21330
- "inverse-container-low": "_inverse-container-low_r36el_131",
21331
- "inverse-container-mid": "_inverse-container-mid_r36el_139",
21332
- "inverse-container-high": "_inverse-container-high_r36el_143",
21333
- "inverse-container-static-high": "_inverse-container-static-high_r36el_147"
21407
+ "tag": "_tag_1q9hn_2",
21408
+ "s": "_s_1q9hn_12",
21409
+ "m": "_m_1q9hn_18",
21410
+ "l": "_l_1q9hn_24",
21411
+ "thick": "_thick_1q9hn_30",
21412
+ "square": "_square_1q9hn_34",
21413
+ "rounded": "_rounded_1q9hn_38",
21414
+ "bg-neutral-label-primary": "_bg-neutral-label-primary_1q9hn_47",
21415
+ "bg-neutral-label-secondary": "_bg-neutral-label-secondary_1q9hn_51",
21416
+ "bg-neutral-label-tertiary": "_bg-neutral-label-tertiary_1q9hn_55",
21417
+ "bg-neutral-label-quaternary": "_bg-neutral-label-quaternary_1q9hn_59",
21418
+ "bg-neutral-label-static-primary": "_bg-neutral-label-static-primary_1q9hn_63",
21419
+ "bg-neutral-label-static-secondary": "_bg-neutral-label-static-secondary_1q9hn_67",
21420
+ "bg-inverse-label-primary": "_bg-inverse-label-primary_1q9hn_71",
21421
+ "bg-inverse-label-secondary": "_bg-inverse-label-secondary_1q9hn_75",
21422
+ "bg-inverse-label-tertiary": "_bg-inverse-label-tertiary_1q9hn_79",
21423
+ "bg-inverse-label-quaternary": "_bg-inverse-label-quaternary_1q9hn_83",
21424
+ "bg-inverse-label-static-primary": "_bg-inverse-label-static-primary_1q9hn_87",
21425
+ "bg-inverse-label-static-secondary": "_bg-inverse-label-static-secondary_1q9hn_91",
21426
+ "bg-brand-label-primary": "_bg-brand-label-primary_1q9hn_95",
21427
+ "bg-brand-label-secondary": "_bg-brand-label-secondary_1q9hn_99",
21428
+ "bg-brand-label-variation-secondary": "_bg-brand-label-variation-secondary_1q9hn_103",
21429
+ "bg-brandinverse-label-primary": "_bg-brandinverse-label-primary_1q9hn_107",
21430
+ "bg-brandinverse-label-secondary": "_bg-brandinverse-label-secondary_1q9hn_111",
21431
+ "bg-brandinverse-label-static-primary": "_bg-brandinverse-label-static-primary_1q9hn_115",
21432
+ "bg-function-label-positive": "_bg-function-label-positive_1q9hn_119",
21433
+ "bg-function-label-negative": "_bg-function-label-negative_1q9hn_123",
21434
+ "bg-function-label-caution": "_bg-function-label-caution_1q9hn_127",
21435
+ "bg-function-label-link": "_bg-function-label-link_1q9hn_131",
21436
+ "bg-accent-label-primary": "_bg-accent-label-primary_1q9hn_135",
21437
+ "bg-accent-label-yellow": "_bg-accent-label-yellow_1q9hn_139",
21438
+ "bg-accent-label-mint": "_bg-accent-label-mint_1q9hn_143",
21439
+ "bg-accent-label-cyan": "_bg-accent-label-cyan_1q9hn_147",
21440
+ "bg-accent-label-purple": "_bg-accent-label-purple_1q9hn_151",
21441
+ "bg-accent-label-pink": "_bg-accent-label-pink_1q9hn_155",
21442
+ "bg-neutral-container-variation-lowest": "_bg-neutral-container-variation-lowest_1q9hn_159",
21443
+ "bg-neutral-container-lowest-hover": "_bg-neutral-container-lowest-hover_1q9hn_163",
21444
+ "bg-neutral-container-lowest": "_bg-neutral-container-lowest_1q9hn_163",
21445
+ "bg-neutral-container-low": "_bg-neutral-container-low_1q9hn_163",
21446
+ "bg-neutral-container-low-hover": "_bg-neutral-container-low-hover_1q9hn_175",
21447
+ "bg-neutral-container-mid": "_bg-neutral-container-mid_1q9hn_179",
21448
+ "bg-neutral-container-mid-hover": "_bg-neutral-container-mid-hover_1q9hn_183",
21449
+ "bg-neutral-container-high": "_bg-neutral-container-high_1q9hn_187",
21450
+ "bg-neutral-container-high-hover": "_bg-neutral-container-high-hover_1q9hn_191",
21451
+ "bg-neutral-container-highest": "_bg-neutral-container-highest_1q9hn_195",
21452
+ "bg-neutral-container-static-lowest": "_bg-neutral-container-static-lowest_1q9hn_199",
21453
+ "bg-neutral-container-static-lowest-hover": "_bg-neutral-container-static-lowest-hover_1q9hn_203",
21454
+ "bg-inverse-container-lowest": "_bg-inverse-container-lowest_1q9hn_207",
21455
+ "bg-inverse-container-lowest-hover": "_bg-inverse-container-lowest-hover_1q9hn_211",
21456
+ "bg-inverse-container-low": "_bg-inverse-container-low_1q9hn_207",
21457
+ "bg-inverse-container-low-hover": "_bg-inverse-container-low-hover_1q9hn_219",
21458
+ "bg-inverse-container-mid": "_bg-inverse-container-mid_1q9hn_223",
21459
+ "bg-inverse-container-mid-hover": "_bg-inverse-container-mid-hover_1q9hn_227",
21460
+ "bg-inverse-container-high": "_bg-inverse-container-high_1q9hn_231",
21461
+ "bg-inverse-container-high-hover": "_bg-inverse-container-high-hover_1q9hn_235",
21462
+ "bg-inverse-container-static-high": "_bg-inverse-container-static-high_1q9hn_239",
21463
+ "bg-inverse-container-static-high-hover": "_bg-inverse-container-static-high-hover_1q9hn_243",
21464
+ "bg-inverse-container-highest": "_bg-inverse-container-highest_1q9hn_247",
21465
+ "bg-brand-container-mid": "_bg-brand-container-mid_1q9hn_251",
21466
+ "bg-brand-container-mid-hover": "_bg-brand-container-mid-hover_1q9hn_255",
21467
+ "bg-brand-container-high": "_bg-brand-container-high_1q9hn_259",
21468
+ "bg-neutral-fill-overlay-lowest": "_bg-neutral-fill-overlay-lowest_1q9hn_263",
21469
+ "bg-neutral-fill-overlay-lowest-hover": "_bg-neutral-fill-overlay-lowest-hover_1q9hn_267",
21470
+ "bg-neutral-fill-overlay-low": "_bg-neutral-fill-overlay-low_1q9hn_263",
21471
+ "bg-neutral-fill-overlay-low-hover": "_bg-neutral-fill-overlay-low-hover_1q9hn_275",
21472
+ "bg-neutral-fill-overlay-mid": "_bg-neutral-fill-overlay-mid_1q9hn_279",
21473
+ "bg-neutral-fill-overlay-mid-hover": "_bg-neutral-fill-overlay-mid-hover_1q9hn_283",
21474
+ "bg-neutral-fill-overlay-high": "_bg-neutral-fill-overlay-high_1q9hn_287",
21475
+ "bg-neutral-fill-overlay-high-hover": "_bg-neutral-fill-overlay-high-hover_1q9hn_291",
21476
+ "bg-neutral-fill-overlay-highest": "_bg-neutral-fill-overlay-highest_1q9hn_295",
21477
+ "bg-neutral-fill-opaque-lowest": "_bg-neutral-fill-opaque-lowest_1q9hn_299",
21478
+ "bg-neutral-fill-opaque-lowest-hover": "_bg-neutral-fill-opaque-lowest-hover_1q9hn_303",
21479
+ "bg-neutral-fill-opaque-low": "_bg-neutral-fill-opaque-low_1q9hn_299",
21480
+ "bg-neutral-fill-opaque-low-hover": "_bg-neutral-fill-opaque-low-hover_1q9hn_311",
21481
+ "bg-neutral-fill-opaque-static-lowest": "_bg-neutral-fill-opaque-static-lowest_1q9hn_315",
21482
+ "bg-inverse-fill-mid": "_bg-inverse-fill-mid_1q9hn_319",
21483
+ "bg-inverse-fill-mid-hover": "_bg-inverse-fill-mid-hover_1q9hn_323",
21484
+ "bg-inverse-fill-opaque-lowest": "_bg-inverse-fill-opaque-lowest_1q9hn_327",
21485
+ "bg-inverse-fill-opaque-lowest-hover": "_bg-inverse-fill-opaque-lowest-hover_1q9hn_331",
21486
+ "bg-inverse-fill-opaque-low": "_bg-inverse-fill-opaque-low_1q9hn_327",
21487
+ "bg-inverse-fill-opaque-low-hover": "_bg-inverse-fill-opaque-low-hover_1q9hn_339",
21488
+ "bg-inverse-fill-opaque-mid": "_bg-inverse-fill-opaque-mid_1q9hn_343",
21489
+ "bg-brand-fill-mid": "_bg-brand-fill-mid_1q9hn_347",
21490
+ "bg-brand-fill-mid-hover": "_bg-brand-fill-mid-hover_1q9hn_351",
21491
+ "bg-brand-fill-low": "_bg-brand-fill-low_1q9hn_355",
21492
+ "bg-brand-fill-low-hover": "_bg-brand-fill-low-hover_1q9hn_359",
21493
+ "bg-accent-fill-primary": "_bg-accent-fill-primary_1q9hn_363",
21494
+ "bg-function-fill-positive-mid": "_bg-function-fill-positive-mid_1q9hn_367",
21495
+ "bg-function-fill-positive-low": "_bg-function-fill-positive-low_1q9hn_371",
21496
+ "bg-function-fill-negative-mid": "_bg-function-fill-negative-mid_1q9hn_375",
21497
+ "bg-function-fill-negative-low": "_bg-function-fill-negative-low_1q9hn_379",
21498
+ "bg-function-fill-negative-mid-hover": "_bg-function-fill-negative-mid-hover_1q9hn_383",
21499
+ "bg-function-fill-caution": "_bg-function-fill-caution_1q9hn_387",
21500
+ "bg-function-fill-highlight": "_bg-function-fill-highlight_1q9hn_391",
21501
+ "bg-function-fill-selection": "_bg-function-fill-selection_1q9hn_395",
21502
+ "bg-function-fill-drag": "_bg-function-fill-drag_1q9hn_399",
21503
+ "bg-cover-dim-page": "_bg-cover-dim-page_1q9hn_403",
21504
+ "color-neutral-label-primary": "_color-neutral-label-primary_1q9hn_410",
21505
+ "color-neutral-label-secondary": "_color-neutral-label-secondary_1q9hn_414",
21506
+ "color-neutral-label-tertiary": "_color-neutral-label-tertiary_1q9hn_418",
21507
+ "color-neutral-label-quaternary": "_color-neutral-label-quaternary_1q9hn_422",
21508
+ "color-neutral-label-static-primary": "_color-neutral-label-static-primary_1q9hn_426",
21509
+ "color-neutral-label-static-secondary": "_color-neutral-label-static-secondary_1q9hn_430",
21510
+ "color-inverse-label-primary": "_color-inverse-label-primary_1q9hn_434",
21511
+ "color-inverse-label-secondary": "_color-inverse-label-secondary_1q9hn_438",
21512
+ "color-inverse-label-tertiary": "_color-inverse-label-tertiary_1q9hn_442",
21513
+ "color-inverse-label-quaternary": "_color-inverse-label-quaternary_1q9hn_446",
21514
+ "color-inverse-label-static-primary": "_color-inverse-label-static-primary_1q9hn_450",
21515
+ "color-inverse-label-static-secondary": "_color-inverse-label-static-secondary_1q9hn_454",
21516
+ "color-brand-label-primary": "_color-brand-label-primary_1q9hn_458",
21517
+ "color-brand-label-secondary": "_color-brand-label-secondary_1q9hn_462",
21518
+ "color-brand-label-variation-secondary": "_color-brand-label-variation-secondary_1q9hn_466",
21519
+ "color-brandinverse-label-primary": "_color-brandinverse-label-primary_1q9hn_470",
21520
+ "color-brandinverse-label-secondary": "_color-brandinverse-label-secondary_1q9hn_474",
21521
+ "color-brandinverse-label-static-primary": "_color-brandinverse-label-static-primary_1q9hn_478",
21522
+ "color-function-label-positive": "_color-function-label-positive_1q9hn_482",
21523
+ "color-function-label-negative": "_color-function-label-negative_1q9hn_486",
21524
+ "color-function-label-caution": "_color-function-label-caution_1q9hn_490",
21525
+ "color-function-label-link": "_color-function-label-link_1q9hn_494",
21526
+ "color-accent-label-primary": "_color-accent-label-primary_1q9hn_498",
21527
+ "color-accent-label-yellow": "_color-accent-label-yellow_1q9hn_502",
21528
+ "color-accent-label-mint": "_color-accent-label-mint_1q9hn_506",
21529
+ "color-accent-label-cyan": "_color-accent-label-cyan_1q9hn_510",
21530
+ "color-accent-label-purple": "_color-accent-label-purple_1q9hn_514",
21531
+ "color-accent-label-pink": "_color-accent-label-pink_1q9hn_518",
21532
+ "color-neutral-container-variation-lowest": "_color-neutral-container-variation-lowest_1q9hn_522",
21533
+ "color-neutral-container-lowest-hover": "_color-neutral-container-lowest-hover_1q9hn_526",
21534
+ "color-neutral-container-lowest": "_color-neutral-container-lowest_1q9hn_526",
21535
+ "color-neutral-container-low": "_color-neutral-container-low_1q9hn_526",
21536
+ "color-neutral-container-low-hover": "_color-neutral-container-low-hover_1q9hn_538",
21537
+ "color-neutral-container-mid": "_color-neutral-container-mid_1q9hn_542",
21538
+ "color-neutral-container-mid-hover": "_color-neutral-container-mid-hover_1q9hn_546",
21539
+ "color-neutral-container-high": "_color-neutral-container-high_1q9hn_550",
21540
+ "color-neutral-container-high-hover": "_color-neutral-container-high-hover_1q9hn_554",
21541
+ "color-neutral-container-highest": "_color-neutral-container-highest_1q9hn_558",
21542
+ "color-neutral-container-static-lowest": "_color-neutral-container-static-lowest_1q9hn_562",
21543
+ "color-neutral-container-static-lowest-hover": "_color-neutral-container-static-lowest-hover_1q9hn_566",
21544
+ "color-inverse-container-lowest": "_color-inverse-container-lowest_1q9hn_570",
21545
+ "color-inverse-container-lowest-hover": "_color-inverse-container-lowest-hover_1q9hn_574",
21546
+ "color-inverse-container-low": "_color-inverse-container-low_1q9hn_570",
21547
+ "color-inverse-container-low-hover": "_color-inverse-container-low-hover_1q9hn_582",
21548
+ "color-inverse-container-mid": "_color-inverse-container-mid_1q9hn_586",
21549
+ "color-inverse-container-mid-hover": "_color-inverse-container-mid-hover_1q9hn_590",
21550
+ "color-inverse-container-high": "_color-inverse-container-high_1q9hn_594",
21551
+ "color-inverse-container-high-hover": "_color-inverse-container-high-hover_1q9hn_598",
21552
+ "color-inverse-container-static-high": "_color-inverse-container-static-high_1q9hn_602",
21553
+ "color-inverse-container-static-high-hover": "_color-inverse-container-static-high-hover_1q9hn_606",
21554
+ "color-inverse-container-highest": "_color-inverse-container-highest_1q9hn_610",
21555
+ "color-brand-container-mid": "_color-brand-container-mid_1q9hn_614",
21556
+ "color-brand-container-mid-hover": "_color-brand-container-mid-hover_1q9hn_618",
21557
+ "color-brand-container-high": "_color-brand-container-high_1q9hn_622",
21558
+ "color-neutral-fill-overlay-lowest": "_color-neutral-fill-overlay-lowest_1q9hn_626",
21559
+ "color-neutral-fill-overlay-lowest-hover": "_color-neutral-fill-overlay-lowest-hover_1q9hn_630",
21560
+ "color-neutral-fill-overlay-low": "_color-neutral-fill-overlay-low_1q9hn_626",
21561
+ "color-neutral-fill-overlay-low-hover": "_color-neutral-fill-overlay-low-hover_1q9hn_638",
21562
+ "color-neutral-fill-overlay-mid": "_color-neutral-fill-overlay-mid_1q9hn_642",
21563
+ "color-neutral-fill-overlay-mid-hover": "_color-neutral-fill-overlay-mid-hover_1q9hn_646",
21564
+ "color-neutral-fill-overlay-high": "_color-neutral-fill-overlay-high_1q9hn_650",
21565
+ "color-neutral-fill-overlay-high-hover": "_color-neutral-fill-overlay-high-hover_1q9hn_654",
21566
+ "color-neutral-fill-overlay-highest": "_color-neutral-fill-overlay-highest_1q9hn_658",
21567
+ "color-neutral-fill-opaque-lowest": "_color-neutral-fill-opaque-lowest_1q9hn_662",
21568
+ "color-neutral-fill-opaque-lowest-hover": "_color-neutral-fill-opaque-lowest-hover_1q9hn_666",
21569
+ "color-neutral-fill-opaque-low": "_color-neutral-fill-opaque-low_1q9hn_662",
21570
+ "color-neutral-fill-opaque-low-hover": "_color-neutral-fill-opaque-low-hover_1q9hn_674",
21571
+ "color-neutral-fill-opaque-static-lowest": "_color-neutral-fill-opaque-static-lowest_1q9hn_678",
21572
+ "color-inverse-fill-mid": "_color-inverse-fill-mid_1q9hn_682",
21573
+ "color-inverse-fill-mid-hover": "_color-inverse-fill-mid-hover_1q9hn_686",
21574
+ "color-inverse-fill-opaque-lowest": "_color-inverse-fill-opaque-lowest_1q9hn_690",
21575
+ "color-inverse-fill-opaque-lowest-hover": "_color-inverse-fill-opaque-lowest-hover_1q9hn_694",
21576
+ "color-inverse-fill-opaque-low": "_color-inverse-fill-opaque-low_1q9hn_690",
21577
+ "color-inverse-fill-opaque-low-hover": "_color-inverse-fill-opaque-low-hover_1q9hn_702",
21578
+ "color-inverse-fill-opaque-mid": "_color-inverse-fill-opaque-mid_1q9hn_706",
21579
+ "color-brand-fill-mid": "_color-brand-fill-mid_1q9hn_710",
21580
+ "color-brand-fill-mid-hover": "_color-brand-fill-mid-hover_1q9hn_714",
21581
+ "color-brand-fill-low": "_color-brand-fill-low_1q9hn_718",
21582
+ "color-brand-fill-low-hover": "_color-brand-fill-low-hover_1q9hn_722",
21583
+ "color-accent-fill-primary": "_color-accent-fill-primary_1q9hn_726",
21584
+ "color-function-fill-positive-mid": "_color-function-fill-positive-mid_1q9hn_730",
21585
+ "color-function-fill-positive-low": "_color-function-fill-positive-low_1q9hn_734",
21586
+ "color-function-fill-negative-mid": "_color-function-fill-negative-mid_1q9hn_738",
21587
+ "color-function-fill-negative-low": "_color-function-fill-negative-low_1q9hn_742",
21588
+ "color-function-fill-negative-mid-hover": "_color-function-fill-negative-mid-hover_1q9hn_746",
21589
+ "color-function-fill-caution": "_color-function-fill-caution_1q9hn_750",
21590
+ "color-function-fill-highlight": "_color-function-fill-highlight_1q9hn_754",
21591
+ "color-function-fill-selection": "_color-function-fill-selection_1q9hn_758",
21592
+ "color-function-fill-drag": "_color-function-fill-drag_1q9hn_762",
21593
+ "color-cover-dim-page": "_color-cover-dim-page_1q9hn_766",
21594
+ "border-neutral-border-overlay-strong": "_border-neutral-border-overlay-strong_1q9hn_773",
21595
+ "border-neutral-border-overlay-normal": "_border-neutral-border-overlay-normal_1q9hn_777",
21596
+ "border-neutral-border-overlay-subtle": "_border-neutral-border-overlay-subtle_1q9hn_781",
21597
+ "border-neutral-border-overlay-hint": "_border-neutral-border-overlay-hint_1q9hn_785",
21598
+ "border-neutral-border-opaque-strong": "_border-neutral-border-opaque-strong_1q9hn_789",
21599
+ "border-neutral-border-opaque-normal": "_border-neutral-border-opaque-normal_1q9hn_793",
21600
+ "border-neutral-border-opaque-subtle": "_border-neutral-border-opaque-subtle_1q9hn_797",
21601
+ "border-inverse-border-overlay-strong": "_border-inverse-border-overlay-strong_1q9hn_801",
21602
+ "border-inverse-border-overlay-normal": "_border-inverse-border-overlay-normal_1q9hn_805",
21603
+ "border-inverse-border-overlay-subtle": "_border-inverse-border-overlay-subtle_1q9hn_809",
21604
+ "border-inverse-border-overlay-hint": "_border-inverse-border-overlay-hint_1q9hn_813",
21605
+ "border-inverse-border-opaque-strong": "_border-inverse-border-opaque-strong_1q9hn_817",
21606
+ "border-inverse-border-opaque-normal": "_border-inverse-border-opaque-normal_1q9hn_821",
21607
+ "border-inverse-border-opaque-subtle": "_border-inverse-border-opaque-subtle_1q9hn_825",
21608
+ "border-brand-border-opaque-normal": "_border-brand-border-opaque-normal_1q9hn_829",
21609
+ "border-brand-border-opaque-strong": "_border-brand-border-opaque-strong_1q9hn_833",
21610
+ "bg-accent-yellow": "_bg-accent-yellow_1q9hn_837",
21611
+ "bg-accent-mint": "_bg-accent-mint_1q9hn_841",
21612
+ "bg-accent-cyan": "_bg-accent-cyan_1q9hn_845",
21613
+ "bg-accent-purple": "_bg-accent-purple_1q9hn_849",
21614
+ "bg-accent-pink": "_bg-accent-pink_1q9hn_853",
21615
+ "color-accent-yellow": "_color-accent-yellow_1q9hn_857",
21616
+ "color-accent-mint": "_color-accent-mint_1q9hn_861",
21617
+ "color-accent-cyan": "_color-accent-cyan_1q9hn_865",
21618
+ "color-accent-purple": "_color-accent-purple_1q9hn_869",
21619
+ "color-accent-pink": "_color-accent-pink_1q9hn_873",
21620
+ "border-accent-yellow": "_border-accent-yellow_1q9hn_877",
21621
+ "border-accent-mint": "_border-accent-mint_1q9hn_881",
21622
+ "border-accent-cyan": "_border-accent-cyan_1q9hn_885",
21623
+ "border-accent-purple": "_border-accent-purple_1q9hn_889",
21624
+ "border-accent-pink": "_border-accent-pink_1q9hn_893"
21334
21625
  };
21335
21626
 
21336
- // src/components/_Tag/index.tsx
21627
+ // src/components/Tag/index.tsx
21337
21628
  var import_cva12 = require("cva");
21338
21629
  var import_jsx_runtime217 = require("react/jsx-runtime");
21339
21630
  var tagVariants = (0, import_cva12.cva)({
21340
21631
  base: style_module_default19.tag,
21341
21632
  variants: {
21342
- backgroundColor: arrayToStyleObject(colorOptions, style_module_default19)
21633
+ color: arrayToStyleObject(colorOptions, style_module_default19, "color"),
21634
+ backgroundColor: arrayToStyleObject(colorOptions, style_module_default19, "bg"),
21635
+ borderColor: arrayToStyleObject(colorOptions, style_module_default19, "border"),
21636
+ size: {
21637
+ s: style_module_default19.s,
21638
+ m: style_module_default19.m,
21639
+ l: style_module_default19.l
21640
+ },
21641
+ thick: {
21642
+ true: style_module_default19.thick
21643
+ },
21644
+ radius: {
21645
+ square: style_module_default19.square,
21646
+ rounded: style_module_default19.rounded
21647
+ }
21343
21648
  }
21344
21649
  });
21345
- var Tag = /* @__PURE__ */ __name(({
21346
- children,
21347
- color = "neutral-label-static-primary",
21348
- backgroundColor = "neutral-container-static-lowest"
21349
- }) => {
21350
- return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
21351
- Caption,
21352
- {
21353
- size: 3,
21354
- type: "normal",
21355
- weight: "bold",
21356
- className: tagVariants({ backgroundColor }),
21357
- color,
21358
- children
21359
- }
21360
- );
21361
- }, "Tag");
21650
+ var Tag = (0, import_react26.forwardRef)(
21651
+ ({
21652
+ children,
21653
+ color = "neutral-label-static-primary",
21654
+ backgroundColor = "neutral-container-static-lowest",
21655
+ borderColor = void 0,
21656
+ radius = "square",
21657
+ thick = false,
21658
+ size: size4 = "s",
21659
+ ...rest
21660
+ }, ref) => {
21661
+ return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
21662
+ Caption,
21663
+ {
21664
+ ref,
21665
+ size: 3,
21666
+ type: "normal",
21667
+ weight: "bold",
21668
+ className: tagVariants({ color, backgroundColor, borderColor, size: size4, thick, radius }),
21669
+ color,
21670
+ ...rest,
21671
+ children
21672
+ }
21673
+ );
21674
+ }
21675
+ );
21362
21676
 
21363
21677
  // src/components/coach-mark/compact/index.tsx
21364
21678
  var import_jsx_runtime218 = require("react/jsx-runtime");
@@ -21375,7 +21689,7 @@ var compactCoachMarkVariants = (0, import_cva13.cva)({
21375
21689
  var CompactCoachMarkRoot = /* @__PURE__ */ __name((props) => {
21376
21690
  return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(PrimitiveCoachMark, { ...props });
21377
21691
  }, "CompactCoachMarkRoot");
21378
- var CompactCoachMarkContent = (0, import_react26.forwardRef)(({ tag, title, level = "brand", className, side = "top", sideOffset = -15, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(
21692
+ var CompactCoachMarkContent = (0, import_react27.forwardRef)(({ tag, title, level = "brand", className, side = "top", sideOffset = -15, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(
21379
21693
  PrimitiveCoachMark.Content,
21380
21694
  {
21381
21695
  ref,
@@ -21420,7 +21734,7 @@ var style_module_default20 = {
21420
21734
  };
21421
21735
 
21422
21736
  // src/components/coach-mark/main/index.tsx
21423
- var import_react27 = require("react");
21737
+ var import_react28 = require("react");
21424
21738
  var import_cva14 = require("cva");
21425
21739
  var import_clsx20 = __toESM(require("clsx"));
21426
21740
 
@@ -21529,8 +21843,8 @@ var coachMarkLevelButtonLevelMap = {
21529
21843
  };
21530
21844
  var CoachMarkRoot = /* @__PURE__ */ __name((props) => {
21531
21845
  const { children } = props;
21532
- (0, import_react27.useEffect)(() => {
21533
- if ((0, import_react27.isValidElement)(children) && "image" in children.props) {
21846
+ (0, import_react28.useEffect)(() => {
21847
+ if ((0, import_react28.isValidElement)(children) && "image" in children.props) {
21534
21848
  const imageProps = children.props.image;
21535
21849
  if (imageProps?.src) {
21536
21850
  const img = new Image();
@@ -21540,7 +21854,7 @@ var CoachMarkRoot = /* @__PURE__ */ __name((props) => {
21540
21854
  }, []);
21541
21855
  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(PrimitiveCoachMark, { ...props });
21542
21856
  }, "CoachMarkRoot");
21543
- var CoachMarkContent = (0, import_react27.forwardRef)(
21857
+ var CoachMarkContent = (0, import_react28.forwardRef)(
21544
21858
  ({
21545
21859
  level = "brand",
21546
21860
  width,