@yahoo/uds 2.3.1 → 2.4.1
Sign up to get free protection for your applications and to get access to all the features.
- package/cli/bin/uds-darwin-arm64-baseline +0 -0
- package/cli/bin/uds-linux-arm64 +0 -0
- package/cli/bin/uds-linux-x64-baseline +0 -0
- package/cli/codemods/addCommentAboveComponents.ts +147 -0
- package/cli/commands/codemod/buttonType.ts +20 -0
- package/dist/{chunk-DMMTEAJW.cjs → chunk-6URF5YHM.cjs} +1 -1
- package/dist/{chunk-ZV62SW5G.js → chunk-AJYO7N7R.js} +1 -1
- package/dist/{chunk-JGIKFUBH.cjs → chunk-D5NBUCDY.cjs} +1 -1
- package/dist/{chunk-PFT3UA6K.cjs → chunk-GIKZRY45.cjs} +1 -1
- package/dist/{chunk-YM5TKITI.js → chunk-GRZ5XQ3F.js} +1 -1
- package/dist/{chunk-P5B5IOMM.js → chunk-HNDH4G6I.js} +2 -2
- package/dist/{chunk-3PK6DOFO.js → chunk-QYZNWDRL.js} +2 -2
- package/dist/{chunk-YUHY3FXT.cjs → chunk-TNA4SFJT.cjs} +1 -1
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.d.cts +4 -4
- package/dist/client/index.d.ts +4 -4
- package/dist/client/index.js +3 -3
- package/dist/experimental/client/index.cjs +1 -1
- package/dist/experimental/client/index.js +1 -1
- package/dist/fixtures.cjs +2 -0
- package/dist/fixtures.d.cts +1 -1
- package/dist/fixtures.d.ts +1 -1
- package/dist/fixtures.js +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/motionFeatures-HQUM526D.cjs +1 -0
- package/dist/motionFeatures-PRT45UQH.js +1 -0
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.d.cts +2 -2
- package/dist/tailwind/plugin.d.ts +2 -2
- package/dist/tailwind/plugin.js +2 -2
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.d.cts +2 -2
- package/dist/tailwind/utils.d.ts +2 -2
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +3 -3
- package/dist/tokens/index.d.ts +3 -3
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/parseTokens.d.cts +2 -2
- package/dist/tokens/parseTokens.d.ts +2 -2
- package/dist/{types-DsMvZpWN.d.cts → types-i8FyOTfl.d.cts} +13 -1
- package/dist/{types-DsMvZpWN.d.ts → types-i8FyOTfl.d.ts} +13 -1
- package/package.json +4 -4
- package/cli/PropsToClass.mock.tsx +0 -14
- package/dist/motionFeatures-I76FFCTS.js +0 -1
- package/dist/motionFeatures-P3FQL2KP.cjs +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import{xSmall as o,small as e,medium as t,large as a,xLarge as r,xxLarge as n,xxxLarge as l,fontFamily as s,fontWeight as i,textTransform as f}from"./chunk-SUASN3GG.js";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
-
var p=["none","custom","lighten","darken"],c=["none","custom"],u=["none","up","down"],y={hover:{backgroundColor:{value:"darken",options:p},borderColor:{value:"none",options:c},color:{value:"none",options:[...c,"darken"]},scale:{value:"up",options:u}},pressed:{backgroundColor:{value:"darken",options:p},borderColor:{value:"none",options:c},color:{value:"none",options:[...c,"darken"]},scale:{value:"down",options:u}}},d={hover:{backgroundColor:{value:"none",options:c},borderColor:{value:"darken",options:p},color:{value:"darken",options:p},scale:{value:"up",options:u}},pressed:{backgroundColor:{value:"none",options:c},borderColor:{value:"darken",options:p},color:{value:"darken",options:p},scale:{value:"down",options:u}}},m={hover:{backgroundColor:{value:"lighten",options:["none","custom","lighten"]},borderColor:{value:"none",options:c},color:{value:"none",options:["none","custom","lighten"]},scale:{value:"up",options:u}},pressed:{backgroundColor:{value:"lighten",options:p},borderColor:{value:"none",options:c},color:{value:"none",options:p},scale:{value:"down",options:u}}};function g(o){return{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:o},color:{type:"palette",value:"on-color"},scale:"none"}}function b(o){return{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:o},color:{type:"palette",value:o},scale:"none"}}function h(o){return{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:o},scale:"none"}}var v={fill:g,outline:b,ghost:h},w={defaults:{palette:"accent",variant:"primary",size:"md"},size:{sm:{spacingHorizontal:"4",spacingVertical:"1",gap:"2",iconSize:"sm",textVariant:"label1"},md:{spacingHorizontal:"6",spacingVertical:"3",gap:"2",iconSize:"sm",textVariant:"label1"},lg:{spacingHorizontal:"7",spacingVertical:"4",gap:"2",iconSize:"md",textVariant:"headline1"}},palette:{accent:{primary:{kind:"fill",effect:y,base:g("accent"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"carbon-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"carbon-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:d,base:b("accent"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"carbon-10"},color:{type:"spectrum",value:"carbon-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"carbon-11"},color:{type:"spectrum",value:"carbon-11"}}}},tertiary:{kind:"ghost",effect:m,base:h("accent"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"carbon-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"carbon-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}}}}},brand:{primary:{kind:"fill",effect:y,base:g("brand"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"purple-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"purple-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:d,base:b("brand"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-10"},color:{type:"spectrum",value:"purple-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-11"},color:{type:"spectrum",value:"purple-11"}}}},tertiary:{kind:"ghost",effect:m,base:h("brand"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"purple-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"purple-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}}}}},alert:{primary:{kind:"fill",effect:y,base:g("alert"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"red-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"red-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:d,base:b("alert"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-10"},color:{type:"spectrum",value:"red-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-11"},color:{type:"spectrum",value:"red-11"}}}},tertiary:{kind:"ghost",effect:m,base:h("alert"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"red-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"red-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}}}}},positive:{primary:{kind:"fill",effect:y,base:g("positive"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"green-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"green-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:d,base:b("positive"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-10"},color:{type:"spectrum",value:"green-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-11"},color:{type:"spectrum",value:"green-11"}}}},tertiary:{kind:"ghost",effect:m,base:h("positive"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"green-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"green-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}}}}},warning:{primary:{kind:"fill",effect:y,base:g("warning"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"orange-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"orange-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:d,base:b("warning"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-10"},color:{type:"spectrum",value:"orange-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-11"},color:{type:"spectrum",value:"orange-11"}}}},tertiary:{kind:"ghost",effect:m,base:h("warning"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"orange-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"orange-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}}}}}}},C={white:"#ffffff",black:"#000000",transparent:"transparent",current:"currentColor"},k={light:{palette:{core:{brand:{hue:"purple",step:"9"},accent:{hue:"carbon",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:"carbon",step:"13"},secondary:{hue:"carbon",step:"10"},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:"125 46 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:"carbon",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:"carbon",step:"13"},secondary:{hue:"carbon",step:"10"},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"}}}},S={defaults:w.defaults,size:{xs:{spacing:"1",iconSize:"sm"},sm:{spacing:w.size.sm.spacingVertical,iconSize:w.size.sm.iconSize},md:{spacing:w.size.md.spacingVertical,iconSize:w.size.md.iconSize},lg:{spacing:w.size.lg.spacingVertical,iconSize:w.size.lg.iconSize},xl:{spacing:"4",iconSize:"lg"}}},F={damped:{1:{damping:20.585796264350424,stiffness:62.37968115365702},2:{damping:29.312551281312288,stiffness:126.47801753759964},3:{damping:48.92799401356162,stiffness:352.3892336537332},4:{damping:123.42690994256348,stiffness:2242.474548821137}},smooth:{1:{damping:16.46863701148034,stiffness:67.80400125397502},2:{damping:23.45004102504983,stiffness:137.47610601913004},3:{damping:39.1423952108493,stiffness:383.03177571057955},4:{damping:98.7415279540508,stiffness:2437.4723356751488}},subtle:{1:{damping:13.04316051309243,stiffness:67.80400125397502},2:{damping:18.572432491839468,stiffness:137.47610601913004},3:{damping:31.000777006992646,stiffness:383.03177571057955},4:{damping:78.20329013960823,stiffness:2437.4723356751488}},bouncy:{1:{damping:9.229712940600143,stiffness:48.880672622541795},2:{damping:12.634144343496553,stiffness:91.59092691366399},3:{damping:19.40217701790486,stiffness:216.00395877230474},4:{damping:37.541723184430275,stiffness:808.7032559422912}},veryBouncy:{1:{damping:6.902290754946187,stiffness:38.92152745126911},2:{damping:9.155550514215523,stiffness:68.48134828711234},3:{damping:13.244464908166709,stiffness:143.30858570843873},4:{damping:22.17862652876726,stiffness:401.85804919502965}}},W={sm:16,md:24,lg:32},D={sm:16,md:24,lg:32},$=W,x={fontFamily:s,fontWeight:i,textTransform:f,avatarSizes:D,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}},z={fontFamily:s,fontWeight:i,textTransform:f,avatarSizes:D,iconSizes:$,borderRadius:{none:0,xs:2,sm:4,md:8,lg:16,xl:32,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:4}},R={colorMode:k,scaleMode:{xSmall:{...x,...o},small:{...x,...e},medium:{...x,...t},large:{...z,...a},xLarge:{...z,...r},xxLarge:{...z,...n},xxxLarge:{...z,...l}},font:{sans:"yahoo-sans-cr4","sans-alt":"yahoo-sans-condensed",serif:"yahoo-serif-display","serif-alt":"yahoo-serif-text",mono:"roboto-mono"},button:w,iconButton:S,version:"v0.0.0",motion:F},M="system",N="system",V="light",Y="large",T=!1,H="🇺🇸 US",j="https://s.yimg.com/bw/fonts",E=["Helvetica Neue","Helvetica","Arial","sans-serif"],L=["Georgia","Times","Times New Roman","serif"],G={"centra-no2":{fallback:E,type:"sans",isVariableFont:!1,declarations:[{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"100",src:`url('${j}/centra-no2-hairline.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"100",src:`url('${j}/centra-no2-hairline-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"200",src:`url('${j}/centra-no2-thin.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"200",src:`url('${j}/centra-no2-thin-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"300",src:`url('${j}/centra-no2-light.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"300",src:`url('${j}/centra-no2-light-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/centra-no2-book.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/centra-no2-book-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"500",src:`url('${j}/centra-no2-medium.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"500",src:`url('${j}/centra-no2-medium-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/centra-no2-bold.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/centra-no2-bold-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"800",src:`url('${j}/centra-no2-extrabold.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"800",src:`url('${j}/centra-no2-extrabold-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"900",src:`url('${j}/centra-no2-black.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"900",src:`url('${j}/centra-no2-black-italic.woff2') format('woff2')`}]},inter:{fallback:E,type:"sans",isVariableFont:!0,declarations:[{fontFamily:"Inter",fontDisplay:"swap",fontWeight:"1 1000",src:`url('${j}/inter-vf.woff2') format('woff2')`}]},"roboto-mono":{fallback:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"],type:"mono",isVariableFont:!1,declarations:[{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"100",src:`url('${j}/roboto-mono-100.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"100",src:`url('${j}/roboto-mono-100-italic.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"200",src:`url('${j}/roboto-mono-200.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"200",src:`url('${j}/roboto-mono-200-italic.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"300",src:`url('${j}/roboto-mono-300.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"300",src:`url('${j}/roboto-mono-300-italic.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/roboto-mono-400.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/roboto-mono-400-italic.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"500",src:`url('${j}/roboto-mono-500.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"500",src:`url('${j}/roboto-mono-500-italic.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"600",src:`url('${j}/roboto-mono-600.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"600",src:`url('${j}/roboto-mono-600-italic.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/roboto-mono-700.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/roboto-mono-700-italic.woff2') format('woff2')`}]},"yahoo-sans":{fallback:E,type:"sans",isVariableFont:!0,declarations:[{fontFamily:"Yahoo Sans",fontDisplay:"swap",fontWeight:"1 1000",src:`url('${j}/yahoo-sans-vf.woff2') format('woff2')`}]},"yahoo-sans-cr4":{fallback:E,type:"sans",isVariableFont:!0,declarations:[{fontFamily:"Yahoo Sans CR4",fontDisplay:"swap",fontWeight:"1 1000",src:`url('${j}/yahoo-sans-cr4-vf.woff2') format('woff2')`}]},"yahoo-sans-condensed":{fallback:E,type:"sans",isVariableFont:!0,declarations:[{fontFamily:"Yahoo Sans Condensed",fontDisplay:"swap",fontWeight:"1 1000",src:`url('${j}/yahoo-sans-condensed-vf.woff2') format('woff2')`}]},"yahoo-serif-display":{fallback:L,type:"serif",isVariableFont:!1,declarations:[{fontFamily:"Yahoo Serif Display",fontStyle:"normal",fontDisplay:"swap",fontWeight:"300",src:`url('${j}/yahoo-serif-display-light.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Display",fontStyle:"normal",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/yahoo-serif-display-regular.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Display",fontStyle:"normal",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/yahoo-serif-display-bold.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Display",fontStyle:"normal",fontDisplay:"swap",fontWeight:"800",src:`url('${j}/yahoo-serif-display-extrabold.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Display",fontStyle:"normal",fontDisplay:"swap",fontWeight:"900",src:`url('${j}/yahoo-serif-display-black.woff2') format('woff2')`}]},"yahoo-serif-text":{fallback:L,type:"serif",isVariableFont:!1,declarations:[{fontFamily:"Yahoo Serif Text",fontStyle:"normal",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/yahoo-serif-text-regular.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Text",fontStyle:"italic",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/yahoo-serif-text-italic.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Text",fontStyle:"normal",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/yahoo-serif-text-bold.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Text",fontStyle:"italic",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/yahoo-serif-text-bold-italic.woff2') format('woff2')`}]}};function O(o){return Object.fromEntries(o)}function A(o){return Object.keys(o).filter((o=>"defaults"!==o)).reduce(((e,t)=>{const a=[],r=[...Object.keys(o[t]),void 0];return 0===e.length?r.forEach((o=>{a.push({[t]:o})})):e.forEach((o=>{r.forEach((e=>{a.push({...o,[t]:e})}))})),a}),[])}
|
|
3
|
-
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{V as DEFAULT_COLOR_MODE,M as DEFAULT_COLOR_MODE_FOR_APP,T as DEFAULT_HIGH_CONTRAST_MODE,H as DEFAULT_REGION_MODE,Y as DEFAULT_SCALE_MODE,N as DEFAULT_SCALE_MODE_FOR_APP,G as FONT_DECLARATIONS_MAP,C as alwaysPalette,
|
|
2
|
+
var p=["none","custom","lighten","darken"],c=["none","custom"],u=["none","up","down"],y={hover:{backgroundColor:{value:"darken",options:p},borderColor:{value:"none",options:c},color:{value:"none",options:[...c,"darken"]},scale:{value:"up",options:u}},pressed:{backgroundColor:{value:"darken",options:p},borderColor:{value:"none",options:c},color:{value:"none",options:[...c,"darken"]},scale:{value:"down",options:u}}},d={hover:{backgroundColor:{value:"none",options:c},borderColor:{value:"darken",options:p},color:{value:"darken",options:p},scale:{value:"up",options:u}},pressed:{backgroundColor:{value:"none",options:c},borderColor:{value:"darken",options:p},color:{value:"darken",options:p},scale:{value:"down",options:u}}},m={hover:{backgroundColor:{value:"lighten",options:["none","custom","lighten"]},borderColor:{value:"none",options:c},color:{value:"none",options:["none","custom","lighten"]},scale:{value:"up",options:u}},pressed:{backgroundColor:{value:"lighten",options:p},borderColor:{value:"none",options:c},color:{value:"none",options:p},scale:{value:"down",options:u}}};function g(o){return{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:o},color:{type:"palette",value:"on-color"},scale:"none"}}function b(o){return{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:o},color:{type:"palette",value:o},scale:"none"}}function h(o){return{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:o},scale:"none"}}var w={fill:g,outline:b,ghost:h},v={defaults:{palette:"accent",variant:"primary",size:"md"},size:{sm:{spacingHorizontal:"4",spacingVertical:"1",gap:"2",iconSize:"sm",textVariant:"label1"},md:{spacingHorizontal:"6",spacingVertical:"3",gap:"2",iconSize:"sm",textVariant:"label1"},lg:{spacingHorizontal:"7",spacingVertical:"4",gap:"2",iconSize:"md",textVariant:"headline1"}},palette:{accent:{primary:{kind:"fill",effect:y,base:g("accent"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"carbon-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"carbon-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:d,base:b("accent"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"carbon-10"},color:{type:"spectrum",value:"carbon-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"carbon-11"},color:{type:"spectrum",value:"carbon-11"}}}},tertiary:{kind:"ghost",effect:m,base:h("accent"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"carbon-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"carbon-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}}}}},brand:{primary:{kind:"fill",effect:y,base:g("brand"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"purple-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"purple-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:d,base:b("brand"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-10"},color:{type:"spectrum",value:"purple-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-11"},color:{type:"spectrum",value:"purple-11"}}}},tertiary:{kind:"ghost",effect:m,base:h("brand"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"purple-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"purple-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}}}}},alert:{primary:{kind:"fill",effect:y,base:g("alert"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"red-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"red-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:d,base:b("alert"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-10"},color:{type:"spectrum",value:"red-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-11"},color:{type:"spectrum",value:"red-11"}}}},tertiary:{kind:"ghost",effect:m,base:h("alert"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"red-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"red-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}}}}},positive:{primary:{kind:"fill",effect:y,base:g("positive"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"green-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"green-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:d,base:b("positive"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-10"},color:{type:"spectrum",value:"green-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-11"},color:{type:"spectrum",value:"green-11"}}}},tertiary:{kind:"ghost",effect:m,base:h("positive"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"green-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"green-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}}}}},warning:{primary:{kind:"fill",effect:y,base:g("warning"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"orange-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"orange-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:d,base:b("warning"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-10"},color:{type:"spectrum",value:"orange-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-11"},color:{type:"spectrum",value:"orange-11"}}}},tertiary:{kind:"ghost",effect:m,base:h("warning"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"orange-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"orange-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}}}}}}},C={white:"#ffffff",black:"#000000",transparent:"transparent",current:"currentColor"},k={light:{palette:{core:{brand:{hue:"purple",step:"9"},accent:{hue:"carbon",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:"carbon",step:"13"},secondary:{hue:"carbon",step:"10"},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:"125 46 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:"carbon",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:"carbon",step:"13"},secondary:{hue:"carbon",step:"10"},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"}}}},S={defaults:v.defaults,size:{xs:{spacing:"1",iconSize:"sm"},sm:{spacing:v.size.sm.spacingVertical,iconSize:v.size.sm.iconSize},md:{spacing:v.size.md.spacingVertical,iconSize:v.size.md.iconSize},lg:{spacing:v.size.lg.spacingVertical,iconSize:v.size.lg.iconSize},xl:{spacing:"4",iconSize:"lg"}}},F={damped:{1:{damping:20.585796264350424,stiffness:62.37968115365702},2:{damping:29.312551281312288,stiffness:126.47801753759964},3:{damping:48.92799401356162,stiffness:352.3892336537332},4:{damping:123.42690994256348,stiffness:2242.474548821137}},smooth:{1:{damping:16.46863701148034,stiffness:67.80400125397502},2:{damping:23.45004102504983,stiffness:137.47610601913004},3:{damping:39.1423952108493,stiffness:383.03177571057955},4:{damping:98.7415279540508,stiffness:2437.4723356751488}},subtle:{1:{damping:13.04316051309243,stiffness:67.80400125397502},2:{damping:18.572432491839468,stiffness:137.47610601913004},3:{damping:31.000777006992646,stiffness:383.03177571057955},4:{damping:78.20329013960823,stiffness:2437.4723356751488}},bouncy:{1:{damping:9.229712940600143,stiffness:48.880672622541795},2:{damping:12.634144343496553,stiffness:91.59092691366399},3:{damping:19.40217701790486,stiffness:216.00395877230474},4:{damping:37.541723184430275,stiffness:808.7032559422912}},veryBouncy:{1:{damping:6.902290754946187,stiffness:38.92152745126911},2:{damping:9.155550514215523,stiffness:68.48134828711234},3:{damping:13.244464908166709,stiffness:143.30858570843873},4:{damping:22.17862652876726,stiffness:401.85804919502965}}},W={sm:16,md:24,lg:32},D={sm:16,md:24,lg:32},$=W,x={fontFamily:s,fontWeight:i,textTransform:f,avatarSizes:D,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}},z={fontFamily:s,fontWeight:i,textTransform:f,avatarSizes:D,iconSizes:$,borderRadius:{none:0,xs:2,sm:4,md:8,lg:16,xl:32,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:4}},R={colorMode:k,scaleMode:{xSmall:{...x,...o},small:{...x,...e},medium:{...x,...t},large:{...z,...a},xLarge:{...z,...r},xxLarge:{...z,...n},xxxLarge:{...z,...l}},font:{sans:"yahoo-sans-cr4","sans-alt":"yahoo-sans-condensed",serif:"yahoo-serif-display","serif-alt":"yahoo-serif-text",mono:"roboto-mono"},button:v,iconButton:S,version:"v0.0.0",motion:F},M="system",N="system",V="light",Y="large",T=!1,H="🇺🇸 US",j="https://s.yimg.com/bw/fonts",E=["Helvetica Neue","Helvetica","Arial","sans-serif"],L=["Georgia","Times","Times New Roman","serif"],G={"centra-no2":{fallback:E,type:"sans",isVariableFont:!1,declarations:[{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"100",src:`url('${j}/centra-no2-hairline.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"100",src:`url('${j}/centra-no2-hairline-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"200",src:`url('${j}/centra-no2-thin.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"200",src:`url('${j}/centra-no2-thin-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"300",src:`url('${j}/centra-no2-light.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"300",src:`url('${j}/centra-no2-light-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/centra-no2-book.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/centra-no2-book-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"500",src:`url('${j}/centra-no2-medium.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"500",src:`url('${j}/centra-no2-medium-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/centra-no2-bold.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/centra-no2-bold-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"800",src:`url('${j}/centra-no2-extrabold.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"800",src:`url('${j}/centra-no2-extrabold-italic.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"normal",fontDisplay:"swap",fontWeight:"900",src:`url('${j}/centra-no2-black.woff2') format('woff2')`},{fontFamily:"Centra No2",fontStyle:"italic",fontDisplay:"swap",fontWeight:"900",src:`url('${j}/centra-no2-black-italic.woff2') format('woff2')`}]},inter:{fallback:E,type:"sans",isVariableFont:!0,declarations:[{fontFamily:"Inter",fontDisplay:"swap",fontWeight:"1 1000",src:`url('${j}/inter-vf.woff2') format('woff2')`}]},"roboto-mono":{fallback:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"],type:"mono",isVariableFont:!1,declarations:[{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"100",src:`url('${j}/roboto-mono-100.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"100",src:`url('${j}/roboto-mono-100-italic.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"200",src:`url('${j}/roboto-mono-200.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"200",src:`url('${j}/roboto-mono-200-italic.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"300",src:`url('${j}/roboto-mono-300.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"300",src:`url('${j}/roboto-mono-300-italic.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/roboto-mono-400.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/roboto-mono-400-italic.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"500",src:`url('${j}/roboto-mono-500.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"500",src:`url('${j}/roboto-mono-500-italic.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"600",src:`url('${j}/roboto-mono-600.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"600",src:`url('${j}/roboto-mono-600-italic.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"normal",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/roboto-mono-700.woff2') format('woff2')`},{fontFamily:"Roboto Mono",fontStyle:"italic",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/roboto-mono-700-italic.woff2') format('woff2')`}]},"yahoo-sans":{fallback:E,type:"sans",isVariableFont:!0,declarations:[{fontFamily:"Yahoo Sans",fontDisplay:"swap",fontWeight:"1 1000",src:`url('${j}/yahoo-sans-vf.woff2') format('woff2')`}]},"yahoo-sans-cr4":{fallback:E,type:"sans",isVariableFont:!0,declarations:[{fontFamily:"Yahoo Sans CR4",fontDisplay:"swap",fontWeight:"1 1000",src:`url('${j}/yahoo-sans-cr4-vf.woff2') format('woff2')`}]},"yahoo-product-sans":{fallback:E,type:"sans",isVariableFont:!0,declarations:[{fontFamily:"Yahoo Product Sans",fontDisplay:"swap",fontWeight:"1 1000",src:`url('${j}/yahoo-product-sans-vf.woff2') format('woff2')`}]},"yahoo-sans-condensed":{fallback:E,type:"sans",isVariableFont:!0,declarations:[{fontFamily:"Yahoo Sans Condensed",fontDisplay:"swap",fontWeight:"1 1000",src:`url('${j}/yahoo-sans-condensed-vf.woff2') format('woff2')`}]},"yahoo-serif-display":{fallback:L,type:"serif",isVariableFont:!1,declarations:[{fontFamily:"Yahoo Serif Display",fontStyle:"normal",fontDisplay:"swap",fontWeight:"300",src:`url('${j}/yahoo-serif-display-light.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Display",fontStyle:"normal",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/yahoo-serif-display-regular.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Display",fontStyle:"normal",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/yahoo-serif-display-bold.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Display",fontStyle:"normal",fontDisplay:"swap",fontWeight:"800",src:`url('${j}/yahoo-serif-display-extrabold.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Display",fontStyle:"normal",fontDisplay:"swap",fontWeight:"900",src:`url('${j}/yahoo-serif-display-black.woff2') format('woff2')`}]},"yahoo-serif-text":{fallback:L,type:"serif",isVariableFont:!1,declarations:[{fontFamily:"Yahoo Serif Text",fontStyle:"normal",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/yahoo-serif-text-regular.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Text",fontStyle:"italic",fontDisplay:"swap",fontWeight:"400",src:`url('${j}/yahoo-serif-text-italic.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Text",fontStyle:"normal",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/yahoo-serif-text-bold.woff2') format('woff2')`},{fontFamily:"Yahoo Serif Text",fontStyle:"italic",fontDisplay:"swap",fontWeight:"700",src:`url('${j}/yahoo-serif-text-bold-italic.woff2') format('woff2')`}]}};function O(o){return Object.fromEntries(o)}function A(o){return Object.keys(o).filter((o=>"defaults"!==o)).reduce(((e,t)=>{const a=[],r=[...Object.keys(o[t]),void 0];return 0===e.length?r.forEach((o=>{a.push({[t]:o})})):e.forEach((o=>{r.forEach((e=>{a.push({...o,[t]:e})}))})),a}),[])}
|
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{V as DEFAULT_COLOR_MODE,M as DEFAULT_COLOR_MODE_FOR_APP,T as DEFAULT_HIGH_CONTRAST_MODE,H as DEFAULT_REGION_MODE,Y as DEFAULT_SCALE_MODE,N as DEFAULT_SCALE_MODE_FOR_APP,G as FONT_DECLARATIONS_MAP,C as alwaysPalette,v as button,R as defaultTokensConfig,O as fromEntries,A as generateConfigCombinations,w as getDefaultButtonBaseMap,F as motion,$ as normalIconSizes};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var r=require("./chunk-
|
|
1
|
+
"use strict";var r=require("./chunk-6URF5YHM.cjs"),e=require("./chunk-GIJ2FHY5.cjs"),t=require("./chunk-5WBROFT5.cjs"),n=require("@yahoo/uds/fixtures");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */function o({variant:r,speed:e,control:n}){return`${[`--${t.MOTION_PREFIX}`,r,e,n].join("-")}`}exports.getMotionStyles=function(t){const i=e.entries(t).flatMap((([r,t])=>e.entries(t).flatMap((([e,t])=>n.motionSpringConfigOptions.map((n=>[o({variant:r,speed:e,control:n}),`${t[n]}`]))))));return r.fromEntries(i)},exports.getMotionVar=o;
|
package/dist/client/index.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var
|
|
2
|
+
"use strict";var t=require("../chunk-D5NBUCDY.cjs"),e=require("../chunk-TNA4SFJT.cjs"),o=require("../chunk-6URF5YHM.cjs"),n=require("../chunk-5WBROFT5.cjs"),r=require("@yahoo/uds/fixtures"),i=require("react/jsx-runtime"),a=require("motion/react"),s=require("react"),c={scale:.7,opacity:0},l={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},d={icon:l,hide:c,loading:c},u={loading:l,hide:c,icon:c},p=`var(${n.BUTTON_CSS_VAR_MAP.columnGap})`,m=`var(${n.BUTTON_CSS_VAR_MAP.iconSize})`,h={rest:{scale:`var(${n.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${n.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${n.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:p}},f={hide:{width:"0px",opacity:0,display:"none"},loading:{width:m,display:"flex",opacity:1},icon:{width:m,display:"flex",opacity:1}},g=({size:t,variant:e})=>{if("outline"===e)switch(t){case"sm":return i.jsx(i.Fragment,{children:i.jsx("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return i.jsx(i.Fragment,{children:i.jsx("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return i.jsx(i.Fragment,{children:i.jsx("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===e)switch(t){case"sm":return i.jsx(i.Fragment,{children:i.jsx("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return i.jsx(i.Fragment,{children:i.jsx("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return i.jsx(i.Fragment,{children:i.jsx("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return i.jsx(i.Fragment,{})},b=()=>import("../motionFeatures-HQUM526D.cjs").then((({domAnimation:t})=>t));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */function x({reducedMotion:t="user",children:n,layoutVariant:r="subtle",layoutSpeed:c="3",colorVariant:l="smooth",colorSpeed:d="3"}){const u=o.motion[r][c],p=o.motion[l][d],[m,h]=s.useState(u),[f,g]=s.useState(p),x={variant:l,speed:d},S=e.getMotionVar({...x,control:"stiffness"}),v=e.getMotionVar({...x,control:"damping"}),j={variant:r,speed:c},C=e.getMotionVar({...j,control:"stiffness"}),y=e.getMotionVar({...j,control:"damping"});s.useEffect((()=>{const t=getComputedStyle(document.documentElement),e={damping:Number(t.getPropertyValue(y)),stiffness:Number(t.getPropertyValue(C))},o={damping:Number(t.getPropertyValue(v)),stiffness:Number(t.getPropertyValue(S))};h(e),g(o)}),[v,S,y,C]);const w=s.useMemo((()=>({type:"spring",mass:1,...m,layout:m,opacity:f,color:f,borderColor:f,backgroundColor:f})),[f,m]);return i.jsx(a.LazyMotion,{features:b,strict:!0,children:i.jsx(a.MotionConfig,{transition:w,reducedMotion:t,children:n})})}var S=t.createSlot(),v=a.m.create(S),j=s.forwardRef((function({palette:e,variant:o,size:n,startIcon:c,endIcon:l,iconVariant:p,loading:m,disableEffects:b,children:S,asChild:j,type:C="button",className:y,...w},M){const N=s.useRef(null);s.useImperativeHandle(M,(()=>N.current));const V=l?"icon":"hide",I=(({startIcon:t,endIcon:e,loading:o})=>t||e||o?"withIcon":"withoutIcon")({startIcon:c,endIcon:l,loading:m}),T=(({loading:t,startIcon:e})=>t?"loading":e?"icon":"hide")({loading:m,startIcon:c}),B={button:t.getStyles({buttonSize:n,buttonVariant:o,buttonPalette:e,className:t.cx("uds-button","uds-ring","uds-hit-target",m&&"uds-button-loading",b&&"uds-button-without-effects","withIcon"===I&&"uds-button-with-gap",y)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"},R=a.useReducedMotion()?"smooth":"subtle",z=s.useMemo((()=>i.jsx(a.m.span,{className:B.iconContainer,initial:!1,variants:f,animate:T,children:i.jsxs(a.AnimatePresence,{initial:!1,mode:"popLayout",children:[m&&i.jsx(a.m.span,{variants:u,initial:"hide",animate:"loading",exit:"hide",children:i.jsx(t.Icon,{size:r.buttonIconSvgSize,name:g,variant:p,color:"current",className:B.loading})},"loading"),c&&!m&&i.jsx(a.m.span,{variants:d,initial:"hide",animate:"icon",exit:"hide",children:i.jsx(t.Icon,{size:r.buttonIconSvgSize,name:c,variant:p,color:"current",className:B.start})},c.name)]})})),[B.iconContainer,B.loading,B.start,T,m,p,c]),A=s.useMemo((()=>i.jsx(a.m.span,{className:B.iconContainer,initial:!1,variants:f,animate:V,children:i.jsx(a.AnimatePresence,{initial:!1,mode:"popLayout",children:l&&i.jsx(a.m.span,{variants:d,initial:"hide",animate:"icon",exit:"hide",children:i.jsx(t.Icon,{size:r.buttonIconSvgSize,name:l,variant:p,color:"current",className:B.start})},l.name)})})),[B.iconContainer,B.start,l,V,p]),E=s.useMemo((()=>b?{...h,rest:{},hover:{},pressed:{}}:h),[b]);return j&&s.isValidElement(S)?i.jsx(x,{layoutSpeed:"3",layoutVariant:R,children:i.jsx(v,{type:C,className:B.button,initial:["hide",I],animate:I,variants:E,whileHover:"hover",whileTap:"pressed",...w,children:s.cloneElement(S,S.props,i.jsxs(i.Fragment,{children:[z,i.jsx("span",{className:B.content,children:S.props.children}),A]}))})}):i.jsx(x,{layoutSpeed:"3",layoutVariant:R,children:i.jsxs(a.m.button,{ref:N,type:C,className:B.button,initial:["hide",I],animate:I,variants:E,whileHover:"hover",whileTap:"pressed",...w,children:[z,i.jsx("span",{className:B.content,children:S}),A]})})})),C=s.forwardRef((function({palette:e,variant:o,size:n,iconVariant:c,loading:l,disableEffects:p,name:m,type:f="button",className:b,children:S,...v},j){const C=s.useRef(null);s.useImperativeHandle(j,(()=>C.current));const y=s.useMemo((()=>({button:t.getStyles({buttonVariant:o,buttonPalette:e,iconButtonSize:n,className:t.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",l&&"uds-button-loading",p&&"uds-button-without-effects",b)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[e,o,b,p,n,l]),w=a.useReducedMotion(),M=s.useMemo((()=>w?"smooth":"subtle"),[w]),N=s.useMemo((()=>{const{rest:t,hover:e,pressed:o}=h;return p?{rest:{},hover:{},pressed:{}}:{rest:t,hover:e,pressed:o}}),[p]);return i.jsx(x,{layoutSpeed:"3",layoutVariant:M,reducedMotion:p?"always":"user",children:i.jsx(a.m.button,{ref:C,type:f,className:y.button,initial:"icon",variants:N,whileHover:"hover",whileTap:"pressed",...v,children:i.jsxs(a.AnimatePresence,{initial:!1,mode:"popLayout",children:[l&&i.jsx(a.m.span,{variants:u,initial:"loading",animate:"loading",exit:"hide",children:i.jsx(t.Icon,{size:r.buttonIconSvgSize,name:g,variant:c,color:"current",className:y.loading})},"loading"),m&&!l&&i.jsx(a.m.span,{variants:d,initial:"icon",animate:"icon",exit:"hide",children:S||i.jsx(t.Icon,{size:r.buttonIconSvgSize,name:m,variant:c,color:"current",className:y.icon})},m.name)]})})})})),y=t.createSlot(),w=s.forwardRef((function({className:e,asChild:o,onPress:n,onClick:r=n,backgroundColor:a,borderRadius:s,borderTopStartRadius:c,borderTopEndRadius:l,borderBottomStartRadius:d,borderBottomEndRadius:u,borderColor:p,borderStartColor:m,borderEndColor:h,borderTopColor:f,borderBottomColor:g,borderWidth:b,borderVerticalWidth:x,borderHorizontalWidth:S,borderStartWidth:v,borderEndWidth:j,borderTopWidth:C,borderBottomWidth:w,alignContent:M,alignItems:N,alignSelf:V,flex:I,flexDirection:T,flexGrow:B,flexShrink:R,flexWrap:z,justifyContent:A,flexBasis:E,display:W,overflow:P,overflowX:_,overflowY:H,position:F,spacing:k,spacingHorizontal:G,spacingVertical:q,spacingBottom:U,spacingEnd:O,spacingStart:D,spacingTop:$,offset:L,offsetVertical:Y,offsetHorizontal:X,offsetBottom:J,offsetEnd:Q,offsetStart:K,offsetTop:Z,columnGap:tt,rowGap:et,...ot},nt){const rt=t.getStyles({backgroundColor:a,borderRadius:s,borderTopStartRadius:c,borderTopEndRadius:l,borderBottomStartRadius:d,borderBottomEndRadius:u,borderColor:p,borderStartColor:m,borderEndColor:h,borderTopColor:f,borderBottomColor:g,borderWidth:b,borderVerticalWidth:x,borderHorizontalWidth:S,borderStartWidth:v,borderEndWidth:j,borderTopWidth:C,borderBottomWidth:w,alignContent:M,alignItems:N,alignSelf:V,flex:I,flexDirection:T,flexGrow:B,flexShrink:R,flexWrap:z,justifyContent:A,flexBasis:E,display:W,overflow:P,overflowX:_,overflowY:H,position:F,spacing:k,spacingHorizontal:G,spacingVertical:q,spacingBottom:U,spacingEnd:O,spacingStart:D,spacingTop:$,offset:L,offsetVertical:Y,offsetHorizontal:X,offsetBottom:J,offsetEnd:Q,offsetStart:K,offsetTop:Z,columnGap:tt,rowGap:et,className:e}),it=o?y:"button";return i.jsx(it,{className:rt,ref:nt,onClick:r,...ot})}));
|
|
3
3
|
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Button=j,exports.IconButton=C,exports.Pressable=w,exports.SpringMotionConfig=x;
|
package/dist/client/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { e as UniversalButtonProps, f as UniversalIconButtonProps, g as UniversalPressableProps, M as MotionVariant, h as MotionVariantSpeed } from '../types-
|
|
2
|
-
import { HTMLMotionProps, MotionConfigProps } from '
|
|
1
|
+
import { e as UniversalButtonProps, f as UniversalIconButtonProps, g as UniversalPressableProps, M as MotionVariant, h as MotionVariantSpeed } from '../types-i8FyOTfl.cjs';
|
|
2
|
+
import { HTMLMotionProps, MotionConfigProps } from 'motion/react';
|
|
3
3
|
import * as react from 'react';
|
|
4
4
|
import react__default from 'react';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
@@ -40,7 +40,7 @@ interface ButtonProps extends HtmlButtonProps$2, UniversalButtonProps {
|
|
|
40
40
|
*
|
|
41
41
|
* @related [Icon](https://uds.build/docs/components/icon), [IconButton](https://uds.build/docs/components/icon-button), [Pressable](https://uds.build/docs/components/pressable)
|
|
42
42
|
**/
|
|
43
|
-
declare const Button: react__default.ForwardRefExoticComponent<ButtonProps & react__default.RefAttributes<HTMLButtonElement>>;
|
|
43
|
+
declare const Button: react__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>>;
|
|
44
44
|
|
|
45
45
|
type HtmlButtonProps$1 = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'> & Omit<HTMLMotionProps<'button'>, 'name'>;
|
|
46
46
|
interface IconButtonProps extends HtmlButtonProps$1, UniversalIconButtonProps {
|
|
@@ -75,7 +75,7 @@ interface IconButtonProps extends HtmlButtonProps$1, UniversalIconButtonProps {
|
|
|
75
75
|
* @related [Icon](https://uds.build/docs/components/icon), [Button](https://uds.build/docs/components/button), and [Pressable](https://uds.build/docs/components/pressable)
|
|
76
76
|
*
|
|
77
77
|
**/
|
|
78
|
-
declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
78
|
+
declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
79
79
|
|
|
80
80
|
type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
|
|
81
81
|
interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
|
package/dist/client/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { e as UniversalButtonProps, f as UniversalIconButtonProps, g as UniversalPressableProps, M as MotionVariant, h as MotionVariantSpeed } from '../types-
|
|
2
|
-
import { HTMLMotionProps, MotionConfigProps } from '
|
|
1
|
+
import { e as UniversalButtonProps, f as UniversalIconButtonProps, g as UniversalPressableProps, M as MotionVariant, h as MotionVariantSpeed } from '../types-i8FyOTfl.js';
|
|
2
|
+
import { HTMLMotionProps, MotionConfigProps } from 'motion/react';
|
|
3
3
|
import * as react from 'react';
|
|
4
4
|
import react__default from 'react';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
@@ -40,7 +40,7 @@ interface ButtonProps extends HtmlButtonProps$2, UniversalButtonProps {
|
|
|
40
40
|
*
|
|
41
41
|
* @related [Icon](https://uds.build/docs/components/icon), [IconButton](https://uds.build/docs/components/icon-button), [Pressable](https://uds.build/docs/components/pressable)
|
|
42
42
|
**/
|
|
43
|
-
declare const Button: react__default.ForwardRefExoticComponent<ButtonProps & react__default.RefAttributes<HTMLButtonElement>>;
|
|
43
|
+
declare const Button: react__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>>;
|
|
44
44
|
|
|
45
45
|
type HtmlButtonProps$1 = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'> & Omit<HTMLMotionProps<'button'>, 'name'>;
|
|
46
46
|
interface IconButtonProps extends HtmlButtonProps$1, UniversalIconButtonProps {
|
|
@@ -75,7 +75,7 @@ interface IconButtonProps extends HtmlButtonProps$1, UniversalIconButtonProps {
|
|
|
75
75
|
* @related [Icon](https://uds.build/docs/components/icon), [Button](https://uds.build/docs/components/button), and [Pressable](https://uds.build/docs/components/pressable)
|
|
76
76
|
*
|
|
77
77
|
**/
|
|
78
|
-
declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
78
|
+
declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
79
79
|
|
|
80
80
|
type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
|
|
81
81
|
interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
|
package/dist/client/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{createSlot as t,getStyles as o,cx as e,Icon as n}from"../chunk-
|
|
3
|
-
var
|
|
4
|
-
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{
|
|
2
|
+
import{createSlot as t,getStyles as o,cx as e,Icon as n}from"../chunk-HNDH4G6I.js";import{getMotionVar as r}from"../chunk-AJYO7N7R.js";import{motion as i}from"../chunk-QYZNWDRL.js";import{BUTTON_CSS_VAR_MAP as a}from"../chunk-PE2P7J44.js";import{buttonIconSvgSize as s}from"@yahoo/uds/fixtures";import{jsx as l,jsxs as c,Fragment as d}from"react/jsx-runtime";import{m as u,useReducedMotion as p,AnimatePresence as h,LazyMotion as m,MotionConfig as f}from"motion/react";import{forwardRef as b,useRef as g,useImperativeHandle as v,useMemo as y,isValidElement as C,cloneElement as w,useState as S,useEffect as N}from"react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
+
var x={scale:.7,opacity:0},V={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},z={icon:V,hide:x,loading:x},W={loading:V,hide:x,icon:x},E=`var(${a.columnGap})`,I=`var(${a.iconSize})`,T={rest:{scale:`var(${a.effects.scale.rest})`},hover:{scale:`var(${a.effects.scale.hover})`},pressed:{scale:`var(${a.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:E}},B={hide:{width:"0px",opacity:0,display:"none"},loading:{width:I,display:"flex",opacity:1},icon:{width:I,display:"flex",opacity:1}},R=({size:t,variant:o})=>{if("outline"===o)switch(t){case"sm":return l(d,{children:l("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return l(d,{children:l("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return l(d,{children:l("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===o)switch(t){case"sm":return l(d,{children:l("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return l(d,{children:l("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return l(d,{children:l("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return l(d,{})},H=()=>import("../motionFeatures-PRT45UQH.js").then((({domAnimation:t})=>t));function k({reducedMotion:t="user",children:o,layoutVariant:e="subtle",layoutSpeed:n="3",colorVariant:a="smooth",colorSpeed:s="3"}){const c=i[e][n],d=i[a][s],[u,p]=S(c),[h,b]=S(d),g={variant:a,speed:s},v=r({...g,control:"stiffness"}),C=r({...g,control:"damping"}),w={variant:e,speed:n},x=r({...w,control:"stiffness"}),V=r({...w,control:"damping"});N((()=>{const t=getComputedStyle(document.documentElement),o={damping:Number(t.getPropertyValue(V)),stiffness:Number(t.getPropertyValue(x))},e={damping:Number(t.getPropertyValue(C)),stiffness:Number(t.getPropertyValue(v))};p(o),b(e)}),[C,v,V,x]);const z=y((()=>({type:"spring",mass:1,...u,layout:u,opacity:h,color:h,borderColor:h,backgroundColor:h})),[h,u]);return l(m,{features:H,strict:!0,children:l(f,{transition:z,reducedMotion:t,children:o})})}var G=t(),P=u.create(G),M=b((function({palette:t,variant:r,size:i,startIcon:a,endIcon:m,iconVariant:f,loading:b,disableEffects:S,children:N,asChild:x,type:V="button",className:E,...I},H){const G=g(null);v(H,(()=>G.current));const M=m?"icon":"hide",j=(({startIcon:t,endIcon:o,loading:e})=>t||o||e?"withIcon":"withoutIcon")({startIcon:a,endIcon:m,loading:b}),A=(({loading:t,startIcon:o})=>t?"loading":o?"icon":"hide")({loading:b,startIcon:a}),$={button:o({buttonSize:i,buttonVariant:r,buttonPalette:t,className:e("uds-button","uds-ring","uds-hit-target",b&&"uds-button-loading",S&&"uds-button-without-effects","withIcon"===j&&"uds-button-with-gap",E)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"},D=p()?"smooth":"subtle",L=y((()=>l(u.span,{className:$.iconContainer,initial:!1,variants:B,animate:A,children:c(h,{initial:!1,mode:"popLayout",children:[b&&l(u.span,{variants:W,initial:"hide",animate:"loading",exit:"hide",children:l(n,{size:s,name:R,variant:f,color:"current",className:$.loading})},"loading"),a&&!b&&l(u.span,{variants:z,initial:"hide",animate:"icon",exit:"hide",children:l(n,{size:s,name:a,variant:f,color:"current",className:$.start})},a.name)]})})),[$.iconContainer,$.loading,$.start,A,b,f,a]),Y=y((()=>l(u.span,{className:$.iconContainer,initial:!1,variants:B,animate:M,children:l(h,{initial:!1,mode:"popLayout",children:m&&l(u.span,{variants:z,initial:"hide",animate:"icon",exit:"hide",children:l(n,{size:s,name:m,variant:f,color:"current",className:$.start})},m.name)})})),[$.iconContainer,$.start,m,M,f]),J=y((()=>S?{...T,rest:{},hover:{},pressed:{}}:T),[S]);return x&&C(N)?l(k,{layoutSpeed:"3",layoutVariant:D,children:l(P,{type:V,className:$.button,initial:["hide",j],animate:j,variants:J,whileHover:"hover",whileTap:"pressed",...I,children:w(N,N.props,c(d,{children:[L,l("span",{className:$.content,children:N.props.children}),Y]}))})}):l(k,{layoutSpeed:"3",layoutVariant:D,children:c(u.button,{ref:G,type:V,className:$.button,initial:["hide",j],animate:j,variants:J,whileHover:"hover",whileTap:"pressed",...I,children:[L,l("span",{className:$.content,children:N}),Y]})})})),j=b((function({palette:t,variant:r,size:i,iconVariant:a,loading:d,disableEffects:m,name:f,type:b="button",className:C,children:w,...S},N){const x=g(null);v(N,(()=>x.current));const V=y((()=>({button:o({buttonVariant:r,buttonPalette:t,iconButtonSize:i,className:e("uds-icon-button","uds-button","uds-ring","uds-hit-target",d&&"uds-button-loading",m&&"uds-button-without-effects",C)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[t,r,C,m,i,d]),E=p(),I=y((()=>E?"smooth":"subtle"),[E]),B=y((()=>{const{rest:t,hover:o,pressed:e}=T;return m?{rest:{},hover:{},pressed:{}}:{rest:t,hover:o,pressed:e}}),[m]);return l(k,{layoutSpeed:"3",layoutVariant:I,reducedMotion:m?"always":"user",children:l(u.button,{ref:x,type:b,className:V.button,initial:"icon",variants:B,whileHover:"hover",whileTap:"pressed",...S,children:c(h,{initial:!1,mode:"popLayout",children:[d&&l(u.span,{variants:W,initial:"loading",animate:"loading",exit:"hide",children:l(n,{size:s,name:R,variant:a,color:"current",className:V.loading})},"loading"),f&&!d&&l(u.span,{variants:z,initial:"icon",animate:"icon",exit:"hide",children:w||l(n,{size:s,name:f,variant:a,color:"current",className:V.icon})},f.name)]})})})})),A=t(),$=b((function({className:t,asChild:e,onPress:n,onClick:r=n,backgroundColor:i,borderRadius:a,borderTopStartRadius:s,borderTopEndRadius:c,borderBottomStartRadius:d,borderBottomEndRadius:u,borderColor:p,borderStartColor:h,borderEndColor:m,borderTopColor:f,borderBottomColor:b,borderWidth:g,borderVerticalWidth:v,borderHorizontalWidth:y,borderStartWidth:C,borderEndWidth:w,borderTopWidth:S,borderBottomWidth:N,alignContent:x,alignItems:V,alignSelf:z,flex:W,flexDirection:E,flexGrow:I,flexShrink:T,flexWrap:B,justifyContent:R,flexBasis:H,display:k,overflow:G,overflowX:P,overflowY:M,position:j,spacing:$,spacingHorizontal:D,spacingVertical:L,spacingBottom:Y,spacingEnd:J,spacingStart:Q,spacingTop:X,offset:F,offsetVertical:O,offsetHorizontal:U,offsetBottom:Z,offsetEnd:q,offsetStart:K,offsetTop:_,columnGap:tt,rowGap:ot,...et},nt){const rt=o({backgroundColor:i,borderRadius:a,borderTopStartRadius:s,borderTopEndRadius:c,borderBottomStartRadius:d,borderBottomEndRadius:u,borderColor:p,borderStartColor:h,borderEndColor:m,borderTopColor:f,borderBottomColor:b,borderWidth:g,borderVerticalWidth:v,borderHorizontalWidth:y,borderStartWidth:C,borderEndWidth:w,borderTopWidth:S,borderBottomWidth:N,alignContent:x,alignItems:V,alignSelf:z,flex:W,flexDirection:E,flexGrow:I,flexShrink:T,flexWrap:B,justifyContent:R,flexBasis:H,display:k,overflow:G,overflowX:P,overflowY:M,position:j,spacing:$,spacingHorizontal:D,spacingVertical:L,spacingBottom:Y,spacingEnd:J,spacingStart:Q,spacingTop:X,offset:F,offsetVertical:O,offsetHorizontal:U,offsetBottom:Z,offsetEnd:q,offsetStart:K,offsetTop:_,columnGap:tt,rowGap:ot,className:t});return l(e?A:"button",{className:rt,ref:nt,onClick:r,...et})}));
|
|
4
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{M as Button,j as IconButton,$ as Pressable,k as SpringMotionConfig};
|