@cjdevstudios/tailwindcss-bumblevue 1.0.0-beta.1
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/LICENSE +22 -0
- package/README.md +10 -0
- package/package.json +46 -0
- package/v3/index.cjs +3 -0
- package/v3/index.cjs.map +1 -0
- package/v3/index.d.cts +25 -0
- package/v3/index.d.ts +25 -0
- package/v3/index.global.js +2 -0
- package/v3/index.global.js.map +1 -0
- package/v3/index.js +2 -0
- package/v3/index.js.map +1 -0
- package/v4/index.css +14 -0
- package/v4/theme/colors.css +29 -0
- package/v4/utils/animation.css +69 -0
- package/v4/utils/backface.css +7 -0
- package/v4/utils/delay.css +7 -0
- package/v4/utils/direction.css +15 -0
- package/v4/utils/duration.css +3 -0
- package/v4/utils/enterleave.css +73 -0
- package/v4/utils/fillMode.css +15 -0
- package/v4/utils/iterationCount.css +11 -0
- package/v4/utils/keyframes.css +227 -0
- package/v4/utils/playState.css +7 -0
- package/v4/utils/preset.css +38 -0
- package/v4/utils/timingFunction.css +15 -0
- package/v4/utils/variants.css +84 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 CJ Development Studios
|
|
4
|
+
Copyright (c) 2025-2026 PrimeTek
|
|
5
|
+
|
|
6
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
8
|
+
in the Software without restriction, including without limitation the rights
|
|
9
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
11
|
+
furnished to do so, subject to the following conditions:
|
|
12
|
+
|
|
13
|
+
The above copyright notice and this permission notice shall be included in
|
|
14
|
+
all copies or substantial portions of the Software.
|
|
15
|
+
|
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
22
|
+
THE SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
# Tailwind CSS Utilities for Prime UI Libraries
|
|
2
|
+
|
|
3
|
+
Extended utilities to integrate Prime UI library theming with Tailwind CSS and add the missing animation utilities from the legacy PrimeFlex.
|
|
4
|
+
|
|
5
|
+
## Prime UI Library
|
|
6
|
+
|
|
7
|
+
Refer to the Prime UI library documentation for information about usage and examples.
|
|
8
|
+
|
|
9
|
+
- [PrimeNG](https://primeng.org/tailwind)
|
|
10
|
+
- [PrimeVue](https://primevue.org/tailwind)
|
package/package.json
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@cjdevstudios/tailwindcss-bumblevue",
|
|
3
|
+
"version": "1.0.0-beta.1",
|
|
4
|
+
"author": "CJ Development Studios",
|
|
5
|
+
"contributors": [
|
|
6
|
+
{
|
|
7
|
+
"name": "CJ Development Studios"
|
|
8
|
+
},
|
|
9
|
+
{
|
|
10
|
+
"name": "PrimeTek Informatics"
|
|
11
|
+
}
|
|
12
|
+
],
|
|
13
|
+
"description": "Utilities for Tailwind CSS",
|
|
14
|
+
"license": "MIT",
|
|
15
|
+
"repository": {
|
|
16
|
+
"type": "git",
|
|
17
|
+
"url": "git+https://github.com/CJDevStudios/tailwindcss-bumblevue.git",
|
|
18
|
+
"directory": "packages/tailwindcss-primeui"
|
|
19
|
+
},
|
|
20
|
+
"bugs": {
|
|
21
|
+
"url": "https://github.com/CJDevStudios/tailwindcss-bumblevue/issues"
|
|
22
|
+
},
|
|
23
|
+
"keywords": [
|
|
24
|
+
"tailwindcss",
|
|
25
|
+
"tailwind",
|
|
26
|
+
"plugin"
|
|
27
|
+
],
|
|
28
|
+
"main": "./v3/index.js",
|
|
29
|
+
"module": "./v3/index.js",
|
|
30
|
+
"types": "./v3/index.d.ts",
|
|
31
|
+
"exports": {
|
|
32
|
+
".": {
|
|
33
|
+
"types": "./v3/index.d.ts",
|
|
34
|
+
"style": "./v4/index.css",
|
|
35
|
+
"import": "./v3/index.js",
|
|
36
|
+
"require": "./v3/index.cjs"
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
"publishConfig": {
|
|
40
|
+
"access": "public"
|
|
41
|
+
},
|
|
42
|
+
"peerDependencies": {
|
|
43
|
+
"tailwindcss": ">=3.1.0"
|
|
44
|
+
},
|
|
45
|
+
"unpkg": "./v3/index.global.js"
|
|
46
|
+
}
|
package/v3/index.cjs
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";var P=Object.create;var s=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var I=(a,i)=>{for(var e in i)s(a,e,{get:i[e],enumerable:!0})},l=(a,i,e,t)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of w(i))!A.call(a,o)&&o!==e&&s(a,o,{get:()=>i[o],enumerable:!(t=z(i,o))||t.enumerable});return a};var Y=(a,i,e)=>(e=a!=null?P(k(a)):{},l(i||!a||!a.__esModule?s(e,"default",{value:a,enumerable:!0}):e,a)),X=a=>l(s({},"__esModule",{value:!0}),a);var C={};I(C,{default:()=>$});module.exports=X(C);var x=Y(require("tailwindcss/plugin"),1);var r=a=>`color-mix(in srgb, ${a} calc(100% * <alpha-value>), transparent)`,p={extend:{colors:{primary:r("var(--p-primary-color)"),"primary-emphasis":r("var(--p-primary-hover-color)"),"primary-emphasis-alt":r("var(--p-primary-active-color)"),"primary-contrast":r("var(--p-primary-contrast-color)"),"primary-50":r("var(--p-primary-50)"),"primary-100":r("var(--p-primary-100)"),"primary-200":r("var(--p-primary-200)"),"primary-300":r("var(--p-primary-300)"),"primary-400":r("var(--p-primary-400)"),"primary-500":r("var(--p-primary-500)"),"primary-600":r("var(--p-primary-600)"),"primary-700":r("var(--p-primary-700)"),"primary-800":r("var(--p-primary-800)"),"primary-900":r("var(--p-primary-900)"),"primary-950":r("var(--p-primary-950)"),"surface-0":r("var(--p-surface-0)"),"surface-50":r("var(--p-surface-50)"),"surface-100":r("var(--p-surface-100)"),"surface-200":r("var(--p-surface-200)"),"surface-300":r("var(--p-surface-300)"),"surface-400":r("var(--p-surface-400)"),"surface-500":r("var(--p-surface-500)"),"surface-600":r("var(--p-surface-600)"),"surface-700":r("var(--p-surface-700)"),"surface-800":r("var(--p-surface-800)"),"surface-900":r("var(--p-surface-900)"),"surface-950":r("var(--p-surface-950)")},keyframes:{enter:{from:{opacity:"var(--p-enter-opacity, 1)",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))"}},leave:{to:{opacity:"var(--p-leave-opacity, 1)",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))"}},fadein:{"0%":{opacity:"0"},"100%":{opacity:"1"}},fadeout:{"0%":{opacity:"1"},"100%":{opacity:"0"}},scalein:{"0%":{opacity:"0",transform:"scaleY(0.8)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"scaleY(1)"}},slidedown:{"0%":{maxHeight:"0"},"100%":{maxHeight:"auto"}},slideup:{"0%":{maxHeight:"1000px"},"100%":{maxHeight:"0"}},fadeinleft:{"0%":{opacity:"0",transform:"translateX(-100%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"translateX(0%)"}},fadeoutleft:{"0%":{opacity:"1",transform:"translateX(0%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"0",transform:"translateX(-100%)"}},fadeinright:{"0%":{opacity:"0",transform:"translateX(100%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"translateX(0%)"}},fadeoutright:{"0%":{opacity:"1",transform:"translateX(0%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"0",transform:"translateX(100%)"}},fadeinup:{"0%":{opacity:"0",transform:"translateY(-100%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"translateY(0%)"}},fadeoutup:{"0%":{opacity:"1",transform:"translateY(0%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"0",transform:"translateY(-100%)"}},fadeindown:{"0%":{opacity:"0",transform:"translateY(100%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"translateY(0%)"}},fadeoutdown:{"0%":{opacity:"1",transform:"translateY(0%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"0",transform:"translateY(100%)"}},width:{"0%":{width:"0"},"100%":{width:"100%"}},flip:{from:{transform:"perspective(2000px) rotateX(-100deg)"},to:{transform:"perspective(2000px) rotateX(0)"}},flipleft:{from:{transform:"perspective(2000px) rotateY(-100deg)",opacity:"0"},to:{transform:"perspective(2000px) rotateY(0)",opacity:"1"}},flipright:{from:{transform:"perspective(2000px) rotateY(100deg)",opacity:"0"},to:{transform:"perspective(2000px) rotateY(0)",opacity:"1"}},flipup:{from:{transform:"perspective(2000px) rotateX(-100deg)",opacity:"0"},to:{transform:"perspective(2000px) rotateX(0)",opacity:"1"}},zoomin:{from:{transform:"scale3d(0.3, 0.3, 0.3)",opacity:"0"},"50%":{opacity:"1"}},zoomindown:{from:{transform:"scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",opacity:"0"},"60%":{transform:"scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",opacity:"1"}},zoominleft:{from:{transform:"scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",opacity:"0"},"60%":{transform:"scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",opacity:"1"}},zoominright:{from:{transform:"scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",opacity:"0"},"60%":{transform:"scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",opacity:"1"}},zoominup:{from:{transform:"scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",opacity:"0"},"60%":{transform:"scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",opacity:"1"}}},animation:{fadein:"fadein 0.15s linear",fadeout:"fadeout 0.15s linear",slidedown:"slidedown 0.45s ease-in-out",slideup:"slideup 0.45s cubic-bezier(0, 1, 0, 1)",scalein:"scalein 0.15s linear",fadeinleft:"fadeinleft 0.15s linear",fadeoutleft:"fadeoutleft 0.15s linear",fadeinright:"fadeinright 0.15s linear",fadeoutright:"fadeoutright 0.15s linear",fadeinup:"fadeinup 0.15s linear",fadeoutup:"fadeoutup 0.15s linear",fadeindown:"fadeindown 0.15s linear",fadeoutdown:"fadeoutdown 0.15s linear",width:"width 0.45s linear",flip:"flip 0.15s linear",flipup:"flipup 0.15s linear",flipleft:"flipleft 0.15s linear",flipright:"flipright 0.15s linear",zoomin:"zoomin 0.15s linear",zoomindown:"zoomindown 0.15s linear",zoominleft:"zoominleft 0.15s linear",zoominright:"zoominright 0.15s linear",zoominup:"zoominup 0.15s linear"},animationDelay:{0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",400:"400ms",500:"500ms",700:"700ms",1e3:"1000ms"},animationDuration:{0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",400:"400ms",500:"500ms",700:"700ms",1e3:"1000ms",2e3:"2000ms",3e3:"3000ms"},animationOpacity:({theme:a})=>a("opacity"),animationTranslate:({theme:a})=>a("translate"),animationScale:({theme:a})=>a("scale"),animationRotate:({theme:a})=>a("rotate")}};var m=({addUtilities:a})=>{a({".backface-visible":{"backface-visibility":"visible"},".backface-hidden":{"backface-visibility":"hidden"}})};var c=({matchUtilities:a,theme:i})=>{a({"animate-delay":e=>({"animation-delay":e})},{values:i("animationDelay")})};var f=({addUtilities:a})=>{a({".animate-normal":{"animation-direction":"normal"},".animate-reverse":{"animation-direction":"reverse"},".animate-alternate":{"animation-direction":"alternate"},".animate-alternate-reverse":{"animation-direction":"alternate-reverse"}})};var d=({matchUtilities:a,theme:i})=>{a({"animate-duration":e=>({"animation-duration":e})},{values:i("animationDuration")})};var u=({addUtilities:a,matchUtilities:i,theme:e})=>{a({"@keyframes enter":e("keyframes.enter"),"@keyframes leave":e("keyframes.leave"),".animate-enter":{"animation-name":"enter","--p-enter-opacity":"initial","--p-enter-scale":"initial","--p-enter-rotate":"initial","--p-enter-translate-x":"initial","--p-enter-translate-y":"initial"},".animate-leave":{"animation-name":"leave","--p-leave-opacity":"initial","--p-leave-scale":"initial","--p-leave-rotate":"initial","--p-leave-translate-x":"initial","--p-leave-translate-y":"initial"}}),i({"fade-in":t=>({"--p-enter-opacity":t}),"fade-out":t=>({"--p-leave-opacity":t})},{values:e("animationOpacity")}),i({"zoom-in":t=>({"--p-enter-scale":t}),"zoom-out":t=>({"--p-leave-scale":t})},{values:e("animationScale")}),i({"spin-in":t=>({"--p-enter-rotate":t}),"spin-out":t=>({"--p-leave-rotate":t})},{values:e("animationRotate")}),i({"slide-in-from-t":t=>({"--p-enter-translate-y":`-${t}`}),"slide-in-from-b":t=>({"--p-enter-translate-y":t}),"slide-in-from-l":t=>({"--p-enter-translate-x":`-${t}`}),"slide-in-from-r":t=>({"--p-enter-translate-x":t}),"slide-out-from-t":t=>({"--p-leave-translate-y":`-${t}`}),"slide-out-from-b":t=>({"--p-leave-translate-y":t}),"slide-out-from-l":t=>({"--p-leave-translate-x":`-${t}`}),"slide-out-from-r":t=>({"--p-leave-translate-x":t})},{values:e("translate")})};var y=({addUtilities:a})=>{a({".animate-fill-none":{"animation-fill-mode":"none"},".animate-fill-forwards":{"animation-fill-mode":"forwards"},".animate-fill-backwards":{"animation-fill-mode":"backwards"},".animate-fill-both":{"animation-fill-mode":"both"}})};var v=({addUtilities:a})=>{a({".animate-infinite":{"animation-iteration-count":"infinite"},".animate-once":{"animation-iteration-count":"1"},".animate-twice":{"animation-iteration-count":"2"}})};var g=({addUtilities:a})=>{a({".animate-running":{"animation-play-state":"running"},".animate-paused":{"animation-play-state":"paused"}})};var b=({addUtilities:a})=>{a({".border-surface":{"border-color":"var(--p-content-border-color)"},".bg-emphasis":{background:"var(--p-content-hover-background)",color:"var(--p-content-hover-color)"},".bg-highlight":{background:"var(--p-highlight-background)",color:"var(--p-highlight-color)"},".bg-highlight-emphasis":{background:"var(--p-highlight-focus-background)",color:"var(--p-highlight-focus-color)"},".rounded-border":{"border-radius":"var(--p-content-border-radius)"},".text-color":{color:"var(--p-text-color)"},".text-color-emphasis":{color:"var(--p-text-hover-color)"},".text-muted-color":{color:"var(--p-text-muted-color)"},".text-muted-color-emphasis":{color:"var(--p-text-hover-muted-color)"}})};var h=({addUtilities:a})=>{a({".animate-ease-linear":{"animation-timing-function":"linear"},".animate-ease-in":{"animation-timing-function":"cubic-bezier(0.4, 0, 1, 1)"},".animate-ease-out":{"animation-timing-function":"cubic-bezier(0, 0, 0.2, 1)"},".animate-ease-in-out":{"animation-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}})};var n={backface:m,delay:c,direction:f,duration:d,enterleave:u,fillMode:y,iterationCount:v,playState:g,preset:b,timingFunction:h};var $=(0,x.default)(a=>{n.backface(a),n.delay(a),n.direction(a),n.duration(a),n.fillMode(a),n.iterationCount(a),n.playState(a),n.timingFunction(a),n.preset(a),n.enterleave(a)},{theme:p});
|
|
2
|
+
module.exports = module.exports.default || module.exports;
|
|
3
|
+
//# sourceMappingURL=index.cjs.map
|
package/v3/index.cjs.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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: '0'\n }\n },\n scalein: {\n '0%': {\n opacity: '0',\n transform: 'scaleY(0.8)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'scaleY(1)'\n }\n },\n slidedown: {\n '0%': {\n maxHeight: '0'\n },\n '100%': {\n maxHeight: 'auto'\n }\n },\n slideup: {\n '0%': {\n maxHeight: '1000px'\n },\n '100%': {\n maxHeight: '0'\n }\n },\n fadeinleft: {\n '0%': {\n opacity: '0',\n transform: 'translateX(-100%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'translateX(0%)'\n }\n },\n fadeoutleft: {\n '0%': {\n opacity: '1',\n transform: 'translateX(0%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '0',\n transform: 'translateX(-100%)'\n }\n },\n fadeinright: {\n '0%': {\n opacity: '0',\n transform: 'translateX(100%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'translateX(0%)'\n }\n },\n fadeoutright: {\n '0%': {\n opacity: '1',\n transform: 'translateX(0%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '0',\n transform: 'translateX(100%)'\n }\n },\n fadeinup: {\n '0%': {\n opacity: '0',\n transform: 'translateY(-100%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0%)'\n }\n },\n fadeoutup: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(-100%)'\n }\n },\n fadeindown: {\n '0%': {\n opacity: '0',\n transform: 'translateY(100%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0%)'\n }\n },\n fadeoutdown: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(100%)'\n }\n },\n width: {\n '0%': {\n width: '0'\n },\n '100%': {\n width: '100%'\n }\n },\n flip: {\n from: {\n transform: 'perspective(2000px) rotateX(-100deg)'\n },\n to: {\n transform: 'perspective(2000px) rotateX(0)'\n }\n },\n flipleft: {\n from: {\n transform: 'perspective(2000px) rotateY(-100deg)',\n opacity: '0'\n },\n to: {\n transform: 'perspective(2000px) rotateY(0)',\n opacity: '1'\n }\n },\n flipright: {\n from: {\n transform: 'perspective(2000px) rotateY(100deg)',\n opacity: '0'\n },\n to: {\n transform: 'perspective(2000px) rotateY(0)',\n opacity: '1'\n }\n },\n flipup: {\n from: {\n transform: 'perspective(2000px) rotateX(-100deg)',\n opacity: '0'\n },\n to: {\n transform: 'perspective(2000px) rotateX(0)',\n opacity: '1'\n }\n },\n zoomin: {\n from: {\n transform: 'scale3d(0.3, 0.3, 0.3)',\n opacity: '0'\n },\n '50%': {\n opacity: '1'\n }\n },\n zoomindown: {\n from: {\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)',\n opacity: '0'\n },\n '60%': {\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',\n opacity: '1'\n }\n },\n zoominleft: {\n from: {\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)',\n opacity: '0'\n },\n '60%': {\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)',\n opacity: '1'\n }\n },\n zoominright: {\n from: {\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)',\n opacity: '0'\n },\n '60%': {\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)',\n opacity: '1'\n }\n },\n zoominup: {\n from: {\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)',\n opacity: '0'\n },\n '60%': {\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',\n opacity: '1'\n }\n }\n },\n animation: {\n fadein: 'fadein 0.15s linear',\n fadeout: 'fadeout 0.15s linear',\n slidedown: 'slidedown 0.45s ease-in-out',\n slideup: 'slideup 0.45s cubic-bezier(0, 1, 0, 1)',\n scalein: 'scalein 0.15s linear',\n fadeinleft: 'fadeinleft 0.15s linear',\n fadeoutleft: 'fadeoutleft 0.15s linear',\n fadeinright: 'fadeinright 0.15s linear',\n fadeoutright: 'fadeoutright 0.15s linear',\n fadeinup: 'fadeinup 0.15s linear',\n fadeoutup: 'fadeoutup 0.15s linear',\n fadeindown: 'fadeindown 0.15s linear',\n fadeoutdown: 'fadeoutdown 0.15s linear',\n width: 'width 0.45s linear',\n flip: 'flip 0.15s linear',\n flipup: 'flipup 0.15s linear',\n flipleft: 'flipleft 0.15s linear',\n flipright: 'flipright 0.15s linear',\n zoomin: 'zoomin 0.15s linear',\n zoomindown: 'zoomindown 0.15s linear',\n zoominleft: 'zoominleft 0.15s linear',\n zoominright: 'zoominright 0.15s linear',\n zoominup: 'zoominup 0.15s linear'\n },\n animationDelay: {\n 0: '0s',\n 75: '75ms',\n 100: '100ms',\n 150: '150ms',\n 200: '200ms',\n 300: '300ms',\n 400: '400ms',\n 500: '500ms',\n 700: '700ms',\n 1000: '1000ms'\n },\n animationDuration: {\n 0: '0s',\n 75: '75ms',\n 100: '100ms',\n 150: '150ms',\n 200: '200ms',\n 300: '300ms',\n 400: '400ms',\n 500: '500ms',\n 700: '700ms',\n 1000: '1000ms',\n 2000: '2000ms',\n 3000: '3000ms'\n },\n animationOpacity: ({ theme }: { theme: (path: string) => unknown }) => theme('opacity'),\n animationTranslate: ({ theme }: { theme: (path: string) => unknown }) => theme('translate'),\n animationScale: ({ theme }: { theme: (path: string) => unknown }) => theme('scale'),\n animationRotate: ({ theme }: { theme: (path: string) => unknown }) => theme('rotate')\n }\n} as Partial<Config['theme']>;\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.backface-visible': {\n 'backface-visibility': 'visible'\n },\n '.backface-hidden': {\n 'backface-visibility': 'hidden'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ matchUtilities, theme }: PluginAPI): void => {\n matchUtilities(\n {\n 'animate-delay': (value: string) => ({\n 'animation-delay': value\n })\n },\n {\n values: theme('animationDelay')\n }\n );\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-normal': {\n 'animation-direction': 'normal'\n },\n '.animate-reverse': {\n 'animation-direction': 'reverse'\n },\n '.animate-alternate': {\n 'animation-direction': 'alternate'\n },\n '.animate-alternate-reverse': {\n 'animation-direction': 'alternate-reverse'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ matchUtilities, theme }: PluginAPI): void => {\n matchUtilities(\n {\n 'animate-duration': (value: string) => ({\n 'animation-duration': value\n })\n },\n {\n values: theme('animationDuration')\n }\n );\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities, matchUtilities, theme }: PluginAPI): void => {\n addUtilities({\n '@keyframes enter': theme('keyframes.enter'),\n '@keyframes leave': theme('keyframes.leave'),\n '.animate-enter': {\n 'animation-name': 'enter',\n '--p-enter-opacity': 'initial',\n '--p-enter-scale': 'initial',\n '--p-enter-rotate': 'initial',\n '--p-enter-translate-x': 'initial',\n '--p-enter-translate-y': 'initial'\n },\n '.animate-leave': {\n 'animation-name': 'leave',\n '--p-leave-opacity': 'initial',\n '--p-leave-scale': 'initial',\n '--p-leave-rotate': 'initial',\n '--p-leave-translate-x': 'initial',\n '--p-leave-translate-y': 'initial'\n }\n });\n\n matchUtilities(\n {\n 'fade-in': (value: string) => ({ '--p-enter-opacity': value }),\n 'fade-out': (value: string) => ({ '--p-leave-opacity': value })\n },\n { values: theme('animationOpacity') }\n );\n\n matchUtilities(\n {\n 'zoom-in': (value: string) => ({ '--p-enter-scale': value }),\n 'zoom-out': (value: string) => ({ '--p-leave-scale': value })\n },\n { values: theme('animationScale') }\n );\n\n matchUtilities(\n {\n 'spin-in': (value: string) => ({ '--p-enter-rotate': value }),\n 'spin-out': (value: string) => ({ '--p-leave-rotate': value })\n },\n { values: theme('animationRotate') }\n );\n\n matchUtilities(\n {\n 'slide-in-from-t': (value: string) => ({\n '--p-enter-translate-y': `-${value}`\n }),\n 'slide-in-from-b': (value: string) => ({\n '--p-enter-translate-y': value\n }),\n 'slide-in-from-l': (value: string) => ({\n '--p-enter-translate-x': `-${value}`\n }),\n 'slide-in-from-r': (value: string) => ({\n '--p-enter-translate-x': value\n }),\n 'slide-out-from-t': (value: string) => ({\n '--p-leave-translate-y': `-${value}`\n }),\n 'slide-out-from-b': (value: string) => ({\n '--p-leave-translate-y': value\n }),\n 'slide-out-from-l': (value: string) => ({\n '--p-leave-translate-x': `-${value}`\n }),\n 'slide-out-from-r': (value: string) => ({\n '--p-leave-translate-x': value\n })\n },\n { values: theme('translate') }\n );\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-fill-none': {\n 'animation-fill-mode': 'none'\n },\n '.animate-fill-forwards': {\n 'animation-fill-mode': 'forwards'\n },\n '.animate-fill-backwards': {\n 'animation-fill-mode': 'backwards'\n },\n '.animate-fill-both': {\n 'animation-fill-mode': 'both'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-infinite': {\n 'animation-iteration-count': 'infinite'\n },\n '.animate-once': {\n 'animation-iteration-count': '1'\n },\n '.animate-twice': {\n 'animation-iteration-count': '2'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-running': {\n 'animation-play-state': 'running'\n },\n '.animate-paused': {\n 'animation-play-state': 'paused'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.border-surface': {\n 'border-color': 'var(--p-content-border-color)'\n },\n '.bg-emphasis': {\n background: 'var(--p-content-hover-background)',\n color: 'var(--p-content-hover-color)'\n },\n '.bg-highlight': {\n background: 'var(--p-highlight-background)',\n color: 'var(--p-highlight-color)'\n },\n '.bg-highlight-emphasis': {\n background: 'var(--p-highlight-focus-background)',\n color: 'var(--p-highlight-focus-color)'\n },\n '.rounded-border': {\n 'border-radius': 'var(--p-content-border-radius)'\n },\n '.text-color': {\n color: 'var(--p-text-color)'\n },\n '.text-color-emphasis': {\n color: 'var(--p-text-hover-color)'\n },\n '.text-muted-color': {\n color: 'var(--p-text-muted-color)'\n },\n '.text-muted-color-emphasis': {\n color: 'var(--p-text-hover-muted-color)'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-ease-linear': {\n 'animation-timing-function': 'linear'\n },\n '.animate-ease-in': {\n 'animation-timing-function': 'cubic-bezier(0.4, 0, 1, 1)'\n },\n '.animate-ease-out': {\n 'animation-timing-function': 'cubic-bezier(0, 0, 0.2, 1)'\n },\n '.animate-ease-in-out': {\n 'animation-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)'\n }\n });\n};\n","import backface from './backface.js';\nimport delay from './delay.js';\nimport direction from './direction.js';\nimport duration from './duration.js';\nimport enterleave from './enterleave.js';\nimport fillMode from './fillMode.js';\nimport iterationCount from './iterationCount.js';\nimport playState from './playState.js';\nimport preset from './preset.js';\nimport timingFunction from './timingFunction.js';\n\nexport default {\n backface,\n delay,\n direction,\n duration,\n enterleave,\n fillMode,\n iterationCount,\n playState,\n preset,\n timingFunction\n};\n"],"mappings":"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","names":["v3_exports","__export","v3_default","__toCommonJS","import_plugin","convert","color","theme_default","theme","backface_default","addUtilities","delay_default","matchUtilities","theme","value","direction_default","addUtilities","duration_default","matchUtilities","theme","value","enterleave_default","addUtilities","matchUtilities","theme","value","fillMode_default","addUtilities","iterationCount_default","addUtilities","playState_default","addUtilities","preset_default","addUtilities","timingFunction_default","addUtilities","utils_default","backface_default","delay_default","direction_default","duration_default","enterleave_default","fillMode_default","iterationCount_default","playState_default","preset_default","timingFunction_default","v3_default","plugin","api","utils_default","theme_default"]}
|
package/v3/index.d.cts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
+
|
|
3
|
+
declare type AnimationDelayKeys = 0 | 75 | 100 | 150 | 200 | 300 | 500 | 700 | 1000 | string;
|
|
4
|
+
declare type AnimationDurationKeys = 0 | 75 | 100 | 150 | 200 | 300 | 400 | 500 | 700 | 1000 | 2000 | 3000 | string;
|
|
5
|
+
declare type AnimationKeys = 'fadein' | 'fadeout' | 'slidedown' | 'slideup' | 'scalein' | 'fadeinleft' | 'fadeoutleft' | 'fadeinright' | 'fadeoutright' | 'fadeinup' | 'fadeoutup' | 'fadeindown' | 'fadeoutdown' | 'width' | 'flip' | 'flipup' | 'flipleft' | 'flipright' | 'zoomin' | 'zoomindown' | 'zoominleft' | 'zoominright' | 'zoominup' | string;
|
|
6
|
+
declare module 'tailwindcss/types/config' {
|
|
7
|
+
interface ThemeConfig {
|
|
8
|
+
colors: ResolvableTo<RecursiveKeyValuePair>;
|
|
9
|
+
keyframes: ResolvableTo<KeyValuePair<string, KeyValuePair<string, KeyValuePair>>>;
|
|
10
|
+
animation: ResolvableTo<KeyValuePair<AnimationKeys>>;
|
|
11
|
+
animationDelay: ResolvableTo<KeyValuePair<AnimationDelayKeys>>;
|
|
12
|
+
animationDuration: ResolvableTo<KeyValuePair<AnimationDurationKeys>>;
|
|
13
|
+
animationOpacity?: ThemeConfig['opacity'];
|
|
14
|
+
animationTranslate?: ThemeConfig['spacing'];
|
|
15
|
+
animationScale?: ResolvableTo<KeyValuePair>;
|
|
16
|
+
animationRotate?: ResolvableTo<KeyValuePair>;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
declare const _default: {
|
|
21
|
+
handler: tailwindcss_types_config.PluginCreator;
|
|
22
|
+
config?: Partial<tailwindcss_types_config.Config>;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { _default as default };
|
package/v3/index.d.ts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
+
|
|
3
|
+
declare type AnimationDelayKeys = 0 | 75 | 100 | 150 | 200 | 300 | 500 | 700 | 1000 | string;
|
|
4
|
+
declare type AnimationDurationKeys = 0 | 75 | 100 | 150 | 200 | 300 | 400 | 500 | 700 | 1000 | 2000 | 3000 | string;
|
|
5
|
+
declare type AnimationKeys = 'fadein' | 'fadeout' | 'slidedown' | 'slideup' | 'scalein' | 'fadeinleft' | 'fadeoutleft' | 'fadeinright' | 'fadeoutright' | 'fadeinup' | 'fadeoutup' | 'fadeindown' | 'fadeoutdown' | 'width' | 'flip' | 'flipup' | 'flipleft' | 'flipright' | 'zoomin' | 'zoomindown' | 'zoominleft' | 'zoominright' | 'zoominup' | string;
|
|
6
|
+
declare module 'tailwindcss/types/config' {
|
|
7
|
+
interface ThemeConfig {
|
|
8
|
+
colors: ResolvableTo<RecursiveKeyValuePair>;
|
|
9
|
+
keyframes: ResolvableTo<KeyValuePair<string, KeyValuePair<string, KeyValuePair>>>;
|
|
10
|
+
animation: ResolvableTo<KeyValuePair<AnimationKeys>>;
|
|
11
|
+
animationDelay: ResolvableTo<KeyValuePair<AnimationDelayKeys>>;
|
|
12
|
+
animationDuration: ResolvableTo<KeyValuePair<AnimationDurationKeys>>;
|
|
13
|
+
animationOpacity?: ThemeConfig['opacity'];
|
|
14
|
+
animationTranslate?: ThemeConfig['spacing'];
|
|
15
|
+
animationScale?: ResolvableTo<KeyValuePair>;
|
|
16
|
+
animationRotate?: ResolvableTo<KeyValuePair>;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
declare const _default: {
|
|
21
|
+
handler: tailwindcss_types_config.PluginCreator;
|
|
22
|
+
config?: Partial<tailwindcss_types_config.Config>;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { _default as default };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(()=>{function o(a,e){return{handler:a,config:e}}o.withOptions=function(a,e=()=>({})){function i(t){return{handler:a(t),config:e(t)}}return i.__isOptionsFunction=!0,i};var s=o;var r=a=>`color-mix(in srgb, ${a} calc(100% * <alpha-value>), transparent)`,l={extend:{colors:{primary:r("var(--p-primary-color)"),"primary-emphasis":r("var(--p-primary-hover-color)"),"primary-emphasis-alt":r("var(--p-primary-active-color)"),"primary-contrast":r("var(--p-primary-contrast-color)"),"primary-50":r("var(--p-primary-50)"),"primary-100":r("var(--p-primary-100)"),"primary-200":r("var(--p-primary-200)"),"primary-300":r("var(--p-primary-300)"),"primary-400":r("var(--p-primary-400)"),"primary-500":r("var(--p-primary-500)"),"primary-600":r("var(--p-primary-600)"),"primary-700":r("var(--p-primary-700)"),"primary-800":r("var(--p-primary-800)"),"primary-900":r("var(--p-primary-900)"),"primary-950":r("var(--p-primary-950)"),"surface-0":r("var(--p-surface-0)"),"surface-50":r("var(--p-surface-50)"),"surface-100":r("var(--p-surface-100)"),"surface-200":r("var(--p-surface-200)"),"surface-300":r("var(--p-surface-300)"),"surface-400":r("var(--p-surface-400)"),"surface-500":r("var(--p-surface-500)"),"surface-600":r("var(--p-surface-600)"),"surface-700":r("var(--p-surface-700)"),"surface-800":r("var(--p-surface-800)"),"surface-900":r("var(--p-surface-900)"),"surface-950":r("var(--p-surface-950)")},keyframes:{enter:{from:{opacity:"var(--p-enter-opacity, 1)",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))"}},leave:{to:{opacity:"var(--p-leave-opacity, 1)",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))"}},fadein:{"0%":{opacity:"0"},"100%":{opacity:"1"}},fadeout:{"0%":{opacity:"1"},"100%":{opacity:"0"}},scalein:{"0%":{opacity:"0",transform:"scaleY(0.8)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"scaleY(1)"}},slidedown:{"0%":{maxHeight:"0"},"100%":{maxHeight:"auto"}},slideup:{"0%":{maxHeight:"1000px"},"100%":{maxHeight:"0"}},fadeinleft:{"0%":{opacity:"0",transform:"translateX(-100%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"translateX(0%)"}},fadeoutleft:{"0%":{opacity:"1",transform:"translateX(0%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"0",transform:"translateX(-100%)"}},fadeinright:{"0%":{opacity:"0",transform:"translateX(100%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"translateX(0%)"}},fadeoutright:{"0%":{opacity:"1",transform:"translateX(0%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"0",transform:"translateX(100%)"}},fadeinup:{"0%":{opacity:"0",transform:"translateY(-100%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"translateY(0%)"}},fadeoutup:{"0%":{opacity:"1",transform:"translateY(0%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"0",transform:"translateY(-100%)"}},fadeindown:{"0%":{opacity:"0",transform:"translateY(100%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"translateY(0%)"}},fadeoutdown:{"0%":{opacity:"1",transform:"translateY(0%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"0",transform:"translateY(100%)"}},width:{"0%":{width:"0"},"100%":{width:"100%"}},flip:{from:{transform:"perspective(2000px) rotateX(-100deg)"},to:{transform:"perspective(2000px) rotateX(0)"}},flipleft:{from:{transform:"perspective(2000px) rotateY(-100deg)",opacity:"0"},to:{transform:"perspective(2000px) rotateY(0)",opacity:"1"}},flipright:{from:{transform:"perspective(2000px) rotateY(100deg)",opacity:"0"},to:{transform:"perspective(2000px) rotateY(0)",opacity:"1"}},flipup:{from:{transform:"perspective(2000px) rotateX(-100deg)",opacity:"0"},to:{transform:"perspective(2000px) rotateX(0)",opacity:"1"}},zoomin:{from:{transform:"scale3d(0.3, 0.3, 0.3)",opacity:"0"},"50%":{opacity:"1"}},zoomindown:{from:{transform:"scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",opacity:"0"},"60%":{transform:"scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",opacity:"1"}},zoominleft:{from:{transform:"scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",opacity:"0"},"60%":{transform:"scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",opacity:"1"}},zoominright:{from:{transform:"scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",opacity:"0"},"60%":{transform:"scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",opacity:"1"}},zoominup:{from:{transform:"scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",opacity:"0"},"60%":{transform:"scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",opacity:"1"}}},animation:{fadein:"fadein 0.15s linear",fadeout:"fadeout 0.15s linear",slidedown:"slidedown 0.45s ease-in-out",slideup:"slideup 0.45s cubic-bezier(0, 1, 0, 1)",scalein:"scalein 0.15s linear",fadeinleft:"fadeinleft 0.15s linear",fadeoutleft:"fadeoutleft 0.15s linear",fadeinright:"fadeinright 0.15s linear",fadeoutright:"fadeoutright 0.15s linear",fadeinup:"fadeinup 0.15s linear",fadeoutup:"fadeoutup 0.15s linear",fadeindown:"fadeindown 0.15s linear",fadeoutdown:"fadeoutdown 0.15s linear",width:"width 0.45s linear",flip:"flip 0.15s linear",flipup:"flipup 0.15s linear",flipleft:"flipleft 0.15s linear",flipright:"flipright 0.15s linear",zoomin:"zoomin 0.15s linear",zoomindown:"zoomindown 0.15s linear",zoominleft:"zoominleft 0.15s linear",zoominright:"zoominright 0.15s linear",zoominup:"zoominup 0.15s linear"},animationDelay:{0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",400:"400ms",500:"500ms",700:"700ms",1e3:"1000ms"},animationDuration:{0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",400:"400ms",500:"500ms",700:"700ms",1e3:"1000ms",2e3:"2000ms",3e3:"3000ms"},animationOpacity:({theme:a})=>a("opacity"),animationTranslate:({theme:a})=>a("translate"),animationScale:({theme:a})=>a("scale"),animationRotate:({theme:a})=>a("rotate")}};var p=({addUtilities:a})=>{a({".backface-visible":{"backface-visibility":"visible"},".backface-hidden":{"backface-visibility":"hidden"}})};var m=({matchUtilities:a,theme:e})=>{a({"animate-delay":i=>({"animation-delay":i})},{values:e("animationDelay")})};var c=({addUtilities:a})=>{a({".animate-normal":{"animation-direction":"normal"},".animate-reverse":{"animation-direction":"reverse"},".animate-alternate":{"animation-direction":"alternate"},".animate-alternate-reverse":{"animation-direction":"alternate-reverse"}})};var f=({matchUtilities:a,theme:e})=>{a({"animate-duration":i=>({"animation-duration":i})},{values:e("animationDuration")})};var u=({addUtilities:a,matchUtilities:e,theme:i})=>{a({"@keyframes enter":i("keyframes.enter"),"@keyframes leave":i("keyframes.leave"),".animate-enter":{"animation-name":"enter","--p-enter-opacity":"initial","--p-enter-scale":"initial","--p-enter-rotate":"initial","--p-enter-translate-x":"initial","--p-enter-translate-y":"initial"},".animate-leave":{"animation-name":"leave","--p-leave-opacity":"initial","--p-leave-scale":"initial","--p-leave-rotate":"initial","--p-leave-translate-x":"initial","--p-leave-translate-y":"initial"}}),e({"fade-in":t=>({"--p-enter-opacity":t}),"fade-out":t=>({"--p-leave-opacity":t})},{values:i("animationOpacity")}),e({"zoom-in":t=>({"--p-enter-scale":t}),"zoom-out":t=>({"--p-leave-scale":t})},{values:i("animationScale")}),e({"spin-in":t=>({"--p-enter-rotate":t}),"spin-out":t=>({"--p-leave-rotate":t})},{values:i("animationRotate")}),e({"slide-in-from-t":t=>({"--p-enter-translate-y":`-${t}`}),"slide-in-from-b":t=>({"--p-enter-translate-y":t}),"slide-in-from-l":t=>({"--p-enter-translate-x":`-${t}`}),"slide-in-from-r":t=>({"--p-enter-translate-x":t}),"slide-out-from-t":t=>({"--p-leave-translate-y":`-${t}`}),"slide-out-from-b":t=>({"--p-leave-translate-y":t}),"slide-out-from-l":t=>({"--p-leave-translate-x":`-${t}`}),"slide-out-from-r":t=>({"--p-leave-translate-x":t})},{values:i("translate")})};var d=({addUtilities:a})=>{a({".animate-fill-none":{"animation-fill-mode":"none"},".animate-fill-forwards":{"animation-fill-mode":"forwards"},".animate-fill-backwards":{"animation-fill-mode":"backwards"},".animate-fill-both":{"animation-fill-mode":"both"}})};var y=({addUtilities:a})=>{a({".animate-infinite":{"animation-iteration-count":"infinite"},".animate-once":{"animation-iteration-count":"1"},".animate-twice":{"animation-iteration-count":"2"}})};var v=({addUtilities:a})=>{a({".animate-running":{"animation-play-state":"running"},".animate-paused":{"animation-play-state":"paused"}})};var g=({addUtilities:a})=>{a({".border-surface":{"border-color":"var(--p-content-border-color)"},".bg-emphasis":{background:"var(--p-content-hover-background)",color:"var(--p-content-hover-color)"},".bg-highlight":{background:"var(--p-highlight-background)",color:"var(--p-highlight-color)"},".bg-highlight-emphasis":{background:"var(--p-highlight-focus-background)",color:"var(--p-highlight-focus-color)"},".rounded-border":{"border-radius":"var(--p-content-border-radius)"},".text-color":{color:"var(--p-text-color)"},".text-color-emphasis":{color:"var(--p-text-hover-color)"},".text-muted-color":{color:"var(--p-text-muted-color)"},".text-muted-color-emphasis":{color:"var(--p-text-hover-muted-color)"}})};var b=({addUtilities:a})=>{a({".animate-ease-linear":{"animation-timing-function":"linear"},".animate-ease-in":{"animation-timing-function":"cubic-bezier(0.4, 0, 1, 1)"},".animate-ease-out":{"animation-timing-function":"cubic-bezier(0, 0, 0.2, 1)"},".animate-ease-in-out":{"animation-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}})};var n={backface:p,delay:m,direction:c,duration:f,enterleave:u,fillMode:d,iterationCount:y,playState:v,preset:g,timingFunction:b};var J=s(a=>{n.backface(a),n.delay(a),n.direction(a),n.duration(a),n.fillMode(a),n.iterationCount(a),n.playState(a),n.timingFunction(a),n.preset(a),n.enterleave(a)},{theme:l});})();
|
|
2
|
+
//# sourceMappingURL=index.global.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../node_modules/.pnpm/tailwindcss@4.0.8/node_modules/tailwindcss/dist/plugin.mjs","../../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","../../src/v3/index.ts"],"sourcesContent":["function g(n,i){return{handler:n,config:i}}g.withOptions=function(n,i=()=>({})){function t(o){return{handler:n(o),config:i(o)}}return t.__isOptionsFunction=!0,t};var u=g;export{u as default};\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: '0'\n }\n },\n scalein: {\n '0%': {\n opacity: '0',\n transform: 'scaleY(0.8)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'scaleY(1)'\n }\n },\n slidedown: {\n '0%': {\n maxHeight: '0'\n },\n '100%': {\n maxHeight: 'auto'\n }\n },\n slideup: {\n '0%': {\n maxHeight: '1000px'\n },\n '100%': {\n maxHeight: '0'\n }\n },\n fadeinleft: {\n '0%': {\n opacity: '0',\n transform: 'translateX(-100%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'translateX(0%)'\n }\n },\n fadeoutleft: {\n '0%': {\n opacity: '1',\n transform: 'translateX(0%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '0',\n transform: 'translateX(-100%)'\n }\n },\n fadeinright: {\n '0%': {\n opacity: '0',\n transform: 'translateX(100%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'translateX(0%)'\n }\n },\n fadeoutright: {\n '0%': {\n opacity: '1',\n transform: 'translateX(0%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '0',\n transform: 'translateX(100%)'\n }\n },\n fadeinup: {\n '0%': {\n opacity: '0',\n transform: 'translateY(-100%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0%)'\n }\n },\n fadeoutup: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(-100%)'\n }\n },\n fadeindown: {\n '0%': {\n opacity: '0',\n transform: 'translateY(100%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0%)'\n }\n },\n fadeoutdown: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(100%)'\n }\n },\n width: {\n '0%': {\n width: '0'\n },\n '100%': {\n width: '100%'\n }\n },\n flip: {\n from: {\n transform: 'perspective(2000px) rotateX(-100deg)'\n },\n to: {\n transform: 'perspective(2000px) rotateX(0)'\n }\n },\n flipleft: {\n from: {\n transform: 'perspective(2000px) rotateY(-100deg)',\n opacity: '0'\n },\n to: {\n transform: 'perspective(2000px) rotateY(0)',\n opacity: '1'\n }\n },\n flipright: {\n from: {\n transform: 'perspective(2000px) rotateY(100deg)',\n opacity: '0'\n },\n to: {\n transform: 'perspective(2000px) rotateY(0)',\n opacity: '1'\n }\n },\n flipup: {\n from: {\n transform: 'perspective(2000px) rotateX(-100deg)',\n opacity: '0'\n },\n to: {\n transform: 'perspective(2000px) rotateX(0)',\n opacity: '1'\n }\n },\n zoomin: {\n from: {\n transform: 'scale3d(0.3, 0.3, 0.3)',\n opacity: '0'\n },\n '50%': {\n opacity: '1'\n }\n },\n zoomindown: {\n from: {\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)',\n opacity: '0'\n },\n '60%': {\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',\n opacity: '1'\n }\n },\n zoominleft: {\n from: {\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)',\n opacity: '0'\n },\n '60%': {\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)',\n opacity: '1'\n }\n },\n zoominright: {\n from: {\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)',\n opacity: '0'\n },\n '60%': {\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)',\n opacity: '1'\n }\n },\n zoominup: {\n from: {\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)',\n opacity: '0'\n },\n '60%': {\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',\n opacity: '1'\n }\n }\n },\n animation: {\n fadein: 'fadein 0.15s linear',\n fadeout: 'fadeout 0.15s linear',\n slidedown: 'slidedown 0.45s ease-in-out',\n slideup: 'slideup 0.45s cubic-bezier(0, 1, 0, 1)',\n scalein: 'scalein 0.15s linear',\n fadeinleft: 'fadeinleft 0.15s linear',\n fadeoutleft: 'fadeoutleft 0.15s linear',\n fadeinright: 'fadeinright 0.15s linear',\n fadeoutright: 'fadeoutright 0.15s linear',\n fadeinup: 'fadeinup 0.15s linear',\n fadeoutup: 'fadeoutup 0.15s linear',\n fadeindown: 'fadeindown 0.15s linear',\n fadeoutdown: 'fadeoutdown 0.15s linear',\n width: 'width 0.45s linear',\n flip: 'flip 0.15s linear',\n flipup: 'flipup 0.15s linear',\n flipleft: 'flipleft 0.15s linear',\n flipright: 'flipright 0.15s linear',\n zoomin: 'zoomin 0.15s linear',\n zoomindown: 'zoomindown 0.15s linear',\n zoominleft: 'zoominleft 0.15s linear',\n zoominright: 'zoominright 0.15s linear',\n zoominup: 'zoominup 0.15s linear'\n },\n animationDelay: {\n 0: '0s',\n 75: '75ms',\n 100: '100ms',\n 150: '150ms',\n 200: '200ms',\n 300: '300ms',\n 400: '400ms',\n 500: '500ms',\n 700: '700ms',\n 1000: '1000ms'\n },\n animationDuration: {\n 0: '0s',\n 75: '75ms',\n 100: '100ms',\n 150: '150ms',\n 200: '200ms',\n 300: '300ms',\n 400: '400ms',\n 500: '500ms',\n 700: '700ms',\n 1000: '1000ms',\n 2000: '2000ms',\n 3000: '3000ms'\n },\n animationOpacity: ({ theme }: { theme: (path: string) => unknown }) => theme('opacity'),\n animationTranslate: ({ theme }: { theme: (path: string) => unknown }) => theme('translate'),\n animationScale: ({ theme }: { theme: (path: string) => unknown }) => theme('scale'),\n animationRotate: ({ theme }: { theme: (path: string) => unknown }) => theme('rotate')\n }\n} as Partial<Config['theme']>;\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.backface-visible': {\n 'backface-visibility': 'visible'\n },\n '.backface-hidden': {\n 'backface-visibility': 'hidden'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ matchUtilities, theme }: PluginAPI): void => {\n matchUtilities(\n {\n 'animate-delay': (value: string) => ({\n 'animation-delay': value\n })\n },\n {\n values: theme('animationDelay')\n }\n );\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-normal': {\n 'animation-direction': 'normal'\n },\n '.animate-reverse': {\n 'animation-direction': 'reverse'\n },\n '.animate-alternate': {\n 'animation-direction': 'alternate'\n },\n '.animate-alternate-reverse': {\n 'animation-direction': 'alternate-reverse'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ matchUtilities, theme }: PluginAPI): void => {\n matchUtilities(\n {\n 'animate-duration': (value: string) => ({\n 'animation-duration': value\n })\n },\n {\n values: theme('animationDuration')\n }\n );\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities, matchUtilities, theme }: PluginAPI): void => {\n addUtilities({\n '@keyframes enter': theme('keyframes.enter'),\n '@keyframes leave': theme('keyframes.leave'),\n '.animate-enter': {\n 'animation-name': 'enter',\n '--p-enter-opacity': 'initial',\n '--p-enter-scale': 'initial',\n '--p-enter-rotate': 'initial',\n '--p-enter-translate-x': 'initial',\n '--p-enter-translate-y': 'initial'\n },\n '.animate-leave': {\n 'animation-name': 'leave',\n '--p-leave-opacity': 'initial',\n '--p-leave-scale': 'initial',\n '--p-leave-rotate': 'initial',\n '--p-leave-translate-x': 'initial',\n '--p-leave-translate-y': 'initial'\n }\n });\n\n matchUtilities(\n {\n 'fade-in': (value: string) => ({ '--p-enter-opacity': value }),\n 'fade-out': (value: string) => ({ '--p-leave-opacity': value })\n },\n { values: theme('animationOpacity') }\n );\n\n matchUtilities(\n {\n 'zoom-in': (value: string) => ({ '--p-enter-scale': value }),\n 'zoom-out': (value: string) => ({ '--p-leave-scale': value })\n },\n { values: theme('animationScale') }\n );\n\n matchUtilities(\n {\n 'spin-in': (value: string) => ({ '--p-enter-rotate': value }),\n 'spin-out': (value: string) => ({ '--p-leave-rotate': value })\n },\n { values: theme('animationRotate') }\n );\n\n matchUtilities(\n {\n 'slide-in-from-t': (value: string) => ({\n '--p-enter-translate-y': `-${value}`\n }),\n 'slide-in-from-b': (value: string) => ({\n '--p-enter-translate-y': value\n }),\n 'slide-in-from-l': (value: string) => ({\n '--p-enter-translate-x': `-${value}`\n }),\n 'slide-in-from-r': (value: string) => ({\n '--p-enter-translate-x': value\n }),\n 'slide-out-from-t': (value: string) => ({\n '--p-leave-translate-y': `-${value}`\n }),\n 'slide-out-from-b': (value: string) => ({\n '--p-leave-translate-y': value\n }),\n 'slide-out-from-l': (value: string) => ({\n '--p-leave-translate-x': `-${value}`\n }),\n 'slide-out-from-r': (value: string) => ({\n '--p-leave-translate-x': value\n })\n },\n { values: theme('translate') }\n );\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-fill-none': {\n 'animation-fill-mode': 'none'\n },\n '.animate-fill-forwards': {\n 'animation-fill-mode': 'forwards'\n },\n '.animate-fill-backwards': {\n 'animation-fill-mode': 'backwards'\n },\n '.animate-fill-both': {\n 'animation-fill-mode': 'both'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-infinite': {\n 'animation-iteration-count': 'infinite'\n },\n '.animate-once': {\n 'animation-iteration-count': '1'\n },\n '.animate-twice': {\n 'animation-iteration-count': '2'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-running': {\n 'animation-play-state': 'running'\n },\n '.animate-paused': {\n 'animation-play-state': 'paused'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.border-surface': {\n 'border-color': 'var(--p-content-border-color)'\n },\n '.bg-emphasis': {\n background: 'var(--p-content-hover-background)',\n color: 'var(--p-content-hover-color)'\n },\n '.bg-highlight': {\n background: 'var(--p-highlight-background)',\n color: 'var(--p-highlight-color)'\n },\n '.bg-highlight-emphasis': {\n background: 'var(--p-highlight-focus-background)',\n color: 'var(--p-highlight-focus-color)'\n },\n '.rounded-border': {\n 'border-radius': 'var(--p-content-border-radius)'\n },\n '.text-color': {\n color: 'var(--p-text-color)'\n },\n '.text-color-emphasis': {\n color: 'var(--p-text-hover-color)'\n },\n '.text-muted-color': {\n color: 'var(--p-text-muted-color)'\n },\n '.text-muted-color-emphasis': {\n color: 'var(--p-text-hover-muted-color)'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-ease-linear': {\n 'animation-timing-function': 'linear'\n },\n '.animate-ease-in': {\n 'animation-timing-function': 'cubic-bezier(0.4, 0, 1, 1)'\n },\n '.animate-ease-out': {\n 'animation-timing-function': 'cubic-bezier(0, 0, 0.2, 1)'\n },\n '.animate-ease-in-out': {\n 'animation-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)'\n }\n });\n};\n","import backface from './backface.js';\nimport delay from './delay.js';\nimport direction from './direction.js';\nimport duration from './duration.js';\nimport enterleave from './enterleave.js';\nimport fillMode from './fillMode.js';\nimport iterationCount from './iterationCount.js';\nimport playState from './playState.js';\nimport preset from './preset.js';\nimport timingFunction from './timingFunction.js';\n\nexport default {\n backface,\n delay,\n direction,\n duration,\n enterleave,\n fillMode,\n iterationCount,\n playState,\n preset,\n timingFunction\n};\n","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"],"mappings":"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","names":["g","n","i","t","o","u","convert","color","theme_default","theme","backface_default","addUtilities","delay_default","matchUtilities","theme","value","direction_default","addUtilities","duration_default","matchUtilities","theme","value","enterleave_default","addUtilities","matchUtilities","theme","value","fillMode_default","addUtilities","iterationCount_default","addUtilities","playState_default","addUtilities","preset_default","addUtilities","timingFunction_default","addUtilities","utils_default","backface_default","delay_default","direction_default","duration_default","enterleave_default","fillMode_default","iterationCount_default","playState_default","preset_default","timingFunction_default","v3_default","u","api","utils_default","theme_default"]}
|
package/v3/index.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import g from"tailwindcss/plugin";var r=a=>`color-mix(in srgb, ${a} calc(100% * <alpha-value>), transparent)`,o={extend:{colors:{primary:r("var(--p-primary-color)"),"primary-emphasis":r("var(--p-primary-hover-color)"),"primary-emphasis-alt":r("var(--p-primary-active-color)"),"primary-contrast":r("var(--p-primary-contrast-color)"),"primary-50":r("var(--p-primary-50)"),"primary-100":r("var(--p-primary-100)"),"primary-200":r("var(--p-primary-200)"),"primary-300":r("var(--p-primary-300)"),"primary-400":r("var(--p-primary-400)"),"primary-500":r("var(--p-primary-500)"),"primary-600":r("var(--p-primary-600)"),"primary-700":r("var(--p-primary-700)"),"primary-800":r("var(--p-primary-800)"),"primary-900":r("var(--p-primary-900)"),"primary-950":r("var(--p-primary-950)"),"surface-0":r("var(--p-surface-0)"),"surface-50":r("var(--p-surface-50)"),"surface-100":r("var(--p-surface-100)"),"surface-200":r("var(--p-surface-200)"),"surface-300":r("var(--p-surface-300)"),"surface-400":r("var(--p-surface-400)"),"surface-500":r("var(--p-surface-500)"),"surface-600":r("var(--p-surface-600)"),"surface-700":r("var(--p-surface-700)"),"surface-800":r("var(--p-surface-800)"),"surface-900":r("var(--p-surface-900)"),"surface-950":r("var(--p-surface-950)")},keyframes:{enter:{from:{opacity:"var(--p-enter-opacity, 1)",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))"}},leave:{to:{opacity:"var(--p-leave-opacity, 1)",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))"}},fadein:{"0%":{opacity:"0"},"100%":{opacity:"1"}},fadeout:{"0%":{opacity:"1"},"100%":{opacity:"0"}},scalein:{"0%":{opacity:"0",transform:"scaleY(0.8)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"scaleY(1)"}},slidedown:{"0%":{maxHeight:"0"},"100%":{maxHeight:"auto"}},slideup:{"0%":{maxHeight:"1000px"},"100%":{maxHeight:"0"}},fadeinleft:{"0%":{opacity:"0",transform:"translateX(-100%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"translateX(0%)"}},fadeoutleft:{"0%":{opacity:"1",transform:"translateX(0%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"0",transform:"translateX(-100%)"}},fadeinright:{"0%":{opacity:"0",transform:"translateX(100%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"translateX(0%)"}},fadeoutright:{"0%":{opacity:"1",transform:"translateX(0%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"0",transform:"translateX(100%)"}},fadeinup:{"0%":{opacity:"0",transform:"translateY(-100%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"translateY(0%)"}},fadeoutup:{"0%":{opacity:"1",transform:"translateY(0%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"0",transform:"translateY(-100%)"}},fadeindown:{"0%":{opacity:"0",transform:"translateY(100%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"1",transform:"translateY(0%)"}},fadeoutdown:{"0%":{opacity:"1",transform:"translateY(0%)",transition:"transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)"},"100%":{opacity:"0",transform:"translateY(100%)"}},width:{"0%":{width:"0"},"100%":{width:"100%"}},flip:{from:{transform:"perspective(2000px) rotateX(-100deg)"},to:{transform:"perspective(2000px) rotateX(0)"}},flipleft:{from:{transform:"perspective(2000px) rotateY(-100deg)",opacity:"0"},to:{transform:"perspective(2000px) rotateY(0)",opacity:"1"}},flipright:{from:{transform:"perspective(2000px) rotateY(100deg)",opacity:"0"},to:{transform:"perspective(2000px) rotateY(0)",opacity:"1"}},flipup:{from:{transform:"perspective(2000px) rotateX(-100deg)",opacity:"0"},to:{transform:"perspective(2000px) rotateX(0)",opacity:"1"}},zoomin:{from:{transform:"scale3d(0.3, 0.3, 0.3)",opacity:"0"},"50%":{opacity:"1"}},zoomindown:{from:{transform:"scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",opacity:"0"},"60%":{transform:"scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",opacity:"1"}},zoominleft:{from:{transform:"scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",opacity:"0"},"60%":{transform:"scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",opacity:"1"}},zoominright:{from:{transform:"scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",opacity:"0"},"60%":{transform:"scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",opacity:"1"}},zoominup:{from:{transform:"scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",opacity:"0"},"60%":{transform:"scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",opacity:"1"}}},animation:{fadein:"fadein 0.15s linear",fadeout:"fadeout 0.15s linear",slidedown:"slidedown 0.45s ease-in-out",slideup:"slideup 0.45s cubic-bezier(0, 1, 0, 1)",scalein:"scalein 0.15s linear",fadeinleft:"fadeinleft 0.15s linear",fadeoutleft:"fadeoutleft 0.15s linear",fadeinright:"fadeinright 0.15s linear",fadeoutright:"fadeoutright 0.15s linear",fadeinup:"fadeinup 0.15s linear",fadeoutup:"fadeoutup 0.15s linear",fadeindown:"fadeindown 0.15s linear",fadeoutdown:"fadeoutdown 0.15s linear",width:"width 0.45s linear",flip:"flip 0.15s linear",flipup:"flipup 0.15s linear",flipleft:"flipleft 0.15s linear",flipright:"flipright 0.15s linear",zoomin:"zoomin 0.15s linear",zoomindown:"zoomindown 0.15s linear",zoominleft:"zoominleft 0.15s linear",zoominright:"zoominright 0.15s linear",zoominup:"zoominup 0.15s linear"},animationDelay:{0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",400:"400ms",500:"500ms",700:"700ms",1e3:"1000ms"},animationDuration:{0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",400:"400ms",500:"500ms",700:"700ms",1e3:"1000ms",2e3:"2000ms",3e3:"3000ms"},animationOpacity:({theme:a})=>a("opacity"),animationTranslate:({theme:a})=>a("translate"),animationScale:({theme:a})=>a("scale"),animationRotate:({theme:a})=>a("rotate")}};var s=({addUtilities:a})=>{a({".backface-visible":{"backface-visibility":"visible"},".backface-hidden":{"backface-visibility":"hidden"}})};var l=({matchUtilities:a,theme:n})=>{a({"animate-delay":e=>({"animation-delay":e})},{values:n("animationDelay")})};var p=({addUtilities:a})=>{a({".animate-normal":{"animation-direction":"normal"},".animate-reverse":{"animation-direction":"reverse"},".animate-alternate":{"animation-direction":"alternate"},".animate-alternate-reverse":{"animation-direction":"alternate-reverse"}})};var m=({matchUtilities:a,theme:n})=>{a({"animate-duration":e=>({"animation-duration":e})},{values:n("animationDuration")})};var c=({addUtilities:a,matchUtilities:n,theme:e})=>{a({"@keyframes enter":e("keyframes.enter"),"@keyframes leave":e("keyframes.leave"),".animate-enter":{"animation-name":"enter","--p-enter-opacity":"initial","--p-enter-scale":"initial","--p-enter-rotate":"initial","--p-enter-translate-x":"initial","--p-enter-translate-y":"initial"},".animate-leave":{"animation-name":"leave","--p-leave-opacity":"initial","--p-leave-scale":"initial","--p-leave-rotate":"initial","--p-leave-translate-x":"initial","--p-leave-translate-y":"initial"}}),n({"fade-in":t=>({"--p-enter-opacity":t}),"fade-out":t=>({"--p-leave-opacity":t})},{values:e("animationOpacity")}),n({"zoom-in":t=>({"--p-enter-scale":t}),"zoom-out":t=>({"--p-leave-scale":t})},{values:e("animationScale")}),n({"spin-in":t=>({"--p-enter-rotate":t}),"spin-out":t=>({"--p-leave-rotate":t})},{values:e("animationRotate")}),n({"slide-in-from-t":t=>({"--p-enter-translate-y":`-${t}`}),"slide-in-from-b":t=>({"--p-enter-translate-y":t}),"slide-in-from-l":t=>({"--p-enter-translate-x":`-${t}`}),"slide-in-from-r":t=>({"--p-enter-translate-x":t}),"slide-out-from-t":t=>({"--p-leave-translate-y":`-${t}`}),"slide-out-from-b":t=>({"--p-leave-translate-y":t}),"slide-out-from-l":t=>({"--p-leave-translate-x":`-${t}`}),"slide-out-from-r":t=>({"--p-leave-translate-x":t})},{values:e("translate")})};var f=({addUtilities:a})=>{a({".animate-fill-none":{"animation-fill-mode":"none"},".animate-fill-forwards":{"animation-fill-mode":"forwards"},".animate-fill-backwards":{"animation-fill-mode":"backwards"},".animate-fill-both":{"animation-fill-mode":"both"}})};var d=({addUtilities:a})=>{a({".animate-infinite":{"animation-iteration-count":"infinite"},".animate-once":{"animation-iteration-count":"1"},".animate-twice":{"animation-iteration-count":"2"}})};var u=({addUtilities:a})=>{a({".animate-running":{"animation-play-state":"running"},".animate-paused":{"animation-play-state":"paused"}})};var y=({addUtilities:a})=>{a({".border-surface":{"border-color":"var(--p-content-border-color)"},".bg-emphasis":{background:"var(--p-content-hover-background)",color:"var(--p-content-hover-color)"},".bg-highlight":{background:"var(--p-highlight-background)",color:"var(--p-highlight-color)"},".bg-highlight-emphasis":{background:"var(--p-highlight-focus-background)",color:"var(--p-highlight-focus-color)"},".rounded-border":{"border-radius":"var(--p-content-border-radius)"},".text-color":{color:"var(--p-text-color)"},".text-color-emphasis":{color:"var(--p-text-hover-color)"},".text-muted-color":{color:"var(--p-text-muted-color)"},".text-muted-color-emphasis":{color:"var(--p-text-hover-muted-color)"}})};var v=({addUtilities:a})=>{a({".animate-ease-linear":{"animation-timing-function":"linear"},".animate-ease-in":{"animation-timing-function":"cubic-bezier(0.4, 0, 1, 1)"},".animate-ease-out":{"animation-timing-function":"cubic-bezier(0, 0, 0.2, 1)"},".animate-ease-in-out":{"animation-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}})};var i={backface:s,delay:l,direction:p,duration:m,enterleave:c,fillMode:f,iterationCount:d,playState:u,preset:y,timingFunction:v};var G=g(a=>{i.backface(a),i.delay(a),i.direction(a),i.duration(a),i.fillMode(a),i.iterationCount(a),i.playState(a),i.timingFunction(a),i.preset(a),i.enterleave(a)},{theme:o});export{G as default};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
package/v3/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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: '0'\n }\n },\n scalein: {\n '0%': {\n opacity: '0',\n transform: 'scaleY(0.8)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'scaleY(1)'\n }\n },\n slidedown: {\n '0%': {\n maxHeight: '0'\n },\n '100%': {\n maxHeight: 'auto'\n }\n },\n slideup: {\n '0%': {\n maxHeight: '1000px'\n },\n '100%': {\n maxHeight: '0'\n }\n },\n fadeinleft: {\n '0%': {\n opacity: '0',\n transform: 'translateX(-100%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'translateX(0%)'\n }\n },\n fadeoutleft: {\n '0%': {\n opacity: '1',\n transform: 'translateX(0%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '0',\n transform: 'translateX(-100%)'\n }\n },\n fadeinright: {\n '0%': {\n opacity: '0',\n transform: 'translateX(100%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'translateX(0%)'\n }\n },\n fadeoutright: {\n '0%': {\n opacity: '1',\n transform: 'translateX(0%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '0',\n transform: 'translateX(100%)'\n }\n },\n fadeinup: {\n '0%': {\n opacity: '0',\n transform: 'translateY(-100%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0%)'\n }\n },\n fadeoutup: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(-100%)'\n }\n },\n fadeindown: {\n '0%': {\n opacity: '0',\n transform: 'translateY(100%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0%)'\n }\n },\n fadeoutdown: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0%)',\n transition: 'transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1)'\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(100%)'\n }\n },\n width: {\n '0%': {\n width: '0'\n },\n '100%': {\n width: '100%'\n }\n },\n flip: {\n from: {\n transform: 'perspective(2000px) rotateX(-100deg)'\n },\n to: {\n transform: 'perspective(2000px) rotateX(0)'\n }\n },\n flipleft: {\n from: {\n transform: 'perspective(2000px) rotateY(-100deg)',\n opacity: '0'\n },\n to: {\n transform: 'perspective(2000px) rotateY(0)',\n opacity: '1'\n }\n },\n flipright: {\n from: {\n transform: 'perspective(2000px) rotateY(100deg)',\n opacity: '0'\n },\n to: {\n transform: 'perspective(2000px) rotateY(0)',\n opacity: '1'\n }\n },\n flipup: {\n from: {\n transform: 'perspective(2000px) rotateX(-100deg)',\n opacity: '0'\n },\n to: {\n transform: 'perspective(2000px) rotateX(0)',\n opacity: '1'\n }\n },\n zoomin: {\n from: {\n transform: 'scale3d(0.3, 0.3, 0.3)',\n opacity: '0'\n },\n '50%': {\n opacity: '1'\n }\n },\n zoomindown: {\n from: {\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)',\n opacity: '0'\n },\n '60%': {\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',\n opacity: '1'\n }\n },\n zoominleft: {\n from: {\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)',\n opacity: '0'\n },\n '60%': {\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)',\n opacity: '1'\n }\n },\n zoominright: {\n from: {\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)',\n opacity: '0'\n },\n '60%': {\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)',\n opacity: '1'\n }\n },\n zoominup: {\n from: {\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)',\n opacity: '0'\n },\n '60%': {\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',\n opacity: '1'\n }\n }\n },\n animation: {\n fadein: 'fadein 0.15s linear',\n fadeout: 'fadeout 0.15s linear',\n slidedown: 'slidedown 0.45s ease-in-out',\n slideup: 'slideup 0.45s cubic-bezier(0, 1, 0, 1)',\n scalein: 'scalein 0.15s linear',\n fadeinleft: 'fadeinleft 0.15s linear',\n fadeoutleft: 'fadeoutleft 0.15s linear',\n fadeinright: 'fadeinright 0.15s linear',\n fadeoutright: 'fadeoutright 0.15s linear',\n fadeinup: 'fadeinup 0.15s linear',\n fadeoutup: 'fadeoutup 0.15s linear',\n fadeindown: 'fadeindown 0.15s linear',\n fadeoutdown: 'fadeoutdown 0.15s linear',\n width: 'width 0.45s linear',\n flip: 'flip 0.15s linear',\n flipup: 'flipup 0.15s linear',\n flipleft: 'flipleft 0.15s linear',\n flipright: 'flipright 0.15s linear',\n zoomin: 'zoomin 0.15s linear',\n zoomindown: 'zoomindown 0.15s linear',\n zoominleft: 'zoominleft 0.15s linear',\n zoominright: 'zoominright 0.15s linear',\n zoominup: 'zoominup 0.15s linear'\n },\n animationDelay: {\n 0: '0s',\n 75: '75ms',\n 100: '100ms',\n 150: '150ms',\n 200: '200ms',\n 300: '300ms',\n 400: '400ms',\n 500: '500ms',\n 700: '700ms',\n 1000: '1000ms'\n },\n animationDuration: {\n 0: '0s',\n 75: '75ms',\n 100: '100ms',\n 150: '150ms',\n 200: '200ms',\n 300: '300ms',\n 400: '400ms',\n 500: '500ms',\n 700: '700ms',\n 1000: '1000ms',\n 2000: '2000ms',\n 3000: '3000ms'\n },\n animationOpacity: ({ theme }: { theme: (path: string) => unknown }) => theme('opacity'),\n animationTranslate: ({ theme }: { theme: (path: string) => unknown }) => theme('translate'),\n animationScale: ({ theme }: { theme: (path: string) => unknown }) => theme('scale'),\n animationRotate: ({ theme }: { theme: (path: string) => unknown }) => theme('rotate')\n }\n} as Partial<Config['theme']>;\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.backface-visible': {\n 'backface-visibility': 'visible'\n },\n '.backface-hidden': {\n 'backface-visibility': 'hidden'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ matchUtilities, theme }: PluginAPI): void => {\n matchUtilities(\n {\n 'animate-delay': (value: string) => ({\n 'animation-delay': value\n })\n },\n {\n values: theme('animationDelay')\n }\n );\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-normal': {\n 'animation-direction': 'normal'\n },\n '.animate-reverse': {\n 'animation-direction': 'reverse'\n },\n '.animate-alternate': {\n 'animation-direction': 'alternate'\n },\n '.animate-alternate-reverse': {\n 'animation-direction': 'alternate-reverse'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ matchUtilities, theme }: PluginAPI): void => {\n matchUtilities(\n {\n 'animate-duration': (value: string) => ({\n 'animation-duration': value\n })\n },\n {\n values: theme('animationDuration')\n }\n );\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities, matchUtilities, theme }: PluginAPI): void => {\n addUtilities({\n '@keyframes enter': theme('keyframes.enter'),\n '@keyframes leave': theme('keyframes.leave'),\n '.animate-enter': {\n 'animation-name': 'enter',\n '--p-enter-opacity': 'initial',\n '--p-enter-scale': 'initial',\n '--p-enter-rotate': 'initial',\n '--p-enter-translate-x': 'initial',\n '--p-enter-translate-y': 'initial'\n },\n '.animate-leave': {\n 'animation-name': 'leave',\n '--p-leave-opacity': 'initial',\n '--p-leave-scale': 'initial',\n '--p-leave-rotate': 'initial',\n '--p-leave-translate-x': 'initial',\n '--p-leave-translate-y': 'initial'\n }\n });\n\n matchUtilities(\n {\n 'fade-in': (value: string) => ({ '--p-enter-opacity': value }),\n 'fade-out': (value: string) => ({ '--p-leave-opacity': value })\n },\n { values: theme('animationOpacity') }\n );\n\n matchUtilities(\n {\n 'zoom-in': (value: string) => ({ '--p-enter-scale': value }),\n 'zoom-out': (value: string) => ({ '--p-leave-scale': value })\n },\n { values: theme('animationScale') }\n );\n\n matchUtilities(\n {\n 'spin-in': (value: string) => ({ '--p-enter-rotate': value }),\n 'spin-out': (value: string) => ({ '--p-leave-rotate': value })\n },\n { values: theme('animationRotate') }\n );\n\n matchUtilities(\n {\n 'slide-in-from-t': (value: string) => ({\n '--p-enter-translate-y': `-${value}`\n }),\n 'slide-in-from-b': (value: string) => ({\n '--p-enter-translate-y': value\n }),\n 'slide-in-from-l': (value: string) => ({\n '--p-enter-translate-x': `-${value}`\n }),\n 'slide-in-from-r': (value: string) => ({\n '--p-enter-translate-x': value\n }),\n 'slide-out-from-t': (value: string) => ({\n '--p-leave-translate-y': `-${value}`\n }),\n 'slide-out-from-b': (value: string) => ({\n '--p-leave-translate-y': value\n }),\n 'slide-out-from-l': (value: string) => ({\n '--p-leave-translate-x': `-${value}`\n }),\n 'slide-out-from-r': (value: string) => ({\n '--p-leave-translate-x': value\n })\n },\n { values: theme('translate') }\n );\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-fill-none': {\n 'animation-fill-mode': 'none'\n },\n '.animate-fill-forwards': {\n 'animation-fill-mode': 'forwards'\n },\n '.animate-fill-backwards': {\n 'animation-fill-mode': 'backwards'\n },\n '.animate-fill-both': {\n 'animation-fill-mode': 'both'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-infinite': {\n 'animation-iteration-count': 'infinite'\n },\n '.animate-once': {\n 'animation-iteration-count': '1'\n },\n '.animate-twice': {\n 'animation-iteration-count': '2'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-running': {\n 'animation-play-state': 'running'\n },\n '.animate-paused': {\n 'animation-play-state': 'paused'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.border-surface': {\n 'border-color': 'var(--p-content-border-color)'\n },\n '.bg-emphasis': {\n background: 'var(--p-content-hover-background)',\n color: 'var(--p-content-hover-color)'\n },\n '.bg-highlight': {\n background: 'var(--p-highlight-background)',\n color: 'var(--p-highlight-color)'\n },\n '.bg-highlight-emphasis': {\n background: 'var(--p-highlight-focus-background)',\n color: 'var(--p-highlight-focus-color)'\n },\n '.rounded-border': {\n 'border-radius': 'var(--p-content-border-radius)'\n },\n '.text-color': {\n color: 'var(--p-text-color)'\n },\n '.text-color-emphasis': {\n color: 'var(--p-text-hover-color)'\n },\n '.text-muted-color': {\n color: 'var(--p-text-muted-color)'\n },\n '.text-muted-color-emphasis': {\n color: 'var(--p-text-hover-muted-color)'\n }\n });\n};\n","import type { PluginAPI } from 'tailwindcss/types/config';\n\nexport default ({ addUtilities }: PluginAPI): void => {\n addUtilities({\n '.animate-ease-linear': {\n 'animation-timing-function': 'linear'\n },\n '.animate-ease-in': {\n 'animation-timing-function': 'cubic-bezier(0.4, 0, 1, 1)'\n },\n '.animate-ease-out': {\n 'animation-timing-function': 'cubic-bezier(0, 0, 0.2, 1)'\n },\n '.animate-ease-in-out': {\n 'animation-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)'\n }\n });\n};\n","import backface from './backface.js';\nimport delay from './delay.js';\nimport direction from './direction.js';\nimport duration from './duration.js';\nimport enterleave from './enterleave.js';\nimport fillMode from './fillMode.js';\nimport iterationCount from './iterationCount.js';\nimport playState from './playState.js';\nimport preset from './preset.js';\nimport timingFunction from './timingFunction.js';\n\nexport default {\n backface,\n delay,\n direction,\n duration,\n enterleave,\n fillMode,\n iterationCount,\n playState,\n preset,\n timingFunction\n};\n"],"mappings":"AAAA,OAAOA,MAAY,qBCEnB,IAAMC,EAAWC,GACN,sBAAsBA,CAAK,4CAG/BC,EAAQ,CACX,OAAQ,CACJ,OAAQ,CACJ,QAASF,EAAQ,wBAAwB,EACzC,mBAAoBA,EAAQ,8BAA8B,EAC1D,uBAAwBA,EAAQ,+BAA+B,EAC/D,mBAAoBA,EAAQ,iCAAiC,EAC7D,aAAcA,EAAQ,qBAAqB,EAC3C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,YAAaA,EAAQ,oBAAoB,EACzC,aAAcA,EAAQ,qBAAqB,EAC3C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,EAC7C,cAAeA,EAAQ,sBAAsB,CACjD,EACA,UAAW,CACP,MAAO,CACH,KAAM,CACF,QAAS,4BACT,UAAW,kMACf,CACJ,EACA,MAAO,CACH,GAAI,CACA,QAAS,4BACT,UAAW,kMACf,CACJ,EACA,OAAQ,CACJ,KAAM,CACF,QAAS,GACb,EACA,OAAQ,CACJ,QAAS,GACb,CACJ,EACA,QAAS,CACL,KAAM,CACF,QAAS,GACb,EACA,OAAQ,CACJ,QAAS,GACb,CACJ,EACA,QAAS,CACL,KAAM,CACF,QAAS,IACT,UAAW,cACX,WAAY,sFAChB,EACA,OAAQ,CACJ,QAAS,IACT,UAAW,WACf,CACJ,EACA,UAAW,CACP,KAAM,CACF,UAAW,GACf,EACA,OAAQ,CACJ,UAAW,MACf,CACJ,EACA,QAAS,CACL,KAAM,CACF,UAAW,QACf,EACA,OAAQ,CACJ,UAAW,GACf,CACJ,EACA,WAAY,CACR,KAAM,CACF,QAAS,IACT,UAAW,oBACX,WAAY,sFAChB,EACA,OAAQ,CACJ,QAAS,IACT,UAAW,gBACf,CACJ,EACA,YAAa,CACT,KAAM,CACF,QAAS,IACT,UAAW,iBACX,WAAY,sFAChB,EACA,OAAQ,CACJ,QAAS,IACT,UAAW,mBACf,CACJ,EACA,YAAa,CACT,KAAM,CACF,QAAS,IACT,UAAW,mBACX,WAAY,sFAChB,EACA,OAAQ,CACJ,QAAS,IACT,UAAW,gBACf,CACJ,EACA,aAAc,CACV,KAAM,CACF,QAAS,IACT,UAAW,iBACX,WAAY,sFAChB,EACA,OAAQ,CACJ,QAAS,IACT,UAAW,kBACf,CACJ,EACA,SAAU,CACN,KAAM,CACF,QAAS,IACT,UAAW,oBACX,WAAY,sFAChB,EACA,OAAQ,CACJ,QAAS,IACT,UAAW,gBACf,CACJ,EACA,UAAW,CACP,KAAM,CACF,QAAS,IACT,UAAW,iBACX,WAAY,sFAChB,EACA,OAAQ,CACJ,QAAS,IACT,UAAW,mBACf,CACJ,EACA,WAAY,CACR,KAAM,CACF,QAAS,IACT,UAAW,mBACX,WAAY,sFAChB,EACA,OAAQ,CACJ,QAAS,IACT,UAAW,gBACf,CACJ,EACA,YAAa,CACT,KAAM,CACF,QAAS,IACT,UAAW,iBACX,WAAY,sFAChB,EACA,OAAQ,CACJ,QAAS,IACT,UAAW,kBACf,CACJ,EACA,MAAO,CACH,KAAM,CACF,MAAO,GACX,EACA,OAAQ,CACJ,MAAO,MACX,CACJ,EACA,KAAM,CACF,KAAM,CACF,UAAW,sCACf,EACA,GAAI,CACA,UAAW,gCACf,CACJ,EACA,SAAU,CACN,KAAM,CACF,UAAW,uCACX,QAAS,GACb,EACA,GAAI,CACA,UAAW,iCACX,QAAS,GACb,CACJ,EACA,UAAW,CACP,KAAM,CACF,UAAW,sCACX,QAAS,GACb,EACA,GAAI,CACA,UAAW,iCACX,QAAS,GACb,CACJ,EACA,OAAQ,CACJ,KAAM,CACF,UAAW,uCACX,QAAS,GACb,EACA,GAAI,CACA,UAAW,iCACX,QAAS,GACb,CACJ,EACA,OAAQ,CACJ,KAAM,CACF,UAAW,yBACX,QAAS,GACb,EACA,MAAO,CACH,QAAS,GACb,CACJ,EACA,WAAY,CACR,KAAM,CACF,UAAW,oDACX,QAAS,GACb,EACA,MAAO,CACH,UAAW,uDACX,QAAS,GACb,CACJ,EACA,WAAY,CACR,KAAM,CACF,UAAW,oDACX,QAAS,GACb,EACA,MAAO,CACH,UAAW,uDACX,QAAS,GACb,CACJ,EACA,YAAa,CACT,KAAM,CACF,UAAW,mDACX,QAAS,GACb,EACA,MAAO,CACH,UAAW,wDACX,QAAS,GACb,CACJ,EACA,SAAU,CACN,KAAM,CACF,UAAW,mDACX,QAAS,GACb,EACA,MAAO,CACH,UAAW,wDACX,QAAS,GACb,CACJ,CACJ,EACA,UAAW,CACP,OAAQ,sBACR,QAAS,uBACT,UAAW,8BACX,QAAS,yCACT,QAAS,uBACT,WAAY,0BACZ,YAAa,2BACb,YAAa,2BACb,aAAc,4BACd,SAAU,wBACV,UAAW,yBACX,WAAY,0BACZ,YAAa,2BACb,MAAO,qBACP,KAAM,oBACN,OAAQ,sBACR,SAAU,wBACV,UAAW,yBACX,OAAQ,sBACR,WAAY,0BACZ,WAAY,0BACZ,YAAa,2BACb,SAAU,uBACd,EACA,eAAgB,CACZ,EAAG,KACH,GAAI,OACJ,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAM,QACV,EACA,kBAAmB,CACf,EAAG,KACH,GAAI,OACJ,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAM,SACN,IAAM,SACN,IAAM,QACV,EACA,iBAAkB,CAAC,CAAE,MAAAG,CAAM,IAA4CA,EAAM,SAAS,EACtF,mBAAoB,CAAC,CAAE,MAAAA,CAAM,IAA4CA,EAAM,WAAW,EAC1F,eAAgB,CAAC,CAAE,MAAAA,CAAM,IAA4CA,EAAM,OAAO,EAClF,gBAAiB,CAAC,CAAE,MAAAA,CAAM,IAA4CA,EAAM,QAAQ,CACxF,CACJ,EC3UA,IAAOC,EAAQ,CAAC,CAAE,aAAAC,CAAa,IAAuB,CAClDA,EAAa,CACT,oBAAqB,CACjB,sBAAuB,SAC3B,EACA,mBAAoB,CAChB,sBAAuB,QAC3B,CACJ,CAAC,CACL,ECTA,IAAOC,EAAQ,CAAC,CAAE,eAAAC,EAAgB,MAAAC,CAAM,IAAuB,CAC3DD,EACI,CACI,gBAAkBE,IAAmB,CACjC,kBAAmBA,CACvB,EACJ,EACA,CACI,OAAQD,EAAM,gBAAgB,CAClC,CACJ,CACJ,ECXA,IAAOE,EAAQ,CAAC,CAAE,aAAAC,CAAa,IAAuB,CAClDA,EAAa,CACT,kBAAmB,CACf,sBAAuB,QAC3B,EACA,mBAAoB,CAChB,sBAAuB,SAC3B,EACA,qBAAsB,CAClB,sBAAuB,WAC3B,EACA,6BAA8B,CAC1B,sBAAuB,mBAC3B,CACJ,CAAC,CACL,ECfA,IAAOC,EAAQ,CAAC,CAAE,eAAAC,EAAgB,MAAAC,CAAM,IAAuB,CAC3DD,EACI,CACI,mBAAqBE,IAAmB,CACpC,qBAAsBA,CAC1B,EACJ,EACA,CACI,OAAQD,EAAM,mBAAmB,CACrC,CACJ,CACJ,ECXA,IAAOE,EAAQ,CAAC,CAAE,aAAAC,EAAc,eAAAC,EAAgB,MAAAC,CAAM,IAAuB,CACzEF,EAAa,CACT,mBAAoBE,EAAM,iBAAiB,EAC3C,mBAAoBA,EAAM,iBAAiB,EAC3C,iBAAkB,CACd,iBAAkB,QAClB,oBAAqB,UACrB,kBAAmB,UACnB,mBAAoB,UACpB,wBAAyB,UACzB,wBAAyB,SAC7B,EACA,iBAAkB,CACd,iBAAkB,QAClB,oBAAqB,UACrB,kBAAmB,UACnB,mBAAoB,UACpB,wBAAyB,UACzB,wBAAyB,SAC7B,CACJ,CAAC,EAEDD,EACI,CACI,UAAYE,IAAmB,CAAE,oBAAqBA,CAAM,GAC5D,WAAaA,IAAmB,CAAE,oBAAqBA,CAAM,EACjE,EACA,CAAE,OAAQD,EAAM,kBAAkB,CAAE,CACxC,EAEAD,EACI,CACI,UAAYE,IAAmB,CAAE,kBAAmBA,CAAM,GAC1D,WAAaA,IAAmB,CAAE,kBAAmBA,CAAM,EAC/D,EACA,CAAE,OAAQD,EAAM,gBAAgB,CAAE,CACtC,EAEAD,EACI,CACI,UAAYE,IAAmB,CAAE,mBAAoBA,CAAM,GAC3D,WAAaA,IAAmB,CAAE,mBAAoBA,CAAM,EAChE,EACA,CAAE,OAAQD,EAAM,iBAAiB,CAAE,CACvC,EAEAD,EACI,CACI,kBAAoBE,IAAmB,CACnC,wBAAyB,IAAIA,CAAK,EACtC,GACA,kBAAoBA,IAAmB,CACnC,wBAAyBA,CAC7B,GACA,kBAAoBA,IAAmB,CACnC,wBAAyB,IAAIA,CAAK,EACtC,GACA,kBAAoBA,IAAmB,CACnC,wBAAyBA,CAC7B,GACA,mBAAqBA,IAAmB,CACpC,wBAAyB,IAAIA,CAAK,EACtC,GACA,mBAAqBA,IAAmB,CACpC,wBAAyBA,CAC7B,GACA,mBAAqBA,IAAmB,CACpC,wBAAyB,IAAIA,CAAK,EACtC,GACA,mBAAqBA,IAAmB,CACpC,wBAAyBA,CAC7B,EACJ,EACA,CAAE,OAAQD,EAAM,WAAW,CAAE,CACjC,CACJ,EC3EA,IAAOE,EAAQ,CAAC,CAAE,aAAAC,CAAa,IAAuB,CAClDA,EAAa,CACT,qBAAsB,CAClB,sBAAuB,MAC3B,EACA,yBAA0B,CACtB,sBAAuB,UAC3B,EACA,0BAA2B,CACvB,sBAAuB,WAC3B,EACA,qBAAsB,CAClB,sBAAuB,MAC3B,CACJ,CAAC,CACL,ECfA,IAAOC,EAAQ,CAAC,CAAE,aAAAC,CAAa,IAAuB,CAClDA,EAAa,CACT,oBAAqB,CACjB,4BAA6B,UACjC,EACA,gBAAiB,CACb,4BAA6B,GACjC,EACA,iBAAkB,CACd,4BAA6B,GACjC,CACJ,CAAC,CACL,ECZA,IAAOC,EAAQ,CAAC,CAAE,aAAAC,CAAa,IAAuB,CAClDA,EAAa,CACT,mBAAoB,CAChB,uBAAwB,SAC5B,EACA,kBAAmB,CACf,uBAAwB,QAC5B,CACJ,CAAC,CACL,ECTA,IAAOC,EAAQ,CAAC,CAAE,aAAAC,CAAa,IAAuB,CAClDA,EAAa,CACT,kBAAmB,CACf,eAAgB,+BACpB,EACA,eAAgB,CACZ,WAAY,oCACZ,MAAO,8BACX,EACA,gBAAiB,CACb,WAAY,gCACZ,MAAO,0BACX,EACA,yBAA0B,CACtB,WAAY,sCACZ,MAAO,gCACX,EACA,kBAAmB,CACf,gBAAiB,gCACrB,EACA,cAAe,CACX,MAAO,qBACX,EACA,uBAAwB,CACpB,MAAO,2BACX,EACA,oBAAqB,CACjB,MAAO,2BACX,EACA,6BAA8B,CAC1B,MAAO,iCACX,CACJ,CAAC,CACL,ECjCA,IAAOC,EAAQ,CAAC,CAAE,aAAAC,CAAa,IAAuB,CAClDA,EAAa,CACT,uBAAwB,CACpB,4BAA6B,QACjC,EACA,mBAAoB,CAChB,4BAA6B,4BACjC,EACA,oBAAqB,CACjB,4BAA6B,4BACjC,EACA,uBAAwB,CACpB,4BAA6B,8BACjC,CACJ,CAAC,CACL,ECNA,IAAOC,EAAQ,CACX,SAAAC,EACA,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,eAAAC,EACA,UAAAC,EACA,OAAAC,EACA,eAAAC,CACJ,EZfA,IAAOC,EAAQC,EACVC,GAAmB,CAChBC,EAAM,SAASD,CAAG,EAClBC,EAAM,MAAMD,CAAG,EACfC,EAAM,UAAUD,CAAG,EACnBC,EAAM,SAASD,CAAG,EAClBC,EAAM,SAASD,CAAG,EAClBC,EAAM,eAAeD,CAAG,EACxBC,EAAM,UAAUD,CAAG,EACnBC,EAAM,eAAeD,CAAG,EACxBC,EAAM,OAAOD,CAAG,EAChBC,EAAM,WAAWD,CAAG,CACxB,EACA,CACI,MAAAE,CACJ,CACJ","names":["plugin","convert","color","theme_default","theme","backface_default","addUtilities","delay_default","matchUtilities","theme","value","direction_default","addUtilities","duration_default","matchUtilities","theme","value","enterleave_default","addUtilities","matchUtilities","theme","value","fillMode_default","addUtilities","iterationCount_default","addUtilities","playState_default","addUtilities","preset_default","addUtilities","timingFunction_default","addUtilities","utils_default","backface_default","delay_default","direction_default","duration_default","enterleave_default","fillMode_default","iterationCount_default","playState_default","preset_default","timingFunction_default","v3_default","plugin","api","utils_default","theme_default"]}
|
package/v4/index.css
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
@import "./theme/colors.css";
|
|
2
|
+
@import "./utils/backface.css";
|
|
3
|
+
@import "./utils/delay.css";
|
|
4
|
+
@import "./utils/direction.css";
|
|
5
|
+
@import "./utils/duration.css";
|
|
6
|
+
@import "./utils/fillMode.css";
|
|
7
|
+
@import "./utils/iterationCount.css";
|
|
8
|
+
@import "./utils/playState.css";
|
|
9
|
+
@import "./utils/timingFunction.css";
|
|
10
|
+
@import "./utils/preset.css";
|
|
11
|
+
@import "./utils/enterleave.css";
|
|
12
|
+
@import "./utils/animation.css";
|
|
13
|
+
@import "./utils/keyframes.css";
|
|
14
|
+
@import "./utils/variants.css";
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
@theme inline {
|
|
2
|
+
--color-primary: var(--p-primary-color);
|
|
3
|
+
--color-primary-emphasis: var(--p-primary-hover-color);
|
|
4
|
+
--color-primary-emphasis-alt: var(--p-primary-active-color);
|
|
5
|
+
--color-primary-contrast: var(--p-primary-contrast-color);
|
|
6
|
+
--color-primary-50: var(--p-primary-50);
|
|
7
|
+
--color-primary-100: var(--p-primary-100);
|
|
8
|
+
--color-primary-200: var(--p-primary-200);
|
|
9
|
+
--color-primary-300: var(--p-primary-300);
|
|
10
|
+
--color-primary-400: var(--p-primary-400);
|
|
11
|
+
--color-primary-500: var(--p-primary-500);
|
|
12
|
+
--color-primary-600: var(--p-primary-600);
|
|
13
|
+
--color-primary-700: var(--p-primary-700);
|
|
14
|
+
--color-primary-800: var(--p-primary-800);
|
|
15
|
+
--color-primary-900: var(--p-primary-900);
|
|
16
|
+
--color-primary-950: var(--p-primary-950);
|
|
17
|
+
--color-surface-0: var(--p-surface-0);
|
|
18
|
+
--color-surface-50: var(--p-surface-50);
|
|
19
|
+
--color-surface-100: var(--p-surface-100);
|
|
20
|
+
--color-surface-200: var(--p-surface-200);
|
|
21
|
+
--color-surface-300: var(--p-surface-300);
|
|
22
|
+
--color-surface-400: var(--p-surface-400);
|
|
23
|
+
--color-surface-500: var(--p-surface-500);
|
|
24
|
+
--color-surface-600: var(--p-surface-600);
|
|
25
|
+
--color-surface-700: var(--p-surface-700);
|
|
26
|
+
--color-surface-800: var(--p-surface-800);
|
|
27
|
+
--color-surface-900: var(--p-surface-900);
|
|
28
|
+
--color-surface-950: var(--p-surface-950);
|
|
29
|
+
}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
@utility animate-fadein {
|
|
2
|
+
animation: fadein 0.15s linear;
|
|
3
|
+
}
|
|
4
|
+
@utility animate-fadeout {
|
|
5
|
+
animation: fadeout 0.15s linear;
|
|
6
|
+
}
|
|
7
|
+
@utility animate-slidedown {
|
|
8
|
+
animation: slidedown 0.45s ease-in-out;
|
|
9
|
+
}
|
|
10
|
+
@utility animate-slideup {
|
|
11
|
+
animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
|
|
12
|
+
}
|
|
13
|
+
@utility animate-scalein {
|
|
14
|
+
animation: scalein 0.15s linear;
|
|
15
|
+
}
|
|
16
|
+
@utility animate-fadeinleft {
|
|
17
|
+
animation: fadeinleft 0.15s linear;
|
|
18
|
+
}
|
|
19
|
+
@utility animate-fadeoutleft {
|
|
20
|
+
animation: fadeoutleft 0.15s linear;
|
|
21
|
+
}
|
|
22
|
+
@utility animate-fadeinright {
|
|
23
|
+
animation: fadeinright 0.15s linear;
|
|
24
|
+
}
|
|
25
|
+
@utility animate-fadeoutright {
|
|
26
|
+
animation: fadeoutright 0.15s linear;
|
|
27
|
+
}
|
|
28
|
+
@utility animate-fadeinup {
|
|
29
|
+
animation: fadeinup 0.15s linear;
|
|
30
|
+
}
|
|
31
|
+
@utility animate-fadeoutup {
|
|
32
|
+
animation: fadeoutup 0.15s linear;
|
|
33
|
+
}
|
|
34
|
+
@utility animate-fadeindown {
|
|
35
|
+
animation: fadeindown 0.15s linear;
|
|
36
|
+
}
|
|
37
|
+
@utility animate-fadeoutdown {
|
|
38
|
+
animation: fadeoutdown 0.15s linear;
|
|
39
|
+
}
|
|
40
|
+
@utility animate-width {
|
|
41
|
+
animation: width 0.45s linear;
|
|
42
|
+
}
|
|
43
|
+
@utility animate-flip {
|
|
44
|
+
animation: flip 0.15s linear;
|
|
45
|
+
}
|
|
46
|
+
@utility animate-flipup {
|
|
47
|
+
animation: flipup 0.15s linear;
|
|
48
|
+
}
|
|
49
|
+
@utility animate-flipleft {
|
|
50
|
+
animation: flipleft 0.15s linear;
|
|
51
|
+
}
|
|
52
|
+
@utility animate-flipright {
|
|
53
|
+
animation: flipright 0.15s linear;
|
|
54
|
+
}
|
|
55
|
+
@utility animate-zoomin {
|
|
56
|
+
animation: zoomin 0.15s linear;
|
|
57
|
+
}
|
|
58
|
+
@utility animate-zoomindown {
|
|
59
|
+
animation: zoomindown 0.15s linear;
|
|
60
|
+
}
|
|
61
|
+
@utility animate-zoominleft {
|
|
62
|
+
animation: zoominleft 0.15s linear;
|
|
63
|
+
}
|
|
64
|
+
@utility animate-zoominright {
|
|
65
|
+
animation: zoominright 0.15s linear;
|
|
66
|
+
}
|
|
67
|
+
@utility animate-zoominup {
|
|
68
|
+
animation: zoominup 0.15s linear;
|
|
69
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
@utility animate-normal {
|
|
2
|
+
animation-direction: normal;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
@utility animate-reverse {
|
|
6
|
+
animation-direction: reverse;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@utility animate-alternate {
|
|
10
|
+
animation-direction: alternate;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@utility animate-alternate-reverse {
|
|
14
|
+
animation-direction: alternate-reverse;
|
|
15
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
@utility animate-enter {
|
|
2
|
+
animation-name: enter;
|
|
3
|
+
--p-enter-opacity: initial;
|
|
4
|
+
--p-enter-scale: initial;
|
|
5
|
+
--p-enter-rotate: initial;
|
|
6
|
+
--p-enter-translate-x: initial;
|
|
7
|
+
--p-enter-translate-y: initial;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@utility animate-leave {
|
|
11
|
+
animation-name: leave;
|
|
12
|
+
--p-leave-opacity: initial;
|
|
13
|
+
--p-leave-scale: initial;
|
|
14
|
+
--p-leave-rotate: initial;
|
|
15
|
+
--p-leave-translate-x: initial;
|
|
16
|
+
--p-leave-translate-y: initial;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@utility fade-in-* {
|
|
20
|
+
--p-enter-opacity: calc(--value(integer) * 0.01);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@utility fade-out-* {
|
|
24
|
+
--p-leave-opacity: calc(--value(integer) * 0.01);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@utility zoom-in-* {
|
|
28
|
+
--p-enter-scale: calc(--value(integer) * 0.01);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@utility zoom-out-* {
|
|
32
|
+
--p-leave-scale: calc(--value(integer) * 0.01);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@utility spin-in-* {
|
|
36
|
+
--p-enter-rotate: --value(integer)deg;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@utility spin-out-* {
|
|
40
|
+
--p-leave-rotate: --value(integer)deg;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@utility slide-in-from-t-* {
|
|
44
|
+
--p-enter-translate-y: calc(var(--spacing) * --value(integer) * -1);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@utility slide-in-from-b-* {
|
|
48
|
+
--p-enter-translate-y: calc(var(--spacing) * --value(integer));
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@utility slide-in-from-l-* {
|
|
52
|
+
--p-enter-translate-x: calc(var(--spacing) * --value(integer) * -1);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@utility slide-in-from-r-* {
|
|
56
|
+
--p-enter-translate-x: calc(var(--spacing) * --value(integer));
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@utility slide-out-from-t-* {
|
|
60
|
+
--p-leave-translate-y: calc(var(--spacing) * --value(integer) * -1);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
@utility slide-out-from-b-* {
|
|
64
|
+
--p-leave-translate-y: calc(var(--spacing) * --value(integer));
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
@utility slide-out-from-l-* {
|
|
68
|
+
--p-leave-translate-x: calc(var(--spacing) * --value(integer) * -1);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
@utility slide-out-from-r-* {
|
|
72
|
+
--p-leave-translate-x: calc(var(--spacing) * --value(integer));
|
|
73
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
@utility animate-fill-none {
|
|
2
|
+
animation-fill-mode: none;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
@utility animate-fill-forwards {
|
|
6
|
+
animation-fill-mode: forwards;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@utility animate-fill-backwards {
|
|
10
|
+
animation-fill-mode: backwards;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@utility animate-fill-both {
|
|
14
|
+
animation-fill-mode: both;
|
|
15
|
+
}
|
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
@layer keyframes {
|
|
2
|
+
@keyframes enter {
|
|
3
|
+
from {
|
|
4
|
+
opacity: var(--p-enter-opacity, 1);
|
|
5
|
+
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));
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@keyframes leave {
|
|
10
|
+
to {
|
|
11
|
+
opacity: var(--p-leave-opacity, 1);
|
|
12
|
+
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));
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@keyframes fadein {
|
|
17
|
+
0% { opacity: 0; }
|
|
18
|
+
100% { opacity: 1; }
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@keyframes fadeout {
|
|
22
|
+
0% { opacity: 1; }
|
|
23
|
+
100% { opacity: 0; }
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@keyframes infinite-scroll {
|
|
27
|
+
from {
|
|
28
|
+
transform: translateX(0);
|
|
29
|
+
}
|
|
30
|
+
to {
|
|
31
|
+
transform: translateX(-100%);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@keyframes scalein {
|
|
36
|
+
0% {
|
|
37
|
+
opacity: 0;
|
|
38
|
+
transform: scaleY(0.8);
|
|
39
|
+
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
|
40
|
+
}
|
|
41
|
+
100% {
|
|
42
|
+
opacity: 1;
|
|
43
|
+
transform: scaleY(1);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@keyframes slidedown {
|
|
48
|
+
0% { max-height: 0; }
|
|
49
|
+
100% { max-height: auto; }
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
@keyframes slideup {
|
|
53
|
+
0% { max-height: 1000px; }
|
|
54
|
+
100% { max-height: 0; }
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@keyframes fadeinleft {
|
|
58
|
+
0% {
|
|
59
|
+
opacity: 0;
|
|
60
|
+
transform: translateX(-100%);
|
|
61
|
+
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
|
62
|
+
}
|
|
63
|
+
100% {
|
|
64
|
+
opacity: 1;
|
|
65
|
+
transform: translateX(0%);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@keyframes fadeoutleft {
|
|
70
|
+
0% {
|
|
71
|
+
opacity: 1;
|
|
72
|
+
transform: translateX(0%);
|
|
73
|
+
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
|
74
|
+
}
|
|
75
|
+
100% {
|
|
76
|
+
opacity: 0;
|
|
77
|
+
transform: translateX(-100%);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@keyframes fadeinright {
|
|
82
|
+
0% {
|
|
83
|
+
opacity: 0;
|
|
84
|
+
transform: translateX(100%);
|
|
85
|
+
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
|
86
|
+
}
|
|
87
|
+
100% {
|
|
88
|
+
opacity: 1;
|
|
89
|
+
transform: translateX(0%);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
@keyframes fadeoutright {
|
|
94
|
+
0% {
|
|
95
|
+
opacity: 1;
|
|
96
|
+
transform: translateX(0%);
|
|
97
|
+
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
|
98
|
+
}
|
|
99
|
+
100% {
|
|
100
|
+
opacity: 0;
|
|
101
|
+
transform: translateX(100%);
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
@keyframes fadeinup {
|
|
106
|
+
0% {
|
|
107
|
+
opacity: 0;
|
|
108
|
+
transform: translateY(-100%);
|
|
109
|
+
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
|
110
|
+
}
|
|
111
|
+
100% {
|
|
112
|
+
opacity: 1;
|
|
113
|
+
transform: translateY(0%);
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
@keyframes fadeoutup {
|
|
118
|
+
0% {
|
|
119
|
+
opacity: 1;
|
|
120
|
+
transform: translateY(0%);
|
|
121
|
+
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
|
122
|
+
}
|
|
123
|
+
100% {
|
|
124
|
+
opacity: 0;
|
|
125
|
+
transform: translateY(-100%);
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
@keyframes fadeindown {
|
|
130
|
+
0% {
|
|
131
|
+
opacity: 0;
|
|
132
|
+
transform: translateY(100%);
|
|
133
|
+
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
|
134
|
+
}
|
|
135
|
+
100% {
|
|
136
|
+
opacity: 1;
|
|
137
|
+
transform: translateY(0%);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
@keyframes fadeoutdown {
|
|
142
|
+
0% {
|
|
143
|
+
opacity: 1;
|
|
144
|
+
transform: translateY(0%);
|
|
145
|
+
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
|
146
|
+
}
|
|
147
|
+
100% {
|
|
148
|
+
opacity: 0;
|
|
149
|
+
transform: translateY(100%);
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
@keyframes width {
|
|
154
|
+
0% { width: 0; }
|
|
155
|
+
100% { width: 100%; }
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
@keyframes flip {
|
|
159
|
+
from { transform: perspective(2000px) rotateX(-100deg); }
|
|
160
|
+
to { transform: perspective(2000px) rotateX(0); }
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
@keyframes flipleft {
|
|
164
|
+
from {
|
|
165
|
+
transform: perspective(2000px) rotateY(-100deg);
|
|
166
|
+
opacity: 0;
|
|
167
|
+
}
|
|
168
|
+
to {
|
|
169
|
+
transform: perspective(2000px) rotateY(0);
|
|
170
|
+
opacity: 1;
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
@keyframes flipright {
|
|
175
|
+
from {
|
|
176
|
+
transform: perspective(2000px) rotateY(100deg);
|
|
177
|
+
opacity: 0;
|
|
178
|
+
}
|
|
179
|
+
to {
|
|
180
|
+
transform: perspective(2000px) rotateY(0);
|
|
181
|
+
opacity: 1;
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
@keyframes flipup {
|
|
186
|
+
from {
|
|
187
|
+
transform: perspective(2000px) rotateX(-100deg);
|
|
188
|
+
opacity: 0;
|
|
189
|
+
}
|
|
190
|
+
to {
|
|
191
|
+
transform: perspective(2000px) rotateX(0);
|
|
192
|
+
opacity: 1;
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
@keyframes zoomin {
|
|
197
|
+
from {
|
|
198
|
+
transform: scale3d(0.3, 0.3, 0.3);
|
|
199
|
+
opacity: 0;
|
|
200
|
+
}
|
|
201
|
+
50% {
|
|
202
|
+
opacity: 1;
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
@keyframes zoomindown {
|
|
207
|
+
from {
|
|
208
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
|
|
209
|
+
opacity: 0;
|
|
210
|
+
}
|
|
211
|
+
60% {
|
|
212
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
|
213
|
+
opacity: 1;
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
@keyframes zoominleft {
|
|
218
|
+
from {
|
|
219
|
+
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
|
|
220
|
+
opacity: 0;
|
|
221
|
+
}
|
|
222
|
+
60% {
|
|
223
|
+
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
|
|
224
|
+
opacity: 1;
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
@utility border-surface {
|
|
2
|
+
border-color: var(--p-content-border-color);
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
@utility bg-emphasis {
|
|
6
|
+
background: var(--p-content-hover-background);
|
|
7
|
+
color: var(--p-content-hover-color);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@utility bg-highlight {
|
|
11
|
+
background: var(--p-highlight-background);
|
|
12
|
+
color: var(--p-highlight-color);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@utility bg-highlight-emphasis {
|
|
16
|
+
background: var(--p-highlight-focus-background);
|
|
17
|
+
color: var(--p-highlight-focus-color);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@utility rounded-border {
|
|
21
|
+
border-radius: var(--p-content-border-radius);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
@utility text-color {
|
|
25
|
+
color: var(--p-text-color);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@utility text-color-emphasis {
|
|
29
|
+
color: var(--p-text-hover-color);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@utility text-muted-color {
|
|
33
|
+
color: var(--p-text-muted-color);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@utility text-muted-color-emphasis {
|
|
37
|
+
color: var(--p-text-hover-muted-color);
|
|
38
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
@utility animate-ease-linear {
|
|
2
|
+
animation-timing-function: linear;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
@utility animate-ease-in {
|
|
6
|
+
animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@utility animate-ease-out {
|
|
10
|
+
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@utility animate-ease-in-out {
|
|
14
|
+
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
15
|
+
}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
@custom-variant p-invalid (&[data-p~="invalid"]);
|
|
2
|
+
@custom-variant p-small (&[data-p~="small"]);
|
|
3
|
+
@custom-variant p-large (&[data-p~="large"]);
|
|
4
|
+
@custom-variant p-xlarge (&[data-p~="xlarge"]);
|
|
5
|
+
@custom-variant p-fluid (&[data-p~="fluid"]);
|
|
6
|
+
@custom-variant p-filled (&[data-p~="filled"]);
|
|
7
|
+
@custom-variant p-horizontal (&[data-p~="horizontal"]);
|
|
8
|
+
@custom-variant p-vertical (&[data-p~="vertical"]);
|
|
9
|
+
@custom-variant p-stacked (&[data-p~="stacked"]);
|
|
10
|
+
@custom-variant p-checked (&[data-p~="checked"]);
|
|
11
|
+
@custom-variant p-disabled (&[data-p~="disabled"],&[data-p-disabled="true"]);
|
|
12
|
+
@custom-variant p-enabled (&:not([data-p~="disabled"]));
|
|
13
|
+
@custom-variant p-selected (&[data-p~="selected"],&[data-p-selected="true"]);
|
|
14
|
+
@custom-variant p-selectable (&[data-p~="selectable"],&[data-p-selectable="true"],&[data-p-selectable-row="true"]);
|
|
15
|
+
@custom-variant p-left (&[data-p~="left"],&[data-p-left="true"]);
|
|
16
|
+
@custom-variant p-right (&[data-p~="right"],&[data-p-right="true"]);
|
|
17
|
+
@custom-variant p-top (&[data-p~="top"],&[data-p-top="true"]);
|
|
18
|
+
@custom-variant p-bottom (&[data-p~="bottom"],&[data-p-bottom="true"]);
|
|
19
|
+
@custom-variant p-alternate (&[data-p~="alternate"]);
|
|
20
|
+
@custom-variant p-center (&[data-p~="center"]);
|
|
21
|
+
@custom-variant p-top-center (&[data-p~="top-center"]);
|
|
22
|
+
@custom-variant p-bottom-center (&[data-p~="bottom-center"]);
|
|
23
|
+
@custom-variant p-active (&[data-p~="active"],&[data-p-active="true"]);
|
|
24
|
+
@custom-variant p-focus (&[data-p~="focus"],&[data-p-focused="true"]);
|
|
25
|
+
@custom-variant p-focus-visible (&[data-p~="focus-visible"]);
|
|
26
|
+
@custom-variant p-readonly (&[data-p~="readonly"]);
|
|
27
|
+
@custom-variant p-removable (&[data-p~="removable"]);
|
|
28
|
+
@custom-variant p-circle (&[data-p~="circle"]);
|
|
29
|
+
@custom-variant p-empty (&[data-p~="empty"]);
|
|
30
|
+
@custom-variant p-determinate (&[data-p~="determinate"]);
|
|
31
|
+
@custom-variant p-indeterminate (&[data-p~="indeterminate"]);
|
|
32
|
+
@custom-variant p-icon-only (&[data-p~="icon-only"]);
|
|
33
|
+
@custom-variant p-rounded (&[data-p~="rounded"]);
|
|
34
|
+
@custom-variant p-raised (&[data-p~="raised"]);
|
|
35
|
+
@custom-variant p-toggleable (&[data-p~="toggleable"]);
|
|
36
|
+
@custom-variant p-solid (&[data-p~="solid"]);
|
|
37
|
+
@custom-variant p-dashed (&[data-p~="dashed"]);
|
|
38
|
+
@custom-variant p-dotted (&[data-p~="dotted"]);
|
|
39
|
+
@custom-variant p-secondary (&[data-p~="secondary"]);
|
|
40
|
+
@custom-variant p-contrast (&[data-p~="contrast"]);
|
|
41
|
+
@custom-variant p-success (&[data-p~="success"]);
|
|
42
|
+
@custom-variant p-info (&[data-p~="info"]);
|
|
43
|
+
@custom-variant p-warn (&[data-p~="warn"]);
|
|
44
|
+
@custom-variant p-danger (&[data-p~="danger"]);
|
|
45
|
+
@custom-variant p-error (&[data-p~="error"]);
|
|
46
|
+
@custom-variant p-custom (&[data-p~="custom"]);
|
|
47
|
+
@custom-variant p-outlined (&[data-p~="outlined"]);
|
|
48
|
+
@custom-variant p-text (&[data-p~="text"]);
|
|
49
|
+
@custom-variant p-simple (&[data-p~="simple"]);
|
|
50
|
+
@custom-variant p-scrollable (&[data-p~="scrollable"]);
|
|
51
|
+
@custom-variant p-maximized (&[data-p~="maximized"]);
|
|
52
|
+
@custom-variant p-modal (&[data-p~="modal"]);
|
|
53
|
+
@custom-variant p-flipped (&[data-p-popover-flipped~="true"]);
|
|
54
|
+
@custom-variant p-nested (&[data-p~="nested"]);
|
|
55
|
+
@custom-variant p-weak (&[data-p~="weak"]);
|
|
56
|
+
@custom-variant p-medium (&[data-p~="medium"]);
|
|
57
|
+
@custom-variant p-strong (&[data-p~="strong"]);
|
|
58
|
+
@custom-variant p-portal-body (&[data-p~="portal-body"]);
|
|
59
|
+
@custom-variant p-portal-self (&[data-p~="portal-self"]);
|
|
60
|
+
@custom-variant p-has-s-icon (&[data-p-has-s-icon~="true"]);
|
|
61
|
+
@custom-variant p-has-e-icon (&[data-p-has-e-icon~="true"]);
|
|
62
|
+
@custom-variant p-full-screen (&[data-p~="full-screen"]);
|
|
63
|
+
@custom-variant p-open (&[data-p~="open"]);
|
|
64
|
+
@custom-variant p-popup (&[data-p~="popup"]);
|
|
65
|
+
@custom-variant p-placeholder (&::placeholder,&[data-p~="placeholder"]);
|
|
66
|
+
@custom-variant p-clearable (&[data-p~="clearable"]);
|
|
67
|
+
@custom-variant p-editable (&[data-p~="editable"]);
|
|
68
|
+
@custom-variant p-has-dropdown (&[data-p-has-dropdown="true"]);
|
|
69
|
+
@custom-variant p-has-chip (&[data-p~="has-chip"]);
|
|
70
|
+
@custom-variant p-inline (&[data-p~="inline"]);
|
|
71
|
+
@custom-variant p-today (&[data-p~="today"]);
|
|
72
|
+
@custom-variant p-other-month (&[data-p~="other-month"]);
|
|
73
|
+
@custom-variant p-time-only (&[data-p~="time-only"]);
|
|
74
|
+
@custom-variant p-completed (&[data-p~="completed"]);
|
|
75
|
+
@custom-variant p-loading (&[data-p~="loading"]);
|
|
76
|
+
@custom-variant p-scrollable (&[data-p~="scrollable"]);
|
|
77
|
+
@custom-variant p-leaf (&[data-p~="leaf"],&[data-p-leaf="true"]);
|
|
78
|
+
@custom-variant p-sortable (&[data-p~="sortable"],&[data-p-sortable-column="true"],&[data-p-sortable="true"]);
|
|
79
|
+
@custom-variant p-sorted (&[data-p~="sorted"],&[data-p-sorted="true"]);
|
|
80
|
+
@custom-variant p-resizable (&[data-p~="resizable"],&[data-p-resizable-column="true"],&[data-p-resizable="true"]);
|
|
81
|
+
@custom-variant p-hoverable (&[data-p~="hoverable"]);
|
|
82
|
+
@custom-variant p-scrollable (&[data-p~="scrollable"],&[data-p-scrollable="true"]);
|
|
83
|
+
@custom-variant p-flex-scrollable (&[data-p~="flex-scrollable"],&[data-p-flex-scrollable="true"]);
|
|
84
|
+
@custom-variant p-frozen (&[data-p~="frozen"],&[data-p-frozen="true"],&[data-p-frozen-column="true"]);
|