@rotki/ui-library 2.26.1 → 3.0.0-beta.1

package/dist/theme/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\nimport {\n  baseColors,\n  baseColorsIntensities,\n  contextColors,\n} from '../consts/colors';\n\nconst baseColorsCombination = Object.fromEntries(\n  baseColors.map((color: string) => [\n    color,\n    Object.fromEntries(\n      baseColorsIntensities.map((intensity: string) => [\n        intensity,\n        `rgba(var(--rui-${color}-${intensity}), <alpha-value>)`,\n      ]),\n    ),\n  ]),\n);\n\nconst contextColorsCombination = Object.fromEntries(\n  ['light', 'dark'].map(theme => [\n    theme,\n    Object.fromEntries(\n      contextColors.map(color => [\n        color,\n        {\n          darker: `rgba(var(--rui-${theme}-${color}-darker), <alpha-value>)`,\n          DEFAULT: `rgba(var(--rui-${theme}-${color}-main), <alpha-value>)`,\n          lighter: `rgba(var(--rui-${theme}-${color}-lighter), <alpha-value>)`,\n          shade: `color-mix(in srgb, black calc(<alpha-value> * 100%), rgb(var(--rui-${theme}-${color}-main)))`,\n          tint: `color-mix(in srgb, white calc(<alpha-value> * 100%), rgb(var(--rui-${theme}-${color}-main)))`,\n        },\n      ]),\n    ),\n  ]),\n);\n\nconst adaptiveContextColorCombination = Object.fromEntries(\n  contextColors.map(color => [\n    color,\n    {\n      darker: `rgba(var(--rui-${color}-darker), <alpha-value>)`,\n      DEFAULT: `rgba(var(--rui-${color}-main), <alpha-value>)`,\n      lighter: `rgba(var(--rui-${color}-lighter), <alpha-value>)`,\n      shade: `color-mix(in srgb, black calc(<alpha-value> * 100%), rgb(var(--rui-${color}-main)))`,\n      tint: `color-mix(in srgb, white calc(<alpha-value> * 100%), rgb(var(--rui-${color}-main)))`,\n    },\n  ]),\n);\n\nconst textColorsCombination = Object.fromEntries(\n  ['light', 'dark'].map(theme => [\n    theme,\n    {\n      text: {\n        DEFAULT: `var(--rui-${theme}-text-primary)`,\n        disabled: `var(--rui-${theme}-text-disabled)`,\n        secondary: `var(--rui-${theme}-text-secondary)`,\n      },\n    },\n  ]),\n);\n\nconst adaptiveTextColorsCombination = {\n  text: {\n    DEFAULT: `var(--rui-text-primary)`,\n    disabled: `var(--rui-text-disabled)`,\n    secondary: `var(--rui-text-secondary)`,\n  },\n};\n\nconst surfaceColorsCombination = Object.fromEntries(\n  ['light', 'dark'].map(theme => [\n    theme,\n    {\n      surface: {\n        DEFAULT: `rgba(var(--rui-${theme}-surface-primary), <alpha-value>)`,\n        secondary: `rgba(var(--rui-${theme}-surface-secondary), <alpha-value>)`,\n        overlay: `rgba(var(--rui-${theme}-surface-overlay), <alpha-value>)`,\n      },\n    },\n  ]),\n);\n\nconst adaptiveSurfaceColorsCombination = {\n  surface: {\n    DEFAULT: `rgba(var(--rui-surface-primary), <alpha-value>)`,\n    secondary: `rgba(var(--rui-surface-secondary), <alpha-value>)`,\n    overlay: `rgba(var(--rui-surface-overlay), <alpha-value>)`,\n  },\n};\n\nconst themePlugin = plugin(\n  ({ addBase, addUtilities, addVariant, matchUtilities }) => {\n    /** Aliases every context colour to the given theme's own variable. */\n    const themeVariables = (theme: 'light' | 'dark'): Record<string, string> =>\n      Object.fromEntries([\n        ...contextColors.flatMap(color => [\n          [`--rui-${color}-main`, `var(--rui-${theme}-${color}-main)`],\n          [`--rui-${color}-darker`, `var(--rui-${theme}-${color}-darker)`],\n          [`--rui-${color}-lighter`, `var(--rui-${theme}-${color}-lighter)`],\n        ]),\n        ['--rui-text-primary', `var(--rui-${theme}-text-primary)`],\n        ['--rui-text-secondary', `var(--rui-${theme}-text-secondary)`],\n        ['--rui-text-disabled', `var(--rui-${theme}-text-disabled)`],\n        ['--rui-surface-primary', `var(--rui-${theme}-surface-primary)`],\n        ['--rui-surface-secondary', `var(--rui-${theme}-surface-secondary)`],\n        ['--rui-surface-overlay', `var(--rui-${theme}-surface-overlay)`],\n      ]);\n\n    addBase({\n      'html[data-theme=\"light\"], html.light': themeVariables('light'),\n      'html[data-theme=\"dark\"], html.dark': themeVariables('dark'),\n    });\n\n    // Border utilities\n    addUtilities({\n      '.border-default': {\n        'border-color': 'rgb(var(--rui-grey-200))',\n      },\n      '.dark .border-default': {\n        'border-color': 'rgb(var(--rui-grey-800))',\n      },\n    });\n\n    // Typography\n    addUtilities({\n      '.text-body-1': {\n        '@apply text-base': {},\n      },\n      '.text-body-2': {\n        '@apply text-sm': {},\n      },\n      '.text-caption': {\n        '@apply text-xs': {},\n        'line-height': '1.25rem',\n      },\n      '.text-h1': {\n        '@apply text-8xl font-light': {},\n        'line-height': '7rem',\n      },\n      '.text-h2': {\n        '@apply text-6xl font-light': {},\n        'line-height': '4.5rem',\n      },\n      '.text-h3': {\n        '@apply text-5xl': {},\n        'line-height': '3.5rem',\n      },\n      '.text-h4': {\n        '@apply text-4xl font-semibold': {},\n        'line-height': '2.625rem',\n      },\n      '.text-h5': {\n        '@apply text-2xl': {},\n        'line-height': '2rem',\n      },\n      '.text-h6': {\n        '@apply text-xl font-medium': {},\n        'line-height': '2rem',\n      },\n      '.text-overline': {\n        '@apply text-xs uppercase': {},\n        'line-height': '2rem',\n      },\n      '.text-subtitle-1': {\n        '@apply text-base': {},\n        'line-height': '1.75rem',\n      },\n      '.text-subtitle-2': {\n        '@apply text-sm font-medium': {},\n        'line-height': '1.25rem',\n      },\n    });\n\n    // Tint and Shade Colors\n    matchUtilities(\n      Object.fromEntries(\n        ['bg-tint', 'bg-shade', 'text-tint', 'text-shade'].map(item => [\n          item,\n          value => ({\n            animation: `${item} 1s calc(${value} * -1s) linear forwards paused`,\n          }),\n        ]),\n      ),\n    );\n    addVariant('color-mix-supported', '@supports (color-mix())');\n  },\n  {\n    theme: {\n      extend: {\n        boxShadow: {\n          1: '0px 2px 1px -1px var(--rui-shadow-primary), 0px 1px 1px var(--rui-shadow-secondary), 0px 1px 3px var(--rui-shadow-tertiary)',\n          10: '0px 6px 6px -3px var(--rui-shadow-primary), 0px 10px 14px 1px var(--rui-shadow-secondary), 0px 4px 18px 3px var(--rui-shadow-tertiary)',\n          11: '0px 6px 7px -4px var(--rui-shadow-primary), 0px 11px 15px 1px var(--rui-shadow-secondary), 0px 4px 20px 3px var(--rui-shadow-tertiary)',\n          12: '0px 7px 8px -4px var(--rui-shadow-primary), 0px 12px 17px 2px var(--rui-shadow-secondary), 0px 5px 22px 4px var(--rui-shadow-tertiary)',\n          13: '0px 7px 8px -4px var(--rui-shadow-primary), 0px 13px 19px 2px var(--rui-shadow-secondary), 0px 5px 24px 4px var(--rui-shadow-tertiary)',\n          14: '0px 7px 9px -4px var(--rui-shadow-primary), 0px 14px 21px 2px var(--rui-shadow-secondary), 0px 5px 26px 4px var(--rui-shadow-tertiary)',\n          15: '0px 8px 9px -5px var(--rui-shadow-primary), 0px 15px 22px 2px var(--rui-shadow-secondary), 0px 6px 28px 5px var(--rui-shadow-tertiary)',\n          16: '0px 8px 10px -5px var(--rui-shadow-primary), 0px 16px 24px 2px var(--rui-shadow-secondary), 0px 6px 30px 5px var(--rui-shadow-tertiary)',\n          17: '0px 8px 11px -5px var(--rui-shadow-primary), 0px 17px 26px 2px var(--rui-shadow-secondary), 0px 6px 32px 5px var(--rui-shadow-tertiary)',\n          18: '0px 9px 11px -5px var(--rui-shadow-primary), 0px 18px 28px 2px var(--rui-shadow-secondary), 0px 7px 34px 6px var(--rui-shadow-tertiary)',\n          19: '0px 9px 12px -6px var(--rui-shadow-primary), 0px 19px 29px 2px var(--rui-shadow-secondary), 0px 7px 36px 6px var(--rui-shadow-tertiary)',\n          2: '0px 3px 1px -2px var(--rui-shadow-primary), 0px 2px 2px var(--rui-shadow-secondary), 0px 1px 5px var(--rui-shadow-tertiary)',\n          20: '0px 10px 13px -6px var(--rui-shadow-primary), 0px 20px 31px 3px var(--rui-shadow-secondary), 0px 8px 38px 7px var(--rui-shadow-tertiary)',\n          21: '0px 10px 13px -6px var(--rui-shadow-primary), 0px 21px 33px 3px var(--rui-shadow-secondary), 0px 8px 40px 7px var(--rui-shadow-tertiary)',\n          22: '0px 10px 14px -6px var(--rui-shadow-primary), 0px 22px 35px 3px var(--rui-shadow-secondary), 0px 8px 42px 7px var(--rui-shadow-tertiary)',\n          23: '0px 11px 14px -7px var(--rui-shadow-primary), 0px 23px 36px 3px var(--rui-shadow-secondary), 0px 9px 44px 8px var(--rui-shadow-tertiary)',\n          24: '0px 11px 15px -7px var(--rui-shadow-primary), 0px 24px 38px 3px var(--rui-shadow-secondary), 0px 9px 46px 8px var(--rui-shadow-tertiary)',\n          3: '0px 3px 3px -2px var(--rui-shadow-primary), 0px 3px 4px var(--rui-shadow-secondary), 0px 1px 8px var(--rui-shadow-tertiary)',\n          4: '0px 2px 4px -1px var(--rui-shadow-primary), 0px 4px 5px var(--rui-shadow-secondary), 0px 1px 10px var(--rui-shadow-tertiary)',\n          5: '0px 3px 5px -1px var(--rui-shadow-primary), 0px 5px 8px var(--rui-shadow-secondary), 0px 1px 14px var(--rui-shadow-tertiary)',\n          6: '0px 3px 5px -1px var(--rui-shadow-primary), 0px 6px 10px var(--rui-shadow-secondary), 0px 1px 18px var(--rui-shadow-tertiary)',\n          7: '0px 4px 5px -2px var(--rui-shadow-primary), 0px 7px 10px 1px var(--rui-shadow-secondary), 0px 2px 16px 1px var(--rui-shadow-tertiary)',\n          8: '0px 5px 5px -3px var(--rui-shadow-primary), 0px 8px 10px 1px var(--rui-shadow-secondary), 0px 3px 14px 2px var(--rui-shadow-tertiary)',\n          9: '0px 5px 6px -3px var(--rui-shadow-primary), 0px 9px 12px 1px var(--rui-shadow-secondary), 0px 3px 16px 2px var(--rui-shadow-tertiary)',\n        },\n        colors: {\n          rui: {\n            ...baseColorsCombination,\n            ...contextColorsCombination,\n            ...textColorsCombination,\n            dark: {\n              ...contextColorsCombination.dark,\n              ...textColorsCombination.dark,\n              ...surfaceColorsCombination.dark,\n            },\n            light: {\n              ...contextColorsCombination.light,\n              ...textColorsCombination.light,\n              ...surfaceColorsCombination.light,\n            },\n            ...adaptiveContextColorCombination,\n            ...adaptiveTextColorsCombination,\n            ...adaptiveSurfaceColorsCombination,\n          },\n        },\n      },\n    },\n  },\n);\n\nexport default themePlugin;\n"],"mappings":"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"}

package/dist/utils/forms/auto-complete/index.d.ts

@@ -1,2 +0,0 @@
-export declare function getStringValue<T extends object, K extends keyof T = keyof T>(item: T[K]): string | undefined;
-export declare function getText<T extends object, K extends keyof T = keyof T>(item: T, key?: K): string | undefined;