@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.
- package/README.md +3 -3
- package/es/CodeDiff/DiffPanel.mjs +2 -2
- package/es/CodeDiff/DiffPanel.mjs.map +1 -1
- package/es/Drawer/style.mjs.map +1 -1
- package/es/FloatingPanel/style.mjs +3 -2
- package/es/FloatingPanel/style.mjs.map +1 -1
- package/es/Form/Form.mjs +6 -2
- package/es/Form/Form.mjs.map +1 -1
- package/es/Form/style.mjs +3 -3
- package/es/Form/style.mjs.map +1 -1
- package/es/Form/type.d.mts +7 -0
- package/es/Popover/style.mjs +1 -1
- package/es/Popover/style.mjs.map +1 -1
- package/es/ProTable/hooks/useFetchData.mjs +1 -1
- package/es/ProTable/hooks/useFetchData.mjs.map +1 -1
- package/es/ProTable/parts/FieldControl.mjs +28 -11
- package/es/ProTable/parts/FieldControl.mjs.map +1 -1
- package/es/ProTable/style.mjs +9 -0
- package/es/ProTable/style.mjs.map +1 -1
- package/es/ProTable/type.d.mts +5 -2
- package/es/Switch/Switch.mjs +8 -1
- package/es/Switch/Switch.mjs.map +1 -1
- package/es/Switch/atoms.d.mts +7 -1
- package/es/Switch/atoms.mjs +20 -4
- package/es/Switch/atoms.mjs.map +1 -1
- package/es/Switch/style.mjs +33 -2
- package/es/Switch/style.mjs.map +1 -1
- package/es/Table/Table.mjs +14 -5
- package/es/Table/Table.mjs.map +1 -1
- package/es/Table/render/FixedFrost.mjs +11 -2
- package/es/Table/render/FixedFrost.mjs.map +1 -1
- package/es/Table/style.mjs +4 -0
- package/es/Table/style.mjs.map +1 -1
- package/es/Text/style.d.mts +3 -3
- package/es/Toast/dodge.mjs +0 -1
- package/es/Toast/dodge.mjs.map +1 -1
- package/es/Toast/dodge.stylex.mjs +1 -4
- package/es/Toast/dodge.stylex.mjs.map +1 -1
- package/es/Toast/style.mjs +1 -1
- package/es/Toast/style.mjs.map +1 -1
- package/es/Tooltip/style.mjs +2 -2
- package/es/Tooltip/style.mjs.map +1 -1
- package/es/color/index.d.mts +2 -1
- package/es/color/index.mjs +2 -1
- package/es/color/status/error.mjs +67 -0
- package/es/color/status/error.mjs.map +1 -0
- package/es/color/status/index.d.mts +11 -0
- package/es/color/status/index.mjs +15 -0
- package/es/color/status/index.mjs.map +1 -0
- package/es/color/status/info.mjs +67 -0
- package/es/color/status/info.mjs.map +1 -0
- package/es/color/status/success.mjs +67 -0
- package/es/color/status/success.mjs.map +1 -0
- package/es/color/status/warning.mjs +67 -0
- package/es/color/status/warning.mjs.map +1 -0
- package/es/index.d.mts +3 -2
- package/es/index.mjs +3 -2
- package/es/style.css +114 -23
- package/es/styles/index.d.mts +3 -2
- package/es/styles/index.mjs +3 -2
- package/es/styles/stylex/cssVar.stylex.mjs +3 -0
- package/es/styles/stylex/cssVar.stylex.mjs.map +1 -1
- package/es/styles/theme/createLobeToken.d.mts +9 -5
- package/es/styles/theme/createLobeToken.mjs +3 -2
- package/es/styles/theme/createLobeToken.mjs.map +1 -1
- package/es/styles/theme/customPalette.d.mts +6 -0
- package/es/styles/theme/customPalette.mjs +28 -0
- package/es/styles/theme/customPalette.mjs.map +1 -0
- package/es/styles/theme/customPrimary.mjs +52 -17
- package/es/styles/theme/customPrimary.mjs.map +1 -1
- package/es/styles/theme/scope.d.mts +4 -2
- package/es/styles/theme/scope.mjs +53 -20
- package/es/styles/theme/scope.mjs.map +1 -1
- package/es/styles/theme/themeCss.d.mts +1 -0
- package/es/styles/theme/themeCss.mjs +16 -1
- package/es/styles/theme/themeCss.mjs.map +1 -1
- package/es/styles/theme/token/legacy.mjs +12 -12
- package/es/styles/theme/token/legacy.mjs.map +1 -1
- package/es/styles/theme/token/neutral.mjs +12 -4
- package/es/styles/theme/token/neutral.mjs.map +1 -1
- package/es/styles/theme/token/neutralText.mjs +91 -0
- package/es/styles/theme/token/neutralText.mjs.map +1 -0
- package/es/styles/theme/token/palette.mjs +16 -41
- package/es/styles/theme/token/palette.mjs.map +1 -1
- package/es/styles/theme/token/static.mjs +3 -0
- package/es/styles/theme/token/static.mjs.map +1 -1
- package/es/theme.css +293 -290
- package/package.json +1 -1
package/es/Table/style.mjs.map
CHANGED
|
@@ -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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"}
|
package/es/Text/style.d.mts
CHANGED
|
@@ -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
|
};
|
package/es/Toast/dodge.mjs
CHANGED
package/es/Toast/dodge.mjs.map
CHANGED
|
@@ -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;\
|
|
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//
|
|
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"}
|
package/es/Toast/style.mjs
CHANGED
package/es/Toast/style.mjs.map
CHANGED
|
@@ -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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"}
|
package/es/Tooltip/style.mjs
CHANGED
|
@@ -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": "
|
|
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": "
|
|
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",
|
package/es/Tooltip/style.mjs.map
CHANGED
|
@@ -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"}
|
package/es/color/index.d.mts
CHANGED
|
@@ -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 };
|
package/es/color/index.mjs
CHANGED
|
@@ -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"}
|