@lobehub/ui 6.0.0-beta.9 → 6.0.0

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 (88) hide show
  1. package/README.md +3 -3
  2. package/es/CodeDiff/DiffPanel.mjs +2 -2
  3. package/es/CodeDiff/DiffPanel.mjs.map +1 -1
  4. package/es/Drawer/style.mjs.map +1 -1
  5. package/es/FloatingPanel/style.mjs +3 -2
  6. package/es/FloatingPanel/style.mjs.map +1 -1
  7. package/es/Form/Form.mjs +6 -2
  8. package/es/Form/Form.mjs.map +1 -1
  9. package/es/Form/style.mjs +3 -3
  10. package/es/Form/style.mjs.map +1 -1
  11. package/es/Form/type.d.mts +7 -0
  12. package/es/Popover/style.mjs +1 -1
  13. package/es/Popover/style.mjs.map +1 -1
  14. package/es/ProTable/hooks/useFetchData.mjs +1 -1
  15. package/es/ProTable/hooks/useFetchData.mjs.map +1 -1
  16. package/es/ProTable/parts/FieldControl.mjs +28 -11
  17. package/es/ProTable/parts/FieldControl.mjs.map +1 -1
  18. package/es/ProTable/style.mjs +9 -0
  19. package/es/ProTable/style.mjs.map +1 -1
  20. package/es/ProTable/type.d.mts +5 -2
  21. package/es/Switch/Switch.mjs +8 -1
  22. package/es/Switch/Switch.mjs.map +1 -1
  23. package/es/Switch/atoms.d.mts +7 -1
  24. package/es/Switch/atoms.mjs +20 -4
  25. package/es/Switch/atoms.mjs.map +1 -1
  26. package/es/Switch/style.mjs +33 -2
  27. package/es/Switch/style.mjs.map +1 -1
  28. package/es/Table/Table.mjs +14 -5
  29. package/es/Table/Table.mjs.map +1 -1
  30. package/es/Table/render/FixedFrost.mjs +11 -2
  31. package/es/Table/render/FixedFrost.mjs.map +1 -1
  32. package/es/Table/style.mjs +4 -0
  33. package/es/Table/style.mjs.map +1 -1
  34. package/es/Text/style.d.mts +3 -3
  35. package/es/Toast/dodge.mjs +0 -1
  36. package/es/Toast/dodge.mjs.map +1 -1
  37. package/es/Toast/dodge.stylex.mjs +1 -4
  38. package/es/Toast/dodge.stylex.mjs.map +1 -1
  39. package/es/Toast/style.mjs +1 -1
  40. package/es/Toast/style.mjs.map +1 -1
  41. package/es/Tooltip/style.mjs +2 -2
  42. package/es/Tooltip/style.mjs.map +1 -1
  43. package/es/color/index.d.mts +2 -1
  44. package/es/color/index.mjs +2 -1
  45. package/es/color/status/error.mjs +67 -0
  46. package/es/color/status/error.mjs.map +1 -0
  47. package/es/color/status/index.d.mts +11 -0
  48. package/es/color/status/index.mjs +15 -0
  49. package/es/color/status/index.mjs.map +1 -0
  50. package/es/color/status/info.mjs +67 -0
  51. package/es/color/status/info.mjs.map +1 -0
  52. package/es/color/status/success.mjs +67 -0
  53. package/es/color/status/success.mjs.map +1 -0
  54. package/es/color/status/warning.mjs +67 -0
  55. package/es/color/status/warning.mjs.map +1 -0
  56. package/es/index.d.mts +3 -2
  57. package/es/index.mjs +3 -2
  58. package/es/style.css +114 -23
  59. package/es/styles/index.d.mts +3 -2
  60. package/es/styles/index.mjs +3 -2
  61. package/es/styles/stylex/cssVar.stylex.mjs +3 -0
  62. package/es/styles/stylex/cssVar.stylex.mjs.map +1 -1
  63. package/es/styles/theme/createLobeToken.d.mts +9 -5
  64. package/es/styles/theme/createLobeToken.mjs +3 -2
  65. package/es/styles/theme/createLobeToken.mjs.map +1 -1
  66. package/es/styles/theme/customPalette.d.mts +6 -0
  67. package/es/styles/theme/customPalette.mjs +28 -0
  68. package/es/styles/theme/customPalette.mjs.map +1 -0
  69. package/es/styles/theme/customPrimary.mjs +52 -17
  70. package/es/styles/theme/customPrimary.mjs.map +1 -1
  71. package/es/styles/theme/scope.d.mts +4 -2
  72. package/es/styles/theme/scope.mjs +53 -20
  73. package/es/styles/theme/scope.mjs.map +1 -1
  74. package/es/styles/theme/themeCss.d.mts +1 -0
  75. package/es/styles/theme/themeCss.mjs +16 -1
  76. package/es/styles/theme/themeCss.mjs.map +1 -1
  77. package/es/styles/theme/token/legacy.mjs +12 -12
  78. package/es/styles/theme/token/legacy.mjs.map +1 -1
  79. package/es/styles/theme/token/neutral.mjs +12 -4
  80. package/es/styles/theme/token/neutral.mjs.map +1 -1
  81. package/es/styles/theme/token/neutralText.mjs +91 -0
  82. package/es/styles/theme/token/neutralText.mjs.map +1 -0
  83. package/es/styles/theme/token/palette.mjs +16 -41
  84. package/es/styles/theme/token/palette.mjs.map +1 -1
  85. package/es/styles/theme/token/static.mjs +3 -0
  86. package/es/styles/theme/token/static.mjs.map +1 -1
  87. package/es/theme.css +293 -290
  88. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"style.mjs","names":[],"sources":["../../src/Table/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n columnTitle: {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n wordBreak: 'keep-all',\n minWidth: 0,\n },\n filterActive: {\n color: { 'default': cssVar.colorPrimary, ':hover': cssVar.colorPrimary },\n },\n filterButton: {\n flex: 'none',\n marginBlock: -4,\n },\n filterButtons: {\n gap: 8,\n paddingBlock: 7,\n paddingInline: 8,\n alignItems: 'center',\n borderBlockStartColor: cssVar.colorSplit,\n borderBlockStartStyle: 'solid',\n borderBlockStartWidth: 1,\n display: 'flex',\n justifyContent: 'space-between',\n },\n filterCheckAll: {\n paddingInline: 4,\n marginBlockEnd: 4,\n },\n filterDropdown: {\n display: 'flex',\n flexDirection: 'column',\n minWidth: 120,\n },\n filterEmpty: {\n paddingBlock: 16,\n paddingInline: 0,\n },\n filterGroup: {\n display: 'flex',\n flexDirection: 'column',\n },\n filterGroupTitle: {\n paddingBlock: 5,\n paddingInline: 8,\n color: cssVar.colorTextDescription,\n fontSize: 12,\n },\n filterItem: {\n borderRadius: cssVar.borderRadiusSM,\n paddingBlock: 5,\n paddingInline: 8,\n alignItems: 'center',\n backgroundColor: { 'default': null, ':hover': cssVar.colorFillTertiary },\n display: 'flex',\n whiteSpace: 'nowrap',\n },\n filterMenu: {\n padding: 4,\n overflow: 'auto',\n display: 'flex',\n flexDirection: 'column',\n maxHeight: 264,\n },\n filterPopup: {\n padding: 0,\n overflow: 'hidden',\n },\n filterSearch: {\n padding: 8,\n borderBlockEndColor: cssVar.colorSplit,\n borderBlockEndStyle: 'solid',\n borderBlockEndWidth: 1,\n },\n filterTree: {\n padding: 8,\n overflow: 'auto',\n maxHeight: 264,\n },\n frostEnd: {\n flex: 'none',\n backdropFilter: 'blur(16px)',\n insetInlineEnd: 0,\n marginInlineStart: 'auto',\n position: 'sticky',\n height: '100%',\n },\n // z-index 1: above scrolling cells (z auto), below fixed cells (z >= 2).\n frostRail: {\n display: 'flex',\n insetBlockStart: 0,\n insetInlineStart: 0,\n pointerEvents: 'none',\n position: 'absolute',\n zIndex: 1,\n },\n frostStart: {\n flex: 'none',\n backdropFilter: 'blur(16px)',\n insetInlineStart: 0,\n position: 'sticky',\n height: '100%',\n },\n headerInner: {\n gap: 6,\n alignItems: 'center',\n display: 'inline-flex',\n verticalAlign: 'middle',\n maxWidth: '100%',\n minWidth: 0,\n },\n loading: {\n inset: 0,\n gap: 8,\n alignItems: 'center',\n backgroundColor: `color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent)`,\n color: cssVar.colorTextSecondary,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n position: 'absolute',\n },\n pagination: {\n marginBlock: 16,\n display: 'flex',\n },\n paginationCenter: {\n justifyContent: 'center',\n },\n paginationEnd: {\n justifyContent: 'flex-end',\n },\n paginationStart: {\n justifyContent: 'flex-start',\n },\n paginationTop: {\n marginBlockEnd: '16px',\n marginBlockStart: '0',\n },\n root: {\n minWidth: 0,\n },\n selection: {\n display: 'inline-flex',\n flexDirection: 'column',\n position: 'relative',\n verticalAlign: 'middle',\n },\n selectionExtra: {\n alignItems: 'center',\n display: 'flex',\n insetBlockStart: 0,\n marginInlineStart: '100%',\n paddingInlineStart: 2,\n position: 'absolute',\n zIndex: 1,\n height: '100%',\n },\n selectionRadioGroup: {\n display: 'inline-flex',\n verticalAlign: 'middle',\n },\n selectionTrigger: {\n flex: 'none',\n marginBlock: -4,\n },\n skeleton: {\n display: 'flex',\n flexDirection: 'column',\n textAlign: 'start',\n minWidth: 0,\n width: '100%',\n },\n skeletonCell: {\n paddingBlock: 'var(--lobe-table-padding-block)',\n paddingInline: 'var(--lobe-table-padding-inline)',\n alignItems: 'center',\n display: 'flex',\n minWidth: 0,\n },\n skeletonRow: {\n alignItems: 'stretch',\n borderBlockEndColor: `var(--lobe-fill-border, ${cssVar.colorFill})`,\n borderBlockEndStyle: 'solid',\n borderBlockEndWidth: { 'default': 1, ':last-child': 0 },\n display: 'grid',\n minWidth: 0,\n width: '100%',\n },\n sortButton: {\n gap: 4,\n alignItems: 'center',\n display: 'inline-flex',\n maxWidth: '100%',\n minWidth: 0,\n },\n sortCaret: {\n flex: 'none',\n marginBlock: -4,\n },\n sortTitle: {\n cursor: 'pointer',\n minWidth: 0,\n },\n spinContainer: {\n position: 'relative',\n },\n});\n"],"mappings":"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"}
1
+ {"version":3,"file":"style.mjs","names":[],"sources":["../../src/Table/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n columnTitle: {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n wordBreak: 'keep-all',\n minWidth: 0,\n },\n filterActive: {\n color: { 'default': cssVar.colorPrimary, ':hover': cssVar.colorPrimary },\n },\n filterButton: {\n flex: 'none',\n marginBlock: -4,\n },\n filterButtons: {\n gap: 8,\n paddingBlock: 7,\n paddingInline: 8,\n alignItems: 'center',\n borderBlockStartColor: cssVar.colorSplit,\n borderBlockStartStyle: 'solid',\n borderBlockStartWidth: 1,\n display: 'flex',\n justifyContent: 'space-between',\n },\n filterCheckAll: {\n paddingInline: 4,\n marginBlockEnd: 4,\n },\n filterDropdown: {\n display: 'flex',\n flexDirection: 'column',\n minWidth: 120,\n },\n filterEmpty: {\n paddingBlock: 16,\n paddingInline: 0,\n },\n filterGroup: {\n display: 'flex',\n flexDirection: 'column',\n },\n filterGroupTitle: {\n paddingBlock: 5,\n paddingInline: 8,\n color: cssVar.colorTextDescription,\n fontSize: 12,\n },\n filterItem: {\n borderRadius: cssVar.borderRadiusSM,\n paddingBlock: 5,\n paddingInline: 8,\n alignItems: 'center',\n backgroundColor: { 'default': null, ':hover': cssVar.colorFillTertiary },\n display: 'flex',\n whiteSpace: 'nowrap',\n },\n filterMenu: {\n padding: 4,\n overflow: 'auto',\n display: 'flex',\n flexDirection: 'column',\n maxHeight: 264,\n },\n filterPopup: {\n padding: 0,\n overflow: 'hidden',\n },\n filterSearch: {\n padding: 8,\n borderBlockEndColor: cssVar.colorSplit,\n borderBlockEndStyle: 'solid',\n borderBlockEndWidth: 1,\n },\n filterTree: {\n padding: 8,\n overflow: 'auto',\n maxHeight: 264,\n },\n frostEnd: {\n flex: 'none',\n backdropFilter: 'blur(16px)',\n borderEndEndRadius: 'var(--lobe-table-radius-bottom, 0)',\n borderStartEndRadius: 'var(--lobe-table-radius-top, 0)',\n insetInlineEnd: 0,\n marginInlineStart: 'auto',\n position: 'sticky',\n height: '100%',\n },\n // z-index 1: above scrolling cells (z auto), below fixed cells (z >= 2).\n frostRail: {\n display: 'flex',\n insetBlockStart: 0,\n insetInlineStart: 0,\n pointerEvents: 'none',\n position: 'absolute',\n zIndex: 1,\n },\n frostStart: {\n flex: 'none',\n backdropFilter: 'blur(16px)',\n borderEndStartRadius: 'var(--lobe-table-radius-bottom, 0)',\n borderStartStartRadius: 'var(--lobe-table-radius-top, 0)',\n insetInlineStart: 0,\n position: 'sticky',\n height: '100%',\n },\n headerInner: {\n gap: 6,\n alignItems: 'center',\n display: 'inline-flex',\n verticalAlign: 'middle',\n maxWidth: '100%',\n minWidth: 0,\n },\n loading: {\n inset: 0,\n gap: 8,\n alignItems: 'center',\n backgroundColor: `color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent)`,\n color: cssVar.colorTextSecondary,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n position: 'absolute',\n },\n pagination: {\n marginBlock: 16,\n display: 'flex',\n },\n paginationCenter: {\n justifyContent: 'center',\n },\n paginationEnd: {\n justifyContent: 'flex-end',\n },\n paginationStart: {\n justifyContent: 'flex-start',\n },\n paginationTop: {\n marginBlockEnd: '16px',\n marginBlockStart: '0',\n },\n root: {\n minWidth: 0,\n },\n selection: {\n display: 'inline-flex',\n flexDirection: 'column',\n position: 'relative',\n verticalAlign: 'middle',\n },\n selectionExtra: {\n alignItems: 'center',\n display: 'flex',\n insetBlockStart: 0,\n marginInlineStart: '100%',\n paddingInlineStart: 2,\n position: 'absolute',\n zIndex: 1,\n height: '100%',\n },\n selectionRadioGroup: {\n display: 'inline-flex',\n verticalAlign: 'middle',\n },\n selectionTrigger: {\n flex: 'none',\n marginBlock: -4,\n },\n skeleton: {\n display: 'flex',\n flexDirection: 'column',\n textAlign: 'start',\n minWidth: 0,\n width: '100%',\n },\n skeletonCell: {\n paddingBlock: 'var(--lobe-table-padding-block)',\n paddingInline: 'var(--lobe-table-padding-inline)',\n alignItems: 'center',\n display: 'flex',\n minWidth: 0,\n },\n skeletonRow: {\n alignItems: 'stretch',\n borderBlockEndColor: `var(--lobe-fill-border, ${cssVar.colorFill})`,\n borderBlockEndStyle: 'solid',\n borderBlockEndWidth: { 'default': 1, ':last-child': 0 },\n display: 'grid',\n minWidth: 0,\n width: '100%',\n },\n sortButton: {\n gap: 4,\n alignItems: 'center',\n display: 'inline-flex',\n maxWidth: '100%',\n minWidth: 0,\n },\n sortCaret: {\n flex: 'none',\n marginBlock: -4,\n },\n sortTitle: {\n cursor: 'pointer',\n minWidth: 0,\n },\n spinContainer: {\n position: 'relative',\n },\n});\n"],"mappings":"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"}
@@ -14,13 +14,13 @@ export declare const textStyles: {
14
14
  text: string;
15
15
  disabled: string;
16
16
  danger: string;
17
+ success: string;
18
+ info: string;
19
+ warning: string;
17
20
  delete: string;
18
21
  ellipsis: string;
19
22
  italic: string;
20
23
  underline: string;
21
- success: string;
22
- warning: string;
23
- info: string;
24
24
  ellipsisMulti: string;
25
25
  secondary: string;
26
26
  };
@@ -1,6 +1,5 @@
1
1
  import { toastDodge } from "./dodge.stylex.mjs";
2
2
  toastDodge.duration;
3
- toastDodge.ease;
4
3
  const TOAST_SHIFT_X_VAR = "--toast-shift-x";
5
4
  const TOAST_SHIFT_Y_VAR = "--toast-shift-y";
6
5
  const TOAST_WIDTH_VAR = "--toast-width";
@@ -1 +1 @@
1
- {"version":3,"file":"dodge.mjs","names":[],"sources":["../../src/Toast/dodge.ts"],"sourcesContent":["import { toastDodge } from './dodge.stylex';\n\nexport const TOAST_WIDTH = 360;\nexport const TOAST_MIN_WIDTH = 260;\nexport const TOAST_EDGE = 16;\nexport const TOAST_ROW_HEIGHT = 88;\nexport const TOAST_DODGE_GUTTER = 12;\n\nexport const TOAST_DODGE_DURATION = toastDodge.duration;\nexport const TOAST_DODGE_EASE = toastDodge.ease;\n\nexport const TOAST_SHIFT_X_VAR = '--toast-shift-x';\nexport const TOAST_SHIFT_Y_VAR = '--toast-shift-y';\nexport const TOAST_WIDTH_VAR = '--toast-width';\nexport const PANEL_RESERVE_VAR = '--floating-panel-reserve-block-end';\nexport const PANEL_ALIGN_INLINE_VAR = '--floating-panel-reserve-inline-end';\n\nexport interface ToastDodgeInput {\n panelHeight: number;\n panelOffsetX: number;\n panelOffsetY: number;\n panelWidth: number;\n viewportHeight: number;\n viewportWidth: number;\n}\n\nexport type ToastDodgeMode = 'left' | 'reserve' | 'shrink' | 'up';\n\nexport interface ToastDodgeResult {\n alignInline: number;\n mode: ToastDodgeMode;\n reserve: number;\n shiftX: number;\n shiftY: number;\n width: number;\n}\n\nexport const resolveToastDodge = ({\n panelHeight,\n panelOffsetX,\n panelOffsetY,\n panelWidth,\n viewportHeight,\n viewportWidth,\n}: ToastDodgeInput): ToastDodgeResult => {\n const shiftX = Math.max(0, panelWidth + panelOffsetX + TOAST_DODGE_GUTTER - TOAST_EDGE);\n const shiftY = Math.max(0, panelHeight + panelOffsetY + TOAST_DODGE_GUTTER - TOAST_EDGE);\n const lane = viewportWidth - shiftX - TOAST_EDGE * 2;\n const headroom = viewportHeight - shiftY - TOAST_EDGE * 2;\n\n // The panel sits closer to the edge than the toast does, so the pair reads as\n // misaligned until the panel is pushed out to the toast's inset. Which axis\n // needs it follows which edge the two end up sharing.\n const alignBlock = Math.max(0, TOAST_EDGE - panelOffsetY);\n const alignInline = Math.max(0, TOAST_EDGE - panelOffsetX);\n\n if (lane >= TOAST_WIDTH) {\n return {\n alignInline: 0,\n mode: 'left',\n reserve: alignBlock,\n shiftX,\n shiftY: 0,\n width: TOAST_WIDTH,\n };\n }\n\n if (headroom >= TOAST_ROW_HEIGHT) {\n return { alignInline, mode: 'up', reserve: 0, shiftX: 0, shiftY, width: TOAST_WIDTH };\n }\n\n if (lane >= TOAST_MIN_WIDTH) {\n return { alignInline: 0, mode: 'shrink', reserve: alignBlock, shiftX, shiftY: 0, width: lane };\n }\n\n // ponytail: the reserve budget is one toast row, not the live stack height —\n // measuring the stack would feed panel resizes back into the measurement.\n // A taller stack overflows upward here; per-stack reserve if that shows up.\n return {\n alignInline,\n mode: 'reserve',\n reserve: Math.max(0, TOAST_EDGE + TOAST_ROW_HEIGHT + TOAST_DODGE_GUTTER - panelOffsetY),\n shiftX: 0,\n shiftY: 0,\n width: TOAST_WIDTH,\n };\n};\n"],"mappings":";AAQoC,WAAW;AACf,WAAW;AAE3C,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,kBAAkB;AAC/B,MAAa,oBAAoB;AACjC,MAAa,yBAAyB;AAsBtC,MAAa,qBAAqB,EAChC,aACA,cACA,cACA,YACA,gBACA,oBACuC;CACvC,MAAM,SAAS,KAAK,IAAI,GAAG,aAAa,eAAA,KAAA,EAA8C;CACtF,MAAM,SAAS,KAAK,IAAI,GAAG,cAAc,eAAA,KAAA,EAA8C;CACvF,MAAM,OAAO,gBAAgB,SAAS;CACtC,MAAM,WAAW,iBAAiB,SAAS;CAK3C,MAAM,aAAa,KAAK,IAAI,GAAA,KAAgB,YAAY;CACxD,MAAM,cAAc,KAAK,IAAI,GAAA,KAAgB,YAAY;CAEzD,IAAI,QAAA,KACF,OAAO;EACL,aAAa;EACb,MAAM;EACN,SAAS;EACT;EACA,QAAQ;EACR,OAAA;CACF;CAGF,IAAI,YAAA,IACF,OAAO;EAAE;EAAa,MAAM;EAAM,SAAS;EAAG,QAAQ;EAAG;EAAQ,OAAA;CAAmB;CAGtF,IAAI,QAAA,KACF,OAAO;EAAE,aAAa;EAAG,MAAM;EAAU,SAAS;EAAY;EAAQ,QAAQ;EAAG,OAAO;CAAK;CAM/F,OAAO;EACL;EACA,MAAM;EACN,SAAS,KAAK,IAAI,GAAG,MAAqD,YAAY;EACtF,QAAQ;EACR,QAAQ;EACR,OAAA;CACF;AACF"}
1
+ {"version":3,"file":"dodge.mjs","names":[],"sources":["../../src/Toast/dodge.ts"],"sourcesContent":["import { toastDodge } from './dodge.stylex';\n\nexport const TOAST_WIDTH = 360;\nexport const TOAST_MIN_WIDTH = 260;\nexport const TOAST_EDGE = 16;\nexport const TOAST_ROW_HEIGHT = 88;\nexport const TOAST_DODGE_GUTTER = 12;\n\nexport const TOAST_DODGE_DURATION = toastDodge.duration;\n\nexport const TOAST_SHIFT_X_VAR = '--toast-shift-x';\nexport const TOAST_SHIFT_Y_VAR = '--toast-shift-y';\nexport const TOAST_WIDTH_VAR = '--toast-width';\nexport const PANEL_RESERVE_VAR = '--floating-panel-reserve-block-end';\nexport const PANEL_ALIGN_INLINE_VAR = '--floating-panel-reserve-inline-end';\n\nexport interface ToastDodgeInput {\n panelHeight: number;\n panelOffsetX: number;\n panelOffsetY: number;\n panelWidth: number;\n viewportHeight: number;\n viewportWidth: number;\n}\n\nexport type ToastDodgeMode = 'left' | 'reserve' | 'shrink' | 'up';\n\nexport interface ToastDodgeResult {\n alignInline: number;\n mode: ToastDodgeMode;\n reserve: number;\n shiftX: number;\n shiftY: number;\n width: number;\n}\n\nexport const resolveToastDodge = ({\n panelHeight,\n panelOffsetX,\n panelOffsetY,\n panelWidth,\n viewportHeight,\n viewportWidth,\n}: ToastDodgeInput): ToastDodgeResult => {\n const shiftX = Math.max(0, panelWidth + panelOffsetX + TOAST_DODGE_GUTTER - TOAST_EDGE);\n const shiftY = Math.max(0, panelHeight + panelOffsetY + TOAST_DODGE_GUTTER - TOAST_EDGE);\n const lane = viewportWidth - shiftX - TOAST_EDGE * 2;\n const headroom = viewportHeight - shiftY - TOAST_EDGE * 2;\n\n // The panel sits closer to the edge than the toast does, so the pair reads as\n // misaligned until the panel is pushed out to the toast's inset. Which axis\n // needs it follows which edge the two end up sharing.\n const alignBlock = Math.max(0, TOAST_EDGE - panelOffsetY);\n const alignInline = Math.max(0, TOAST_EDGE - panelOffsetX);\n\n if (lane >= TOAST_WIDTH) {\n return {\n alignInline: 0,\n mode: 'left',\n reserve: alignBlock,\n shiftX,\n shiftY: 0,\n width: TOAST_WIDTH,\n };\n }\n\n if (headroom >= TOAST_ROW_HEIGHT) {\n return { alignInline, mode: 'up', reserve: 0, shiftX: 0, shiftY, width: TOAST_WIDTH };\n }\n\n if (lane >= TOAST_MIN_WIDTH) {\n return { alignInline: 0, mode: 'shrink', reserve: alignBlock, shiftX, shiftY: 0, width: lane };\n }\n\n // ponytail: the reserve budget is one toast row, not the live stack height —\n // measuring the stack would feed panel resizes back into the measurement.\n // A taller stack overflows upward here; per-stack reserve if that shows up.\n return {\n alignInline,\n mode: 'reserve',\n reserve: Math.max(0, TOAST_EDGE + TOAST_ROW_HEIGHT + TOAST_DODGE_GUTTER - panelOffsetY),\n shiftX: 0,\n shiftY: 0,\n width: TOAST_WIDTH,\n };\n};\n"],"mappings":";AAQoC,WAAW;AAE/C,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,kBAAkB;AAC/B,MAAa,oBAAoB;AACjC,MAAa,yBAAyB;AAsBtC,MAAa,qBAAqB,EAChC,aACA,cACA,cACA,YACA,gBACA,oBACuC;CACvC,MAAM,SAAS,KAAK,IAAI,GAAG,aAAa,eAAA,KAAA,EAA8C;CACtF,MAAM,SAAS,KAAK,IAAI,GAAG,cAAc,eAAA,KAAA,EAA8C;CACvF,MAAM,OAAO,gBAAgB,SAAS;CACtC,MAAM,WAAW,iBAAiB,SAAS;CAK3C,MAAM,aAAa,KAAK,IAAI,GAAA,KAAgB,YAAY;CACxD,MAAM,cAAc,KAAK,IAAI,GAAA,KAAgB,YAAY;CAEzD,IAAI,QAAA,KACF,OAAO;EACL,aAAa;EACb,MAAM;EACN,SAAS;EACT;EACA,QAAQ;EACR,OAAA;CACF;CAGF,IAAI,YAAA,IACF,OAAO;EAAE;EAAa,MAAM;EAAM,SAAS;EAAG,QAAQ;EAAG;EAAQ,OAAA;CAAmB;CAGtF,IAAI,QAAA,KACF,OAAO;EAAE,aAAa;EAAG,MAAM;EAAU,SAAS;EAAY;EAAQ,QAAQ;EAAG,OAAO;CAAK;CAM/F,OAAO;EACL;EACA,MAAM;EACN,SAAS,KAAK,IAAI,GAAG,MAAqD,YAAY;EACtF,QAAQ;EACR,QAAQ;EACR,OAAA;CACF;AACF"}
@@ -1,8 +1,5 @@
1
1
  //#region src/Toast/dodge.stylex.ts
2
- const toastDodge = {
3
- duration: "608ms",
4
- ease: "linear(0, 0.08, 0.249, 0.437, 0.607, 0.745, 0.847, 0.917, 0.963, 0.99, 1.004, 1.011, 1.012, 1.011, 1.009, 1.007, 1.005, 1.003, 1.002, 1)"
5
- };
2
+ const toastDodge = { duration: "608ms" };
6
3
  //#endregion
7
4
  export { toastDodge };
8
5
 
@@ -1 +1 @@
1
- {"version":3,"file":"dodge.stylex.mjs","names":[],"sources":["../../src/Toast/dodge.stylex.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\n// Spring baked as linear(): stiffness 460 / damping 53 / mass 2.3, zeta ~0.81\n// with 1.2% overshoot. The duration is the spring's settle time — change them\n// together with the curve, not independently.\nexport const toastDodge = stylex.defineConsts({\n duration: '608ms',\n ease: 'linear(0, 0.08, 0.249, 0.437, 0.607, 0.745, 0.847, 0.917, 0.963, 0.99, 1.004, 1.011, 1.012, 1.011, 1.009, 1.007, 1.005, 1.003, 1.002, 1)',\n});\n"],"mappings":";AAKA,MAAa,aAAa;CACxB,UAAU;CACV,MAAM;AACR"}
1
+ {"version":3,"file":"dodge.stylex.mjs","names":[],"sources":["../../src/Toast/dodge.stylex.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\n// Paired with motionSpringSnappy: the duration is that spring's settle time —\n// change them together, not independently.\nexport const toastDodge = stylex.defineConsts({\n duration: '608ms',\n});\n"],"mappings":";AAIA,MAAa,aAAa,EACxB,UAAU,QACZ"}
@@ -204,7 +204,7 @@ const styles = {
204
204
  k3aq6I: "lb18zyp77",
205
205
  kIyJzY: "lb1x2t6jx lb12w9bfk",
206
206
  k1ekBW: "lb11xpdln lb4wkmsb",
207
- kAMwcw: "lbh0x3zu lb7v8fk2",
207
+ kAMwcw: "lbsygjwy lb7v8fk2",
208
208
  $$css: true
209
209
  },
210
210
  viewportTop: {
@@ -1 +1 @@
1
- {"version":3,"file":"style.mjs","names":[],"sources":["../../src/Toast/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { toastDodge } from './dodge.stylex';\n\nconst focusVisible = ':focus-visible:not([data-lobe-focus-ring=\"managed\"])';\nconst forcedColors = '@media (forced-colors: active)';\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst hover = ':hover:not(:active)';\nconst startingOrEnding = ':is([data-starting-style], [data-ending-style])';\nconst expanded = ':is([data-expanded]):not([data-starting-style], [data-ending-style])';\nconst swiping = ':is([data-swiping])';\nconst viewportOffsetX = 'var(--toast-viewport-offset-x, 16px)';\nconst viewportOffsetY = 'var(--toast-viewport-offset-y, 16px)';\n\nexport const styles = stylex.create({\n action: {\n borderColor: 'currentcolor',\n borderRadius: cssVar.borderRadiusSM,\n borderStyle: 'none',\n borderWidth: 'medium',\n paddingInline: 12,\n transition: 'background 0.2s, color 0.2s',\n alignItems: 'center',\n cursor: 'pointer',\n display: 'inline-flex',\n flexShrink: 0,\n fontSize: 12,\n fontWeight: 500,\n justifyContent: 'center',\n lineHeight: 1,\n height: 28,\n },\n\n actionDanger: {\n '--lobe-focus-ring-color': cssVar.colorError,\n 'backgroundColor': {\n 'default': cssVar.colorError,\n [hover]: cssVar.colorErrorHover,\n ':active': cssVar.colorErrorActive,\n },\n 'color': cssVar.colorBgLayout,\n 'outlineColor': {\n default: null,\n [focusVisible]: `color-mix(in srgb, ${cssVar.colorError} 90%, transparent)`,\n [forcedColors]: { default: null, [focusVisible]: 'CanvasText' },\n },\n },\n\n actionGhost: {\n borderColor: {\n 'default': cssVar.colorBorder,\n [hover]: cssVar.colorPrimary,\n ':active': cssVar.colorPrimaryActive,\n },\n borderStyle: 'solid',\n borderWidth: 1,\n backgroundColor: 'transparent',\n color: {\n 'default': cssVar.colorText,\n [hover]: cssVar.colorPrimary,\n ':active': cssVar.colorPrimaryActive,\n },\n },\n\n actionPrimary: {\n backgroundColor: {\n 'default': cssVar.colorPrimary,\n [hover]: cssVar.colorPrimaryHover,\n ':active': cssVar.colorPrimaryActive,\n },\n color: cssVar.colorBgLayout,\n },\n\n actionSecondary: {\n backgroundColor: {\n 'default': cssVar.colorFillSecondary,\n [hover]: cssVar.colorFillTertiary,\n ':active': cssVar.colorFill,\n },\n color: cssVar.colorText,\n },\n\n actionText: {\n backgroundColor: {\n 'default': 'transparent',\n [hover]: cssVar.colorFillTertiary,\n ':active': cssVar.colorFillSecondary,\n },\n color: cssVar.colorPrimary,\n },\n\n actions: {\n gap: 8,\n alignItems: 'center',\n alignSelf: 'flex-end',\n display: 'flex',\n flexGrow: 1,\n flexShrink: 0,\n justifyContent: 'flex-end',\n marginBlockStart: 8,\n },\n\n close: {\n padding: 0,\n borderColor: 'currentcolor',\n borderRadius: cssVar.borderRadiusSM,\n borderStyle: 'none',\n borderWidth: 'medium',\n transition: 'all 0.2s',\n alignItems: 'center',\n backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillSecondary },\n color: { 'default': cssVar.colorTextSecondary, ':hover': cssVar.colorText },\n cursor: 'pointer',\n display: 'flex',\n flexShrink: 0,\n justifyContent: 'center',\n marginInlineStart: 'auto',\n height: 20,\n width: 20,\n },\n\n content: {\n overflow: 'hidden',\n transition: 'opacity 0.2s',\n opacity: {\n 'default': null,\n ':is([data-behind]):not([data-expanded])': 0,\n ':is([data-expanded])': 1,\n },\n pointerEvents: {\n 'default': null,\n ':is([data-behind]):not([data-expanded])': 'none',\n ':is([data-expanded])': 'auto',\n },\n },\n\n contentArea: {\n flex: '1',\n display: 'flex',\n flexDirection: 'column',\n minWidth: 0,\n },\n\n description: {\n margin: 0,\n color: cssVar.colorTextSecondary,\n fontSize: 13,\n lineHeight: 1.5,\n },\n\n descriptionStandalone: {\n color: cssVar.colorText,\n },\n\n icon: {\n alignItems: 'center',\n display: 'flex',\n flexShrink: 0,\n justifyContent: 'center',\n },\n\n root: {\n '--toast-collapsed-height': 'var(--toast-frontmost-height, var(--toast-height))',\n '--toast-gap': '12px',\n '--toast-peek': '12px',\n '--toast-scale': 'calc(1 - var(--toast-index) * 0.05)',\n '--toast-shrink': 'calc(1 - var(--toast-scale))',\n 'borderRadius': `var(--toast-border-radius, ${cssVar.borderRadiusLG})`,\n 'insetInline': 0,\n 'paddingBlock': 12,\n 'paddingInline': 16,\n 'backgroundClip': 'padding-box',\n 'backgroundColor': cssVar.colorBgElevated,\n 'boxShadow': `${cssVar.boxShadowSecondary}, var(--lobe-ring)`,\n 'boxSizing': 'border-box',\n 'color': cssVar.colorText,\n 'cursor': 'default',\n 'opacity': {\n 'default': null,\n ':is([data-limited], [data-starting-style], [data-ending-style])': 0,\n },\n 'position': 'absolute',\n 'transitionDuration': { default: '0.4s, 0.4s, 0.15s', [swiping]: '0s' },\n 'transitionProperty': { default: 'transform, opacity, height', [swiping]: 'none' },\n 'transitionTimingFunction': {\n default: 'cubic-bezier(0.22, 1, 0.36, 1), ease, ease',\n [swiping]: 'ease',\n },\n 'userSelect': 'none',\n // eslint-disable-next-line @stylexjs/valid-styles -- the rule only allows numeric z-index; calc() is valid CSS\n 'zIndex': 'calc(1000 - var(--toast-index))',\n 'height': {\n 'default': 'var(--toast-collapsed-height)',\n ':is([data-expanded])': 'var(--toast-height)',\n },\n 'width': '100%',\n },\n\n rootBottom: {\n 'insetBlock': 'auto 0',\n 'transform': {\n default:\n 'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-peek)) - (var(--toast-shrink) * var(--toast-collapsed-height)))) scale(var(--toast-scale))',\n [expanded]:\n 'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-offset-y) * -1 + var(--toast-index) * var(--toast-gap) * -1)) scale(1)',\n [startingOrEnding]: 'translateY(150%)',\n },\n 'transformOrigin': 'bottom center',\n '::after': {\n insetInline: 0,\n content: \"''\",\n insetBlockStart: '100%',\n position: 'absolute',\n height: 'calc(var(--toast-gap) + var(--toast-peek) + 8px)',\n },\n },\n\n rootTop: {\n 'insetBlock': '0 auto',\n 'transform': {\n default:\n 'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--toast-peek)) + (var(--toast-shrink) * var(--toast-collapsed-height)))) scale(var(--toast-scale))',\n [expanded]:\n 'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-offset-y) + var(--toast-index) * var(--toast-gap))) scale(1)',\n [startingOrEnding]: 'translateY(-150%)',\n },\n 'transformOrigin': 'top center',\n '::after': {\n insetInline: 0,\n content: \"''\",\n insetBlockEnd: '100%',\n position: 'absolute',\n height: 'calc(var(--toast-gap) + var(--toast-peek) + 8px)',\n },\n },\n\n title: {\n margin: 0,\n color: cssVar.colorText,\n fontSize: 14,\n fontWeight: 500,\n lineHeight: 1.5,\n },\n\n titleRow: {\n gap: 8,\n alignItems: 'flex-start',\n display: 'flex',\n },\n\n toastBody: {\n gap: 12,\n alignItems: 'flex-start',\n display: 'flex',\n },\n\n viewport: {\n outline: '0',\n position: 'fixed',\n zIndex: 100_000,\n maxWidth: `calc(100vw - ${viewportOffsetX} * 2)`,\n width: {\n 'default': 'var(--toast-width, 360px)',\n '@media (width <= 480px)': `calc(100vw - ${viewportOffsetX} * 2)`,\n },\n },\n\n viewportBottom: {\n insetBlockEnd: viewportOffsetY,\n insetInlineStart: '50%',\n transform: 'translateX(-50%)',\n },\n\n viewportBottomLeft: {\n insetBlockEnd: viewportOffsetY,\n insetInlineStart: viewportOffsetX,\n },\n\n viewportBottomRight: {\n insetBlockEnd: viewportOffsetY,\n insetInlineEnd: viewportOffsetX,\n transform:\n 'translate(calc(-1 * var(--toast-shift-x, 0px)), calc(-1 * var(--toast-shift-y, 0px)))',\n transitionDuration: { default: toastDodge.duration, [reducedMotion]: '0s' },\n transitionProperty: { default: 'transform', [reducedMotion]: 'none' },\n transitionTimingFunction: { default: toastDodge.ease, [reducedMotion]: 'ease' },\n },\n\n viewportTop: {\n insetBlockStart: viewportOffsetY,\n insetInlineStart: '50%',\n transform: 'translateX(-50%)',\n },\n\n viewportTopLeft: {\n insetBlockStart: viewportOffsetY,\n insetInlineStart: viewportOffsetX,\n },\n\n viewportTopRight: {\n insetBlockStart: viewportOffsetY,\n insetInlineEnd: viewportOffsetX,\n },\n});\n\nexport const viewportPositionStyles = {\n 'bottom': styles.viewportBottom,\n 'bottom-left': styles.viewportBottomLeft,\n 'bottom-right': styles.viewportBottomRight,\n 'top': styles.viewportTop,\n 'top-left': styles.viewportTopLeft,\n 'top-right': styles.viewportTopRight,\n};\n\nexport const rootPositionStyles = {\n 'bottom': styles.rootBottom,\n 'bottom-left': styles.rootBottom,\n 'bottom-right': styles.rootBottom,\n 'top': styles.rootTop,\n 'top-left': styles.rootTop,\n 'top-right': styles.rootTop,\n};\n\nexport const actionVariantStyles = {\n danger: styles.actionDanger,\n ghost: styles.actionGhost,\n primary: styles.actionPrimary,\n secondary: styles.actionSecondary,\n text: styles.actionText,\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"style.mjs","names":[],"sources":["../../src/Toast/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { toastDodge } from './dodge.stylex';\n\nconst focusVisible = ':focus-visible:not([data-lobe-focus-ring=\"managed\"])';\nconst forcedColors = '@media (forced-colors: active)';\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst hover = ':hover:not(:active)';\nconst startingOrEnding = ':is([data-starting-style], [data-ending-style])';\nconst expanded = ':is([data-expanded]):not([data-starting-style], [data-ending-style])';\nconst swiping = ':is([data-swiping])';\nconst viewportOffsetX = 'var(--toast-viewport-offset-x, 16px)';\nconst viewportOffsetY = 'var(--toast-viewport-offset-y, 16px)';\n\nexport const styles = stylex.create({\n action: {\n borderColor: 'currentcolor',\n borderRadius: cssVar.borderRadiusSM,\n borderStyle: 'none',\n borderWidth: 'medium',\n paddingInline: 12,\n transition: 'background 0.2s, color 0.2s',\n alignItems: 'center',\n cursor: 'pointer',\n display: 'inline-flex',\n flexShrink: 0,\n fontSize: 12,\n fontWeight: 500,\n justifyContent: 'center',\n lineHeight: 1,\n height: 28,\n },\n\n actionDanger: {\n '--lobe-focus-ring-color': cssVar.colorError,\n 'backgroundColor': {\n 'default': cssVar.colorError,\n [hover]: cssVar.colorErrorHover,\n ':active': cssVar.colorErrorActive,\n },\n 'color': cssVar.colorBgLayout,\n 'outlineColor': {\n default: null,\n [focusVisible]: `color-mix(in srgb, ${cssVar.colorError} 90%, transparent)`,\n [forcedColors]: { default: null, [focusVisible]: 'CanvasText' },\n },\n },\n\n actionGhost: {\n borderColor: {\n 'default': cssVar.colorBorder,\n [hover]: cssVar.colorPrimary,\n ':active': cssVar.colorPrimaryActive,\n },\n borderStyle: 'solid',\n borderWidth: 1,\n backgroundColor: 'transparent',\n color: {\n 'default': cssVar.colorText,\n [hover]: cssVar.colorPrimary,\n ':active': cssVar.colorPrimaryActive,\n },\n },\n\n actionPrimary: {\n backgroundColor: {\n 'default': cssVar.colorPrimary,\n [hover]: cssVar.colorPrimaryHover,\n ':active': cssVar.colorPrimaryActive,\n },\n color: cssVar.colorBgLayout,\n },\n\n actionSecondary: {\n backgroundColor: {\n 'default': cssVar.colorFillSecondary,\n [hover]: cssVar.colorFillTertiary,\n ':active': cssVar.colorFill,\n },\n color: cssVar.colorText,\n },\n\n actionText: {\n backgroundColor: {\n 'default': 'transparent',\n [hover]: cssVar.colorFillTertiary,\n ':active': cssVar.colorFillSecondary,\n },\n color: cssVar.colorPrimary,\n },\n\n actions: {\n gap: 8,\n alignItems: 'center',\n alignSelf: 'flex-end',\n display: 'flex',\n flexGrow: 1,\n flexShrink: 0,\n justifyContent: 'flex-end',\n marginBlockStart: 8,\n },\n\n close: {\n padding: 0,\n borderColor: 'currentcolor',\n borderRadius: cssVar.borderRadiusSM,\n borderStyle: 'none',\n borderWidth: 'medium',\n transition: 'all 0.2s',\n alignItems: 'center',\n backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillSecondary },\n color: { 'default': cssVar.colorTextSecondary, ':hover': cssVar.colorText },\n cursor: 'pointer',\n display: 'flex',\n flexShrink: 0,\n justifyContent: 'center',\n marginInlineStart: 'auto',\n height: 20,\n width: 20,\n },\n\n content: {\n overflow: 'hidden',\n transition: 'opacity 0.2s',\n opacity: {\n 'default': null,\n ':is([data-behind]):not([data-expanded])': 0,\n ':is([data-expanded])': 1,\n },\n pointerEvents: {\n 'default': null,\n ':is([data-behind]):not([data-expanded])': 'none',\n ':is([data-expanded])': 'auto',\n },\n },\n\n contentArea: {\n flex: '1',\n display: 'flex',\n flexDirection: 'column',\n minWidth: 0,\n },\n\n description: {\n margin: 0,\n color: cssVar.colorTextSecondary,\n fontSize: 13,\n lineHeight: 1.5,\n },\n\n descriptionStandalone: {\n color: cssVar.colorText,\n },\n\n icon: {\n alignItems: 'center',\n display: 'flex',\n flexShrink: 0,\n justifyContent: 'center',\n },\n\n root: {\n '--toast-collapsed-height': 'var(--toast-frontmost-height, var(--toast-height))',\n '--toast-gap': '12px',\n '--toast-peek': '12px',\n '--toast-scale': 'calc(1 - var(--toast-index) * 0.05)',\n '--toast-shrink': 'calc(1 - var(--toast-scale))',\n 'borderRadius': `var(--toast-border-radius, ${cssVar.borderRadiusLG})`,\n 'insetInline': 0,\n 'paddingBlock': 12,\n 'paddingInline': 16,\n 'backgroundClip': 'padding-box',\n 'backgroundColor': cssVar.colorBgElevated,\n 'boxShadow': `${cssVar.boxShadowSecondary}, var(--lobe-ring)`,\n 'boxSizing': 'border-box',\n 'color': cssVar.colorText,\n 'cursor': 'default',\n 'opacity': {\n 'default': null,\n ':is([data-limited], [data-starting-style], [data-ending-style])': 0,\n },\n 'position': 'absolute',\n 'transitionDuration': { default: '0.4s, 0.4s, 0.15s', [swiping]: '0s' },\n 'transitionProperty': { default: 'transform, opacity, height', [swiping]: 'none' },\n 'transitionTimingFunction': {\n default: 'cubic-bezier(0.22, 1, 0.36, 1), ease, ease',\n [swiping]: 'ease',\n },\n 'userSelect': 'none',\n // eslint-disable-next-line @stylexjs/valid-styles -- the rule only allows numeric z-index; calc() is valid CSS\n 'zIndex': 'calc(1000 - var(--toast-index))',\n 'height': {\n 'default': 'var(--toast-collapsed-height)',\n ':is([data-expanded])': 'var(--toast-height)',\n },\n 'width': '100%',\n },\n\n rootBottom: {\n 'insetBlock': 'auto 0',\n 'transform': {\n default:\n 'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-peek)) - (var(--toast-shrink) * var(--toast-collapsed-height)))) scale(var(--toast-scale))',\n [expanded]:\n 'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-offset-y) * -1 + var(--toast-index) * var(--toast-gap) * -1)) scale(1)',\n [startingOrEnding]: 'translateY(150%)',\n },\n 'transformOrigin': 'bottom center',\n '::after': {\n insetInline: 0,\n content: \"''\",\n insetBlockStart: '100%',\n position: 'absolute',\n height: 'calc(var(--toast-gap) + var(--toast-peek) + 8px)',\n },\n },\n\n rootTop: {\n 'insetBlock': '0 auto',\n 'transform': {\n default:\n 'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--toast-peek)) + (var(--toast-shrink) * var(--toast-collapsed-height)))) scale(var(--toast-scale))',\n [expanded]:\n 'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-offset-y) + var(--toast-index) * var(--toast-gap))) scale(1)',\n [startingOrEnding]: 'translateY(-150%)',\n },\n 'transformOrigin': 'top center',\n '::after': {\n insetInline: 0,\n content: \"''\",\n insetBlockEnd: '100%',\n position: 'absolute',\n height: 'calc(var(--toast-gap) + var(--toast-peek) + 8px)',\n },\n },\n\n title: {\n margin: 0,\n color: cssVar.colorText,\n fontSize: 14,\n fontWeight: 500,\n lineHeight: 1.5,\n },\n\n titleRow: {\n gap: 8,\n alignItems: 'flex-start',\n display: 'flex',\n },\n\n toastBody: {\n gap: 12,\n alignItems: 'flex-start',\n display: 'flex',\n },\n\n viewport: {\n outline: '0',\n position: 'fixed',\n zIndex: 100_000,\n maxWidth: `calc(100vw - ${viewportOffsetX} * 2)`,\n width: {\n 'default': 'var(--toast-width, 360px)',\n '@media (width <= 480px)': `calc(100vw - ${viewportOffsetX} * 2)`,\n },\n },\n\n viewportBottom: {\n insetBlockEnd: viewportOffsetY,\n insetInlineStart: '50%',\n transform: 'translateX(-50%)',\n },\n\n viewportBottomLeft: {\n insetBlockEnd: viewportOffsetY,\n insetInlineStart: viewportOffsetX,\n },\n\n viewportBottomRight: {\n insetBlockEnd: viewportOffsetY,\n insetInlineEnd: viewportOffsetX,\n transform:\n 'translate(calc(-1 * var(--toast-shift-x, 0px)), calc(-1 * var(--toast-shift-y, 0px)))',\n transitionDuration: { default: toastDodge.duration, [reducedMotion]: '0s' },\n transitionProperty: { default: 'transform', [reducedMotion]: 'none' },\n transitionTimingFunction: { default: cssVar.motionSpringSnappy, [reducedMotion]: 'ease' },\n },\n\n viewportTop: {\n insetBlockStart: viewportOffsetY,\n insetInlineStart: '50%',\n transform: 'translateX(-50%)',\n },\n\n viewportTopLeft: {\n insetBlockStart: viewportOffsetY,\n insetInlineStart: viewportOffsetX,\n },\n\n viewportTopRight: {\n insetBlockStart: viewportOffsetY,\n insetInlineEnd: viewportOffsetX,\n },\n});\n\nexport const viewportPositionStyles = {\n 'bottom': styles.viewportBottom,\n 'bottom-left': styles.viewportBottomLeft,\n 'bottom-right': styles.viewportBottomRight,\n 'top': styles.viewportTop,\n 'top-left': styles.viewportTopLeft,\n 'top-right': styles.viewportTopRight,\n};\n\nexport const rootPositionStyles = {\n 'bottom': styles.rootBottom,\n 'bottom-left': styles.rootBottom,\n 'bottom-right': styles.rootBottom,\n 'top': styles.rootTop,\n 'top-left': styles.rootTop,\n 'top-right': styles.rootTop,\n};\n\nexport const actionVariantStyles = {\n danger: styles.actionDanger,\n ghost: styles.actionGhost,\n primary: styles.actionPrimary,\n secondary: styles.actionSecondary,\n text: styles.actionText,\n};\n"],"mappings":"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"}
@@ -54,13 +54,13 @@ const styles = {
54
54
  "--lobe-tooltip-animation-duration": "lbabgygf lb1fy5egn",
55
55
  "--lobe-tooltip-animation-duration-exit": "lb17zxa9l lb15570jz",
56
56
  "--lobe-tooltip-animation-ease-in": "lb1czz40j",
57
- "--lobe-tooltip-animation-ease-out": "lbiyrdk8",
57
+ "--lobe-tooltip-animation-ease-out": "lb19w7cha",
58
58
  "--lobe-tooltip-animation-scale": "lb1ezh9a6",
59
59
  "--lobe-tooltip-animation-translate": "lb1xzhb9q",
60
60
  "--lobe-tooltip-fade-duration": "lbytl4um lb1ae5iqf",
61
61
  "--lobe-tooltip-fade-ease": "lb1epvlm",
62
62
  "--lobe-tooltip-layout-duration": "lb1rnv61f lb3dl09s",
63
- "--lobe-tooltip-layout-ease": "lb1dnf3u4",
63
+ "--lobe-tooltip-layout-ease": "lbm88wyt",
64
64
  "--lobe-tooltip-translate-x": "lb1x6gem7 lbjzfilc lb19p6rg0",
65
65
  "--lobe-tooltip-translate-y": "lb1ppaw8e lb1e6wdka lb1rub6d4 lbuhc4zl",
66
66
  kfzvcC: "lb1tblq73",
@@ -1 +1 @@
1
- {"version":3,"file":"style.mjs","names":[],"sources":["../../src/Tooltip/style.ts"],"sourcesContent":["import './style.css';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst layoutAnimation = ':is([data-layout-animation])';\nconst instant = ':is([data-instant])';\nconst instantOrRepop = ':is([data-instant], [data-repop])';\nconst popupLayoutTiming =\n ':is([data-layout-animation]):not([data-repop], [data-ending-style], [data-instant])';\nconst popupLayoutProperty = ':is([data-layout-animation]):not([data-repop], [data-instant])';\nconst popupRepopTiming = ':is([data-repop]):not([data-ending-style], [data-instant])';\nconst popupEndingTiming = ':is([data-ending-style]):not([data-instant])';\nconst positionerLayout = ':is([data-layout-animation]):not([data-instant], [data-repop])';\nconst startingOrEnding = ':is([data-starting-style], [data-ending-style])';\nconst anchorHidden = \":is([data-anchor-hidden], [data-zero-origin='true'])\";\nconst placementTop =\n \":is([data-placement='top'], [data-placement='topLeft'], [data-placement='topRight'])\";\nconst placementLeft =\n \":is([data-placement='left'], [data-placement='leftTop'], [data-placement='leftBottom'])\";\nconst placementRight =\n \":is([data-placement='right'], [data-placement='rightTop'], [data-placement='rightBottom'])\";\n\nconst springEnter =\n 'linear(0, 0.041, 0.14, 0.268, 0.407, 0.541, 0.662, 0.765, 0.849, 0.915, 0.964, 0.998, 1.02, 1.032, 1.038, 1.039, 1.036, 1.032, 1.027, 1.022, 1.016, 1.012, 1.008, 1.005, 1.003)';\nconst springGlide =\n 'linear(0, 0.041, 0.14, 0.268, 0.407, 0.541, 0.661, 0.765, 0.849, 0.915, 0.964, 0.998, 1.02, 1.032, 1.038, 1.039, 1.036, 1.032, 1.027, 1.022, 1.016, 1.012, 1.008, 1.005, 1.003)';\n\nexport const styles = stylex.create({\n arrow: {\n '--lobe-tooltip-arrow-offset-block': '4px',\n '--lobe-tooltip-arrow-offset-inline': '6px',\n 'transition':\n 'inset-inline-start var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease), inset-block-start var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease)',\n 'display': 'flex',\n 'insetBlockEnd': {\n 'default': null,\n \":is([data-side='top'])\": 'calc(var(--lobe-tooltip-arrow-offset-block) * -1)',\n },\n 'insetBlockStart': {\n 'default': null,\n \":is([data-side='bottom'])\": 'calc(var(--lobe-tooltip-arrow-offset-block) * -1)',\n },\n 'insetInlineEnd': {\n 'default': null,\n \":is([data-side='left'])\": 'calc(var(--lobe-tooltip-arrow-offset-inline) * -1)',\n },\n 'insetInlineStart': {\n 'default': null,\n \":is([data-side='right'])\": 'calc(var(--lobe-tooltip-arrow-offset-inline) * -1)',\n },\n 'pointerEvents': 'none',\n 'position': 'absolute',\n 'transform': {\n 'default': null,\n \":is([data-side='left'])\": 'rotate(90deg)',\n \":is([data-side='right'])\": 'rotate(-90deg)',\n \":is([data-side='top'])\": 'rotate(180deg)',\n },\n 'transformOrigin': 'center',\n 'height': 4,\n 'width': 8,\n },\n arrowStroke: {\n stroke: cssVar.colorBorderSecondary,\n },\n arrowSvg: {\n fill: cssVar.colorBgElevated,\n display: 'block',\n height: '100%',\n width: '100%',\n },\n\n popup: {\n borderRadius: cssVar.borderRadiusSM,\n backgroundColor: cssVar.colorBgElevated,\n boxShadow: `${cssVar.boxShadowTertiary}, var(--lobe-ring)`,\n boxSizing: 'border-box',\n color: cssVar.colorTextLabel,\n fontSize: cssVar.fontSizeSM,\n lineHeight: 1.2,\n opacity: { default: null, [startingOrEnding]: 0 },\n position: 'relative',\n transform: {\n default: null,\n [startingOrEnding]:\n 'translate3d(var(--lobe-tooltip-translate-x), var(--lobe-tooltip-translate-y), 0) scale(var(--lobe-tooltip-animation-scale))',\n },\n transformOrigin: 'var(--transform-origin)',\n /* `transition: none` is spelled out as longhands because StyleX layers longhands above\n shorthands. StyleX does not keep condition order, so the old cascade\n (layout < repop < ending-style < instant) is encoded with :not() guards. */\n transitionDuration: {\n default: 'var(--lobe-tooltip-fade-duration), var(--lobe-tooltip-animation-duration)',\n [instant]: '0s',\n [popupEndingTiming]: 'var(--lobe-tooltip-animation-duration-exit)',\n [popupLayoutTiming]:\n 'var(--lobe-tooltip-fade-duration), var(--lobe-tooltip-animation-duration), var(--lobe-tooltip-layout-duration), var(--lobe-tooltip-layout-duration)',\n [popupRepopTiming]: '0s',\n },\n transitionProperty: {\n default: 'opacity, transform',\n [instantOrRepop]: 'none',\n [popupLayoutProperty]: 'opacity, transform, width, height',\n },\n /* Opacity gets its own monotonic curve: running it on the overshooting spring makes the\n fade look finished at ~0.96, pause, then visibly step to 1 at the clamp point — reads\n as a dropped frame. The spring stays on transform only. */\n transitionTimingFunction: {\n default: 'var(--lobe-tooltip-fade-ease), var(--lobe-tooltip-animation-ease-out)',\n [instant]: 'ease',\n [popupEndingTiming]: 'var(--lobe-tooltip-animation-ease-in)',\n [popupLayoutTiming]:\n 'var(--lobe-tooltip-fade-ease), var(--lobe-tooltip-animation-ease-out), var(--lobe-tooltip-layout-ease), var(--lobe-tooltip-layout-ease)',\n [popupRepopTiming]: 'ease',\n },\n userSelect: 'none',\n /* Keep the popup on its own compositor layer for its whole lifetime: when the opacity\n transition ends the browser otherwise drops the layer and re-rasterizes with pixel\n snapping — a visible one-frame shift when the measured width is fractional\n (single-line tooltips). */\n willChange: 'transform, opacity',\n height: { default: null, [layoutAnimation]: 'var(--popup-height, auto)' },\n /* The 320px cap lives on the viewport, not here: Base UI measures content with\n --available-width set to max-content, and min(320px, max-content) is invalid, which\n recorded unclamped sizes. A percentage cap is out too — it tracks the positioner, which\n snaps to the new size and would freeze the shrink half of the morph. */\n maxWidth: 'var(--available-width)',\n /* Base UI writes the old size into --popup-width/height on a trigger switch and the new size\n one frame later; the box only morphs if width/height actually read them. */\n width: { default: null, [layoutAnimation]: 'var(--popup-width, auto)' },\n },\n\n positioner: {\n /* Springs baked as linear(): stiffness 700 / damping 38 (enter) and 380 / 28 (glide),\n both zeta ~0.72 with ~4% overshoot. Durations are the springs' settle times —\n change them together with the curves, not independently. */\n '--lobe-tooltip-animation-duration': { default: '280ms', [reducedMotion]: '0s' },\n '--lobe-tooltip-animation-duration-exit': { default: '100ms', [reducedMotion]: '0s' },\n '--lobe-tooltip-animation-ease-in': 'cubic-bezier(0.4, 0, 1, 1)',\n '--lobe-tooltip-animation-ease-out': springEnter,\n '--lobe-tooltip-animation-scale': '0.97',\n '--lobe-tooltip-animation-translate': '3px',\n '--lobe-tooltip-fade-duration': { default: '160ms', [reducedMotion]: '0s' },\n '--lobe-tooltip-fade-ease': 'cubic-bezier(0.33, 1, 0.68, 1)',\n '--lobe-tooltip-layout-duration': { default: '380ms', [reducedMotion]: '0s' },\n '--lobe-tooltip-layout-ease': springGlide,\n '--lobe-tooltip-translate-x': {\n default: '0',\n [placementLeft]: 'var(--lobe-tooltip-animation-translate)',\n [placementRight]: 'calc(var(--lobe-tooltip-animation-translate) * -1)',\n },\n '--lobe-tooltip-translate-y': {\n default: 'calc(var(--lobe-tooltip-animation-translate) * -1)',\n [placementLeft]: '0',\n [placementRight]: '0',\n [placementTop]: 'var(--lobe-tooltip-animation-translate)',\n },\n /* Never show a tooltip when the anchor is hidden or the positioner falls back to (0,0). */\n 'pointerEvents': { [anchorHidden]: 'none', default: null },\n 'transitionDuration': {\n default: 'var(--lobe-tooltip-animation-duration)',\n [instantOrRepop]: '0s',\n [positionerLayout]: 'var(--lobe-tooltip-layout-duration)',\n },\n 'transitionProperty': {\n default: 'none',\n [positionerLayout]:\n 'inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform',\n },\n 'transitionTimingFunction': {\n default: 'var(--lobe-tooltip-animation-ease-out)',\n [instantOrRepop]: 'ease',\n [positionerLayout]: 'var(--lobe-tooltip-layout-ease)',\n },\n 'visibility': { [anchorHidden]: 'hidden', default: null },\n 'willChange': 'transform, opacity',\n 'zIndex': 114_514,\n 'height': 'var(--positioner-height)',\n 'width': 'min(var(--positioner-width), 320px, var(--available-width))',\n },\n\n viewport: {\n '--lobe-tooltip-content-blur': '4px',\n '--lobe-tooltip-content-shift': '8px',\n '--lobe-tooltip-viewport-inline-padding': '8px',\n 'overflow': 'clip',\n 'paddingBlock': 4,\n 'paddingInline': 'var(--lobe-tooltip-viewport-inline-padding)',\n 'overflowWrap': 'break-word',\n 'position': 'relative',\n 'whiteSpace': 'normal',\n 'maxWidth': 'calc(320px - 2px)',\n },\n});\n"],"mappings":";AAoBA,MAAa,SAAS;CACpB,OAAO;EACL,qCAAqC;EACrC,sCAAsC;EACtC,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,qCAAqC;EACrC,0CAA0C;EAC1C,oCAAoC;EACpC,qCAAqC;EACrC,kCAAkC;EAClC,sCAAsC;EACtC,gCAAgC;EAChC,4BAA4B;EAC5B,kCAAkC;EAClC,8BAA8B;EAC9B,8BAA8B;EAC9B,8BAA8B;EAC9B,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,+BAA+B;EAC/B,gCAAgC;EAChC,0CAA0C;EAC1C,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}
1
+ {"version":3,"file":"style.mjs","names":[],"sources":["../../src/Tooltip/style.ts"],"sourcesContent":["import './style.css';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst layoutAnimation = ':is([data-layout-animation])';\nconst instant = ':is([data-instant])';\nconst instantOrRepop = ':is([data-instant], [data-repop])';\nconst popupLayoutTiming =\n ':is([data-layout-animation]):not([data-repop], [data-ending-style], [data-instant])';\nconst popupLayoutProperty = ':is([data-layout-animation]):not([data-repop], [data-instant])';\nconst popupRepopTiming = ':is([data-repop]):not([data-ending-style], [data-instant])';\nconst popupEndingTiming = ':is([data-ending-style]):not([data-instant])';\nconst positionerLayout = ':is([data-layout-animation]):not([data-instant], [data-repop])';\nconst startingOrEnding = ':is([data-starting-style], [data-ending-style])';\nconst anchorHidden = \":is([data-anchor-hidden], [data-zero-origin='true'])\";\nconst placementTop =\n \":is([data-placement='top'], [data-placement='topLeft'], [data-placement='topRight'])\";\nconst placementLeft =\n \":is([data-placement='left'], [data-placement='leftTop'], [data-placement='leftBottom'])\";\nconst placementRight =\n \":is([data-placement='right'], [data-placement='rightTop'], [data-placement='rightBottom'])\";\n\nexport const styles = stylex.create({\n arrow: {\n '--lobe-tooltip-arrow-offset-block': '4px',\n '--lobe-tooltip-arrow-offset-inline': '6px',\n 'transition':\n 'inset-inline-start var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease), inset-block-start var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease)',\n 'display': 'flex',\n 'insetBlockEnd': {\n 'default': null,\n \":is([data-side='top'])\": 'calc(var(--lobe-tooltip-arrow-offset-block) * -1)',\n },\n 'insetBlockStart': {\n 'default': null,\n \":is([data-side='bottom'])\": 'calc(var(--lobe-tooltip-arrow-offset-block) * -1)',\n },\n 'insetInlineEnd': {\n 'default': null,\n \":is([data-side='left'])\": 'calc(var(--lobe-tooltip-arrow-offset-inline) * -1)',\n },\n 'insetInlineStart': {\n 'default': null,\n \":is([data-side='right'])\": 'calc(var(--lobe-tooltip-arrow-offset-inline) * -1)',\n },\n 'pointerEvents': 'none',\n 'position': 'absolute',\n 'transform': {\n 'default': null,\n \":is([data-side='left'])\": 'rotate(90deg)',\n \":is([data-side='right'])\": 'rotate(-90deg)',\n \":is([data-side='top'])\": 'rotate(180deg)',\n },\n 'transformOrigin': 'center',\n 'height': 4,\n 'width': 8,\n },\n arrowStroke: {\n stroke: cssVar.colorBorderSecondary,\n },\n arrowSvg: {\n fill: cssVar.colorBgElevated,\n display: 'block',\n height: '100%',\n width: '100%',\n },\n\n popup: {\n borderRadius: cssVar.borderRadiusSM,\n backgroundColor: cssVar.colorBgElevated,\n boxShadow: `${cssVar.boxShadowTertiary}, var(--lobe-ring)`,\n boxSizing: 'border-box',\n color: cssVar.colorTextLabel,\n fontSize: cssVar.fontSizeSM,\n lineHeight: 1.2,\n opacity: { default: null, [startingOrEnding]: 0 },\n position: 'relative',\n transform: {\n default: null,\n [startingOrEnding]:\n 'translate3d(var(--lobe-tooltip-translate-x), var(--lobe-tooltip-translate-y), 0) scale(var(--lobe-tooltip-animation-scale))',\n },\n transformOrigin: 'var(--transform-origin)',\n /* `transition: none` is spelled out as longhands because StyleX layers longhands above\n shorthands. StyleX does not keep condition order, so the old cascade\n (layout < repop < ending-style < instant) is encoded with :not() guards. */\n transitionDuration: {\n default: 'var(--lobe-tooltip-fade-duration), var(--lobe-tooltip-animation-duration)',\n [instant]: '0s',\n [popupEndingTiming]: 'var(--lobe-tooltip-animation-duration-exit)',\n [popupLayoutTiming]:\n 'var(--lobe-tooltip-fade-duration), var(--lobe-tooltip-animation-duration), var(--lobe-tooltip-layout-duration), var(--lobe-tooltip-layout-duration)',\n [popupRepopTiming]: '0s',\n },\n transitionProperty: {\n default: 'opacity, transform',\n [instantOrRepop]: 'none',\n [popupLayoutProperty]: 'opacity, transform, width, height',\n },\n /* Opacity gets its own monotonic curve: running it on the overshooting spring makes the\n fade look finished at ~0.96, pause, then visibly step to 1 at the clamp point — reads\n as a dropped frame. The spring stays on transform only. */\n transitionTimingFunction: {\n default: 'var(--lobe-tooltip-fade-ease), var(--lobe-tooltip-animation-ease-out)',\n [instant]: 'ease',\n [popupEndingTiming]: 'var(--lobe-tooltip-animation-ease-in)',\n [popupLayoutTiming]:\n 'var(--lobe-tooltip-fade-ease), var(--lobe-tooltip-animation-ease-out), var(--lobe-tooltip-layout-ease), var(--lobe-tooltip-layout-ease)',\n [popupRepopTiming]: 'ease',\n },\n userSelect: 'none',\n /* Keep the popup on its own compositor layer for its whole lifetime: when the opacity\n transition ends the browser otherwise drops the layer and re-rasterizes with pixel\n snapping — a visible one-frame shift when the measured width is fractional\n (single-line tooltips). */\n willChange: 'transform, opacity',\n height: { default: null, [layoutAnimation]: 'var(--popup-height, auto)' },\n /* The 320px cap lives on the viewport, not here: Base UI measures content with\n --available-width set to max-content, and min(320px, max-content) is invalid, which\n recorded unclamped sizes. A percentage cap is out too — it tracks the positioner, which\n snaps to the new size and would freeze the shrink half of the morph. */\n maxWidth: 'var(--available-width)',\n /* Base UI writes the old size into --popup-width/height on a trigger switch and the new size\n one frame later; the box only morphs if width/height actually read them. */\n width: { default: null, [layoutAnimation]: 'var(--popup-width, auto)' },\n },\n\n positioner: {\n /* motionSpringBouncy is a spring shape normalized to its settle time, so each duration\n here is that spring's settle time — change them together, not independently. */\n '--lobe-tooltip-animation-duration': { default: '280ms', [reducedMotion]: '0s' },\n '--lobe-tooltip-animation-duration-exit': { default: '100ms', [reducedMotion]: '0s' },\n '--lobe-tooltip-animation-ease-in': 'cubic-bezier(0.4, 0, 1, 1)',\n '--lobe-tooltip-animation-ease-out': cssVar.motionSpringBouncy,\n '--lobe-tooltip-animation-scale': '0.97',\n '--lobe-tooltip-animation-translate': '3px',\n '--lobe-tooltip-fade-duration': { default: '160ms', [reducedMotion]: '0s' },\n '--lobe-tooltip-fade-ease': 'cubic-bezier(0.33, 1, 0.68, 1)',\n '--lobe-tooltip-layout-duration': { default: '380ms', [reducedMotion]: '0s' },\n '--lobe-tooltip-layout-ease': cssVar.motionSpringBouncy,\n '--lobe-tooltip-translate-x': {\n default: '0',\n [placementLeft]: 'var(--lobe-tooltip-animation-translate)',\n [placementRight]: 'calc(var(--lobe-tooltip-animation-translate) * -1)',\n },\n '--lobe-tooltip-translate-y': {\n default: 'calc(var(--lobe-tooltip-animation-translate) * -1)',\n [placementLeft]: '0',\n [placementRight]: '0',\n [placementTop]: 'var(--lobe-tooltip-animation-translate)',\n },\n /* Never show a tooltip when the anchor is hidden or the positioner falls back to (0,0). */\n 'pointerEvents': { [anchorHidden]: 'none', default: null },\n 'transitionDuration': {\n default: 'var(--lobe-tooltip-animation-duration)',\n [instantOrRepop]: '0s',\n [positionerLayout]: 'var(--lobe-tooltip-layout-duration)',\n },\n 'transitionProperty': {\n default: 'none',\n [positionerLayout]:\n 'inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform',\n },\n 'transitionTimingFunction': {\n default: 'var(--lobe-tooltip-animation-ease-out)',\n [instantOrRepop]: 'ease',\n [positionerLayout]: 'var(--lobe-tooltip-layout-ease)',\n },\n 'visibility': { [anchorHidden]: 'hidden', default: null },\n 'willChange': 'transform, opacity',\n 'zIndex': 114_514,\n 'height': 'var(--positioner-height)',\n 'width': 'min(var(--positioner-width), 320px, var(--available-width))',\n },\n\n viewport: {\n '--lobe-tooltip-content-blur': '4px',\n '--lobe-tooltip-content-shift': '8px',\n '--lobe-tooltip-viewport-inline-padding': '8px',\n 'overflow': 'clip',\n 'paddingBlock': 4,\n 'paddingInline': 'var(--lobe-tooltip-viewport-inline-padding)',\n 'overflowWrap': 'break-word',\n 'position': 'relative',\n 'whiteSpace': 'normal',\n 'maxWidth': 'calc(320px - 2px)',\n },\n});\n"],"mappings":";AAkBA,MAAa,SAAS;CACpB,OAAO;EACL,qCAAqC;EACrC,sCAAsC;EACtC,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,qCAAqC;EACrC,0CAA0C;EAC1C,oCAAoC;EACpC,qCAAqC;EACrC,kCAAkC;EAClC,sCAAsC;EACtC,gCAAgC;EAChC,4BAA4B;EAC5B,kCAAkC;EAClC,8BAA8B;EAC9B,8BAA8B;EAC9B,8BAA8B;EAC9B,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,+BAA+B;EAC/B,gCAAgC;EAChC,0CAA0C;EAC1C,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}
@@ -1,4 +1,5 @@
1
1
  import { ColorScaleItem } from "./types.mjs";
2
+ import { StatusColorScales, statusColorScales } from "./status/index.mjs";
2
3
  import blueGeekblueMix from "./colors/blue.mjs";
3
4
  import cyan from "./colors/cyan.mjs";
4
5
  import geekblue from "./colors/geekblue.mjs";
@@ -22,4 +23,4 @@ import sage from "./neutrals/sage.mjs";
22
23
  import sand from "./neutrals/sand.mjs";
23
24
  import slate from "./neutrals/slate.mjs";
24
25
  import { NeutralColorScales, neutralColorScales } from "./neutrals/index.mjs";
25
- export { type ColorScaleItem, ColorScales, type ColorScalesProps, ColorScales$1 as CssVar, NeutralColorScales, blueGeekblueMix as blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, mauve, neutralColorScales, neutralColorScales as neutrals, olive, orange, primary, purple, red, sage, sand, slate, volcano, yellow };
26
+ export { type ColorScaleItem, ColorScales, type ColorScalesProps, ColorScales$1 as CssVar, NeutralColorScales, type StatusColorScales, blueGeekblueMix as blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, mauve, neutralColorScales, neutralColorScales as neutrals, olive, orange, primary, purple, red, sage, sand, slate, statusColorScales, volcano, yellow };
@@ -1,3 +1,4 @@
1
+ import { statusColorScales } from "./status/index.mjs";
1
2
  import blueGeekblueMix from "./colors/blue.mjs";
2
3
  import cyan from "./colors/cyan.mjs";
3
4
  import geekblue from "./colors/geekblue.mjs";
@@ -21,4 +22,4 @@ import slate from "./neutrals/slate.mjs";
21
22
  import { neutralColorScales } from "./neutrals/index.mjs";
22
23
  import ColorScales from "./ColorScales/index.mjs";
23
24
  import ColorScales$1 from "./CssVar/index.mjs";
24
- export { ColorScales, ColorScales$1 as CssVar, blueGeekblueMix as blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, mauve, neutralColorScales, neutralColorScales as neutrals, olive, orange, primary, purple, red, sage, sand, slate, volcano, yellow };
25
+ export { ColorScales, ColorScales$1 as CssVar, blueGeekblueMix as blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, mauve, neutralColorScales, neutralColorScales as neutrals, olive, orange, primary, purple, red, sage, sand, slate, statusColorScales, volcano, yellow };
@@ -0,0 +1,67 @@
1
+ //#region src/color/status/error.ts
2
+ const error = {
3
+ dark: [
4
+ "#190a09",
5
+ "#340b0c",
6
+ "#4b141a",
7
+ "#641f24",
8
+ "#8a3334",
9
+ "#aa3f3e",
10
+ "#b53a3a",
11
+ "#be3738",
12
+ "#d64242",
13
+ "#e95350",
14
+ "#ffa8a0",
15
+ "#ffe1df",
16
+ "#fff8f7"
17
+ ],
18
+ darkA: [
19
+ "rgba(250, 100, 90, 0.1)",
20
+ "rgba(248, 52, 57, 0.21)",
21
+ "rgba(250, 67, 87, 0.3)",
22
+ "rgba(250, 78, 90, 0.4)",
23
+ "rgba(251, 93, 95, 0.55)",
24
+ "rgba(254, 94, 93, 0.67)",
25
+ "rgba(255, 82, 82, 0.71)",
26
+ "rgba(253, 73, 75, 0.75)",
27
+ "rgba(255, 79, 79, 0.84)",
28
+ "rgba(253, 90, 87, 0.92)",
29
+ "#ffa8a0",
30
+ "#ffe1df",
31
+ "#fff8f7"
32
+ ],
33
+ light: [
34
+ "#ffffff",
35
+ "#fef8f7",
36
+ "#fff0ee",
37
+ "#ffe7e4",
38
+ "#ffded8",
39
+ "#ffcec5",
40
+ "#ffb9ab",
41
+ "#ff9c88",
42
+ "#ff775c",
43
+ "#f35837",
44
+ "#ce461e",
45
+ "#9b3206",
46
+ "#64260f"
47
+ ],
48
+ lightA: [
49
+ "rgba(255, 255, 255, 0.01)",
50
+ "rgba(230, 80, 55, 0.04)",
51
+ "rgba(255, 41, 12, 0.07)",
52
+ "rgba(255, 37, 10, 0.11)",
53
+ "rgba(255, 49, 11, 0.16)",
54
+ "rgba(255, 42, 3, 0.23)",
55
+ "rgba(255, 43, 0, 0.33)",
56
+ "rgba(255, 44, 2, 0.47)",
57
+ "rgba(255, 43, 0, 0.64)",
58
+ "rgba(240, 44, 2, 0.79)",
59
+ "#ce461e",
60
+ "#9b3206",
61
+ "#64260f"
62
+ ]
63
+ };
64
+ //#endregion
65
+ export { error };
66
+
67
+ //# sourceMappingURL=error.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"error.mjs","names":[],"sources":["../../../src/color/status/error.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\nexport const error: ColorScaleItem = {\n dark: [\n '#190a09',\n '#340b0c',\n '#4b141a',\n '#641f24',\n '#8a3334',\n '#aa3f3e',\n '#b53a3a',\n '#be3738',\n '#d64242',\n '#e95350',\n '#ffa8a0',\n '#ffe1df',\n '#fff8f7',\n ],\n darkA: [\n 'rgba(250, 100, 90, 0.1)',\n 'rgba(248, 52, 57, 0.21)',\n 'rgba(250, 67, 87, 0.3)',\n 'rgba(250, 78, 90, 0.4)',\n 'rgba(251, 93, 95, 0.55)',\n 'rgba(254, 94, 93, 0.67)',\n 'rgba(255, 82, 82, 0.71)',\n 'rgba(253, 73, 75, 0.75)',\n 'rgba(255, 79, 79, 0.84)',\n 'rgba(253, 90, 87, 0.92)',\n '#ffa8a0',\n '#ffe1df',\n '#fff8f7',\n ],\n light: [\n '#ffffff',\n '#fef8f7',\n '#fff0ee',\n '#ffe7e4',\n '#ffded8',\n '#ffcec5',\n '#ffb9ab',\n '#ff9c88',\n '#ff775c',\n '#f35837',\n '#ce461e',\n '#9b3206',\n '#64260f',\n ],\n lightA: [\n 'rgba(255, 255, 255, 0.01)',\n 'rgba(230, 80, 55, 0.04)',\n 'rgba(255, 41, 12, 0.07)',\n 'rgba(255, 37, 10, 0.11)',\n 'rgba(255, 49, 11, 0.16)',\n 'rgba(255, 42, 3, 0.23)',\n 'rgba(255, 43, 0, 0.33)',\n 'rgba(255, 44, 2, 0.47)',\n 'rgba(255, 43, 0, 0.64)',\n 'rgba(240, 44, 2, 0.79)',\n '#ce461e',\n '#9b3206',\n '#64260f',\n ],\n};\n"],"mappings":";AAEA,MAAa,QAAwB;CACnC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}
@@ -0,0 +1,11 @@
1
+ import { ColorScaleItem } from "../types.mjs";
2
+ //#region src/color/status/index.d.ts
3
+ export interface StatusColorScales {
4
+ error: ColorScaleItem;
5
+ info: ColorScaleItem;
6
+ success: ColorScaleItem;
7
+ warning: ColorScaleItem;
8
+ }
9
+ export declare const statusColorScales: StatusColorScales;
10
+ //#endregion
11
+ //# sourceMappingURL=index.d.mts.map
@@ -0,0 +1,15 @@
1
+ import { error } from "./error.mjs";
2
+ import { info } from "./info.mjs";
3
+ import { success } from "./success.mjs";
4
+ import { warning } from "./warning.mjs";
5
+ //#region src/color/status/index.ts
6
+ const statusColorScales = {
7
+ error,
8
+ info,
9
+ success,
10
+ warning
11
+ };
12
+ //#endregion
13
+ export { statusColorScales };
14
+
15
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../../../src/color/status/index.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\nimport { error } from './error';\nimport { info } from './info';\nimport { success } from './success';\nimport { warning } from './warning';\n\nexport interface StatusColorScales {\n error: ColorScaleItem;\n info: ColorScaleItem;\n success: ColorScaleItem;\n warning: ColorScaleItem;\n}\n\nexport const statusColorScales: StatusColorScales = {\n error,\n info,\n success,\n warning,\n};\n"],"mappings":";;;;;AAaA,MAAa,oBAAuC;CAClD;CACA;CACA;CACA;AACF"}
@@ -0,0 +1,67 @@
1
+ //#region src/color/status/info.ts
2
+ const info = {
3
+ dark: [
4
+ "#060f18",
5
+ "#001a35",
6
+ "#002949",
7
+ "#003961",
8
+ "#005389",
9
+ "#0067a9",
10
+ "#007cc9",
11
+ "#0091eb",
12
+ "#00a2fe",
13
+ "#4cb3ff",
14
+ "#9cdaff",
15
+ "#cfedfd",
16
+ "#f8f9ff"
17
+ ],
18
+ darkA: [
19
+ "rgba(60, 150, 240, 0.1)",
20
+ "rgba(0, 124, 252, 0.21)",
21
+ "rgba(0, 141, 252, 0.29)",
22
+ "rgba(0, 150, 255, 0.38)",
23
+ "rgba(0, 154, 254, 0.54)",
24
+ "rgba(0, 154, 252, 0.67)",
25
+ "rgba(0, 157, 254, 0.79)",
26
+ "rgba(0, 158, 255, 0.92)",
27
+ "#00a2fe",
28
+ "#4cb3ff",
29
+ "#9cdaff",
30
+ "#cfedfd",
31
+ "#f8f9ff"
32
+ ],
33
+ light: [
34
+ "#ffffff",
35
+ "#f8f9ff",
36
+ "#edf4ff",
37
+ "#e3edff",
38
+ "#d7e6ff",
39
+ "#c0d9ff",
40
+ "#a0c7ff",
41
+ "#72aeff",
42
+ "#2c91ff",
43
+ "#0076e3",
44
+ "#0060cc",
45
+ "#004ebf",
46
+ "#1b3671"
47
+ ],
48
+ lightA: [
49
+ "rgba(255, 255, 255, 0.01)",
50
+ "rgba(22, 55, 255, 0.03)",
51
+ "rgba(30, 117, 255, 0.08)",
52
+ "rgba(0, 91, 255, 0.11)",
53
+ "rgba(5, 99, 255, 0.16)",
54
+ "rgba(3, 103, 255, 0.25)",
55
+ "rgba(5, 108, 255, 0.38)",
56
+ "rgba(3, 110, 255, 0.56)",
57
+ "rgba(1, 122, 255, 0.83)",
58
+ "#0076e3",
59
+ "#0060cc",
60
+ "#004ebf",
61
+ "#1b3671"
62
+ ]
63
+ };
64
+ //#endregion
65
+ export { info };
66
+
67
+ //# sourceMappingURL=info.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"info.mjs","names":[],"sources":["../../../src/color/status/info.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\nexport const info: ColorScaleItem = {\n dark: [\n '#060f18',\n '#001a35',\n '#002949',\n '#003961',\n '#005389',\n '#0067a9',\n '#007cc9',\n '#0091eb',\n '#00a2fe',\n '#4cb3ff',\n '#9cdaff',\n '#cfedfd',\n '#f8f9ff',\n ],\n darkA: [\n 'rgba(60, 150, 240, 0.1)',\n 'rgba(0, 124, 252, 0.21)',\n 'rgba(0, 141, 252, 0.29)',\n 'rgba(0, 150, 255, 0.38)',\n 'rgba(0, 154, 254, 0.54)',\n 'rgba(0, 154, 252, 0.67)',\n 'rgba(0, 157, 254, 0.79)',\n 'rgba(0, 158, 255, 0.92)',\n '#00a2fe',\n '#4cb3ff',\n '#9cdaff',\n '#cfedfd',\n '#f8f9ff',\n ],\n light: [\n '#ffffff',\n '#f8f9ff',\n '#edf4ff',\n '#e3edff',\n '#d7e6ff',\n '#c0d9ff',\n '#a0c7ff',\n '#72aeff',\n '#2c91ff',\n '#0076e3',\n '#0060cc',\n '#004ebf',\n '#1b3671',\n ],\n lightA: [\n 'rgba(255, 255, 255, 0.01)',\n 'rgba(22, 55, 255, 0.03)',\n 'rgba(30, 117, 255, 0.08)',\n 'rgba(0, 91, 255, 0.11)',\n 'rgba(5, 99, 255, 0.16)',\n 'rgba(3, 103, 255, 0.25)',\n 'rgba(5, 108, 255, 0.38)',\n 'rgba(3, 110, 255, 0.56)',\n 'rgba(1, 122, 255, 0.83)',\n '#0076e3',\n '#0060cc',\n '#004ebf',\n '#1b3671',\n ],\n};\n"],"mappings":";AAEA,MAAa,OAAuB;CAClC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}
@@ -0,0 +1,67 @@
1
+ //#region src/color/status/success.ts
2
+ const success = {
3
+ dark: [
4
+ "#0a1004",
5
+ "#061f00",
6
+ "#102e00",
7
+ "#1c3f00",
8
+ "#315a09",
9
+ "#3e6f06",
10
+ "#518b03",
11
+ "#67a70a",
12
+ "#71b814",
13
+ "#80c933",
14
+ "#bae48c",
15
+ "#deeec7",
16
+ "#f9faef"
17
+ ],
18
+ darkA: [
19
+ "rgba(143, 229, 57, 0.07)",
20
+ "rgba(46, 238, 0, 0.13)",
21
+ "rgba(84, 242, 0, 0.19)",
22
+ "rgba(112, 252, 0, 0.25)",
23
+ "rgba(136, 250, 25, 0.36)",
24
+ "rgba(141, 252, 14, 0.44)",
25
+ "rgba(147, 253, 5, 0.55)",
26
+ "rgba(156, 253, 15, 0.66)",
27
+ "rgba(155, 252, 27, 0.73)",
28
+ "rgba(162, 254, 65, 0.79)",
29
+ "#bae48c",
30
+ "#deeec7",
31
+ "#f9faef"
32
+ ],
33
+ light: [
34
+ "#ffffff",
35
+ "#f8fbf1",
36
+ "#eef6e6",
37
+ "#e1f1d9",
38
+ "#d4eccc",
39
+ "#bde3b6",
40
+ "#a0d89c",
41
+ "#71c87a",
42
+ "#30b556",
43
+ "#00a03f",
44
+ "#00864e",
45
+ "#006342",
46
+ "#00422b"
47
+ ],
48
+ lightA: [
49
+ "rgba(255, 255, 255, 0.01)",
50
+ "rgba(138, 188, 22, 0.06)",
51
+ "rgba(85, 165, 5, 0.1)",
52
+ "rgba(55, 162, 2, 0.15)",
53
+ "rgba(40, 160, 0, 0.2)",
54
+ "rgba(27, 158, 3, 0.29)",
55
+ "rgba(11, 155, 1, 0.39)",
56
+ "rgba(1, 157, 18, 0.56)",
57
+ "rgba(3, 165, 49, 0.82)",
58
+ "#00a03f",
59
+ "#00864e",
60
+ "#006342",
61
+ "#00422b"
62
+ ]
63
+ };
64
+ //#endregion
65
+ export { success };
66
+
67
+ //# sourceMappingURL=success.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"success.mjs","names":[],"sources":["../../../src/color/status/success.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\nexport const success: ColorScaleItem = {\n dark: [\n '#0a1004',\n '#061f00',\n '#102e00',\n '#1c3f00',\n '#315a09',\n '#3e6f06',\n '#518b03',\n '#67a70a',\n '#71b814',\n '#80c933',\n '#bae48c',\n '#deeec7',\n '#f9faef',\n ],\n darkA: [\n 'rgba(143, 229, 57, 0.07)',\n 'rgba(46, 238, 0, 0.13)',\n 'rgba(84, 242, 0, 0.19)',\n 'rgba(112, 252, 0, 0.25)',\n 'rgba(136, 250, 25, 0.36)',\n 'rgba(141, 252, 14, 0.44)',\n 'rgba(147, 253, 5, 0.55)',\n 'rgba(156, 253, 15, 0.66)',\n 'rgba(155, 252, 27, 0.73)',\n 'rgba(162, 254, 65, 0.79)',\n '#bae48c',\n '#deeec7',\n '#f9faef',\n ],\n light: [\n '#ffffff',\n '#f8fbf1',\n '#eef6e6',\n '#e1f1d9',\n '#d4eccc',\n '#bde3b6',\n '#a0d89c',\n '#71c87a',\n '#30b556',\n '#00a03f',\n '#00864e',\n '#006342',\n '#00422b',\n ],\n lightA: [\n 'rgba(255, 255, 255, 0.01)',\n 'rgba(138, 188, 22, 0.06)',\n 'rgba(85, 165, 5, 0.1)',\n 'rgba(55, 162, 2, 0.15)',\n 'rgba(40, 160, 0, 0.2)',\n 'rgba(27, 158, 3, 0.29)',\n 'rgba(11, 155, 1, 0.39)',\n 'rgba(1, 157, 18, 0.56)',\n 'rgba(3, 165, 49, 0.82)',\n '#00a03f',\n '#00864e',\n '#006342',\n '#00422b',\n ],\n};\n"],"mappings":";AAEA,MAAa,UAA0B;CACrC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}
@@ -0,0 +1,67 @@
1
+ //#region src/color/status/warning.ts
2
+ const warning = {
3
+ dark: [
4
+ "#150d02",
5
+ "#251700",
6
+ "#3c2200",
7
+ "#512f00",
8
+ "#724600",
9
+ "#8d5700",
10
+ "#ae6e00",
11
+ "#e39a00",
12
+ "#f6aa00",
13
+ "#ffbe45",
14
+ "#ffdd9c",
15
+ "#ffe5b8",
16
+ "#fff8f3"
17
+ ],
18
+ darkA: [
19
+ "rgba(233, 144, 22, 0.09)",
20
+ "rgba(247, 153, 0, 0.15)",
21
+ "rgba(250, 142, 0, 0.24)",
22
+ "rgba(253, 147, 0, 0.32)",
23
+ "rgba(253, 156, 0, 0.45)",
24
+ "rgba(252, 155, 0, 0.56)",
25
+ "rgba(252, 159, 0, 0.69)",
26
+ "rgba(255, 173, 0, 0.89)",
27
+ "rgba(254, 175, 0, 0.97)",
28
+ "#ffbe45",
29
+ "#ffdd9c",
30
+ "#ffe5b8",
31
+ "#fff8f3"
32
+ ],
33
+ light: [
34
+ "#ffffff",
35
+ "#fff8f3",
36
+ "#fff2e2",
37
+ "#ffe9cc",
38
+ "#ffe1b3",
39
+ "#ffda9a",
40
+ "#ffd17f",
41
+ "#ffca61",
42
+ "#ffbe2b",
43
+ "#feb400",
44
+ "#d78f00",
45
+ "#6d5200",
46
+ "#4a3600"
47
+ ],
48
+ lightA: [
49
+ "rgba(255, 255, 255, 0.01)",
50
+ "rgba(255, 115, 15, 0.05)",
51
+ "rgba(255, 147, 13, 0.12)",
52
+ "rgba(255, 145, 0, 0.2)",
53
+ "rgba(255, 155, 2, 0.3)",
54
+ "rgba(255, 163, 3, 0.4)",
55
+ "rgba(255, 165, 4, 0.51)",
56
+ "rgba(255, 170, 0, 0.62)",
57
+ "rgba(255, 177, 0, 0.83)",
58
+ "#feb400",
59
+ "#d78f00",
60
+ "#6d5200",
61
+ "#4a3600"
62
+ ]
63
+ };
64
+ //#endregion
65
+ export { warning };
66
+
67
+ //# sourceMappingURL=warning.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"warning.mjs","names":[],"sources":["../../../src/color/status/warning.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\nexport const warning: ColorScaleItem = {\n dark: [\n '#150d02',\n '#251700',\n '#3c2200',\n '#512f00',\n '#724600',\n '#8d5700',\n '#ae6e00',\n '#e39a00',\n '#f6aa00',\n '#ffbe45',\n '#ffdd9c',\n '#ffe5b8',\n '#fff8f3',\n ],\n darkA: [\n 'rgba(233, 144, 22, 0.09)',\n 'rgba(247, 153, 0, 0.15)',\n 'rgba(250, 142, 0, 0.24)',\n 'rgba(253, 147, 0, 0.32)',\n 'rgba(253, 156, 0, 0.45)',\n 'rgba(252, 155, 0, 0.56)',\n 'rgba(252, 159, 0, 0.69)',\n 'rgba(255, 173, 0, 0.89)',\n 'rgba(254, 175, 0, 0.97)',\n '#ffbe45',\n '#ffdd9c',\n '#ffe5b8',\n '#fff8f3',\n ],\n light: [\n '#ffffff',\n '#fff8f3',\n '#fff2e2',\n '#ffe9cc',\n '#ffe1b3',\n '#ffda9a',\n '#ffd17f',\n '#ffca61',\n '#ffbe2b',\n '#feb400',\n '#d78f00',\n '#6d5200',\n '#4a3600',\n ],\n lightA: [\n 'rgba(255, 255, 255, 0.01)',\n 'rgba(255, 115, 15, 0.05)',\n 'rgba(255, 147, 13, 0.12)',\n 'rgba(255, 145, 0, 0.2)',\n 'rgba(255, 155, 2, 0.3)',\n 'rgba(255, 163, 3, 0.4)',\n 'rgba(255, 165, 4, 0.51)',\n 'rgba(255, 170, 0, 0.62)',\n 'rgba(255, 177, 0, 0.83)',\n '#feb400',\n '#d78f00',\n '#6d5200',\n '#4a3600',\n ],\n};\n"],"mappings":";AAEA,MAAa,UAA0B;CACrC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}