@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.11

package/es/styles/theme/token/palette.mjs

@@ -1,51 +1,26 @@
-import blueGeekblueMix from "../../../color/colors/blue.mjs";
-import geekblue from "../../../color/colors/geekblue.mjs";
-import gold from "../../../color/colors/gold.mjs";
-import green from "../../../color/colors/green.mjs";
-import lime from "../../../color/colors/lime.mjs";
-import red from "../../../color/colors/red.mjs";
-import volcano from "../../../color/colors/volcano.mjs";
+import { statusColorScales } from "../../../color/status/index.mjs";
 import { generateColorPalette } from "../generateColorPalette.mjs";
 import { generateCustomColorToken } from "../customToken.mjs";
 import { legacyToken } from "./legacy.mjs";
 import { shadowToken } from "./shadow.mjs";
 //#region src/styles/theme/token/palette.ts
-const statusScales = {
-	dark: {
-		error: red,
-		info: blueGeekblueMix,
-		success: lime,
-		warning: gold
-	},
-	light: {
-		error: volcano,
-		info: geekblue,
-		success: green,
-		warning: gold
-	}
-};
-const createPaletteToken = (appearance) => {
-	const scales = statusScales[appearance];
-	const error = generateColorPalette({
-		appearance,
-		scale: scales.error,
-		type: "Error"
-	});
-	const info = generateColorPalette({
-		appearance,
-		scale: scales.info,
-		type: "Info"
-	});
-	const success = generateColorPalette({
+const createStatusPalette = (appearance, scale, type) => {
+	const palette = generateColorPalette({
 		appearance,
-		scale: scales.success,
-		type: "Success"
-	});
-	const warning = generateColorPalette({
-		appearance,
-		scale: scales.warning,
-		type: "Warning"
+		scale,
+		type
 	});
+	if (appearance === "dark") return palette;
+	return {
+		...palette,
+		[`color${type}Text`]: scale.light[10]
+	};
+};
+const createPaletteToken = (appearance, scales = statusColorScales) => {
+	const error = createStatusPalette(appearance, scales.error, "Error");
+	const info = createStatusPalette(appearance, scales.info, "Info");
+	const success = createStatusPalette(appearance, scales.success, "Success");
+	const warning = createStatusPalette(appearance, scales.warning, "Warning");
 	return {
 		...legacyToken[appearance],
 		...error,

package/es/styles/theme/token/palette.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"palette.mjs","names":["blue"],"sources":["../../../../src/styles/theme/token/palette.ts"],"sourcesContent":["import { blue, geekblue, gold, green, lime, red, volcano } from '@/color/colors';\n\nimport { generateCustomColorToken } from '../customToken';\nimport { generateColorPalette } from '../generateColorPalette';\nimport { legacyToken } from './legacy';\nimport { shadowToken } from './shadow';\n\nconst statusScales = {\n  dark: { error: red, info: blue, success: lime, warning: gold },\n  light: { error: volcano, info: geekblue, success: green, warning: gold },\n};\n\nexport const createPaletteToken = (appearance: 'light' | 'dark') => {\n  const scales = statusScales[appearance];\n  const error = generateColorPalette({ appearance, scale: scales.error, type: 'Error' });\n  const info = generateColorPalette({ appearance, scale: scales.info, type: 'Info' });\n  const success = generateColorPalette({ appearance, scale: scales.success, type: 'Success' });\n  const warning = generateColorPalette({ appearance, scale: scales.warning, type: 'Warning' });\n\n  return {\n    ...legacyToken[appearance],\n    ...error,\n    ...info,\n    ...success,\n    ...warning,\n    ...generateCustomColorToken(appearance === 'dark'),\n    ...shadowToken[appearance],\n    colorErrorAffix: error.colorError,\n    colorHighlight: error.colorError,\n    colorLink: info.colorInfoText,\n    colorLinkActive: info.colorInfoTextActive,\n    colorLinkHover: info.colorInfoTextHover,\n    colorWarningAffix: warning.colorWarning,\n  };\n};\n"],"mappings":";;;;;;;;;;;;AAOA,MAAM,eAAe;CACnB,MAAM;EAAE,OAAO;EAAK,MAAMA;EAAM,SAAS;EAAM,SAAS;CAAK;CAC7D,OAAO;EAAE,OAAO;EAAS,MAAM;EAAU,SAAS;EAAO,SAAS;CAAK;AACzE;AAEA,MAAa,sBAAsB,eAAiC;CAClE,MAAM,SAAS,aAAa;CAC5B,MAAM,QAAQ,qBAAqB;EAAE;EAAY,OAAO,OAAO;EAAO,MAAM;CAAQ,CAAC;CACrF,MAAM,OAAO,qBAAqB;EAAE;EAAY,OAAO,OAAO;EAAM,MAAM;CAAO,CAAC;CAClF,MAAM,UAAU,qBAAqB;EAAE;EAAY,OAAO,OAAO;EAAS,MAAM;CAAU,CAAC;CAC3F,MAAM,UAAU,qBAAqB;EAAE;EAAY,OAAO,OAAO;EAAS,MAAM;CAAU,CAAC;CAE3F,OAAO;EACL,GAAG,YAAY;EACf,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG,yBAAyB,eAAe,MAAM;EACjD,GAAG,YAAY;EACf,iBAAiB,MAAM;EACvB,gBAAgB,MAAM;EACtB,WAAW,KAAK;EAChB,iBAAiB,KAAK;EACtB,gBAAgB,KAAK;EACrB,mBAAmB,QAAQ;CAC7B;AACF"}
+{"version":3,"file":"palette.mjs","names":[],"sources":["../../../../src/styles/theme/token/palette.ts"],"sourcesContent":["import { type StatusColorScales, statusColorScales } from '@/color/status';\nimport type { ColorScaleItem } from '@/color/types';\n\nimport { generateCustomColorToken } from '../customToken';\nimport { generateColorPalette } from '../generateColorPalette';\nimport { legacyToken } from './legacy';\nimport { shadowToken } from './shadow';\n\nconst createStatusPalette = <T extends string>(\n  appearance: 'light' | 'dark',\n  scale: ColorScaleItem,\n  type: T,\n) => {\n  const palette = generateColorPalette({ appearance, scale, type });\n  if (appearance === 'dark') return palette;\n  return { ...palette, [`color${type}Text`]: scale.light[10] } as typeof palette;\n};\n\nexport const createPaletteToken = (\n  appearance: 'light' | 'dark',\n  scales: StatusColorScales = statusColorScales,\n) => {\n  const error = createStatusPalette(appearance, scales.error, 'Error');\n  const info = createStatusPalette(appearance, scales.info, 'Info');\n  const success = createStatusPalette(appearance, scales.success, 'Success');\n  const warning = createStatusPalette(appearance, scales.warning, 'Warning');\n\n  return {\n    ...legacyToken[appearance],\n    ...error,\n    ...info,\n    ...success,\n    ...warning,\n    ...generateCustomColorToken(appearance === 'dark'),\n    ...shadowToken[appearance],\n    colorErrorAffix: error.colorError,\n    colorHighlight: error.colorError,\n    colorLink: info.colorInfoText,\n    colorLinkActive: info.colorInfoTextActive,\n    colorLinkHover: info.colorInfoTextHover,\n    colorWarningAffix: warning.colorWarning,\n  };\n};\n"],"mappings":";;;;;;AAQA,MAAM,uBACJ,YACA,OACA,SACG;CACH,MAAM,UAAU,qBAAqB;EAAE;EAAY;EAAO;CAAK,CAAC;CAChE,IAAI,eAAe,QAAQ,OAAO;CAClC,OAAO;EAAE,GAAG;GAAU,QAAQ,KAAK,QAAQ,MAAM,MAAM;CAAI;AAC7D;AAEA,MAAa,sBACX,YACA,SAA4B,sBACzB;CACH,MAAM,QAAQ,oBAAoB,YAAY,OAAO,OAAO,OAAO;CACnE,MAAM,OAAO,oBAAoB,YAAY,OAAO,MAAM,MAAM;CAChE,MAAM,UAAU,oBAAoB,YAAY,OAAO,SAAS,SAAS;CACzE,MAAM,UAAU,oBAAoB,YAAY,OAAO,SAAS,SAAS;CAEzE,OAAO;EACL,GAAG,YAAY;EACf,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG,yBAAyB,eAAe,MAAM;EACjD,GAAG,YAAY;EACf,iBAAiB,MAAM;EACvB,gBAAgB,MAAM;EACtB,WAAW,KAAK;EAChB,iBAAiB,KAAK;EACtB,gBAAgB,KAAK;EACrB,mBAAmB,QAAQ;CAC7B;AACF"}

package/es/styles/theme/token/primary.mjs

@@ -1,12 +1,16 @@
 import primary from "../../../color/colors/primary.mjs";
 import { colorScales } from "../../../color/colors/index.mjs";
 import { generateColorPalette } from "../generateColorPalette.mjs";
+import { generatePrimaryScale, isCustomPrimaryColor } from "../customPrimary.mjs";
 //#region src/styles/theme/token/primary.ts
+const resolveScale = (primaryColor) => {
+	if (isCustomPrimaryColor(primaryColor)) return generatePrimaryScale(primaryColor);
+	return primaryColor && colorScales[primaryColor] || primary;
+};
 const createPrimaryToken = (appearance, primaryColor) => {
-	const scale = primaryColor && colorScales[primaryColor] || primary;
 	const token = generateColorPalette({
 		appearance,
-		scale,
+		scale: resolveScale(primaryColor),
 		type: "Primary"
 	});
 	return {

package/es/styles/theme/token/primary.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primary.mjs","names":[],"sources":["../../../../src/styles/theme/token/primary.ts"],"sourcesContent":["import { colorScales, primary } from '@/color/colors';\n\nimport type { PrimaryColors } from '../../customTheme';\nimport { generateColorPalette } from '../generateColorPalette';\n\nexport const createPrimaryToken = (appearance: 'light' | 'dark', primaryColor?: PrimaryColors) => {\n  const scale = (primaryColor && colorScales[primaryColor]) || primary;\n  const token = generateColorPalette({ appearance, scale, type: 'Primary' });\n\n  return {\n    ...token,\n    controlItemBgActive: token.colorPrimaryBg,\n    controlItemBgActiveHover: token.colorPrimaryBgHover,\n  };\n};\n"],"mappings":";;;;AAKA,MAAa,sBAAsB,YAA8B,iBAAiC;CAChG,MAAM,QAAS,gBAAgB,YAAY,iBAAkB;CAC7D,MAAM,QAAQ,qBAAqB;EAAE;EAAY;EAAO,MAAM;CAAU,CAAC;CAEzE,OAAO;EACL,GAAG;EACH,qBAAqB,MAAM;EAC3B,0BAA0B,MAAM;CAClC;AACF"}
+{"version":3,"file":"primary.mjs","names":[],"sources":["../../../../src/styles/theme/token/primary.ts"],"sourcesContent":["import { colorScales, primary } from '@/color/colors';\n\nimport {\n  generatePrimaryScale,\n  isCustomPrimaryColor,\n  type LobePrimaryColor,\n} from '../customPrimary';\nimport { generateColorPalette } from '../generateColorPalette';\n\nconst resolveScale = (primaryColor?: LobePrimaryColor) => {\n  if (isCustomPrimaryColor(primaryColor)) return generatePrimaryScale(primaryColor);\n  return (primaryColor && colorScales[primaryColor]) || primary;\n};\n\nexport const createPrimaryToken = (\n  appearance: 'light' | 'dark',\n  primaryColor?: LobePrimaryColor,\n) => {\n  const token = generateColorPalette({\n    appearance,\n    scale: resolveScale(primaryColor),\n    type: 'Primary',\n  });\n\n  return {\n    ...token,\n    controlItemBgActive: token.colorPrimaryBg,\n    controlItemBgActiveHover: token.colorPrimaryBgHover,\n  };\n};\n"],"mappings":";;;;;AASA,MAAM,gBAAgB,iBAAoC;CACxD,IAAI,qBAAqB,YAAY,GAAG,OAAO,qBAAqB,YAAY;CAChF,OAAQ,gBAAgB,YAAY,iBAAkB;AACxD;AAEA,MAAa,sBACX,YACA,iBACG;CACH,MAAM,QAAQ,qBAAqB;EACjC;EACA,OAAO,aAAa,YAAY;EAChC,MAAM;CACR,CAAC;CAED,OAAO;EACL,GAAG;EACH,qBAAqB,MAAM;EAC3B,0BAA0B,MAAM;CAClC;AACF"}

package/es/styles/theme/token/static.mjs

@@ -60,6 +60,9 @@ const staticToken = {
 	motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
 	motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
 	motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
+	motionSpringBouncy: "linear(0, 0.024, 0.086, 0.173, 0.274, 0.38, 0.485, 0.584, 0.675, 0.756, 0.825, 0.883, 0.931, 0.968, 0.997, 1.017, 1.031, 1.04, 1.045, 1.046, 1.045, 1.042, 1.038, 1.033, 1.028, 1.023, 1.019, 1.015, 1.011, 1.008, 1.005, 1)",
+	motionSpringSmooth: "linear(0, 0.036, 0.12, 0.225, 0.334, 0.438, 0.533, 0.616, 0.688, 0.748, 0.797, 0.838, 0.872, 0.898, 0.92, 0.937, 0.951, 0.962, 0.97, 0.977, 0.982, 0.986, 0.989, 0.992, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.999, 1)",
+	motionSpringSnappy: "linear(0, 0.032, 0.111, 0.216, 0.33, 0.444, 0.552, 0.648, 0.731, 0.801, 0.858, 0.904, 0.939, 0.965, 0.984, 0.998, 1.006, 1.012, 1.014, 1.015, 1.015, 1.014, 1.012, 1.01, 1.009, 1.007, 1.006, 1.004, 1.003, 1.002, 1.002, 1)",
 	motionUnit: .1,
 	opacityImage: 1,
 	opacityLoading: .65,

package/es/styles/theme/token/static.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"static.mjs","names":[],"sources":["../../../../src/styles/theme/token/static.ts"],"sourcesContent":["import { baseToken } from './base';\n\nexport const staticToken = {\n  borderRadiusOuter: 6,\n  colorTextLightSolid: '#fff',\n  colorWhite: '#fff',\n  controlHeightLG: 45,\n  controlHeightSM: 27,\n  controlHeightXS: 18,\n  controlInteractiveSize: 18,\n  controlOutlineWidth: 2,\n  controlPaddingHorizontal: 12,\n  controlPaddingHorizontalSM: 8,\n  fontHeight: 22,\n  fontHeightLG: 24,\n  fontHeightSM: 20,\n  fontSize: 14,\n  fontSizeHeading1: 38,\n  fontSizeHeading2: 30,\n  fontSizeHeading3: 24,\n  fontSizeHeading4: 20,\n  fontSizeHeading5: 16,\n  fontSizeIcon: 12,\n  fontSizeLG: 16,\n  fontSizeSM: 12,\n  fontSizeXL: 20,\n  fontWeightStrong: 600,\n  lineHeight: 1.5714285714285714,\n  lineHeightHeading1: 1.2105263157894737,\n  lineHeightHeading2: 1.2666666666666666,\n  lineHeightHeading3: 1.3333333333333333,\n  lineHeightHeading4: 1.4,\n  lineHeightHeading5: 1.5,\n  lineHeightLG: 1.5,\n  lineHeightSM: 1.6666666666666667,\n  lineType: 'solid',\n  lineWidth: 1,\n  lineWidthBold: 2,\n  lineWidthFocus: 3,\n  linkDecoration: 'none',\n  linkFocusDecoration: 'none',\n  linkHoverDecoration: 'none',\n  margin: 16,\n  marginLG: 24,\n  marginMD: 20,\n  marginSM: 12,\n  marginXL: 32,\n  marginXS: 8,\n  marginXXL: 48,\n  marginXXS: 4,\n  motionBase: 0,\n  motionDurationFast: '0.1s',\n  motionDurationMid: '0.2s',\n  motionDurationSlow: '0.3s',\n  motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',\n  motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n  motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',\n  motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n  motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n  motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',\n  motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',\n  motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',\n  motionUnit: 0.1,\n  opacityImage: 1,\n  opacityLoading: 0.65,\n  padding: 16,\n  paddingContentHorizontal: 16,\n  paddingContentHorizontalLG: 24,\n  paddingContentHorizontalSM: 16,\n  paddingContentVertical: 12,\n  paddingContentVerticalLG: 16,\n  paddingContentVerticalSM: 8,\n  paddingLG: 24,\n  paddingMD: 20,\n  paddingSM: 12,\n  paddingXL: 32,\n  paddingXS: 8,\n  paddingXXS: 4,\n  pink: '#EB2F96',\n  screenLG: 992,\n  screenLGMax: 1199,\n  screenLGMin: 992,\n  screenMD: 768,\n  screenMDMax: 991,\n  screenMDMin: 768,\n  screenSM: 576,\n  screenSMMax: 767,\n  screenSMMin: 576,\n  screenXL: 1200,\n  screenXLMax: 1599,\n  screenXLMin: 1200,\n  screenXS: 480,\n  screenXSMax: 575,\n  screenXSMin: 480,\n  screenXXL: 1600,\n  screenXXLMax: 1919,\n  screenXXLMin: 1600,\n  screenXXXL: 1920,\n  screenXXXLMin: 1920,\n  size: 16,\n  sizeLG: 24,\n  sizeMD: 20,\n  sizeMS: 16,\n  sizePopupArrow: 16,\n  sizeSM: 12,\n  sizeStep: 4,\n  sizeUnit: 4,\n  sizeXL: 32,\n  sizeXS: 8,\n  sizeXXL: 48,\n  sizeXXS: 4,\n  zIndexBase: 0,\n  zIndexPopupBase: 1000,\n  ...baseToken,\n};\n"],"mappings":";;AAEA,MAAa,cAAc;CACzB,mBAAmB;CACnB,qBAAqB;CACrB,YAAY;CACZ,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,wBAAwB;CACxB,qBAAqB;CACrB,0BAA0B;CAC1B,4BAA4B;CAC5B,YAAY;CACZ,cAAc;CACd,cAAc;CACd,UAAU;CACV,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,cAAc;CACd,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,YAAY;CACZ,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,cAAc;CACd,cAAc;CACd,UAAU;CACV,WAAW;CACX,eAAe;CACf,gBAAgB;CAChB,gBAAgB;CAChB,qBAAqB;CACrB,qBAAqB;CACrB,QAAQ;CACR,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,YAAY;CACZ,oBAAoB;CACpB,mBAAmB;CACnB,oBAAoB;CACpB,kBAAkB;CAClB,iBAAiB;CACjB,qBAAqB;CACrB,mBAAmB;CACnB,eAAe;CACf,mBAAmB;CACnB,mBAAmB;CACnB,oBAAoB;CACpB,YAAY;CACZ,cAAc;CACd,gBAAgB;CAChB,SAAS;CACT,0BAA0B;CAC1B,4BAA4B;CAC5B,4BAA4B;CAC5B,wBAAwB;CACxB,0BAA0B;CAC1B,0BAA0B;CAC1B,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,WAAW;CACX,cAAc;CACd,cAAc;CACd,YAAY;CACZ,eAAe;CACf,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,gBAAgB;CAChB,QAAQ;CACR,UAAU;CACV,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,YAAY;CACZ,iBAAiB;CACjB,GAAG;AACL"}
+{"version":3,"file":"static.mjs","names":[],"sources":["../../../../src/styles/theme/token/static.ts"],"sourcesContent":["import { baseToken } from './base';\n\nexport const staticToken = {\n  borderRadiusOuter: 6,\n  colorTextLightSolid: '#fff',\n  colorWhite: '#fff',\n  controlHeightLG: 45,\n  controlHeightSM: 27,\n  controlHeightXS: 18,\n  controlInteractiveSize: 18,\n  controlOutlineWidth: 2,\n  controlPaddingHorizontal: 12,\n  controlPaddingHorizontalSM: 8,\n  fontHeight: 22,\n  fontHeightLG: 24,\n  fontHeightSM: 20,\n  fontSize: 14,\n  fontSizeHeading1: 38,\n  fontSizeHeading2: 30,\n  fontSizeHeading3: 24,\n  fontSizeHeading4: 20,\n  fontSizeHeading5: 16,\n  fontSizeIcon: 12,\n  fontSizeLG: 16,\n  fontSizeSM: 12,\n  fontSizeXL: 20,\n  fontWeightStrong: 600,\n  lineHeight: 1.5714285714285714,\n  lineHeightHeading1: 1.2105263157894737,\n  lineHeightHeading2: 1.2666666666666666,\n  lineHeightHeading3: 1.3333333333333333,\n  lineHeightHeading4: 1.4,\n  lineHeightHeading5: 1.5,\n  lineHeightLG: 1.5,\n  lineHeightSM: 1.6666666666666667,\n  lineType: 'solid',\n  lineWidth: 1,\n  lineWidthBold: 2,\n  lineWidthFocus: 3,\n  linkDecoration: 'none',\n  linkFocusDecoration: 'none',\n  linkHoverDecoration: 'none',\n  margin: 16,\n  marginLG: 24,\n  marginMD: 20,\n  marginSM: 12,\n  marginXL: 32,\n  marginXS: 8,\n  marginXXL: 48,\n  marginXXS: 4,\n  motionBase: 0,\n  motionDurationFast: '0.1s',\n  motionDurationMid: '0.2s',\n  motionDurationSlow: '0.3s',\n  motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',\n  motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n  motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',\n  motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n  motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n  motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',\n  motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',\n  motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',\n  motionSpringBouncy:\n    'linear(0, 0.024, 0.086, 0.173, 0.274, 0.38, 0.485, 0.584, 0.675, 0.756, 0.825, 0.883, 0.931, 0.968, 0.997, 1.017, 1.031, 1.04, 1.045, 1.046, 1.045, 1.042, 1.038, 1.033, 1.028, 1.023, 1.019, 1.015, 1.011, 1.008, 1.005, 1)',\n  motionSpringSmooth:\n    'linear(0, 0.036, 0.12, 0.225, 0.334, 0.438, 0.533, 0.616, 0.688, 0.748, 0.797, 0.838, 0.872, 0.898, 0.92, 0.937, 0.951, 0.962, 0.97, 0.977, 0.982, 0.986, 0.989, 0.992, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.999, 1)',\n  motionSpringSnappy:\n    'linear(0, 0.032, 0.111, 0.216, 0.33, 0.444, 0.552, 0.648, 0.731, 0.801, 0.858, 0.904, 0.939, 0.965, 0.984, 0.998, 1.006, 1.012, 1.014, 1.015, 1.015, 1.014, 1.012, 1.01, 1.009, 1.007, 1.006, 1.004, 1.003, 1.002, 1.002, 1)',\n  motionUnit: 0.1,\n  opacityImage: 1,\n  opacityLoading: 0.65,\n  padding: 16,\n  paddingContentHorizontal: 16,\n  paddingContentHorizontalLG: 24,\n  paddingContentHorizontalSM: 16,\n  paddingContentVertical: 12,\n  paddingContentVerticalLG: 16,\n  paddingContentVerticalSM: 8,\n  paddingLG: 24,\n  paddingMD: 20,\n  paddingSM: 12,\n  paddingXL: 32,\n  paddingXS: 8,\n  paddingXXS: 4,\n  pink: '#EB2F96',\n  screenLG: 992,\n  screenLGMax: 1199,\n  screenLGMin: 992,\n  screenMD: 768,\n  screenMDMax: 991,\n  screenMDMin: 768,\n  screenSM: 576,\n  screenSMMax: 767,\n  screenSMMin: 576,\n  screenXL: 1200,\n  screenXLMax: 1599,\n  screenXLMin: 1200,\n  screenXS: 480,\n  screenXSMax: 575,\n  screenXSMin: 480,\n  screenXXL: 1600,\n  screenXXLMax: 1919,\n  screenXXLMin: 1600,\n  screenXXXL: 1920,\n  screenXXXLMin: 1920,\n  size: 16,\n  sizeLG: 24,\n  sizeMD: 20,\n  sizeMS: 16,\n  sizePopupArrow: 16,\n  sizeSM: 12,\n  sizeStep: 4,\n  sizeUnit: 4,\n  sizeXL: 32,\n  sizeXS: 8,\n  sizeXXL: 48,\n  sizeXXS: 4,\n  zIndexBase: 0,\n  zIndexPopupBase: 1000,\n  ...baseToken,\n};\n"],"mappings":";;AAEA,MAAa,cAAc;CACzB,mBAAmB;CACnB,qBAAqB;CACrB,YAAY;CACZ,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,wBAAwB;CACxB,qBAAqB;CACrB,0BAA0B;CAC1B,4BAA4B;CAC5B,YAAY;CACZ,cAAc;CACd,cAAc;CACd,UAAU;CACV,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,cAAc;CACd,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,YAAY;CACZ,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,cAAc;CACd,cAAc;CACd,UAAU;CACV,WAAW;CACX,eAAe;CACf,gBAAgB;CAChB,gBAAgB;CAChB,qBAAqB;CACrB,qBAAqB;CACrB,QAAQ;CACR,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,YAAY;CACZ,oBAAoB;CACpB,mBAAmB;CACnB,oBAAoB;CACpB,kBAAkB;CAClB,iBAAiB;CACjB,qBAAqB;CACrB,mBAAmB;CACnB,eAAe;CACf,mBAAmB;CACnB,mBAAmB;CACnB,oBAAoB;CACpB,oBACE;CACF,oBACE;CACF,oBACE;CACF,YAAY;CACZ,cAAc;CACd,gBAAgB;CAChB,SAAS;CACT,0BAA0B;CAC1B,4BAA4B;CAC5B,4BAA4B;CAC5B,wBAAwB;CACxB,0BAA0B;CAC1B,0BAA0B;CAC1B,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,WAAW;CACX,cAAc;CACd,cAAc;CACd,YAAY;CACZ,eAAe;CACf,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,gBAAgB;CAChB,QAAQ;CACR,UAAU;CACV,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,YAAY;CACZ,iBAAiB;CACjB,GAAG;AACL"}