@yahoo/uds 0.5.8 → 0.5.10
Sign up to get free protection for your applications and to get access to all the features.
- package/cli/README.md +1 -0
- package/cli/bin/uds-darwin-arm64-baseline +0 -0
- package/cli/bin/uds-linux-x64-baseline +0 -0
- package/cli/cli.ts +26 -0
- package/cli/commands/purge.ts +6 -2
- package/cli/compile.ts +35 -0
- package/cli/consts.ts +9 -0
- package/cli/exec.ts +36 -0
- package/cli/tsconfig.json +1 -0
- package/cli/uds-cli +34 -6
- package/cli/utils/configWorker.ts +2 -0
- package/cli/utils/purgeCSS.test.ts +1 -1
- package/cli/utils/purgeCSS.ts +31 -11
- package/dist/{Image.native-taa2jsQc.d.ts → Image.native-BxsXWBqp.d.ts} +1 -1
- package/dist/{Image.native-No-SNzS_.d.cts → Image.native-DBoB1LOc.d.cts} +1 -1
- package/dist/{VStack-B4TMNdfk.d.cts → VStack-BFIFJUVx.d.cts} +1 -1
- package/dist/{VStack-pgMJmuKn.d.ts → VStack-zgq0Zq3N.d.ts} +1 -1
- package/dist/experimental/index.cjs +2 -2
- package/dist/experimental/index.d.cts +2 -2
- package/dist/experimental/index.d.ts +2 -2
- package/dist/experimental/index.js +2 -2
- package/dist/experimental/index.native.cjs +1 -1
- package/dist/experimental/index.native.d.cts +3 -3
- package/dist/experimental/index.native.d.ts +3 -3
- package/dist/experimental/index.native.js +1 -1
- package/dist/fixtures.cjs +26 -1
- package/dist/fixtures.d.ts +6 -2
- package/dist/fixtures.js +22 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +5 -5
- package/dist/index.d.ts +5 -5
- package/dist/index.js +2 -2
- package/dist/{index.native-BzvT-a_y.d.ts → index.native-Gbm66c6M.d.ts} +1 -1
- package/dist/{index.native-WZqIALTD.d.cts → index.native-OW5d35eT.d.cts} +1 -1
- package/dist/index.native.cjs +1 -1
- package/dist/index.native.d.cts +32 -5
- package/dist/index.native.d.ts +32 -5
- package/dist/index.native.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/plugin.js +3 -3
- package/dist/tailwind/purger.cjs +2 -2
- package/dist/tailwind/purger.js +3 -3
- package/dist/tailwind/tsMorph.cjs +1 -1
- package/dist/tailwind/tsMorph.js +2 -2
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +30 -3
- package/dist/tokens/index.d.ts +30 -3
- package/dist/tokens/index.js +2 -2
- package/dist/tokens/index.native.cjs +1 -1
- package/dist/tokens/index.native.d.cts +2 -2
- package/dist/tokens/index.native.d.ts +2 -2
- package/dist/tokens/index.native.js +1 -1
- package/dist/tokens/parseTokens.cjs +1 -1
- package/dist/tokens/parseTokens.d.cts +2 -2
- package/dist/tokens/parseTokens.d.ts +2 -2
- package/dist/tokens/parseTokens.js +1 -1
- package/dist/{types-CHw8YXrX.d.cts → types-BofdnBTe.d.cts} +41 -30
- package/dist/{types-CHw8YXrX.d.ts → types-BofdnBTe.d.ts} +41 -30
- package/dist/{types-FhFpiSwO.d.cts → types-CLPge83Y.d.cts} +41 -30
- package/dist/{types-FhFpiSwO.d.ts → types-CLPge83Y.d.ts} +41 -30
- package/package.json +195 -198
package/dist/tailwind/plugin.cjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";var e=require("@yahoo/uds/fixtures"),t=require("tailwindcss/plugin"),a=require("tailwindcss/defaultTheme");function r(e){return e&&e.__esModule?e:{default:e}}var o=r(t),l=r(a),n="uds",i=`${n}-spectrum-color`,s=`${n}-font`,d=`${n}-icon-size`,p=`${n}-avatar-size`,u=`${n}-border-radius`,c=`${n}-border-width`,g=`${n}-font-size`,b=`${n}-line-height`,y=`${n}-font-weight`,v=`${n}-text-transform`,m=`${n}-color-mode-dark`,f=`${n}-color-mode-light`,h=`${n}-scale-mode-xsmall`,x=`${n}-scale-mode-small`,C=`${n}-scale-mode-medium`,k=`${n}-scale-mode-large`,$=`${n}-scale-mode-xlarge`,M=`${n}-scale-mode-xxlarge`,z=`${n}-scale-mode-xxxlarge`,S={white:"#ffffff",black:"#000000",transparent:"transparent",current:"currentColor"},_={sm:16,md:24,lg:32},W={sm:16,md:24,lg:32},w=["Helvetica Neue","Helvetica","Arial","sans-serif"],R=["Georgia","Times","Times New Roman","serif"],H={icons:{fallbacks:w,name:"yahoo-icons"},sans:{fallbacks:w,name:"yahoo-sans"},"sans-beta":{fallbacks:w,name:"yahoo-sans-beta"},"sans-condensed":{fallbacks:w,name:"yahoo-sans-condensed"},"serif-text":{fallbacks:R,name:"yahoo-serif-text"},"serif-display":{fallbacks:R,name:"yahoo-serif-display"}},L={display1:"sans",display2:"sans",display3:"sans",title1:"sans",title2:"sans",title3:"sans",title4:"sans",headline1:"sans",body1:"sans",label1:"sans",label2:"sans",caption1:"sans",caption2:"sans",legal1:"sans"},F={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},T={display1:"black",display2:"extrabold",display3:"extrabold",title1:"bold",title2:"bold",title3:"bold",title4:"bold",headline1:"semibold",body1:"regular",label1:"semibold",label2:"regular",caption1:"semibold",caption2:"regular",legal1:"semibold"},V={display1:"uppercase",display2:"none",display3:"none",title1:"none",title2:"none",title3:"none",title4:"none",headline1:"none",body1:"none",label1:"none",label2:"none",caption1:"none",caption2:"none",legal1:"none"},A={fontSize:{display1:46,display2:37,display3:33,title1:29,title2:25,title3:21,title4:17,headline1:13,body1:13,label1:12,label2:12,caption1:11,caption2:11,legal1:10},lineHeight:{display1:44,display2:44,display3:44,title1:36,title2:32,title3:28,title4:24,headline1:16,body1:16,label1:16,label2:16,caption1:16,caption2:16,legal1:12}},O={fontSize:{display1:46,display2:38,display3:34,title1:30,title2:26,title3:22,title4:18,headline1:14,body1:14,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...A.lineHeight,title1:40,headline1:20,body1:20,legal1:16}},U={fontSize:{display1:47,display2:39,display3:35,title1:31,title2:27,title3:23,title4:19,headline1:15,body1:15,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...O.lineHeight,title2:36,title3:32}},j={fontSize:{...U.fontSize,display1:48,display2:40,display3:36,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...U.lineHeight,title2:36,title3:32,headline1:20,body1:20,label1:20,label2:20}},E={fontSize:{display1:50,display2:42,display3:38,title1:34,title2:30,title3:26,title4:22,headline1:18,body1:16,label1:16,label2:16,caption1:14,caption2:14,legal1:13},lineHeight:{...j.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},q={fontSize:{display1:52,display2:44,display3:40,title1:36,title2:32,title3:28,title4:26,headline1:20,body1:20,label1:18,label2:18,caption1:16,caption2:16,legal1:15},lineHeight:{...E.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},D={fontSize:{display1:54,display2:46,display3:42,title1:38,title2:34,title3:30,title4:28,headline1:22,body1:22,label1:20,label2:20,caption1:18,caption2:18,legal1:17},lineHeight:{...q.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}},G={fontFamily:L,fontWeight:T,textTransform:V,avatarSizes:_,iconSizes:W,borderRadius:{none:0,xs:2,sm:4,md:8,lg:12,xl:24,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:2}},N={fontFamily:L,fontWeight:T,textTransform:V,avatarSizes:_,iconSizes:W,borderRadius:{none:0,xs:2,sm:4,md:8,lg:16,xl:32,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:4}},B={colorMode:{light:{palette:{core:{brand:{hue:"purple",step:"9"},accent:{hue:"blue",step:"9"},alert:{hue:"red",step:"9"},positive:{hue:"green",step:"9"},warning:{hue:"orange",step:"9"}},background:{primary:{hue:"gray",step:"0"},secondary:{hue:"gray",step:"2"}},foreground:{primary:{hue:"gray",step:"13"},secondary:{hue:"gray",step:"12"},tertiary:{hue:"gray",step:"9"},muted:{hue:"gray",step:"8"},"on-color":{hue:"gray",step:"0"}},line:{primary:{hue:"gray",step:"12"},secondary:{hue:"gray",step:"9"},tertiary:{hue:"gray",step:"7"},muted:{hue:"gray",step:"3"}}},spectrum:{blue:{0:"242 250 255",1:"223 242 255",2:"202 234 255",3:"162 218 255",4:"125 203 255",5:"89 189 255",6:"18 169 255",7:"24 143 255",8:"15 105 255",9:"0 99 235",10:"0 89 222",11:"0 72 196",12:"0 55 164",13:"0 39 126",14:"0 23 83",15:"0 10 38"},purple:{0:"248 244 255",1:"235 229 255",2:"225 217 255",3:"213 207 255",4:"202 194 255",5:"176 159 252",6:"149 126 252",7:"131 103 255",8:"124 73 252",9:"126 31 255",10:"96 1 210",11:"80 21 176",12:"57 0 125",13:"43 0 103",14:"29 0 71",15:"16 0 38"},pink:{0:"255 247 252",1:"255 235 249",2:"254 216 247",3:"255 176 231",4:"255 133 211",5:"255 85 195",6:"255 54 161",7:"255 0 128",8:"230 0 115",9:"220 2 118",10:"178 6 102",11:"113 0 75",12:"85 0 58",13:"56 0 40",14:"45 0 34",15:"38 0 16"},red:{0:"255 250 250",1:"255 240 241",2:"255 231 232",3:"255 214 218",4:"255 187 192",5:"255 152 159",6:"253 106 116",7:"255 77 82",8:"238 0 23",9:"211 13 46",10:"187 0 10",11:"157 0 4",12:"127 0 0",13:"98 3 0",14:"68 4 0",15:"38 3 0"},yellow:{0:"255 253 238",1:"255 250 209",2:"255 246 161",4:"255 233 87",3:"255 242 125",5:"255 211 51",6:"229 185 23",7:"151 117 0",8:"124 90 0",9:"100 67 0",10:"88 57 0",11:"75 47 0",12:"58 34 0",13:"44 25 0",14:"32 17 0",15:"21 11 0"},green:{0:"246 255 244",1:"225 253 220",2:"202 250 197",3:"162 242 162",4:"126 228 135",5:"86 196 112",6:"48 161 89",7:"0 135 81",8:"10 122 68",9:"0 108 59",10:"4 94 52",11:"4 77 44",12:"4 59 35",13:"4 51 31",14:"4 43 27",15:"3 33 21"},teal:{0:"242 255 251",1:"224 255 248",2:"207 255 248",3:"177 255 243",4:"133 247 233",5:"78 232 220",6:"17 211 205",7:"0 160 160",8:"0 130 130",9:"0 122 122",10:"0 110 107",11:"0 89 86",12:"0 69 67",13:"0 54 53",14:"0 44 44",15:"0 38 38"},gray:{0:"255 255 255",1:"245 248 250",2:"240 243 245",3:"224 228 233",4:"199 205 210",5:"176 185 193",6:"151 158 168",7:"130 138 147",8:"110 119 128",9:"91 99 106",10:"70 78 86",11:"44 54 63",12:"35 42 49",13:"29 34 40",14:"16 21 24",15:"0 0 0"},orange:{0:"255 249 242",1:"255 239 222",2:"255 229 202",3:"249 208 167",4:"252 182 111",5:"255 158 66",6:"255 137 21",7:"226 105 0",8:"204 78 0",9:"191 73 0",10:"166 64 0",11:"145 56 0",12:"115 44 0",13:"94 37 1",14:"68 26 0",15:"38 15 0"},rose:{0:"255 247 250",1:"255 235 243",2:"255 224 239",3:"255 209 226",4:"255 193 213",5:"250 162 187",6:"233 126 157",7:"211 89 124",8:"189 57 95",9:"167 52 85",10:"144 47 75",11:"113 35 57",12:"87 27 44",13:"66 22 35",14:"50 18 27",15:"38 15 22"},sunset:{0:"255 240 238",1:"251 221 218",2:"247 203 199",3:"234 170 163",4:"221 140 130",5:"209 113 99",6:"196 89 71",7:"184 68 46",8:"171 51 24",9:"158 44 18",10:"145 38 12",11:"124 26 1",12:"102 22 0",13:"81 18 0",14:"60 13 0",15:"38 8 0"},brown:{0:"255 253 250",1:"255 246 224",2:"255 236 209",3:"251 221 191",4:"237 199 159",5:"217 170 118",6:"185 136 79",7:"151 104 47",8:"134 90 35",9:"117 76 25",10:"91 56 11",11:"71 42 4",12:"55 33 1",13:"45 27 0",14:"38 23 0",15:"26 16 0"},citron:{0:"253 255 230",1:"249 253 193",2:"245 252 158",3:"235 244 87",4:"222 231 23",5:"205 212 0",6:"184 188 0",7:"158 159 0",8:"122 122 0",9:"115 113 0",10:"101 99 0",11:"78 76 0",12:"61 58 0",13:"49 46 0",14:"42 39 0",15:"38 35 0"},lime:{0:"249 255 245",1:"237 255 224",2:"230 255 209",3:"217 250 190",4:"202 239 168",5:"172 222 122",6:"137 199 70",7:"101 169 21",8:"75 133 0",9:"70 122 0",10:"62 107 0",11:"50 83 0",12:"40 65 0",13:"33 51 0",14:"28 43 0",15:"26 38 0"},mint:{0:"245 255 249",1:"231 252 240",2:"218 248 232",3:"201 239 219",4:"174 224 199",5:"133 203 172",6:"88 179 142",7:"45 151 113",8:"12 122 88",9:"1 109 78",10:"1 96 71",11:"0 74 57",12:"0 58 46",13:"0 47 38",14:"0 41 33",15:"0 28 23"},cyan:{0:"245 255 255",1:"223 255 255",2:"201 255 255",3:"161 245 251",4:"121 229 240",5:"85 205 223",6:"54 177 201",7:"29 146 174",8:"20 114 142",9:"19 100 126",10:"17 86 111",11:"13 64 86",12:"10 48 67",13:"9 37 53",14:"8 29 44",15:"4 18 28"},indigo:{0:"242 244 255",1:"226 230 255",2:"209 213 255",3:"184 188 255",4:"156 160 255",5:"130 130 255",6:"109 110 255",7:"93 94 255",8:"64 64 227",9:"32 21 194",10:"26 13 171",11:"22 9 144",12:"18 5 118",13:"15 3 91",14:"11 1 65",15:"6 0 38"},magenta:{0:"244 235 255",1:"236 217 251",2:"229 199 247",3:"223 182 243",4:"220 166 240",5:"212 136 227",6:"207 109 214",7:"201 84 199",8:"188 61 177",9:"164 46 151",10:"140 32 126",11:"116 22 103",12:"92 13 81",13:"68 6 60",14:"44 2 39",15:"20 0 18"},nude:{0:"255 245 245",1:"251 222 221",2:"248 203 196",3:"235 185 172",4:"222 169 149",5:"202 155 136",6:"182 139 122",7:"162 122 106",8:"142 104 89",9:"131 93 80",10:"120 83 71",11:"100 61 48",12:"80 34 19",13:"60 14 0",14:"40 9 0",15:"20 4 0"},carbon:{0:"255 255 255",1:"252 251 251",2:"245 245 245",3:"227 227 227",4:"205 205 205",5:"176 176 176",6:"142 142 142",7:"106 106 106",8:"90 90 90",9:"68 68 68",10:"50 50 50",11:"41 41 41",12:"31 31 31",13:"20 20 20",14:"10 10 10",15:"0 0 0"}}},dark:{palette:{core:{brand:{hue:"purple",step:"9"},accent:{hue:"blue",step:"9"},alert:{hue:"red",step:"9"},positive:{hue:"green",step:"9"},warning:{hue:"orange",step:"9"}},background:{primary:{hue:"gray",step:"1"},secondary:{hue:"gray",step:"3"}},foreground:{primary:{hue:"gray",step:"14"},secondary:{hue:"gray",step:"13"},tertiary:{hue:"gray",step:"9"},muted:{hue:"gray",step:"8"},"on-color":{hue:"gray",step:"0"}},line:{primary:{hue:"gray",step:"12"},secondary:{hue:"gray",step:"9"},tertiary:{hue:"gray",step:"7"},muted:{hue:"gray",step:"3"}}},spectrum:{blue:{0:"0 10 38",1:"0 14 57",2:"0 19 75",3:"0 29 102",4:"0 44 129",5:"0 63 156",6:"0 87 183",7:"0 116 210",8:"17 148 236",9:"18 169 255",10:"99 192 255",11:"125 203 255",12:"150 210 250",13:"182 224 252",14:"213 237 252",15:"240 247 252"},purple:{0:"25 0 38",1:"34 0 57",2:"42 0 75",3:"51 0 102",4:"57 0 125",5:"80 21 176",6:"96 1 210",7:"108 36 242",8:"119 89 255",9:"144 124 255",10:"165 149 248",11:"187 174 249",12:"209 201 251",13:"225 219 252",14:"235 232 254",15:"248 244 255"},pink:{0:"38 0 19",1:"48 0 23",2:"58 0 27",3:"75 0 34",4:"96 0 43",5:"123 0 54",6:"157 0 67",7:"194 0 81",8:"233 0 107",9:"255 0 128",10:"255 54 161",11:"255 101 186",12:"255 150 211",13:"255 186 228",14:"255 212 240",15:"255 229 247"},red:{0:"38 3 0",1:"57 3 0",2:"75 3 0",3:"102 1 0",4:"129 5 0",5:"156 15 12",6:"183 28 27",7:"210 46 47",8:"232 58 62",9:"255 77 82",10:"255 105 109",11:"255 135 141",12:"255 155 161",13:"255 183 188",14:"254 210 214",15:"255 240 241"},yellow:{0:"38 35 0",1:"48 42 0",2:"58 49 0",4:"96 73 0",3:"75 60 0",5:"123 91 0",6:"157 112 0",7:"194 136 0",8:"233 171 0",9:"255 204 0",10:"255 220 79",11:"255 232 102",12:"255 243 138",13:"255 249 163",14:"255 251 197",15:"255 253 238"},green:{0:"7 33 23",1:"7 43 29",2:"8 48 32",3:"8 55 36",4:"11 70 44",5:"14 91 55",6:"18 118 68",7:"23 149 83",8:"29 181 97",9:"26 197 103",10:"55 219 115",11:"91 235 126",12:"128 242 143",13:"169 251 169",14:"213 255 208",15:"247 255 245"},teal:{0:"0 35 38",1:"0 40 43",2:"0 45 49",3:"0 56 60",4:"0 73 76",5:"0 97 99",6:"0 126 127",7:"1 160 159",8:"15 194 190",9:"17 211 205",10:"52 227 222",11:"99 237 231",12:"145 249 243",13:"185 255 251",14:"216 255 252",15:"242 255 254"},gray:{0:"0 0 0",1:"16 21 24",2:"29 34 40",3:"35 42 49",4:"44 54 63",5:"70 78 86",6:"91 99 106",7:"110 119 128",8:"130 138 147",9:"151 158 168",10:"176 185 193",11:"199 205 210",12:"224 228 233",13:"240 243 245",14:"245 248 250",15:"255 255 255"},carbon:{0:"0 0 0",1:"10 10 10",2:"20 20 20",3:"31 31 31",4:"41 41 41",5:"50 50 50",6:"68 68 68",7:"90 90 90",8:"117 117 117",9:"142 142 142",10:"176 176 176",11:"205 205 205",12:"227 227 227",13:"245 245 245",14:"252 251 251",15:"255 255 255"},orange:{0:"38 15 0",1:"46 17 0",2:"54 19 0",3:"67 23 0",4:"86 28 0",5:"111 34 0",6:"142 41 0",7:"177 54 0",8:"229 80 0",9:"253 97 0",10:"255 123 41",11:"255 145 77",12:"255 161 102",13:"255 192 153",14:"255 224 204",15:"255 246 240"},rose:{0:"28 4 11",1:"38 5 15",2:"50 18 27",3:"66 22 35",4:"87 27 44",5:"113 35 57",6:"158 49 80",7:"191 58 96",8:"214 87 124",9:"221 108 141",10:"228 131 159",11:"245 164 188",12:"255 193 211",13:"255 214 226",14:"255 233 240",15:"255 251 252"},sunset:{0:"38 8 0",1:"54 11 0",2:"69 15 0",3:"100 20 0",4:"130 26 0",5:"156 40 12",6:"178 58 31",7:"197 79 53",8:"213 101 78",9:"219 112 90",10:"225 124 104",11:"235 147 131",12:"243 171 158",13:"249 194 185",14:"253 218 212",15:"255 241 238"},brown:{0:"38 23 0",1:"52 31 1",2:"66 40 2",3:"95 58 5",4:"123 75 10",5:"148 92 19",6:"168 108 31",7:"186 123 46",8:"200 138 66",9:"209 150 80",10:"219 165 103",11:"224 176 122",12:"229 190 148",13:"239 210 180",14:"248 230 212",15:"255 249 242"},citron:{0:"38 35 0",1:"42 39 0",2:"49 46 0",3:"61 58 0",4:"78 76 0",5:"101 99 0",6:"128 125 0",7:"153 153 0",8:"184 188 0",9:"205 212 0",10:"222 231 23",11:"235 244 87",12:"237 243 116",13:"243 249 158",14:"249 253 193",15:"254 255 238"},lime:{0:"20 38 0",1:"34 51 0",2:"41 63 0",3:"53 83 0",4:"65 104 2",5:"79 125 11",6:"94 145 24",7:"110 166 40",8:"127 187 60",9:"137 199 70",10:"151 209 90",11:"168 224 121",12:"184 237 148",13:"209 247 186",14:"226 255 211",15:"244 255 240"},mint:{0:"0 31 25",1:"0 41 34",2:"0 49 41",3:"0 62 52",4:"0 81 64",5:"0 106 77",6:"29 130 89",7:"33 150 104",8:"39 171 116",9:"72 194 129",10:"106 212 153",11:"149 222 182",12:"181 232 204",13:"209 244 224",14:"227 252 237",15:"242 255 248"},cyan:{0:"0 22 38",1:"0 32 54",2:"1 42 69",3:"3 65 100",4:"8 89 130",5:"15 114 156",6:"26 138 178",7:"41 161 197",8:"60 182 213",9:"72 192 219",10:"100 210 232",11:"124 227 242",12:"145 239 250",13:"179 244 249",14:"212 251 253",15:"242 255 255"},indigo:{0:"8 2 38",1:"13 4 65",2:"17 5 91",3:"20 7 117",4:"22 9 144",5:"26 13 171",6:"39 32 187",7:"60 63 219",8:"93 94 255",9:"112 117 242",10:"135 146 242",11:"163 175 251",12:"189 198 255",13:"211 214 255",14:"232 233 255",15:"252 253 255"},magenta:{0:"46 5 44",1:"63 6 58",2:"80 8 72",3:"96 11 86",4:"113 13 99",5:"138 23 122",6:"163 38 148",7:"188 61 177",8:"195 87 196",9:"194 116 205",10:"198 145 213",11:"206 172 222",13:"228 215 238",14:"239 231 247",15:"249 244 255",12:"217 195 230"},nude:{0:"20 0 0",1:"33 0 0",2:"46 0 0",3:"67 0 0",4:"89 20 18",5:"110 46 42",6:"132 73 66",7:"154 99 90",8:"175 124 112",9:"188 136 121",10:"200 147 131",11:"222 169 149",12:"230 189 170",13:"239 208 191",14:"247 224 210",15:"255 240 229"}}}},scaleMode:{xSmall:{...G,...A},small:{...G,...O},medium:{...G,...U},large:{...N,...j},xLarge:{...N,...E},xxLarge:{...N,...q},xxxLarge:{...N,...D}},fontFamily:H,button:{defaults:{category:"accent",variant:"primary",size:"md"},size:{sm:{spacingHorizontal:"4",spacingVertical:"1.5",gap:"2",iconSize:"sm",textVariant:"label1"},md:{spacingHorizontal:"4",spacingVertical:"2",gap:"2",iconSize:"sm",textVariant:"label1"},lg:{spacingHorizontal:"6",spacingVertical:"3.5",gap:"2",iconSize:"md",textVariant:"label1"}},category:{accent:{primary:{kind:"fill",state:{rest:{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"spectrum",value:"blue-9"},color:{type:"palette",value:"on-color"}},hover:{backgroundColor:{type:"spectrum",value:"blue-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"blue-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",state:{rest:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"spectrum",value:"blue-9"},borderColor:{type:"spectrum",value:"blue-9"}},hover:{color:{type:"spectrum",value:"blue-10"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-10"}},pressed:{color:{type:"spectrum",value:"blue-11"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-11"}}}},tertiary:{kind:"ghost",state:{rest:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"spectrum",value:"blue-9"}},hover:{backgroundColor:{type:"spectrum",value:"blue-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"spectrum",value:"blue-9"}},pressed:{backgroundColor:{type:"spectrum",value:"blue-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"spectrum",value:"blue-9"}}}}},brand:{primary:{kind:"fill",state:{rest:{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:"brand"},color:{type:"palette",value:"on-color"}},hover:{backgroundColor:{type:"spectrum",value:"purple-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"purple-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",state:{rest:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"},borderColor:{type:"palette",value:"brand"}},hover:{color:{type:"spectrum",value:"purple-10"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-10"}},pressed:{color:{type:"spectrum",value:"purple-11"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-11"}}}},tertiary:{kind:"ghost",state:{rest:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},hover:{backgroundColor:{type:"spectrum",value:"purple-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},pressed:{backgroundColor:{type:"spectrum",value:"purple-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}}}}},alert:{primary:{kind:"fill",state:{rest:{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:"alert"},color:{type:"palette",value:"on-color"}},hover:{backgroundColor:{type:"spectrum",value:"red-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"red-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",state:{rest:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"},borderColor:{type:"palette",value:"alert"}},hover:{color:{type:"spectrum",value:"red-10"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-10"}},pressed:{color:{type:"spectrum",value:"red-11"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-11"}}}},tertiary:{kind:"ghost",state:{rest:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},hover:{backgroundColor:{type:"spectrum",value:"red-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},pressed:{backgroundColor:{type:"spectrum",value:"red-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}}}}},positive:{primary:{kind:"fill",state:{rest:{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:"positive"},color:{type:"palette",value:"on-color"}},hover:{backgroundColor:{type:"spectrum",value:"green-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"green-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",state:{rest:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"},borderColor:{type:"palette",value:"positive"}},hover:{color:{type:"spectrum",value:"green-10"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-10"}},pressed:{color:{type:"spectrum",value:"green-11"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-11"}}}},tertiary:{kind:"ghost",state:{rest:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},hover:{backgroundColor:{type:"spectrum",value:"green-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},pressed:{backgroundColor:{type:"spectrum",value:"green-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}}}}},warning:{primary:{kind:"fill",state:{rest:{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:"warning"},color:{type:"palette",value:"on-color"}},hover:{backgroundColor:{type:"spectrum",value:"orange-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"orange-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",state:{rest:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"},borderColor:{type:"palette",value:"warning"}},hover:{color:{type:"spectrum",value:"orange-10"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-10"}},pressed:{color:{type:"spectrum",value:"orange-11"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-11"}}}},tertiary:{kind:"ghost",state:{rest:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},hover:{backgroundColor:{type:"spectrum",value:"orange-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},pressed:{backgroundColor:{type:"spectrum",value:"orange-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}}}}}}}},I="large";function P(e){return Object.entries(e)}function J(e){return Object.fromEntries(e)}function K(e,t){return Object.keys(e).reduce(((a,r,o)=>(a[r]=t(e[r],r,o),a)),{})}function Q(e){const{palette:t,spectrum:a}=e,r={},o={spectrum:{},palette:{}};for(const[e,t]of P(a))for(const[a,l]of P(t)){const t=`--${i}-${`${e}-${a}`}`;o.spectrum[e]||(o.spectrum[e]={}),o.spectrum[e][a]=`rgb(var(${t}))`,r[t]=l}return P(t).forEach((([e,t])=>{for(const[a,{hue:l,step:s,opacity:d}]of Object.entries(t)){e in o.palette||(o.palette[e]={});const t=`--${n}-${e}-color-${a}`;r[t]=`var(--${i}-${l}-${s})`,o.palette[e][a]=d?`rgb(var(${t}) / ${d})`:`rgb(var(${t}))`}})),{_vars:r,_raw:e,tailwindConfig:o}}function X(e){const t={},a={};for(const[r,o="regular"]of P(e)){const e=`--${y}-${r}`,l=F[o];t[e]=l,a[r]=`var(${e})`}return{_vars:t,_raw:e,tailwindConfig:{...F,...a}}}function Y(e,t,a){const r={},o={};for(const[l,n]of P(t)){const t=`--${e}-${l}`,i=a?a(n):n;r[t]=i,o[l]=`var(${t})`}return{_vars:r,_raw:t,tailwindConfig:o}}function Z(e,t){if(!t)return{_vars:{},_raw:{},tailwindConfig:{}};const a={},r={};for(const[o,l]of P(t)){const t=`--${e}-${o}`,n=`${l}px`;a[t]=n,r[o]=`var(${t})`}return{_vars:a,_raw:t,tailwindConfig:r}}function ee(e){return K(e,((e,t)=>{const{fallbacks:a=[]}=e??{};return[`var(--${s}-${t})`,...a]}))}function te(e){const{colorMode:t,scaleMode:a,fontFamily:r}=e;return{...e,colorMode:{light:Q(t.light),dark:Q(t.dark)},scaleMode:K(a,(({borderRadius:e,borderWidth:t,fontSize:a,lineHeight:r,fontFamily:o,fontWeight:l,textTransform:n,avatarSizes:i,iconSizes:y})=>({fontFamily:Y(s,o,(e=>`var(--${s}-${e})`)),fontSize:Z(g,a),fontWeight:X(l),lineHeight:Z(b,r),textTransform:Y(v,n),borderRadius:Z(u,e),borderWidth:Z(c,t),avatarSizes:Z(p,i),iconSizes:Z(d,y)}))),fontFamily:ee(r)}}var ae={display1:"6xl",display2:"5xl",display3:"4xl",title1:"3xl",title2:"2xl",title3:"xl",title4:"lg",headline1:"base",body1:"base",label1:"sm",label2:"sm",caption1:"xs",caption2:"xs"},re={fontSize:ae,lineHeight:ae,borderRadius:{xs:"sm",sm:"DEFAULT",md:"md",lg:"lg",xl:"xl"},borderWidth:{thin:"DEFAULT",medium:"2",thick:"4"}};function oe(e){return e.endsWith("rem")?16*parseFloat(e):parseFloat(e)}var le={...B.scaleMode[I],fontSize:{...B.scaleMode[I].fontSize,...K(re.fontSize,(e=>oe(l.default.fontSize[e][0])))},lineHeight:{...B.scaleMode[I].fontSize,...K(re.lineHeight,(e=>oe(l.default.fontSize[e][1].lineHeight))),display1:oe(l.default.fontSize[re.fontSize.display1][0]),display2:oe(l.default.fontSize[re.fontSize.display2][0])},fontWeight:K(B.scaleMode[I].fontWeight,(()=>"regular")),borderRadius:{...B.scaleMode[I].borderRadius,...K(re.borderRadius,(e=>oe(l.default.borderRadius[e])))},borderWidth:{...B.scaleMode[I].borderWidth,...K(re.borderWidth,(e=>oe(l.default.borderWidth[e])))}};function ne(t){return{...B.scaleMode[t],fontWeight:le.fontWeight,fontSize:K(le.fontSize,((a,r)=>a+e.fontSizeRamp[t][r])),lineHeight:K(le.lineHeight,((a,r)=>a+e.lineHeightRamp[t][r])),borderRadius:K(le.borderRadius,((a,r)=>a+e.borderRadiusRamp[t][r])),borderWidth:K(le.borderWidth,((a,r)=>a+e.borderWidthRamp[t][r]))}}var ie={...B,scaleMode:{xSmall:ne("xSmall"),small:ne("small"),medium:ne("medium"),large:ne("large"),xLarge:ne("xLarge"),xxLarge:ne("xxLarge"),xxxLarge:ne("xxxLarge")}},se={hover:"&:hover",pressed:"&:active",disabled:"&:disabled"},de={borderRadius:"--button-border-radius",borderWidth:"--buton-border-width",color:"--button-color",backgroundColor:"--button-background-color",borderColor:"--button-border-color"};var pe=o.default.withOptions((function({config:e=B}){const t=te(e),a=t.colorMode.light._vars,r={...t.scaleMode.large.borderRadius._vars,...t.scaleMode.large.borderWidth._vars,...t.scaleMode.large.avatarSizes._vars,...t.scaleMode.large.iconSizes._vars,...t.scaleMode.large.fontFamily._vars,...t.scaleMode.large.fontSize._vars,...t.scaleMode.large.fontWeight._vars,...t.scaleMode.large.lineHeight._vars,...t.scaleMode.large.textTransform._vars};return function({addBase:o,matchUtilities:l,addComponents:n,theme:i}){if(o({":root":{...a,...r},[`.${f}`]:a,[`.${k}`]:r,[`.${m}`]:{...t.colorMode.dark._vars},[`.${h}`]:{...t.scaleMode.xSmall.borderRadius._vars,...t.scaleMode.xSmall.borderWidth._vars,...t.scaleMode.xSmall.avatarSizes._vars,...t.scaleMode.xSmall.iconSizes._vars,...t.scaleMode.xSmall.fontFamily._vars,...t.scaleMode.xSmall.fontSize._vars,...t.scaleMode.xSmall.fontWeight._vars,...t.scaleMode.xSmall.lineHeight._vars,...t.scaleMode.xSmall.textTransform._vars},[`.${x}`]:{...t.scaleMode.small.borderRadius._vars,...t.scaleMode.small.borderWidth._vars,...t.scaleMode.small.avatarSizes._vars,...t.scaleMode.small.iconSizes._vars,...t.scaleMode.small.fontFamily._vars,...t.scaleMode.small.fontSize._vars,...t.scaleMode.small.fontWeight._vars,...t.scaleMode.small.lineHeight._vars,...t.scaleMode.small.textTransform._vars},[`.${C}`]:{...t.scaleMode.medium.borderRadius._vars,...t.scaleMode.medium.borderWidth._vars,...t.scaleMode.medium.avatarSizes._vars,...t.scaleMode.medium.iconSizes._vars,...t.scaleMode.medium.fontFamily._vars,...t.scaleMode.medium.fontSize._vars,...t.scaleMode.medium.fontWeight._vars,...t.scaleMode.medium.lineHeight._vars,...t.scaleMode.medium.textTransform._vars},[`.${$}`]:{...t.scaleMode.xLarge.borderRadius._vars,...t.scaleMode.xLarge.borderWidth._vars,...t.scaleMode.xLarge.avatarSizes._vars,...t.scaleMode.xLarge.iconSizes._vars,...t.scaleMode.xLarge.fontFamily._vars,...t.scaleMode.xLarge.fontSize._vars,...t.scaleMode.xLarge.fontWeight._vars,...t.scaleMode.xLarge.lineHeight._vars,...t.scaleMode.xLarge.textTransform._vars},[`.${M}`]:{...t.scaleMode.xxLarge.borderRadius._vars,...t.scaleMode.xxLarge.borderWidth._vars,...t.scaleMode.xxLarge.avatarSizes._vars,...t.scaleMode.xxLarge.iconSizes._vars,...t.scaleMode.xxLarge.fontFamily._vars,...t.scaleMode.xxLarge.fontSize._vars,...t.scaleMode.xxLarge.fontWeight._vars,...t.scaleMode.xxLarge.lineHeight._vars,...t.scaleMode.xxLarge.textTransform._vars},[`.${z}`]:{...t.scaleMode.xxxLarge.borderRadius._vars,...t.scaleMode.xxxLarge.borderWidth._vars,...t.scaleMode.xxxLarge.avatarSizes._vars,...t.scaleMode.xxxLarge.iconSizes._vars,...t.scaleMode.xxxLarge.fontFamily._vars,...t.scaleMode.xxxLarge.fontSize._vars,...t.scaleMode.xxxLarge.fontWeight._vars,...t.scaleMode.xxxLarge.lineHeight._vars,...t.scaleMode.xxxLarge.textTransform._vars}}),l({iconSize:e=>({width:e,height:e,fontSize:e,lineHeight:e})},{values:t.scaleMode.large.iconSizes.tailwindConfig}),l({avatarSize:e=>({width:e,height:e})},{values:t.scaleMode.large.avatarSizes.tailwindConfig}),e.button){const t=function(e,t){const a={".button":K(de,(e=>`var(${e})`))};for(const[r,o]of P(e.size)){const{spacingHorizontal:e,spacingVertical:l,gap:n,textVariant:i}=o;a[`.button-${r}`]={padding:`${t(`spacing[${l}]`)} ${t(`spacing[${e}]`)} `,columnGap:t(`spacing[${n}]`),fontFamily:t(`typography.fontFamily.${i}`),fontWeight:t(`typography.fontWeight.${i}`),fontSize:t(`typography.fontSize.${i}`),lineHeight:t(`typography.lineHeight.${i}`),textTransform:t(`typography.textTransform.${i}`),display:"inline-flex",alignItems:"center"}}for(const[r,o]of P(e.category))for(const[l,n]of P(o)){const o={},i={"&:hover":{},"&:active":{},"&:disabled":{}};for(const[s,d]of P(n.state)){const{backgroundColor:n,borderColor:p,color:u}=d,c="rest"===s?o:i[se[s]];if("borderRadius"in d&&(c[de.borderRadius]=t(`borderRadius.${d.borderRadius}`)),"borderWidth"in d&&(c[de.borderWidth]=t(`borderWidth.${d.borderWidth}`)),n){let e;if("palette"===n.type)e=t(`backgroundColor.${n.value}`);else{const[a,r]=n.value.split("-");e=t(`colors.${a}.${r}`)}c[de.backgroundColor]=e}if(p){let e;if("palette"===p.type)e=t(`borderColor.${p.value}`);else{const[a,r]=p.value.split("-");e=t(`colors.${a}.${r}`)}c[de.borderColor]=e}if(u){let e;if("palette"===u.type)e=t(`textColor.${u.value}`);else{const[a,r]=u.value.split("-");e=t(`colors.${a}.${r}`)}c[de.color]=e}"rest"===s&&l===e.defaults.variant&&(a[`.button-${r}`]={...o}),a[`.button-${r}.button-${l}`]={...o,...i}}}return a}(e.button,i);n(t)}l({case:e=>({"text-transform":e})},{values:i("typography.textTransform")}),l({"font-weight":e=>({"font-weight":e})},{values:i("typography.fontWeight")}),l({"font-size":e=>({"font-size":e})},{values:i("typography.fontSize")})}}),(function({config:t=B,safelist:a=[]}){const r=te(t),o=r.colorMode.light.tailwindConfig,l=r.scaleMode[I],n=K(o.spectrum,((t,a)=>({...t,...e.tailwindColorsAsUds[a]}))),i=o.palette.core,s={...e.tailwindColorsAsUds,...n,...S,...i},d=o.palette.foreground,p=o.palette.background,y=o.palette.line,v=J(P(re.fontSize).map((([e,t])=>[t,[`var(--${g}-${e})`,{lineHeight:`var(--${b}-${e})`}]]))),f=J(P(re.borderRadius).map((([e,t])=>[t,`var(--${u}-${e})`]))),h={...l.borderRadius.tailwindConfig,...f},x=J(P(re.borderWidth).map((([e,t])=>[t,`var(--${c}-${e})`]))),C={...l.borderWidth.tailwindConfig,...x};return{darkMode:["class",m],safelist:[m,...a],theme:{extend:{aria:{checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',invalid:'aria-invalid="true"'},data:{active:'active="true"',"active-item":'active-item="true"',autofill:'autofill="true"',backdrop:'backdrop="true"',enter:'enter="true"',leave:'leave="true"',"focus-visible":'focus-visible="true"'},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"},borderRadius:h,borderWidth:C,outlineWidth:C,fontFamily:{...r.fontFamily,...l.fontFamily.tailwindConfig},fontSize:v,lineHeight:l.lineHeight.tailwindConfig,colors:s,backgroundColor:p,textColor:d,borderColor:y,fill:p,caretColor:d,placeholderColor:d,textDecorationColor:d,divideColor:y,outlineColor:y,ringColor:y,ringOffsetColor:y,stroke:y,typography:{fontFamily:l.fontFamily.tailwindConfig,fontWeight:l.fontWeight.tailwindConfig,fontSize:l.fontSize.tailwindConfig,lineHeight:l.lineHeight.tailwindConfig,textTransform:l.textTransform.tailwindConfig}}}}}));exports.defaultTailwindThemeAsUdsConfig=ie,exports.tailwindPlugin=pe,exports.udsToTailwindMap=re;
|
1
|
+
"use strict";var e=require("@yahoo/uds/fixtures"),t=require("tailwindcss/plugin"),a=require("tailwindcss/defaultTheme");function r(e){return e&&e.__esModule?e:{default:e}}var o=r(t),l=r(a),n="uds",i=`${n}-spectrum-color`,s=`${n}-font`,d=`${n}-icon-size`,p=`${n}-avatar-size`,u=`${n}-border-radius`,c=`${n}-border-width`,b=`${n}-font-size`,g=`${n}-line-height`,v=`${n}-font-weight`,y=`${n}-text-transform`,f=`${n}-color-mode-dark`,h=`${n}-color-mode-light`,m=`${n}-scale-mode-xsmall`,x=`${n}-scale-mode-small`,C=`${n}-scale-mode-medium`,k=`${n}-scale-mode-large`,$=`${n}-scale-mode-xlarge`,z=`${n}-scale-mode-xxlarge`,S=`${n}-scale-mode-xxxlarge`,M={borderRadius:`--${n}-button-border-radius`,borderWidth:`--${n}-buton-border-width`,color:`--${n}-button-color`,backgroundColor:`--${n}-button-background-color`,borderColor:`--${n}-button-border-color`,padding:`--${n}-button-padding`,columnGap:`--${n}-button-gap`,fontFamily:`--${n}-button-font`,fontWeight:`--${n}-button-font-weight`,fontSize:`--${n}-button-font-size`,lineHeight:`--${n}-button-line-height`,textTransform:`--${n}-button-text-transform`,iconSize:`--${n}-button-icon-size`},_="&:hover:not([disabled])",W="&:active:not([disabled])",w="&:disabled",R=["none","custom","lighten","darken"],H=["none","custom"],L={hover:{backgroundColor:{value:"darken",options:R},borderColor:{value:"none",options:H},color:{value:"none",options:[...H,"darken"]}},pressed:{backgroundColor:{value:"darken",options:R},borderColor:{value:"none",options:H},color:{value:"none",options:[...H,"darken"]}}},F={hover:{backgroundColor:{value:"none",options:H},borderColor:{value:"darken",options:R},color:{value:"darken",options:R}},pressed:{backgroundColor:{value:"none",options:H},borderColor:{value:"darken",options:R},color:{value:"darken",options:R}}},T={hover:{backgroundColor:{value:"lighten",options:["none","custom","lighten"]},borderColor:{value:"none",options:H},color:{value:"none",options:["none","custom","lighten"]}},pressed:{backgroundColor:{value:"lighten",options:R},borderColor:{value:"none",options:H},color:{value:"none",options:R}}},V={defaults:{category:"accent",variant:"primary",size:"md"},size:{sm:{spacingHorizontal:"4",spacingVertical:"1.5",gap:"2",iconSize:"sm",textVariant:"label1"},md:{spacingHorizontal:"4",spacingVertical:"2",gap:"2",iconSize:"sm",textVariant:"label1"},lg:{spacingHorizontal:"6",spacingVertical:"3.5",gap:"2",iconSize:"md",textVariant:"label1"}},category:{accent:{primary:{kind:"fill",effect:L,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"accent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"blue-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"blue-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:F,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"accent"},color:{type:"palette",value:"accent"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-10"},color:{type:"spectrum",value:"blue-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-11"},color:{type:"spectrum",value:"blue-11"}}}},tertiary:{kind:"ghost",effect:T,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}},state:{hover:{backgroundColor:{type:"spectrum",value:"blue-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}},pressed:{backgroundColor:{type:"spectrum",value:"blue-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}}}}},brand:{primary:{kind:"fill",effect:L,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"brand"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"purple-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"purple-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:F,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"},borderColor:{type:"palette",value:"brand"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-10"},color:{type:"spectrum",value:"purple-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-11"},color:{type:"spectrum",value:"purple-11"}}}},tertiary:{kind:"ghost",effect:T,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},state:{hover:{backgroundColor:{type:"spectrum",value:"purple-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},pressed:{backgroundColor:{type:"spectrum",value:"purple-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}}}}},alert:{primary:{kind:"fill",effect:L,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"alert"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"red-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"red-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:F,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"alert"},color:{type:"palette",value:"alert"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-10"},color:{type:"spectrum",value:"red-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-11"},color:{type:"spectrum",value:"red-11"}}}},tertiary:{kind:"ghost",effect:T,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},state:{hover:{backgroundColor:{type:"spectrum",value:"red-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},pressed:{backgroundColor:{type:"spectrum",value:"red-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}}}}},positive:{primary:{kind:"fill",effect:L,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"positive"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"green-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"green-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:F,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"},borderColor:{type:"palette",value:"positive"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-10"},color:{type:"spectrum",value:"green-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-11"},color:{type:"spectrum",value:"green-11"}}}},tertiary:{kind:"ghost",effect:T,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},state:{hover:{backgroundColor:{type:"spectrum",value:"green-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},pressed:{backgroundColor:{type:"spectrum",value:"green-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}}}}},warning:{primary:{kind:"fill",effect:L,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"warning"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"orange-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"orange-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:F,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"},borderColor:{type:"palette",value:"warning"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-10"},color:{type:"spectrum",value:"orange-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-11"},color:{type:"spectrum",value:"orange-11"}}}},tertiary:{kind:"ghost",effect:T,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},state:{hover:{backgroundColor:{type:"spectrum",value:"orange-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},pressed:{backgroundColor:{type:"spectrum",value:"orange-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}}}}}}},A={white:"#ffffff",black:"#000000",transparent:"transparent",current:"currentColor"},O={sm:16,md:24,lg:32},U={sm:16,md:24,lg:32},G=["Helvetica Neue","Helvetica","Arial","sans-serif"],j=["Georgia","Times","Times New Roman","serif"],E={icons:{fallbacks:G,name:"yahoo-icons"},sans:{fallbacks:G,name:"yahoo-sans"},"sans-beta":{fallbacks:G,name:"yahoo-sans-beta"},"sans-condensed":{fallbacks:G,name:"yahoo-sans-condensed"},"serif-text":{fallbacks:j,name:"yahoo-serif-text"},"serif-display":{fallbacks:j,name:"yahoo-serif-display"}},q={display1:"sans",display2:"sans",display3:"sans",title1:"sans",title2:"sans",title3:"sans",title4:"sans",headline1:"sans",body1:"sans",label1:"sans",label2:"sans",caption1:"sans",caption2:"sans",legal1:"sans"},D={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},N={display1:"black",display2:"extrabold",display3:"extrabold",title1:"bold",title2:"bold",title3:"bold",title4:"bold",headline1:"semibold",body1:"regular",label1:"semibold",label2:"regular",caption1:"semibold",caption2:"regular",legal1:"semibold"},P={display1:"uppercase",display2:"none",display3:"none",title1:"none",title2:"none",title3:"none",title4:"none",headline1:"none",body1:"none",label1:"none",label2:"none",caption1:"none",caption2:"none",legal1:"none"},B={fontSize:{display1:46,display2:37,display3:33,title1:29,title2:25,title3:21,title4:17,headline1:13,body1:13,label1:12,label2:12,caption1:11,caption2:11,legal1:10},lineHeight:{display1:44,display2:44,display3:44,title1:36,title2:32,title3:28,title4:24,headline1:16,body1:16,label1:16,label2:16,caption1:16,caption2:16,legal1:12}},I={fontSize:{display1:46,display2:38,display3:34,title1:30,title2:26,title3:22,title4:18,headline1:14,body1:14,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...B.lineHeight,title1:40,headline1:20,body1:20,legal1:16}},J={fontSize:{display1:47,display2:39,display3:35,title1:31,title2:27,title3:23,title4:19,headline1:15,body1:15,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...I.lineHeight,title2:36,title3:32}},K={fontSize:{...J.fontSize,display1:48,display2:40,display3:36,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...J.lineHeight,title2:36,title3:32,headline1:20,body1:20,label1:20,label2:20}},Q={fontSize:{display1:50,display2:42,display3:38,title1:34,title2:30,title3:26,title4:22,headline1:18,body1:16,label1:16,label2:16,caption1:14,caption2:14,legal1:13},lineHeight:{...K.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},X={fontSize:{display1:52,display2:44,display3:40,title1:36,title2:32,title3:28,title4:26,headline1:20,body1:20,label1:18,label2:18,caption1:16,caption2:16,legal1:15},lineHeight:{...Q.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},Y={fontSize:{display1:54,display2:46,display3:42,title1:38,title2:34,title3:30,title4:28,headline1:22,body1:22,label1:20,label2:20,caption1:18,caption2:18,legal1:17},lineHeight:{...X.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}},Z={fontFamily:q,fontWeight:N,textTransform:P,avatarSizes:O,iconSizes:U,borderRadius:{none:0,xs:2,sm:4,md:8,lg:12,xl:24,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:2}},ee={fontFamily:q,fontWeight:N,textTransform:P,avatarSizes:O,iconSizes:U,borderRadius:{none:0,xs:2,sm:4,md:8,lg:16,xl:32,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:4}},te={colorMode:{light:{palette:{core:{brand:{hue:"purple",step:"9"},accent:{hue:"blue",step:"9"},alert:{hue:"red",step:"9"},positive:{hue:"green",step:"9"},warning:{hue:"orange",step:"9"}},background:{primary:{hue:"gray",step:"0"},secondary:{hue:"gray",step:"2"}},foreground:{primary:{hue:"gray",step:"13"},secondary:{hue:"gray",step:"12"},tertiary:{hue:"gray",step:"9"},muted:{hue:"gray",step:"8"},"on-color":{hue:"gray",step:"0"}},line:{primary:{hue:"gray",step:"12"},secondary:{hue:"gray",step:"9"},tertiary:{hue:"gray",step:"7"},muted:{hue:"gray",step:"3"}}},spectrum:{blue:{0:"242 250 255",1:"223 242 255",2:"202 234 255",3:"162 218 255",4:"125 203 255",5:"89 189 255",6:"18 169 255",7:"24 143 255",8:"15 105 255",9:"0 99 235",10:"0 89 222",11:"0 72 196",12:"0 55 164",13:"0 39 126",14:"0 23 83",15:"0 10 38"},purple:{0:"248 244 255",1:"235 229 255",2:"225 217 255",3:"213 207 255",4:"202 194 255",5:"176 159 252",6:"149 126 252",7:"131 103 255",8:"124 73 252",9:"126 31 255",10:"96 1 210",11:"80 21 176",12:"57 0 125",13:"43 0 103",14:"29 0 71",15:"16 0 38"},pink:{0:"255 247 252",1:"255 235 249",2:"254 216 247",3:"255 176 231",4:"255 133 211",5:"255 85 195",6:"255 54 161",7:"255 0 128",8:"230 0 115",9:"220 2 118",10:"178 6 102",11:"113 0 75",12:"85 0 58",13:"56 0 40",14:"45 0 34",15:"38 0 16"},red:{0:"255 250 250",1:"255 240 241",2:"255 231 232",3:"255 214 218",4:"255 187 192",5:"255 152 159",6:"253 106 116",7:"255 77 82",8:"238 0 23",9:"211 13 46",10:"187 0 10",11:"157 0 4",12:"127 0 0",13:"98 3 0",14:"68 4 0",15:"38 3 0"},yellow:{0:"255 253 238",1:"255 250 209",2:"255 246 161",4:"255 233 87",3:"255 242 125",5:"255 211 51",6:"229 185 23",7:"151 117 0",8:"124 90 0",9:"100 67 0",10:"88 57 0",11:"75 47 0",12:"58 34 0",13:"44 25 0",14:"32 17 0",15:"21 11 0"},green:{0:"246 255 244",1:"225 253 220",2:"202 250 197",3:"162 242 162",4:"126 228 135",5:"86 196 112",6:"48 161 89",7:"0 135 81",8:"10 122 68",9:"0 108 59",10:"4 94 52",11:"4 77 44",12:"4 59 35",13:"4 51 31",14:"4 43 27",15:"3 33 21"},teal:{0:"242 255 251",1:"224 255 248",2:"207 255 248",3:"177 255 243",4:"133 247 233",5:"78 232 220",6:"17 211 205",7:"0 160 160",8:"0 130 130",9:"0 122 122",10:"0 110 107",11:"0 89 86",12:"0 69 67",13:"0 54 53",14:"0 44 44",15:"0 38 38"},gray:{0:"255 255 255",1:"245 248 250",2:"240 243 245",3:"224 228 233",4:"199 205 210",5:"176 185 193",6:"151 158 168",7:"130 138 147",8:"110 119 128",9:"91 99 106",10:"70 78 86",11:"44 54 63",12:"35 42 49",13:"29 34 40",14:"16 21 24",15:"0 0 0"},orange:{0:"255 249 242",1:"255 239 222",2:"255 229 202",3:"249 208 167",4:"252 182 111",5:"255 158 66",6:"255 137 21",7:"226 105 0",8:"204 78 0",9:"191 73 0",10:"166 64 0",11:"145 56 0",12:"115 44 0",13:"94 37 1",14:"68 26 0",15:"38 15 0"},rose:{0:"255 247 250",1:"255 235 243",2:"255 224 239",3:"255 209 226",4:"255 193 213",5:"250 162 187",6:"233 126 157",7:"211 89 124",8:"189 57 95",9:"167 52 85",10:"144 47 75",11:"113 35 57",12:"87 27 44",13:"66 22 35",14:"50 18 27",15:"38 15 22"},sunset:{0:"255 240 238",1:"251 221 218",2:"247 203 199",3:"234 170 163",4:"221 140 130",5:"209 113 99",6:"196 89 71",7:"184 68 46",8:"171 51 24",9:"158 44 18",10:"145 38 12",11:"124 26 1",12:"102 22 0",13:"81 18 0",14:"60 13 0",15:"38 8 0"},brown:{0:"255 253 250",1:"255 246 224",2:"255 236 209",3:"251 221 191",4:"237 199 159",5:"217 170 118",6:"185 136 79",7:"151 104 47",8:"134 90 35",9:"117 76 25",10:"91 56 11",11:"71 42 4",12:"55 33 1",13:"45 27 0",14:"38 23 0",15:"26 16 0"},citron:{0:"253 255 230",1:"249 253 193",2:"245 252 158",3:"235 244 87",4:"222 231 23",5:"205 212 0",6:"184 188 0",7:"158 159 0",8:"122 122 0",9:"115 113 0",10:"101 99 0",11:"78 76 0",12:"61 58 0",13:"49 46 0",14:"42 39 0",15:"38 35 0"},lime:{0:"249 255 245",1:"237 255 224",2:"230 255 209",3:"217 250 190",4:"202 239 168",5:"172 222 122",6:"137 199 70",7:"101 169 21",8:"75 133 0",9:"70 122 0",10:"62 107 0",11:"50 83 0",12:"40 65 0",13:"33 51 0",14:"28 43 0",15:"26 38 0"},mint:{0:"245 255 249",1:"231 252 240",2:"218 248 232",3:"201 239 219",4:"174 224 199",5:"133 203 172",6:"88 179 142",7:"45 151 113",8:"12 122 88",9:"1 109 78",10:"1 96 71",11:"0 74 57",12:"0 58 46",13:"0 47 38",14:"0 41 33",15:"0 28 23"},cyan:{0:"245 255 255",1:"223 255 255",2:"201 255 255",3:"161 245 251",4:"121 229 240",5:"85 205 223",6:"54 177 201",7:"29 146 174",8:"20 114 142",9:"19 100 126",10:"17 86 111",11:"13 64 86",12:"10 48 67",13:"9 37 53",14:"8 29 44",15:"4 18 28"},indigo:{0:"242 244 255",1:"226 230 255",2:"209 213 255",3:"184 188 255",4:"156 160 255",5:"130 130 255",6:"109 110 255",7:"93 94 255",8:"64 64 227",9:"32 21 194",10:"26 13 171",11:"22 9 144",12:"18 5 118",13:"15 3 91",14:"11 1 65",15:"6 0 38"},magenta:{0:"244 235 255",1:"236 217 251",2:"229 199 247",3:"223 182 243",4:"220 166 240",5:"212 136 227",6:"207 109 214",7:"201 84 199",8:"188 61 177",9:"164 46 151",10:"140 32 126",11:"116 22 103",12:"92 13 81",13:"68 6 60",14:"44 2 39",15:"20 0 18"},nude:{0:"255 245 245",1:"251 222 221",2:"248 203 196",3:"235 185 172",4:"222 169 149",5:"202 155 136",6:"182 139 122",7:"162 122 106",8:"142 104 89",9:"131 93 80",10:"120 83 71",11:"100 61 48",12:"80 34 19",13:"60 14 0",14:"40 9 0",15:"20 4 0"},carbon:{0:"255 255 255",1:"252 251 251",2:"245 245 245",3:"227 227 227",4:"205 205 205",5:"176 176 176",6:"142 142 142",7:"106 106 106",8:"90 90 90",9:"68 68 68",10:"50 50 50",11:"41 41 41",12:"31 31 31",13:"20 20 20",14:"10 10 10",15:"0 0 0"}}},dark:{palette:{core:{brand:{hue:"purple",step:"9"},accent:{hue:"blue",step:"9"},alert:{hue:"red",step:"9"},positive:{hue:"green",step:"9"},warning:{hue:"orange",step:"9"}},background:{primary:{hue:"gray",step:"1"},secondary:{hue:"gray",step:"3"}},foreground:{primary:{hue:"gray",step:"14"},secondary:{hue:"gray",step:"13"},tertiary:{hue:"gray",step:"9"},muted:{hue:"gray",step:"8"},"on-color":{hue:"gray",step:"0"}},line:{primary:{hue:"gray",step:"12"},secondary:{hue:"gray",step:"9"},tertiary:{hue:"gray",step:"7"},muted:{hue:"gray",step:"3"}}},spectrum:{blue:{0:"0 10 38",1:"0 14 57",2:"0 19 75",3:"0 29 102",4:"0 44 129",5:"0 63 156",6:"0 87 183",7:"0 116 210",8:"17 148 236",9:"18 169 255",10:"99 192 255",11:"125 203 255",12:"150 210 250",13:"182 224 252",14:"213 237 252",15:"240 247 252"},purple:{0:"25 0 38",1:"34 0 57",2:"42 0 75",3:"51 0 102",4:"57 0 125",5:"80 21 176",6:"96 1 210",7:"108 36 242",8:"119 89 255",9:"144 124 255",10:"165 149 248",11:"187 174 249",12:"209 201 251",13:"225 219 252",14:"235 232 254",15:"248 244 255"},pink:{0:"38 0 19",1:"48 0 23",2:"58 0 27",3:"75 0 34",4:"96 0 43",5:"123 0 54",6:"157 0 67",7:"194 0 81",8:"233 0 107",9:"255 0 128",10:"255 54 161",11:"255 101 186",12:"255 150 211",13:"255 186 228",14:"255 212 240",15:"255 229 247"},red:{0:"38 3 0",1:"57 3 0",2:"75 3 0",3:"102 1 0",4:"129 5 0",5:"156 15 12",6:"183 28 27",7:"210 46 47",8:"232 58 62",9:"255 77 82",10:"255 105 109",11:"255 135 141",12:"255 155 161",13:"255 183 188",14:"254 210 214",15:"255 240 241"},yellow:{0:"38 35 0",1:"48 42 0",2:"58 49 0",4:"96 73 0",3:"75 60 0",5:"123 91 0",6:"157 112 0",7:"194 136 0",8:"233 171 0",9:"255 204 0",10:"255 220 79",11:"255 232 102",12:"255 243 138",13:"255 249 163",14:"255 251 197",15:"255 253 238"},green:{0:"7 33 23",1:"7 43 29",2:"8 48 32",3:"8 55 36",4:"11 70 44",5:"14 91 55",6:"18 118 68",7:"23 149 83",8:"29 181 97",9:"26 197 103",10:"55 219 115",11:"91 235 126",12:"128 242 143",13:"169 251 169",14:"213 255 208",15:"247 255 245"},teal:{0:"0 35 38",1:"0 40 43",2:"0 45 49",3:"0 56 60",4:"0 73 76",5:"0 97 99",6:"0 126 127",7:"1 160 159",8:"15 194 190",9:"17 211 205",10:"52 227 222",11:"99 237 231",12:"145 249 243",13:"185 255 251",14:"216 255 252",15:"242 255 254"},gray:{0:"0 0 0",1:"16 21 24",2:"29 34 40",3:"35 42 49",4:"44 54 63",5:"70 78 86",6:"91 99 106",7:"110 119 128",8:"130 138 147",9:"151 158 168",10:"176 185 193",11:"199 205 210",12:"224 228 233",13:"240 243 245",14:"245 248 250",15:"255 255 255"},carbon:{0:"0 0 0",1:"10 10 10",2:"20 20 20",3:"31 31 31",4:"41 41 41",5:"50 50 50",6:"68 68 68",7:"90 90 90",8:"117 117 117",9:"142 142 142",10:"176 176 176",11:"205 205 205",12:"227 227 227",13:"245 245 245",14:"252 251 251",15:"255 255 255"},orange:{0:"38 15 0",1:"46 17 0",2:"54 19 0",3:"67 23 0",4:"86 28 0",5:"111 34 0",6:"142 41 0",7:"177 54 0",8:"229 80 0",9:"253 97 0",10:"255 123 41",11:"255 145 77",12:"255 161 102",13:"255 192 153",14:"255 224 204",15:"255 246 240"},rose:{0:"28 4 11",1:"38 5 15",2:"50 18 27",3:"66 22 35",4:"87 27 44",5:"113 35 57",6:"158 49 80",7:"191 58 96",8:"214 87 124",9:"221 108 141",10:"228 131 159",11:"245 164 188",12:"255 193 211",13:"255 214 226",14:"255 233 240",15:"255 251 252"},sunset:{0:"38 8 0",1:"54 11 0",2:"69 15 0",3:"100 20 0",4:"130 26 0",5:"156 40 12",6:"178 58 31",7:"197 79 53",8:"213 101 78",9:"219 112 90",10:"225 124 104",11:"235 147 131",12:"243 171 158",13:"249 194 185",14:"253 218 212",15:"255 241 238"},brown:{0:"38 23 0",1:"52 31 1",2:"66 40 2",3:"95 58 5",4:"123 75 10",5:"148 92 19",6:"168 108 31",7:"186 123 46",8:"200 138 66",9:"209 150 80",10:"219 165 103",11:"224 176 122",12:"229 190 148",13:"239 210 180",14:"248 230 212",15:"255 249 242"},citron:{0:"38 35 0",1:"42 39 0",2:"49 46 0",3:"61 58 0",4:"78 76 0",5:"101 99 0",6:"128 125 0",7:"153 153 0",8:"184 188 0",9:"205 212 0",10:"222 231 23",11:"235 244 87",12:"237 243 116",13:"243 249 158",14:"249 253 193",15:"254 255 238"},lime:{0:"20 38 0",1:"34 51 0",2:"41 63 0",3:"53 83 0",4:"65 104 2",5:"79 125 11",6:"94 145 24",7:"110 166 40",8:"127 187 60",9:"137 199 70",10:"151 209 90",11:"168 224 121",12:"184 237 148",13:"209 247 186",14:"226 255 211",15:"244 255 240"},mint:{0:"0 31 25",1:"0 41 34",2:"0 49 41",3:"0 62 52",4:"0 81 64",5:"0 106 77",6:"29 130 89",7:"33 150 104",8:"39 171 116",9:"72 194 129",10:"106 212 153",11:"149 222 182",12:"181 232 204",13:"209 244 224",14:"227 252 237",15:"242 255 248"},cyan:{0:"0 22 38",1:"0 32 54",2:"1 42 69",3:"3 65 100",4:"8 89 130",5:"15 114 156",6:"26 138 178",7:"41 161 197",8:"60 182 213",9:"72 192 219",10:"100 210 232",11:"124 227 242",12:"145 239 250",13:"179 244 249",14:"212 251 253",15:"242 255 255"},indigo:{0:"8 2 38",1:"13 4 65",2:"17 5 91",3:"20 7 117",4:"22 9 144",5:"26 13 171",6:"39 32 187",7:"60 63 219",8:"93 94 255",9:"112 117 242",10:"135 146 242",11:"163 175 251",12:"189 198 255",13:"211 214 255",14:"232 233 255",15:"252 253 255"},magenta:{0:"46 5 44",1:"63 6 58",2:"80 8 72",3:"96 11 86",4:"113 13 99",5:"138 23 122",6:"163 38 148",7:"188 61 177",8:"195 87 196",9:"194 116 205",10:"198 145 213",11:"206 172 222",13:"228 215 238",14:"239 231 247",15:"249 244 255",12:"217 195 230"},nude:{0:"20 0 0",1:"33 0 0",2:"46 0 0",3:"67 0 0",4:"89 20 18",5:"110 46 42",6:"132 73 66",7:"154 99 90",8:"175 124 112",9:"188 136 121",10:"200 147 131",11:"222 169 149",12:"230 189 170",13:"239 208 191",14:"247 224 210",15:"255 240 229"}}}},scaleMode:{xSmall:{...Z,...B},small:{...Z,...I},medium:{...Z,...J},large:{...ee,...K},xLarge:{...ee,...Q},xxLarge:{...ee,...X},xxxLarge:{...ee,...Y}},fontFamily:E,button:V},ae="large";function re(e){return Object.entries(e)}function oe(e){return Object.fromEntries(e)}function le(e,t){return Object.keys(e).reduce(((a,r,o)=>(a[r]=t(e[r],r,o),a)),{})}function ne(e){const{palette:t,spectrum:a}=e,r={},o={spectrum:{},palette:{}};for(const[e,t]of re(a))for(const[a,l]of re(t)){const t=`--${i}-${`${e}-${a}`}`;o.spectrum[e]||(o.spectrum[e]={}),o.spectrum[e][a]=`rgb(var(${t}))`,r[t]=l}return re(t).forEach((([e,t])=>{for(const[a,{hue:l,step:s,opacity:d}]of Object.entries(t)){e in o.palette||(o.palette[e]={});const t=`--${n}-${e}-color-${a}`;r[t]=`var(--${i}-${l}-${s})`,o.palette[e][a]=d?`rgb(var(${t}) / ${d})`:`rgb(var(${t}))`}})),{_vars:r,_raw:e,tailwindConfig:o}}function ie(e){const t={},a={};for(const[r,o="regular"]of re(e)){const e=`--${v}-${r}`,l=D[o];t[e]=l,a[r]=`var(${e})`}return{_vars:t,_raw:e,tailwindConfig:{...D,...a}}}function se(e,t,a){const r={},o={};for(const[l,n]of re(t)){const t=`--${e}-${l}`,i=a?a(n):n;r[t]=i,o[l]=`var(${t})`}return{_vars:r,_raw:t,tailwindConfig:o}}function de(e,t){if(!t)return{_vars:{},_raw:{},tailwindConfig:{}};const a={},r={};for(const[o,l]of re(t)){const t=`--${e}-${o}`,n=`${l}px`;a[t]=n,r[o]=`var(${t})`}return{_vars:a,_raw:t,tailwindConfig:r}}function pe(e){return le(e,((e,t)=>{const{fallbacks:a=[]}=e??{};return[`var(--${s}-${t})`,...a]}))}function ue(e){const{colorMode:t,scaleMode:a,fontFamily:r}=e;return{...e,colorMode:{light:ne(t.light),dark:ne(t.dark)},scaleMode:le(a,(({borderRadius:e,borderWidth:t,fontSize:a,lineHeight:r,fontFamily:o,fontWeight:l,textTransform:n,avatarSizes:i,iconSizes:v})=>({fontFamily:se(s,o,(e=>`var(--${s}-${e})`)),fontSize:de(b,a),fontWeight:ie(l),lineHeight:de(g,r),textTransform:se(y,n),borderRadius:de(u,e),borderWidth:de(c,t),avatarSizes:de(p,i),iconSizes:de(d,v)}))),fontFamily:pe(r)}}var ce={display1:"6xl",display2:"5xl",display3:"4xl",title1:"3xl",title2:"2xl",title3:"xl",title4:"lg",headline1:"base",body1:"base",label1:"sm",label2:"sm",caption1:"xs",caption2:"xs"},be={fontSize:ce,lineHeight:ce,borderRadius:{xs:"sm",sm:"DEFAULT",md:"md",lg:"lg",xl:"xl"},borderWidth:{thin:"DEFAULT",medium:"2",thick:"4"}};function ge(e){return e.endsWith("rem")?16*parseFloat(e):parseFloat(e)}var ve={...te.scaleMode[ae],fontSize:{...te.scaleMode[ae].fontSize,...le(be.fontSize,(e=>ge(l.default.fontSize[e][0])))},lineHeight:{...te.scaleMode[ae].fontSize,...le(be.lineHeight,(e=>ge(l.default.fontSize[e][1].lineHeight))),display1:ge(l.default.fontSize[be.fontSize.display1][0]),display2:ge(l.default.fontSize[be.fontSize.display2][0])},fontWeight:le(te.scaleMode[ae].fontWeight,(()=>"regular")),borderRadius:{...te.scaleMode[ae].borderRadius,...le(be.borderRadius,(e=>ge(l.default.borderRadius[e])))},borderWidth:{...te.scaleMode[ae].borderWidth,...le(be.borderWidth,(e=>ge(l.default.borderWidth[e])))}};function ye(t){return{...te.scaleMode[t],fontWeight:ve.fontWeight,fontSize:le(ve.fontSize,((a,r)=>a+e.fontSizeRamp[t][r])),lineHeight:le(ve.lineHeight,((a,r)=>a+e.lineHeightRamp[t][r])),borderRadius:le(ve.borderRadius,((a,r)=>a+e.borderRadiusRamp[t][r])),borderWidth:le(ve.borderWidth,((a,r)=>a+e.borderWidthRamp[t][r]))}}var fe={...te,scaleMode:{xSmall:ye("xSmall"),small:ye("small"),medium:ye("medium"),large:ye("large"),xLarge:ye("xLarge"),xxLarge:ye("xxLarge"),xxxLarge:ye("xxxLarge")}};function he(t,{type:a,value:r},o){const l="color"===t?"textColor":t;if("palette"===a)return e.alwaysPaletteAliases.includes(r)?r:o(`${l}.${r}`);{const[e,t]=r.split("-");return o(`colors.${e}.${t}`)}}function me({backgroundColor:e,borderColor:t,color:a,borderRadius:r,borderWidth:o},l){return{[M.backgroundColor]:he("backgroundColor",e,l),[M.borderColor]:he("borderColor",t,l),[M.color]:he("color",a,l),...r&&{[M.borderRadius]:l(`borderRadius.${r}`)},...o&&{[M.borderWidth]:l(`borderWidth.${o}`)}}}function xe(e,t){const{spacingHorizontal:a,spacingVertical:r,gap:o,textVariant:l,iconSize:n}=e;return{[M.padding]:`${t(`spacing[${r}]`)} ${t(`spacing[${a}]`)}`,[M.columnGap]:t(`spacing[${o}]`),[M.fontFamily]:t(`typography.fontFamily.${l}`),[M.fontWeight]:t(`typography.fontWeight.${l}`),[M.fontSize]:t(`typography.fontSize.${l}`),[M.lineHeight]:t(`typography.lineHeight.${l}`),[M.textTransform]:t(`typography.textTransform.${l}`),[M.iconSize]:t(`sizing.icon.${n}`)}}var Ce=o.default.withOptions((function({config:e=te}){const t=ue(e),a=t.colorMode.light._vars,r={...t.scaleMode.large.borderRadius._vars,...t.scaleMode.large.borderWidth._vars,...t.scaleMode.large.avatarSizes._vars,...t.scaleMode.large.iconSizes._vars,...t.scaleMode.large.fontFamily._vars,...t.scaleMode.large.fontSize._vars,...t.scaleMode.large.fontWeight._vars,...t.scaleMode.large.lineHeight._vars,...t.scaleMode.large.textTransform._vars};return function({addBase:o,matchUtilities:l,addComponents:n,theme:i}){if(o({":root":{...a,...r},[`.${h}`]:a,[`.${k}`]:r,[`.${f}`]:{...t.colorMode.dark._vars},[`.${m}`]:{...t.scaleMode.xSmall.borderRadius._vars,...t.scaleMode.xSmall.borderWidth._vars,...t.scaleMode.xSmall.avatarSizes._vars,...t.scaleMode.xSmall.iconSizes._vars,...t.scaleMode.xSmall.fontFamily._vars,...t.scaleMode.xSmall.fontSize._vars,...t.scaleMode.xSmall.fontWeight._vars,...t.scaleMode.xSmall.lineHeight._vars,...t.scaleMode.xSmall.textTransform._vars},[`.${x}`]:{...t.scaleMode.small.borderRadius._vars,...t.scaleMode.small.borderWidth._vars,...t.scaleMode.small.avatarSizes._vars,...t.scaleMode.small.iconSizes._vars,...t.scaleMode.small.fontFamily._vars,...t.scaleMode.small.fontSize._vars,...t.scaleMode.small.fontWeight._vars,...t.scaleMode.small.lineHeight._vars,...t.scaleMode.small.textTransform._vars},[`.${C}`]:{...t.scaleMode.medium.borderRadius._vars,...t.scaleMode.medium.borderWidth._vars,...t.scaleMode.medium.avatarSizes._vars,...t.scaleMode.medium.iconSizes._vars,...t.scaleMode.medium.fontFamily._vars,...t.scaleMode.medium.fontSize._vars,...t.scaleMode.medium.fontWeight._vars,...t.scaleMode.medium.lineHeight._vars,...t.scaleMode.medium.textTransform._vars},[`.${$}`]:{...t.scaleMode.xLarge.borderRadius._vars,...t.scaleMode.xLarge.borderWidth._vars,...t.scaleMode.xLarge.avatarSizes._vars,...t.scaleMode.xLarge.iconSizes._vars,...t.scaleMode.xLarge.fontFamily._vars,...t.scaleMode.xLarge.fontSize._vars,...t.scaleMode.xLarge.fontWeight._vars,...t.scaleMode.xLarge.lineHeight._vars,...t.scaleMode.xLarge.textTransform._vars},[`.${z}`]:{...t.scaleMode.xxLarge.borderRadius._vars,...t.scaleMode.xxLarge.borderWidth._vars,...t.scaleMode.xxLarge.avatarSizes._vars,...t.scaleMode.xxLarge.iconSizes._vars,...t.scaleMode.xxLarge.fontFamily._vars,...t.scaleMode.xxLarge.fontSize._vars,...t.scaleMode.xxLarge.fontWeight._vars,...t.scaleMode.xxLarge.lineHeight._vars,...t.scaleMode.xxLarge.textTransform._vars},[`.${S}`]:{...t.scaleMode.xxxLarge.borderRadius._vars,...t.scaleMode.xxxLarge.borderWidth._vars,...t.scaleMode.xxxLarge.avatarSizes._vars,...t.scaleMode.xxxLarge.iconSizes._vars,...t.scaleMode.xxxLarge.fontFamily._vars,...t.scaleMode.xxxLarge.fontSize._vars,...t.scaleMode.xxxLarge.fontWeight._vars,...t.scaleMode.xxxLarge.lineHeight._vars,...t.scaleMode.xxxLarge.textTransform._vars}}),l({iconSize:e=>({width:e,height:e,fontSize:e,lineHeight:e})},{values:t.scaleMode.large.iconSizes.tailwindConfig}),l({avatarSize:e=>({width:e,height:e})},{values:t.scaleMode.large.avatarSizes.tailwindConfig}),e.button){const t=function(e,t){const a=e.category[e.defaults.category][e.defaults.variant],r=e.size[e.defaults.size],o={...me(a.base,t),...xe(r,t)};function l(e){return`var(${e}, ${o[e]})`}const n={borderRadius:l(M.borderRadius),borderWidth:l(M.borderWidth),color:l(M.color),backgroundColor:l(M.backgroundColor),borderColor:l(M.borderColor),padding:l(M.padding),columnGap:l(M.columnGap),fontFamily:l(M.fontFamily),fontWeight:l(M.fontWeight),fontSize:l(M.fontSize),lineHeight:l(M.lineHeight),textTransform:l(M.textTransform),".button-icon":{width:l(M.iconSize),height:l(M.iconSize)}},i=me(a.state.hover,t),s=me(a.state.pressed,t),d={cursor:"not-allowed",opacity:"0.2"},p={".button":{display:"inline-flex",alignItems:"center",...n,[_]:i,[W]:s,[w]:d},".hover .button":i,".pressed .button":s,".disabled .button":d};for(const[a,r]of re(e.size))p[`.button-${a}`]=xe(r,t);for(const[a,r]of re(e.category))for(const[o,l]of re(r)){const r=l.state,n=`.button-${a}.button-${o}`,i={hover:me(r.hover,t),pressed:me(r.pressed,t)},s={...me(l.base,t),[_]:i.hover,[W]:i.pressed};p[n]=s,p[`.hover ${n}`]=i.hover,p[`.pressed ${n}`]=i.pressed,a===e.defaults.category&&(p[`.button-${o}`]=s,p[`.hover .button-${o}`]=i.hover,p[`.pressed .button-${o}`]=i.pressed)}return p}(e.button,i);n(t)}l({case:e=>({"text-transform":e})},{values:i("typography.textTransform")}),l({"font-weight":e=>({"font-weight":e})},{values:i("typography.fontWeight")}),l({"font-size":e=>({"font-size":e})},{values:i("typography.fontSize")})}}),(function({config:t=te,safelist:a=[]}){const r=ue(t),o=r.colorMode.light.tailwindConfig,l=r.scaleMode[ae],n=le(o.spectrum,((t,a)=>({...t,...e.tailwindColorsAsUds[a]}))),i=o.palette.core,s={...e.tailwindColorsAsUds,...n,...A,...i},d=o.palette.foreground,p=o.palette.background,v=o.palette.line,y=oe(re(be.fontSize).map((([e,t])=>[t,[`var(--${b}-${e})`,{lineHeight:`var(--${g}-${e})`}]]))),h=oe(re(be.borderRadius).map((([e,t])=>[t,`var(--${u}-${e})`]))),m={...l.borderRadius.tailwindConfig,...h},x=oe(re(be.borderWidth).map((([e,t])=>[t,`var(--${c}-${e})`]))),C={...l.borderWidth.tailwindConfig,...x};return{darkMode:["class",f],safelist:[f,...a],theme:{extend:{aria:{checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',invalid:'aria-invalid="true"'},data:{active:'active="true"',"active-item":'active-item="true"',autofill:'autofill="true"',backdrop:'backdrop="true"',enter:'enter="true"',leave:'leave="true"',"focus-visible":'focus-visible="true"'},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"},borderRadius:m,borderWidth:C,outlineWidth:C,fontFamily:{...r.fontFamily,...l.fontFamily.tailwindConfig},fontSize:y,lineHeight:l.lineHeight.tailwindConfig,colors:s,backgroundColor:p,textColor:d,borderColor:v,fill:p,caretColor:d,placeholderColor:d,textDecorationColor:d,divideColor:v,outlineColor:v,ringColor:v,ringOffsetColor:v,stroke:v,typography:{fontFamily:l.fontFamily.tailwindConfig,fontWeight:l.fontWeight.tailwindConfig,fontSize:l.fontSize.tailwindConfig,lineHeight:l.lineHeight.tailwindConfig,textTransform:l.textTransform.tailwindConfig},sizing:{icon:l.iconSizes.tailwindConfig}}}}}));exports.defaultTailwindThemeAsUdsConfig=fe,exports.tailwindPlugin=Ce,exports.udsToTailwindMap=be;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
|
-
import { U as UniversalTokensConfig } from '../types-
|
2
|
+
import { U as UniversalTokensConfig } from '../types-BofdnBTe.cjs';
|
3
3
|
import defaultTailwindTheme from 'tailwindcss/defaultTheme';
|
4
4
|
import 'react';
|
5
5
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
|
-
import { U as UniversalTokensConfig } from '../types-
|
2
|
+
import { U as UniversalTokensConfig } from '../types-BofdnBTe.js';
|
3
3
|
import defaultTailwindTheme from 'tailwindcss/defaultTheme';
|
4
4
|
import 'react';
|
5
5
|
|
package/dist/tailwind/plugin.js
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
import{fontSizeRamp as e,lineHeightRamp as t,borderRadiusRamp as
|
2
|
-
/*! © 2024 Yahoo, Inc. UDS v0.5.
|
3
|
-
var i="uds",s=`${i}-spectrum-color`,d=`${i}-font`,p=`${i}-icon-size`,u=`${i}-avatar-size`,c=`${i}-border-radius`,g=`${i}-border-width`,b=`${i}-font-size`,y=`${i}-line-height`,v=`${i}-font-weight`,m=`${i}-text-transform`,h=`${i}-color-mode-dark`,f=`${i}-color-mode-light`,x=`${i}-scale-mode-xsmall`,C=`${i}-scale-mode-small`,k=`${i}-scale-mode-medium`,$=`${i}-scale-mode-large`,M=`${i}-scale-mode-xlarge`,z=`${i}-scale-mode-xxlarge`,S=`${i}-scale-mode-xxxlarge`,_={white:"#ffffff",black:"#000000",transparent:"transparent",current:"currentColor"},W={sm:16,md:24,lg:32},w={sm:16,md:24,lg:32},H=["Helvetica Neue","Helvetica","Arial","sans-serif"],R=["Georgia","Times","Times New Roman","serif"],L={icons:{fallbacks:H,name:"yahoo-icons"},sans:{fallbacks:H,name:"yahoo-sans"},"sans-beta":{fallbacks:H,name:"yahoo-sans-beta"},"sans-condensed":{fallbacks:H,name:"yahoo-sans-condensed"},"serif-text":{fallbacks:R,name:"yahoo-serif-text"},"serif-display":{fallbacks:R,name:"yahoo-serif-display"}},F={display1:"sans",display2:"sans",display3:"sans",title1:"sans",title2:"sans",title3:"sans",title4:"sans",headline1:"sans",body1:"sans",label1:"sans",label2:"sans",caption1:"sans",caption2:"sans",legal1:"sans"},T={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},V={display1:"black",display2:"extrabold",display3:"extrabold",title1:"bold",title2:"bold",title3:"bold",title4:"bold",headline1:"semibold",body1:"regular",label1:"semibold",label2:"regular",caption1:"semibold",caption2:"regular",legal1:"semibold"},O={display1:"uppercase",display2:"none",display3:"none",title1:"none",title2:"none",title3:"none",title4:"none",headline1:"none",body1:"none",label1:"none",label2:"none",caption1:"none",caption2:"none",legal1:"none"},j={fontSize:{display1:46,display2:37,display3:33,title1:29,title2:25,title3:21,title4:17,headline1:13,body1:13,label1:12,label2:12,caption1:11,caption2:11,legal1:10},lineHeight:{display1:44,display2:44,display3:44,title1:36,title2:32,title3:28,title4:24,headline1:16,body1:16,label1:16,label2:16,caption1:16,caption2:16,legal1:12}},E={fontSize:{display1:46,display2:38,display3:34,title1:30,title2:26,title3:22,title4:18,headline1:14,body1:14,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...j.lineHeight,title1:40,headline1:20,body1:20,legal1:16}},A={fontSize:{display1:47,display2:39,display3:35,title1:31,title2:27,title3:23,title4:19,headline1:15,body1:15,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...E.lineHeight,title2:36,title3:32}},D={fontSize:{...A.fontSize,display1:48,display2:40,display3:36,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...A.lineHeight,title2:36,title3:32,headline1:20,body1:20,label1:20,label2:20}},U={fontSize:{display1:50,display2:42,display3:38,title1:34,title2:30,title3:26,title4:22,headline1:18,body1:16,label1:16,label2:16,caption1:14,caption2:14,legal1:13},lineHeight:{...D.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},G={fontSize:{display1:52,display2:44,display3:40,title1:36,title2:32,title3:28,title4:26,headline1:20,body1:20,label1:18,label2:18,caption1:16,caption2:16,legal1:15},lineHeight:{...U.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},N={fontSize:{display1:54,display2:46,display3:42,title1:38,title2:34,title3:30,title4:28,headline1:22,body1:22,label1:20,label2:20,caption1:18,caption2:18,legal1:17},lineHeight:{...G.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}},B={fontFamily:F,fontWeight:V,textTransform:O,avatarSizes:W,iconSizes:w,borderRadius:{none:0,xs:2,sm:4,md:8,lg:12,xl:24,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:2}},I={fontFamily:F,fontWeight:V,textTransform:O,avatarSizes:W,iconSizes:w,borderRadius:{none:0,xs:2,sm:4,md:8,lg:16,xl:32,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:4}},q={colorMode:{light:{palette:{core:{brand:{hue:"purple",step:"9"},accent:{hue:"blue",step:"9"},alert:{hue:"red",step:"9"},positive:{hue:"green",step:"9"},warning:{hue:"orange",step:"9"}},background:{primary:{hue:"gray",step:"0"},secondary:{hue:"gray",step:"2"}},foreground:{primary:{hue:"gray",step:"13"},secondary:{hue:"gray",step:"12"},tertiary:{hue:"gray",step:"9"},muted:{hue:"gray",step:"8"},"on-color":{hue:"gray",step:"0"}},line:{primary:{hue:"gray",step:"12"},secondary:{hue:"gray",step:"9"},tertiary:{hue:"gray",step:"7"},muted:{hue:"gray",step:"3"}}},spectrum:{blue:{0:"242 250 255",1:"223 242 255",2:"202 234 255",3:"162 218 255",4:"125 203 255",5:"89 189 255",6:"18 169 255",7:"24 143 255",8:"15 105 255",9:"0 99 235",10:"0 89 222",11:"0 72 196",12:"0 55 164",13:"0 39 126",14:"0 23 83",15:"0 10 38"},purple:{0:"248 244 255",1:"235 229 255",2:"225 217 255",3:"213 207 255",4:"202 194 255",5:"176 159 252",6:"149 126 252",7:"131 103 255",8:"124 73 252",9:"126 31 255",10:"96 1 210",11:"80 21 176",12:"57 0 125",13:"43 0 103",14:"29 0 71",15:"16 0 38"},pink:{0:"255 247 252",1:"255 235 249",2:"254 216 247",3:"255 176 231",4:"255 133 211",5:"255 85 195",6:"255 54 161",7:"255 0 128",8:"230 0 115",9:"220 2 118",10:"178 6 102",11:"113 0 75",12:"85 0 58",13:"56 0 40",14:"45 0 34",15:"38 0 16"},red:{0:"255 250 250",1:"255 240 241",2:"255 231 232",3:"255 214 218",4:"255 187 192",5:"255 152 159",6:"253 106 116",7:"255 77 82",8:"238 0 23",9:"211 13 46",10:"187 0 10",11:"157 0 4",12:"127 0 0",13:"98 3 0",14:"68 4 0",15:"38 3 0"},yellow:{0:"255 253 238",1:"255 250 209",2:"255 246 161",4:"255 233 87",3:"255 242 125",5:"255 211 51",6:"229 185 23",7:"151 117 0",8:"124 90 0",9:"100 67 0",10:"88 57 0",11:"75 47 0",12:"58 34 0",13:"44 25 0",14:"32 17 0",15:"21 11 0"},green:{0:"246 255 244",1:"225 253 220",2:"202 250 197",3:"162 242 162",4:"126 228 135",5:"86 196 112",6:"48 161 89",7:"0 135 81",8:"10 122 68",9:"0 108 59",10:"4 94 52",11:"4 77 44",12:"4 59 35",13:"4 51 31",14:"4 43 27",15:"3 33 21"},teal:{0:"242 255 251",1:"224 255 248",2:"207 255 248",3:"177 255 243",4:"133 247 233",5:"78 232 220",6:"17 211 205",7:"0 160 160",8:"0 130 130",9:"0 122 122",10:"0 110 107",11:"0 89 86",12:"0 69 67",13:"0 54 53",14:"0 44 44",15:"0 38 38"},gray:{0:"255 255 255",1:"245 248 250",2:"240 243 245",3:"224 228 233",4:"199 205 210",5:"176 185 193",6:"151 158 168",7:"130 138 147",8:"110 119 128",9:"91 99 106",10:"70 78 86",11:"44 54 63",12:"35 42 49",13:"29 34 40",14:"16 21 24",15:"0 0 0"},orange:{0:"255 249 242",1:"255 239 222",2:"255 229 202",3:"249 208 167",4:"252 182 111",5:"255 158 66",6:"255 137 21",7:"226 105 0",8:"204 78 0",9:"191 73 0",10:"166 64 0",11:"145 56 0",12:"115 44 0",13:"94 37 1",14:"68 26 0",15:"38 15 0"},rose:{0:"255 247 250",1:"255 235 243",2:"255 224 239",3:"255 209 226",4:"255 193 213",5:"250 162 187",6:"233 126 157",7:"211 89 124",8:"189 57 95",9:"167 52 85",10:"144 47 75",11:"113 35 57",12:"87 27 44",13:"66 22 35",14:"50 18 27",15:"38 15 22"},sunset:{0:"255 240 238",1:"251 221 218",2:"247 203 199",3:"234 170 163",4:"221 140 130",5:"209 113 99",6:"196 89 71",7:"184 68 46",8:"171 51 24",9:"158 44 18",10:"145 38 12",11:"124 26 1",12:"102 22 0",13:"81 18 0",14:"60 13 0",15:"38 8 0"},brown:{0:"255 253 250",1:"255 246 224",2:"255 236 209",3:"251 221 191",4:"237 199 159",5:"217 170 118",6:"185 136 79",7:"151 104 47",8:"134 90 35",9:"117 76 25",10:"91 56 11",11:"71 42 4",12:"55 33 1",13:"45 27 0",14:"38 23 0",15:"26 16 0"},citron:{0:"253 255 230",1:"249 253 193",2:"245 252 158",3:"235 244 87",4:"222 231 23",5:"205 212 0",6:"184 188 0",7:"158 159 0",8:"122 122 0",9:"115 113 0",10:"101 99 0",11:"78 76 0",12:"61 58 0",13:"49 46 0",14:"42 39 0",15:"38 35 0"},lime:{0:"249 255 245",1:"237 255 224",2:"230 255 209",3:"217 250 190",4:"202 239 168",5:"172 222 122",6:"137 199 70",7:"101 169 21",8:"75 133 0",9:"70 122 0",10:"62 107 0",11:"50 83 0",12:"40 65 0",13:"33 51 0",14:"28 43 0",15:"26 38 0"},mint:{0:"245 255 249",1:"231 252 240",2:"218 248 232",3:"201 239 219",4:"174 224 199",5:"133 203 172",6:"88 179 142",7:"45 151 113",8:"12 122 88",9:"1 109 78",10:"1 96 71",11:"0 74 57",12:"0 58 46",13:"0 47 38",14:"0 41 33",15:"0 28 23"},cyan:{0:"245 255 255",1:"223 255 255",2:"201 255 255",3:"161 245 251",4:"121 229 240",5:"85 205 223",6:"54 177 201",7:"29 146 174",8:"20 114 142",9:"19 100 126",10:"17 86 111",11:"13 64 86",12:"10 48 67",13:"9 37 53",14:"8 29 44",15:"4 18 28"},indigo:{0:"242 244 255",1:"226 230 255",2:"209 213 255",3:"184 188 255",4:"156 160 255",5:"130 130 255",6:"109 110 255",7:"93 94 255",8:"64 64 227",9:"32 21 194",10:"26 13 171",11:"22 9 144",12:"18 5 118",13:"15 3 91",14:"11 1 65",15:"6 0 38"},magenta:{0:"244 235 255",1:"236 217 251",2:"229 199 247",3:"223 182 243",4:"220 166 240",5:"212 136 227",6:"207 109 214",7:"201 84 199",8:"188 61 177",9:"164 46 151",10:"140 32 126",11:"116 22 103",12:"92 13 81",13:"68 6 60",14:"44 2 39",15:"20 0 18"},nude:{0:"255 245 245",1:"251 222 221",2:"248 203 196",3:"235 185 172",4:"222 169 149",5:"202 155 136",6:"182 139 122",7:"162 122 106",8:"142 104 89",9:"131 93 80",10:"120 83 71",11:"100 61 48",12:"80 34 19",13:"60 14 0",14:"40 9 0",15:"20 4 0"},carbon:{0:"255 255 255",1:"252 251 251",2:"245 245 245",3:"227 227 227",4:"205 205 205",5:"176 176 176",6:"142 142 142",7:"106 106 106",8:"90 90 90",9:"68 68 68",10:"50 50 50",11:"41 41 41",12:"31 31 31",13:"20 20 20",14:"10 10 10",15:"0 0 0"}}},dark:{palette:{core:{brand:{hue:"purple",step:"9"},accent:{hue:"blue",step:"9"},alert:{hue:"red",step:"9"},positive:{hue:"green",step:"9"},warning:{hue:"orange",step:"9"}},background:{primary:{hue:"gray",step:"1"},secondary:{hue:"gray",step:"3"}},foreground:{primary:{hue:"gray",step:"14"},secondary:{hue:"gray",step:"13"},tertiary:{hue:"gray",step:"9"},muted:{hue:"gray",step:"8"},"on-color":{hue:"gray",step:"0"}},line:{primary:{hue:"gray",step:"12"},secondary:{hue:"gray",step:"9"},tertiary:{hue:"gray",step:"7"},muted:{hue:"gray",step:"3"}}},spectrum:{blue:{0:"0 10 38",1:"0 14 57",2:"0 19 75",3:"0 29 102",4:"0 44 129",5:"0 63 156",6:"0 87 183",7:"0 116 210",8:"17 148 236",9:"18 169 255",10:"99 192 255",11:"125 203 255",12:"150 210 250",13:"182 224 252",14:"213 237 252",15:"240 247 252"},purple:{0:"25 0 38",1:"34 0 57",2:"42 0 75",3:"51 0 102",4:"57 0 125",5:"80 21 176",6:"96 1 210",7:"108 36 242",8:"119 89 255",9:"144 124 255",10:"165 149 248",11:"187 174 249",12:"209 201 251",13:"225 219 252",14:"235 232 254",15:"248 244 255"},pink:{0:"38 0 19",1:"48 0 23",2:"58 0 27",3:"75 0 34",4:"96 0 43",5:"123 0 54",6:"157 0 67",7:"194 0 81",8:"233 0 107",9:"255 0 128",10:"255 54 161",11:"255 101 186",12:"255 150 211",13:"255 186 228",14:"255 212 240",15:"255 229 247"},red:{0:"38 3 0",1:"57 3 0",2:"75 3 0",3:"102 1 0",4:"129 5 0",5:"156 15 12",6:"183 28 27",7:"210 46 47",8:"232 58 62",9:"255 77 82",10:"255 105 109",11:"255 135 141",12:"255 155 161",13:"255 183 188",14:"254 210 214",15:"255 240 241"},yellow:{0:"38 35 0",1:"48 42 0",2:"58 49 0",4:"96 73 0",3:"75 60 0",5:"123 91 0",6:"157 112 0",7:"194 136 0",8:"233 171 0",9:"255 204 0",10:"255 220 79",11:"255 232 102",12:"255 243 138",13:"255 249 163",14:"255 251 197",15:"255 253 238"},green:{0:"7 33 23",1:"7 43 29",2:"8 48 32",3:"8 55 36",4:"11 70 44",5:"14 91 55",6:"18 118 68",7:"23 149 83",8:"29 181 97",9:"26 197 103",10:"55 219 115",11:"91 235 126",12:"128 242 143",13:"169 251 169",14:"213 255 208",15:"247 255 245"},teal:{0:"0 35 38",1:"0 40 43",2:"0 45 49",3:"0 56 60",4:"0 73 76",5:"0 97 99",6:"0 126 127",7:"1 160 159",8:"15 194 190",9:"17 211 205",10:"52 227 222",11:"99 237 231",12:"145 249 243",13:"185 255 251",14:"216 255 252",15:"242 255 254"},gray:{0:"0 0 0",1:"16 21 24",2:"29 34 40",3:"35 42 49",4:"44 54 63",5:"70 78 86",6:"91 99 106",7:"110 119 128",8:"130 138 147",9:"151 158 168",10:"176 185 193",11:"199 205 210",12:"224 228 233",13:"240 243 245",14:"245 248 250",15:"255 255 255"},carbon:{0:"0 0 0",1:"10 10 10",2:"20 20 20",3:"31 31 31",4:"41 41 41",5:"50 50 50",6:"68 68 68",7:"90 90 90",8:"117 117 117",9:"142 142 142",10:"176 176 176",11:"205 205 205",12:"227 227 227",13:"245 245 245",14:"252 251 251",15:"255 255 255"},orange:{0:"38 15 0",1:"46 17 0",2:"54 19 0",3:"67 23 0",4:"86 28 0",5:"111 34 0",6:"142 41 0",7:"177 54 0",8:"229 80 0",9:"253 97 0",10:"255 123 41",11:"255 145 77",12:"255 161 102",13:"255 192 153",14:"255 224 204",15:"255 246 240"},rose:{0:"28 4 11",1:"38 5 15",2:"50 18 27",3:"66 22 35",4:"87 27 44",5:"113 35 57",6:"158 49 80",7:"191 58 96",8:"214 87 124",9:"221 108 141",10:"228 131 159",11:"245 164 188",12:"255 193 211",13:"255 214 226",14:"255 233 240",15:"255 251 252"},sunset:{0:"38 8 0",1:"54 11 0",2:"69 15 0",3:"100 20 0",4:"130 26 0",5:"156 40 12",6:"178 58 31",7:"197 79 53",8:"213 101 78",9:"219 112 90",10:"225 124 104",11:"235 147 131",12:"243 171 158",13:"249 194 185",14:"253 218 212",15:"255 241 238"},brown:{0:"38 23 0",1:"52 31 1",2:"66 40 2",3:"95 58 5",4:"123 75 10",5:"148 92 19",6:"168 108 31",7:"186 123 46",8:"200 138 66",9:"209 150 80",10:"219 165 103",11:"224 176 122",12:"229 190 148",13:"239 210 180",14:"248 230 212",15:"255 249 242"},citron:{0:"38 35 0",1:"42 39 0",2:"49 46 0",3:"61 58 0",4:"78 76 0",5:"101 99 0",6:"128 125 0",7:"153 153 0",8:"184 188 0",9:"205 212 0",10:"222 231 23",11:"235 244 87",12:"237 243 116",13:"243 249 158",14:"249 253 193",15:"254 255 238"},lime:{0:"20 38 0",1:"34 51 0",2:"41 63 0",3:"53 83 0",4:"65 104 2",5:"79 125 11",6:"94 145 24",7:"110 166 40",8:"127 187 60",9:"137 199 70",10:"151 209 90",11:"168 224 121",12:"184 237 148",13:"209 247 186",14:"226 255 211",15:"244 255 240"},mint:{0:"0 31 25",1:"0 41 34",2:"0 49 41",3:"0 62 52",4:"0 81 64",5:"0 106 77",6:"29 130 89",7:"33 150 104",8:"39 171 116",9:"72 194 129",10:"106 212 153",11:"149 222 182",12:"181 232 204",13:"209 244 224",14:"227 252 237",15:"242 255 248"},cyan:{0:"0 22 38",1:"0 32 54",2:"1 42 69",3:"3 65 100",4:"8 89 130",5:"15 114 156",6:"26 138 178",7:"41 161 197",8:"60 182 213",9:"72 192 219",10:"100 210 232",11:"124 227 242",12:"145 239 250",13:"179 244 249",14:"212 251 253",15:"242 255 255"},indigo:{0:"8 2 38",1:"13 4 65",2:"17 5 91",3:"20 7 117",4:"22 9 144",5:"26 13 171",6:"39 32 187",7:"60 63 219",8:"93 94 255",9:"112 117 242",10:"135 146 242",11:"163 175 251",12:"189 198 255",13:"211 214 255",14:"232 233 255",15:"252 253 255"},magenta:{0:"46 5 44",1:"63 6 58",2:"80 8 72",3:"96 11 86",4:"113 13 99",5:"138 23 122",6:"163 38 148",7:"188 61 177",8:"195 87 196",9:"194 116 205",10:"198 145 213",11:"206 172 222",13:"228 215 238",14:"239 231 247",15:"249 244 255",12:"217 195 230"},nude:{0:"20 0 0",1:"33 0 0",2:"46 0 0",3:"67 0 0",4:"89 20 18",5:"110 46 42",6:"132 73 66",7:"154 99 90",8:"175 124 112",9:"188 136 121",10:"200 147 131",11:"222 169 149",12:"230 189 170",13:"239 208 191",14:"247 224 210",15:"255 240 229"}}}},scaleMode:{xSmall:{...B,...j},small:{...B,...E},medium:{...B,...A},large:{...I,...D},xLarge:{...I,...U},xxLarge:{...I,...G},xxxLarge:{...I,...N}},fontFamily:L,button:{defaults:{category:"accent",variant:"primary",size:"md"},size:{sm:{spacingHorizontal:"4",spacingVertical:"1.5",gap:"2",iconSize:"sm",textVariant:"label1"},md:{spacingHorizontal:"4",spacingVertical:"2",gap:"2",iconSize:"sm",textVariant:"label1"},lg:{spacingHorizontal:"6",spacingVertical:"3.5",gap:"2",iconSize:"md",textVariant:"label1"}},category:{accent:{primary:{kind:"fill",state:{rest:{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"spectrum",value:"blue-9"},color:{type:"palette",value:"on-color"}},hover:{backgroundColor:{type:"spectrum",value:"blue-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"blue-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",state:{rest:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"spectrum",value:"blue-9"},borderColor:{type:"spectrum",value:"blue-9"}},hover:{color:{type:"spectrum",value:"blue-10"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-10"}},pressed:{color:{type:"spectrum",value:"blue-11"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-11"}}}},tertiary:{kind:"ghost",state:{rest:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"spectrum",value:"blue-9"}},hover:{backgroundColor:{type:"spectrum",value:"blue-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"spectrum",value:"blue-9"}},pressed:{backgroundColor:{type:"spectrum",value:"blue-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"spectrum",value:"blue-9"}}}}},brand:{primary:{kind:"fill",state:{rest:{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:"brand"},color:{type:"palette",value:"on-color"}},hover:{backgroundColor:{type:"spectrum",value:"purple-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"purple-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",state:{rest:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"},borderColor:{type:"palette",value:"brand"}},hover:{color:{type:"spectrum",value:"purple-10"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-10"}},pressed:{color:{type:"spectrum",value:"purple-11"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-11"}}}},tertiary:{kind:"ghost",state:{rest:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},hover:{backgroundColor:{type:"spectrum",value:"purple-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},pressed:{backgroundColor:{type:"spectrum",value:"purple-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}}}}},alert:{primary:{kind:"fill",state:{rest:{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:"alert"},color:{type:"palette",value:"on-color"}},hover:{backgroundColor:{type:"spectrum",value:"red-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"red-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",state:{rest:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"},borderColor:{type:"palette",value:"alert"}},hover:{color:{type:"spectrum",value:"red-10"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-10"}},pressed:{color:{type:"spectrum",value:"red-11"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-11"}}}},tertiary:{kind:"ghost",state:{rest:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},hover:{backgroundColor:{type:"spectrum",value:"red-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},pressed:{backgroundColor:{type:"spectrum",value:"red-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}}}}},positive:{primary:{kind:"fill",state:{rest:{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:"positive"},color:{type:"palette",value:"on-color"}},hover:{backgroundColor:{type:"spectrum",value:"green-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"green-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",state:{rest:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"},borderColor:{type:"palette",value:"positive"}},hover:{color:{type:"spectrum",value:"green-10"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-10"}},pressed:{color:{type:"spectrum",value:"green-11"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-11"}}}},tertiary:{kind:"ghost",state:{rest:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},hover:{backgroundColor:{type:"spectrum",value:"green-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},pressed:{backgroundColor:{type:"spectrum",value:"green-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}}}}},warning:{primary:{kind:"fill",state:{rest:{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:"warning"},color:{type:"palette",value:"on-color"}},hover:{backgroundColor:{type:"spectrum",value:"orange-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"orange-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",state:{rest:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"},borderColor:{type:"palette",value:"warning"}},hover:{color:{type:"spectrum",value:"orange-10"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-10"}},pressed:{color:{type:"spectrum",value:"orange-11"},backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-11"}}}},tertiary:{kind:"ghost",state:{rest:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},hover:{backgroundColor:{type:"spectrum",value:"orange-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},pressed:{backgroundColor:{type:"spectrum",value:"orange-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}}}}}}}},J="large";function K(e){return Object.entries(e)}function P(e){return Object.fromEntries(e)}function Q(e,t){return Object.keys(e).reduce(((r,a,o)=>(r[a]=t(e[a],a,o),r)),{})}function X(e){const{palette:t,spectrum:r}=e,a={},o={spectrum:{},palette:{}};for(const[e,t]of K(r))for(const[r,l]of K(t)){const t=`--${s}-${`${e}-${r}`}`;o.spectrum[e]||(o.spectrum[e]={}),o.spectrum[e][r]=`rgb(var(${t}))`,a[t]=l}return K(t).forEach((([e,t])=>{for(const[r,{hue:l,step:n,opacity:d}]of Object.entries(t)){e in o.palette||(o.palette[e]={});const t=`--${i}-${e}-color-${r}`;a[t]=`var(--${s}-${l}-${n})`,o.palette[e][r]=d?`rgb(var(${t}) / ${d})`:`rgb(var(${t}))`}})),{_vars:a,_raw:e,tailwindConfig:o}}function Y(e){const t={},r={};for(const[a,o="regular"]of K(e)){const e=`--${v}-${a}`,l=T[o];t[e]=l,r[a]=`var(${e})`}return{_vars:t,_raw:e,tailwindConfig:{...T,...r}}}function Z(e,t,r){const a={},o={};for(const[l,n]of K(t)){const t=`--${e}-${l}`,i=r?r(n):n;a[t]=i,o[l]=`var(${t})`}return{_vars:a,_raw:t,tailwindConfig:o}}function ee(e,t){if(!t)return{_vars:{},_raw:{},tailwindConfig:{}};const r={},a={};for(const[o,l]of K(t)){const t=`--${e}-${o}`,n=`${l}px`;r[t]=n,a[o]=`var(${t})`}return{_vars:r,_raw:t,tailwindConfig:a}}function te(e){return Q(e,((e,t)=>{const{fallbacks:r=[]}=e??{};return[`var(--${d}-${t})`,...r]}))}function re(e){const{colorMode:t,scaleMode:r,fontFamily:a}=e;return{...e,colorMode:{light:X(t.light),dark:X(t.dark)},scaleMode:Q(r,(({borderRadius:e,borderWidth:t,fontSize:r,lineHeight:a,fontFamily:o,fontWeight:l,textTransform:n,avatarSizes:i,iconSizes:s})=>({fontFamily:Z(d,o,(e=>`var(--${d}-${e})`)),fontSize:ee(b,r),fontWeight:Y(l),lineHeight:ee(y,a),textTransform:Z(m,n),borderRadius:ee(c,e),borderWidth:ee(g,t),avatarSizes:ee(u,i),iconSizes:ee(p,s)}))),fontFamily:te(a)}}var ae={display1:"6xl",display2:"5xl",display3:"4xl",title1:"3xl",title2:"2xl",title3:"xl",title4:"lg",headline1:"base",body1:"base",label1:"sm",label2:"sm",caption1:"xs",caption2:"xs"},oe={fontSize:ae,lineHeight:ae,borderRadius:{xs:"sm",sm:"DEFAULT",md:"md",lg:"lg",xl:"xl"},borderWidth:{thin:"DEFAULT",medium:"2",thick:"4"}};function le(e){return e.endsWith("rem")?16*parseFloat(e):parseFloat(e)}var ne={...q.scaleMode[J],fontSize:{...q.scaleMode[J].fontSize,...Q(oe.fontSize,(e=>le(n.fontSize[e][0])))},lineHeight:{...q.scaleMode[J].fontSize,...Q(oe.lineHeight,(e=>le(n.fontSize[e][1].lineHeight))),display1:le(n.fontSize[oe.fontSize.display1][0]),display2:le(n.fontSize[oe.fontSize.display2][0])},fontWeight:Q(q.scaleMode[J].fontWeight,(()=>"regular")),borderRadius:{...q.scaleMode[J].borderRadius,...Q(oe.borderRadius,(e=>le(n.borderRadius[e])))},borderWidth:{...q.scaleMode[J].borderWidth,...Q(oe.borderWidth,(e=>le(n.borderWidth[e])))}};function ie(o){return{...q.scaleMode[o],fontWeight:ne.fontWeight,fontSize:Q(ne.fontSize,((t,r)=>t+e[o][r])),lineHeight:Q(ne.lineHeight,((e,r)=>e+t[o][r])),borderRadius:Q(ne.borderRadius,((e,t)=>e+r[o][t])),borderWidth:Q(ne.borderWidth,((e,t)=>e+a[o][t]))}}var se={...q,scaleMode:{xSmall:ie("xSmall"),small:ie("small"),medium:ie("medium"),large:ie("large"),xLarge:ie("xLarge"),xxLarge:ie("xxLarge"),xxxLarge:ie("xxxLarge")}},de={hover:"&:hover",pressed:"&:active",disabled:"&:disabled"},pe={borderRadius:"--button-border-radius",borderWidth:"--buton-border-width",color:"--button-color",backgroundColor:"--button-background-color",borderColor:"--button-border-color"};var ue=l.withOptions((function({config:e=q}){const t=re(e),r=t.colorMode.light._vars,a={...t.scaleMode.large.borderRadius._vars,...t.scaleMode.large.borderWidth._vars,...t.scaleMode.large.avatarSizes._vars,...t.scaleMode.large.iconSizes._vars,...t.scaleMode.large.fontFamily._vars,...t.scaleMode.large.fontSize._vars,...t.scaleMode.large.fontWeight._vars,...t.scaleMode.large.lineHeight._vars,...t.scaleMode.large.textTransform._vars};return function({addBase:o,matchUtilities:l,addComponents:n,theme:i}){if(o({":root":{...r,...a},[`.${f}`]:r,[`.${$}`]:a,[`.${h}`]:{...t.colorMode.dark._vars},[`.${x}`]:{...t.scaleMode.xSmall.borderRadius._vars,...t.scaleMode.xSmall.borderWidth._vars,...t.scaleMode.xSmall.avatarSizes._vars,...t.scaleMode.xSmall.iconSizes._vars,...t.scaleMode.xSmall.fontFamily._vars,...t.scaleMode.xSmall.fontSize._vars,...t.scaleMode.xSmall.fontWeight._vars,...t.scaleMode.xSmall.lineHeight._vars,...t.scaleMode.xSmall.textTransform._vars},[`.${C}`]:{...t.scaleMode.small.borderRadius._vars,...t.scaleMode.small.borderWidth._vars,...t.scaleMode.small.avatarSizes._vars,...t.scaleMode.small.iconSizes._vars,...t.scaleMode.small.fontFamily._vars,...t.scaleMode.small.fontSize._vars,...t.scaleMode.small.fontWeight._vars,...t.scaleMode.small.lineHeight._vars,...t.scaleMode.small.textTransform._vars},[`.${k}`]:{...t.scaleMode.medium.borderRadius._vars,...t.scaleMode.medium.borderWidth._vars,...t.scaleMode.medium.avatarSizes._vars,...t.scaleMode.medium.iconSizes._vars,...t.scaleMode.medium.fontFamily._vars,...t.scaleMode.medium.fontSize._vars,...t.scaleMode.medium.fontWeight._vars,...t.scaleMode.medium.lineHeight._vars,...t.scaleMode.medium.textTransform._vars},[`.${M}`]:{...t.scaleMode.xLarge.borderRadius._vars,...t.scaleMode.xLarge.borderWidth._vars,...t.scaleMode.xLarge.avatarSizes._vars,...t.scaleMode.xLarge.iconSizes._vars,...t.scaleMode.xLarge.fontFamily._vars,...t.scaleMode.xLarge.fontSize._vars,...t.scaleMode.xLarge.fontWeight._vars,...t.scaleMode.xLarge.lineHeight._vars,...t.scaleMode.xLarge.textTransform._vars},[`.${z}`]:{...t.scaleMode.xxLarge.borderRadius._vars,...t.scaleMode.xxLarge.borderWidth._vars,...t.scaleMode.xxLarge.avatarSizes._vars,...t.scaleMode.xxLarge.iconSizes._vars,...t.scaleMode.xxLarge.fontFamily._vars,...t.scaleMode.xxLarge.fontSize._vars,...t.scaleMode.xxLarge.fontWeight._vars,...t.scaleMode.xxLarge.lineHeight._vars,...t.scaleMode.xxLarge.textTransform._vars},[`.${S}`]:{...t.scaleMode.xxxLarge.borderRadius._vars,...t.scaleMode.xxxLarge.borderWidth._vars,...t.scaleMode.xxxLarge.avatarSizes._vars,...t.scaleMode.xxxLarge.iconSizes._vars,...t.scaleMode.xxxLarge.fontFamily._vars,...t.scaleMode.xxxLarge.fontSize._vars,...t.scaleMode.xxxLarge.fontWeight._vars,...t.scaleMode.xxxLarge.lineHeight._vars,...t.scaleMode.xxxLarge.textTransform._vars}}),l({iconSize:e=>({width:e,height:e,fontSize:e,lineHeight:e})},{values:t.scaleMode.large.iconSizes.tailwindConfig}),l({avatarSize:e=>({width:e,height:e})},{values:t.scaleMode.large.avatarSizes.tailwindConfig}),e.button){const t=function(e,t){const r={".button":Q(pe,(e=>`var(${e})`))};for(const[a,o]of K(e.size)){const{spacingHorizontal:e,spacingVertical:l,gap:n,textVariant:i}=o;r[`.button-${a}`]={padding:`${t(`spacing[${l}]`)} ${t(`spacing[${e}]`)} `,columnGap:t(`spacing[${n}]`),fontFamily:t(`typography.fontFamily.${i}`),fontWeight:t(`typography.fontWeight.${i}`),fontSize:t(`typography.fontSize.${i}`),lineHeight:t(`typography.lineHeight.${i}`),textTransform:t(`typography.textTransform.${i}`),display:"inline-flex",alignItems:"center"}}for(const[a,o]of K(e.category))for(const[l,n]of K(o)){const o={},i={"&:hover":{},"&:active":{},"&:disabled":{}};for(const[s,d]of K(n.state)){const{backgroundColor:n,borderColor:p,color:u}=d,c="rest"===s?o:i[de[s]];if("borderRadius"in d&&(c[pe.borderRadius]=t(`borderRadius.${d.borderRadius}`)),"borderWidth"in d&&(c[pe.borderWidth]=t(`borderWidth.${d.borderWidth}`)),n){let e;if("palette"===n.type)e=t(`backgroundColor.${n.value}`);else{const[r,a]=n.value.split("-");e=t(`colors.${r}.${a}`)}c[pe.backgroundColor]=e}if(p){let e;if("palette"===p.type)e=t(`borderColor.${p.value}`);else{const[r,a]=p.value.split("-");e=t(`colors.${r}.${a}`)}c[pe.borderColor]=e}if(u){let e;if("palette"===u.type)e=t(`textColor.${u.value}`);else{const[r,a]=u.value.split("-");e=t(`colors.${r}.${a}`)}c[pe.color]=e}"rest"===s&&l===e.defaults.variant&&(r[`.button-${a}`]={...o}),r[`.button-${a}.button-${l}`]={...o,...i}}}return r}(e.button,i);n(t)}l({case:e=>({"text-transform":e})},{values:i("typography.textTransform")}),l({"font-weight":e=>({"font-weight":e})},{values:i("typography.fontWeight")}),l({"font-size":e=>({"font-size":e})},{values:i("typography.fontSize")})}}),(function({config:e=q,safelist:t=[]}){const r=re(e),a=r.colorMode.light.tailwindConfig,l=r.scaleMode[J],n=Q(a.spectrum,((e,t)=>({...e,...o[t]}))),i=a.palette.core,s={...o,...n,..._,...i},d=a.palette.foreground,p=a.palette.background,u=a.palette.line,v=P(K(oe.fontSize).map((([e,t])=>[t,[`var(--${b}-${e})`,{lineHeight:`var(--${y}-${e})`}]]))),m=P(K(oe.borderRadius).map((([e,t])=>[t,`var(--${c}-${e})`]))),f={...l.borderRadius.tailwindConfig,...m},x=P(K(oe.borderWidth).map((([e,t])=>[t,`var(--${g}-${e})`]))),C={...l.borderWidth.tailwindConfig,...x};return{darkMode:["class",h],safelist:[h,...t],theme:{extend:{aria:{checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',invalid:'aria-invalid="true"'},data:{active:'active="true"',"active-item":'active-item="true"',autofill:'autofill="true"',backdrop:'backdrop="true"',enter:'enter="true"',leave:'leave="true"',"focus-visible":'focus-visible="true"'},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"},borderRadius:f,borderWidth:C,outlineWidth:C,fontFamily:{...r.fontFamily,...l.fontFamily.tailwindConfig},fontSize:v,lineHeight:l.lineHeight.tailwindConfig,colors:s,backgroundColor:p,textColor:d,borderColor:u,fill:p,caretColor:d,placeholderColor:d,textDecorationColor:d,divideColor:u,outlineColor:u,ringColor:u,ringOffsetColor:u,stroke:u,typography:{fontFamily:l.fontFamily.tailwindConfig,fontWeight:l.fontWeight.tailwindConfig,fontSize:l.fontSize.tailwindConfig,lineHeight:l.lineHeight.tailwindConfig,textTransform:l.textTransform.tailwindConfig}}}}}));export{se as defaultTailwindThemeAsUdsConfig,ue as tailwindPlugin,oe as udsToTailwindMap};
|
1
|
+
import{fontSizeRamp as e,lineHeightRamp as t,borderRadiusRamp as a,borderWidthRamp as o,tailwindColorsAsUds as r,alwaysPaletteAliases as l}from"@yahoo/uds/fixtures";import n from"tailwindcss/plugin";import i from"tailwindcss/defaultTheme";
|
2
|
+
/*! © 2024 Yahoo, Inc. UDS v0.5.10 */
|
3
|
+
var s="uds",d=`${s}-spectrum-color`,p=`${s}-font`,u=`${s}-icon-size`,c=`${s}-avatar-size`,b=`${s}-border-radius`,g=`${s}-border-width`,v=`${s}-font-size`,y=`${s}-line-height`,f=`${s}-font-weight`,h=`${s}-text-transform`,m=`${s}-color-mode-dark`,x=`${s}-color-mode-light`,C=`${s}-scale-mode-xsmall`,k=`${s}-scale-mode-small`,$=`${s}-scale-mode-medium`,z=`${s}-scale-mode-large`,S=`${s}-scale-mode-xlarge`,M=`${s}-scale-mode-xxlarge`,_=`${s}-scale-mode-xxxlarge`,W={borderRadius:`--${s}-button-border-radius`,borderWidth:`--${s}-buton-border-width`,color:`--${s}-button-color`,backgroundColor:`--${s}-button-background-color`,borderColor:`--${s}-button-border-color`,padding:`--${s}-button-padding`,columnGap:`--${s}-button-gap`,fontFamily:`--${s}-button-font`,fontWeight:`--${s}-button-font-weight`,fontSize:`--${s}-button-font-size`,lineHeight:`--${s}-button-line-height`,textTransform:`--${s}-button-text-transform`,iconSize:`--${s}-button-icon-size`},w="&:hover:not([disabled])",H="&:active:not([disabled])",R="&:disabled",L=["none","custom","lighten","darken"],F=["none","custom"],T={hover:{backgroundColor:{value:"darken",options:L},borderColor:{value:"none",options:F},color:{value:"none",options:[...F,"darken"]}},pressed:{backgroundColor:{value:"darken",options:L},borderColor:{value:"none",options:F},color:{value:"none",options:[...F,"darken"]}}},V={hover:{backgroundColor:{value:"none",options:F},borderColor:{value:"darken",options:L},color:{value:"darken",options:L}},pressed:{backgroundColor:{value:"none",options:F},borderColor:{value:"darken",options:L},color:{value:"darken",options:L}}},O={hover:{backgroundColor:{value:"lighten",options:["none","custom","lighten"]},borderColor:{value:"none",options:F},color:{value:"none",options:["none","custom","lighten"]}},pressed:{backgroundColor:{value:"lighten",options:L},borderColor:{value:"none",options:F},color:{value:"none",options:L}}},G={defaults:{category:"accent",variant:"primary",size:"md"},size:{sm:{spacingHorizontal:"4",spacingVertical:"1.5",gap:"2",iconSize:"sm",textVariant:"label1"},md:{spacingHorizontal:"4",spacingVertical:"2",gap:"2",iconSize:"sm",textVariant:"label1"},lg:{spacingHorizontal:"6",spacingVertical:"3.5",gap:"2",iconSize:"md",textVariant:"label1"}},category:{accent:{primary:{kind:"fill",effect:T,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"accent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"blue-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"blue-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:V,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"accent"},color:{type:"palette",value:"accent"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-10"},color:{type:"spectrum",value:"blue-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-11"},color:{type:"spectrum",value:"blue-11"}}}},tertiary:{kind:"ghost",effect:O,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}},state:{hover:{backgroundColor:{type:"spectrum",value:"blue-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}},pressed:{backgroundColor:{type:"spectrum",value:"blue-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}}}}},brand:{primary:{kind:"fill",effect:T,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"brand"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"purple-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"purple-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:V,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"},borderColor:{type:"palette",value:"brand"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-10"},color:{type:"spectrum",value:"purple-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-11"},color:{type:"spectrum",value:"purple-11"}}}},tertiary:{kind:"ghost",effect:O,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},state:{hover:{backgroundColor:{type:"spectrum",value:"purple-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},pressed:{backgroundColor:{type:"spectrum",value:"purple-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}}}}},alert:{primary:{kind:"fill",effect:T,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"alert"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"red-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"red-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:V,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"alert"},color:{type:"palette",value:"alert"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-10"},color:{type:"spectrum",value:"red-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-11"},color:{type:"spectrum",value:"red-11"}}}},tertiary:{kind:"ghost",effect:O,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},state:{hover:{backgroundColor:{type:"spectrum",value:"red-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},pressed:{backgroundColor:{type:"spectrum",value:"red-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}}}}},positive:{primary:{kind:"fill",effect:T,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"positive"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"green-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"green-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:V,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"},borderColor:{type:"palette",value:"positive"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-10"},color:{type:"spectrum",value:"green-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-11"},color:{type:"spectrum",value:"green-11"}}}},tertiary:{kind:"ghost",effect:O,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},state:{hover:{backgroundColor:{type:"spectrum",value:"green-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},pressed:{backgroundColor:{type:"spectrum",value:"green-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}}}}},warning:{primary:{kind:"fill",effect:T,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"warning"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},state:{hover:{backgroundColor:{type:"spectrum",value:"orange-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{backgroundColor:{type:"spectrum",value:"orange-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:V,base:{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"},borderColor:{type:"palette",value:"warning"}},state:{hover:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-10"},color:{type:"spectrum",value:"orange-10"}},pressed:{backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-11"},color:{type:"spectrum",value:"orange-11"}}}},tertiary:{kind:"ghost",effect:O,base:{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},state:{hover:{backgroundColor:{type:"spectrum",value:"orange-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},pressed:{backgroundColor:{type:"spectrum",value:"orange-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}}}}}}},j={white:"#ffffff",black:"#000000",transparent:"transparent",current:"currentColor"},E={sm:16,md:24,lg:32},A={sm:16,md:24,lg:32},D=["Helvetica Neue","Helvetica","Arial","sans-serif"],U=["Georgia","Times","Times New Roman","serif"],N={icons:{fallbacks:D,name:"yahoo-icons"},sans:{fallbacks:D,name:"yahoo-sans"},"sans-beta":{fallbacks:D,name:"yahoo-sans-beta"},"sans-condensed":{fallbacks:D,name:"yahoo-sans-condensed"},"serif-text":{fallbacks:U,name:"yahoo-serif-text"},"serif-display":{fallbacks:U,name:"yahoo-serif-display"}},B={display1:"sans",display2:"sans",display3:"sans",title1:"sans",title2:"sans",title3:"sans",title4:"sans",headline1:"sans",body1:"sans",label1:"sans",label2:"sans",caption1:"sans",caption2:"sans",legal1:"sans"},I={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},q={display1:"black",display2:"extrabold",display3:"extrabold",title1:"bold",title2:"bold",title3:"bold",title4:"bold",headline1:"semibold",body1:"regular",label1:"semibold",label2:"regular",caption1:"semibold",caption2:"regular",legal1:"semibold"},J={display1:"uppercase",display2:"none",display3:"none",title1:"none",title2:"none",title3:"none",title4:"none",headline1:"none",body1:"none",label1:"none",label2:"none",caption1:"none",caption2:"none",legal1:"none"},K={fontSize:{display1:46,display2:37,display3:33,title1:29,title2:25,title3:21,title4:17,headline1:13,body1:13,label1:12,label2:12,caption1:11,caption2:11,legal1:10},lineHeight:{display1:44,display2:44,display3:44,title1:36,title2:32,title3:28,title4:24,headline1:16,body1:16,label1:16,label2:16,caption1:16,caption2:16,legal1:12}},P={fontSize:{display1:46,display2:38,display3:34,title1:30,title2:26,title3:22,title4:18,headline1:14,body1:14,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...K.lineHeight,title1:40,headline1:20,body1:20,legal1:16}},Q={fontSize:{display1:47,display2:39,display3:35,title1:31,title2:27,title3:23,title4:19,headline1:15,body1:15,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...P.lineHeight,title2:36,title3:32}},X={fontSize:{...Q.fontSize,display1:48,display2:40,display3:36,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...Q.lineHeight,title2:36,title3:32,headline1:20,body1:20,label1:20,label2:20}},Y={fontSize:{display1:50,display2:42,display3:38,title1:34,title2:30,title3:26,title4:22,headline1:18,body1:16,label1:16,label2:16,caption1:14,caption2:14,legal1:13},lineHeight:{...X.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},Z={fontSize:{display1:52,display2:44,display3:40,title1:36,title2:32,title3:28,title4:26,headline1:20,body1:20,label1:18,label2:18,caption1:16,caption2:16,legal1:15},lineHeight:{...Y.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},ee={fontSize:{display1:54,display2:46,display3:42,title1:38,title2:34,title3:30,title4:28,headline1:22,body1:22,label1:20,label2:20,caption1:18,caption2:18,legal1:17},lineHeight:{...Z.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}},te={fontFamily:B,fontWeight:q,textTransform:J,avatarSizes:E,iconSizes:A,borderRadius:{none:0,xs:2,sm:4,md:8,lg:12,xl:24,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:2}},ae={fontFamily:B,fontWeight:q,textTransform:J,avatarSizes:E,iconSizes:A,borderRadius:{none:0,xs:2,sm:4,md:8,lg:16,xl:32,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:4}},oe={colorMode:{light:{palette:{core:{brand:{hue:"purple",step:"9"},accent:{hue:"blue",step:"9"},alert:{hue:"red",step:"9"},positive:{hue:"green",step:"9"},warning:{hue:"orange",step:"9"}},background:{primary:{hue:"gray",step:"0"},secondary:{hue:"gray",step:"2"}},foreground:{primary:{hue:"gray",step:"13"},secondary:{hue:"gray",step:"12"},tertiary:{hue:"gray",step:"9"},muted:{hue:"gray",step:"8"},"on-color":{hue:"gray",step:"0"}},line:{primary:{hue:"gray",step:"12"},secondary:{hue:"gray",step:"9"},tertiary:{hue:"gray",step:"7"},muted:{hue:"gray",step:"3"}}},spectrum:{blue:{0:"242 250 255",1:"223 242 255",2:"202 234 255",3:"162 218 255",4:"125 203 255",5:"89 189 255",6:"18 169 255",7:"24 143 255",8:"15 105 255",9:"0 99 235",10:"0 89 222",11:"0 72 196",12:"0 55 164",13:"0 39 126",14:"0 23 83",15:"0 10 38"},purple:{0:"248 244 255",1:"235 229 255",2:"225 217 255",3:"213 207 255",4:"202 194 255",5:"176 159 252",6:"149 126 252",7:"131 103 255",8:"124 73 252",9:"126 31 255",10:"96 1 210",11:"80 21 176",12:"57 0 125",13:"43 0 103",14:"29 0 71",15:"16 0 38"},pink:{0:"255 247 252",1:"255 235 249",2:"254 216 247",3:"255 176 231",4:"255 133 211",5:"255 85 195",6:"255 54 161",7:"255 0 128",8:"230 0 115",9:"220 2 118",10:"178 6 102",11:"113 0 75",12:"85 0 58",13:"56 0 40",14:"45 0 34",15:"38 0 16"},red:{0:"255 250 250",1:"255 240 241",2:"255 231 232",3:"255 214 218",4:"255 187 192",5:"255 152 159",6:"253 106 116",7:"255 77 82",8:"238 0 23",9:"211 13 46",10:"187 0 10",11:"157 0 4",12:"127 0 0",13:"98 3 0",14:"68 4 0",15:"38 3 0"},yellow:{0:"255 253 238",1:"255 250 209",2:"255 246 161",4:"255 233 87",3:"255 242 125",5:"255 211 51",6:"229 185 23",7:"151 117 0",8:"124 90 0",9:"100 67 0",10:"88 57 0",11:"75 47 0",12:"58 34 0",13:"44 25 0",14:"32 17 0",15:"21 11 0"},green:{0:"246 255 244",1:"225 253 220",2:"202 250 197",3:"162 242 162",4:"126 228 135",5:"86 196 112",6:"48 161 89",7:"0 135 81",8:"10 122 68",9:"0 108 59",10:"4 94 52",11:"4 77 44",12:"4 59 35",13:"4 51 31",14:"4 43 27",15:"3 33 21"},teal:{0:"242 255 251",1:"224 255 248",2:"207 255 248",3:"177 255 243",4:"133 247 233",5:"78 232 220",6:"17 211 205",7:"0 160 160",8:"0 130 130",9:"0 122 122",10:"0 110 107",11:"0 89 86",12:"0 69 67",13:"0 54 53",14:"0 44 44",15:"0 38 38"},gray:{0:"255 255 255",1:"245 248 250",2:"240 243 245",3:"224 228 233",4:"199 205 210",5:"176 185 193",6:"151 158 168",7:"130 138 147",8:"110 119 128",9:"91 99 106",10:"70 78 86",11:"44 54 63",12:"35 42 49",13:"29 34 40",14:"16 21 24",15:"0 0 0"},orange:{0:"255 249 242",1:"255 239 222",2:"255 229 202",3:"249 208 167",4:"252 182 111",5:"255 158 66",6:"255 137 21",7:"226 105 0",8:"204 78 0",9:"191 73 0",10:"166 64 0",11:"145 56 0",12:"115 44 0",13:"94 37 1",14:"68 26 0",15:"38 15 0"},rose:{0:"255 247 250",1:"255 235 243",2:"255 224 239",3:"255 209 226",4:"255 193 213",5:"250 162 187",6:"233 126 157",7:"211 89 124",8:"189 57 95",9:"167 52 85",10:"144 47 75",11:"113 35 57",12:"87 27 44",13:"66 22 35",14:"50 18 27",15:"38 15 22"},sunset:{0:"255 240 238",1:"251 221 218",2:"247 203 199",3:"234 170 163",4:"221 140 130",5:"209 113 99",6:"196 89 71",7:"184 68 46",8:"171 51 24",9:"158 44 18",10:"145 38 12",11:"124 26 1",12:"102 22 0",13:"81 18 0",14:"60 13 0",15:"38 8 0"},brown:{0:"255 253 250",1:"255 246 224",2:"255 236 209",3:"251 221 191",4:"237 199 159",5:"217 170 118",6:"185 136 79",7:"151 104 47",8:"134 90 35",9:"117 76 25",10:"91 56 11",11:"71 42 4",12:"55 33 1",13:"45 27 0",14:"38 23 0",15:"26 16 0"},citron:{0:"253 255 230",1:"249 253 193",2:"245 252 158",3:"235 244 87",4:"222 231 23",5:"205 212 0",6:"184 188 0",7:"158 159 0",8:"122 122 0",9:"115 113 0",10:"101 99 0",11:"78 76 0",12:"61 58 0",13:"49 46 0",14:"42 39 0",15:"38 35 0"},lime:{0:"249 255 245",1:"237 255 224",2:"230 255 209",3:"217 250 190",4:"202 239 168",5:"172 222 122",6:"137 199 70",7:"101 169 21",8:"75 133 0",9:"70 122 0",10:"62 107 0",11:"50 83 0",12:"40 65 0",13:"33 51 0",14:"28 43 0",15:"26 38 0"},mint:{0:"245 255 249",1:"231 252 240",2:"218 248 232",3:"201 239 219",4:"174 224 199",5:"133 203 172",6:"88 179 142",7:"45 151 113",8:"12 122 88",9:"1 109 78",10:"1 96 71",11:"0 74 57",12:"0 58 46",13:"0 47 38",14:"0 41 33",15:"0 28 23"},cyan:{0:"245 255 255",1:"223 255 255",2:"201 255 255",3:"161 245 251",4:"121 229 240",5:"85 205 223",6:"54 177 201",7:"29 146 174",8:"20 114 142",9:"19 100 126",10:"17 86 111",11:"13 64 86",12:"10 48 67",13:"9 37 53",14:"8 29 44",15:"4 18 28"},indigo:{0:"242 244 255",1:"226 230 255",2:"209 213 255",3:"184 188 255",4:"156 160 255",5:"130 130 255",6:"109 110 255",7:"93 94 255",8:"64 64 227",9:"32 21 194",10:"26 13 171",11:"22 9 144",12:"18 5 118",13:"15 3 91",14:"11 1 65",15:"6 0 38"},magenta:{0:"244 235 255",1:"236 217 251",2:"229 199 247",3:"223 182 243",4:"220 166 240",5:"212 136 227",6:"207 109 214",7:"201 84 199",8:"188 61 177",9:"164 46 151",10:"140 32 126",11:"116 22 103",12:"92 13 81",13:"68 6 60",14:"44 2 39",15:"20 0 18"},nude:{0:"255 245 245",1:"251 222 221",2:"248 203 196",3:"235 185 172",4:"222 169 149",5:"202 155 136",6:"182 139 122",7:"162 122 106",8:"142 104 89",9:"131 93 80",10:"120 83 71",11:"100 61 48",12:"80 34 19",13:"60 14 0",14:"40 9 0",15:"20 4 0"},carbon:{0:"255 255 255",1:"252 251 251",2:"245 245 245",3:"227 227 227",4:"205 205 205",5:"176 176 176",6:"142 142 142",7:"106 106 106",8:"90 90 90",9:"68 68 68",10:"50 50 50",11:"41 41 41",12:"31 31 31",13:"20 20 20",14:"10 10 10",15:"0 0 0"}}},dark:{palette:{core:{brand:{hue:"purple",step:"9"},accent:{hue:"blue",step:"9"},alert:{hue:"red",step:"9"},positive:{hue:"green",step:"9"},warning:{hue:"orange",step:"9"}},background:{primary:{hue:"gray",step:"1"},secondary:{hue:"gray",step:"3"}},foreground:{primary:{hue:"gray",step:"14"},secondary:{hue:"gray",step:"13"},tertiary:{hue:"gray",step:"9"},muted:{hue:"gray",step:"8"},"on-color":{hue:"gray",step:"0"}},line:{primary:{hue:"gray",step:"12"},secondary:{hue:"gray",step:"9"},tertiary:{hue:"gray",step:"7"},muted:{hue:"gray",step:"3"}}},spectrum:{blue:{0:"0 10 38",1:"0 14 57",2:"0 19 75",3:"0 29 102",4:"0 44 129",5:"0 63 156",6:"0 87 183",7:"0 116 210",8:"17 148 236",9:"18 169 255",10:"99 192 255",11:"125 203 255",12:"150 210 250",13:"182 224 252",14:"213 237 252",15:"240 247 252"},purple:{0:"25 0 38",1:"34 0 57",2:"42 0 75",3:"51 0 102",4:"57 0 125",5:"80 21 176",6:"96 1 210",7:"108 36 242",8:"119 89 255",9:"144 124 255",10:"165 149 248",11:"187 174 249",12:"209 201 251",13:"225 219 252",14:"235 232 254",15:"248 244 255"},pink:{0:"38 0 19",1:"48 0 23",2:"58 0 27",3:"75 0 34",4:"96 0 43",5:"123 0 54",6:"157 0 67",7:"194 0 81",8:"233 0 107",9:"255 0 128",10:"255 54 161",11:"255 101 186",12:"255 150 211",13:"255 186 228",14:"255 212 240",15:"255 229 247"},red:{0:"38 3 0",1:"57 3 0",2:"75 3 0",3:"102 1 0",4:"129 5 0",5:"156 15 12",6:"183 28 27",7:"210 46 47",8:"232 58 62",9:"255 77 82",10:"255 105 109",11:"255 135 141",12:"255 155 161",13:"255 183 188",14:"254 210 214",15:"255 240 241"},yellow:{0:"38 35 0",1:"48 42 0",2:"58 49 0",4:"96 73 0",3:"75 60 0",5:"123 91 0",6:"157 112 0",7:"194 136 0",8:"233 171 0",9:"255 204 0",10:"255 220 79",11:"255 232 102",12:"255 243 138",13:"255 249 163",14:"255 251 197",15:"255 253 238"},green:{0:"7 33 23",1:"7 43 29",2:"8 48 32",3:"8 55 36",4:"11 70 44",5:"14 91 55",6:"18 118 68",7:"23 149 83",8:"29 181 97",9:"26 197 103",10:"55 219 115",11:"91 235 126",12:"128 242 143",13:"169 251 169",14:"213 255 208",15:"247 255 245"},teal:{0:"0 35 38",1:"0 40 43",2:"0 45 49",3:"0 56 60",4:"0 73 76",5:"0 97 99",6:"0 126 127",7:"1 160 159",8:"15 194 190",9:"17 211 205",10:"52 227 222",11:"99 237 231",12:"145 249 243",13:"185 255 251",14:"216 255 252",15:"242 255 254"},gray:{0:"0 0 0",1:"16 21 24",2:"29 34 40",3:"35 42 49",4:"44 54 63",5:"70 78 86",6:"91 99 106",7:"110 119 128",8:"130 138 147",9:"151 158 168",10:"176 185 193",11:"199 205 210",12:"224 228 233",13:"240 243 245",14:"245 248 250",15:"255 255 255"},carbon:{0:"0 0 0",1:"10 10 10",2:"20 20 20",3:"31 31 31",4:"41 41 41",5:"50 50 50",6:"68 68 68",7:"90 90 90",8:"117 117 117",9:"142 142 142",10:"176 176 176",11:"205 205 205",12:"227 227 227",13:"245 245 245",14:"252 251 251",15:"255 255 255"},orange:{0:"38 15 0",1:"46 17 0",2:"54 19 0",3:"67 23 0",4:"86 28 0",5:"111 34 0",6:"142 41 0",7:"177 54 0",8:"229 80 0",9:"253 97 0",10:"255 123 41",11:"255 145 77",12:"255 161 102",13:"255 192 153",14:"255 224 204",15:"255 246 240"},rose:{0:"28 4 11",1:"38 5 15",2:"50 18 27",3:"66 22 35",4:"87 27 44",5:"113 35 57",6:"158 49 80",7:"191 58 96",8:"214 87 124",9:"221 108 141",10:"228 131 159",11:"245 164 188",12:"255 193 211",13:"255 214 226",14:"255 233 240",15:"255 251 252"},sunset:{0:"38 8 0",1:"54 11 0",2:"69 15 0",3:"100 20 0",4:"130 26 0",5:"156 40 12",6:"178 58 31",7:"197 79 53",8:"213 101 78",9:"219 112 90",10:"225 124 104",11:"235 147 131",12:"243 171 158",13:"249 194 185",14:"253 218 212",15:"255 241 238"},brown:{0:"38 23 0",1:"52 31 1",2:"66 40 2",3:"95 58 5",4:"123 75 10",5:"148 92 19",6:"168 108 31",7:"186 123 46",8:"200 138 66",9:"209 150 80",10:"219 165 103",11:"224 176 122",12:"229 190 148",13:"239 210 180",14:"248 230 212",15:"255 249 242"},citron:{0:"38 35 0",1:"42 39 0",2:"49 46 0",3:"61 58 0",4:"78 76 0",5:"101 99 0",6:"128 125 0",7:"153 153 0",8:"184 188 0",9:"205 212 0",10:"222 231 23",11:"235 244 87",12:"237 243 116",13:"243 249 158",14:"249 253 193",15:"254 255 238"},lime:{0:"20 38 0",1:"34 51 0",2:"41 63 0",3:"53 83 0",4:"65 104 2",5:"79 125 11",6:"94 145 24",7:"110 166 40",8:"127 187 60",9:"137 199 70",10:"151 209 90",11:"168 224 121",12:"184 237 148",13:"209 247 186",14:"226 255 211",15:"244 255 240"},mint:{0:"0 31 25",1:"0 41 34",2:"0 49 41",3:"0 62 52",4:"0 81 64",5:"0 106 77",6:"29 130 89",7:"33 150 104",8:"39 171 116",9:"72 194 129",10:"106 212 153",11:"149 222 182",12:"181 232 204",13:"209 244 224",14:"227 252 237",15:"242 255 248"},cyan:{0:"0 22 38",1:"0 32 54",2:"1 42 69",3:"3 65 100",4:"8 89 130",5:"15 114 156",6:"26 138 178",7:"41 161 197",8:"60 182 213",9:"72 192 219",10:"100 210 232",11:"124 227 242",12:"145 239 250",13:"179 244 249",14:"212 251 253",15:"242 255 255"},indigo:{0:"8 2 38",1:"13 4 65",2:"17 5 91",3:"20 7 117",4:"22 9 144",5:"26 13 171",6:"39 32 187",7:"60 63 219",8:"93 94 255",9:"112 117 242",10:"135 146 242",11:"163 175 251",12:"189 198 255",13:"211 214 255",14:"232 233 255",15:"252 253 255"},magenta:{0:"46 5 44",1:"63 6 58",2:"80 8 72",3:"96 11 86",4:"113 13 99",5:"138 23 122",6:"163 38 148",7:"188 61 177",8:"195 87 196",9:"194 116 205",10:"198 145 213",11:"206 172 222",13:"228 215 238",14:"239 231 247",15:"249 244 255",12:"217 195 230"},nude:{0:"20 0 0",1:"33 0 0",2:"46 0 0",3:"67 0 0",4:"89 20 18",5:"110 46 42",6:"132 73 66",7:"154 99 90",8:"175 124 112",9:"188 136 121",10:"200 147 131",11:"222 169 149",12:"230 189 170",13:"239 208 191",14:"247 224 210",15:"255 240 229"}}}},scaleMode:{xSmall:{...te,...K},small:{...te,...P},medium:{...te,...Q},large:{...ae,...X},xLarge:{...ae,...Y},xxLarge:{...ae,...Z},xxxLarge:{...ae,...ee}},fontFamily:N,button:G},re="large";function le(e){return Object.entries(e)}function ne(e){return Object.fromEntries(e)}function ie(e,t){return Object.keys(e).reduce(((a,o,r)=>(a[o]=t(e[o],o,r),a)),{})}function se(e){const{palette:t,spectrum:a}=e,o={},r={spectrum:{},palette:{}};for(const[e,t]of le(a))for(const[a,l]of le(t)){const t=`--${d}-${`${e}-${a}`}`;r.spectrum[e]||(r.spectrum[e]={}),r.spectrum[e][a]=`rgb(var(${t}))`,o[t]=l}return le(t).forEach((([e,t])=>{for(const[a,{hue:l,step:n,opacity:i}]of Object.entries(t)){e in r.palette||(r.palette[e]={});const t=`--${s}-${e}-color-${a}`;o[t]=`var(--${d}-${l}-${n})`,r.palette[e][a]=i?`rgb(var(${t}) / ${i})`:`rgb(var(${t}))`}})),{_vars:o,_raw:e,tailwindConfig:r}}function de(e){const t={},a={};for(const[o,r="regular"]of le(e)){const e=`--${f}-${o}`,l=I[r];t[e]=l,a[o]=`var(${e})`}return{_vars:t,_raw:e,tailwindConfig:{...I,...a}}}function pe(e,t,a){const o={},r={};for(const[l,n]of le(t)){const t=`--${e}-${l}`,i=a?a(n):n;o[t]=i,r[l]=`var(${t})`}return{_vars:o,_raw:t,tailwindConfig:r}}function ue(e,t){if(!t)return{_vars:{},_raw:{},tailwindConfig:{}};const a={},o={};for(const[r,l]of le(t)){const t=`--${e}-${r}`,n=`${l}px`;a[t]=n,o[r]=`var(${t})`}return{_vars:a,_raw:t,tailwindConfig:o}}function ce(e){return ie(e,((e,t)=>{const{fallbacks:a=[]}=e??{};return[`var(--${p}-${t})`,...a]}))}function be(e){const{colorMode:t,scaleMode:a,fontFamily:o}=e;return{...e,colorMode:{light:se(t.light),dark:se(t.dark)},scaleMode:ie(a,(({borderRadius:e,borderWidth:t,fontSize:a,lineHeight:o,fontFamily:r,fontWeight:l,textTransform:n,avatarSizes:i,iconSizes:s})=>({fontFamily:pe(p,r,(e=>`var(--${p}-${e})`)),fontSize:ue(v,a),fontWeight:de(l),lineHeight:ue(y,o),textTransform:pe(h,n),borderRadius:ue(b,e),borderWidth:ue(g,t),avatarSizes:ue(c,i),iconSizes:ue(u,s)}))),fontFamily:ce(o)}}var ge={display1:"6xl",display2:"5xl",display3:"4xl",title1:"3xl",title2:"2xl",title3:"xl",title4:"lg",headline1:"base",body1:"base",label1:"sm",label2:"sm",caption1:"xs",caption2:"xs"},ve={fontSize:ge,lineHeight:ge,borderRadius:{xs:"sm",sm:"DEFAULT",md:"md",lg:"lg",xl:"xl"},borderWidth:{thin:"DEFAULT",medium:"2",thick:"4"}};function ye(e){return e.endsWith("rem")?16*parseFloat(e):parseFloat(e)}var fe={...oe.scaleMode[re],fontSize:{...oe.scaleMode[re].fontSize,...ie(ve.fontSize,(e=>ye(i.fontSize[e][0])))},lineHeight:{...oe.scaleMode[re].fontSize,...ie(ve.lineHeight,(e=>ye(i.fontSize[e][1].lineHeight))),display1:ye(i.fontSize[ve.fontSize.display1][0]),display2:ye(i.fontSize[ve.fontSize.display2][0])},fontWeight:ie(oe.scaleMode[re].fontWeight,(()=>"regular")),borderRadius:{...oe.scaleMode[re].borderRadius,...ie(ve.borderRadius,(e=>ye(i.borderRadius[e])))},borderWidth:{...oe.scaleMode[re].borderWidth,...ie(ve.borderWidth,(e=>ye(i.borderWidth[e])))}};function he(r){return{...oe.scaleMode[r],fontWeight:fe.fontWeight,fontSize:ie(fe.fontSize,((t,a)=>t+e[r][a])),lineHeight:ie(fe.lineHeight,((e,a)=>e+t[r][a])),borderRadius:ie(fe.borderRadius,((e,t)=>e+a[r][t])),borderWidth:ie(fe.borderWidth,((e,t)=>e+o[r][t]))}}var me={...oe,scaleMode:{xSmall:he("xSmall"),small:he("small"),medium:he("medium"),large:he("large"),xLarge:he("xLarge"),xxLarge:he("xxLarge"),xxxLarge:he("xxxLarge")}};function xe(e,{type:t,value:a},o){const r="color"===e?"textColor":e;if("palette"===t)return l.includes(a)?a:o(`${r}.${a}`);{const[e,t]=a.split("-");return o(`colors.${e}.${t}`)}}function Ce({backgroundColor:e,borderColor:t,color:a,borderRadius:o,borderWidth:r},l){return{[W.backgroundColor]:xe("backgroundColor",e,l),[W.borderColor]:xe("borderColor",t,l),[W.color]:xe("color",a,l),...o&&{[W.borderRadius]:l(`borderRadius.${o}`)},...r&&{[W.borderWidth]:l(`borderWidth.${r}`)}}}function ke(e,t){const{spacingHorizontal:a,spacingVertical:o,gap:r,textVariant:l,iconSize:n}=e;return{[W.padding]:`${t(`spacing[${o}]`)} ${t(`spacing[${a}]`)}`,[W.columnGap]:t(`spacing[${r}]`),[W.fontFamily]:t(`typography.fontFamily.${l}`),[W.fontWeight]:t(`typography.fontWeight.${l}`),[W.fontSize]:t(`typography.fontSize.${l}`),[W.lineHeight]:t(`typography.lineHeight.${l}`),[W.textTransform]:t(`typography.textTransform.${l}`),[W.iconSize]:t(`sizing.icon.${n}`)}}var $e=n.withOptions((function({config:e=oe}){const t=be(e),a=t.colorMode.light._vars,o={...t.scaleMode.large.borderRadius._vars,...t.scaleMode.large.borderWidth._vars,...t.scaleMode.large.avatarSizes._vars,...t.scaleMode.large.iconSizes._vars,...t.scaleMode.large.fontFamily._vars,...t.scaleMode.large.fontSize._vars,...t.scaleMode.large.fontWeight._vars,...t.scaleMode.large.lineHeight._vars,...t.scaleMode.large.textTransform._vars};return function({addBase:r,matchUtilities:l,addComponents:n,theme:i}){if(r({":root":{...a,...o},[`.${x}`]:a,[`.${z}`]:o,[`.${m}`]:{...t.colorMode.dark._vars},[`.${C}`]:{...t.scaleMode.xSmall.borderRadius._vars,...t.scaleMode.xSmall.borderWidth._vars,...t.scaleMode.xSmall.avatarSizes._vars,...t.scaleMode.xSmall.iconSizes._vars,...t.scaleMode.xSmall.fontFamily._vars,...t.scaleMode.xSmall.fontSize._vars,...t.scaleMode.xSmall.fontWeight._vars,...t.scaleMode.xSmall.lineHeight._vars,...t.scaleMode.xSmall.textTransform._vars},[`.${k}`]:{...t.scaleMode.small.borderRadius._vars,...t.scaleMode.small.borderWidth._vars,...t.scaleMode.small.avatarSizes._vars,...t.scaleMode.small.iconSizes._vars,...t.scaleMode.small.fontFamily._vars,...t.scaleMode.small.fontSize._vars,...t.scaleMode.small.fontWeight._vars,...t.scaleMode.small.lineHeight._vars,...t.scaleMode.small.textTransform._vars},[`.${$}`]:{...t.scaleMode.medium.borderRadius._vars,...t.scaleMode.medium.borderWidth._vars,...t.scaleMode.medium.avatarSizes._vars,...t.scaleMode.medium.iconSizes._vars,...t.scaleMode.medium.fontFamily._vars,...t.scaleMode.medium.fontSize._vars,...t.scaleMode.medium.fontWeight._vars,...t.scaleMode.medium.lineHeight._vars,...t.scaleMode.medium.textTransform._vars},[`.${S}`]:{...t.scaleMode.xLarge.borderRadius._vars,...t.scaleMode.xLarge.borderWidth._vars,...t.scaleMode.xLarge.avatarSizes._vars,...t.scaleMode.xLarge.iconSizes._vars,...t.scaleMode.xLarge.fontFamily._vars,...t.scaleMode.xLarge.fontSize._vars,...t.scaleMode.xLarge.fontWeight._vars,...t.scaleMode.xLarge.lineHeight._vars,...t.scaleMode.xLarge.textTransform._vars},[`.${M}`]:{...t.scaleMode.xxLarge.borderRadius._vars,...t.scaleMode.xxLarge.borderWidth._vars,...t.scaleMode.xxLarge.avatarSizes._vars,...t.scaleMode.xxLarge.iconSizes._vars,...t.scaleMode.xxLarge.fontFamily._vars,...t.scaleMode.xxLarge.fontSize._vars,...t.scaleMode.xxLarge.fontWeight._vars,...t.scaleMode.xxLarge.lineHeight._vars,...t.scaleMode.xxLarge.textTransform._vars},[`.${_}`]:{...t.scaleMode.xxxLarge.borderRadius._vars,...t.scaleMode.xxxLarge.borderWidth._vars,...t.scaleMode.xxxLarge.avatarSizes._vars,...t.scaleMode.xxxLarge.iconSizes._vars,...t.scaleMode.xxxLarge.fontFamily._vars,...t.scaleMode.xxxLarge.fontSize._vars,...t.scaleMode.xxxLarge.fontWeight._vars,...t.scaleMode.xxxLarge.lineHeight._vars,...t.scaleMode.xxxLarge.textTransform._vars}}),l({iconSize:e=>({width:e,height:e,fontSize:e,lineHeight:e})},{values:t.scaleMode.large.iconSizes.tailwindConfig}),l({avatarSize:e=>({width:e,height:e})},{values:t.scaleMode.large.avatarSizes.tailwindConfig}),e.button){const t=function(e,t){const a=e.category[e.defaults.category][e.defaults.variant],o=e.size[e.defaults.size],r={...Ce(a.base,t),...ke(o,t)};function l(e){return`var(${e}, ${r[e]})`}const n={borderRadius:l(W.borderRadius),borderWidth:l(W.borderWidth),color:l(W.color),backgroundColor:l(W.backgroundColor),borderColor:l(W.borderColor),padding:l(W.padding),columnGap:l(W.columnGap),fontFamily:l(W.fontFamily),fontWeight:l(W.fontWeight),fontSize:l(W.fontSize),lineHeight:l(W.lineHeight),textTransform:l(W.textTransform),".button-icon":{width:l(W.iconSize),height:l(W.iconSize)}},i=Ce(a.state.hover,t),s=Ce(a.state.pressed,t),d={cursor:"not-allowed",opacity:"0.2"},p={".button":{display:"inline-flex",alignItems:"center",...n,[w]:i,[H]:s,[R]:d},".hover .button":i,".pressed .button":s,".disabled .button":d};for(const[a,o]of le(e.size))p[`.button-${a}`]=ke(o,t);for(const[a,o]of le(e.category))for(const[r,l]of le(o)){const o=l.state,n=`.button-${a}.button-${r}`,i={hover:Ce(o.hover,t),pressed:Ce(o.pressed,t)},s={...Ce(l.base,t),[w]:i.hover,[H]:i.pressed};p[n]=s,p[`.hover ${n}`]=i.hover,p[`.pressed ${n}`]=i.pressed,a===e.defaults.category&&(p[`.button-${r}`]=s,p[`.hover .button-${r}`]=i.hover,p[`.pressed .button-${r}`]=i.pressed)}return p}(e.button,i);n(t)}l({case:e=>({"text-transform":e})},{values:i("typography.textTransform")}),l({"font-weight":e=>({"font-weight":e})},{values:i("typography.fontWeight")}),l({"font-size":e=>({"font-size":e})},{values:i("typography.fontSize")})}}),(function({config:e=oe,safelist:t=[]}){const a=be(e),o=a.colorMode.light.tailwindConfig,l=a.scaleMode[re],n=ie(o.spectrum,((e,t)=>({...e,...r[t]}))),i=o.palette.core,s={...r,...n,...j,...i},d=o.palette.foreground,p=o.palette.background,u=o.palette.line,c=ne(le(ve.fontSize).map((([e,t])=>[t,[`var(--${v}-${e})`,{lineHeight:`var(--${y}-${e})`}]]))),f=ne(le(ve.borderRadius).map((([e,t])=>[t,`var(--${b}-${e})`]))),h={...l.borderRadius.tailwindConfig,...f},x=ne(le(ve.borderWidth).map((([e,t])=>[t,`var(--${g}-${e})`]))),C={...l.borderWidth.tailwindConfig,...x};return{darkMode:["class",m],safelist:[m,...t],theme:{extend:{aria:{checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',invalid:'aria-invalid="true"'},data:{active:'active="true"',"active-item":'active-item="true"',autofill:'autofill="true"',backdrop:'backdrop="true"',enter:'enter="true"',leave:'leave="true"',"focus-visible":'focus-visible="true"'},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"},borderRadius:h,borderWidth:C,outlineWidth:C,fontFamily:{...a.fontFamily,...l.fontFamily.tailwindConfig},fontSize:c,lineHeight:l.lineHeight.tailwindConfig,colors:s,backgroundColor:p,textColor:d,borderColor:u,fill:p,caretColor:d,placeholderColor:d,textDecorationColor:d,divideColor:u,outlineColor:u,ringColor:u,ringOffsetColor:u,stroke:u,typography:{fontFamily:l.fontFamily.tailwindConfig,fontWeight:l.fontWeight.tailwindConfig,fontSize:l.fontSize.tailwindConfig,lineHeight:l.lineHeight.tailwindConfig,textTransform:l.textTransform.tailwindConfig},sizing:{icon:l.iconSizes.tailwindConfig}}}}}));export{me as defaultTailwindThemeAsUdsConfig,$e as tailwindPlugin,ve as udsToTailwindMap};
|
package/dist/tailwind/purger.cjs
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
"use strict";
|
2
|
-
/*! © 2024 Yahoo, Inc. UDS v0.5.
|
2
|
+
/*! © 2024 Yahoo, Inc. UDS v0.5.10 */
|
3
3
|
//! This file is generated by purgeCSS.ts from @yahoo/uds
|
4
4
|
//! Do not edit directly
|
5
5
|
//! If there is issue with this file please report to #ask-uds
|
6
|
-
exports.componentToTwClasses={Box:"container flex border",HStack:"container ",Icon:"outline",Image:"flex border",Pressable:"button flex border",Text:"container flex border",VStack:"container ",Accordion:"flex hidden max-h-0 max-h-full min-h-min w-full transition-\\[max-height\\] duration-500 ease-in-out hover\\:bg-secondary\\/80:hover",Avatar:"",Button:"button",Chip:"inline-flex",Dropdown:"",DropdownItem:"",DropdownItemPressable:"flex cursor-default hover\\:bg-gray-2:hover",DropdownItems:"max-h-\\[312px\\] min-w-\\[220px\\] \\!stroke-muted \\!stroke-1 shadow-md",DropdownTrigger:"flex",IconButton:"button h-\\[36px\\] h-\\[44px\\] h-\\[52px\\] w-\\[36px\\] w-\\[44px\\] w-\\[52px\\] select-none leading-\\[0px\\] outline",Modal:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",ModalDismiss:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",ModalHeader:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",Popover:"",PopoverAnchor:"",PopoverArrow:"",PopoverDescription:"",PopoverDisclosure:"",PopoverDisclosureArrow:"",PopoverDismiss:"",PopoverHeading:"",PopoverProvider:"",Spinner:"sr-only absolute relative left-0 right-0 animate-spin self-center fill-accent text-gray-3",Tab:'button flex border-b-transparent text-current text-primary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabList:'button flex border-b-transparent text-current text-primary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabPanel:'button flex border-b-transparent text-current text-primary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',Table:"block inline flex table table-cell table-header-group table-row-group table-row grid hidden",Tabs:'button flex border-b-transparent text-current text-primary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TextInput:"w-full",TextInputGroup:"w-full",TextInputLabel:"",ToastContainer:"relative flex hidden cursor-pointer transition"},exports.componentToVariants={Box:[["display",["flex","block","inline-block","inline","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","contents"]],["flexDirection",["row","column"]],["rowGap",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["columnGap",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderColor",["accent","alert","black","brand","positive","warning","white","transparent","muted","primary","secondary","tertiary","current"]],["borderRadius",["none","xs","sm","md","lg","xl","full"]],["overflow",["auto","hidden","clip","visible","scroll"]]],HStack:[["alignItems",["center"]],["justifyContent",["space-between"]]],Icon:[["color",["primary","accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","secondary","tertiary","current"]]],Image:[],Pressable:[["display",["flex","block","inline-block","inline","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","contents"]],["flexDirection",["row"]],["alignItems",["center","flex-start","flex-end","stretch","baseline"]],["justifyContent",["space-between","flex-start","flex-end","center","space-around","space-evenly"]],["spacingVertical",["4","0","1","2","3","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["spacingHorizontal",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderRadius",["md","none","xs","sm","lg","xl","full"]],["columnGap",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["backgroundColor",["accent","alert","black","brand","positive","warning","white","primary","secondary","transparent","current"]],["borderColor",["muted"]],["borderBottomWidth",["thick"]],["spacingBottom",["1"]],["spacingTop",["4"]]],Text:[["color",["primary","accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","secondary","tertiary","current"]],["fontSize",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["fontFamily",["icons","sans","sans-beta","sans-condensed","serif-text","serif-display","display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["fontWeight",["thin","extralight","light","regular","medium","semibold","bold","extrabold","black","display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["lineHeight",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["textTransform",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1","none","uppercase","lowercase","capitalize"]],["textAlign",["center","justify","start","end"]],["display",["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","contents"]],["spacing",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderBottomColor",["accent","alert","black","brand","positive","warning","white","transparent","muted","primary","secondary","tertiary","current"]],["borderBottomWidth",["thin"]],["spacingStart",["0.5"]]],VStack:[["overflow",["hidden","auto","clip","visible","scroll"]],["spacingHorizontal",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["alignItems",["flex-start"]],["borderRadius",["lg","md"]],["backgroundColor",["primary"]],["spacingVertical",["2"]],["position",["fixed"]],["spacing",["8"]]],Accordion:[["spacingHorizontal",["4"]]],Avatar:[],Button:[["spacingEnd",["0"]],["spacingVertical",["0"]]],Chip:[],Dropdown:[],DropdownItem:[],DropdownItemPressable:[],DropdownItems:[["overflow",["scroll"]]],DropdownTrigger:[],IconButton:[["color",["accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","primary","secondary","tertiary","current"]]],Modal:[],ModalDismiss:[],ModalHeader:[],Popover:[],PopoverAnchor:[],PopoverArrow:[],PopoverDescription:[],PopoverDisclosure:[],PopoverDisclosureArrow:[],PopoverDismiss:[],PopoverHeading:[],PopoverProvider:[],Spinner:[],Tab:[],TabList:[],TabPanel:[],Table:[],Tabs:[],TextInput:[["backgroundColor",["secondary"]],["borderColor",["tertiary"]],["borderWidth",["thin"]],["borderRadius",["md"]],["color",["primary"]],["placeholderColor",["tertiary"]],["spacingVertical",["3"]],["spacingHorizontal",["4"]]],TextInputGroup:[],TextInputLabel:[],ToastContainer:[]},exports.componentsDependencies={Box:[],HStack:["Box"],Icon:[],Image:[],Pressable:[],Text:[],VStack:["Box"],Accordion:["Icon","Pressable","Text","VStack"],Avatar:[],Button:["Icon","Pressable","Text"],Chip:["Icon","Pressable","Text"],Dropdown:["PopoverProvider"],DropdownItem:["DropdownItemPressable","Icon","Text","VStack"],DropdownItemPressable:["Pressable"],DropdownItems:["Popover","PopoverArrow","VStack"],DropdownTrigger:["PopoverDisclosure","Pressable"],IconButton:["Icon","Pressable"],Modal:["Button","HStack","Text","VStack"],ModalDismiss:["Button","HStack","Text","VStack"],ModalHeader:["Button","HStack","Text","VStack"],Popover:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverAnchor:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverArrow:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDescription:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDisclosure:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDisclosureArrow:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDismiss:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverHeading:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverProvider:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],Spinner:[],Tab:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TabList:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TabPanel:["Tab","TabList","TabPanel","Icon","Pressable","Text"],Table:["Box","Text"],Tabs:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TextInput:[],TextInputGroup:["TextInput","TextInputLabel","VStack"],TextInputLabel:["Text"],ToastContainer:["ToastContainer","IconButton"]},exports.variantsList=["color","placeholderColor","fontFamily","fontSize","fontWeight","lineHeight","textAlign","textTransform","spacing","spacingHorizontal","spacingVertical","spacingBottom","spacingEnd","spacingStart","spacingTop","offset","offsetVertical","offsetHorizontal","offsetBottom","offsetEnd","offsetStart","offsetTop","columnGap","rowGap","backgroundColor","borderColor","borderStartColor","borderEndColor","borderBottomColor","borderTopColor","borderRadius","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderWidth","borderVerticalWidth","borderHorizontalWidth","borderStartWidth","borderEndWidth","borderTopWidth","borderBottomWidth","avatarSize","iconSize","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","flexBasis","display","overflow","overflowX","overflowY","position","contentFit","colorMode","scaleMode","buttonCategory","buttonVariant","buttonSize"];
|
6
|
+
exports.componentToTwClasses={Box:"container flex border",HStack:"container ",Icon:"outline",Image:"flex border",Pressable:"button button .button-icon button:hover:not([disabled]) button:active:not([disabled]) button:disabled hover .button pressed .button disabled .button flex border",Text:"container flex border",VStack:"container ",Accordion:"flex hidden max-h-0 max-h-full min-h-min w-full transition-\\[max-height\\] duration-500 ease-in-out hover\\:bg-secondary\\/80:hover",Avatar:"",Button:"button button .button-icon button:hover:not([disabled]) button:active:not([disabled]) button:disabled hover .button pressed .button disabled .button",Chip:"inline-flex",Dropdown:"",DropdownItem:"",DropdownItemPressable:"\\!disabled .button disabled .button flex cursor-default hover\\:bg-gray-2:hover",DropdownItems:"max-h-\\[312px\\] min-w-\\[220px\\] \\!stroke-muted \\!stroke-1 shadow-md",DropdownTrigger:"flex",IconButton:"button button .button-icon button:hover:not([disabled]) button:active:not([disabled]) button:disabled hover .button pressed .button disabled .button hover .button-accent.button-primary hover .button-primary hover .button-accent.button-secondary hover .button-secondary hover .button-accent.button-tertiary hover .button-tertiary hover .button-brand.button-primary hover .button-brand.button-secondary hover .button-brand.button-tertiary hover .button-alert.button-primary hover .button-alert.button-secondary hover .button-alert.button-tertiary hover .button-positive.button-primary hover .button-positive.button-secondary hover .button-positive.button-tertiary hover .button-warning.button-primary hover .button-warning.button-secondary hover .button-warning.button-tertiary h-\\[36px\\] h-\\[44px\\] h-\\[52px\\] w-\\[36px\\] w-\\[44px\\] w-\\[52px\\] select-none leading-\\[0px\\] outline",Modal:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",ModalDismiss:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",ModalHeader:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",Popover:"",PopoverAnchor:"",PopoverArrow:"",PopoverDescription:"",PopoverDisclosure:"",PopoverDisclosureArrow:"",PopoverDismiss:"",PopoverHeading:"",PopoverProvider:"",Spinner:"sr-only absolute relative left-0 right-0 animate-spin self-center fill-accent text-gray-3",Tab:'button button .button-icon button:hover:not([disabled]) button:active:not([disabled]) button:disabled hover .button pressed .button disabled .button flex border-b-transparent text-current text-primary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabList:'button button .button-icon button:hover:not([disabled]) button:active:not([disabled]) button:disabled hover .button pressed .button disabled .button flex border-b-transparent text-current text-primary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabPanel:'button button .button-icon button:hover:not([disabled]) button:active:not([disabled]) button:disabled hover .button pressed .button disabled .button flex border-b-transparent text-current text-primary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',Table:"block inline flex table table-cell table-header-group table-row-group table-row grid hidden",Tabs:'button button .button-icon button:hover:not([disabled]) button:active:not([disabled]) button:disabled hover .button pressed .button disabled .button flex border-b-transparent text-current text-primary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TextInput:"disabled .button w-full",TextInputGroup:"w-full",TextInputLabel:"",ToastContainer:"relative flex hidden cursor-pointer transition"},exports.componentToVariants={Box:[["display",["flex","block","inline-block","inline","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","contents"]],["flexDirection",["row","column"]],["rowGap",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["columnGap",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderColor",["accent","alert","black","brand","positive","warning","white","transparent","muted","primary","secondary","tertiary","current"]],["borderRadius",["none","xs","sm","md","lg","xl","full"]],["overflow",["auto","hidden","clip","visible","scroll"]]],HStack:[["alignItems",["center"]],["justifyContent",["space-between"]]],Icon:[["color",["primary","accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","secondary","tertiary","current"]]],Image:[],Pressable:[["display",["flex","block","inline-block","inline","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","contents"]],["flexDirection",["row"]],["alignItems",["center","flex-start","flex-end","stretch","baseline"]],["justifyContent",["space-between","flex-start","flex-end","center","space-around","space-evenly"]],["spacingVertical",["4","0","1","2","3","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["spacingHorizontal",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderRadius",["md","none","xs","sm","lg","xl","full"]],["columnGap",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["backgroundColor",["accent","alert","black","brand","positive","warning","white","primary","secondary","transparent","current"]],["borderColor",["muted"]],["borderBottomWidth",["thick"]],["spacingBottom",["1"]],["spacingTop",["4"]]],Text:[["color",["primary","accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","secondary","tertiary","current"]],["fontSize",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["fontFamily",["icons","sans","sans-beta","sans-condensed","serif-text","serif-display","display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["fontWeight",["thin","extralight","light","regular","medium","semibold","bold","extrabold","black","display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["lineHeight",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["textTransform",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1","none","uppercase","lowercase","capitalize"]],["textAlign",["center","justify","start","end"]],["display",["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","contents"]],["spacing",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderBottomColor",["accent","alert","black","brand","positive","warning","white","transparent","muted","primary","secondary","tertiary","current"]],["borderBottomWidth",["thin"]],["spacingStart",["0.5"]]],VStack:[["overflow",["hidden","auto","clip","visible","scroll"]],["spacingHorizontal",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["alignItems",["flex-start"]],["borderRadius",["lg","md"]],["backgroundColor",["primary"]],["spacingVertical",["2"]],["position",["fixed"]],["spacing",["8"]]],Accordion:[["spacingHorizontal",["4"]]],Avatar:[],Button:[["spacingEnd",["0"]],["spacingVertical",["0"]]],Chip:[],Dropdown:[],DropdownItem:[],DropdownItemPressable:[],DropdownItems:[["overflow",["scroll"]]],DropdownTrigger:[],IconButton:[["color",["accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","primary","secondary","tertiary","current"]]],Modal:[],ModalDismiss:[],ModalHeader:[],Popover:[],PopoverAnchor:[],PopoverArrow:[],PopoverDescription:[],PopoverDisclosure:[],PopoverDisclosureArrow:[],PopoverDismiss:[],PopoverHeading:[],PopoverProvider:[],Spinner:[],Tab:[],TabList:[],TabPanel:[],Table:[],Tabs:[],TextInput:[["backgroundColor",["secondary"]],["borderColor",["tertiary"]],["borderWidth",["thin"]],["borderRadius",["md"]],["color",["primary"]],["placeholderColor",["tertiary"]],["spacingVertical",["3"]],["spacingHorizontal",["4"]]],TextInputGroup:[],TextInputLabel:[],ToastContainer:[]},exports.componentsDependencies={Box:[],HStack:["Box"],Icon:[],Image:[],Pressable:[],Text:[],VStack:["Box"],Accordion:["Icon","Pressable","Text","VStack"],Avatar:[],Button:["Icon","Pressable","Text"],Chip:["Icon","Pressable","Text"],Dropdown:["PopoverProvider"],DropdownItem:["DropdownItemPressable","Icon","Text","VStack"],DropdownItemPressable:["Pressable"],DropdownItems:["Popover","PopoverArrow","VStack"],DropdownTrigger:["PopoverDisclosure","Pressable"],IconButton:["Icon","Pressable"],Modal:["Button","HStack","Text","VStack"],ModalDismiss:["Button","HStack","Text","VStack"],ModalHeader:["Button","HStack","Text","VStack"],Popover:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverAnchor:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverArrow:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDescription:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDisclosure:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDisclosureArrow:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDismiss:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverHeading:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverProvider:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],Spinner:[],Tab:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TabList:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TabPanel:["Tab","TabList","TabPanel","Icon","Pressable","Text"],Table:["Box","Text"],Tabs:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TextInput:[],TextInputGroup:["TextInput","TextInputLabel","VStack"],TextInputLabel:["Text"],ToastContainer:["ToastContainer","IconButton"]},exports.variantsList=["color","placeholderColor","fontFamily","fontSize","fontWeight","lineHeight","textAlign","textTransform","spacing","spacingHorizontal","spacingVertical","spacingBottom","spacingEnd","spacingStart","spacingTop","offset","offsetVertical","offsetHorizontal","offsetBottom","offsetEnd","offsetStart","offsetTop","columnGap","rowGap","backgroundColor","borderColor","borderStartColor","borderEndColor","borderBottomColor","borderTopColor","borderRadius","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderWidth","borderVerticalWidth","borderHorizontalWidth","borderStartWidth","borderEndWidth","borderTopWidth","borderBottomWidth","avatarSize","iconSize","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","flexBasis","display","overflow","overflowX","overflowY","position","contentFit","colorMode","scaleMode","buttonCategory","buttonVariant","buttonSize"];
|