@bioturing/components 0.28.1 → 0.29.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/components/breadcrumb/style.css +1 -1
  2. package/dist/components/checkbox/style.css +1 -1
  3. package/dist/components/choice-list/component.js +102 -42
  4. package/dist/components/choice-list/component.js.map +1 -1
  5. package/dist/components/choice-list/style.css +1 -1
  6. package/dist/components/color-select/style.css +1 -1
  7. package/dist/components/combobox/component.js +171 -141
  8. package/dist/components/combobox/component.js.map +1 -1
  9. package/dist/components/combobox/style.css +1 -1
  10. package/dist/components/drag-drop/style.css +1 -1
  11. package/dist/components/dropdown-menu/component.js +113 -105
  12. package/dist/components/dropdown-menu/component.js.map +1 -1
  13. package/dist/components/dropdown-menu/item.css +1 -1
  14. package/dist/components/dropdown-menu/style.css +1 -1
  15. package/dist/components/ds-root/component.js +22 -17
  16. package/dist/components/ds-root/component.js.map +1 -1
  17. package/dist/components/ds-root/style.css +1 -1
  18. package/dist/components/form/style.css +1 -1
  19. package/dist/components/modal/style.css +1 -1
  20. package/dist/components/nav/style.css +1 -1
  21. package/dist/components/scroll-area/component.js +70 -24
  22. package/dist/components/scroll-area/component.js.map +1 -1
  23. package/dist/components/scroll-area/style.css +1 -1
  24. package/dist/components/select-trigger/component.js +150 -0
  25. package/dist/components/select-trigger/component.js.map +1 -0
  26. package/dist/components/select-trigger/style.css +1 -0
  27. package/dist/components/switch/style.css +1 -1
  28. package/dist/components/table/style.css +1 -1
  29. package/dist/components/theme-provider/component.js.map +1 -1
  30. package/dist/components/theme-provider/style.css +1 -1
  31. package/dist/components/tour/style.css +1 -1
  32. package/dist/components/utils/WithRenderProp.js.map +1 -1
  33. package/dist/index.d.ts +72 -41
  34. package/dist/index.js +125 -125
  35. package/dist/tokens/and-theme/tokens.js +12 -12
  36. package/dist/tokens/and-theme/tokens.js.map +1 -1
  37. package/package.json +6 -6
  38. package/dist/components/combobox/trigger.js +0 -89
  39. package/dist/components/combobox/trigger.js.map +0 -1
package/dist/tokens/and-theme/tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.js","sources":["../../../src/tokens/and-theme/tokens.ts"],"sourcesContent":["import { type ThemeConfig } from \"antd\";\nimport { getTokensByTheme } from \"../utils\";\nimport { ColorTokens } from \"../types\";\n\n// Convert Figma variables to Ant Design tokens with light/dark variants\nexport const antdColorTokens: ColorTokens = {\n // Text colors\n colorText: {\n light: \"rgba(0, 0, 0, 0.88)\",\n dark: \"rgba(255, 255, 255, 0.88)\",\n },\n colorTextSecondary: {\n light: \"rgba(0, 0, 0, 0.65)\",\n dark: \"rgba(255, 255, 255, 0.65)\",\n },\n colorTextTertiary: {\n light: \"rgba(0, 0, 0, 0.45)\",\n dark: \"rgba(255, 255, 255, 0.45)\",\n },\n colorTextQuaternary: {\n light: \"rgba(0, 0, 0, 0.25)\",\n dark: \"rgba(255, 255, 255, 0.25)\",\n },\n // Primary colors\n colorPrimary: {\n light: \"#175CD3\",\n dark: \"#2E90FA\",\n },\n colorPrimaryBg: {\n light: \"#E9F2FF\",\n dark: \"#152137\",\n },\n colorPrimaryBgHover: {\n light: \"#D1E9FF\",\n dark: \"#112545\",\n },\n colorPrimaryBorder: {\n light: \"#84CAFF\",\n dark: \"#1C3959\",\n },\n colorPrimaryBorderHover: {\n light: \"#53B1FD\",\n dark: \"#204C7C\",\n },\n colorPrimaryHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorPrimaryActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n colorPrimaryTextHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorPrimaryTextActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n\n // Info colors\n colorInfo: {\n light: \"#175CD3\",\n dark: \"#2E90FA\",\n },\n colorInfoBg: {\n light: \"#E9F2FF\",\n dark: \"#152137\",\n },\n colorInfoBgHover: {\n light: \"#D1E9FF\",\n dark: \"#112545\",\n },\n colorInfoBorder: {\n light: \"#84CAFF\",\n dark: \"#1C3959\",\n },\n colorInfoBorderHover: {\n light: \"#53B1FD\",\n dark: \"#204C7C\",\n },\n colorInfoHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorInfoActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n colorInfoTextHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorInfoTextActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n\n // Success colors\n colorSuccess: {\n light: \"#4CB200\",\n dark: \"#389E0D\",\n },\n colorSuccessBg: {\n light: \"#F6FFF0\",\n dark: \"#162100\",\n },\n colorSuccessBgHover: {\n light: \"#D9F7BE\",\n dark: \"#1D2B00\",\n },\n colorSuccessBorder: {\n light: \"#B7EB8F\",\n dark: \"#274916\",\n },\n colorSuccessBorderHover: {\n light: \"#95DE64\",\n dark: \"#306317\",\n },\n colorSuccessHover: {\n light: \"#73D13D\",\n dark: \"#52C41A\",\n },\n colorSuccessActive: {\n light: \"#389E0D\",\n dark: \"#237804\",\n },\n colorSuccessTextHover: {\n light: \"#237804\",\n dark: \"#52C41A\",\n },\n colorSuccessTextActive: {\n light: \"#092B00\",\n dark: \"#237804\",\n },\n\n // Warning colors\n colorWarning: {\n light: \"#FA8C16\",\n dark: \"#D48806\",\n },\n colorWarningBg: {\n light: \"#FFF7E6\",\n dark: \"#281800\",\n },\n colorWarningBgHover: {\n light: \"#FFE7BA\",\n dark: \"#3D2200\",\n },\n colorWarningBorder: {\n light: \"#FFD591\",\n dark: \"#443B16\",\n },\n colorWarningBorderHover: {\n light: \"#FFC069\",\n dark: \"#594E1A\",\n },\n colorWarningHover: {\n light: \"#FFA940\",\n dark: \"#E8B339\",\n },\n colorWarningActive: {\n light: \"#D46B08\",\n dark: \"#AA7714\",\n },\n colorWarningTextHover: {\n light: \"#AD4E00\",\n dark: \"#E8B339\",\n },\n colorWarningTextActive: {\n light: \"#873800\",\n dark: \"#AA7714\",\n },\n\n // Error colors\n colorError: {\n light: \"#D92D20\",\n dark: \"#CF3D33\",\n },\n colorErrorBg: {\n light: \"#FEF3F2\",\n dark: \"#291414\",\n },\n colorErrorBgHover: {\n light: \"#FEE4E2\",\n dark: \"#411A18\",\n },\n colorErrorBorder: {\n light: \"#FDA29B\",\n dark: \"#562222\",\n },\n colorErrorBorderHover: {\n light: \"#F97066\",\n dark: \"#772A24\",\n },\n colorErrorHover: {\n light: \"#F04438\",\n dark: \"#E5695A\",\n },\n colorErrorActive: {\n light: \"#D92D20\",\n dark: \"#A3332B\",\n },\n colorErrorTextHover: {\n light: \"#F04438\",\n dark: \"#E5695A\",\n },\n colorErrorTextActive: {\n light: \"#D92D20\",\n dark: \"#A3332B\",\n },\n\n // Fill colors\n colorFill: {\n light: \"rgba(0, 0, 0, 0.15)\",\n dark: \"rgba(255, 255, 255, 0.15)\",\n },\n colorFillSecondary: {\n light: \"rgba(0, 0, 0, 0.06)\",\n dark: \"rgba(255, 255, 255, 0.06)\",\n },\n colorFillTertiary: {\n light: \"rgba(0, 0, 0, 0.04)\",\n dark: \"rgba(255, 255, 255, 0.04)\",\n },\n colorFillQuaternary: {\n light: \"rgba(0, 0, 0, 0.02)\",\n dark: \"rgba(255, 255, 255, 0.02)\",\n },\n colorFillAlter: {\n light: \"rgba(0, 0, 0, 0.02)\",\n dark: \"rgba(255, 255, 255, 0.02)\",\n },\n\n // Border colors\n colorBorder: {\n light: \"rgba(0, 0, 0, 0.16)\",\n dark: \"rgba(255, 255, 255, 0.16)\",\n },\n colorBorderSecondary: {\n light: \"rgba(0, 0, 0, 0.06)\",\n dark: \"rgba(255, 255, 255, 0.06)\",\n },\n\n // Icon colors\n colorIcon: {\n light: \"rgba(0, 0, 0, 0.50)\",\n dark: \"rgba(255, 255, 255, 0.58)\",\n },\n colorIconHover: {\n light: \"rgba(0, 0, 0, 0.80)\",\n dark: \"rgba(255, 255, 255, 0.88)\",\n },\n colorBgBase: {\n light: \"#FFFFFF\",\n dark: \"#111113\",\n },\n\n // Background colors\n colorBgContainer: {\n light: \"#FFFFFF\",\n dark: \"#242429\",\n },\n colorBgElevated: {\n light: \"#FFFFFF\",\n dark: \"#2B2B31\",\n },\n colorBgLayout: {\n light: \"#F4F4F5\",\n dark: \"#18181B\",\n },\n colorBgSpotlight: {\n light: \"rgba(0, 0, 0, 0.85)\",\n dark: \"#484851\",\n },\n colorBgMask: {\n light: \"rgba(0, 0, 0, 0.45)\",\n dark: \"rgba(0, 0, 0, 0.45)\",\n },\n\n // Control\n controlOutline: {\n light: \"rgba(0, 0, 0, 0.12)\",\n dark: \"rgba(255, 255, 255, 0.12)\",\n },\n};\n\nconst sharedTokens: ThemeConfig[\"token\"] = {\n fontFamily: \"var(--ds-inter)\",\n fontFamilyCode: \"var(--ds-roboto-mono)\",\n fontSizeHeading1: 36,\n fontSizeHeading2: 30,\n fontSizeHeading3: 24,\n fontSizeHeading4: 20,\n fontSizeHeading5: 16,\n lineHeightHeading1: 40 / 36,\n lineHeightHeading2: 36 / 30,\n lineHeightHeading3: 32 / 24,\n lineHeightHeading4: 28 / 20,\n lineHeightHeading5: 24 / 16,\n lineHeight: 20 / 14,\n lineHeightLG: 24 / 16,\n lineHeightSM: 16 / 12,\n fontWeightStrong: 600,\n boxShadow:\n \"0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 6px rgba(0, 0, 0, 0.04), 0px 2px 10px rgba(0, 0, 0, 0.04)\",\n boxShadowSecondary:\n \"0px 0px 1px 0px var(--ds-modal-color-border), 0px 3px 6px 1px rgba(0, 0, 0, 0.08), 0px 6px 26px 2px rgba(0, 0, 0, 0.08), 0px 4px 52px 0px rgba(0, 0, 0, 0.05)\",\n colorBgSpotlight: \"rgba(0, 0, 0, 0.85)\",\n};\n\nconst sharedThemeConfig: ThemeConfig = {\n cssVar: true,\n components: {\n Input: {\n activeBorderColor: \"var(--ds-input-color-border-active)\",\n activeShadow: \"var(--ds-input-shadow-active)\",\n errorActiveShadow: \"var(--ds-input-shadow-error-active)\",\n warningActiveShadow: \"var(--ds-input-shadow-warning-active)\",\n },\n InputNumber: {\n activeBorderColor: \"var(--ds-input-color-border-active)\",\n activeShadow: \"var(--ds-input-shadow-active)\",\n errorActiveShadow: \"var(--ds-input-shadow-error-active)\",\n warningActiveShadow: \"var(--ds-input-shadow-warning-active)\",\n },\n Button: {\n defaultShadow: undefined,\n primaryShadow: undefined,\n dangerShadow: undefined,\n },\n Select: {},\n Segmented: {\n controlHeightLG: 36,\n controlHeightSM: 24,\n },\n Breadcrumb: {\n separatorColor: \"var(--ds-color-border)\",\n },\n Slider: {\n trackBg: \"var(--ds-color-primary)\",\n trackHoverBg: \"var(--ds-color-primary-hover)\",\n trackBgDisabled: \"var(--ds-color-text-disabled)\",\n railBg: \"var(--ds-control-outline)\",\n railHoverBg: \"var(--ds-color-border)\",\n handleColor: \"var(--ds-color-primary)\",\n handleActiveColor: \"var(--ds-color-primary-active)\",\n handleColorDisabled: \"var(--ds-color-text-disabled)\",\n dotBorderColor: \"var(--ds-color-primary)\",\n dotActiveBorderColor: \"var(--ds-color-primary-active)\",\n },\n Form: {\n itemMarginBottom: 16,\n labelColor: \"var(--ds-color-text)\",\n },\n },\n};\n\n// Export theme configurations\nexport const lightTheme: ThemeConfig = {\n token: {\n ...getTokensByTheme(antdColorTokens, \"light\"),\n ...sharedTokens,\n },\n ...sharedThemeConfig,\n};\n\nexport const darkTheme: ThemeConfig = {\n token: {\n ...getTokensByTheme(antdColorTokens, \"dark\"),\n ...sharedTokens,\n },\n ...sharedThemeConfig,\n};\n"],"names":["antdColorTokens","sharedTokens","sharedThemeConfig","lightTheme","getTokensByTheme","darkTheme"],"mappings":"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"}
1
+ {"version":3,"file":"tokens.js","sources":["../../../src/tokens/and-theme/tokens.ts"],"sourcesContent":["import { type ThemeConfig } from \"antd\";\nimport { getTokensByTheme } from \"../utils\";\nimport { ColorTokens } from \"../types\";\n\n// Convert Figma variables to Ant Design tokens with light/dark variants\nexport const antdColorTokens: ColorTokens = {\n // Text colors\n colorText: {\n light: \"rgba(0, 0, 0, 0.88)\",\n dark: \"rgba(255, 255, 255, 0.88)\",\n },\n colorTextSecondary: {\n light: \"rgba(0, 0, 0, 0.65)\",\n dark: \"rgba(255, 255, 255, 0.65)\",\n },\n colorTextTertiary: {\n light: \"rgba(0, 0, 0, 0.45)\",\n dark: \"rgba(255, 255, 255, 0.45)\",\n },\n colorTextQuaternary: {\n light: \"rgba(0, 0, 0, 0.25)\",\n dark: \"rgba(255, 255, 255, 0.25)\",\n },\n // Primary colors\n colorPrimary: {\n light: \"#175CD3\",\n dark: \"#2E90FA\",\n },\n colorPrimaryBg: {\n light: \"#E9F2FF\",\n dark: \"#152137\",\n },\n colorPrimaryBgHover: {\n light: \"#D1E9FF\",\n dark: \"#112545\",\n },\n colorPrimaryBorder: {\n light: \"#84CAFF\",\n dark: \"#1C3959\",\n },\n colorPrimaryBorderHover: {\n light: \"#53B1FD\",\n dark: \"#204C7C\",\n },\n colorPrimaryHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorPrimaryActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n colorPrimaryTextHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorPrimaryTextActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n\n // Info colors\n colorInfo: {\n light: \"#175CD3\",\n dark: \"#2E90FA\",\n },\n colorInfoBg: {\n light: \"#E9F2FF\",\n dark: \"#152137\",\n },\n colorInfoBgHover: {\n light: \"#D1E9FF\",\n dark: \"#112545\",\n },\n colorInfoBorder: {\n light: \"#84CAFF\",\n dark: \"#1C3959\",\n },\n colorInfoBorderHover: {\n light: \"#53B1FD\",\n dark: \"#204C7C\",\n },\n colorInfoHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorInfoActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n colorInfoTextHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorInfoTextActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n\n // Success colors\n colorSuccess: {\n light: \"#4CB200\",\n dark: \"#389E0D\",\n },\n colorSuccessBg: {\n light: \"#F6FFF0\",\n dark: \"#162100\",\n },\n colorSuccessBgHover: {\n light: \"#D9F7BE\",\n dark: \"#1D2B00\",\n },\n colorSuccessBorder: {\n light: \"#B7EB8F\",\n dark: \"#274916\",\n },\n colorSuccessBorderHover: {\n light: \"#95DE64\",\n dark: \"#306317\",\n },\n colorSuccessHover: {\n light: \"#73D13D\",\n dark: \"#52C41A\",\n },\n colorSuccessActive: {\n light: \"#389E0D\",\n dark: \"#237804\",\n },\n colorSuccessTextHover: {\n light: \"#237804\",\n dark: \"#52C41A\",\n },\n colorSuccessTextActive: {\n light: \"#092B00\",\n dark: \"#237804\",\n },\n\n // Warning colors\n colorWarning: {\n light: \"#FA8C16\",\n dark: \"#D48806\",\n },\n colorWarningBg: {\n light: \"#FFF7E6\",\n dark: \"#281800\",\n },\n colorWarningBgHover: {\n light: \"#FFE7BA\",\n dark: \"#3D2200\",\n },\n colorWarningBorder: {\n light: \"#FFD591\",\n dark: \"#443B16\",\n },\n colorWarningBorderHover: {\n light: \"#FFC069\",\n dark: \"#594E1A\",\n },\n colorWarningHover: {\n light: \"#FFA940\",\n dark: \"#E8B339\",\n },\n colorWarningActive: {\n light: \"#D46B08\",\n dark: \"#AA7714\",\n },\n colorWarningTextHover: {\n light: \"#AD4E00\",\n dark: \"#E8B339\",\n },\n colorWarningTextActive: {\n light: \"#873800\",\n dark: \"#AA7714\",\n },\n\n // Error colors\n colorError: {\n light: \"#D92D20\",\n dark: \"#CF3D33\",\n },\n colorErrorBg: {\n light: \"#FEF3F2\",\n dark: \"#291414\",\n },\n colorErrorBgHover: {\n light: \"#FEE4E2\",\n dark: \"#411A18\",\n },\n colorErrorBorder: {\n light: \"#FDA29B\",\n dark: \"#562222\",\n },\n colorErrorBorderHover: {\n light: \"#F97066\",\n dark: \"#772A24\",\n },\n colorErrorHover: {\n light: \"#F04438\",\n dark: \"#E5695A\",\n },\n colorErrorActive: {\n light: \"#D92D20\",\n dark: \"#A3332B\",\n },\n colorErrorTextHover: {\n light: \"#F04438\",\n dark: \"#E5695A\",\n },\n colorErrorTextActive: {\n light: \"#D92D20\",\n dark: \"#A3332B\",\n },\n\n // Fill colors\n colorFill: {\n light: \"rgba(0, 0, 0, 0.15)\",\n dark: \"rgba(255, 255, 255, 0.15)\",\n },\n colorFillSecondary: {\n light: \"rgba(0, 0, 0, 0.06)\",\n dark: \"rgba(255, 255, 255, 0.06)\",\n },\n colorFillTertiary: {\n light: \"rgba(0, 0, 0, 0.04)\",\n dark: \"rgba(255, 255, 255, 0.04)\",\n },\n colorFillQuaternary: {\n light: \"rgba(0, 0, 0, 0.02)\",\n dark: \"rgba(255, 255, 255, 0.02)\",\n },\n colorFillAlter: {\n light: \"rgba(0, 0, 0, 0.02)\",\n dark: \"rgba(255, 255, 255, 0.02)\",\n },\n\n // Border colors\n colorBorder: {\n light: \"rgba(0, 0, 0, 0.16)\",\n dark: \"rgba(255, 255, 255, 0.16)\",\n },\n colorBorderSecondary: {\n light: \"rgba(0, 0, 0, 0.06)\",\n dark: \"rgba(255, 255, 255, 0.06)\",\n },\n\n // Icon colors\n colorIcon: {\n light: \"rgba(0, 0, 0, 0.50)\",\n dark: \"rgba(255, 255, 255, 0.58)\",\n },\n colorIconHover: {\n light: \"rgba(0, 0, 0, 0.80)\",\n dark: \"rgba(255, 255, 255, 0.88)\",\n },\n colorBgBase: {\n light: \"#FFFFFF\",\n dark: \"#111113\",\n },\n\n // Background colors\n colorBgContainer: {\n light: \"#FFFFFF\",\n dark: \"#242429\",\n },\n colorBgElevated: {\n light: \"#FFFFFF\",\n dark: \"#2B2B31\",\n },\n colorBgLayout: {\n light: \"#F4F4F5\",\n dark: \"#18181B\",\n },\n colorBgSpotlight: {\n light: \"rgba(0, 0, 0, 0.85)\",\n dark: \"#484851\",\n },\n colorBgMask: {\n light: \"rgba(0, 0, 0, 0.45)\",\n dark: \"rgba(0, 0, 0, 0.45)\",\n },\n\n // Control\n controlOutline: {\n light: \"rgba(0, 0, 0, 0.12)\",\n dark: \"rgba(255, 255, 255, 0.12)\",\n },\n};\n\nconst sharedTokens: ThemeConfig[\"token\"] = {\n fontFamily: \"var(--ds-inter)\",\n fontFamilyCode: \"var(--ds-roboto-mono)\",\n fontSizeHeading1: 36,\n fontSizeHeading2: 30,\n fontSizeHeading3: 24,\n fontSizeHeading4: 20,\n fontSizeHeading5: 16,\n lineHeightHeading1: 40 / 36,\n lineHeightHeading2: 36 / 30,\n lineHeightHeading3: 32 / 24,\n lineHeightHeading4: 28 / 20,\n lineHeightHeading5: 24 / 16,\n lineHeight: 20 / 14,\n lineHeightLG: 24 / 16,\n lineHeightSM: 16 / 12,\n fontWeightStrong: 600,\n boxShadow:\n \"0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 6px rgba(0, 0, 0, 0.04), 0px 2px 10px rgba(0, 0, 0, 0.04)\",\n boxShadowSecondary:\n \"0px 0px 1px 0px var(--ds-modal-color-border), 0px 3px 6px 1px rgba(0, 0, 0, 0.08), 0px 6px 26px 2px rgba(0, 0, 0, 0.08), 0px 4px 52px 0px rgba(0, 0, 0, 0.05)\",\n colorBgSpotlight: \"rgba(0, 0, 0, 0.85)\",\n};\n\nconst sharedThemeConfig: ThemeConfig = {\n cssVar: true,\n components: {\n Input: {\n activeBorderColor: \"var(--ds-control-color-border-active)\",\n activeShadow: \"var(--ds-control-shadow-active)\",\n errorActiveShadow: \"var(--ds-control-shadow-error-active)\",\n warningActiveShadow: \"var(--ds-control-shadow-warning-active)\",\n },\n InputNumber: {\n activeBorderColor: \"var(--ds-control-color-border-active)\",\n activeShadow: \"var(--ds-control-shadow-active)\",\n errorActiveShadow: \"var(--ds-control-shadow-error-active)\",\n warningActiveShadow: \"var(--ds-control-shadow-warning-active)\",\n },\n Button: {\n defaultShadow: undefined,\n primaryShadow: undefined,\n dangerShadow: undefined,\n },\n Select: {},\n Segmented: {\n controlHeightLG: 36,\n controlHeightSM: 24,\n },\n Breadcrumb: {\n separatorColor: \"var(--ds-color-border)\",\n },\n Slider: {\n trackBg: \"var(--ds-color-primary)\",\n trackHoverBg: \"var(--ds-color-primary-hover)\",\n trackBgDisabled: \"var(--ds-color-text-disabled)\",\n railBg: \"var(--ds-control-outline)\",\n railHoverBg: \"var(--ds-color-border)\",\n handleColor: \"var(--ds-color-primary)\",\n handleActiveColor: \"var(--ds-color-primary-active)\",\n handleColorDisabled: \"var(--ds-color-text-disabled)\",\n dotBorderColor: \"var(--ds-color-primary)\",\n dotActiveBorderColor: \"var(--ds-color-primary-active)\",\n },\n Form: {\n itemMarginBottom: 16,\n labelColor: \"var(--ds-color-text)\",\n },\n },\n};\n\n// Export theme configurations\nexport const lightTheme: ThemeConfig = {\n token: {\n ...getTokensByTheme(antdColorTokens, \"light\"),\n ...sharedTokens,\n },\n ...sharedThemeConfig,\n};\n\nexport const darkTheme: ThemeConfig = {\n token: {\n ...getTokensByTheme(antdColorTokens, \"dark\"),\n ...sharedTokens,\n },\n ...sharedThemeConfig,\n};\n"],"names":["antdColorTokens","sharedTokens","sharedThemeConfig","lightTheme","getTokensByTheme","darkTheme"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bioturing/components",
3
- "version": "0.28.1",
3
+ "version": "0.29.1",
4
4
  "type": "module",
5
5
  "module": "./dist/index.js",
6
6
  "main": "./dist/index.js",
@@ -16,7 +16,7 @@
16
16
  "./tailwind.css": "./dist/tailwind.css"
17
17
  },
18
18
  "dependencies": {
19
- "@ant-design/cssinjs": "^1.23.0",
19
+ "@ant-design/cssinjs": "^1.24.0",
20
20
  "@base-ui-components/react": "1.0.0-beta.2",
21
21
  "@base-ui-components/utils": "0.1.0",
22
22
  "@floating-ui/react": "^0.27.13",
@@ -25,16 +25,16 @@
25
25
  "merge-refs": "^2.0.0",
26
26
  "prism-react-renderer": "^2.4.1",
27
27
  "rc-resize-observer": "^1.4.3",
28
- "rc-select": "^14.16.7",
29
- "rc-table": "^7.50.4",
28
+ "rc-select": "^14.16.8",
29
+ "rc-table": "^7.51.1",
30
30
  "rc-tree": "^5.13.1",
31
31
  "rc-util": "^5.44.4",
32
32
  "react-use-resizable": "^0.2.0",
33
33
  "tailwind-merge": "^3.3.1",
34
- "@bioturing/assets": "0.21.0"
34
+ "@bioturing/assets": "0.21.1"
35
35
  },
36
36
  "peerDependencies": {
37
- "antd": "^5.25.0",
37
+ "antd": "^5.26.7",
38
38
  "react": "^18.0.0 || ^19.0.0",
39
39
  "react-dom": "^18.0.0 || ^19.0.0"
40
40
  },
package/dist/components/combobox/trigger.js DELETED
@@ -1,89 +0,0 @@
1
- "use client";
2
- import { jsx as e, jsxs as t } from "react/jsx-runtime";
3
- import { forwardRef as $ } from "react";
4
- import { XCircleIcon as j, CaretDownIcon as k } from "@bioturing/assets";
5
- import { useCls as I } from "../utils/antdUtils.js";
6
- import { clsx as v } from "../utils/cn.js";
7
- const y = $(
8
- ({
9
- selectedOptions: c,
10
- placeholder: x = "Select...",
11
- multiple: n = !1,
12
- disabled: b = !1,
13
- open: s = !1,
14
- size: h = "middle",
15
- allowClear: m = !1,
16
- suffixIcon: d,
17
- clearIcon: g,
18
- classNames: r,
19
- className: f,
20
- onClear: l,
21
- showSelectionSummary: p = !1,
22
- selectionSummaryRender: i,
23
- ...u
24
- }, N) => {
25
- const o = I(), w = () => {
26
- if (c.length === 0)
27
- return /* @__PURE__ */ e("span", { className: o("combobox-selection-placeholder"), children: x });
28
- if (n) {
29
- if (p) {
30
- const a = c.map((T) => T.value);
31
- return /* @__PURE__ */ e("span", { className: o("combobox-selection-summary"), children: i ? i(a) : `${c.length} items selected` });
32
- }
33
- return /* @__PURE__ */ e("span", { className: o("combobox-selection-text"), children: c.length === 1 ? c[0].label : `${c.length} items selected` });
34
- } else
35
- return /* @__PURE__ */ e("span", { className: o("combobox-selection-text"), children: c[0].label });
36
- }, C = (a) => {
37
- a.stopPropagation(), l == null || l();
38
- };
39
- return /* @__PURE__ */ e(
40
- "button",
41
- {
42
- ref: N,
43
- className: v(
44
- o("combobox"),
45
- o(`combobox-${h}`),
46
- n && o("combobox-multiple"),
47
- b && o("combobox-disabled"),
48
- s && o("combobox-open"),
49
- o("combobox-trigger"),
50
- r == null ? void 0 : r.trigger,
51
- f
52
- ),
53
- disabled: b,
54
- role: "combobox",
55
- "aria-expanded": s,
56
- ...u,
57
- children: /* @__PURE__ */ t("span", { className: o("combobox-selector"), children: [
58
- /* @__PURE__ */ e("span", { className: o("combobox-selection-wrap"), children: w() }),
59
- /* @__PURE__ */ t("span", { className: o("combobox-selection-suffix"), children: [
60
- m && c.length > 0 && /* @__PURE__ */ e(
61
- "span",
62
- {
63
- className: o("combobox-clear"),
64
- unselectable: "on",
65
- "aria-hidden": "true",
66
- onClick: C,
67
- children: g || /* @__PURE__ */ e("span", { className: o("combobox-clear-icon"), children: /* @__PURE__ */ e(j, { weight: "fill" }) })
68
- }
69
- ),
70
- (!m || c.length === 0) && /* @__PURE__ */ e(
71
- "span",
72
- {
73
- className: o("combobox-arrow"),
74
- unselectable: "on",
75
- "aria-hidden": "true",
76
- children: d || /* @__PURE__ */ e("span", { className: o("combobox-arrow-icon"), children: /* @__PURE__ */ e(k, { weight: "bold" }) })
77
- }
78
- )
79
- ] })
80
- ] })
81
- }
82
- );
83
- }
84
- );
85
- y.displayName = "ComboboxTrigger";
86
- export {
87
- y as ComboboxTrigger
88
- };
89
- //# sourceMappingURL=trigger.js.map
package/dist/components/combobox/trigger.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"trigger.js","sources":["../../../src/components/combobox/trigger.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef } from \"react\";\nimport { CaretDownIcon, XCircleIcon, XIcon } from \"@bioturing/assets\";\nimport { clsx, useCls } from \"../utils\";\nimport type { ComboboxOption } from \"./component\";\n\nexport interface ComboboxTriggerProps\n extends React.ComponentPropsWithoutRef<\"button\"> {\n /** Selected options */\n selectedOptions: ComboboxOption[];\n /** Placeholder text */\n placeholder?: string;\n /** Whether multiple selection is enabled */\n multiple?: boolean;\n /** Whether the component is disabled */\n disabled?: boolean;\n /** Whether the dropdown is open */\n open?: boolean;\n /** Size variant */\n size?: \"small\" | \"middle\" | \"large\";\n /** Whether to show clear button */\n allowClear?: boolean;\n /** Custom suffix icon */\n suffixIcon?: React.ReactNode;\n /** Custom clear icon */\n clearIcon?: React.ReactNode;\n /** Custom class names */\n classNames?: {\n trigger?: string;\n };\n /** Clear handler */\n onClear?: () => void;\n /** Show selection summary instead of individual tags when multiple */\n showSelectionSummary?: boolean;\n /** Render function for the selection summary in multiple case */\n selectionSummaryRender?: (selectedValues: Array<string | number>) => React.ReactNode;\n}\n\nexport const ComboboxTrigger = forwardRef<\n HTMLButtonElement,\n ComboboxTriggerProps\n>(\n (\n {\n selectedOptions,\n placeholder = \"Select...\",\n multiple = false,\n disabled = false,\n open = false,\n size = \"middle\",\n allowClear = false,\n suffixIcon,\n clearIcon,\n classNames,\n className,\n onClear,\n showSelectionSummary = false,\n selectionSummaryRender,\n ...rest\n },\n ref\n ) => {\n const cls = useCls();\n\n const renderTriggerContent = () => {\n if (selectedOptions.length === 0) {\n return (\n <span className={cls(\"combobox-selection-placeholder\")}>\n {placeholder}\n </span>\n );\n }\n\n if (multiple) {\n // Show selection summary if enabled\n if (showSelectionSummary) {\n const selectedValues = selectedOptions.map(opt => opt.value);\n return (\n <span className={cls(\"combobox-selection-summary\")}>\n {selectionSummaryRender\n ? selectionSummaryRender(selectedValues)\n : `${selectedOptions.length} items selected`}\n </span>\n );\n }\n \n // Default: Simple text display for multiple selections - no tags\n return (\n <span className={cls(\"combobox-selection-text\")}>\n {selectedOptions.length === 1\n ? selectedOptions[0].label\n : `${selectedOptions.length} items selected`}\n </span>\n );\n } else {\n return (\n <span className={cls(\"combobox-selection-text\")}>\n {selectedOptions[0].label}\n </span>\n );\n }\n };\n\n const handleClearClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n onClear?.();\n };\n\n return (\n <button\n ref={ref}\n className={clsx(\n cls(\"combobox\"),\n cls(`combobox-${size}`),\n multiple && cls(\"combobox-multiple\"),\n disabled && cls(\"combobox-disabled\"),\n open && cls(\"combobox-open\"),\n cls(\"combobox-trigger\"),\n classNames?.trigger,\n className\n )}\n disabled={disabled}\n role=\"combobox\"\n aria-expanded={open}\n {...rest}\n >\n <span className={cls(\"combobox-selector\")}>\n <span className={cls(\"combobox-selection-wrap\")}>\n {renderTriggerContent()}\n </span>\n <span className={cls(\"combobox-selection-suffix\")}>\n {allowClear && selectedOptions.length > 0 && (\n <span\n className={cls(\"combobox-clear\")}\n unselectable=\"on\"\n aria-hidden=\"true\"\n onClick={handleClearClick}\n >\n {clearIcon || (\n <span className={cls(\"combobox-clear-icon\")}>\n <XCircleIcon weight=\"fill\" />\n </span>\n )}\n </span>\n )}\n {(!allowClear || selectedOptions.length === 0) && (\n <span\n className={cls(\"combobox-arrow\")}\n unselectable=\"on\"\n aria-hidden=\"true\"\n >\n {suffixIcon || (\n <span className={cls(\"combobox-arrow-icon\")}>\n <CaretDownIcon weight=\"bold\" />\n </span>\n )}\n </span>\n )}\n </span>\n </span>\n </button>\n );\n }\n);\n\nComboboxTrigger.displayName = \"ComboboxTrigger\";\n"],"names":["ComboboxTrigger","forwardRef","selectedOptions","placeholder","multiple","disabled","open","size","allowClear","suffixIcon","clearIcon","classNames","className","onClear","showSelectionSummary","selectionSummaryRender","rest","ref","cls","useCls","renderTriggerContent","selectedValues","opt","jsx","handleClearClick","e","clsx","jsxs","XCircleIcon","CaretDownIcon"],"mappings":"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"}