@snabcentr/client-ui 0.0.7 → 0.0.12

package/styles/tailwind/extend.js

@@ -1,189 +0,0 @@
-module.exports = {
-    fontFamily: {
-        'tui-heading': 'var(--tui-font-heading)',
-        'tui-text': 'var(--tui-font-text)',
-    },
-    borderRadius: {
-        'tui-radius-xs': 'var(--tui-radius-xs)',
-        'tui-radius-s': 'var(--tui-radius-s)',
-        'tui-radius-m': 'var(--tui-radius-m)',
-        'tui-radius-l': 'var(--tui-radius-l)',
-        'tui-radius-xl': 'var(--tui-radius-xl)',
-    },
-    fontSize: {
-        'tui-heading-1': 'var(--tui-font-heading-1)',
-        'tui-heading-2': 'var(--tui-font-heading-2)',
-        'tui-heading-3': 'var(--tui-font-heading-3)',
-        'tui-heading-4': 'var(--tui-font-heading-4)',
-        'tui-heading-5': 'var(--tui-font-heading-5)',
-        'tui-heading-6': 'var(--tui-font-heading-6)',
-        'tui-xl': 'var(--tui-font-text-xl)',
-        'tui-l': 'var(--tui-font-text-l)',
-        'tui-l-2': 'var(--tui-font-text-l-2)',
-        'tui-m': 'var(--tui-font-text-m)',
-        'tui-m-2': 'var(--tui-font-text-m-2)',
-        'tui-s': 'var(--tui-font-text-s)',
-        'tui-s-2': 'var(--tui-font-text-s-2)',
-        'tui-xs': 'var(--tui-font-text-xs)',
-    },
-    colors: {
-        // Base colors
-        'tui-autofill': 'var(--tui-autofill)',
-        'tui-base-01': 'var(--tui-base-01)',
-        'tui-base-02': 'var(--tui-base-02)',
-        'tui-base-03': 'var(--tui-base-03)',
-        'tui-base-04': 'var(--tui-base-04)',
-        'tui-base-05': 'var(--tui-base-05)',
-        'tui-base-06': 'var(--tui-base-06)',
-        'tui-base-07': 'var(--tui-base-07)',
-        'tui-base-08': 'var(--tui-base-08)',
-        'tui-base-09': 'var(--tui-base-09)',
-        'tui-primary': 'var(--tui-primary)',
-        'tui-primary-hover': 'var(--tui-primary-hover)',
-        'tui-primary-active': 'var(--tui-primary-active)',
-        'tui-primary-text': 'var(--tui-primary-text)',
-        'tui-secondary': 'var(--tui-secondary)',
-        'tui-secondary-hover': 'var(--tui-secondary-hover)',
-        'tui-secondary-active': 'var(--tui-secondary-active)',
-        'tui-accent': 'var(--tui-accent)',
-        'tui-accent-hover': 'var(--tui-accent-hover)',
-        'tui-accent-active': 'var(--tui-accent-active)',
-        'tui-accent-text': 'var(--tui-accent-text)',
-        'tui-selection': 'var(--tui-selection)',
-        'tui-focus': 'var(--tui-focus)',
-        'tui-clear': 'var(--tui-clear)',
-        'tui-clear-disabled': 'var(--tui-clear-disabled)',
-        'tui-clear-hover': 'var(--tui-clear-hover)',
-        'tui-clear-active': 'var(--tui-clear-active)',
-        'tui-clear-inverse': 'var(--tui-clear-inverse)',
-        'tui-clear-inverse-hover': 'var(--tui-clear-inverse-hover)',
-        'tui-clear-inverse-active': 'var(--tui-clear-inverse-active)',
-        'tui-elevation-01': 'var(--tui-elevation-01)',
-        'tui-elevation-02': 'var(--tui-elevation-02)',
-
-        // Statuses
-        'tui-error-fill': 'var(--tui-error-fill)',
-        'tui-error-bg': 'var(--tui-error-bg)',
-        'tui-error-bg-hover': 'var(--tui-error-bg-hover)',
-        'tui-success-fill': 'var(--tui-success-fill)',
-        'tui-success-bg': 'var(--tui-success-bg)',
-        'tui-success-bg-hover': 'var(--tui-success-bg-hover)',
-        'tui-warning-fill': 'var(--tui-warning-fill)',
-        'tui-warning-bg': 'var(--tui-warning-bg)',
-        'tui-warning-bg-hover': 'var(--tui-warning-bg-hover)',
-        'tui-info-fill': 'var(--tui-info-fill)',
-        'tui-info-bg': 'var(--tui-info-bg)',
-        'tui-info-bg-hover': 'var(--tui-info-bg-hover)',
-        'tui-neutral-fill': 'var(--tui-neutral-fill)',
-        'tui-neutral-bg': 'var(--tui-neutral-bg)',
-        'tui-neutral-bg-hover': 'var(--tui-neutral-bg-hover)',
-
-        // Text
-        'tui-text-01': 'var(--tui-text-01)',
-        'tui-text-02': 'var(--tui-text-02)',
-        'tui-text-03': 'var(--tui-text-03)',
-        'tui-link': 'var(--tui-link)',
-        'tui-link-hover': 'var(--tui-link-hover)',
-        'tui-positive': 'var(--tui-positive)',
-        'tui-positive-hover': 'var(--tui-positive-hover)',
-        'tui-negative': 'var(--tui-negative)',
-        'tui-negative-hover': 'var(--tui-negative-hover)',
-
-        // Modifiers for dark background
-        'tui-error-fill-night': 'var(--tui-error-fill-night)',
-        'tui-error-bg-night': 'var(--tui-error-bg-night)',
-        'tui-error-bg-night-hover': 'var(--tui-error-bg-night-hover)',
-        'tui-success-fill-night': 'var(--tui-success-fill-night)',
-        'tui-success-bg-night': 'var(--tui-success-bg-night)',
-        'tui-success-bg-night-hover': 'var(--tui-success-bg-night-hover)',
-        'tui-warning-fill-night': 'var(--tui-warning-fill-night)',
-        'tui-warning-bg-night': 'var(--tui-warning-bg-night)',
-        'tui-warning-bg-night-hover': 'var(--tui-warning-bg-night-hover)',
-        'tui-info-fill-night': 'var(--tui-info-fill-night)',
-        'tui-info-bg-night': 'var(--tui-info-bg-night)',
-        'tui-info-bg-night-hover': 'var(--tui-info-bg-night-hover)',
-        'tui-neutral-fill-night': 'var(--tui-neutral-fill-night)',
-        'tui-neutral-bg-night': 'var(--tui-neutral-bg-night)',
-        'tui-neutral-bg-night-hover': 'var(--tui-neutral-bg-night-hover)',
-        'tui-autofill-night': 'var(--tui-autofill-night)',
-        'tui-text-01-night': 'var(--tui-text-01-night)',
-        'tui-text-02-night': 'var(--tui-text-02-night)',
-        'tui-text-03-night': 'var(--tui-text-03-night)',
-        'tui-link-night': 'var(--tui-link-night)',
-        'tui-link-night-hover': 'var(--tui-link-night-hover)',
-        'tui-positive-night': 'var(--tui-positive-night)',
-        'tui-positive-night-hover': 'var(--tui-positive-night-hover)',
-        'tui-negative-night': 'var(--tui-negative-night)',
-        'tui-negative-night-hover': 'var(--tui-negative-night-hover)',
-
-        // Others
-        'tui-support-01': 'var(--tui-support-01)',
-        'tui-support-02': 'var(--tui-support-02)',
-        'tui-support-03': 'var(--tui-support-03)',
-        'tui-support-04': 'var(--tui-support-04)',
-        'tui-support-05': 'var(--tui-support-05)',
-        'tui-support-06': 'var(--tui-support-06)',
-        'tui-support-07': 'var(--tui-support-07)',
-        'tui-support-08': 'var(--tui-support-08)',
-        'tui-support-09': 'var(--tui-support-09)',
-        'tui-support-10': 'var(--tui-support-10)',
-        'tui-support-11': 'var(--tui-support-11)',
-        'tui-support-12': 'var(--tui-support-12)',
-        'tui-support-13': 'var(--tui-support-13)',
-        'tui-support-14': 'var(--tui-support-14)',
-        'tui-support-15': 'var(--tui-support-15)',
-        'tui-support-16': 'var(--tui-support-16)',
-        'tui-support-17': 'var(--tui-support-17)',
-        'tui-support-18': 'var(--tui-support-18)',
-        'tui-support-19': 'var(--tui-support-19)',
-        'tui-support-20': 'var(--tui-support-20)',
-        'tui-support-21': 'var(--tui-support-21)',
-        'tui-chart-0': 'var(--tui-chart-0)',
-        'tui-chart-1': 'var(--tui-chart-1)',
-        'tui-chart-2': 'var(--tui-chart-2)',
-        'tui-chart-3': 'var(--tui-chart-3)',
-        'tui-chart-4': 'var(--tui-chart-4)',
-    },
-    boxShadow: {
-        sc: '2px 7px 20px 1px rgba(0, 0, 0, 0.1)',
-    },
-    width: {
-        // TODO: доработать после исправления всего дизайна.
-        50: '12.5rem',
-        39.5: '9.875rem',
-        70: '17.5rem',
-    },
-    height: {
-        'tui-height-xs': 'var(--tui-height-xs)',
-        'tui-height-s': 'var(--tui-height-s)',
-        'tui-height-m': 'var(--tui-height-m)',
-        'tui-height-l': 'var(--tui-height-l)',
-        // TODO: доработать после исправления всего дизайна.
-        35: '8.75rem',
-        39.5: '9.875rem',
-        50: '12.5rem',
-        82: '20.5rem',
-    },
-    padding: {
-        'tui-padding-s': 'var(--tui-padding-s)',
-        'tui-padding-m': 'var(--tui-padding-m)',
-        'tui-padding-l': 'var(--tui-padding-l)',
-        // TODO: доработать после исправления всего дизайна.
-        4.5: '1.125rem',
-    },
-    opacity: {
-        'tui-padding-s': 'var(--tui-padding-s)',
-        'tui-padding-m': 'var(--tui-padding-m)',
-        'tui-padding-l': 'var(--tui-padding-l)',
-    },
-    maxHeight: {
-        35: '8.75rem',
-    },
-    minHeight: {
-        8: '2rem',
-        10: '2.5rem',
-    },
-    spacing: {
-        15: '3.75rem',
-    },
-};