1 line
29 KiB
Plaintext
1 line
29 KiB
Plaintext
|
{"version":3,"sources":["../../src/v3/index.ts","../../src/v3/theme.ts","../../src/v3/utils/backface.ts","../../src/v3/utils/delay.ts","../../src/v3/utils/direction.ts","../../src/v3/utils/duration.ts","../../src/v3/utils/enterleave.ts","../../src/v3/utils/fillMode.ts","../../src/v3/utils/iterationCount.ts","../../src/v3/utils/playState.ts","../../src/v3/utils/preset.ts","../../src/v3/utils/timingFunction.ts","../../src/v3/utils/index.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\nimport type { PluginAPI } from 'tailwindcss/types/config';\nimport './types';\n\nimport theme from './theme.js';\nimport utils from './utils';\n\nexport default plugin(\n (api: PluginAPI) => {\n utils.backface(api);\n utils.delay(api);\n utils.direction(api);\n utils.duration(api);\n utils.fillMode(api);\n utils.iterationCount(api);\n utils.playState(api);\n utils.timingFunction(api);\n utils.preset(api);\n utils.enterleave(api);\n },\n {\n theme\n }\n);\n","import type { Config } from 'tailwindcss';\n\nconst convert = (color: string): string => {\n return `color-mix(in srgb, ${color} calc(100% * <alpha-value>), transparent)`;\n};\n\nexport default {\n extend: {\n colors: {\n primary: convert('var(--p-primary-color)'),\n 'primary-emphasis': convert('var(--p-primary-hover-color)'),\n 'primary-emphasis-alt': convert('var(--p-primary-active-color)'),\n 'primary-contrast': convert('var(--p-primary-contrast-color)'),\n 'primary-50': convert('var(--p-primary-50)'),\n 'primary-100': convert('var(--p-primary-100)'),\n 'primary-200': convert('var(--p-primary-200)'),\n 'primary-300': convert('var(--p-primary-300)'),\n 'primary-400': convert('var(--p-primary-400)'),\n 'primary-500': convert('var(--p-primary-500)'),\n 'primary-600': convert('var(--p-primary-600)'),\n 'primary-700': convert('var(--p-primary-700)'),\n 'primary-800': convert('var(--p-primary-800)'),\n 'primary-900': convert('var(--p-primary-900)'),\n 'primary-950': convert('var(--p-primary-950)'),\n 'surface-0': convert('var(--p-surface-0)'),\n 'surface-50': convert('var(--p-surface-50)'),\n 'surface-100': convert('var(--p-surface-100)'),\n 'surface-200': convert('var(--p-surface-200)'),\n 'surface-300': convert('var(--p-surface-300)'),\n 'surface-400': convert('var(--p-surface-400)'),\n 'surface-500': convert('var(--p-surface-500)'),\n 'surface-600': convert('var(--p-surface-600)'),\n 'surface-700': convert('var(--p-surface-700)'),\n 'surface-800': convert('var(--p-surface-800)'),\n 'surface-900': convert('var(--p-surface-900)'),\n 'surface-950': convert('var(--p-surface-950)')\n },\n keyframes: {\n enter: {\n from: {\n opacity: 'var(--p-enter-opacity, 1)',\n transform: 'translate3d(var(--p-enter-translate-x, 0), var(--p-enter-translate-y, 0), 0) scale3d(var(--p-enter-scale, 1), var(--p-enter-scale, 1), var(--p-enter-scale, 1)) rotate(var(--p-enter-rotate, 0))'\n }\n },\n leave: {\n to: {\n opacity: 'var(--p-leave-opacity, 1)',\n transform: 'translate3d(var(--p-leave-translate-x, 0), var(--p-leave-translate-y, 0), 0) scale3d(var(--p-leave-scale, 1), var(--p-leave-scale, 1), var(--p-leave-scale, 1)) rotate(var(--p-leave-rotate, 0))'\n }\n },\n fadein: {\n '0%': {\n opacity: '0'\n },\n '100%': {\n opacity: '1'\n }\n },\n fadeout: {\n '0%': {\n opacity: '1'\n },\n '100%': {\n opacity
|