UNPKG

@synergycodes/axiom

Version:

A React library for creating node-based UIs and diagram-driven applications. Perfect for React Flow users, providing ready-to-use node templates and components that work seamlessly with React Flow's ecosystem.

315 lines (313 loc) 19 kB
/** * Do not edit directly, this file was auto-generated. */ :root { --ax-primitive-4rule-0: 0rem; --ax-primitive-4rule-4: 0.25rem; --ax-primitive-4rule-8: 0.5rem; --ax-primitive-4rule-12: 0.75rem; --ax-primitive-4rule-16: 1rem; --ax-primitive-4rule-20: 1.25rem; --ax-primitive-4rule-24: 1.5rem; --ax-primitive-4rule-28: 1.75rem; --ax-primitive-4rule-32: 2rem; --ax-primitive-4rule-36: 2.25rem; --ax-primitive-4rule-40: 2.5rem; --ax-primitive-4rule-44: 2.75rem; --ax-primitive-4rule-48: 3rem; --ax-primitive-4rule-52: 3.25rem; --ax-primitive-4rule-56: 3.5rem; --ax-primitive-4rule-60: 3.75rem; --ax-primitive-4rule-64: 4rem; --ax-primitive-even-0: 0rem; --ax-primitive-even-2: 0.125rem; --ax-primitive-even-4: 0.25rem; --ax-primitive-even-6: 0.375rem; --ax-primitive-even-8: 0.5rem; --ax-primitive-even-10: 0.625rem; --ax-primitive-even-12: 0.75rem; --ax-primitive-even-14: 0.875rem; --ax-primitive-even-16: 1rem; --ax-primitive-even-18: 1.125rem; --ax-primitive-even-20: 1.25rem; --ax-primitive-even-100: 6.25rem; --ax-primitive-odd-1: 0.062rem; --ax-primitive-odd-3: 0.188rem; --ax-primitive-odd-5: 0.312rem; --ax-primitive-odd-7: 0.438rem; --ax-primitive-odd-9: 0.562rem; --ax-primitive-odd-11: 0.688rem; --ax-primitive-odd-13: 0.812rem; --ax-primitive-odd-15: 0.938rem; --ax-primitive-even-negative-2: -0.125rem; --ax-primitive-even-negative-4: -0.25rem; --ax-primitive-even-negative-6: -0.375rem; --ax-primitive-even-negative-8: -0.5rem; --ax-primitive-even-negative-10: -0.625rem; --ax-primitive-even-negative-12: -0.75rem; --ax-primitive-even-negative-14: -0.875rem; --ax-primitive-even-negative-16: -1rem; --ax-token-spacing-spacing-32: var(--ax-primitive-4rule-32); --ax-token-spacing-spacing-24: var(--ax-primitive-4rule-24); --ax-token-spacing-spacing-20: var(--ax-primitive-4rule-20); --ax-token-spacing-spacing-16: var(--ax-primitive-4rule-16); --ax-token-spacing-spacing-12: var(--ax-primitive-4rule-12); --ax-token-spacing-spacing-8: var(--ax-primitive-4rule-8); --ax-token-spacing-spacing-4: var(--ax-primitive-4rule-4); --ax-token-spacing-spacing-10: var(--ax-primitive-even-10); --ax-token-spacing-button-xl-h-pad-1: var(--ax-primitive-4rule-16); --ax-token-spacing-button-xl-h-pad-2: var(--ax-primitive-4rule-12); --ax-token-spacing-button-xl-gap: var(--ax-primitive-4rule-8); --ax-token-spacing-button-xl-v-pad-1: var(--ax-primitive-4rule-16); --ax-token-spacing-button-xl-v-pad-2: var(--ax-primitive-4rule-12); --ax-token-spacing-button-l-h-pad-1: var(--ax-primitive-4rule-16); --ax-token-spacing-button-l-h-pad-2: var(--ax-primitive-4rule-12); --ax-token-spacing-button-l-v-pad-1: var(--ax-primitive-4rule-16); --ax-token-spacing-button-l-v-pad-2: var(--ax-primitive-odd-11); --ax-token-spacing-button-l-gap: var(--ax-primitive-4rule-8); --ax-token-spacing-button-m-h-pad-1: var(--ax-primitive-4rule-12); --ax-token-spacing-button-m-h-pad-2: var(--ax-primitive-4rule-12); --ax-token-spacing-button-m-v-pad-1: var(--ax-primitive-4rule-12); --ax-token-spacing-button-m-v-pad-2: var(--ax-primitive-odd-9); --ax-token-spacing-button-m-gap: var(--ax-primitive-4rule-8); --ax-token-spacing-button-s-h-pad-1: var(--ax-primitive-even-10); --ax-token-spacing-button-s-h-pad-2: var(--ax-primitive-even-10); --ax-token-spacing-button-s-v-pad-1: var(--ax-primitive-even-10); --ax-token-spacing-button-s-v-pad-2: var(--ax-primitive-odd-7); --ax-token-spacing-button-s-gap: var(--ax-primitive-4rule-8); --ax-token-spacing-button-xs-h-pad-1: var(--ax-primitive-4rule-8); --ax-token-spacing-button-xs-h-pad-2: var(--ax-primitive-4rule-8); --ax-token-spacing-button-xs-v-pad-1: var(--ax-primitive-4rule-8); --ax-token-spacing-button-xs-v-pad-2: var(--ax-primitive-even-6); --ax-token-spacing-button-xs-gap: var(--ax-primitive-4rule-8); --ax-token-spacing-button-xxs-h-pad: var(--ax-primitive-even-6); --ax-token-spacing-button-xxs-v-pad: var(--ax-primitive-even-6); --ax-token-spacing-button-xxxs-h-pad: var(--ax-primitive-even-4); --ax-token-spacing-button-xxxs-v-pad: var(--ax-primitive-even-4); --ax-token-spacing-button-xxxxs-h-pad: var(--ax-primitive-odd-3); --ax-token-spacing-button-xxxxs-v-pad: var(--ax-primitive-odd-3); --ax-token-spacing-input-l-h-pad: var(--ax-primitive-4rule-12); --ax-token-spacing-input-l-v-pad: var(--ax-primitive-odd-11); --ax-token-spacing-input-l-gap: var(--ax-primitive-even-8); --ax-token-spacing-input-m-h-pad: var(--ax-primitive-4rule-12); --ax-token-spacing-input-m-v-pad: var(--ax-primitive-even-10); --ax-token-spacing-input-m-gap: var(--ax-primitive-even-8); --ax-token-spacing-input-s-h-pad: var(--ax-primitive-4rule-12); --ax-token-spacing-input-s-v-pad: var(--ax-primitive-even-8); --ax-token-spacing-input-s-gap: var(--ax-primitive-even-8); --ax-token-spacing-dropdown-item-l-h-pad: var(--ax-primitive-even-8); --ax-token-spacing-dropdown-item-l-v-pad: var(--ax-primitive-odd-11); --ax-token-spacing-dropdown-item-l-gap: var(--ax-primitive-even-12); --ax-token-spacing-dropdown-item-m-h-pad: var(--ax-primitive-even-8); --ax-token-spacing-dropdown-item-m-v-pad: var(--ax-primitive-even-10); --ax-token-spacing-dropdown-item-m-gap: var(--ax-primitive-even-12); --ax-token-spacing-dropdown-item-s-h-pad: var(--ax-primitive-even-8); --ax-token-spacing-dropdown-item-s-v-pad: var(--ax-primitive-even-8); --ax-token-spacing-dropdown-item-s-gap: var(--ax-primitive-even-12); --ax-token-spacing-snackbar-h-pad-1: var(--ax-primitive-4rule-16); --ax-token-spacing-snackbar-v-pad-1: var(--ax-primitive-4rule-16); --ax-token-spacing-snackbar-v-pad-2: var(--ax-primitive-4rule-12); --ax-token-spacing-snackbar-gap-1: var(--ax-primitive-4rule-12); --ax-token-spacing-snackbar-gap-2: var(--ax-primitive-4rule-32); --ax-token-spacing-node-head-icon: var(--ax-primitive-even-10); --ax-token-spacing-node-head-h-pad: var(--ax-primitive-even-8); --ax-token-spacing-node-head-v-pad: var(--ax-primitive-even-8); --ax-token-spacing-node-head-gap: var(--ax-primitive-even-8); --ax-token-spacing-modal-m-header-pad: var(--ax-primitive-4rule-16); --ax-token-spacing-modal-m-header-gap: var(--ax-primitive-4rule-12); --ax-token-spacing-modal-m-content-h-pad: var(--ax-primitive-4rule-16); --ax-token-spacing-modal-m-content-gap: var(--ax-primitive-4rule-20); --ax-token-spacing-modal-l-header-pad: var(--ax-primitive-4rule-24); --ax-token-spacing-modal-l-header-gap: var(--ax-primitive-4rule-12); --ax-token-spacing-modal-l-content-h-pad: var(--ax-primitive-4rule-24); --ax-token-spacing-modal-l-content-gap: var(--ax-primitive-4rule-24); --ax-token-spacing-modal-m-content-v-pad: var(--ax-primitive-4rule-24); --ax-token-spacing-modal-l-content-v-pad: var(--ax-primitive-4rule-24); --ax-token-spacing-product-tour-pad: var(--ax-primitive-4rule-24); --ax-token-spacing-product-tour-gap: var(--ax-primitive-4rule-12); --ax-token-spacing-chips-l-h-pad: var(--ax-primitive-even-6); --ax-token-spacing-chips-l-v-pad: var(--ax-primitive-odd-5); --ax-token-spacing-chips-l-gap: var(--ax-primitive-even-4); --ax-token-spacing-chips-m-h-pad: var(--ax-primitive-even-4); --ax-token-spacing-chips-m-v-pad: var(--ax-primitive-odd-3); --ax-token-spacing-chips-m-gap: var(--ax-primitive-even-4); --ax-token-spacing-chips-s-h-pad: var(--ax-primitive-even-4); --ax-token-spacing-chips-s-v-pad: var(--ax-primitive-even-2); --ax-token-spacing-chips-s-gap: var(--ax-primitive-even-4); --ax-token-spacing-chips-xl-h-pad: var(--ax-primitive-even-6); --ax-token-spacing-chips-xl-v-pad: var(--ax-primitive-odd-5); --ax-token-spacing-chips-xl-gap: var(--ax-primitive-even-4); --ax-token-spacing-tooltip-h-pad: var(--ax-primitive-even-12); --ax-token-spacing-tooltip-v-pad: var(--ax-primitive-even-8); --ax-token-spacing-tooltip-gap: var(--ax-primitive-even-4); --ax-token-spacing-top-navbar-h-pad: var(--ax-primitive-4rule-16); --ax-token-spacing-top-navbar-v-pad: var(--ax-primitive-4rule-12); --ax-token-spacing-top-navbar-gap: var(--ax-primitive-even-8); --ax-token-spacing-dropdown-wrap-s-h-pad: var(--ax-primitive-even-4); --ax-token-spacing-dropdown-wrap-s-v-pad: var(--ax-primitive-even-4); --ax-token-spacing-dropdown-wrap-s-gap: var(--ax-primitive-even-4); --ax-token-spacing-dropdown-wrap-m-h-pad: var(--ax-primitive-even-4); --ax-token-spacing-dropdown-wrap-m-v-pad: var(--ax-primitive-even-4); --ax-token-spacing-dropdown-wrap-m-gap: var(--ax-primitive-even-4); --ax-token-spacing-dropdown-wrap-l-h-pad: var(--ax-primitive-even-4); --ax-token-spacing-dropdown-wrap-l-v-pad: var(--ax-primitive-even-4); --ax-token-spacing-dropdown-wrap-l-gap: var(--ax-primitive-even-4); --ax-token-spacing-checkbox-m-pad: var(--ax-primitive-odd-3); --ax-token-spacing-checkbox-s-pad: var(--ax-primitive-odd-3); --ax-token-spacing-checkbox-xs-pad: var(--ax-primitive-odd-3); --ax-token-spacing-radiobutton-m-pad: var(--ax-primitive-odd-5); --ax-token-spacing-radiobutton-s-pad: var(--ax-primitive-odd-5); --ax-token-spacing-radiobutton-xs-pad: var(--ax-primitive-even-4); --ax-token-spacing-button-xxs-h-pad-1: var(--ax-primitive-even-6); --ax-token-spacing-button-xxs-v-pad-1: var(--ax-primitive-odd-7); --ax-token-spacing-button-xxxs-h-pad-1: var(--ax-primitive-even-6); --ax-token-spacing-toolbar-hor-pad: var(--ax-primitive-even-4); --ax-token-spacing-toolbar-vert-pad: var(--ax-primitive-even-4); --ax-token-spacing-toolbar-hor-gap: var(--ax-primitive-even-6); --ax-token-spacing-toolbar-vert-gap: var(--ax-primitive-even-6); --ax-token-spacing-button-xxxs-v-pad-1: var(--ax-primitive-odd-5); --ax-token-spacing-button-xxs-gap: var(--ax-primitive-even-6); --ax-token-spacing-button-xxxs-gap: var(--ax-primitive-even-6); --ax-token-spacing-button-xxxs-h-pad-2: var(--ax-primitive-even-6); --ax-token-spacing-button-xxxs-v-pad-2: var(--ax-primitive-even-4); --ax-token-spacing-button-xxs-h-pad-2: var(--ax-primitive-even-6); --ax-token-spacing-button-xxs-v-pad-2: var(--ax-primitive-even-6); --ax-token-spacing-seg-picker-xl-pad: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-xl-gap: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-l-pad: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-l-gap: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-m-pad: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-m-gap: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-s-pad: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-s-gap: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-xs-pad: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-xs-gap: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-xxs-pad: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-xxs-gap: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-xxxs-pad: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-xxxs-gap: var(--ax-primitive-even-4); --ax-token-spacing-label-gap: var(--ax-primitive-even-8); --ax-token-spacing-label-l-v-pad: var(--ax-primitive-even-18); --ax-token-spacing-label-l-h-pad: var(--ax-primitive-even-12); --ax-token-spacing-label-m-v-pad: var(--ax-primitive-even-18); --ax-token-spacing-label-m-h-pad: var(--ax-primitive-even-12); --ax-token-spacing-label-s-v-pad: var(--ax-primitive-even-16); --ax-token-spacing-label-s-h-pad: var(--ax-primitive-odd-9); --ax-token-spacing-label-s-v-pad-1: var(--ax-primitive-even-10); --ax-token-spacing-label-s-h-pad-1: var(--ax-primitive-even-10); --ax-token-spacing-label-m-v-pad-1: var(--ax-primitive-even-12); --ax-token-spacing-label-m-h-pad-1: var(--ax-primitive-even-12); --ax-token-spacing-label-xs-v-pad-1: var(--ax-primitive-odd-9); --ax-token-spacing-label-xs-h-pad-1: var(--ax-primitive-even-10); --ax-token-spacing-label-m-h-pad-2: var(--ax-primitive-even-12); --ax-token-spacing-label-m-v-pad-2: var(--ax-primitive-odd-9); --ax-token-spacing-label-s-h-pad-2: var(--ax-primitive-even-10); --ax-token-spacing-label-s-v-pad-2: var(--ax-primitive-even-8); --ax-token-spacing-label-xs-h-pad-2: var(--ax-primitive-even-10); --ax-token-spacing-label-xs-v-pad-2: var(--ax-primitive-odd-7); --ax-token-spacing-seg-picker-pad: var(--ax-primitive-even-4); --ax-token-spacing-seg-picker-gap: var(--ax-primitive-even-4); --ax-token-spacing-datepicker-header-pad: var(--ax-primitive-even-6); --ax-token-spacing-datepicker-weekdays-pad-h: var(--ax-primitive-even-8); --ax-token-spacing-datepicker-weekdays-pad-v: var(--ax-primitive-even-4); --ax-token-spacing-datepicker-table-pad: var(--ax-primitive-even-8); --ax-token-spacing-datepicker-table-gap: var(--ax-primitive-even-2); --ax-token-radius-element-4: var(--ax-primitive-4rule-4); --ax-token-radius-element-8: var(--ax-primitive-4rule-8); --ax-token-radius-element-12: var(--ax-primitive-4rule-12); --ax-token-radius-element-16: var(--ax-primitive-4rule-16); --ax-token-radius-element-20: var(--ax-primitive-4rule-20); --ax-token-radius-element-24: var(--ax-primitive-4rule-24); --ax-token-radius-button-xl: var(--ax-primitive-even-8); --ax-token-radius-button-l: var(--ax-primitive-even-8); --ax-token-radius-button-m: var(--ax-primitive-even-6); --ax-token-radius-button-s: var(--ax-primitive-even-4); --ax-token-radius-button-xs: var(--ax-primitive-even-4); --ax-token-radius-button-round: var(--ax-primitive-even-100); --ax-token-radius-button-xxs: var(--ax-primitive-even-4); --ax-token-radius-button-xxxs: var(--ax-primitive-even-4); --ax-token-radius-button-xxxxs: var(--ax-primitive-even-4); --ax-token-radius-segment-picker-shell: var(--ax-primitive-even-6); --ax-token-radius-segment-picker-element: var(--ax-primitive-even-4); --ax-token-radius-input-l: var(--ax-primitive-even-8); --ax-token-radius-input-m: var(--ax-primitive-even-6); --ax-token-radius-input-s: var(--ax-primitive-even-6); --ax-token-radius-dropdown-item-l: var(--ax-primitive-even-6); --ax-token-radius-dropdown-item-m: var(--ax-primitive-even-6); --ax-token-radius-dropdown-item-s: var(--ax-primitive-even-6); --ax-token-radius-snackbar: var(--ax-primitive-even-8); --ax-token-radius-node-head-icon: var(--ax-primitive-even-8); --ax-token-radius-node-head: var(--ax-primitive-4rule-12); --ax-token-radius-modal-l: var(--ax-primitive-4rule-16); --ax-token-radius-modal-m: var(--ax-primitive-4rule-16); --ax-token-radius-product-tour: var(--ax-primitive-4rule-16); --ax-token-radius-product-tour-img: var(--ax-primitive-4rule-8); --ax-token-radius-chips-l: var(--ax-primitive-even-4); --ax-token-radius-chips-m: var(--ax-primitive-even-4); --ax-token-radius-chips-s: var(--ax-primitive-even-4); --ax-token-radius-chips-xl: var(--ax-primitive-even-4); --ax-token-radius-tooltip: var(--ax-primitive-even-8); --ax-token-radius-shell: var(--ax-primitive-even-12); --ax-token-radius-dropdown-wrap-l: var(--ax-primitive-even-8); --ax-token-radius-dropdown-wrap-m: var(--ax-primitive-even-8); --ax-token-radius-dropdown-wrap-s: var(--ax-primitive-even-8); --ax-token-radius-checkbox-m: var(--ax-primitive-even-4); --ax-token-radius-checkbox-s: var(--ax-primitive-even-4); --ax-token-radius-checkbox-xs: var(--ax-primitive-even-4); --ax-token-radius-radiobutton: var(--ax-primitive-even-100); --ax-token-radius-toolbar-hor-s: var(--ax-primitive-even-8); --ax-token-radius-toolbar-hor-m: var(--ax-primitive-even-10); --ax-token-radius-toolbar-hor-l: var(--ax-primitive-even-12); --ax-token-radius-toolbar-hor-xl: var(--ax-primitive-even-12); --ax-token-radius-toolbar-vert-s: var(--ax-primitive-even-8); --ax-token-radius-toolbar-vert-m: var(--ax-primitive-even-10); --ax-token-radius-toolbar-vert-l: var(--ax-primitive-even-12); --ax-token-radius-toolbar-vert-xl: var(--ax-primitive-even-12); --ax-token-radius-seg-picker-xl: var(--ax-primitive-even-12); --ax-token-radius-seg-picker-l: var(--ax-primitive-even-12); --ax-token-radius-seg-picker-m: var(--ax-primitive-even-10); --ax-token-radius-segt-picker-s: var(--ax-primitive-even-8); --ax-token-radius-seg-picker-xs: var(--ax-primitive-even-8); --ax-token-radius-seg-picker-xxs: var(--ax-primitive-even-8); --ax-token-radius-seg-picker-xxxs: var(--ax-primitive-even-8); --ax-token-radius-label-sharp: var(--ax-primitive-even-0); --ax-token-radius-label-rounded: var(--ax-primitive-even-8); --ax-token-radius-label-oval: var(--ax-primitive-even-100); --ax-token-radius-label-m: var(--ax-primitive-even-6); --ax-token-radius-label-s: var(--ax-primitive-even-4); --ax-token-radius-label-xs: var(--ax-primitive-even-4); --ax-token-radius-seg-picker-s: var(--ax-primitive-even-8); --ax-token-radius-datepicker-component: var(--ax-primitive-4rule-8); --ax-token-radius-datepicker-day-rounded: var(--ax-primitive-4rule-4); --ax-token-radius-datepicker-day-sharp: var(--ax-primitive-4rule-0); --ax-token-shadow-shadow-xs-x: var(--ax-primitive-even-0); --ax-token-shadow-shadow-xs-y: var(--ax-primitive-4rule-4); --ax-token-shadow-shadow-xs-blur: var(--ax-primitive-4rule-8); --ax-token-shadow-shadow-xs-spread: var(--ax-primitive-even-negative-2); --ax-token-shadow-shadow-s-x: var(--ax-primitive-even-0); --ax-token-shadow-shadow-s-y: var(--ax-primitive-4rule-8); --ax-token-shadow-shadow-s-blur: var(--ax-primitive-4rule-16); --ax-token-shadow-shadow-s-spread: var(--ax-primitive-even-negative-4); --ax-token-shadow-shadow-m-x: var(--ax-primitive-even-0); --ax-token-shadow-shadow-m-y: var(--ax-primitive-4rule-12); --ax-token-shadow-shadow-m-blur: var(--ax-primitive-4rule-24); --ax-token-shadow-shadow-m-spread: var(--ax-primitive-even-negative-6); --ax-token-shadow-shadow-l-blur: var(--ax-primitive-4rule-32); --ax-token-shadow-shadow-l-spread: var(--ax-primitive-even-negative-8); --ax-token-shadow-shadow-l-x: var(--ax-primitive-even-0); --ax-token-shadow-shadow-l-y: var(--ax-primitive-4rule-16); --ax-token-shadow-shadow-xl-x: var(--ax-primitive-even-0); --ax-token-shadow-shadow-xl-y: var(--ax-primitive-4rule-24); --ax-token-shadow-shadow-xl-blur: var(--ax-primitive-4rule-48); --ax-token-shadow-shadow-xl-spread: var(--ax-primitive-even-negative-12); --ax-token-shadow-focus-node-active-blur: var(--ax-primitive-even-0); --ax-token-shadow-focus-node-active-spread: var(--ax-primitive-even-4); --ax-token-shadow-focus-node-active-x: var(--ax-primitive-even-0); --ax-token-shadow-focus-node-active-y: var(--ax-primitive-even-0); --ax-token-shadow-focus-element-x: var(--ax-primitive-even-0); --ax-token-shadow-focus-element-y: var(--ax-primitive-even-0); --ax-token-shadow-focus-element-blur: var(--ax-primitive-even-0); --ax-token-shadow-focus-element-spread: var(--ax-primitive-even-2); --ax-token-stroke-edge-regular: var(--ax-primitive-even-2); --ax-token-stroke-edge-bold: var(--ax-primitive-odd-3); }