@j2-health/design-system 0.2.0 → 0.2.1

package/dist/src/AppConfigProvider.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { ConfigProvider } from "antd";
+import { IconContext } from "@phosphor-icons/react";
+import { appTheme } from "./appTheme.js";
+const AppConfigProvider = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx(ConfigProvider, { theme: appTheme, children: /* @__PURE__ */ jsx(IconContext.Provider, { value: { weight: "duotone", size: 16 }, children }) });
+};
+export {
+  AppConfigProvider
+};
+//# sourceMappingURL=AppConfigProvider.js.map

package/dist/src/AppConfigProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppConfigProvider.js","sources":["../../src/AppConfigProvider.tsx"],"sourcesContent":["import React from 'react'\nimport { ConfigProvider } from 'antd'\nimport { IconContext } from '@phosphor-icons/react'\nimport { appTheme } from './appTheme'\n\nexport const AppConfigProvider = ({\n  children,\n}: {\n  children: React.ReactNode\n}) => {\n  return (\n    <ConfigProvider theme={appTheme}>\n      <IconContext.Provider value={{ weight: 'duotone', size: 16 }}>\n        {children}\n      </IconContext.Provider>\n    </ConfigProvider>\n  )\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,oBAAoB,CAAC;AAAA,EAChC;AACF,MAEM;AACJ,6BACG,gBAAA,EAAe,OAAO,UACrB,UAAA,oBAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,QAAQ,WAAW,MAAM,MACrD,UACH,GACF;AAEJ;"}

package/dist/src/appTheme.cjs

@@ -0,0 +1,268 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const appTheme = {
+  token: {
+    // Colors
+    colorText: "var(--j2-color-text)",
+    colorTextSecondary: "var(--j2-color-text-secondary)",
+    colorTextTertiary: "var(--j2-color-text-tertiary)",
+    colorTextQuaternary: "var(--j2-color-text-quaternary)",
+    colorTextHeading: "var(--j2-color-text-heading)",
+    colorTextLabel: "var(--j2-color-text-label)",
+    colorTextDescription: "var(--j2-color-text-description)",
+    colorTextDisabled: "var(--j2-color-text-disabled)",
+    colorTextPlaceholder: "var(--j2-color-text-placeholder)",
+    colorIcon: "var(--j2-color-icon)",
+    colorIconHover: "var(--j2-color-icon-hover)",
+    colorBgLayout: "var(--j2-color-bg-layout)",
+    colorBorder: "var(--j2-color-border)",
+    colorBorderSecondary: "var(--j2-color-border-secondary)",
+    colorPrimary: "#253761",
+    // var(--j2-blue-9)
+    colorSuccess: "#57a45e",
+    // var(--j2-green-9)
+    colorWarning: "#9e6e00",
+    // var(--j2-gold-11)
+    colorInfo: "#253761",
+    // var(--j2-blue-9)
+    colorLink: "#253761",
+    // var(--j2-blue-9)
+    colorError: "#bf6c6f",
+    // var(--j2-red-9)
+    colorErrorBg: "var(--j2-color-error-bg)",
+    colorErrorBgHover: "var(--j2-color-error-bg-hover)",
+    colorErrorBorder: "var(--j2-color-error-border)",
+    colorErrorBorderHover: "var(--j2-color-error-border-hover)",
+    colorErrorHover: "var(--j2-color-error-hover)",
+    colorErrorActive: "var(--j2-color-error-active)",
+    colorErrorTextHover: "var(--j2-color-error-text-hover)",
+    colorErrorText: "var(--j2-color-error-text)",
+    colorErrorTextActive: "var(--j2-color-error-text-active)",
+    colorLinkHover: "var(--j2-color-link-hover)",
+    colorInfoBg: "var(--j2-color-info-bg)",
+    colorInfoBgHover: "var(--j2-color-info-bg-hover)",
+    colorInfoBorder: "var(--j2-color-info-border)",
+    colorInfoBorderHover: "var(--j2-color-info-border-hover)",
+    colorInfoHover: "var(--j2-color-info-hover)",
+    colorInfoActive: "var(--j2-color-info-active)",
+    colorInfoTextHover: "var(--j2-color-info-text-hover)",
+    colorInfoText: "var(--j2-color-info-text)",
+    colorInfoTextActive: "var(--j2-color-info-text-active)",
+    colorLinkActive: "var(--j2-color-link-active)",
+    colorPrimaryBg: "var(--j2-color-primary-bg)",
+    colorPrimaryBgHover: "var(--j2-color-primary-bg-hover)",
+    colorPrimaryBorder: "var(--j2-color-primary-border)",
+    colorPrimaryBorderHover: "var(--j2-color-primary-border-hover)",
+    colorPrimaryHover: "var(--j2-color-primary-hover)",
+    colorPrimaryActive: "var(--j2-color-primary-active)",
+    colorPrimaryTextHover: "var(--j2-color-primary-text-hover)",
+    colorPrimaryText: "var(--j2-color-primary-text)",
+    colorPrimaryTextActive: "var(--j2-color-primary-text-active)",
+    colorSuccessBg: "var(--j2-color-success-bg)",
+    colorSuccessBgHover: "var(--j2-color-success-bg-hover)",
+    colorSuccessBorder: "var(--j2-color-success-border)",
+    colorSuccessBorderHover: "var(--j2-color-success-border-hover)",
+    colorSuccessHover: "var(--j2-color-success-hover)",
+    colorSuccessActive: "var(--j2-color-success-active)",
+    colorSuccessTextHover: "var(--j2-color-success-text-hover)",
+    colorSuccessText: "var(--j2-color-success-text)",
+    colorSuccessTextActive: "var(--j2-color-success-text-active)",
+    colorWarningBg: "var(--j2-color-warning-bg)",
+    colorWarningBgHover: "var(--j2-color-warning-bg-hover)",
+    colorWarningBorder: "var(--j2-color-warning-border)",
+    colorWarningBorderHover: "var(--j2-color-warning-border-hover)",
+    colorWarningHover: "var(--j2-color-warning-hover)",
+    colorWarningActive: "var(--j2-color-warning-active)",
+    colorWarningTextHover: "var(--j2-color-warning-text-hover)",
+    colorWarningText: "var(--j2-color-warning-text)",
+    colorWarningTextActive: "var(--j2-color-warning-text-active)",
+    controlItemBgActive: "var(--j2-control-item-bg-active)",
+    controlItemBgActiveHover: "var(--j2-control-item-bg-active-hover)",
+    colorFill: "var(--j2-color-fill)",
+    colorFillSecondary: "var(--j2-color-fill-secondary)",
+    colorFillTertiary: "var(--j2-color-fill-tertiary)",
+    colorFillQuaternary: "var(--j2-color-fill-quaternary)",
+    colorFillContent: "var(--j2-color-fill-content)",
+    colorFillContentHover: "var(--j2-color-fill-content-hover)",
+    colorBgMask: "var(--j2-color-bg-mask)",
+    colorBgSpotlight: "var(--j2-color-bg-spotlight)",
+    colorBgContainerDisabled: "var(--j2-color-bg-container-disabled)",
+    colorBgTextActive: "var(--j2-color-bg-text-active)",
+    colorBgTextHover: "var(--j2-color-bg-text-hover)",
+    colorFillAlter: "var(--j2-color-fill-alter)",
+    colorSplit: "var(--j2-color-split)",
+    colorErrorOutline: "var(--j2-color-error-outline)",
+    colorWarningOutline: "var(--j2-color-warning-outline)",
+    controlItemBgActiveDisabled: "var(--j2-control-item-bg-active-disabled)",
+    controlItemBgHover: "var(--j2-control-item-bg-hover)",
+    controlOutline: "var(--j2-control-outline)",
+    controlTmpOutline: "var(--j2-control-tmp-outline)",
+    // Typography
+    fontFamily: "Rubik, sans-serif",
+    fontFamilyCode: "Rubik, sans-serif",
+    fontSize: 14,
+    fontSizeLG: 16,
+    fontSizeSM: 12,
+    fontSizeXL: 20,
+    fontSizeHeading1: 38,
+    fontSizeHeading2: 30,
+    fontSizeHeading3: 24,
+    fontSizeHeading4: 20,
+    fontSizeHeading5: 16,
+    lineHeight: 1.5714285714285714,
+    lineHeightHeading1: 1.2105263157894737,
+    lineHeightHeading2: 1.2666666666666666,
+    lineHeightHeading3: 1.3333333333333333,
+    lineHeightHeading4: 1.4,
+    lineHeightHeading5: 1.5,
+    lineHeightLG: 1.5,
+    lineHeightSM: 1.6666666666666667,
+    fontSizeIcon: 12,
+    fontWeightStrong: 600,
+    // Border
+    borderRadius: 8,
+    borderRadiusLG: 10,
+    borderRadiusSM: 6,
+    borderRadiusXS: 2,
+    // Spacing and sizing
+    sizeStep: 4,
+    sizeUnit: 4,
+    controlInteractiveSize: 16,
+    size: 16,
+    sizeLG: 24,
+    sizeMD: 20,
+    sizeMS: 16,
+    sizeSM: 12,
+    sizeXL: 32,
+    sizeXS: 8,
+    sizeXXL: 48,
+    controlHeight: 32,
+    sizeXXS: 4,
+    controlHeightLG: 40,
+    controlHeightSM: 24,
+    controlHeightXS: 16,
+    lineWidth: 1,
+    lineWidthBold: 2,
+    lineWidthFocus: 4,
+    controlOutlineWidth: 2,
+    screenLG: 992,
+    screenLGMax: 1199,
+    screenLGMin: 992,
+    screenMD: 768,
+    screenMDMax: 991,
+    screenMDMin: 768,
+    screenSM: 576,
+    screenSMMax: 767,
+    screenSMMin: 576,
+    screenXL: 1200,
+    screenXLMax: 1599,
+    screenXLMin: 1200,
+    screenXS: 480,
+    screenXSMax: 575,
+    screenXSMin: 480,
+    screenXXL: 1600,
+    screenXXLMin: 1600,
+    sizePopupArrow: 16,
+    margin: 16,
+    marginLG: 24,
+    marginMD: 20,
+    marginSM: 12,
+    marginXL: 32,
+    marginXS: 8,
+    marginXXL: 48,
+    marginXXS: 4,
+    padding: 16,
+    paddingLG: 24,
+    paddingMD: 20,
+    paddingSM: 12,
+    paddingXL: 32,
+    paddingXS: 8,
+    paddingXXS: 4,
+    paddingContentHorizontal: 16,
+    paddingContentHorizontalLG: 24,
+    paddingContentHorizontalSM: 16,
+    paddingContentVertical: 12,
+    paddingContentVerticalLG: 16,
+    paddingContentVerticalSM: 8,
+    controlPaddingHorizontal: 12,
+    controlPaddingHorizontalSM: 8
+  },
+  components: {
+    Alert: {
+      paddingContentHorizontalLG: 16
+      // Use standard padding instead of paddingLG when description is present
+    },
+    Breadcrumb: {
+      itemColor: "var(--j2-color-text-label)",
+      lastItemColor: "var(--j2-color-primary)",
+      linkColor: "inherit",
+      linkHoverColor: "var(--j2-color-link-hover)",
+      colorBgTextHover: "var(--j2-color-primary-bg-hover)"
+    },
+    Button: {
+      defaultColor: "var(--j2-color-primary-text)",
+      defaultBorderColor: "var(--j2-color-border)",
+      defaultHoverBorderColor: "var(--j2-color-primary-active)",
+      defaultActiveBorderColor: "var(--j2-color-primary-active)",
+      ghostBg: "#fff",
+      defaultGhostBorderColor: "var(--j2-color-primary)",
+      defaultGhostColor: "var(--j2-color-primary-text)",
+      textTextColor: "var(--j2-color-primary-text)",
+      textHoverBg: "var(--j2-gray-2)",
+      textTextHoverColor: "var(--j2-color-primary-text-hover)",
+      textTextActiveColor: "var(--j2-color-primary-text-active)"
+    },
+    Form: {
+      itemMarginBottom: 0,
+      labelHeight: "100%"
+    },
+    Input: {
+      activeBorderColor: "var(--j2-color-primary-active)"
+    },
+    InputNumber: {
+      handleVisible: true,
+      handleHoverColor: "var(--j2-color-primary-text)",
+      handleBorderColor: "var(--j2-color-border)",
+      handleBg: "var(--j2-color-bg-container-disabled)"
+    },
+    Menu: {
+      itemColor: "var(--j2-color-primary-text)",
+      itemSelectedBg: "var(--j2-color-primary)",
+      itemSelectedColor: "#fff",
+      itemMarginInline: 12
+    },
+    Progress: {
+      defaultColor: "var(--j2-color-primary)"
+    },
+    Rate: {
+      marginXS: 0
+    },
+    Radio: {
+      // Unselected outlined radio-button labels default to colorText (near-black);
+      // align them with the selected label's primary blue so the control reads as
+      // a single cohesive outlined-blue selector.
+      buttonColor: "var(--j2-color-primary)"
+    },
+    Select: {
+      multipleItemBg: "var(--j2-gray-2)",
+      multipleItemBorderColor: "var(--j2-gray-4)",
+      colorText: "var(--j2-color-primary-text)"
+    },
+    Tooltip: {
+      colorBgSpotlight: "var(--j2-color-primary-active)"
+    },
+    Table: {
+      headerBg: "var(--j2-color-bg-layout)",
+      rowHoverBg: "var(--j2-color-bg-layout)",
+      bodySortBg: "var(--j2-gray-2)",
+      headerSortHoverBg: "var(--j2-gray-3)",
+      headerSortActiveBg: "var(--j2-gray-3)",
+      fixedHeaderSortActiveBg: "var(--j2-gray-3)"
+    },
+    Tag: {
+      defaultBg: "var(--j2-color-fill-secondary)"
+    }
+  }
+};
+exports.appTheme = appTheme;
+//# sourceMappingURL=appTheme.cjs.map

package/dist/src/appTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"appTheme.cjs","sources":["../../src/appTheme.ts"],"sourcesContent":["import { ThemeConfig } from 'antd'\n\nexport const appTheme: ThemeConfig = {\n  token: {\n    // Colors\n    colorText: 'var(--j2-color-text)',\n    colorTextSecondary: 'var(--j2-color-text-secondary)',\n    colorTextTertiary: 'var(--j2-color-text-tertiary)',\n    colorTextQuaternary: 'var(--j2-color-text-quaternary)',\n    colorTextHeading: 'var(--j2-color-text-heading)',\n    colorTextLabel: 'var(--j2-color-text-label)',\n    colorTextDescription: 'var(--j2-color-text-description)',\n    colorTextDisabled: 'var(--j2-color-text-disabled)',\n    colorTextPlaceholder: 'var(--j2-color-text-placeholder)',\n    colorIcon: 'var(--j2-color-icon)',\n    colorIconHover: 'var(--j2-color-icon-hover)',\n    colorBgLayout: 'var(--j2-color-bg-layout)',\n    colorBorder: 'var(--j2-color-border)',\n    colorBorderSecondary: 'var(--j2-color-border-secondary)',\n    colorPrimary: '#253761', // var(--j2-blue-9)\n    colorSuccess: '#57a45e', // var(--j2-green-9)\n    colorWarning: '#9e6e00', // var(--j2-gold-11)\n    colorInfo: '#253761', // var(--j2-blue-9)\n    colorLink: '#253761', // var(--j2-blue-9)\n    colorError: '#bf6c6f', // var(--j2-red-9)\n    colorErrorBg: 'var(--j2-color-error-bg)',\n    colorErrorBgHover: 'var(--j2-color-error-bg-hover)',\n    colorErrorBorder: 'var(--j2-color-error-border)',\n    colorErrorBorderHover: 'var(--j2-color-error-border-hover)',\n    colorErrorHover: 'var(--j2-color-error-hover)',\n    colorErrorActive: 'var(--j2-color-error-active)',\n    colorErrorTextHover: 'var(--j2-color-error-text-hover)',\n    colorErrorText: 'var(--j2-color-error-text)',\n    colorErrorTextActive: 'var(--j2-color-error-text-active)',\n    colorLinkHover: 'var(--j2-color-link-hover)',\n    colorInfoBg: 'var(--j2-color-info-bg)',\n    colorInfoBgHover: 'var(--j2-color-info-bg-hover)',\n    colorInfoBorder: 'var(--j2-color-info-border)',\n    colorInfoBorderHover: 'var(--j2-color-info-border-hover)',\n    colorInfoHover: 'var(--j2-color-info-hover)',\n    colorInfoActive: 'var(--j2-color-info-active)',\n    colorInfoTextHover: 'var(--j2-color-info-text-hover)',\n    colorInfoText: 'var(--j2-color-info-text)',\n    colorInfoTextActive: 'var(--j2-color-info-text-active)',\n    colorLinkActive: 'var(--j2-color-link-active)',\n    colorPrimaryBg: 'var(--j2-color-primary-bg)',\n    colorPrimaryBgHover: 'var(--j2-color-primary-bg-hover)',\n    colorPrimaryBorder: 'var(--j2-color-primary-border)',\n    colorPrimaryBorderHover: 'var(--j2-color-primary-border-hover)',\n    colorPrimaryHover: 'var(--j2-color-primary-hover)',\n    colorPrimaryActive: 'var(--j2-color-primary-active)',\n    colorPrimaryTextHover: 'var(--j2-color-primary-text-hover)',\n    colorPrimaryText: 'var(--j2-color-primary-text)',\n    colorPrimaryTextActive: 'var(--j2-color-primary-text-active)',\n    colorSuccessBg: 'var(--j2-color-success-bg)',\n    colorSuccessBgHover: 'var(--j2-color-success-bg-hover)',\n    colorSuccessBorder: 'var(--j2-color-success-border)',\n    colorSuccessBorderHover: 'var(--j2-color-success-border-hover)',\n    colorSuccessHover: 'var(--j2-color-success-hover)',\n    colorSuccessActive: 'var(--j2-color-success-active)',\n    colorSuccessTextHover: 'var(--j2-color-success-text-hover)',\n    colorSuccessText: 'var(--j2-color-success-text)',\n    colorSuccessTextActive: 'var(--j2-color-success-text-active)',\n    colorWarningBg: 'var(--j2-color-warning-bg)',\n    colorWarningBgHover: 'var(--j2-color-warning-bg-hover)',\n    colorWarningBorder: 'var(--j2-color-warning-border)',\n    colorWarningBorderHover: 'var(--j2-color-warning-border-hover)',\n    colorWarningHover: 'var(--j2-color-warning-hover)',\n    colorWarningActive: 'var(--j2-color-warning-active)',\n    colorWarningTextHover: 'var(--j2-color-warning-text-hover)',\n    colorWarningText: 'var(--j2-color-warning-text)',\n    colorWarningTextActive: 'var(--j2-color-warning-text-active)',\n    controlItemBgActive: 'var(--j2-control-item-bg-active)',\n    controlItemBgActiveHover: 'var(--j2-control-item-bg-active-hover)',\n    colorFill: 'var(--j2-color-fill)',\n    colorFillSecondary: 'var(--j2-color-fill-secondary)',\n    colorFillTertiary: 'var(--j2-color-fill-tertiary)',\n    colorFillQuaternary: 'var(--j2-color-fill-quaternary)',\n    colorFillContent: 'var(--j2-color-fill-content)',\n    colorFillContentHover: 'var(--j2-color-fill-content-hover)',\n    colorBgMask: 'var(--j2-color-bg-mask)',\n    colorBgSpotlight: 'var(--j2-color-bg-spotlight)',\n    colorBgContainerDisabled: 'var(--j2-color-bg-container-disabled)',\n    colorBgTextActive: 'var(--j2-color-bg-text-active)',\n    colorBgTextHover: 'var(--j2-color-bg-text-hover)',\n    colorFillAlter: 'var(--j2-color-fill-alter)',\n    colorSplit: 'var(--j2-color-split)',\n    colorErrorOutline: 'var(--j2-color-error-outline)',\n    colorWarningOutline: 'var(--j2-color-warning-outline)',\n    controlItemBgActiveDisabled: 'var(--j2-control-item-bg-active-disabled)',\n    controlItemBgHover: 'var(--j2-control-item-bg-hover)',\n    controlOutline: 'var(--j2-control-outline)',\n    controlTmpOutline: 'var(--j2-control-tmp-outline)',\n\n    // Typography\n    fontFamily: 'Rubik, sans-serif',\n    fontFamilyCode: 'Rubik, sans-serif',\n    fontSize: 14,\n    fontSizeLG: 16,\n    fontSizeSM: 12,\n    fontSizeXL: 20,\n    fontSizeHeading1: 38,\n    fontSizeHeading2: 30,\n    fontSizeHeading3: 24,\n    fontSizeHeading4: 20,\n    fontSizeHeading5: 16,\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    fontSizeIcon: 12,\n    fontWeightStrong: 600,\n\n    // Border\n    borderRadius: 8,\n    borderRadiusLG: 10,\n    borderRadiusSM: 6,\n    borderRadiusXS: 2,\n\n    // Spacing and sizing\n    sizeStep: 4,\n    sizeUnit: 4,\n    controlInteractiveSize: 16,\n    size: 16,\n    sizeLG: 24,\n    sizeMD: 20,\n    sizeMS: 16,\n    sizeSM: 12,\n    sizeXL: 32,\n    sizeXS: 8,\n    sizeXXL: 48,\n    controlHeight: 32,\n    sizeXXS: 4,\n    controlHeightLG: 40,\n    controlHeightSM: 24,\n    controlHeightXS: 16,\n    lineWidth: 1,\n    lineWidthBold: 2,\n    lineWidthFocus: 4,\n    controlOutlineWidth: 2,\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    screenXXLMin: 1600,\n    sizePopupArrow: 16,\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    padding: 16,\n    paddingLG: 24,\n    paddingMD: 20,\n    paddingSM: 12,\n    paddingXL: 32,\n    paddingXS: 8,\n    paddingXXS: 4,\n    paddingContentHorizontal: 16,\n    paddingContentHorizontalLG: 24,\n    paddingContentHorizontalSM: 16,\n    paddingContentVertical: 12,\n    paddingContentVerticalLG: 16,\n    paddingContentVerticalSM: 8,\n    controlPaddingHorizontal: 12,\n    controlPaddingHorizontalSM: 8,\n  },\n  components: {\n    Alert: {\n      paddingContentHorizontalLG: 16, // Use standard padding instead of paddingLG when description is present\n    },\n    Breadcrumb: {\n      itemColor: 'var(--j2-color-text-label)',\n      lastItemColor: 'var(--j2-color-primary)',\n      linkColor: 'inherit',\n      linkHoverColor: 'var(--j2-color-link-hover)',\n      colorBgTextHover: 'var(--j2-color-primary-bg-hover)',\n    },\n    Button: {\n      defaultColor: 'var(--j2-color-primary-text)',\n      defaultBorderColor: 'var(--j2-color-border)',\n      defaultHoverBorderColor: 'var(--j2-color-primary-active)',\n      defaultActiveBorderColor: 'var(--j2-color-primary-active)',\n      ghostBg: '#fff',\n      defaultGhostBorderColor: 'var(--j2-color-primary)',\n      defaultGhostColor: 'var(--j2-color-primary-text)',\n      textTextColor: 'var(--j2-color-primary-text)',\n      textHoverBg: 'var(--j2-gray-2)',\n      textTextHoverColor: 'var(--j2-color-primary-text-hover)',\n      textTextActiveColor: 'var(--j2-color-primary-text-active)',\n    },\n    Form: {\n      itemMarginBottom: 0,\n      labelHeight: '100%',\n    },\n    Input: {\n      activeBorderColor: 'var(--j2-color-primary-active)',\n    },\n    InputNumber: {\n      handleVisible: true,\n      handleHoverColor: 'var(--j2-color-primary-text)',\n      handleBorderColor: 'var(--j2-color-border)',\n      handleBg: 'var(--j2-color-bg-container-disabled)',\n    },\n    Menu: {\n      itemColor: 'var(--j2-color-primary-text)',\n      itemSelectedBg: 'var(--j2-color-primary)',\n      itemSelectedColor: '#fff',\n      itemMarginInline: 12,\n    },\n    Progress: {\n      defaultColor: 'var(--j2-color-primary)',\n    },\n    Rate: {\n      marginXS: 0,\n    },\n    Radio: {\n      // Unselected outlined radio-button labels default to colorText (near-black);\n      // align them with the selected label's primary blue so the control reads as\n      // a single cohesive outlined-blue selector.\n      buttonColor: 'var(--j2-color-primary)',\n    },\n    Select: {\n      multipleItemBg: 'var(--j2-gray-2)',\n      multipleItemBorderColor: 'var(--j2-gray-4)',\n      colorText: 'var(--j2-color-primary-text)',\n    },\n    Tooltip: {\n      colorBgSpotlight: 'var(--j2-color-primary-active)',\n    },\n    Table: {\n      headerBg: 'var(--j2-color-bg-layout)',\n      rowHoverBg: 'var(--j2-color-bg-layout)',\n      bodySortBg: 'var(--j2-gray-2)',\n      headerSortHoverBg: 'var(--j2-gray-3)',\n      headerSortActiveBg: 'var(--j2-gray-3)',\n      fixedHeaderSortActiveBg: 'var(--j2-gray-3)',\n    },\n    Tag: {\n      defaultBg: 'var(--j2-color-fill-secondary)',\n    },\n  },\n}\n"],"names":[],"mappings":";;AAEO,MAAM,WAAwB;AAAA,EACnC,OAAO;AAAA;AAAA,IAEL,WAAW;AAAA,IACX,oBAAoB;AAAA,IACpB,mBAAmB;AAAA,IACnB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,aAAa;AAAA,IACb,sBAAsB;AAAA,IACtB,cAAc;AAAA;AAAA,IACd,cAAc;AAAA;AAAA,IACd,cAAc;AAAA;AAAA,IACd,WAAW;AAAA;AAAA,IACX,WAAW;AAAA;AAAA,IACX,YAAY;AAAA;AAAA,IACZ,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,kBAAkB;AAAA,IAClB,uBAAuB;AAAA,IACvB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,IAClB,wBAAwB;AAAA,IACxB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,IAClB,wBAAwB;AAAA,IACxB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,IAClB,wBAAwB;AAAA,IACxB,qBAAqB;AAAA,IACrB,0BAA0B;AAAA,IAC1B,WAAW;AAAA,IACX,oBAAoB;AAAA,IACpB,mBAAmB;AAAA,IACnB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,IAClB,uBAAuB;AAAA,IACvB,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,qBAAqB;AAAA,IACrB,6BAA6B;AAAA,IAC7B,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA;AAAA,IAGnB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,kBAAkB;AAAA;AAAA,IAGlB,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,gBAAgB;AAAA;AAAA,IAGhB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,wBAAwB;AAAA,IACxB,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA,IACf,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,UAAU;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAU;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAU;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAU;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAU;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,0BAA0B;AAAA,IAC1B,4BAA4B;AAAA,IAC5B,4BAA4B;AAAA,IAC5B,wBAAwB;AAAA,IACxB,0BAA0B;AAAA,IAC1B,0BAA0B;AAAA,IAC1B,0BAA0B;AAAA,IAC1B,4BAA4B;AAAA,EAAA;AAAA,EAE9B,YAAY;AAAA,IACV,OAAO;AAAA,MACL,4BAA4B;AAAA;AAAA,IAAA;AAAA,IAE9B,YAAY;AAAA,MACV,WAAW;AAAA,MACX,eAAe;AAAA,MACf,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,IAAA;AAAA,IAEpB,QAAQ;AAAA,MACN,cAAc;AAAA,MACd,oBAAoB;AAAA,MACpB,yBAAyB;AAAA,MACzB,0BAA0B;AAAA,MAC1B,SAAS;AAAA,MACT,yBAAyB;AAAA,MACzB,mBAAmB;AAAA,MACnB,eAAe;AAAA,MACf,aAAa;AAAA,MACb,oBAAoB;AAAA,MACpB,qBAAqB;AAAA,IAAA;AAAA,IAEvB,MAAM;AAAA,MACJ,kBAAkB;AAAA,MAClB,aAAa;AAAA,IAAA;AAAA,IAEf,OAAO;AAAA,MACL,mBAAmB;AAAA,IAAA;AAAA,IAErB,aAAa;AAAA,MACX,eAAe;AAAA,MACf,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,IAEZ,MAAM;AAAA,MACJ,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,IAAA;AAAA,IAEpB,UAAU;AAAA,MACR,cAAc;AAAA,IAAA;AAAA,IAEhB,MAAM;AAAA,MACJ,UAAU;AAAA,IAAA;AAAA,IAEZ,OAAO;AAAA;AAAA;AAAA;AAAA,MAIL,aAAa;AAAA,IAAA;AAAA,IAEf,QAAQ;AAAA,MACN,gBAAgB;AAAA,MAChB,yBAAyB;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,IAEpB,OAAO;AAAA,MACL,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,yBAAyB;AAAA,IAAA;AAAA,IAE3B,KAAK;AAAA,MACH,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ;;"}

package/dist/src/appTheme.js

@@ -0,0 +1,268 @@
+const appTheme = {
+  token: {
+    // Colors
+    colorText: "var(--j2-color-text)",
+    colorTextSecondary: "var(--j2-color-text-secondary)",
+    colorTextTertiary: "var(--j2-color-text-tertiary)",
+    colorTextQuaternary: "var(--j2-color-text-quaternary)",
+    colorTextHeading: "var(--j2-color-text-heading)",
+    colorTextLabel: "var(--j2-color-text-label)",
+    colorTextDescription: "var(--j2-color-text-description)",
+    colorTextDisabled: "var(--j2-color-text-disabled)",
+    colorTextPlaceholder: "var(--j2-color-text-placeholder)",
+    colorIcon: "var(--j2-color-icon)",
+    colorIconHover: "var(--j2-color-icon-hover)",
+    colorBgLayout: "var(--j2-color-bg-layout)",
+    colorBorder: "var(--j2-color-border)",
+    colorBorderSecondary: "var(--j2-color-border-secondary)",
+    colorPrimary: "#253761",
+    // var(--j2-blue-9)
+    colorSuccess: "#57a45e",
+    // var(--j2-green-9)
+    colorWarning: "#9e6e00",
+    // var(--j2-gold-11)
+    colorInfo: "#253761",
+    // var(--j2-blue-9)
+    colorLink: "#253761",
+    // var(--j2-blue-9)
+    colorError: "#bf6c6f",
+    // var(--j2-red-9)
+    colorErrorBg: "var(--j2-color-error-bg)",
+    colorErrorBgHover: "var(--j2-color-error-bg-hover)",
+    colorErrorBorder: "var(--j2-color-error-border)",
+    colorErrorBorderHover: "var(--j2-color-error-border-hover)",
+    colorErrorHover: "var(--j2-color-error-hover)",
+    colorErrorActive: "var(--j2-color-error-active)",
+    colorErrorTextHover: "var(--j2-color-error-text-hover)",
+    colorErrorText: "var(--j2-color-error-text)",
+    colorErrorTextActive: "var(--j2-color-error-text-active)",
+    colorLinkHover: "var(--j2-color-link-hover)",
+    colorInfoBg: "var(--j2-color-info-bg)",
+    colorInfoBgHover: "var(--j2-color-info-bg-hover)",
+    colorInfoBorder: "var(--j2-color-info-border)",
+    colorInfoBorderHover: "var(--j2-color-info-border-hover)",
+    colorInfoHover: "var(--j2-color-info-hover)",
+    colorInfoActive: "var(--j2-color-info-active)",
+    colorInfoTextHover: "var(--j2-color-info-text-hover)",
+    colorInfoText: "var(--j2-color-info-text)",
+    colorInfoTextActive: "var(--j2-color-info-text-active)",
+    colorLinkActive: "var(--j2-color-link-active)",
+    colorPrimaryBg: "var(--j2-color-primary-bg)",
+    colorPrimaryBgHover: "var(--j2-color-primary-bg-hover)",
+    colorPrimaryBorder: "var(--j2-color-primary-border)",
+    colorPrimaryBorderHover: "var(--j2-color-primary-border-hover)",
+    colorPrimaryHover: "var(--j2-color-primary-hover)",
+    colorPrimaryActive: "var(--j2-color-primary-active)",
+    colorPrimaryTextHover: "var(--j2-color-primary-text-hover)",
+    colorPrimaryText: "var(--j2-color-primary-text)",
+    colorPrimaryTextActive: "var(--j2-color-primary-text-active)",
+    colorSuccessBg: "var(--j2-color-success-bg)",
+    colorSuccessBgHover: "var(--j2-color-success-bg-hover)",
+    colorSuccessBorder: "var(--j2-color-success-border)",
+    colorSuccessBorderHover: "var(--j2-color-success-border-hover)",
+    colorSuccessHover: "var(--j2-color-success-hover)",
+    colorSuccessActive: "var(--j2-color-success-active)",
+    colorSuccessTextHover: "var(--j2-color-success-text-hover)",
+    colorSuccessText: "var(--j2-color-success-text)",
+    colorSuccessTextActive: "var(--j2-color-success-text-active)",
+    colorWarningBg: "var(--j2-color-warning-bg)",
+    colorWarningBgHover: "var(--j2-color-warning-bg-hover)",
+    colorWarningBorder: "var(--j2-color-warning-border)",
+    colorWarningBorderHover: "var(--j2-color-warning-border-hover)",
+    colorWarningHover: "var(--j2-color-warning-hover)",
+    colorWarningActive: "var(--j2-color-warning-active)",
+    colorWarningTextHover: "var(--j2-color-warning-text-hover)",
+    colorWarningText: "var(--j2-color-warning-text)",
+    colorWarningTextActive: "var(--j2-color-warning-text-active)",
+    controlItemBgActive: "var(--j2-control-item-bg-active)",
+    controlItemBgActiveHover: "var(--j2-control-item-bg-active-hover)",
+    colorFill: "var(--j2-color-fill)",
+    colorFillSecondary: "var(--j2-color-fill-secondary)",
+    colorFillTertiary: "var(--j2-color-fill-tertiary)",
+    colorFillQuaternary: "var(--j2-color-fill-quaternary)",
+    colorFillContent: "var(--j2-color-fill-content)",
+    colorFillContentHover: "var(--j2-color-fill-content-hover)",
+    colorBgMask: "var(--j2-color-bg-mask)",
+    colorBgSpotlight: "var(--j2-color-bg-spotlight)",
+    colorBgContainerDisabled: "var(--j2-color-bg-container-disabled)",
+    colorBgTextActive: "var(--j2-color-bg-text-active)",
+    colorBgTextHover: "var(--j2-color-bg-text-hover)",
+    colorFillAlter: "var(--j2-color-fill-alter)",
+    colorSplit: "var(--j2-color-split)",
+    colorErrorOutline: "var(--j2-color-error-outline)",
+    colorWarningOutline: "var(--j2-color-warning-outline)",
+    controlItemBgActiveDisabled: "var(--j2-control-item-bg-active-disabled)",
+    controlItemBgHover: "var(--j2-control-item-bg-hover)",
+    controlOutline: "var(--j2-control-outline)",
+    controlTmpOutline: "var(--j2-control-tmp-outline)",
+    // Typography
+    fontFamily: "Rubik, sans-serif",
+    fontFamilyCode: "Rubik, sans-serif",
+    fontSize: 14,
+    fontSizeLG: 16,
+    fontSizeSM: 12,
+    fontSizeXL: 20,
+    fontSizeHeading1: 38,
+    fontSizeHeading2: 30,
+    fontSizeHeading3: 24,
+    fontSizeHeading4: 20,
+    fontSizeHeading5: 16,
+    lineHeight: 1.5714285714285714,
+    lineHeightHeading1: 1.2105263157894737,
+    lineHeightHeading2: 1.2666666666666666,
+    lineHeightHeading3: 1.3333333333333333,
+    lineHeightHeading4: 1.4,
+    lineHeightHeading5: 1.5,
+    lineHeightLG: 1.5,
+    lineHeightSM: 1.6666666666666667,
+    fontSizeIcon: 12,
+    fontWeightStrong: 600,
+    // Border
+    borderRadius: 8,
+    borderRadiusLG: 10,
+    borderRadiusSM: 6,
+    borderRadiusXS: 2,
+    // Spacing and sizing
+    sizeStep: 4,
+    sizeUnit: 4,
+    controlInteractiveSize: 16,
+    size: 16,
+    sizeLG: 24,
+    sizeMD: 20,
+    sizeMS: 16,
+    sizeSM: 12,
+    sizeXL: 32,
+    sizeXS: 8,
+    sizeXXL: 48,
+    controlHeight: 32,
+    sizeXXS: 4,
+    controlHeightLG: 40,
+    controlHeightSM: 24,
+    controlHeightXS: 16,
+    lineWidth: 1,
+    lineWidthBold: 2,
+    lineWidthFocus: 4,
+    controlOutlineWidth: 2,
+    screenLG: 992,
+    screenLGMax: 1199,
+    screenLGMin: 992,
+    screenMD: 768,
+    screenMDMax: 991,
+    screenMDMin: 768,
+    screenSM: 576,
+    screenSMMax: 767,
+    screenSMMin: 576,
+    screenXL: 1200,
+    screenXLMax: 1599,
+    screenXLMin: 1200,
+    screenXS: 480,
+    screenXSMax: 575,
+    screenXSMin: 480,
+    screenXXL: 1600,
+    screenXXLMin: 1600,
+    sizePopupArrow: 16,
+    margin: 16,
+    marginLG: 24,
+    marginMD: 20,
+    marginSM: 12,
+    marginXL: 32,
+    marginXS: 8,
+    marginXXL: 48,
+    marginXXS: 4,
+    padding: 16,
+    paddingLG: 24,
+    paddingMD: 20,
+    paddingSM: 12,
+    paddingXL: 32,
+    paddingXS: 8,
+    paddingXXS: 4,
+    paddingContentHorizontal: 16,
+    paddingContentHorizontalLG: 24,
+    paddingContentHorizontalSM: 16,
+    paddingContentVertical: 12,
+    paddingContentVerticalLG: 16,
+    paddingContentVerticalSM: 8,
+    controlPaddingHorizontal: 12,
+    controlPaddingHorizontalSM: 8
+  },
+  components: {
+    Alert: {
+      paddingContentHorizontalLG: 16
+      // Use standard padding instead of paddingLG when description is present
+    },
+    Breadcrumb: {
+      itemColor: "var(--j2-color-text-label)",
+      lastItemColor: "var(--j2-color-primary)",
+      linkColor: "inherit",
+      linkHoverColor: "var(--j2-color-link-hover)",
+      colorBgTextHover: "var(--j2-color-primary-bg-hover)"
+    },
+    Button: {
+      defaultColor: "var(--j2-color-primary-text)",
+      defaultBorderColor: "var(--j2-color-border)",
+      defaultHoverBorderColor: "var(--j2-color-primary-active)",
+      defaultActiveBorderColor: "var(--j2-color-primary-active)",
+      ghostBg: "#fff",
+      defaultGhostBorderColor: "var(--j2-color-primary)",
+      defaultGhostColor: "var(--j2-color-primary-text)",
+      textTextColor: "var(--j2-color-primary-text)",
+      textHoverBg: "var(--j2-gray-2)",
+      textTextHoverColor: "var(--j2-color-primary-text-hover)",
+      textTextActiveColor: "var(--j2-color-primary-text-active)"
+    },
+    Form: {
+      itemMarginBottom: 0,
+      labelHeight: "100%"
+    },
+    Input: {
+      activeBorderColor: "var(--j2-color-primary-active)"
+    },
+    InputNumber: {
+      handleVisible: true,
+      handleHoverColor: "var(--j2-color-primary-text)",
+      handleBorderColor: "var(--j2-color-border)",
+      handleBg: "var(--j2-color-bg-container-disabled)"
+    },
+    Menu: {
+      itemColor: "var(--j2-color-primary-text)",
+      itemSelectedBg: "var(--j2-color-primary)",
+      itemSelectedColor: "#fff",
+      itemMarginInline: 12
+    },
+    Progress: {
+      defaultColor: "var(--j2-color-primary)"
+    },
+    Rate: {
+      marginXS: 0
+    },
+    Radio: {
+      // Unselected outlined radio-button labels default to colorText (near-black);
+      // align them with the selected label's primary blue so the control reads as
+      // a single cohesive outlined-blue selector.
+      buttonColor: "var(--j2-color-primary)"
+    },
+    Select: {
+      multipleItemBg: "var(--j2-gray-2)",
+      multipleItemBorderColor: "var(--j2-gray-4)",
+      colorText: "var(--j2-color-primary-text)"
+    },
+    Tooltip: {
+      colorBgSpotlight: "var(--j2-color-primary-active)"
+    },
+    Table: {
+      headerBg: "var(--j2-color-bg-layout)",
+      rowHoverBg: "var(--j2-color-bg-layout)",
+      bodySortBg: "var(--j2-gray-2)",
+      headerSortHoverBg: "var(--j2-gray-3)",
+      headerSortActiveBg: "var(--j2-gray-3)",
+      fixedHeaderSortActiveBg: "var(--j2-gray-3)"
+    },
+    Tag: {
+      defaultBg: "var(--j2-color-fill-secondary)"
+    }
+  }
+};
+export {
+  appTheme
+};
+//# sourceMappingURL=appTheme.js.map

package/dist/src/appTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appTheme.js","sources":["../../src/appTheme.ts"],"sourcesContent":["import { ThemeConfig } from 'antd'\n\nexport const appTheme: ThemeConfig = {\n  token: {\n    // Colors\n    colorText: 'var(--j2-color-text)',\n    colorTextSecondary: 'var(--j2-color-text-secondary)',\n    colorTextTertiary: 'var(--j2-color-text-tertiary)',\n    colorTextQuaternary: 'var(--j2-color-text-quaternary)',\n    colorTextHeading: 'var(--j2-color-text-heading)',\n    colorTextLabel: 'var(--j2-color-text-label)',\n    colorTextDescription: 'var(--j2-color-text-description)',\n    colorTextDisabled: 'var(--j2-color-text-disabled)',\n    colorTextPlaceholder: 'var(--j2-color-text-placeholder)',\n    colorIcon: 'var(--j2-color-icon)',\n    colorIconHover: 'var(--j2-color-icon-hover)',\n    colorBgLayout: 'var(--j2-color-bg-layout)',\n    colorBorder: 'var(--j2-color-border)',\n    colorBorderSecondary: 'var(--j2-color-border-secondary)',\n    colorPrimary: '#253761', // var(--j2-blue-9)\n    colorSuccess: '#57a45e', // var(--j2-green-9)\n    colorWarning: '#9e6e00', // var(--j2-gold-11)\n    colorInfo: '#253761', // var(--j2-blue-9)\n    colorLink: '#253761', // var(--j2-blue-9)\n    colorError: '#bf6c6f', // var(--j2-red-9)\n    colorErrorBg: 'var(--j2-color-error-bg)',\n    colorErrorBgHover: 'var(--j2-color-error-bg-hover)',\n    colorErrorBorder: 'var(--j2-color-error-border)',\n    colorErrorBorderHover: 'var(--j2-color-error-border-hover)',\n    colorErrorHover: 'var(--j2-color-error-hover)',\n    colorErrorActive: 'var(--j2-color-error-active)',\n    colorErrorTextHover: 'var(--j2-color-error-text-hover)',\n    colorErrorText: 'var(--j2-color-error-text)',\n    colorErrorTextActive: 'var(--j2-color-error-text-active)',\n    colorLinkHover: 'var(--j2-color-link-hover)',\n    colorInfoBg: 'var(--j2-color-info-bg)',\n    colorInfoBgHover: 'var(--j2-color-info-bg-hover)',\n    colorInfoBorder: 'var(--j2-color-info-border)',\n    colorInfoBorderHover: 'var(--j2-color-info-border-hover)',\n    colorInfoHover: 'var(--j2-color-info-hover)',\n    colorInfoActive: 'var(--j2-color-info-active)',\n    colorInfoTextHover: 'var(--j2-color-info-text-hover)',\n    colorInfoText: 'var(--j2-color-info-text)',\n    colorInfoTextActive: 'var(--j2-color-info-text-active)',\n    colorLinkActive: 'var(--j2-color-link-active)',\n    colorPrimaryBg: 'var(--j2-color-primary-bg)',\n    colorPrimaryBgHover: 'var(--j2-color-primary-bg-hover)',\n    colorPrimaryBorder: 'var(--j2-color-primary-border)',\n    colorPrimaryBorderHover: 'var(--j2-color-primary-border-hover)',\n    colorPrimaryHover: 'var(--j2-color-primary-hover)',\n    colorPrimaryActive: 'var(--j2-color-primary-active)',\n    colorPrimaryTextHover: 'var(--j2-color-primary-text-hover)',\n    colorPrimaryText: 'var(--j2-color-primary-text)',\n    colorPrimaryTextActive: 'var(--j2-color-primary-text-active)',\n    colorSuccessBg: 'var(--j2-color-success-bg)',\n    colorSuccessBgHover: 'var(--j2-color-success-bg-hover)',\n    colorSuccessBorder: 'var(--j2-color-success-border)',\n    colorSuccessBorderHover: 'var(--j2-color-success-border-hover)',\n    colorSuccessHover: 'var(--j2-color-success-hover)',\n    colorSuccessActive: 'var(--j2-color-success-active)',\n    colorSuccessTextHover: 'var(--j2-color-success-text-hover)',\n    colorSuccessText: 'var(--j2-color-success-text)',\n    colorSuccessTextActive: 'var(--j2-color-success-text-active)',\n    colorWarningBg: 'var(--j2-color-warning-bg)',\n    colorWarningBgHover: 'var(--j2-color-warning-bg-hover)',\n    colorWarningBorder: 'var(--j2-color-warning-border)',\n    colorWarningBorderHover: 'var(--j2-color-warning-border-hover)',\n    colorWarningHover: 'var(--j2-color-warning-hover)',\n    colorWarningActive: 'var(--j2-color-warning-active)',\n    colorWarningTextHover: 'var(--j2-color-warning-text-hover)',\n    colorWarningText: 'var(--j2-color-warning-text)',\n    colorWarningTextActive: 'var(--j2-color-warning-text-active)',\n    controlItemBgActive: 'var(--j2-control-item-bg-active)',\n    controlItemBgActiveHover: 'var(--j2-control-item-bg-active-hover)',\n    colorFill: 'var(--j2-color-fill)',\n    colorFillSecondary: 'var(--j2-color-fill-secondary)',\n    colorFillTertiary: 'var(--j2-color-fill-tertiary)',\n    colorFillQuaternary: 'var(--j2-color-fill-quaternary)',\n    colorFillContent: 'var(--j2-color-fill-content)',\n    colorFillContentHover: 'var(--j2-color-fill-content-hover)',\n    colorBgMask: 'var(--j2-color-bg-mask)',\n    colorBgSpotlight: 'var(--j2-color-bg-spotlight)',\n    colorBgContainerDisabled: 'var(--j2-color-bg-container-disabled)',\n    colorBgTextActive: 'var(--j2-color-bg-text-active)',\n    colorBgTextHover: 'var(--j2-color-bg-text-hover)',\n    colorFillAlter: 'var(--j2-color-fill-alter)',\n    colorSplit: 'var(--j2-color-split)',\n    colorErrorOutline: 'var(--j2-color-error-outline)',\n    colorWarningOutline: 'var(--j2-color-warning-outline)',\n    controlItemBgActiveDisabled: 'var(--j2-control-item-bg-active-disabled)',\n    controlItemBgHover: 'var(--j2-control-item-bg-hover)',\n    controlOutline: 'var(--j2-control-outline)',\n    controlTmpOutline: 'var(--j2-control-tmp-outline)',\n\n    // Typography\n    fontFamily: 'Rubik, sans-serif',\n    fontFamilyCode: 'Rubik, sans-serif',\n    fontSize: 14,\n    fontSizeLG: 16,\n    fontSizeSM: 12,\n    fontSizeXL: 20,\n    fontSizeHeading1: 38,\n    fontSizeHeading2: 30,\n    fontSizeHeading3: 24,\n    fontSizeHeading4: 20,\n    fontSizeHeading5: 16,\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    fontSizeIcon: 12,\n    fontWeightStrong: 600,\n\n    // Border\n    borderRadius: 8,\n    borderRadiusLG: 10,\n    borderRadiusSM: 6,\n    borderRadiusXS: 2,\n\n    // Spacing and sizing\n    sizeStep: 4,\n    sizeUnit: 4,\n    controlInteractiveSize: 16,\n    size: 16,\n    sizeLG: 24,\n    sizeMD: 20,\n    sizeMS: 16,\n    sizeSM: 12,\n    sizeXL: 32,\n    sizeXS: 8,\n    sizeXXL: 48,\n    controlHeight: 32,\n    sizeXXS: 4,\n    controlHeightLG: 40,\n    controlHeightSM: 24,\n    controlHeightXS: 16,\n    lineWidth: 1,\n    lineWidthBold: 2,\n    lineWidthFocus: 4,\n    controlOutlineWidth: 2,\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    screenXXLMin: 1600,\n    sizePopupArrow: 16,\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    padding: 16,\n    paddingLG: 24,\n    paddingMD: 20,\n    paddingSM: 12,\n    paddingXL: 32,\n    paddingXS: 8,\n    paddingXXS: 4,\n    paddingContentHorizontal: 16,\n    paddingContentHorizontalLG: 24,\n    paddingContentHorizontalSM: 16,\n    paddingContentVertical: 12,\n    paddingContentVerticalLG: 16,\n    paddingContentVerticalSM: 8,\n    controlPaddingHorizontal: 12,\n    controlPaddingHorizontalSM: 8,\n  },\n  components: {\n    Alert: {\n      paddingContentHorizontalLG: 16, // Use standard padding instead of paddingLG when description is present\n    },\n    Breadcrumb: {\n      itemColor: 'var(--j2-color-text-label)',\n      lastItemColor: 'var(--j2-color-primary)',\n      linkColor: 'inherit',\n      linkHoverColor: 'var(--j2-color-link-hover)',\n      colorBgTextHover: 'var(--j2-color-primary-bg-hover)',\n    },\n    Button: {\n      defaultColor: 'var(--j2-color-primary-text)',\n      defaultBorderColor: 'var(--j2-color-border)',\n      defaultHoverBorderColor: 'var(--j2-color-primary-active)',\n      defaultActiveBorderColor: 'var(--j2-color-primary-active)',\n      ghostBg: '#fff',\n      defaultGhostBorderColor: 'var(--j2-color-primary)',\n      defaultGhostColor: 'var(--j2-color-primary-text)',\n      textTextColor: 'var(--j2-color-primary-text)',\n      textHoverBg: 'var(--j2-gray-2)',\n      textTextHoverColor: 'var(--j2-color-primary-text-hover)',\n      textTextActiveColor: 'var(--j2-color-primary-text-active)',\n    },\n    Form: {\n      itemMarginBottom: 0,\n      labelHeight: '100%',\n    },\n    Input: {\n      activeBorderColor: 'var(--j2-color-primary-active)',\n    },\n    InputNumber: {\n      handleVisible: true,\n      handleHoverColor: 'var(--j2-color-primary-text)',\n      handleBorderColor: 'var(--j2-color-border)',\n      handleBg: 'var(--j2-color-bg-container-disabled)',\n    },\n    Menu: {\n      itemColor: 'var(--j2-color-primary-text)',\n      itemSelectedBg: 'var(--j2-color-primary)',\n      itemSelectedColor: '#fff',\n      itemMarginInline: 12,\n    },\n    Progress: {\n      defaultColor: 'var(--j2-color-primary)',\n    },\n    Rate: {\n      marginXS: 0,\n    },\n    Radio: {\n      // Unselected outlined radio-button labels default to colorText (near-black);\n      // align them with the selected label's primary blue so the control reads as\n      // a single cohesive outlined-blue selector.\n      buttonColor: 'var(--j2-color-primary)',\n    },\n    Select: {\n      multipleItemBg: 'var(--j2-gray-2)',\n      multipleItemBorderColor: 'var(--j2-gray-4)',\n      colorText: 'var(--j2-color-primary-text)',\n    },\n    Tooltip: {\n      colorBgSpotlight: 'var(--j2-color-primary-active)',\n    },\n    Table: {\n      headerBg: 'var(--j2-color-bg-layout)',\n      rowHoverBg: 'var(--j2-color-bg-layout)',\n      bodySortBg: 'var(--j2-gray-2)',\n      headerSortHoverBg: 'var(--j2-gray-3)',\n      headerSortActiveBg: 'var(--j2-gray-3)',\n      fixedHeaderSortActiveBg: 'var(--j2-gray-3)',\n    },\n    Tag: {\n      defaultBg: 'var(--j2-color-fill-secondary)',\n    },\n  },\n}\n"],"names":[],"mappings":"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"}