@capillarytech/blaze-ui 1.2.8-beta.1 → 1.2.8-beta.2

package/dist/utils/getCapThemeConfig.d.ts

@@ -0,0 +1,23 @@
+import { ThemeConfig } from 'antd-v5';
+/**
+ * Get Capillary theme configuration for Ant Design v5+
+ * This function maps Capillary design tokens to Ant Design tokens,
+ * eliminating the need for SCSS overrides.
+ *
+ * @param options - Optional theme configuration overrides
+ * @returns Ant Design ThemeConfig object
+ *
+ * @example
+ * ```tsx
+ * import { ConfigProvider } from 'antd-v5';
+ * import { getCapThemeConfig } from '@capillarytech/blaze-ui/utils';
+ *
+ * const App = () => (
+ *   <ConfigProvider theme={getCapThemeConfig()}>
+ *     <YourApp />
+ *   </ConfigProvider>
+ * );
+ * ```
+ */
+export declare function getCapThemeConfig(options?: Partial<ThemeConfig>): ThemeConfig;
+//# sourceMappingURL=getCapThemeConfig.d.ts.map

package/dist/utils/getCapThemeConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCapThemeConfig.d.ts","sourceRoot":"","sources":["../../components/utils/getCapThemeConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAwCtC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAwP7E"}

package/dist/utils/index.d.ts

@@ -2,6 +2,7 @@ import type { FontConfig } from './fonts';
 import './styles';
 export * from './fonts';
 export type { FontConfig } from './fonts';
+export { getCapThemeConfig } from './getCapThemeConfig';
 /**
  * Configuration for Blaze UI initialization
  */

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/utils/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,UAAU,CAAC;AAElB,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,WAAW,GAAI,SAAQ,aAAkB,KAAG,IAWxD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/utils/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,UAAU,CAAC;AAElB,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,WAAW,GAAI,SAAQ,aAAkB,KAAG,IAWxD,CAAC"}

package/dist/utils/index.js

@@ -238,6 +238,321 @@ module.exports = function (item) {
 
 /***/ }),
 
+/***/ 1563:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+
+exports.__esModule = true;
+exports.getCapThemeConfig = getCapThemeConfig;
+var styledVars = _interopRequireWildcard(__webpack_require__(9941));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * Converts rem values to pixels (number).
+ * Base font size is 14px, so 1rem = 14px.
+ *
+ * @param remValue - Rem value as string (e.g., '1rem', '0.857rem') or number
+ * @returns Number in pixels
+ *
+ * @example
+ * remToPx('1rem') // returns 14
+ * remToPx('0.857rem') // returns 12
+ * remToPx(14) // returns 14 (if already a number)
+ */
+function remToPx(remValue, fallback) {
+  if (fallback === void 0) {
+    fallback = '1rem';
+  }
+  if (typeof remValue === 'number') {
+    return remValue;
+  }
+  const value = remValue || fallback;
+  const remMatch = typeof value === 'string' ? value.match(/^([\d.]+)rem$/) : null;
+  if (remMatch) {
+    const rem = parseFloat(remMatch[1]);
+    return rem * 14; // Base font size is 14px
+  }
+
+  // If it's already a number string, parse it
+  const numMatch = typeof value === 'string' ? value.match(/^([\d.]+)$/) : null;
+  if (numMatch) {
+    return parseFloat(numMatch[1]);
+  }
+
+  // Default fallback: parse the fallback value
+  const fallbackMatch = fallback.match(/^([\d.]+)rem$/);
+  return fallbackMatch ? parseFloat(fallbackMatch[1]) * 14 : 14;
+}
+
+/**
+ * Get Capillary theme configuration for Ant Design v5+
+ * This function maps Capillary design tokens to Ant Design tokens,
+ * eliminating the need for SCSS overrides.
+ *
+ * @param options - Optional theme configuration overrides
+ * @returns Ant Design ThemeConfig object
+ *
+ * @example
+ * ```tsx
+ * import { ConfigProvider } from 'antd-v5';
+ * import { getCapThemeConfig } from '@capillarytech/blaze-ui/utils';
+ *
+ * const App = () => (
+ *   <ConfigProvider theme={getCapThemeConfig()}>
+ *     <YourApp />
+ *   </ConfigProvider>
+ * );
+ * ```
+ */
+function getCapThemeConfig(options) {
+  var _styledVars$CAP_PRIMA, _styledVars$CAP_PRIMA2, _styledVars$CAP_PRIMA3, _styledVars$CAP_PRIMA4, _styledVars$CAP_PRIMA5, _styledVars$CAP_PRIMA6, _styledVars$CAP_PRIMA7, _styledVars$CAP_PRIMA8, _styledVars$CAP_PRIMA9, _styledVars$CAP_PRIMA0, _styledVars$CAP_PRIMA1, _styledVars$CAP_PRIMA10, _styledVars$CAP_PRIMA11;
+  const baseTheme = {
+    token: {
+      // Primary colors
+      colorPrimary: ((_styledVars$CAP_PRIMA = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA.base) || '#47af46',
+      colorPrimaryHover: ((_styledVars$CAP_PRIMA2 = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA2.hover) || '#1f9a1d',
+      colorPrimaryActive: ((_styledVars$CAP_PRIMA3 = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA3.hover) || '#1f9a1d',
+      // Success colors
+      colorSuccess: styledVars.CAP_COLOR_06 || '#42B040',
+      colorSuccessBg: styledVars.CAP_COLOR_01 || '#dbefda',
+      // Alert success background
+      colorSuccessBgHover: styledVars.CAP_COLOR_14 || '#9BC79A',
+      colorSuccessBorder: styledVars.CAP_COLOR_06 || '#42B040',
+      // Warning colors
+      colorWarning: styledVars.CAP_COLOR_10 || '#f79600',
+      colorWarningBg: styledVars.CAP_COLOR_02 || '#fee5d3',
+      // Alert warning background
+      colorWarningBgHover: styledVars.CAP_COLOR_15 || '#F6BA8E',
+      colorWarningBorder: styledVars.CAP_COLOR_10 || '#f79600',
+      // Error colors
+      colorError: styledVars.CAP_COLOR_03 || '#e83135',
+      colorErrorBg: styledVars.CAP_COLOR_05 || '#fbd3d8',
+      // Alert error background
+      colorErrorBgHover: '#f5a5ab',
+      colorErrorBorder: styledVars.CAP_COLOR_03 || '#e83135',
+      // Info colors
+      colorInfo: styledVars.CAP_COLOR_11 || '#2388de',
+      colorInfoBg: styledVars.CAP_COLOR_04 || '#fff4d6',
+      // Alert info background
+      colorInfoBgHover: styledVars.CAP_COLOR_26 || '#FFE9AD',
+      colorInfoBorder: styledVars.CAP_COLOR_11 || '#2388de',
+      // Text colors
+      colorText: styledVars.FONT_COLOR_01 || '#091e42',
+      colorTextSecondary: styledVars.FONT_COLOR_02 || '#5e6c84',
+      colorTextTertiary: styledVars.FONT_COLOR_03 || '#97a0af',
+      colorTextQuaternary: styledVars.FONT_COLOR_04 || '#b3bac5',
+      // Background colors
+      colorBgContainer: styledVars.CAP_WHITE || '#ffffff',
+      colorBgElevated: styledVars.CAP_G10 || '#fafbfc',
+      colorBgLayout: styledVars.CAP_G09 || '#f4f5f7',
+      colorBgSpotlight: styledVars.CAP_G08 || '#ebecf0',
+      // Border colors
+      colorBorder: styledVars.CAP_G07 || '#dfe2e7',
+      colorBorderSecondary: styledVars.CAP_G08 || '#ebecf0',
+      // Font
+      fontFamily: styledVars.FONT_FAMILY || '"Roboto", sans-serif',
+      fontSize: remToPx(styledVars.FONT_SIZE_M, '1rem'),
+      // 14px
+      fontSizeSM: remToPx(styledVars.FONT_SIZE_S, '0.857rem'),
+      // 12px
+      fontSizeLG: remToPx(styledVars.FONT_SIZE_L, '1.143rem'),
+      // 16px
+      fontSizeXL: remToPx(styledVars.FONT_SIZE_VL, '1.714rem'),
+      // 24px
+
+      // Border radius
+      borderRadius: remToPx(styledVars.RADIUS_08, '0.571rem'),
+      // 8px
+      borderRadiusSM: remToPx(styledVars.RADIUS_04, '0.286rem'),
+      // 4px
+      borderRadiusLG: remToPx(styledVars.RADIUS_08, '0.571rem'),
+      // 8px
+
+      // Spacing
+      padding: remToPx(styledVars.SPACING_12, '0.857rem'),
+      // 12px
+      paddingSM: remToPx(styledVars.SPACING_08, '0.571rem'),
+      // 8px
+      paddingLG: remToPx(styledVars.SPACING_16, '1.143rem'),
+      // 16px
+      paddingXL: remToPx(styledVars.SPACING_24, '1.714rem'),
+      // 24px
+
+      // Line height
+      lineHeight: styledVars.NORMAL_LINE_HEIGHT === 'normal' ? 1.5 : remToPx(styledVars.NORMAL_LINE_HEIGHT, '1.5')
+    },
+    components: {
+      // Alert component tokens
+      Alert: {
+        fontSize: remToPx(styledVars.FONT_SIZE_S, '0.857rem'),
+        // 12px
+        borderRadius: 0,
+        // No border radius as per current design
+        // Success alert
+        colorSuccess: styledVars.CAP_COLOR_06 || '#42B040',
+        colorSuccessBg: styledVars.CAP_COLOR_01 || '#dbefda',
+        colorSuccessBorder: 'transparent',
+        // Info alert
+        colorInfo: styledVars.CAP_COLOR_11 || '#2388de',
+        colorInfoBg: styledVars.CAP_COLOR_04 || '#fff4d6',
+        colorInfoBorder: 'transparent',
+        // Warning alert
+        colorWarning: styledVars.CAP_COLOR_10 || '#f79600',
+        colorWarningBg: styledVars.CAP_COLOR_02 || '#fee5d3',
+        colorWarningBorder: 'transparent',
+        // Error alert
+        colorError: styledVars.CAP_COLOR_03 || '#e83135',
+        colorErrorBg: styledVars.CAP_COLOR_05 || '#fbd3d8',
+        colorErrorBorder: 'transparent'
+      },
+      // Button component tokens
+      Button: {
+        fontWeight: 500,
+        // Medium weight
+        fontSize: remToPx(styledVars.FONT_SIZE_M, '1rem'),
+        // 14px
+        paddingInline: remToPx(styledVars.SPACING_24, '1.714rem'),
+        // 24px
+        paddingBlock: 0,
+        controlHeight: remToPx(styledVars.BUTTON_HEIGHT, '2.857rem'),
+        // 40px
+        borderRadius: remToPx(styledVars.RADIUS_08, '0.571rem'),
+        // 8px
+        // Primary button
+        colorPrimary: ((_styledVars$CAP_PRIMA4 = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA4.base) || '#47af46',
+        colorPrimaryHover: ((_styledVars$CAP_PRIMA5 = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA5.hover) || '#1f9a1d',
+        colorPrimaryActive: ((_styledVars$CAP_PRIMA6 = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA6.hover) || '#1f9a1d',
+        // Disabled state
+        colorTextDisabled: styledVars.CAP_WHITE || '#ffffff',
+        colorBgContainerDisabled: ((_styledVars$CAP_PRIMA7 = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA7.disabled) || '#a1d8a0',
+        // Default button
+        defaultBg: styledVars.CAP_G10 || '#fafbfc',
+        defaultColor: styledVars.FONT_COLOR_02 || '#5e6c84',
+        defaultBorderColor: styledVars.CAP_G06 || '#b3bac5',
+        defaultHoverBg: styledVars.CAP_G10 || '#fafbfc',
+        defaultHoverColor: styledVars.FONT_COLOR_01 || '#091e42',
+        defaultHoverBorderColor: styledVars.CAP_G06 || '#b3bac5',
+        defaultActiveBg: styledVars.CAP_G10 || '#fafbfc',
+        defaultActiveColor: styledVars.FONT_COLOR_01 || '#091e42',
+        defaultActiveBorderColor: styledVars.CAP_G06 || '#b3bac5',
+        defaultBgDisabled: styledVars.CAP_G09 || '#f4f5f7'
+      },
+      // Form component tokens
+      Form: {
+        labelFontSize: remToPx(styledVars.FONT_SIZE_M, '1rem'),
+        labelColor: styledVars.FONT_COLOR_01 || '#091e42',
+        itemMarginBottom: remToPx(styledVars.SPACING_24, '1.714rem') // 24px
+      },
+      // Input component tokens
+      Input: {
+        controlHeight: remToPx(styledVars.INPUT_HEIGHT, '2.286rem'),
+        // 32px
+        fontSize: remToPx(styledVars.FONT_SIZE_M, '1rem'),
+        // 14px
+        colorText: styledVars.FONT_COLOR_01 || '#091e42',
+        colorTextPlaceholder: styledVars.FONT_COLOR_03 || '#97a0af',
+        colorBorder: styledVars.CAP_G07 || '#dfe2e7',
+        colorPrimaryHover: styledVars.FONT_COLOR_01 || '#091e42',
+        colorError: styledVars.CAP_RED || '#ea213a',
+        colorErrorHover: styledVars.CAP_RED || '#ea213a',
+        colorBgContainerDisabled: styledVars.CAP_G08 || '#ebecf0',
+        borderRadius: remToPx(styledVars.RADIUS_08, '0.571rem') // 8px
+      },
+      // Card component tokens
+      Card: {
+        borderRadius: remToPx(styledVars.RADIUS_08, '0.571rem'),
+        // 8px
+        paddingLG: remToPx(styledVars.SPACING_24, '1.714rem') // 24px
+      },
+      // Table component tokens
+      Table: {
+        fontSize: remToPx(styledVars.FONT_SIZE_M, '1rem'),
+        // 14px
+        colorText: styledVars.FONT_COLOR_01 || '#091e42',
+        colorTextHeading: styledVars.FONT_COLOR_01 || '#091e42',
+        colorBorderSecondary: styledVars.CAP_G08 || '#ebecf0',
+        headerBg: styledVars.CAP_G10 || '#fafbfc',
+        headerColor: styledVars.FONT_COLOR_01 || '#091e42',
+        rowHoverBg: styledVars.CAP_G09 || '#f4f5f7'
+      },
+      // Checkbox component tokens
+      Checkbox: {
+        colorPrimary: ((_styledVars$CAP_PRIMA8 = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA8.base) || '#47af46',
+        colorPrimaryHover: ((_styledVars$CAP_PRIMA9 = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA9.hover) || '#1f9a1d',
+        colorTextDisabled: styledVars.CAP_G04 || '#5e6c84',
+        colorBgContainerDisabled: styledVars.CAP_G09 || '#f4f5f7',
+        colorBorder: styledVars.CAP_G04 || '#5e6c84',
+        borderRadius: remToPx(styledVars.RADIUS_04, '0.286rem') // 4px
+      },
+      // Radio component tokens
+      Radio: {
+        colorPrimary: ((_styledVars$CAP_PRIMA0 = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA0.base) || '#47af46',
+        colorPrimaryHover: ((_styledVars$CAP_PRIMA1 = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA1.hover) || '#1f9a1d',
+        colorTextDisabled: styledVars.CAP_G03 || '#42526e',
+        dotColorDisabled: styledVars.CAP_WHITE || '#ffffff'
+      },
+      // Switch component tokens
+      Switch: {
+        colorPrimary: ((_styledVars$CAP_PRIMA10 = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA10.base) || '#47af46',
+        colorPrimaryHover: ((_styledVars$CAP_PRIMA11 = styledVars.CAP_PRIMARY) == null ? void 0 : _styledVars$CAP_PRIMA11.hover) || '#1f9a1d'
+      },
+      // Tab component tokens
+      Tabs: {
+        colorText: styledVars.CAP_G04 || '#5e6c84',
+        colorTextDisabled: styledVars.CAP_G04 || '#5e6c84',
+        colorPrimary: styledVars.FONT_COLOR_01 || '#091e42',
+        itemHoverColor: styledVars.FONT_COLOR_01 || '#091e42',
+        itemActiveColor: styledVars.FONT_COLOR_01 || '#091e42',
+        itemSelectedColor: styledVars.FONT_COLOR_01 || '#091e42',
+        inkBarColor: styledVars.FONT_COLOR_01 || '#091e42',
+        cardBg: '#faf9f4'
+      },
+      // Dropdown component tokens
+      Dropdown: {
+        colorBgElevated: styledVars.CAP_WHITE || '#ffffff',
+        colorText: styledVars.FONT_COLOR_01 || '#091e42',
+        controlItemBgHover: styledVars.CAP_COLOR_08 || '#faf9f4'
+      },
+      // Tooltip component tokens
+      Tooltip: {
+        colorBgSpotlight: styledVars.FONT_COLOR_01 || '#091e42',
+        colorTextLightSolid: styledVars.CAP_WHITE || '#ffffff'
+      },
+      // Divider component tokens
+      Divider: {
+        colorSplit: styledVars.CAP_G07 || '#dfe2e7'
+      },
+      // Select component tokens (for CapUnifiedSelect)
+      Select: {
+        colorText: styledVars.FONT_COLOR_01 || '#091e42',
+        colorTextPlaceholder: styledVars.CAP_G05 || '#97a0af',
+        colorBorder: styledVars.CAP_G11 || '#7a869a',
+        colorPrimaryHover: styledVars.FONT_COLOR_01 || '#091e42',
+        colorBgContainer: styledVars.CAP_WHITE || '#ffffff',
+        colorBgElevated: styledVars.CAP_WHITE || '#ffffff',
+        controlItemBgHover: styledVars.CAP_COLOR_08 || '#faf9f4',
+        colorTextDisabled: styledVars.CAP_G06 || '#b3bac5',
+        colorBgContainerDisabled: styledVars.CAP_WHITE || '#ffffff'
+      }
+    }
+  };
+
+  // Merge with custom options if provided
+  if (options) {
+    return {
+      token: _extends({}, baseTheme.token, options.token),
+      components: _extends({}, baseTheme.components, options.components),
+      algorithm: options.algorithm,
+      cssVar: options.cssVar,
+      hashed: options.hashed
+    };
+  }
+  return baseTheme;
+}
+
+/***/ }),
+
 /***/ 2232:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -245,9 +560,10 @@ module.exports = function (item) {
 
 exports.__esModule = true;
 var _exportNames = {
+  getCapThemeConfig: true,
   loadBlazeUI: true
 };
-exports.loadBlazeUI = void 0;
+exports.loadBlazeUI = exports.getCapThemeConfig = void 0;
 var _fonts = __webpack_require__(170);
 Object.keys(_fonts).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -256,6 +572,8 @@ Object.keys(_fonts).forEach(function (key) {
   exports[key] = _fonts[key];
 });
 __webpack_require__(7668);
+var _getCapThemeConfig = __webpack_require__(1563);
+exports.getCapThemeConfig = _getCapThemeConfig.getCapThemeConfig;
 const _excluded = ["baseFontSize"];
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 /**
@@ -1060,6 +1378,210 @@ function domAPI(options) {
 }
 module.exports = domAPI;
 
+/***/ }),
+
+/***/ 9941:
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+exports.__esModule = true;
+exports.CAP_SPACE_52 = exports.CAP_SPACE_48 = exports.CAP_SPACE_44 = exports.CAP_SPACE_42 = exports.CAP_SPACE_40 = exports.CAP_SPACE_36 = exports.CAP_SPACE_32 = exports.CAP_SPACE_28 = exports.CAP_SPACE_24 = exports.CAP_SPACE_23 = exports.CAP_SPACE_20 = exports.CAP_SPACE_19 = exports.CAP_SPACE_18 = exports.CAP_SPACE_16 = exports.CAP_SPACE_12 = exports.CAP_SPACE_08 = exports.CAP_SPACE_06 = exports.CAP_SPACE_04 = exports.CAP_SPACE_03 = exports.CAP_SPACE_02 = exports.CAP_SPACE_01 = exports.CAP_SPACE_00 = exports.CAP_SECONDARY = exports.CAP_RED03 = exports.CAP_RED02 = exports.CAP_RED01 = exports.CAP_RED = exports.CAP_PURPLE04 = exports.CAP_PURPLE03 = exports.CAP_PURPLE02 = exports.CAP_PURPLE01 = exports.CAP_PURPLE = exports.CAP_PRIMARY = exports.CAP_PINK = exports.CAP_PALE_GREY = exports.CAP_ORANGE02 = exports.CAP_ORANGE01 = exports.CAP_ORANGE = exports.CAP_ICON = exports.CAP_GREEN02 = exports.CAP_GREEN01 = exports.CAP_G20 = exports.CAP_G19 = exports.CAP_G18 = exports.CAP_G17 = exports.CAP_G16 = exports.CAP_G15 = exports.CAP_G14 = exports.CAP_G13 = exports.CAP_G12 = exports.CAP_G11 = exports.CAP_G10 = exports.CAP_G09 = exports.CAP_G08 = exports.CAP_G07 = exports.CAP_G06 = exports.CAP_G05 = exports.CAP_G04 = exports.CAP_G03 = exports.CAP_G02 = exports.CAP_G01 = exports.CAP_COLOR_27 = exports.CAP_COLOR_26 = exports.CAP_COLOR_25 = exports.CAP_COLOR_24 = exports.CAP_COLOR_23 = exports.CAP_COLOR_22 = exports.CAP_COLOR_21 = exports.CAP_COLOR_20 = exports.CAP_COLOR_19 = exports.CAP_COLOR_18 = exports.CAP_COLOR_17 = exports.CAP_COLOR_16 = exports.CAP_COLOR_15 = exports.CAP_COLOR_14 = exports.CAP_COLOR_13 = exports.CAP_COLOR_12 = exports.CAP_COLOR_11 = exports.CAP_COLOR_10 = exports.CAP_COLOR_09 = exports.CAP_COLOR_08 = exports.CAP_COLOR_07 = exports.CAP_COLOR_06 = exports.CAP_COLOR_05 = exports.CAP_COLOR_04 = exports.CAP_COLOR_03 = exports.CAP_COLOR_02 = exports.CAP_COLOR_01 = exports.CAP_BLUE02 = exports.CAP_BLUE01 = exports.CAP_BLUE = exports.CAP_BLACK_ALPHA01 = exports.CAP_BLACK = exports.BUTTON_HEIGHT = exports.BORDER_WIDTH_2 = exports.BORDER_WIDTH_1 = exports.BG_08 = exports.BG_03 = exports.BG_02 = exports.BG_01 = void 0;
+exports.TRANSITION_ALL = exports.SPACING_32 = exports.SPACING_24 = exports.SPACING_16 = exports.SPACING_12 = exports.SPACING_08 = exports.SPACING_04 = exports.RADIUS_08 = exports.RADIUS_04 = exports.NORMAL_LINE_HEIGHT = exports.INPUT_HEIGHT = exports.ICON_SIZE_XS = exports.ICON_SIZE_S = exports.ICON_SIZE_M = exports.ICON_SIZE_L = exports.FONT_WEIGHT_REGULAR = exports.FONT_WEIGHT_MEDIUM = exports.FONT_SIZE_VS = exports.FONT_SIZE_VL = exports.FONT_SIZE_S = exports.FONT_SIZE_M = exports.FONT_SIZE_L = exports.FONT_FAMILY = exports.FONT_COLOR_06 = exports.FONT_COLOR_05 = exports.FONT_COLOR_04 = exports.FONT_COLOR_03 = exports.FONT_COLOR_02 = exports.FONT_COLOR_01 = exports.COLOR_WARNING = exports.COLOR_SUCCESS = exports.COLOR_INFO = exports.COLOR_ERROR = exports.CAP_YELLOW02 = exports.CAP_YELLOW01 = exports.CAP_YELLOW = exports.CAP_WHITE_OVERLAY = exports.CAP_WHITE = exports.CAP_SPACE_80 = exports.CAP_SPACE_72 = exports.CAP_SPACE_64 = exports.CAP_SPACE_60 = exports.CAP_SPACE_56 = void 0;
+/* Color Palette */
+//========================
+
+// Primary colors
+const CAP_PRIMARY = exports.CAP_PRIMARY = {
+  base: '#47af46',
+  hover: '#1f9a1d',
+  disabled: '#a1d8a0'
+};
+
+// Secondary colors
+const CAP_SECONDARY = exports.CAP_SECONDARY = {
+  base: '#2466ea',
+  light: 'rgba(36, 102, 234, 0.1)'
+};
+const NORMAL_LINE_HEIGHT = exports.NORMAL_LINE_HEIGHT = 'normal';
+
+// Custom colors
+const CAP_ORANGE = exports.CAP_ORANGE = '#f87d23';
+const CAP_ORANGE01 = exports.CAP_ORANGE01 = '#ffe5d2';
+const CAP_ORANGE02 = exports.CAP_ORANGE02 = '#fa7d02';
+const CAP_YELLOW = exports.CAP_YELLOW = '#fec52e';
+const CAP_YELLOW01 = exports.CAP_YELLOW01 = '#e8bc25';
+const CAP_YELLOW02 = exports.CAP_YELLOW02 = '#f9d438';
+const CAP_BLUE = exports.CAP_BLUE = '#23cccc';
+const CAP_PURPLE = exports.CAP_PURPLE = '#8517e5';
+const CAP_PINK = exports.CAP_PINK = '#e51fa3';
+const CAP_RED = exports.CAP_RED = '#ea213a';
+const CAP_ICON = exports.CAP_ICON = '#7a869a';
+const CAP_PALE_GREY = exports.CAP_PALE_GREY = '#e9f0fe';
+const CAP_BLUE01 = exports.CAP_BLUE01 = '#2466eb';
+const CAP_BLUE02 = exports.CAP_BLUE02 = '#1d61ee';
+const CAP_RED01 = exports.CAP_RED01 = '#e51fa3';
+const CAP_RED02 = exports.CAP_RED02 = '#f5222d';
+const CAP_RED03 = exports.CAP_RED03 = '#ed1b34';
+const CAP_PURPLE01 = exports.CAP_PURPLE01 = '#6563ff';
+const CAP_PURPLE02 = exports.CAP_PURPLE02 = '#a451ff';
+const CAP_PURPLE03 = exports.CAP_PURPLE03 = '#f2e7fe';
+const CAP_PURPLE04 = exports.CAP_PURPLE04 = '#d4e1fc';
+const CAP_GREEN01 = exports.CAP_GREEN01 = '#6bb56b';
+const CAP_GREEN02 = exports.CAP_GREEN02 = '#ecf7ec';
+
+// Grey colors
+const CAP_G01 = exports.CAP_G01 = '#091e42';
+const CAP_G02 = exports.CAP_G02 = '#253858';
+const CAP_G03 = exports.CAP_G03 = '#42526e';
+const CAP_G04 = exports.CAP_G04 = '#5e6c84';
+const CAP_G05 = exports.CAP_G05 = '#97a0af';
+const CAP_G06 = exports.CAP_G06 = '#b3bac5';
+const CAP_G07 = exports.CAP_G07 = '#dfe2e7';
+const CAP_G08 = exports.CAP_G08 = '#ebecf0';
+const CAP_G09 = exports.CAP_G09 = '#f4f5f7';
+const CAP_G10 = exports.CAP_G10 = '#fafbfc';
+const CAP_G11 = exports.CAP_G11 = '#7a869a';
+const CAP_G12 = exports.CAP_G12 = '#e8e8e8';
+const CAP_G13 = exports.CAP_G13 = '#ecece7';
+const CAP_G14 = exports.CAP_G14 = '#e9f0fd';
+const CAP_G15 = exports.CAP_G15 = '#efefef';
+const CAP_G16 = exports.CAP_G16 = '#2a2a2a';
+const CAP_G17 = exports.CAP_G17 = '#5d6b85';
+const CAP_G18 = exports.CAP_G18 = '#dcdee2';
+const CAP_G19 = exports.CAP_G19 = '#8a9ab2';
+const CAP_G20 = exports.CAP_G20 = '#c2c2c2';
+const CAP_WHITE = exports.CAP_WHITE = '#ffffff';
+const CAP_WHITE_OVERLAY = exports.CAP_WHITE_OVERLAY = 'rgba(255, 255, 255, 0.8)';
+const CAP_BLACK = exports.CAP_BLACK = '#000000';
+const CAP_BLACK_ALPHA01 = exports.CAP_BLACK_ALPHA01 = '#00000022';
+
+// Semantic colors
+const COLOR_ERROR = exports.COLOR_ERROR = '#ff4d4f';
+const COLOR_SUCCESS = exports.COLOR_SUCCESS = '#52c41a';
+const COLOR_WARNING = exports.COLOR_WARNING = '#faad14';
+const COLOR_INFO = exports.COLOR_INFO = '#1890ff';
+
+// Color variants (CAP_COLOR_01 to CAP_COLOR_27)
+const CAP_COLOR_01 = exports.CAP_COLOR_01 = '#dbefda';
+const CAP_COLOR_02 = exports.CAP_COLOR_02 = '#fee5d3';
+const CAP_COLOR_03 = exports.CAP_COLOR_03 = '#e83135';
+const CAP_COLOR_04 = exports.CAP_COLOR_04 = '#fff4d6';
+const CAP_COLOR_05 = exports.CAP_COLOR_05 = '#fbd3d8';
+const CAP_COLOR_06 = exports.CAP_COLOR_06 = '#42B040';
+const CAP_COLOR_07 = exports.CAP_COLOR_07 = '#E9F0FC';
+const CAP_COLOR_08 = exports.CAP_COLOR_08 = '#faf9f4';
+const CAP_COLOR_09 = exports.CAP_COLOR_09 = '#7765d5';
+const CAP_COLOR_10 = exports.CAP_COLOR_10 = '#f79600';
+const CAP_COLOR_11 = exports.CAP_COLOR_11 = '#2388de';
+const CAP_COLOR_12 = exports.CAP_COLOR_12 = '#efba00';
+const CAP_COLOR_13 = exports.CAP_COLOR_13 = '#bcd0fa';
+const CAP_COLOR_14 = exports.CAP_COLOR_14 = '#9BC79A';
+const CAP_COLOR_15 = exports.CAP_COLOR_15 = '#F6BA8E';
+const CAP_COLOR_16 = exports.CAP_COLOR_16 = '#d9d9d9';
+const CAP_COLOR_17 = exports.CAP_COLOR_17 = '#1d61ee';
+const CAP_COLOR_18 = exports.CAP_COLOR_18 = '#d0d7ff';
+const CAP_COLOR_19 = exports.CAP_COLOR_19 = '#44ddff';
+const CAP_COLOR_20 = exports.CAP_COLOR_20 = '#4a67ff';
+const CAP_COLOR_21 = exports.CAP_COLOR_21 = '#ace0ff';
+const CAP_COLOR_22 = exports.CAP_COLOR_22 = '#DBB7F9';
+const CAP_COLOR_23 = exports.CAP_COLOR_23 = '#F8BAE4';
+const CAP_COLOR_24 = exports.CAP_COLOR_24 = '#BCD0FA';
+const CAP_COLOR_25 = exports.CAP_COLOR_25 = '#ACE1F1';
+const CAP_COLOR_26 = exports.CAP_COLOR_26 = '#FFE9AD';
+const CAP_COLOR_27 = exports.CAP_COLOR_27 = '#F4F7FE';
+
+// Background Colors
+const BG_01 = exports.BG_01 = '#faf9f4';
+const BG_02 = exports.BG_02 = '#fefcf0';
+const BG_03 = exports.BG_03 = '#ebf8ff';
+const BG_08 = exports.BG_08 = '#ecf7ec';
+
+/* Fonts */
+// ==============
+const FONT_FAMILY = exports.FONT_FAMILY = '"Roboto", sans-serif';
+const FONT_WEIGHT_REGULAR = exports.FONT_WEIGHT_REGULAR = 400;
+const FONT_WEIGHT_MEDIUM = exports.FONT_WEIGHT_MEDIUM = 500;
+
+// Font colors
+const FONT_COLOR_01 = exports.FONT_COLOR_01 = '#091e42';
+const FONT_COLOR_02 = exports.FONT_COLOR_02 = '#5e6c84';
+const FONT_COLOR_03 = exports.FONT_COLOR_03 = '#97a0af';
+const FONT_COLOR_04 = exports.FONT_COLOR_04 = '#b3bac5';
+const FONT_COLOR_05 = exports.FONT_COLOR_05 = '#2466ea';
+const FONT_COLOR_06 = exports.FONT_COLOR_06 = '#ffffff';
+
+// Font sizes (1rem = 14px)
+const FONT_SIZE_VL = exports.FONT_SIZE_VL = '1.714rem'; // 24px
+const FONT_SIZE_L = exports.FONT_SIZE_L = '1.143rem'; // 16px
+const FONT_SIZE_M = exports.FONT_SIZE_M = '1rem'; // 14px
+const FONT_SIZE_S = exports.FONT_SIZE_S = '0.857rem'; // 12px
+const FONT_SIZE_VS = exports.FONT_SIZE_VS = '0.714rem'; // 10px
+
+// Icon sizes (1rem = 14px)
+const ICON_SIZE_XS = exports.ICON_SIZE_XS = '0.857rem'; // 12px
+const ICON_SIZE_S = exports.ICON_SIZE_S = '1.143rem'; // 16px
+const ICON_SIZE_M = exports.ICON_SIZE_M = '1.714rem'; // 24px
+const ICON_SIZE_L = exports.ICON_SIZE_L = '2.286rem'; // 32px
+
+/* Spacing */
+// ==============
+// Note: 1rem = 14px as base font size
+const SPACING_04 = exports.SPACING_04 = '0.286rem'; // 4px
+const SPACING_08 = exports.SPACING_08 = '0.571rem'; // 8px
+const SPACING_12 = exports.SPACING_12 = '0.857rem'; // 12px
+const SPACING_16 = exports.SPACING_16 = '1.143rem'; // 16px
+const SPACING_24 = exports.SPACING_24 = '1.714rem'; // 24px
+const SPACING_32 = exports.SPACING_32 = '2.286rem'; // 32px;
+
+// CAP_SPACE values (using rem units - 1rem = 14px in old system)
+const CAP_SPACE_00 = exports.CAP_SPACE_00 = '0rem';
+const CAP_SPACE_01 = exports.CAP_SPACE_01 = '0.071rem'; // ~1px
+const CAP_SPACE_02 = exports.CAP_SPACE_02 = '0.142rem'; // ~2px
+const CAP_SPACE_03 = exports.CAP_SPACE_03 = '0.214rem'; // ~3px
+const CAP_SPACE_04 = exports.CAP_SPACE_04 = '0.285rem'; // ~4px
+const CAP_SPACE_06 = exports.CAP_SPACE_06 = '0.428rem'; // ~6px
+const CAP_SPACE_08 = exports.CAP_SPACE_08 = '0.571rem'; // ~8px
+const CAP_SPACE_12 = exports.CAP_SPACE_12 = '0.857rem'; // ~12px
+const CAP_SPACE_16 = exports.CAP_SPACE_16 = '1.142rem'; // ~16px
+const CAP_SPACE_18 = exports.CAP_SPACE_18 = '1.285rem'; // ~18px
+const CAP_SPACE_19 = exports.CAP_SPACE_19 = '1.3rem'; // ~18.2px
+const CAP_SPACE_20 = exports.CAP_SPACE_20 = '1.428rem'; // ~20px
+const CAP_SPACE_23 = exports.CAP_SPACE_23 = '1.614rem'; // ~22.6px
+const CAP_SPACE_24 = exports.CAP_SPACE_24 = '1.714rem'; // ~24px
+const CAP_SPACE_28 = exports.CAP_SPACE_28 = '2rem'; // ~28px
+const CAP_SPACE_32 = exports.CAP_SPACE_32 = '2.285rem'; // ~32px
+const CAP_SPACE_36 = exports.CAP_SPACE_36 = '2.571rem'; // ~36px
+const CAP_SPACE_40 = exports.CAP_SPACE_40 = '2.857rem'; // ~40px
+const CAP_SPACE_42 = exports.CAP_SPACE_42 = '3rem'; // ~42px
+const CAP_SPACE_44 = exports.CAP_SPACE_44 = '3.142rem'; // ~44px
+const CAP_SPACE_48 = exports.CAP_SPACE_48 = '3.428rem'; // ~48px
+const CAP_SPACE_52 = exports.CAP_SPACE_52 = '3.714rem'; // ~52px
+const CAP_SPACE_56 = exports.CAP_SPACE_56 = '4rem'; // ~56px
+const CAP_SPACE_60 = exports.CAP_SPACE_60 = '4.286rem'; // ~60px
+const CAP_SPACE_64 = exports.CAP_SPACE_64 = '4.571rem'; // ~64px
+const CAP_SPACE_72 = exports.CAP_SPACE_72 = '5.143rem'; // ~72px
+const CAP_SPACE_80 = exports.CAP_SPACE_80 = '5.714rem'; // ~80px
+
+/* Component Heights */
+// ==============
+const INPUT_HEIGHT = exports.INPUT_HEIGHT = '2.286rem'; // 32px
+const BUTTON_HEIGHT = exports.BUTTON_HEIGHT = '2.857rem'; // 40px
+
+/* Border Radius */
+// ==============
+const RADIUS_04 = exports.RADIUS_04 = '0.286rem'; // 4px
+const RADIUS_08 = exports.RADIUS_08 = '0.571rem'; // 8px
+
+/* Border Width */
+// ==============
+const BORDER_WIDTH_1 = exports.BORDER_WIDTH_1 = '0.071rem'; // 1px
+const BORDER_WIDTH_2 = exports.BORDER_WIDTH_2 = '0.143rem'; // 2px
+
+/* Transition */
+// ==============
+const TRANSITION_ALL = exports.TRANSITION_ALL = 'all 0.3s ease';
+
 /***/ })
 
 /******/ 	});