@liner-fe/prism 2.1.36 → 2.1.37
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/components/Loading/index.d.ts +1 -1
- package/lib/index.cjs +40 -26
- package/lib/index.cjs.map +2 -2
- package/lib/index.css +21 -30
- package/lib/index.css.map +2 -2
- package/lib/index.mjs +40 -26
- package/lib/index.mjs.map +2 -2
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
type LoadingSizeType = 'm' | 's' | 'xs';
|
|
2
|
-
type LoadingLevelType = 'primary' | '
|
|
2
|
+
type LoadingLevelType = 'brand-label-primary' | 'neutral-label-primary' | 'neutral-label-static-primary' | 'inverse-label-primary' | 'inverse-label-static-primary';
|
|
3
3
|
interface LoadingProps {
|
|
4
4
|
size?: LoadingSizeType;
|
|
5
5
|
level?: LoadingLevelType;
|
package/lib/index.cjs
CHANGED
|
@@ -7500,20 +7500,17 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
7500
7500
|
|
|
7501
7501
|
// src/components/Loading/style.module.scss
|
|
7502
7502
|
var style_module_default3 = {
|
|
7503
|
-
"loading": "
|
|
7504
|
-
"loading-dot": "_loading-
|
|
7505
|
-
"loadingFade": "
|
|
7506
|
-
"m": "
|
|
7507
|
-
"s": "
|
|
7508
|
-
"xs": "
|
|
7509
|
-
"primary": "
|
|
7510
|
-
"
|
|
7511
|
-
"
|
|
7512
|
-
"
|
|
7513
|
-
"
|
|
7514
|
-
"static": "_static_1cm08_46",
|
|
7515
|
-
"inverse": "_inverse_1cm08_49",
|
|
7516
|
-
"inverse-static": "_inverse-static_1cm08_52"
|
|
7503
|
+
"loading": "_loading_d1es9_1",
|
|
7504
|
+
"loading-dot": "_loading-dot_d1es9_5",
|
|
7505
|
+
"loadingFade": "_loadingFade_d1es9_1",
|
|
7506
|
+
"m": "_m_d1es9_13",
|
|
7507
|
+
"s": "_s_d1es9_19",
|
|
7508
|
+
"xs": "_xs_d1es9_25",
|
|
7509
|
+
"brand-label-primary": "_brand-label-primary_d1es9_31",
|
|
7510
|
+
"neutral-label-primary": "_neutral-label-primary_d1es9_34",
|
|
7511
|
+
"neutral-label-static-primary": "_neutral-label-static-primary_d1es9_37",
|
|
7512
|
+
"inverse-label-primary": "_inverse-label-primary_d1es9_40",
|
|
7513
|
+
"inverse-label-static-primary": "_inverse-label-static-primary_d1es9_43"
|
|
7517
7514
|
};
|
|
7518
7515
|
|
|
7519
7516
|
// src/components/Loading/index.tsx
|
|
@@ -7528,18 +7525,15 @@ var loadingVariants = (0, import_cva2.cva)({
|
|
|
7528
7525
|
xs: style_module_default3["xs"]
|
|
7529
7526
|
},
|
|
7530
7527
|
level: {
|
|
7531
|
-
primary: style_module_default3["primary"],
|
|
7532
|
-
|
|
7533
|
-
|
|
7534
|
-
|
|
7535
|
-
|
|
7536
|
-
static: style_module_default3["static"],
|
|
7537
|
-
inverse: style_module_default3["inverse"],
|
|
7538
|
-
"inverse-static": style_module_default3["inverse-static"]
|
|
7528
|
+
"brand-label-primary": style_module_default3["brand-label-primary"],
|
|
7529
|
+
"neutral-label-primary": style_module_default3["neutral-label-primary"],
|
|
7530
|
+
"neutral-label-static-primary": style_module_default3["neutral-label-static-primary"],
|
|
7531
|
+
"inverse-label-primary": style_module_default3["inverse-label-primary"],
|
|
7532
|
+
"inverse-label-static-primary": style_module_default3["inverse-label-static-primary"]
|
|
7539
7533
|
}
|
|
7540
7534
|
}
|
|
7541
7535
|
});
|
|
7542
|
-
var Loading = /* @__PURE__ */ __name(({ size = "m", level = "primary" }) => {
|
|
7536
|
+
var Loading = /* @__PURE__ */ __name(({ size = "m", level = "inverse-label-static-primary" }) => {
|
|
7543
7537
|
return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("div", { className: style_module_default3.loading, children: [
|
|
7544
7538
|
/* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { className: loadingVariants({ size, level }) }),
|
|
7545
7539
|
/* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { className: loadingVariants({ size, level }) }),
|
|
@@ -7567,6 +7561,16 @@ var buttonLoadingSizeMap = {
|
|
|
7567
7561
|
m: "s",
|
|
7568
7562
|
s: "xs"
|
|
7569
7563
|
};
|
|
7564
|
+
var buttonLoadingLevelMap = {
|
|
7565
|
+
primary: "inverse-label-static-primary",
|
|
7566
|
+
secondary: "inverse-label-primary",
|
|
7567
|
+
tertiary: "neutral-label-primary",
|
|
7568
|
+
quaternary: "neutral-label-primary",
|
|
7569
|
+
negative: "inverse-label-static-primary",
|
|
7570
|
+
static: "neutral-label-static-primary",
|
|
7571
|
+
inverse: "inverse-label-primary",
|
|
7572
|
+
"inverse-static": "neutral-label-static-primary"
|
|
7573
|
+
};
|
|
7570
7574
|
var buttonFillLevelIconTypeMap = {
|
|
7571
7575
|
true: {
|
|
7572
7576
|
primary: "inverse-label-static-primary",
|
|
@@ -7674,9 +7678,9 @@ var DefaultButton = (0, import_react.forwardRef)(
|
|
|
7674
7678
|
const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("span", { className: (0, import_clsx2.default)(defaultButtonChildrenVariants({ size })), children: [
|
|
7675
7679
|
!!leftIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Icon, { ...iconProps, ...leftIcon }),
|
|
7676
7680
|
isLoading ? !!leftIcon || !!rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(import_jsx_runtime157.Fragment, { children: [
|
|
7677
|
-
/* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Loading, { size: buttonLoadingSizeMap[size], level }),
|
|
7681
|
+
/* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Loading, { size: buttonLoadingSizeMap[size], level: buttonLoadingLevelMap[level] }),
|
|
7678
7682
|
/* @__PURE__ */ (0, import_jsx_runtime157.jsx)("p", { className: style_module_default.content, children: children2 })
|
|
7679
|
-
] }) : /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Loading, { size: buttonLoadingSizeMap[size], level }) : /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("p", { className: style_module_default.content, children: children2 }),
|
|
7683
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Loading, { size: buttonLoadingSizeMap[size], level: buttonLoadingLevelMap[level] }) : /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("p", { className: style_module_default.content, children: children2 }),
|
|
7680
7684
|
!!rightIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Icon, { ...iconProps, ...rightIcon })
|
|
7681
7685
|
] }), "renderContent");
|
|
7682
7686
|
if (asChild) {
|
|
@@ -8864,6 +8868,16 @@ var iconButtonLoadingSizeMap = {
|
|
|
8864
8868
|
s: "xs",
|
|
8865
8869
|
xs: "xs"
|
|
8866
8870
|
};
|
|
8871
|
+
var iconButtonLoadingLevelMap = {
|
|
8872
|
+
primary: "inverse-label-static-primary",
|
|
8873
|
+
secondary: "inverse-label-primary",
|
|
8874
|
+
tertiary: "neutral-label-primary",
|
|
8875
|
+
quaternary: "neutral-label-primary",
|
|
8876
|
+
negative: "inverse-label-static-primary",
|
|
8877
|
+
static: "neutral-label-static-primary",
|
|
8878
|
+
inverse: "inverse-label-primary",
|
|
8879
|
+
"inverse-static": "neutral-label-static-primary"
|
|
8880
|
+
};
|
|
8867
8881
|
var iconButtonLevelIconTypeMap = {
|
|
8868
8882
|
fill: {
|
|
8869
8883
|
primary: "inverse-label-static-primary",
|
|
@@ -8935,7 +8949,7 @@ var IconButton = (0, import_react12.forwardRef)(
|
|
|
8935
8949
|
"aria-label": icon.name,
|
|
8936
8950
|
role: "button",
|
|
8937
8951
|
tabIndex: 0,
|
|
8938
|
-
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Loading, { size: iconButtonLoadingSizeMap[size], level }) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
|
|
8952
|
+
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Loading, { size: iconButtonLoadingSizeMap[size], level: iconButtonLoadingLevelMap[level] }) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
|
|
8939
8953
|
Icon,
|
|
8940
8954
|
{
|
|
8941
8955
|
size: iconButtonSizeIconSizeMap[size],
|