@j2-health/design-system 0.6.4 → 0.6.5

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 (15) hide show
  1. package/dist/index.cjs +2 -0
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.js +2 -1
  4. package/dist/index2.js +2 -1
  5. package/dist/src/appTheme.cjs +7 -0
  6. package/dist/src/appTheme.cjs.map +1 -1
  7. package/dist/src/appTheme.js +7 -0
  8. package/dist/src/appTheme.js.map +1 -1
  9. package/dist/src/components/slider/Slider.cjs +22 -0
  10. package/dist/src/components/slider/Slider.cjs.map +1 -0
  11. package/dist/src/components/slider/Slider.d.ts +7 -0
  12. package/dist/src/components/slider/Slider.js +20 -0
  13. package/dist/src/components/slider/Slider.js.map +1 -0
  14. package/dist/src/components/slider/index.d.ts +1 -0
  15. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -48,6 +48,7 @@ const require_AntdSelect = require("./src/components/select/AntdSelect.cjs");
48
48
  const require_Tag = require("./src/components/tag/Tag.cjs");
49
49
  const require_SummarizedSelect = require("./src/components/select/SummarizedSelect.cjs");
50
50
  const require_Skeleton = require("./src/components/skeleton/Skeleton.cjs");
51
+ const require_Slider = require("./src/components/slider/Slider.cjs");
51
52
  const require_Spinner = require("./src/components/spinner/Spinner.cjs");
52
53
  const require_StatusPill = require("./src/components/statusPill/StatusPill.cjs");
53
54
  const require_useSteps = require("./src/components/steps/useSteps.cjs");
@@ -110,6 +111,7 @@ exports.Rate = require_Rate.Rate;
110
111
  exports.Select = require_Select.Select;
111
112
  exports.SelectAll = require_SelectAll.SelectAll;
112
113
  exports.Skeleton = require_Skeleton.Skeleton;
114
+ exports.Slider = require_Slider.Slider;
113
115
  exports.Spinner = require_Spinner.Spinner;
114
116
  exports.StatusPill = require_StatusPill.StatusPill;
115
117
  exports.StepDrawer = require_StepDrawer.StepDrawer;
package/dist/index.d.ts CHANGED
@@ -35,6 +35,7 @@ export * from './src/components/radio/index.js';
35
35
  export * from './src/components/rate/index.js';
36
36
  export * from './src/components/select/index.js';
37
37
  export * from './src/components/skeleton/index.js';
38
+ export * from './src/components/slider/index.js';
38
39
  export * from './src/components/spinner/index.js';
39
40
  export * from './src/components/statusPill/index.js';
40
41
  export * from './src/components/stepDrawer/index.js';
package/dist/index.js CHANGED
@@ -47,6 +47,7 @@ import { AntdSelect } from "./src/components/select/AntdSelect.js";
47
47
  import { Tag } from "./src/components/tag/Tag.js";
48
48
  import { SummarizedSelect } from "./src/components/select/SummarizedSelect.js";
49
49
  import { Skeleton } from "./src/components/skeleton/Skeleton.js";
50
+ import { Slider } from "./src/components/slider/Slider.js";
50
51
  import { Spinner } from "./src/components/spinner/Spinner.js";
51
52
  import { StatusPill } from "./src/components/statusPill/StatusPill.js";
52
53
  import { useSteps } from "./src/components/steps/useSteps.js";
@@ -61,4 +62,4 @@ import { VennDiagram } from "./src/components/vennDiagram/VennDiagram.js";
61
62
  import { UserProfile } from "./src/components/legacyNavMenu/UserProfile.js";
62
63
  import { LegacyNavMenu } from "./src/components/legacyNavMenu/LegacyNavMenu.js";
63
64
  import { icons } from "./index2.js";
64
- export { Alert, AntdInput, AntdSearchInput, AntdSelect, AppConfigProvider, BarChart, BareButton, Breadcrumb, BulkActionBar, Button, Card, ChangeChip, Checkbox, CheckboxTree, Collapse, Drawer, Dropdown, EmptyState, FiltersForm, Form, HighchartsReact, Input, InputNumber, LegacyNavMenu, ListPopover, ListRow, ManageColumnsPanel, Menu, Modal, MultiValueTextOperatorOptions, NavMenu, NotificationModal, Pagination, Popover, Progress, Radio, RadioGroup, Rate, Select, SelectAll, Skeleton, Spinner, StatusPill, StepDrawer, Steps, SummarizedSelect, Swatch, SwatchStrip, Switch, Table, Tabs, Tag, ThresholdBar, Tooltip, UserProfile, VennDiagram, appTheme, icons, isMultiValueTextOperator, mergeProps, normalizeMultiValues, operatorOptionsFor, tailwindPreset, useMessage, useNotification, useStepDrawerSlots, useSteps, withDesignSystemPaginationOverrides };
65
+ export { Alert, AntdInput, AntdSearchInput, AntdSelect, AppConfigProvider, BarChart, BareButton, Breadcrumb, BulkActionBar, Button, Card, ChangeChip, Checkbox, CheckboxTree, Collapse, Drawer, Dropdown, EmptyState, FiltersForm, Form, HighchartsReact, Input, InputNumber, LegacyNavMenu, ListPopover, ListRow, ManageColumnsPanel, Menu, Modal, MultiValueTextOperatorOptions, NavMenu, NotificationModal, Pagination, Popover, Progress, Radio, RadioGroup, Rate, Select, SelectAll, Skeleton, Slider, Spinner, StatusPill, StepDrawer, Steps, SummarizedSelect, Swatch, SwatchStrip, Switch, Table, Tabs, Tag, ThresholdBar, Tooltip, UserProfile, VennDiagram, appTheme, icons, isMultiValueTextOperator, mergeProps, normalizeMultiValues, operatorOptionsFor, tailwindPreset, useMessage, useNotification, useStepDrawerSlots, useSteps, withDesignSystemPaginationOverrides };
package/dist/index2.js CHANGED
@@ -47,6 +47,7 @@ import { AntdSelect } from "./src/components/select/AntdSelect.js";
47
47
  import { Tag } from "./src/components/tag/Tag.js";
48
48
  import { SummarizedSelect } from "./src/components/select/SummarizedSelect.js";
49
49
  import { Skeleton } from "./src/components/skeleton/Skeleton.js";
50
+ import { Slider } from "./src/components/slider/Slider.js";
50
51
  import { Spinner } from "./src/components/spinner/Spinner.js";
51
52
  import { StatusPill } from "./src/components/statusPill/StatusPill.js";
52
53
  import { useSteps } from "./src/components/steps/useSteps.js";
@@ -61,4 +62,4 @@ import { VennDiagram } from "./src/components/vennDiagram/VennDiagram.js";
61
62
  import { UserProfile } from "./src/components/legacyNavMenu/UserProfile.js";
62
63
  import { LegacyNavMenu } from "./src/components/legacyNavMenu/LegacyNavMenu.js";
63
64
  import * as icons from "@phosphor-icons/react";
64
- export { Alert, AntdInput, AntdSearchInput, AntdSelect, AppConfigProvider, BarChart, BareButton, Breadcrumb, BulkActionBar, Button, Card, ChangeChip, Checkbox, CheckboxTree, Collapse, Drawer, Dropdown, EmptyState, FiltersForm, Form, HighchartsReact, Input, InputNumber, LegacyNavMenu, ListPopover, ListRow, ManageColumnsPanel, Menu, Modal, MultiValueTextOperatorOptions, NavMenu, NotificationModal, Pagination, Popover, Progress, Radio, RadioGroup, Rate, Select, SelectAll, Skeleton, Spinner, StatusPill, StepDrawer, Steps, SummarizedSelect, Swatch, SwatchStrip, Switch, Table, Tabs, Tag, ThresholdBar, Tooltip, UserProfile, VennDiagram, appTheme, icons, isMultiValueTextOperator, mergeProps, normalizeMultiValues, operatorOptionsFor, tailwindPreset, useMessage, useNotification, useStepDrawerSlots, useSteps, withDesignSystemPaginationOverrides };
65
+ export { Alert, AntdInput, AntdSearchInput, AntdSelect, AppConfigProvider, BarChart, BareButton, Breadcrumb, BulkActionBar, Button, Card, ChangeChip, Checkbox, CheckboxTree, Collapse, Drawer, Dropdown, EmptyState, FiltersForm, Form, HighchartsReact, Input, InputNumber, LegacyNavMenu, ListPopover, ListRow, ManageColumnsPanel, Menu, Modal, MultiValueTextOperatorOptions, NavMenu, NotificationModal, Pagination, Popover, Progress, Radio, RadioGroup, Rate, Select, SelectAll, Skeleton, Slider, Spinner, StatusPill, StepDrawer, Steps, SummarizedSelect, Swatch, SwatchStrip, Switch, Table, Tabs, Tag, ThresholdBar, Tooltip, UserProfile, VennDiagram, appTheme, icons, isMultiValueTextOperator, mergeProps, normalizeMultiValues, operatorOptionsFor, tailwindPreset, useMessage, useNotification, useStepDrawerSlots, useSteps, withDesignSystemPaginationOverrides };
package/dist/src/appTheme.cjs CHANGED
@@ -223,6 +223,13 @@ var appTheme = {
223
223
  multipleItemBorderColor: "var(--j2-gray-4)",
224
224
  colorText: "var(--j2-color-primary-text)"
225
225
  },
226
+ Slider: {
227
+ trackBg: "var(--j2-color-primary)",
228
+ trackHoverBg: "var(--j2-color-primary-hover)",
229
+ handleColor: "var(--j2-color-primary)",
230
+ handleActiveColor: "var(--j2-color-primary-active)",
231
+ dotActiveBorderColor: "var(--j2-color-primary)"
232
+ },
226
233
  Tooltip: { colorBgSpotlight: "var(--j2-color-primary-active)" },
227
234
  Table: {
228
235
  headerBg: "var(--j2-color-bg-layout)",
package/dist/src/appTheme.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"appTheme.cjs","names":[],"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"],"mappings":"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"}
1
+ {"version":3,"file":"appTheme.cjs","names":[],"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 Slider: {\n // A solid primary track and handle, as Switch and Checkbox read when on,\n // instead of antd's pale primary-border track.\n trackBg: 'var(--j2-color-primary)',\n trackHoverBg: 'var(--j2-color-primary-hover)',\n handleColor: 'var(--j2-color-primary)',\n handleActiveColor: 'var(--j2-color-primary-active)',\n dotActiveBorderColor: 'var(--j2-color-primary)',\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"],"mappings":"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"}
package/dist/src/appTheme.js CHANGED
@@ -223,6 +223,13 @@ var appTheme = {
223
223
  multipleItemBorderColor: "var(--j2-gray-4)",
224
224
  colorText: "var(--j2-color-primary-text)"
225
225
  },
226
+ Slider: {
227
+ trackBg: "var(--j2-color-primary)",
228
+ trackHoverBg: "var(--j2-color-primary-hover)",
229
+ handleColor: "var(--j2-color-primary)",
230
+ handleActiveColor: "var(--j2-color-primary-active)",
231
+ dotActiveBorderColor: "var(--j2-color-primary)"
232
+ },
226
233
  Tooltip: { colorBgSpotlight: "var(--j2-color-primary-active)" },
227
234
  Table: {
228
235
  headerBg: "var(--j2-color-bg-layout)",
package/dist/src/appTheme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"appTheme.js","names":[],"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"],"mappings":"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"}
1
+ {"version":3,"file":"appTheme.js","names":[],"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 Slider: {\n // A solid primary track and handle, as Switch and Checkbox read when on,\n // instead of antd's pale primary-border track.\n trackBg: 'var(--j2-color-primary)',\n trackHoverBg: 'var(--j2-color-primary-hover)',\n handleColor: 'var(--j2-color-primary)',\n handleActiveColor: 'var(--j2-color-primary-active)',\n dotActiveBorderColor: 'var(--j2-color-primary)',\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"],"mappings":"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"}
package/dist/src/components/slider/Slider.cjs ADDED
@@ -0,0 +1,22 @@
1
+ const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
2
+ let antd = require("antd");
3
+ let react_jsx_runtime = require("react/jsx-runtime");
4
+ let classnames = require("classnames");
5
+ classnames = require_runtime.__toESM(classnames, 1);
6
+ //#region src/components/slider/Slider.tsx
7
+ /**
8
+ * antd's Slider with the J2 track and handle (theme tokens in `appTheme`) and
9
+ * the DS tooltip convention: no arrow, unless the consumer asks for one.
10
+ */
11
+ var Slider = ({ className, tooltip, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Slider, {
12
+ ...props,
13
+ className: (0, classnames.default)("j2-slider", className),
14
+ tooltip: {
15
+ arrow: false,
16
+ ...tooltip
17
+ }
18
+ });
19
+ //#endregion
20
+ exports.Slider = Slider;
21
+
22
+ //# sourceMappingURL=Slider.cjs.map
package/dist/src/components/slider/Slider.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.cjs","names":["AntSlider","cx"],"sources":["../../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { Slider as AntSlider } from 'antd'\nimport type { SliderRangeProps, SliderSingleProps } from 'antd/es/slider'\nimport cx from 'classnames'\n\nexport type Props = SliderSingleProps | SliderRangeProps\n\n/**\n * antd's Slider with the J2 track and handle (theme tokens in `appTheme`) and\n * the DS tooltip convention: no arrow, unless the consumer asks for one.\n */\nexport const Slider = ({ className, tooltip, ...props }: Props) => (\n <AntSlider\n {...(props as SliderSingleProps)}\n className={cx('j2-slider', className)}\n tooltip={{ arrow: false, ...tooltip }}\n />\n)\n"],"mappings":";;;;;;;;;;AAUA,IAAa,UAAU,EAAE,WAAW,SAAS,GAAG,YAC9C,iBAAA,GAAA,kBAAA,IAAA,CAACA,KAAAA,QAAD;CACE,GAAK;CACL,YAAA,GAAWC,WAAAA,QAAAA,CAAG,aAAa,SAAS;CACpC,SAAS;EAAE,OAAO;EAAO,GAAG;CAAQ;AACrC,CAAA"}
package/dist/src/components/slider/Slider.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { SliderRangeProps, SliderSingleProps } from 'antd/es/slider';
2
+ export type Props = SliderSingleProps | SliderRangeProps;
3
+ /**
4
+ * antd's Slider with the J2 track and handle (theme tokens in `appTheme`) and
5
+ * the DS tooltip convention: no arrow, unless the consumer asks for one.
6
+ */
7
+ export declare const Slider: ({ className, tooltip, ...props }: Props) => import('react').JSX.Element;
package/dist/src/components/slider/Slider.js ADDED
@@ -0,0 +1,20 @@
1
+ import { Slider } from "antd";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import cx from "classnames";
4
+ //#region src/components/slider/Slider.tsx
5
+ /**
6
+ * antd's Slider with the J2 track and handle (theme tokens in `appTheme`) and
7
+ * the DS tooltip convention: no arrow, unless the consumer asks for one.
8
+ */
9
+ var Slider$1 = ({ className, tooltip, ...props }) => /* @__PURE__ */ jsx(Slider, {
10
+ ...props,
11
+ className: cx("j2-slider", className),
12
+ tooltip: {
13
+ arrow: false,
14
+ ...tooltip
15
+ }
16
+ });
17
+ //#endregion
18
+ export { Slider$1 as Slider };
19
+
20
+ //# sourceMappingURL=Slider.js.map
package/dist/src/components/slider/Slider.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.js","names":["Slider","AntSlider"],"sources":["../../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { Slider as AntSlider } from 'antd'\nimport type { SliderRangeProps, SliderSingleProps } from 'antd/es/slider'\nimport cx from 'classnames'\n\nexport type Props = SliderSingleProps | SliderRangeProps\n\n/**\n * antd's Slider with the J2 track and handle (theme tokens in `appTheme`) and\n * the DS tooltip convention: no arrow, unless the consumer asks for one.\n */\nexport const Slider = ({ className, tooltip, ...props }: Props) => (\n <AntSlider\n {...(props as SliderSingleProps)}\n className={cx('j2-slider', className)}\n tooltip={{ arrow: false, ...tooltip }}\n />\n)\n"],"mappings":";;;;;;;;AAUA,IAAaA,YAAU,EAAE,WAAW,SAAS,GAAG,YAC9C,oBAACC,QAAD;CACE,GAAK;CACL,WAAW,GAAG,aAAa,SAAS;CACpC,SAAS;EAAE,OAAO;EAAO,GAAG;CAAQ;AACrC,CAAA"}
package/dist/src/components/slider/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { Slider } from './Slider.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@j2-health/design-system",
3
- "version": "0.6.4",
3
+ "version": "0.6.5",
4
4
  "type": "module",
5
5
  "description": "J2 Health shared React component library",
6
6
  "repository": {
@@ -112,7 +112,7 @@
112
112
  "tailwindcss": "^4.3.3",
113
113
  "ts-node": "^10.9.2",
114
114
  "typescript": "^5.5.3",
115
- "typescript-eslint": "^8.71.2",
115
+ "typescript-eslint": "^8.72.0",
116
116
  "vite": "^8.3.4",
117
117
  "vite-plugin-dts": "^5.1.2",
118
118
  "vite-plugin-svgr": "^5.2.0",