@yahoo/uds 0.4.5 → 0.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (60) hide show
  1. package/cli/README.md +15 -2
  2. package/cli/codemods/remapProps.ts +65 -0
  3. package/cli/commands/codemod/spacingProps.ts +52 -0
  4. package/cli/preload.ts +12 -8
  5. package/cli/utils/purgeCSS.test.ts +55 -18
  6. package/cli/utils/purgeCSS.ts +144 -21
  7. package/dist/{Image.native-CfDCpWe_.d.cts → Image.native-Dy2tsvOP.d.ts} +13 -12
  8. package/dist/{Image.native-nwk5tr_f.d.ts → Image.native-DyqCXXic.d.cts} +13 -12
  9. package/dist/{VStack-D-py89Ge.d.cts → VStack-BjW120vC.d.cts} +25 -2
  10. package/dist/{VStack-Bj6PfbK5.d.ts → VStack-CPOOI31y.d.ts} +25 -2
  11. package/dist/experimental/index.cjs +2 -1
  12. package/dist/experimental/index.d.cts +30 -32
  13. package/dist/experimental/index.d.ts +30 -32
  14. package/dist/experimental/index.js +2 -1
  15. package/dist/experimental/index.native.cjs +1 -1
  16. package/dist/experimental/index.native.d.cts +13 -16
  17. package/dist/experimental/index.native.d.ts +13 -16
  18. package/dist/experimental/index.native.js +1 -1
  19. package/dist/fixtures.cjs +1 -664
  20. package/dist/fixtures.d.ts +1 -2
  21. package/dist/fixtures.js +1 -663
  22. package/dist/index.cjs +2 -1
  23. package/dist/index.d.cts +14 -30
  24. package/dist/index.d.ts +14 -30
  25. package/dist/index.js +3 -1
  26. package/dist/{index.native-BLJdXZHY.d.ts → index.native-D-eItswB.d.ts} +1 -1
  27. package/dist/{index.native-A2gCijBH.d.cts → index.native-VZWytAxw.d.cts} +1 -1
  28. package/dist/index.native.cjs +1 -1
  29. package/dist/index.native.d.cts +1122 -10
  30. package/dist/index.native.d.ts +1122 -10
  31. package/dist/index.native.js +1 -1
  32. package/dist/metafile-cjs.json +1 -0
  33. package/dist/metafile-esm.json +1 -0
  34. package/dist/tailwind/plugin.cjs +1 -1
  35. package/dist/tailwind/plugin.d.cts +1 -1
  36. package/dist/tailwind/plugin.d.ts +1 -1
  37. package/dist/tailwind/plugin.js +3 -1
  38. package/dist/tailwind/purger.cjs +3 -1
  39. package/dist/tailwind/purger.d.cts +3 -6
  40. package/dist/tailwind/purger.d.ts +3 -6
  41. package/dist/tailwind/purger.js +3 -1
  42. package/dist/tailwind/tsMorph.cjs +1 -1
  43. package/dist/tailwind/tsMorph.d.cts +11 -2
  44. package/dist/tailwind/tsMorph.d.ts +11 -2
  45. package/dist/tailwind/tsMorph.js +3 -1
  46. package/dist/tokens/index.cjs +2 -1
  47. package/dist/tokens/index.d.cts +1097 -3
  48. package/dist/tokens/index.d.ts +1097 -3
  49. package/dist/tokens/index.js +2 -1
  50. package/dist/tokens/index.native.d.cts +2 -2
  51. package/dist/tokens/index.native.d.ts +2 -2
  52. package/dist/tokens/parseTokens.cjs +2 -1
  53. package/dist/tokens/parseTokens.d.cts +1 -1
  54. package/dist/tokens/parseTokens.d.ts +1 -1
  55. package/dist/tokens/parseTokens.js +2 -1
  56. package/dist/{types-Diou6f1Q.d.cts → types-Cy3fKMaw.d.cts} +21 -20
  57. package/dist/{types-Diou6f1Q.d.ts → types-Cy3fKMaw.d.ts} +21 -20
  58. package/dist/{types-Dk8fLx7L.d.cts → types-at8CTkly.d.cts} +21 -20
  59. package/dist/{types-Dk8fLx7L.d.ts → types-at8CTkly.d.ts} +21 -20
  60. package/package.json +20 -19
package/dist/tokens/index.js CHANGED
@@ -1 +1,2 @@
1
- var u={none:0,xs:2,sm:4,md:8,lg:12,xl:24,full:9999},b={none:0,xs:2,sm:4,md:8,lg:16,xl:32,full:9999};var _={none:0,thin:1,medium:2,thick:2},C={none:0,thin:1,medium:2,thick:4};var E={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"}}},A={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"}}},D={white:"#ffffff",black:"#000000",transparent:"transparent"};var l={s:16,m:24,l:32},F=l,r={sm:16,md:24,lg:32},L=r;var R={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"}},T={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"}};var o=["Helvetica Neue","Helvetica","Arial","sans-serif"],O=["Georgia","Times","Times New Roman","serif"],s={icons:{fallbacks:o,name:"yahoo-icons"},sans:{fallbacks:o,name:"yahoo-sans"},"sans-beta":{fallbacks:o,name:"yahoo-sans-beta"},"sans-condensed":{fallbacks:o,name:"yahoo-sans-condensed"},"serif-text":{fallbacks:O,name:"yahoo-serif-text"},"serif-display":{fallbacks:O,name:"yahoo-serif-display"}},p={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"},c={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"},d={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"},g={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}},m={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:{...g.lineHeight,title1:40,headline1:20,body1:20,legal1:16}},i={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:{...m.lineHeight,title2:36,title3:32}},f={fontSize:{...i.fontSize,display1:48,display2:40,display3:36,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...i.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:{...f.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},h={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}},M={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:{...h.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}};var S={fontFamily:p,fontWeight:c,textTransform:d,avatarSizes:l,iconSizes:r,borderRadius:u,borderWidth:_},n={fontFamily:p,fontWeight:c,textTransform:d,avatarSizes:F,iconSizes:L,borderRadius:b,borderWidth:C},Z={colorMode:{light:{palette:E,spectrum:R},dark:{palette:A,spectrum:T}},scaleMode:{xSmall:{...S,...g},small:{...S,...m},medium:{...S,...i},large:{...n,...f},xLarge:{...n,...y},xxLarge:{...n,...h},xxxLarge:{...n,...M}},fontFamily:s};var e="uds",q=`${e}-spectrum-color`,J=`${e}-font`,Q=`${e}-icon-size`,e1=`${e}-avatar-size`,t1=`${e}-border-radius`,o1=`${e}-border-width`,i1=`${e}-font-size`,n1=`${e}-line-height`,a1=`${e}-font-weight`,l1=`${e}-text-transform`,r1=`${e}-color-mode-dark`,N=`${e}-color-mode-light`,s1=`${e}-scale-mode-xsmall`,p1=`${e}-scale-mode-small`,c1=`${e}-scale-mode-medium`,H=`${e}-scale-mode-large`,d1=`${e}-scale-mode-xlarge`,g1=`${e}-scale-mode-xxlarge`,m1=`${e}-scale-mode-xxxlarge`,f1=N,y1=H,h1=`--${e}-font-icons`,S1=`--${e}-font-sans`,x1=`--${e}-font-sans-beta`,u1=`--${e}-font-sans-condensed`,b1=`--${e}-font-serif-display`,_1=`--${e}-font-serif-text`;var E1="system",A1="system",F1="light",L1="large",R1=!1,T1="\u{1F1FA}\u{1F1F8} US";function M1(t){return Object.entries(t)}function z1(t){return Object.fromEntries(t)}function I1(t,k){return Object.keys(t).reduce((x,a,z)=>(x[a]=k(t[a],a,z),x),{})}export{e1 as AVATAR_SIZE_PREFIX,t1 as BORDER_RADIUS_PREFIX,o1 as BORDER_WIDTH_PREFIX,r1 as DARK_COLOR_MODE_CLASSNAME,F1 as DEFAULT_COLOR_MODE,f1 as DEFAULT_COLOR_MODE_CLASSNAME,E1 as DEFAULT_COLOR_MODE_FOR_APP,R1 as DEFAULT_HIGH_CONTRAST_MODE,T1 as DEFAULT_REGION_MODE,L1 as DEFAULT_SCALE_MODE,y1 as DEFAULT_SCALE_MODE_CLASSNAME,A1 as DEFAULT_SCALE_MODE_FOR_APP,J as FONT_FAMILY_PREFIX,h1 as FONT_ICONS_CSS_VAR,x1 as FONT_SANS_BETA_CSS_VAR,u1 as FONT_SANS_CONDENSED_CSS_VAR,S1 as FONT_SANS_CSS_VAR,b1 as FONT_SERIF_DISPLAY_CSS_VAR,_1 as FONT_SERIF_TEXT_CSS_VAR,i1 as FONT_SIZE_PREFIX,a1 as FONT_WEIGHT_PREFIX,Q as ICON_SIZE_PREFIX,H as LARGE_SCALE_MODE_CLASSNAME,N as LIGHT_COLOR_MODE_CLASSNAME,n1 as LINE_HEIGHT_PREFIX,c1 as MEDIUM_SCALE_MODE_CLASSNAME,p1 as SMALL_SCALE_MODE_CLASSNAME,q as SPECTRUM_COLOR_PREFIX,l1 as TEXT_TRANSFORM_PREFIX,e as UDS_PREFIX,d1 as XLARGE_SCALE_MODE_CLASSNAME,s1 as XSMALL_SCALE_MODE_CLASSNAME,g1 as XXLARGE_SCALE_MODE_CLASSNAME,m1 as XXXLARGE_SCALE_MODE_CLASSNAME,D as alwaysPalette,Z as defaultTokensConfig,M1 as entries,s as fontFamilyGlobal,I as fontWeightMap,z1 as fromEntries,I1 as mapValues};
1
+ /*! © 2024 Yahoo, Inc. UDS v0.5.0 */
2
+ var e="uds",t=`${e}-spectrum-color`,r=`${e}-font`,a=`${e}-icon-size`,o=`${e}-avatar-size`,l=`${e}-border-radius`,i=`${e}-border-width`,n=`${e}-font-size`,p=`${e}-line-height`,d=`${e}-font-weight`,s=`${e}-text-transform`,b=`${e}-color-mode-dark`,m=`${e}-color-mode-light`,c=`${e}-scale-mode-xsmall`,y=`${e}-scale-mode-small`,g=`${e}-scale-mode-medium`,x=`${e}-scale-mode-large`,h=`${e}-scale-mode-xlarge`,u=`${e}-scale-mode-xxlarge`,f=`${e}-scale-mode-xxxlarge`,w=m,v=x,k=`--${e}-font-icons`,z=`--${e}-font-sans`,S=`--${e}-font-sans-beta`,$=`--${e}-font-sans-condensed`,H=`--${e}-font-serif-display`,j=`--${e}-font-serif-text`,C={color:{accent:"text-accent",alert:"text-alert",black:"text-black",brand:"text-brand",positive:"text-positive",warning:"text-warning",white:"text-white",transparent:"text-transparent",muted:"text-muted","on-color":"text-on-color",primary:"text-primary",secondary:"text-secondary",tertiary:"text-tertiary"},placeholderColor:{accent:"placeholder:text-accent",alert:"placeholder:text-alert",black:"placeholder:text-black",brand:"placeholder:text-brand",positive:"placeholder:text-positive",warning:"placeholder:text-warning",white:"placeholder:text-white",transparent:"placeholder:text-transparent",muted:"placeholder:text-muted","on-color":"placeholder:text-on-color",primary:"placeholder:text-primary",secondary:"placeholder:text-secondary",tertiary:"placeholder:text-tertiary"},fontFamily:{icons:"font-icons",sans:"font-sans","sans-beta":"font-sans-beta","sans-condensed":"font-sans-condensed","serif-text":"font-serif-text","serif-display":"font-serif-display",display1:"font-display1",display2:"font-display2",display3:"font-display3",title1:"font-title1",title2:"font-title2",title3:"font-title3",title4:"font-title4",headline1:"font-headline1",body1:"font-body1",label1:"font-label1",label2:"font-label2",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1"},fontSize:{display1:"font-size-display1",display2:"font-size-display2",display3:"font-size-display3",title1:"font-size-title1",title2:"font-size-title2",title3:"font-size-title3",title4:"font-size-title4",headline1:"font-size-headline1",body1:"font-size-body1",label1:"font-size-label1",label2:"font-size-label2",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1"},fontWeight:{thin:"font-weight-thin",extralight:"font-weight-extralight",light:"font-weight-light",regular:"font-weight-regular",medium:"font-weight-medium",semibold:"font-weight-semibold",bold:"font-weight-bold",extrabold:"font-weight-extrabold",black:"font-weight-black",display1:"font-weight-display1",display2:"font-weight-display2",display3:"font-weight-display3",title1:"font-weight-title1",title2:"font-weight-title2",title3:"font-weight-title3",title4:"font-weight-title4",headline1:"font-weight-headline1",body1:"font-weight-body1",label1:"font-weight-label1",label2:"font-weight-label2",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1"},lineHeight:{display1:"leading-display1",display2:"leading-display2",display3:"leading-display3",title1:"leading-title1",title2:"leading-title2",title3:"leading-title3",title4:"leading-title4",headline1:"leading-headline1",body1:"leading-body1",label1:"leading-label1",label2:"leading-label2",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1"},textAlign:{center:"text-center",justify:"text-justify",start:"text-start",end:"text-end"},textTransform:{display1:"case-display1",display2:"case-display2",display3:"case-display3",title1:"case-title1",title2:"case-title2",title3:"case-title3",title4:"case-title4",headline1:"case-headline1",body1:"case-body1",label1:"case-label1",label2:"case-label2",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},spacing:{0:"p-0",px:"p-px",.5:"p-0.5",1:"p-1",1.5:"p-1.5",2:"p-2",2.5:"p-2.5",3:"p-3",3.5:"p-3.5",4:"p-4",5:"p-5",6:"p-6",7:"p-7",8:"p-8",9:"p-9",10:"p-10",11:"p-11",12:"p-12",14:"p-14",16:"p-16",20:"p-20",24:"p-24",28:"p-28",32:"p-32",36:"p-36",40:"p-40",44:"p-44",48:"p-48",52:"p-52",56:"p-56",60:"p-60",64:"p-64",72:"p-72",80:"p-80",96:"p-96"},spacingHorizontal:{0:"px-0",px:"px-px",.5:"px-0.5",1:"px-1",1.5:"px-1.5",2:"px-2",2.5:"px-2.5",3:"px-3",3.5:"px-3.5",4:"px-4",5:"px-5",6:"px-6",7:"px-7",8:"px-8",9:"px-9",10:"px-10",11:"px-11",12:"px-12",14:"px-14",16:"px-16",20:"px-20",24:"px-24",28:"px-28",32:"px-32",36:"px-36",40:"px-40",44:"px-44",48:"px-48",52:"px-52",56:"px-56",60:"px-60",64:"px-64",72:"px-72",80:"px-80",96:"px-96"},spacingVertical:{0:"py-0",px:"py-px",.5:"py-0.5",1:"py-1",1.5:"py-1.5",2:"py-2",2.5:"py-2.5",3:"py-3",3.5:"py-3.5",4:"py-4",5:"py-5",6:"py-6",7:"py-7",8:"py-8",9:"py-9",10:"py-10",11:"py-11",12:"py-12",14:"py-14",16:"py-16",20:"py-20",24:"py-24",28:"py-28",32:"py-32",36:"py-36",40:"py-40",44:"py-44",48:"py-48",52:"py-52",56:"py-56",60:"py-60",64:"py-64",72:"py-72",80:"py-80",96:"py-96"},spacingBottom:{0:"pb-0",px:"pb-px",.5:"pb-0.5",1:"pb-1",1.5:"pb-1.5",2:"pb-2",2.5:"pb-2.5",3:"pb-3",3.5:"pb-3.5",4:"pb-4",5:"pb-5",6:"pb-6",7:"pb-7",8:"pb-8",9:"pb-9",10:"pb-10",11:"pb-11",12:"pb-12",14:"pb-14",16:"pb-16",20:"pb-20",24:"pb-24",28:"pb-28",32:"pb-32",36:"pb-36",40:"pb-40",44:"pb-44",48:"pb-48",52:"pb-52",56:"pb-56",60:"pb-60",64:"pb-64",72:"pb-72",80:"pb-80",96:"pb-96"},spacingEnd:{0:"pe-0",px:"pe-px",.5:"pe-0.5",1:"pe-1",1.5:"pe-1.5",2:"pe-2",2.5:"pe-2.5",3:"pe-3",3.5:"pe-3.5",4:"pe-4",5:"pe-5",6:"pe-6",7:"pe-7",8:"pe-8",9:"pe-9",10:"pe-10",11:"pe-11",12:"pe-12",14:"pe-14",16:"pe-16",20:"pe-20",24:"pe-24",28:"pe-28",32:"pe-32",36:"pe-36",40:"pe-40",44:"pe-44",48:"pe-48",52:"pe-52",56:"pe-56",60:"pe-60",64:"pe-64",72:"pe-72",80:"pe-80",96:"pe-96"},spacingStart:{0:"ps-0",px:"ps-px",.5:"ps-0.5",1:"ps-1",1.5:"ps-1.5",2:"ps-2",2.5:"ps-2.5",3:"ps-3",3.5:"ps-3.5",4:"ps-4",5:"ps-5",6:"ps-6",7:"ps-7",8:"ps-8",9:"ps-9",10:"ps-10",11:"ps-11",12:"ps-12",14:"ps-14",16:"ps-16",20:"ps-20",24:"ps-24",28:"ps-28",32:"ps-32",36:"ps-36",40:"ps-40",44:"ps-44",48:"ps-48",52:"ps-52",56:"ps-56",60:"ps-60",64:"ps-64",72:"ps-72",80:"ps-80",96:"ps-96"},spacingTop:{0:"pt-0",px:"pt-px",.5:"pt-0.5",1:"pt-1",1.5:"pt-1.5",2:"pt-2",2.5:"pt-2.5",3:"pt-3",3.5:"pt-3.5",4:"pt-4",5:"pt-5",6:"pt-6",7:"pt-7",8:"pt-8",9:"pt-9",10:"pt-10",11:"pt-11",12:"pt-12",14:"pt-14",16:"pt-16",20:"pt-20",24:"pt-24",28:"pt-28",32:"pt-32",36:"pt-36",40:"pt-40",44:"pt-44",48:"pt-48",52:"pt-52",56:"pt-56",60:"pt-60",64:"pt-64",72:"pt-72",80:"pt-80",96:"pt-96"},offset:{0:"-m-0",px:"-m-px",.5:"-m-0.5",1:"-m-1",1.5:"-m-1.5",2:"-m-2",2.5:"-m-2.5",3:"-m-3",3.5:"-m-3.5",4:"-m-4",5:"-m-5",6:"-m-6",7:"-m-7",8:"-m-8",9:"-m-9",10:"-m-10",11:"-m-11",12:"-m-12",14:"-m-14",16:"-m-16",20:"-m-20",24:"-m-24",28:"-m-28",32:"-m-32",36:"-m-36",40:"-m-40",44:"-m-44",48:"-m-48",52:"-m-52",56:"-m-56",60:"-m-60",64:"-m-64",72:"-m-72",80:"-m-80",96:"-m-96"},offsetVertical:{0:"-my-0",px:"-my-px",.5:"-my-0.5",1:"-my-1",1.5:"-my-1.5",2:"-my-2",2.5:"-my-2.5",3:"-my-3",3.5:"-my-3.5",4:"-my-4",5:"-my-5",6:"-my-6",7:"-my-7",8:"-my-8",9:"-my-9",10:"-my-10",11:"-my-11",12:"-my-12",14:"-my-14",16:"-my-16",20:"-my-20",24:"-my-24",28:"-my-28",32:"-my-32",36:"-my-36",40:"-my-40",44:"-my-44",48:"-my-48",52:"-my-52",56:"-my-56",60:"-my-60",64:"-my-64",72:"-my-72",80:"-my-80",96:"-my-96"},offsetHorizontal:{0:"-mx-0",px:"-mx-px",.5:"-mx-0.5",1:"-mx-1",1.5:"-mx-1.5",2:"-mx-2",2.5:"-mx-2.5",3:"-mx-3",3.5:"-mx-3.5",4:"-mx-4",5:"-mx-5",6:"-mx-6",7:"-mx-7",8:"-mx-8",9:"-mx-9",10:"-mx-10",11:"-mx-11",12:"-mx-12",14:"-mx-14",16:"-mx-16",20:"-mx-20",24:"-mx-24",28:"-mx-28",32:"-mx-32",36:"-mx-36",40:"-mx-40",44:"-mx-44",48:"-mx-48",52:"-mx-52",56:"-mx-56",60:"-mx-60",64:"-mx-64",72:"-mx-72",80:"-mx-80",96:"-mx-96"},offsetBottom:{0:"-mb-0",px:"-mb-px",.5:"-mb-0.5",1:"-mb-1",1.5:"-mb-1.5",2:"-mb-2",2.5:"-mb-2.5",3:"-mb-3",3.5:"-mb-3.5",4:"-mb-4",5:"-mb-5",6:"-mb-6",7:"-mb-7",8:"-mb-8",9:"-mb-9",10:"-mb-10",11:"-mb-11",12:"-mb-12",14:"-mb-14",16:"-mb-16",20:"-mb-20",24:"-mb-24",28:"-mb-28",32:"-mb-32",36:"-mb-36",40:"-mb-40",44:"-mb-44",48:"-mb-48",52:"-mb-52",56:"-mb-56",60:"-mb-60",64:"-mb-64",72:"-mb-72",80:"-mb-80",96:"-mb-96"},offsetEnd:{0:"-me-0",px:"-me-px",.5:"-me-0.5",1:"-me-1",1.5:"-me-1.5",2:"-me-2",2.5:"-me-2.5",3:"-me-3",3.5:"-me-3.5",4:"-me-4",5:"-me-5",6:"-me-6",7:"-me-7",8:"-me-8",9:"-me-9",10:"-me-10",11:"-me-11",12:"-me-12",14:"-me-14",16:"-me-16",20:"-me-20",24:"-me-24",28:"-me-28",32:"-me-32",36:"-me-36",40:"-me-40",44:"-me-44",48:"-me-48",52:"-me-52",56:"-me-56",60:"-me-60",64:"-me-64",72:"-me-72",80:"-me-80",96:"-me-96"},offsetStart:{0:"-ms-0",px:"-ms-px",.5:"-ms-0.5",1:"-ms-1",1.5:"-ms-1.5",2:"-ms-2",2.5:"-ms-2.5",3:"-ms-3",3.5:"-ms-3.5",4:"-ms-4",5:"-ms-5",6:"-ms-6",7:"-ms-7",8:"-ms-8",9:"-ms-9",10:"-ms-10",11:"-ms-11",12:"-ms-12",14:"-ms-14",16:"-ms-16",20:"-ms-20",24:"-ms-24",28:"-ms-28",32:"-ms-32",36:"-ms-36",40:"-ms-40",44:"-ms-44",48:"-ms-48",52:"-ms-52",56:"-ms-56",60:"-ms-60",64:"-ms-64",72:"-ms-72",80:"-ms-80",96:"-ms-96"},offsetTop:{0:"-mt-0",px:"-mt-px",.5:"-mt-0.5",1:"-mt-1",1.5:"-mt-1.5",2:"-mt-2",2.5:"-mt-2.5",3:"-mt-3",3.5:"-mt-3.5",4:"-mt-4",5:"-mt-5",6:"-mt-6",7:"-mt-7",8:"-mt-8",9:"-mt-9",10:"-mt-10",11:"-mt-11",12:"-mt-12",14:"-mt-14",16:"-mt-16",20:"-mt-20",24:"-mt-24",28:"-mt-28",32:"-mt-32",36:"-mt-36",40:"-mt-40",44:"-mt-44",48:"-mt-48",52:"-mt-52",56:"-mt-56",60:"-mt-60",64:"-mt-64",72:"-mt-72",80:"-mt-80",96:"-mt-96"},columnGap:{0:"gap-x-0",px:"gap-x-px",.5:"gap-x-0.5",1:"gap-x-1",1.5:"gap-x-1.5",2:"gap-x-2",2.5:"gap-x-2.5",3:"gap-x-3",3.5:"gap-x-3.5",4:"gap-x-4",5:"gap-x-5",6:"gap-x-6",7:"gap-x-7",8:"gap-x-8",9:"gap-x-9",10:"gap-x-10",11:"gap-x-11",12:"gap-x-12",14:"gap-x-14",16:"gap-x-16",20:"gap-x-20",24:"gap-x-24",28:"gap-x-28",32:"gap-x-32",36:"gap-x-36",40:"gap-x-40",44:"gap-x-44",48:"gap-x-48",52:"gap-x-52",56:"gap-x-56",60:"gap-x-60",64:"gap-x-64",72:"gap-x-72",80:"gap-x-80",96:"gap-x-96"},rowGap:{0:"gap-y-0",px:"gap-y-px",.5:"gap-y-0.5",1:"gap-y-1",1.5:"gap-y-1.5",2:"gap-y-2",2.5:"gap-y-2.5",3:"gap-y-3",3.5:"gap-y-3.5",4:"gap-y-4",5:"gap-y-5",6:"gap-y-6",7:"gap-y-7",8:"gap-y-8",9:"gap-y-9",10:"gap-y-10",11:"gap-y-11",12:"gap-y-12",14:"gap-y-14",16:"gap-y-16",20:"gap-y-20",24:"gap-y-24",28:"gap-y-28",32:"gap-y-32",36:"gap-y-36",40:"gap-y-40",44:"gap-y-44",48:"gap-y-48",52:"gap-y-52",56:"gap-y-56",60:"gap-y-60",64:"gap-y-64",72:"gap-y-72",80:"gap-y-80",96:"gap-y-96"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",black:"bg-black",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",white:"bg-white",primary:"bg-primary",secondary:"bg-secondary",transparent:"bg-transparent"},borderColor:{accent:"border-accent",alert:"border-alert",black:"border-black",brand:"border-brand",positive:"border-positive",warning:"border-warning",white:"border-white",transparent:"border-transparent",muted:"border-muted",primary:"border-primary",secondary:"border-secondary",tertiary:"border-tertiary"},borderColorOnActive:{accent:"active:border-accent",alert:"active:border-alert",black:"active:border-black",brand:"active:border-brand",positive:"active:border-positive",warning:"active:border-warning",white:"active:border-white",transparent:"active:border-transparent",muted:"active:border-muted",primary:"active:border-primary",secondary:"active:border-secondary",tertiary:"active:border-tertiary"},borderColorOnFocus:{accent:"focus:border-accent",alert:"focus:border-alert",black:"focus:border-black",brand:"focus:border-brand",positive:"focus:border-positive",warning:"focus:border-warning",white:"focus:border-white",transparent:"focus:border-transparent",muted:"focus:border-muted",primary:"focus:border-primary",secondary:"focus:border-secondary",tertiary:"focus:border-tertiary"},borderColorOnHover:{accent:"hover:border-accent",alert:"hover:border-alert",black:"hover:border-black",brand:"hover:border-brand",positive:"hover:border-positive",warning:"hover:border-warning",white:"hover:border-white",transparent:"hover:border-transparent",muted:"hover:border-muted",primary:"hover:border-primary",secondary:"hover:border-secondary",tertiary:"hover:border-tertiary"},borderColorOnChecked:{accent:"data-[state=checked]:border-accent",alert:"data-[state=checked]:border-alert",black:"data-[state=checked]:border-black",brand:"data-[state=checked]:border-brand",positive:"data-[state=checked]:border-positive",warning:"data-[state=checked]:border-warning",white:"data-[state=checked]:border-white",transparent:"data-[state=checked]:border-transparent",muted:"data-[state=checked]:border-muted",primary:"data-[state=checked]:border-primary",secondary:"data-[state=checked]:border-secondary",tertiary:"data-[state=checked]:border-tertiary"},borderStartColor:{accent:"border-s-accent",alert:"border-s-alert",black:"border-s-black",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",white:"border-s-white",transparent:"border-s-transparent",muted:"border-s-muted",primary:"border-s-primary",secondary:"border-s-secondary",tertiary:"border-s-tertiary"},borderEndColor:{accent:"border-e-accent",alert:"border-e-alert",black:"border-e-black",brand:"border-e-brand",positive:"border-e-positive",warning:"border-e-warning",white:"border-e-white",transparent:"border-e-transparent",muted:"border-e-muted",primary:"border-e-primary",secondary:"border-e-secondary",tertiary:"border-e-tertiary"},borderBottomColor:{accent:"border-b-accent",alert:"border-b-alert",black:"border-b-black",brand:"border-b-brand",positive:"border-b-positive",warning:"border-b-warning",white:"border-b-white",transparent:"border-b-transparent",muted:"border-b-muted",primary:"border-b-primary",secondary:"border-b-secondary",tertiary:"border-b-tertiary"},borderTopColor:{accent:"border-t-accent",alert:"border-t-alert",black:"border-t-black",brand:"border-t-brand",positive:"border-t-positive",warning:"border-t-warning",white:"border-t-white",transparent:"border-t-transparent",muted:"border-t-muted",primary:"border-t-primary",secondary:"border-t-secondary",tertiary:"border-t-tertiary"},borderRadius:{none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full"},borderTopStartRadius:{none:"rounded-ss-none",xs:"rounded-ss-xs",sm:"rounded-ss-sm",md:"rounded-ss-md",lg:"rounded-ss-lg",xl:"rounded-ss-xl",full:"rounded-ss-full"},borderTopEndRadius:{none:"rounded-se-none",xs:"rounded-se-xs",sm:"rounded-se-sm",md:"rounded-se-md",lg:"rounded-se-lg",xl:"rounded-se-xl",full:"rounded-se-full"},borderBottomStartRadius:{none:"rounded-es-none",xs:"rounded-es-xs",sm:"rounded-es-sm",md:"rounded-es-md",lg:"rounded-es-lg",xl:"rounded-es-xl",full:"rounded-es-full"},borderBottomEndRadius:{none:"rounded-ee-none",xs:"rounded-ee-xs",sm:"rounded-ee-sm",md:"rounded-ee-md",lg:"rounded-ee-lg",xl:"rounded-ee-xl",full:"rounded-ee-full"},borderWidth:{none:"border-none",thin:"border-thin",medium:"border-medium",thick:"border-thick"},borderVerticalWidth:{none:"border-y-none",thin:"border-y-thin",medium:"border-y-medium",thick:"border-y-thick"},borderHorizontalWidth:{none:"border-x-none",thin:"border-x-thin",medium:"border-x-medium",thick:"border-x-thick"},borderStartWidth:{none:"border-s-none",thin:"border-s-thin",medium:"border-s-medium",thick:"border-s-thick"},borderEndWidth:{none:"border-e-none",thin:"border-e-thin",medium:"border-e-medium",thick:"border-e-thick"},borderTopWidth:{none:"border-t-none",thin:"border-t-thin",medium:"border-t-medium",thick:"border-t-thick"},borderBottomWidth:{none:"border-b-none",thin:"border-b-thin",medium:"border-b-medium",thick:"border-b-thick"},avatarSize:{s:"avatarSize-s",m:"avatarSize-m",l:"avatarSize-l"},iconSize:{sm:"iconSize-sm leading-none",md:"iconSize-md leading-none",lg:"iconSize-lg leading-none"},alignContent:{"flex-start":"content-start","flex-end":"content-end",center:"content-center",stretch:"content-stretch","space-between":"content-between","space-around":"content-around"},alignItems:{"flex-start":"items-start","flex-end":"items-end",center:"items-center",stretch:"items-stretch",baseline:"items-baseline"},alignSelf:{auto:"self-auto","flex-start":"self-start","flex-end":"self-end",center:"self-center",stretch:"self-stretch",baseline:"self-baseline"},flex:{1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"},flexDirection:{row:"flex-row",column:"flex-col","row-reverse":"flex-row-reverse","column-reverse":"flex-col-reverse"},flexGrow:{0:"grow-0",1:"grow",2:"grow-[2]",3:"grow-[3]"},flexShrink:{0:"shrink-0",1:"shrink"},flexWrap:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},justifyContent:{"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},flexBasis:{"min-content":"basis-[min-content]"},display:{block:"block","inline-block":"inline-block",inline:"inline",flex:"flex","inline-flex":"inline-flex",table:"table","inline-table":"inline-table","table-caption":"table-caption","table-cell":"table-cell","table-column":"table-column","table-column-group":"table-column-group","table-footer-group":"table-footer-group","table-header-group":"table-header-group","table-row-group":"table-row-group","table-row":"table-row","flow-root":"flow-root",grid:"grid",contents:"contents"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",clip:"overflow-clip",visible:"overflow-visible",scroll:"overflow-scroll"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",clip:"overflow-x-clip",visible:"overflow-x-visible",scroll:"overflow-x-scroll"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",clip:"overflow-y-clip",visible:"overflow-y-visible",scroll:"overflow-y-scroll"},position:{static:"static",fixed:"fixed",absolute:"absolute",relative:"relative",sticky:"sticky"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:b,light:m},scaleMode:{xSmall:c,small:y,medium:g,large:x,xLarge:h,xxxLarge:f,xxLarge:u}},W={white:"#ffffff",black:"#000000",transparent:"transparent"},T={s:16,m:24,l:32},R={sm:16,md:24,lg:32},B=["Helvetica Neue","Helvetica","Arial","sans-serif"],E=["Georgia","Times","Times New Roman","serif"],O={icons:{fallbacks:B,name:"yahoo-icons"},sans:{fallbacks:B,name:"yahoo-sans"},"sans-beta":{fallbacks:B,name:"yahoo-sans-beta"},"sans-condensed":{fallbacks:B,name:"yahoo-sans-condensed"},"serif-text":{fallbacks:E,name:"yahoo-serif-text"},"serif-display":{fallbacks:E,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"},L={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},G={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"},M={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}},V={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}},N={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:{...V.lineHeight,title2:36,title3:32}},D={fontSize:{...N.fontSize,display1:48,display2:40,display3:36,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...N.lineHeight,title2:36,title3:32,headline1:20,body1:20,label1:20,label2:20}},I={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}},U={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:{...I.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},X={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:{...U.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}},Y={fontFamily:F,fontWeight:G,textTransform:M,avatarSizes:T,iconSizes:R,borderRadius:{none:0,xs:2,sm:4,md:8,lg:12,xl:24,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:2}},q={fontFamily:F,fontWeight:G,textTransform:M,avatarSizes:T,iconSizes:R,borderRadius:{none:0,xs:2,sm:4,md:8,lg:16,xl:32,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:4}},J={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:{...Y,...A},small:{...Y,...V},medium:{...Y,...N},large:{...q,...D},xLarge:{...q,...I},xxLarge:{...q,...U},xxxLarge:{...q,...X}},fontFamily:O},K="system",P="system",Q="light",Z="large",_=!1,ee="🇺🇸 US";function te(e){return Object.entries(e)}function re(e){return Object.fromEntries(e)}function ae(e,t){return Object.keys(e).reduce(((r,a,o)=>(r[a]=t(e[a],a,o),r)),{})}export{o as AVATAR_SIZE_PREFIX,l as BORDER_RADIUS_PREFIX,i as BORDER_WIDTH_PREFIX,b as DARK_COLOR_MODE_CLASSNAME,Q as DEFAULT_COLOR_MODE,w as DEFAULT_COLOR_MODE_CLASSNAME,K as DEFAULT_COLOR_MODE_FOR_APP,_ as DEFAULT_HIGH_CONTRAST_MODE,ee as DEFAULT_REGION_MODE,Z as DEFAULT_SCALE_MODE,v as DEFAULT_SCALE_MODE_CLASSNAME,P as DEFAULT_SCALE_MODE_FOR_APP,r as FONT_FAMILY_PREFIX,k as FONT_ICONS_CSS_VAR,S as FONT_SANS_BETA_CSS_VAR,$ as FONT_SANS_CONDENSED_CSS_VAR,z as FONT_SANS_CSS_VAR,H as FONT_SERIF_DISPLAY_CSS_VAR,j as FONT_SERIF_TEXT_CSS_VAR,n as FONT_SIZE_PREFIX,d as FONT_WEIGHT_PREFIX,a as ICON_SIZE_PREFIX,x as LARGE_SCALE_MODE_CLASSNAME,m as LIGHT_COLOR_MODE_CLASSNAME,p as LINE_HEIGHT_PREFIX,g as MEDIUM_SCALE_MODE_CLASSNAME,y as SMALL_SCALE_MODE_CLASSNAME,t as SPECTRUM_COLOR_PREFIX,s as TEXT_TRANSFORM_PREFIX,e as UDS_PREFIX,h as XLARGE_SCALE_MODE_CLASSNAME,c as XSMALL_SCALE_MODE_CLASSNAME,u as XXLARGE_SCALE_MODE_CLASSNAME,f as XXXLARGE_SCALE_MODE_CLASSNAME,W as alwaysPalette,J as defaultTokensConfig,te as entries,O as fontFamilyGlobal,L as fontWeightMap,re as fromEntries,ae as mapValues,C as variants};
package/dist/tokens/index.native.d.cts CHANGED
@@ -1,3 +1,3 @@
1
- export { c as DEFAULT_COLOR_MODE, D as DEFAULT_COLOR_MODE_FOR_APP, g as DEFAULT_HIGH_CONTRAST_MODE, h as DEFAULT_REGION_MODE, e as DEFAULT_SCALE_MODE, b as DEFAULT_SCALE_MODE_FOR_APP, d as defaultTokensConfig, a as fontWeightMap } from '../index.native-A2gCijBH.cjs';
2
- export { z as AlwaysPalette, D as AlwaysPaletteAlias, E as Animation, G as AriaAttribute, H as AvatarShape, J as AvatarSize, A as AvatarSizeConfig, K as BackgroundColor, N as BackgroundPalette, O as BackgroundPaletteAlias, B as BackgroundStyleProps, P as BorderRadius, p as BorderRadiusConfig, l as BorderStyleProps, Q as BorderWidth, q as BorderWidthConfig, R as BoxShadowConfig, V as ButtonSize, W as ButtonVariant, i as ColorMode, X as ColorModeConfig, C as ColorModeForApp, Y as ColorsConfig, Z as ConfigurableTextProperty, _ as CorePalette, $ as CorePaletteAlias, n as CustomSizingStyleProps, a0 as DataAttribute, a1 as Display, a2 as Flex, a3 as FlexAlignContent, a4 as FlexAlignItems, a5 as FlexAlignSelf, a6 as FlexBasis, a7 as FlexDirection, a8 as FlexGrow, a9 as FlexJustifyContent, aa as FlexShrink, F as FlexStyleProps, ab as FlexWrap, r as FontFamilyConfig, ac as FontFamilyGlobalAlias, w as FontFamilyGlobalConfig, ad as FontSize, s as FontSizeConfig, t as FontWeightConfig, ae as FontWeightDescriptive, af as FontWeightNumeric, ag as ForegroundColor, ah as ForegroundPalette, ai as ForegroundPaletteAlias, aj as HighContrastMode, ak as Hue, al as HueStep, am as IconName, an as IconSize, o as IconSizeConfig, I as ImageStyleProps, L as LayoutStyleProps, ao as LetterSpacing, ap as LineClampAlias, aq as LineColor, ar as LineHeight, u as LineHeightConfig, as as LinePalette, at as LinePaletteAlias, M as Modes, au as Overflow, av as Palette, aw as PaletteConfig, ax as PaletteType, ay as PaletteValue, az as PlatformMode, aA as Position, aB as RegionMode, aC as ScaleConfig, j as ScaleMode, aD as ScaleModeConfig, S as ScaleModeForApp, aE as SpacingAlias, aF as SpacingConfig, m as SpacingStyleProps, aG as SpectrumColor, aH as SpectrumConfig, aI as StateStyleProps, x as StyleProps, T as TextStyleProps, aJ as TextTransform, v as TextTransformConfig, aK as TextVariant, aL as TransitionDelay, aM as TransitionDuration, aN as TransitionTiming, U as UniversalAvatarProps, e as UniversalBoxProps, a as UniversalButtonProps, c as UniversalIconButtonProps, h as UniversalIconProps, d as UniversalImageProps, b as UniversalPressableProps, f as UniversalStackProps, aO as UniversalTextInputProps, g as UniversalTextProps, k as UniversalTokensConfig, y as alwaysPalette } from '../types-Dk8fLx7L.cjs';
1
+ export { c as DEFAULT_COLOR_MODE, D as DEFAULT_COLOR_MODE_FOR_APP, g as DEFAULT_HIGH_CONTRAST_MODE, h as DEFAULT_REGION_MODE, e as DEFAULT_SCALE_MODE, b as DEFAULT_SCALE_MODE_FOR_APP, d as defaultTokensConfig, a as fontWeightMap } from '../index.native-VZWytAxw.cjs';
2
+ export { r as AlwaysPalette, s as AlwaysPaletteAlias, t as Animation, u as AriaAttribute, v as AvatarShape, w as AvatarSize, A as AvatarSizeConfig, x as BackgroundColor, y as BackgroundPalette, z as BackgroundPaletteAlias, D as BackgroundStyleProps, E as BorderRadius, B as BorderRadiusConfig, G as BorderStyleProps, H as BorderWidth, m as BorderWidthConfig, J as BoxShadowConfig, K as ButtonSize, N as ButtonVariant, i as ColorMode, O as ColorModeConfig, C as ColorModeForApp, P as ColorsConfig, Q as ConfigurableTextProperty, R as CorePalette, V as CorePaletteAlias, W as CustomSizingStyleProps, X as DataAttribute, Y as Display, Z as Flex, _ as FlexAlignContent, $ as FlexAlignItems, a0 as FlexAlignSelf, a1 as FlexBasis, a2 as FlexDirection, a3 as FlexGrow, a4 as FlexJustifyContent, a5 as FlexShrink, a6 as FlexStyleProps, a7 as FlexWrap, F as FontFamilyConfig, a8 as FontFamilyGlobalAlias, p as FontFamilyGlobalConfig, a9 as FontSize, n as FontSizeConfig, o as FontWeightConfig, aa as FontWeightDescriptive, ab as FontWeightNumeric, ac as ForegroundColor, ad as ForegroundPalette, ae as ForegroundPaletteAlias, af as HighContrastMode, ag as Hue, ah as HueStep, ai as IconSize, I as IconSizeConfig, aj as ImageStyleProps, ak as LayoutStyleProps, al as LetterSpacing, am as LineClampAlias, an as LineColor, ao as LineHeight, L as LineHeightConfig, ap as LinePalette, aq as LinePaletteAlias, M as Modes, ar as Overflow, as as Palette, at as PaletteConfig, au as PaletteType, av as PaletteValue, aw as PlatformMode, ax as Position, ay as RegionMode, az as ScaleConfig, j as ScaleMode, aA as ScaleModeConfig, S as ScaleModeForApp, aB as SpacingAlias, aC as SpacingConfig, aD as SpacingStyleProps, aE as SpectrumColor, aF as SpectrumConfig, aG as StateStyleProps, l as StyleProps, aH as TextStyleProps, aI as TextTransform, T as TextTransformConfig, aJ as TextVariant, aK as TransitionDelay, aL as TransitionDuration, aM as TransitionTiming, U as UniversalAvatarProps, e as UniversalBoxProps, a as UniversalButtonProps, c as UniversalIconButtonProps, h as UniversalIconProps, d as UniversalImageProps, b as UniversalPressableProps, f as UniversalStackProps, aN as UniversalTextInputProps, g as UniversalTextProps, k as UniversalTokensConfig, q as alwaysPalette } from '../types-at8CTkly.cjs';
3
3
  import 'react';
package/dist/tokens/index.native.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export { c as DEFAULT_COLOR_MODE, D as DEFAULT_COLOR_MODE_FOR_APP, g as DEFAULT_HIGH_CONTRAST_MODE, h as DEFAULT_REGION_MODE, e as DEFAULT_SCALE_MODE, b as DEFAULT_SCALE_MODE_FOR_APP, d as defaultTokensConfig, a as fontWeightMap } from '../index.native-BLJdXZHY.js';
2
- export { z as AlwaysPalette, D as AlwaysPaletteAlias, E as Animation, G as AriaAttribute, H as AvatarShape, J as AvatarSize, A as AvatarSizeConfig, K as BackgroundColor, N as BackgroundPalette, O as BackgroundPaletteAlias, B as BackgroundStyleProps, P as BorderRadius, p as BorderRadiusConfig, l as BorderStyleProps, Q as BorderWidth, q as BorderWidthConfig, R as BoxShadowConfig, V as ButtonSize, W as ButtonVariant, i as ColorMode, X as ColorModeConfig, C as ColorModeForApp, Y as ColorsConfig, Z as ConfigurableTextProperty, _ as CorePalette, $ as CorePaletteAlias, n as CustomSizingStyleProps, a0 as DataAttribute, a1 as Display, a2 as Flex, a3 as FlexAlignContent, a4 as FlexAlignItems, a5 as FlexAlignSelf, a6 as FlexBasis, a7 as FlexDirection, a8 as FlexGrow, a9 as FlexJustifyContent, aa as FlexShrink, F as FlexStyleProps, ab as FlexWrap, r as FontFamilyConfig, ac as FontFamilyGlobalAlias, w as FontFamilyGlobalConfig, ad as FontSize, s as FontSizeConfig, t as FontWeightConfig, ae as FontWeightDescriptive, af as FontWeightNumeric, ag as ForegroundColor, ah as ForegroundPalette, ai as ForegroundPaletteAlias, aj as HighContrastMode, ak as Hue, al as HueStep, am as IconName, an as IconSize, o as IconSizeConfig, I as ImageStyleProps, L as LayoutStyleProps, ao as LetterSpacing, ap as LineClampAlias, aq as LineColor, ar as LineHeight, u as LineHeightConfig, as as LinePalette, at as LinePaletteAlias, M as Modes, au as Overflow, av as Palette, aw as PaletteConfig, ax as PaletteType, ay as PaletteValue, az as PlatformMode, aA as Position, aB as RegionMode, aC as ScaleConfig, j as ScaleMode, aD as ScaleModeConfig, S as ScaleModeForApp, aE as SpacingAlias, aF as SpacingConfig, m as SpacingStyleProps, aG as SpectrumColor, aH as SpectrumConfig, aI as StateStyleProps, x as StyleProps, T as TextStyleProps, aJ as TextTransform, v as TextTransformConfig, aK as TextVariant, aL as TransitionDelay, aM as TransitionDuration, aN as TransitionTiming, U as UniversalAvatarProps, e as UniversalBoxProps, a as UniversalButtonProps, c as UniversalIconButtonProps, h as UniversalIconProps, d as UniversalImageProps, b as UniversalPressableProps, f as UniversalStackProps, aO as UniversalTextInputProps, g as UniversalTextProps, k as UniversalTokensConfig, y as alwaysPalette } from '../types-Dk8fLx7L.js';
1
+ export { c as DEFAULT_COLOR_MODE, D as DEFAULT_COLOR_MODE_FOR_APP, g as DEFAULT_HIGH_CONTRAST_MODE, h as DEFAULT_REGION_MODE, e as DEFAULT_SCALE_MODE, b as DEFAULT_SCALE_MODE_FOR_APP, d as defaultTokensConfig, a as fontWeightMap } from '../index.native-D-eItswB.js';
2
+ export { r as AlwaysPalette, s as AlwaysPaletteAlias, t as Animation, u as AriaAttribute, v as AvatarShape, w as AvatarSize, A as AvatarSizeConfig, x as BackgroundColor, y as BackgroundPalette, z as BackgroundPaletteAlias, D as BackgroundStyleProps, E as BorderRadius, B as BorderRadiusConfig, G as BorderStyleProps, H as BorderWidth, m as BorderWidthConfig, J as BoxShadowConfig, K as ButtonSize, N as ButtonVariant, i as ColorMode, O as ColorModeConfig, C as ColorModeForApp, P as ColorsConfig, Q as ConfigurableTextProperty, R as CorePalette, V as CorePaletteAlias, W as CustomSizingStyleProps, X as DataAttribute, Y as Display, Z as Flex, _ as FlexAlignContent, $ as FlexAlignItems, a0 as FlexAlignSelf, a1 as FlexBasis, a2 as FlexDirection, a3 as FlexGrow, a4 as FlexJustifyContent, a5 as FlexShrink, a6 as FlexStyleProps, a7 as FlexWrap, F as FontFamilyConfig, a8 as FontFamilyGlobalAlias, p as FontFamilyGlobalConfig, a9 as FontSize, n as FontSizeConfig, o as FontWeightConfig, aa as FontWeightDescriptive, ab as FontWeightNumeric, ac as ForegroundColor, ad as ForegroundPalette, ae as ForegroundPaletteAlias, af as HighContrastMode, ag as Hue, ah as HueStep, ai as IconSize, I as IconSizeConfig, aj as ImageStyleProps, ak as LayoutStyleProps, al as LetterSpacing, am as LineClampAlias, an as LineColor, ao as LineHeight, L as LineHeightConfig, ap as LinePalette, aq as LinePaletteAlias, M as Modes, ar as Overflow, as as Palette, at as PaletteConfig, au as PaletteType, av as PaletteValue, aw as PlatformMode, ax as Position, ay as RegionMode, az as ScaleConfig, j as ScaleMode, aA as ScaleModeConfig, S as ScaleModeForApp, aB as SpacingAlias, aC as SpacingConfig, aD as SpacingStyleProps, aE as SpectrumColor, aF as SpectrumConfig, aG as StateStyleProps, l as StyleProps, aH as TextStyleProps, aI as TextTransform, T as TextTransformConfig, aJ as TextVariant, aK as TransitionDelay, aL as TransitionDuration, aM as TransitionTiming, U as UniversalAvatarProps, e as UniversalBoxProps, a as UniversalButtonProps, c as UniversalIconButtonProps, h as UniversalIconProps, d as UniversalImageProps, b as UniversalPressableProps, f as UniversalStackProps, aN as UniversalTextInputProps, g as UniversalTextProps, k as UniversalTokensConfig, q as alwaysPalette } from '../types-at8CTkly.js';
3
3
  import 'react';
package/dist/tokens/parseTokens.cjs CHANGED
@@ -1 +1,2 @@
1
- "use strict";var m=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var a in e)m(t,a,{get:e[a],enumerable:!0})},X=(t,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of H(e))!k.call(t,n)&&n!==a&&m(t,n,{get:()=>e[n],enumerable:!(i=N(e,n))||i.enumerable});return t};var D=t=>X(m({},"__esModule",{value:!0}),t);var Z={};v(Z,{parseTokens:()=>K});module.exports=D(Z);var S={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"};var P={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}},z={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:{...P.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:{...z.lineHeight,title2:36,title3:32}},W={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}},V={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:{...W.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},w={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:{...V.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},j={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:{...w.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}};var o="uds",b=`${o}-spectrum-color`,_=`${o}-font`,E=`${o}-icon-size`,F=`${o}-avatar-size`,C=`${o}-border-radius`,T=`${o}-border-width`,h=`${o}-font-size`,x=`${o}-line-height`,A=`${o}-font-weight`,$=`${o}-text-transform`,q=`${o}-color-mode-dark`,J=`${o}-color-mode-light`,Q=`${o}-scale-mode-xsmall`,ee=`${o}-scale-mode-small`,te=`${o}-scale-mode-medium`,oe=`${o}-scale-mode-large`,ne=`${o}-scale-mode-xlarge`,ie=`${o}-scale-mode-xxlarge`,ae=`${o}-scale-mode-xxxlarge`;var se=`--${o}-font-icons`,le=`--${o}-font-sans`,re=`--${o}-font-sans-beta`,ce=`--${o}-font-sans-condensed`,pe=`--${o}-font-serif-display`,fe=`--${o}-font-serif-text`;function f(t){return Object.entries(t)}function R(t,e){return Object.keys(t).reduce((a,i,n)=>(a[i]=e(t[i],i,n),a),{})}function L(t){let{palette:e,spectrum:a}=t,i={},n={spectrum:{},palette:{}};for(let[s,l]of f(a))for(let[r,c]of f(l)){let g=`${s}-${r}`,p=`--${b}-${g}`;n.spectrum[s]||(n.spectrum[s]={}),n.spectrum[s][r]=`rgb(var(${p}))`,i[p]=c}return f(e).forEach(([s,l])=>{for(let[r,{hue:c,step:g,opacity:p}]of Object.entries(l)){s in n.palette||(n.palette[s]={});let y=`--${o}-${s}-color-${r}`;i[y]=`var(--${b}-${c}-${g})`,n.palette[s][r]=p?`rgb(var(${y}) / ${p})`:`rgb(var(${y}))`}}),{_vars:i,_raw:t,tailwindConfig:n}}function G(t){let e={},a={};for(let[i,n="regular"]of f(t)){let s=`--${A}-${i}`,l=S[n];e[s]=l,a[i]=`var(${s})`}return{_vars:e,_raw:t,tailwindConfig:{...S,...a}}}function O(t,e,a){let i={},n={};for(let[s,l]of f(e)){let r=`--${t}-${s}`,c=a?a(l):l;i[r]=c,n[s]=`var(${r})`}return{_vars:i,_raw:e,tailwindConfig:n}}function d(t,e){if(!e)return{_vars:{},_raw:{},tailwindConfig:{}};let a={},i={};for(let[n,s]of f(e)){let l=`--${t}-${n}`,r=`${s}px`;a[l]=r,i[n]=`var(${l})`}return{_vars:a,_raw:e,tailwindConfig:i}}function U(t){return R(t,(e,a)=>{let{fallbacks:i=[]}=e??{};return[`var(--${_}-${a})`,...i]})}function K(t){let{colorMode:e,scaleMode:a,fontFamily:i}=t;return{...t,colorMode:{light:L(e.light),dark:L(e.dark)},scaleMode:R(a,({borderRadius:n,borderWidth:s,fontSize:l,lineHeight:r,fontFamily:c,fontWeight:g,textTransform:p,avatarSizes:y,iconSizes:I})=>({fontFamily:O(_,c,M=>`var(--${_}-${M})`),fontSize:d(h,l),fontWeight:G(g),lineHeight:d(x,r),textTransform:O($,p),borderRadius:d(C,n),borderWidth:d(T,s),avatarSizes:d(F,y),iconSizes:d(E,I)})),fontFamily:U(i)}}0&&(module.exports={parseTokens});
1
+ "use strict";
2
+ /*! © 2024 Yahoo, Inc. UDS v0.5.0 */var t={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},r="uds",o=`${r}-spectrum-color`,e=`${r}-font`,n=`${r}-icon-size`,i=`${r}-avatar-size`,a=`${r}-border-radius`,s=`${r}-border-width`,c=`${r}-font-size`,f=`${r}-line-height`,$=`${r}-font-weight`,l=`${r}-text-transform`;function u(t){return Object.entries(t)}function d(t,r){return Object.keys(t).reduce(((o,e,n)=>(o[e]=r(t[e],e,n),o)),{})}function g(t){const{palette:e,spectrum:n}=t,i={},a={spectrum:{},palette:{}};for(const[t,r]of u(n))for(const[e,n]of u(r)){const r=`--${o}-${`${t}-${e}`}`;a.spectrum[t]||(a.spectrum[t]={}),a.spectrum[t][e]=`rgb(var(${r}))`,i[r]=n}return u(e).forEach((([t,e])=>{for(const[n,{hue:s,step:c,opacity:f}]of Object.entries(e)){t in a.palette||(a.palette[t]={});const e=`--${r}-${t}-color-${n}`;i[e]=`var(--${o}-${s}-${c})`,a.palette[t][n]=f?`rgb(var(${e}) / ${f})`:`rgb(var(${e}))`}})),{_vars:i,_raw:t,tailwindConfig:a}}function v(r){const o={},e={};for(const[n,i="regular"]of u(r)){const r=`--${$}-${n}`,a=t[i];o[r]=a,e[n]=`var(${r})`}return{_vars:o,_raw:r,tailwindConfig:{...t,...e}}}function b(t,r,o){const e={},n={};for(const[i,a]of u(r)){const r=`--${t}-${i}`,s=o?o(a):a;e[r]=s,n[i]=`var(${r})`}return{_vars:e,_raw:r,tailwindConfig:n}}function h(t,r){if(!r)return{_vars:{},_raw:{},tailwindConfig:{}};const o={},e={};for(const[n,i]of u(r)){const r=`--${t}-${n}`,a=`${i}px`;o[r]=a,e[n]=`var(${r})`}return{_vars:o,_raw:r,tailwindConfig:e}}function m(t){return d(t,((t,r)=>{const{fallbacks:o=[]}=t??{};return[`var(--${e}-${r})`,...o]}))}exports.parseTokens=function(t){const{colorMode:r,scaleMode:o,fontFamily:$}=t;return{...t,colorMode:{light:g(r.light),dark:g(r.dark)},scaleMode:d(o,(({borderRadius:t,borderWidth:r,fontSize:o,lineHeight:$,fontFamily:u,fontWeight:d,textTransform:g,avatarSizes:m,iconSizes:p})=>({fontFamily:b(e,u,(t=>`var(--${e}-${t})`)),fontSize:h(c,o),fontWeight:v(d),lineHeight:h(f,$),textTransform:b(l,g),borderRadius:h(a,t),borderWidth:h(s,r),avatarSizes:h(i,m),iconSizes:h(n,p)}))),fontFamily:m($)}};
package/dist/tokens/parseTokens.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- import { U as UniversalTokensConfig, C as ColorMode, S as ScaleMode, a as ColorsConfig, H as Hue, b as HueStep, c as CorePaletteAlias, B as BackgroundPaletteAlias, F as ForegroundPaletteAlias, L as LinePaletteAlias, d as FontWeightConfig, e as FontWeightNumeric, f as FontFamilyGlobalConfig } from '../types-Diou6f1Q.cjs';
1
+ import { U as UniversalTokensConfig, C as ColorMode, S as ScaleMode, a as ColorsConfig, H as Hue, b as HueStep, c as CorePaletteAlias, B as BackgroundPaletteAlias, F as ForegroundPaletteAlias, L as LinePaletteAlias, d as FontWeightConfig, e as FontWeightNumeric, f as FontFamilyGlobalConfig } from '../types-Cy3fKMaw.cjs';
2
2
  import 'react';
3
3
 
4
4
  declare function transformColors(colors: ColorsConfig): {
package/dist/tokens/parseTokens.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { U as UniversalTokensConfig, C as ColorMode, S as ScaleMode, a as ColorsConfig, H as Hue, b as HueStep, c as CorePaletteAlias, B as BackgroundPaletteAlias, F as ForegroundPaletteAlias, L as LinePaletteAlias, d as FontWeightConfig, e as FontWeightNumeric, f as FontFamilyGlobalConfig } from '../types-Diou6f1Q.js';
1
+ import { U as UniversalTokensConfig, C as ColorMode, S as ScaleMode, a as ColorsConfig, H as Hue, b as HueStep, c as CorePaletteAlias, B as BackgroundPaletteAlias, F as ForegroundPaletteAlias, L as LinePaletteAlias, d as FontWeightConfig, e as FontWeightNumeric, f as FontFamilyGlobalConfig } from '../types-Cy3fKMaw.js';
2
2
  import 'react';
3
3
 
4
4
  declare function transformColors(colors: ColorsConfig): {
package/dist/tokens/parseTokens.js CHANGED
@@ -1 +1,2 @@
1
- var m={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"};var M={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}},N={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:{...M.lineHeight,title1:40,headline1:20,body1:20,legal1:16}},R={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:{...N.lineHeight,title2:36,title3:32}},H={fontSize:{...R.fontSize,display1:48,display2:40,display3:36,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...R.lineHeight,title2:36,title3:32,headline1:20,body1:20,label1:20,label2:20}},k={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:{...H.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},v={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:{...k.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},P={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:{...v.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}};var e="uds",S=`${e}-spectrum-color`,_=`${e}-font`,u=`${e}-icon-size`,E=`${e}-avatar-size`,F=`${e}-border-radius`,C=`${e}-border-width`,T=`${e}-font-size`,h=`${e}-line-height`,x=`${e}-font-weight`,A=`${e}-text-transform`,W=`${e}-color-mode-dark`,V=`${e}-color-mode-light`,w=`${e}-scale-mode-xsmall`,G=`${e}-scale-mode-small`,U=`${e}-scale-mode-medium`,K=`${e}-scale-mode-large`,Z=`${e}-scale-mode-xlarge`,B=`${e}-scale-mode-xxlarge`,j=`${e}-scale-mode-xxxlarge`;var Y=`--${e}-font-icons`,q=`--${e}-font-sans`,J=`--${e}-font-sans-beta`,Q=`--${e}-font-sans-condensed`,ee=`--${e}-font-serif-display`,te=`--${e}-font-serif-text`;function f(o){return Object.entries(o)}function b(o,a){return Object.keys(o).reduce((s,t,n)=>(s[t]=a(o[t],t,n),s),{})}function $(o){let{palette:a,spectrum:s}=o,t={},n={spectrum:{},palette:{}};for(let[i,l]of f(s))for(let[r,c]of f(l)){let g=`${i}-${r}`,p=`--${S}-${g}`;n.spectrum[i]||(n.spectrum[i]={}),n.spectrum[i][r]=`rgb(var(${p}))`,t[p]=c}return f(a).forEach(([i,l])=>{for(let[r,{hue:c,step:g,opacity:p}]of Object.entries(l)){i in n.palette||(n.palette[i]={});let y=`--${e}-${i}-color-${r}`;t[y]=`var(--${S}-${c}-${g})`,n.palette[i][r]=p?`rgb(var(${y}) / ${p})`:`rgb(var(${y}))`}}),{_vars:t,_raw:o,tailwindConfig:n}}function X(o){let a={},s={};for(let[t,n="regular"]of f(o)){let i=`--${x}-${t}`,l=m[n];a[i]=l,s[t]=`var(${i})`}return{_vars:a,_raw:o,tailwindConfig:{...m,...s}}}function L(o,a,s){let t={},n={};for(let[i,l]of f(a)){let r=`--${o}-${i}`,c=s?s(l):l;t[r]=c,n[i]=`var(${r})`}return{_vars:t,_raw:a,tailwindConfig:n}}function d(o,a){if(!a)return{_vars:{},_raw:{},tailwindConfig:{}};let s={},t={};for(let[n,i]of f(a)){let l=`--${o}-${n}`,r=`${i}px`;s[l]=r,t[n]=`var(${l})`}return{_vars:s,_raw:a,tailwindConfig:t}}function D(o){return b(o,(a,s)=>{let{fallbacks:t=[]}=a??{};return[`var(--${_}-${s})`,...t]})}function ce(o){let{colorMode:a,scaleMode:s,fontFamily:t}=o;return{...o,colorMode:{light:$(a.light),dark:$(a.dark)},scaleMode:b(s,({borderRadius:n,borderWidth:i,fontSize:l,lineHeight:r,fontFamily:c,fontWeight:g,textTransform:p,avatarSizes:y,iconSizes:O})=>({fontFamily:L(_,c,I=>`var(--${_}-${I})`),fontSize:d(T,l),fontWeight:X(g),lineHeight:d(h,r),textTransform:L(A,p),borderRadius:d(F,n),borderWidth:d(C,i),avatarSizes:d(E,y),iconSizes:d(u,O)})),fontFamily:D(t)}}export{ce as parseTokens};
1
+ /*! © 2024 Yahoo, Inc. UDS v0.5.0 */
2
+ var t={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},r="uds",o=`${r}-spectrum-color`,e=`${r}-font`,n=`${r}-icon-size`,i=`${r}-avatar-size`,a=`${r}-border-radius`,s=`${r}-border-width`,c=`${r}-font-size`,f=`${r}-line-height`,$=`${r}-font-weight`,l=`${r}-text-transform`;function u(t){return Object.entries(t)}function d(t,r){return Object.keys(t).reduce(((o,e,n)=>(o[e]=r(t[e],e,n),o)),{})}function g(t){const{palette:e,spectrum:n}=t,i={},a={spectrum:{},palette:{}};for(const[t,r]of u(n))for(const[e,n]of u(r)){const r=`--${o}-${`${t}-${e}`}`;a.spectrum[t]||(a.spectrum[t]={}),a.spectrum[t][e]=`rgb(var(${r}))`,i[r]=n}return u(e).forEach((([t,e])=>{for(const[n,{hue:s,step:c,opacity:f}]of Object.entries(e)){t in a.palette||(a.palette[t]={});const e=`--${r}-${t}-color-${n}`;i[e]=`var(--${o}-${s}-${c})`,a.palette[t][n]=f?`rgb(var(${e}) / ${f})`:`rgb(var(${e}))`}})),{_vars:i,_raw:t,tailwindConfig:a}}function v(r){const o={},e={};for(const[n,i="regular"]of u(r)){const r=`--${$}-${n}`,a=t[i];o[r]=a,e[n]=`var(${r})`}return{_vars:o,_raw:r,tailwindConfig:{...t,...e}}}function b(t,r,o){const e={},n={};for(const[i,a]of u(r)){const r=`--${t}-${i}`,s=o?o(a):a;e[r]=s,n[i]=`var(${r})`}return{_vars:e,_raw:r,tailwindConfig:n}}function h(t,r){if(!r)return{_vars:{},_raw:{},tailwindConfig:{}};const o={},e={};for(const[n,i]of u(r)){const r=`--${t}-${n}`,a=`${i}px`;o[r]=a,e[n]=`var(${r})`}return{_vars:o,_raw:r,tailwindConfig:e}}function m(t){return d(t,((t,r)=>{const{fallbacks:o=[]}=t??{};return[`var(--${e}-${r})`,...o]}))}function p(t){const{colorMode:r,scaleMode:o,fontFamily:$}=t;return{...t,colorMode:{light:g(r.light),dark:g(r.dark)},scaleMode:d(o,(({borderRadius:t,borderWidth:r,fontSize:o,lineHeight:$,fontFamily:u,fontWeight:d,textTransform:g,avatarSizes:m,iconSizes:p})=>({fontFamily:b(e,u,(t=>`var(--${e}-${t})`)),fontSize:h(c,o),fontWeight:v(d),lineHeight:h(f,$),textTransform:b(l,g),borderRadius:h(a,t),borderWidth:h(s,r),avatarSizes:h(i,m),iconSizes:h(n,p)}))),fontFamily:m($)}}export{p as parseTokens};
package/dist/{types-Diou6f1Q.d.cts → types-Cy3fKMaw.d.cts} RENAMED
@@ -1,13 +1,17 @@
1
1
  import { PropsWithChildren } from 'react';
2
2
 
3
+ interface SvgIconProps {
4
+ variant: UniversalIconProps['variant'];
5
+ size: UniversalIconProps['size'];
6
+ }
7
+ type SvgIcon = (props: SvgIconProps) => JSX.Element;
8
+
3
9
  declare const alwaysPalette: {
4
10
  white: string;
5
11
  black: string;
6
12
  transparent: string;
7
13
  };
8
14
 
9
- type IconName$1 = 'academicCap' | 'academicCap_fill' | 'accept' | 'accept_fill' | 'accessibility' | 'accountKey' | 'accountKey_fill' | 'accountKeyAndroid' | 'accountKeyAndroid_fill' | 'addAttachments' | 'addAttachments_fill' | 'addDocument' | 'addDocument_fill' | 'addFolder' | 'addFolder_fill' | 'addLink' | 'addPerson' | 'addPerson_fill' | 'addToCalendar' | 'addToCalendar_fill' | 'ads' | 'adsEuro' | 'adsPound' | 'alarmClock' | 'alarmClock_fill' | 'analytics' | 'announcement' | 'announcement_fill' | 'appPublishing' | 'appPublishing_fill' | 'apparel' | 'apparel_fill' | 'appleWatch_fill' | 'ar3d' | 'archive' | 'archive_fill' | 'arrowCurveLeft' | 'arrowCurveRight' | 'arrowCurveUp' | 'arrowDown' | 'arrowDownAboveLine' | 'arrowDownAndIn' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowUpAndOut' | 'arrowUpUnderLine' | 'ascender' | 'astroAquarius' | 'astroAries' | 'astroCancer' | 'astroCapricorn' | 'astroGemini' | 'astroLeo' | 'astroLibra' | 'astroPisces' | 'astroSagittarius' | 'astroScorpio' | 'astroTaurus' | 'astroVirgo' | 'atSymbol' | 'attachment' | 'badge' | 'badge_fill' | 'barGraph' | 'barGraph_fill' | 'baseball' | 'baseball_fill' | 'baseballBat_fill' | 'basket' | 'basket_fill' | 'basketball' | 'basketball_fill' | 'beachUmbrella' | 'beachUmbrella_fill' | 'bed' | 'bed_fill' | 'beer' | 'beer_fill' | 'bell' | 'bell_fill' | 'bellOff' | 'bellOff_fill' | 'bellPlus' | 'bill' | 'bill_fill' | 'billing' | 'billing_fill' | 'binoculars' | 'binoculars_fill' | 'biometrics' | 'birthdayCake' | 'birthdayCake_fill' | 'blockPerson' | 'blockPerson_fill' | 'bold' | 'bookmark' | 'bookmark_fill' | 'box' | 'box_fill' | 'briefcase' | 'briefcase_fill' | 'bubbleGraph' | 'bubbleGraph_fill' | 'bulletList' | 'bulletListRectangle' | 'bulletListRectangle_fill' | 'bus' | 'bus_fill' | 'cal01' | 'cal01_fill' | 'cal02' | 'cal02_fill' | 'cal03' | 'cal03_fill' | 'cal04' | 'cal04_fill' | 'cal05' | 'cal05_fill' | 'cal06' | 'cal06_fill' | 'cal07' | 'cal07_fill' | 'cal08' | 'cal08_fill' | 'cal09' | 'cal09_fill' | 'cal10' | 'cal10_fill' | 'cal11' | 'cal11_fill' | 'cal12' | 'cal12_fill' | 'cal13' | 'cal13_fill' | 'cal14' | 'cal14_fill' | 'cal15' | 'cal15_fill' | 'cal16' | 'cal16_fill' | 'cal17' | 'cal17_fill' | 'cal18' | 'cal18_fill' | 'cal19' | 'cal19_fill' | 'cal20' | 'cal20_fill' | 'cal21' | 'cal21_fill' | 'cal22' | 'cal22_fill' | 'cal23' | 'cal23_fill' | 'cal24' | 'cal24_fill' | 'cal25' | 'cal25_fill' | 'cal26' | 'cal26_fill' | 'cal27' | 'cal27_fill' | 'cal28' | 'cal28_fill' | 'cal29' | 'cal29_fill' | 'cal30' | 'cal30_fill' | 'cal31' | 'cal31_fill' | 'calendar' | 'calendar_fill' | 'camera' | 'camera_fill' | 'candy' | 'canvas' | 'canvas_fill' | 'capitolBuilding' | 'capitolBuilding_fill' | 'capsule' | 'capsule_fill' | 'car' | 'car_fill' | 'card' | 'card_fill' | 'cart' | 'castAnimationFrame1' | 'castAnimationFrame2' | 'castUnavailable' | 'centerAligned' | 'cfl_fill' | 'changeFont' | 'checkboxMixed' | 'checkboxMixed_fill' | 'checkboxSelected' | 'checkboxSelected_fill' | 'checkboxUnselected' | 'checkmarkSelected' | 'chevronBack' | 'chevronDown' | 'chevronNext' | 'chevronUp' | 'chromeCast' | 'chromeCast_fill' | 'cleats' | 'cleats_fill' | 'clientAssist' | 'clientAssist_fill' | 'clock' | 'clock_fill' | 'close' | 'closedCaptioning' | 'closedCaptioning_fill' | 'cloud' | 'cloud_fill' | 'cloudDay' | 'cloudDrive' | 'cloudDrive_fill' | 'cloudNight' | 'code' | 'coffeeCup' | 'coffeeCup_fill' | 'coffeeMug' | 'coffeeMug_fill' | 'collapseList' | 'collegeFootball' | 'collegeFootball_fill' | 'colorPalette' | 'colorPalette_fill' | 'comedyTragedyMasks' | 'comedyTragedyMasks_fill' | 'comment' | 'comment_fill' | 'compass' | 'compass_fill' | 'compose' | 'compose_fill' | 'contactBook' | 'contactBook_fill' | 'contactCard' | 'contactCard_fill' | 'convenienceStore' | 'convenienceStore_fill' | 'conversations' | 'conversations_fill' | 'copy' | 'copy_fill' | 'copyright' | 'copyright_fill' | 'creativeCommons' | 'creativeCommons_fill' | 'creditCard' | 'creditCard_fill' | 'crescentMoon' | 'crescentMoonAlt' | 'cryptocurrency' | 'cryptocurrency_fill' | 'cursor' | 'cut' | 'dashboard' | 'dashboard_fill' | 'dating' | 'dating_fill' | 'decline' | 'decline_fill' | 'descender' | 'desktop' | 'desktop_fill' | 'diamond' | 'diamond_fill' | 'direction' | 'direction_fill' | 'discoBall' | 'document' | 'document_fill' | 'dollar' | 'doubleLeft' | 'doubleRight' | 'draft' | 'draft_fill' | 'dragBars' | 'dragBarsAlt' | 'dressForm_fill' | 'dressFrom' | 'dusk' | 'dusk_fill' | 'eclipse' | 'eclipse_fill' | 'edit' | 'edit_fill' | 'emoticon' | 'emoticon_fill' | 'euro' | 'exchange' | 'exclamation' | 'exclamation_fill' | 'exclamationAlt' | 'exclamationAlt_fill' | 'exitFullscreen' | 'expand' | 'expandAlt' | 'expandList' | 'eye' | 'eyeSlash' | 'eyelash' | 'fantasyBaseball' | 'fantasyBaseball_fill' | 'fantasyFootball' | 'fantasyFootball_fill' | 'files' | 'files_fill' | 'filter' | 'finance' | 'firstQuarter' | 'flag' | 'flag_fill' | 'flower' | 'fog' | 'fogDay' | 'fogNight' | 'folder' | 'folder_fill' | 'foodAndDrink' | 'foodAndDrink_fill' | 'football' | 'football_fill' | 'forkKnife' | 'forward' | 'forward_fill' | 'fourColumn' | 'fourColumn_fill' | 'fullMoon' | 'fullscreen' | 'fullscreenAudio' | 'gallery' | 'gallery_fill' | 'gasStation' | 'gear' | 'gear_fill' | 'gif' | 'gif_fill' | 'globe' | 'golf' | 'grid' | 'groups' | 'groups_fill' | 'guitar' | 'halfSun' | 'halfSun_fill' | 'hand' | 'hashtag' | 'haze' | 'hazeDay' | 'hazeNight' | 'heart' | 'heart_fill' | 'heavyRain' | 'heavyRainDay' | 'heavyRainLightning' | 'heavyRainLightningDay' | 'heavyRainLightningNight' | 'heavyRainNight' | 'history' | 'hockey' | 'home' | 'home_fill' | 'hurricane' | 'inbox' | 'inbox_fill' | 'indent' | 'information' | 'information_fill' | 'invitation' | 'invitation_fill' | 'italic' | 'key' | 'keyAlt' | 'keypad' | 'lastQuarter' | 'layout' | 'layout_fill' | 'layoutGrid' | 'layoutList' | 'leftAligned' | 'leftToRight' | 'lifePreserver' | 'lightning' | 'lightningBolt' | 'lightningBolt_fill' | 'lightningDay' | 'lightningNight' | 'lineGraph' | 'lineTypeBar' | 'lineTypeCandlestick' | 'link' | 'lipstick' | 'lipstick_fill' | 'list' | 'live' | 'locationArrow' | 'locationArrow_fill' | 'lock' | 'lock_fill' | 'logout' | 'magnifyingGlass' | 'magnifyingGlass_fill' | 'mail' | 'mail_fill' | 'manageAccount' | 'manageAccount_fill' | 'map' | 'mapPin' | 'mapPin_fill' | 'martini' | 'martini_fill' | 'meMail' | 'medal' | 'medal_fill' | 'medicalKit' | 'medicalKit_fill' | 'metrics' | 'mic' | 'mic_fill' | 'micOff' | 'micOff_fill' | 'microscope' | 'microscope_fill' | 'minus' | 'mlb' | 'moveToFolder' | 'moveToFolder_fill' | 'movies' | 'movies_fill' | 'music' | 'music_fill' | 'ncaab' | 'newComment' | 'newComment_fill' | 'newMoon' | 'news' | 'news_fill' | 'nextTrack' | 'nfc' | 'nfl' | 'notes' | 'notes_fill' | 'null' | 'numberedList' | 'oneColumn' | 'oneColumn_fill' | 'outbox' | 'outbox_fill' | 'outdent' | 'overflow' | 'overflowMail' | 'overflowVertical' | 'paperclip' | 'parenting' | 'parenting_fill' | 'parking' | 'parks' | 'parks_fill' | 'pause' | 'paw' | 'pawn' | 'pawn_fill' | 'person' | 'person_fill' | 'personArrowUturnLeft' | 'personArrowUturnLeft_fill' | 'phone' | 'phone_fill' | 'picture' | 'picture_fill' | 'pieChart' | 'pieChart_fill' | 'play' | 'play_fill' | 'playInCircle' | 'playInCircle_fill' | 'playMini' | 'plus' | 'poll' | 'poll_fill' | 'popular' | 'power' | 'print' | 'print_fill' | 'pro' | 'profile' | 'profile_fill' | 'prohibitionSign' | 'pulse' | 'question' | 'question_fill' | 'racingFlag' | 'radioSelected' | 'radioSelected_fill' | 'radioUnselected' | 'rain' | 'rainDay' | 'rainNight' | 'raindrop' | 'raindropDay' | 'raindropNight' | 'reblog' | 'reblogAlt' | 'recreation' | 'refresh' | 'refreshAlt' | 'removePerson' | 'removePerson_fill' | 'replay' | 'reply' | 'reply_fill' | 'replyAll' | 'replyAll_fill' | 'reverse' | 'revisions' | 'revisions_fill' | 'riceBowl' | 'rightAligned' | 'rightToLeft' | 'rugby' | 'scissors' | 'searchMail' | 'searchMail_fill' | 'searchWeb' | 'seekBackward10' | 'seekForward10' | 'segments' | 'segments_fill' | 'selector' | 'sendScheduled' | 'sendScheduled_fill' | 'sent' | 'sent_fill' | 'shield' | 'shieldWithCheckMark' | 'shieldWithCheckMark_fill' | 'shieldWithProhibitionSign' | 'shieldWithProhibitionSign_fill' | 'shieldWithX' | 'shieldWithX_fill' | 'shoppingBag' | 'shoppingBag_fill' | 'shrink' | 'sidebar' | 'sidebarError' | 'skull' | 'skull_fill' | 'slideRule' | 'smartPhone' | 'smartPhone_fill' | 'smiley' | 'smiley_fill' | 'snow' | 'snowDay' | 'snowNight' | 'snowflake' | 'soccer' | 'spellCheck' | 'sprinkle' | 'sprinkleDay' | 'sprinkleNight' | 'squareArrowDiagonalUpRight' | 'stadium' | 'star' | 'star_fill' | 'stardust' | 'stardust_fill' | 'stationery' | 'stationery_fill' | 'stationeryFall' | 'stationeryFall_fill' | 'stationerySpring' | 'stationerySpring_fill' | 'stationeryWinter' | 'stationeryWinter_fill' | 'statistics' | 'stop' | 'stopwatch' | 'stopwatch_fill' | 'stream' | 'sun' | 'sun_fill' | 'sunrise' | 'sunset' | 'supply' | 'supply_fill' | 'suspicious' | 'suspicious_fill' | 'swipeleft' | 'swipeleft_fill' | 'swiperight' | 'swiperight_fill' | 'tablet' | 'tablet_fill' | 'tag' | 'tag_fill' | 'target' | 'targetArrow' | 'tech' | 'tech_fill' | 'techAlt' | 'textColor' | 'textHighlight' | 'textHighlight_fill' | 'theme' | 'theme_fill' | 'threeColumn' | 'threeColumn_fill' | 'thumbDown' | 'thumbDown_fill' | 'thumbUp' | 'thumbUp_fill' | 'tornado' | 'train' | 'train_fill' | 'trashCan' | 'trashCan_fill' | 'travel' | 'travel_fill' | 'trending' | 'truck' | 'truck_fill' | 'tsunami' | 'tv' | 'tv_fill' | 'twoColumn' | 'twoColumn_fill' | 'underline' | 'unsub' | 'unsub_fill' | 'videoCamera' | 'videoCamera_fill' | 'videoCameraOff' | 'videoCameraOff_fill' | 'volume' | 'volumeLow' | 'volumeMute' | 'waningCrescent' | 'waningGibbous' | 'waxingCrescent' | 'waxingGibbous' | 'wellness' | 'wifi' | 'wifiOffline' | 'wind' | 'windCloud' | 'windDay' | 'windNight' | 'wine' | 'wine_fill' | 'wrench' | 'wrench_fill' | 'yahooPlus' | 'zoomIn' | 'zoomOut';
10
-
11
15
  type PaletteType = keyof PaletteConfig;
12
16
  type PaletteValue = {
13
17
  hue: Hue;
@@ -295,12 +299,13 @@ interface UniversalTextProps extends PropsWithChildren, TextStyleProps, Universa
295
299
  /** Color of the text. */
296
300
  color?: ForegroundColor;
297
301
  }
298
- type IconName = IconName$1;
299
- interface UniversalIconProps extends Omit<TextStyleProps, 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight'>, UniversalBoxProps {
302
+ interface UniversalIconProps {
303
+ /** Icon to render from the icons package. */
304
+ name: SvgIcon;
300
305
  /** Size of the icon. */
301
306
  size: IconSize;
302
- /** Name of the icon. */
303
- name: IconName;
307
+ /** Variant for icon. Either fill or outline. */
308
+ variant?: 'fill' | 'outline';
304
309
  /** Color of the icon. */
305
310
  color?: ForegroundColor;
306
311
  }
@@ -310,20 +315,14 @@ interface UniversalPressableProps extends UniversalBoxProps {
310
315
  type ButtonVariant = CorePaletteAlias | `${CorePaletteAlias}-outline` | `${CorePaletteAlias}-ghost` | 'primary-ghost' | 'primary-outline' | 'secondary';
311
316
  type ButtonSize = 's' | 'm' | 'l';
312
317
  interface UniversalIconButtonProps {
313
- /**
314
- * The variant of the button
315
- * @default 'accent'
316
- */
318
+ /** The variant of the button. */
317
319
  variant?: ButtonVariant;
318
- /**
319
- * The size of the button
320
- * @default 'm'
321
- */
320
+ /** The size of the button. */
322
321
  size?: ButtonSize;
323
- /** The name of the icon to be displayed at the start of the button. */
324
- name: IconName;
322
+ /** Icon to render from the icons package. */
323
+ name: SvgIcon;
325
324
  /** Color for the icon. */
326
- color: ForegroundColor;
325
+ color: UniversalIconProps['color'];
327
326
  }
328
327
  interface UniversalButtonProps {
329
328
  /**
@@ -337,9 +336,9 @@ interface UniversalButtonProps {
337
336
  */
338
337
  size?: ButtonSize;
339
338
  /** The name of the icon to be displayed at the start of the button. */
340
- startIcon?: IconName;
339
+ startIcon?: SvgIcon;
341
340
  /** The name of the icon to be displayed at the end of the button. */
342
- endIcon?: IconName;
341
+ endIcon?: SvgIcon;
343
342
  /** Indicates whether the button should span the full width of its container. */
344
343
  fullWidth?: boolean;
345
344
  }
@@ -348,7 +347,9 @@ interface UniversalImageProps extends Omit<UniversalBoxProps, 'width' | 'height'
348
347
  src: string;
349
348
  /** Provides fallback (alternate) text to display when the image specified by the Image element is not loaded. */
350
349
  alt?: string;
350
+ /** Width of the image in px. */
351
351
  width?: number;
352
+ /** Height of the image in pixel. */
352
353
  height?: number;
353
354
  }
354
355
  interface UniversalAvatarProps extends UniversalImageProps {
@@ -371,4 +372,4 @@ interface UniversalTextInputProps {
371
372
  spacingHorizontal?: SpacingAlias;
372
373
  }
373
374
 
374
- export { type FlexShrink as $, type AlwaysPalette as A, type BackgroundPaletteAlias as B, type ColorMode as C, type BorderWidthConfig as D, type BoxShadowConfig as E, type ForegroundPaletteAlias as F, type ButtonSize as G, type Hue as H, type ButtonVariant as I, type ColorModeConfig as J, type ColorModeForApp as K, type LinePaletteAlias as L, type ConfigurableTextProperty as M, type CorePalette as N, type CustomSizingStyleProps as O, type DataAttribute as P, type Display as Q, type Flex as R, type ScaleMode as S, type FlexAlignContent as T, type UniversalTokensConfig as U, type FlexAlignItems as V, type FlexAlignSelf as W, type FlexBasis as X, type FlexDirection as Y, type FlexGrow as Z, type FlexJustifyContent as _, type ColorsConfig as a, type FlexStyleProps as a0, type FlexWrap as a1, type FontFamilyConfig as a2, type FontFamilyGlobalAlias as a3, type FontSize as a4, type FontSizeConfig as a5, type FontWeightDescriptive as a6, type ForegroundColor as a7, type ForegroundPalette as a8, type HighContrastMode as a9, type SpectrumColor as aA, type SpectrumConfig as aB, type StateStyleProps as aC, type StyleProps as aD, type TextStyleProps as aE, type TextTransform as aF, type TextTransformConfig as aG, type TextVariant as aH, type TransitionDelay as aI, type TransitionDuration as aJ, type TransitionTiming as aK, type UniversalAvatarProps as aL, type UniversalButtonProps as aM, type UniversalIconButtonProps as aN, type UniversalTextInputProps as aO, type IconName as aa, type IconSize as ab, type IconSizeConfig as ac, type ImageStyleProps as ad, type LayoutStyleProps as ae, type LetterSpacing as af, type LineClampAlias as ag, type LineColor as ah, type LineHeight as ai, type LineHeightConfig as aj, type LinePalette as ak, type Modes as al, type Overflow as am, type Palette as an, type PaletteConfig as ao, type PaletteType as ap, type PaletteValue as aq, type PlatformMode as ar, type Position as as, type RegionMode as at, type ScaleConfig as au, type ScaleModeConfig as av, type ScaleModeForApp as aw, type SpacingAlias as ax, type SpacingConfig as ay, type SpacingStyleProps as az, type HueStep as b, type CorePaletteAlias as c, type FontWeightConfig as d, type FontWeightNumeric as e, type FontFamilyGlobalConfig as f, type UniversalBoxProps as g, type UniversalPressableProps as h, type UniversalTextProps as i, type UniversalStackProps as j, type UniversalIconProps as k, type UniversalImageProps as l, alwaysPalette as m, type AlwaysPaletteAlias as n, type Animation as o, type AriaAttribute as p, type AvatarShape as q, type AvatarSize as r, type AvatarSizeConfig as s, type BackgroundColor as t, type BackgroundPalette as u, type BackgroundStyleProps as v, type BorderRadius as w, type BorderRadiusConfig as x, type BorderStyleProps as y, type BorderWidth as z };
375
+ export { type FontFamilyGlobalAlias as $, type AlwaysPalette as A, type BackgroundPaletteAlias as B, type ColorMode as C, type ColorModeConfig as D, type ColorModeForApp as E, type ForegroundPaletteAlias as F, type ConfigurableTextProperty as G, type Hue as H, type CorePalette as I, type CustomSizingStyleProps as J, type DataAttribute as K, type LinePaletteAlias as L, type Display as M, type Flex as N, type FlexAlignContent as O, type FlexAlignItems as P, type FlexAlignSelf as Q, type FlexBasis as R, type ScaleMode as S, type FlexDirection as T, type UniversalTokensConfig as U, type FlexGrow as V, type FlexJustifyContent as W, type FlexShrink as X, type FlexStyleProps as Y, type FlexWrap as Z, type FontFamilyConfig as _, type ColorsConfig as a, type FontSize as a0, type FontSizeConfig as a1, type FontWeightDescriptive as a2, type ForegroundColor as a3, type ForegroundPalette as a4, type HighContrastMode as a5, type IconSize as a6, type IconSizeConfig as a7, type ImageStyleProps as a8, type LayoutStyleProps as a9, type TextTransform as aA, type TextTransformConfig as aB, type TextVariant as aC, type TransitionDelay as aD, type TransitionDuration as aE, type TransitionTiming as aF, type UniversalAvatarProps as aG, type UniversalBoxProps as aH, type UniversalButtonProps as aI, type UniversalIconButtonProps as aJ, type UniversalIconProps as aK, type UniversalPressableProps as aL, type UniversalTextInputProps as aM, type UniversalTextProps as aN, type LetterSpacing as aa, type LineClampAlias as ab, type LineColor as ac, type LineHeight as ad, type LineHeightConfig as ae, type LinePalette as af, type Modes as ag, type Overflow as ah, type Palette as ai, type PaletteConfig as aj, type PaletteType as ak, type PaletteValue as al, type PlatformMode as am, type Position as an, type RegionMode as ao, type ScaleConfig as ap, type ScaleModeConfig as aq, type ScaleModeForApp as ar, type SpacingAlias as as, type SpacingConfig as at, type SpacingStyleProps as au, type SpectrumColor as av, type SpectrumConfig as aw, type StateStyleProps as ax, type StyleProps as ay, type TextStyleProps as az, type HueStep as b, type CorePaletteAlias as c, type FontWeightConfig as d, type FontWeightNumeric as e, type FontFamilyGlobalConfig as f, type UniversalStackProps as g, type UniversalImageProps as h, alwaysPalette as i, type AlwaysPaletteAlias as j, type Animation as k, type AriaAttribute as l, type AvatarShape as m, type AvatarSize as n, type AvatarSizeConfig as o, type BackgroundColor as p, type BackgroundPalette as q, type BackgroundStyleProps as r, type BorderRadius as s, type BorderRadiusConfig as t, type BorderStyleProps as u, type BorderWidth as v, type BorderWidthConfig as w, type BoxShadowConfig as x, type ButtonSize as y, type ButtonVariant as z };
package/dist/{types-Diou6f1Q.d.ts → types-Cy3fKMaw.d.ts} RENAMED
@@ -1,13 +1,17 @@
1
1
  import { PropsWithChildren } from 'react';
2
2
 
3
+ interface SvgIconProps {
4
+ variant: UniversalIconProps['variant'];
5
+ size: UniversalIconProps['size'];
6
+ }
7
+ type SvgIcon = (props: SvgIconProps) => JSX.Element;
8
+
3
9
  declare const alwaysPalette: {
4
10
  white: string;
5
11
  black: string;
6
12
  transparent: string;
7
13
  };
8
14
 
9
- type IconName$1 = 'academicCap' | 'academicCap_fill' | 'accept' | 'accept_fill' | 'accessibility' | 'accountKey' | 'accountKey_fill' | 'accountKeyAndroid' | 'accountKeyAndroid_fill' | 'addAttachments' | 'addAttachments_fill' | 'addDocument' | 'addDocument_fill' | 'addFolder' | 'addFolder_fill' | 'addLink' | 'addPerson' | 'addPerson_fill' | 'addToCalendar' | 'addToCalendar_fill' | 'ads' | 'adsEuro' | 'adsPound' | 'alarmClock' | 'alarmClock_fill' | 'analytics' | 'announcement' | 'announcement_fill' | 'appPublishing' | 'appPublishing_fill' | 'apparel' | 'apparel_fill' | 'appleWatch_fill' | 'ar3d' | 'archive' | 'archive_fill' | 'arrowCurveLeft' | 'arrowCurveRight' | 'arrowCurveUp' | 'arrowDown' | 'arrowDownAboveLine' | 'arrowDownAndIn' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowUpAndOut' | 'arrowUpUnderLine' | 'ascender' | 'astroAquarius' | 'astroAries' | 'astroCancer' | 'astroCapricorn' | 'astroGemini' | 'astroLeo' | 'astroLibra' | 'astroPisces' | 'astroSagittarius' | 'astroScorpio' | 'astroTaurus' | 'astroVirgo' | 'atSymbol' | 'attachment' | 'badge' | 'badge_fill' | 'barGraph' | 'barGraph_fill' | 'baseball' | 'baseball_fill' | 'baseballBat_fill' | 'basket' | 'basket_fill' | 'basketball' | 'basketball_fill' | 'beachUmbrella' | 'beachUmbrella_fill' | 'bed' | 'bed_fill' | 'beer' | 'beer_fill' | 'bell' | 'bell_fill' | 'bellOff' | 'bellOff_fill' | 'bellPlus' | 'bill' | 'bill_fill' | 'billing' | 'billing_fill' | 'binoculars' | 'binoculars_fill' | 'biometrics' | 'birthdayCake' | 'birthdayCake_fill' | 'blockPerson' | 'blockPerson_fill' | 'bold' | 'bookmark' | 'bookmark_fill' | 'box' | 'box_fill' | 'briefcase' | 'briefcase_fill' | 'bubbleGraph' | 'bubbleGraph_fill' | 'bulletList' | 'bulletListRectangle' | 'bulletListRectangle_fill' | 'bus' | 'bus_fill' | 'cal01' | 'cal01_fill' | 'cal02' | 'cal02_fill' | 'cal03' | 'cal03_fill' | 'cal04' | 'cal04_fill' | 'cal05' | 'cal05_fill' | 'cal06' | 'cal06_fill' | 'cal07' | 'cal07_fill' | 'cal08' | 'cal08_fill' | 'cal09' | 'cal09_fill' | 'cal10' | 'cal10_fill' | 'cal11' | 'cal11_fill' | 'cal12' | 'cal12_fill' | 'cal13' | 'cal13_fill' | 'cal14' | 'cal14_fill' | 'cal15' | 'cal15_fill' | 'cal16' | 'cal16_fill' | 'cal17' | 'cal17_fill' | 'cal18' | 'cal18_fill' | 'cal19' | 'cal19_fill' | 'cal20' | 'cal20_fill' | 'cal21' | 'cal21_fill' | 'cal22' | 'cal22_fill' | 'cal23' | 'cal23_fill' | 'cal24' | 'cal24_fill' | 'cal25' | 'cal25_fill' | 'cal26' | 'cal26_fill' | 'cal27' | 'cal27_fill' | 'cal28' | 'cal28_fill' | 'cal29' | 'cal29_fill' | 'cal30' | 'cal30_fill' | 'cal31' | 'cal31_fill' | 'calendar' | 'calendar_fill' | 'camera' | 'camera_fill' | 'candy' | 'canvas' | 'canvas_fill' | 'capitolBuilding' | 'capitolBuilding_fill' | 'capsule' | 'capsule_fill' | 'car' | 'car_fill' | 'card' | 'card_fill' | 'cart' | 'castAnimationFrame1' | 'castAnimationFrame2' | 'castUnavailable' | 'centerAligned' | 'cfl_fill' | 'changeFont' | 'checkboxMixed' | 'checkboxMixed_fill' | 'checkboxSelected' | 'checkboxSelected_fill' | 'checkboxUnselected' | 'checkmarkSelected' | 'chevronBack' | 'chevronDown' | 'chevronNext' | 'chevronUp' | 'chromeCast' | 'chromeCast_fill' | 'cleats' | 'cleats_fill' | 'clientAssist' | 'clientAssist_fill' | 'clock' | 'clock_fill' | 'close' | 'closedCaptioning' | 'closedCaptioning_fill' | 'cloud' | 'cloud_fill' | 'cloudDay' | 'cloudDrive' | 'cloudDrive_fill' | 'cloudNight' | 'code' | 'coffeeCup' | 'coffeeCup_fill' | 'coffeeMug' | 'coffeeMug_fill' | 'collapseList' | 'collegeFootball' | 'collegeFootball_fill' | 'colorPalette' | 'colorPalette_fill' | 'comedyTragedyMasks' | 'comedyTragedyMasks_fill' | 'comment' | 'comment_fill' | 'compass' | 'compass_fill' | 'compose' | 'compose_fill' | 'contactBook' | 'contactBook_fill' | 'contactCard' | 'contactCard_fill' | 'convenienceStore' | 'convenienceStore_fill' | 'conversations' | 'conversations_fill' | 'copy' | 'copy_fill' | 'copyright' | 'copyright_fill' | 'creativeCommons' | 'creativeCommons_fill' | 'creditCard' | 'creditCard_fill' | 'crescentMoon' | 'crescentMoonAlt' | 'cryptocurrency' | 'cryptocurrency_fill' | 'cursor' | 'cut' | 'dashboard' | 'dashboard_fill' | 'dating' | 'dating_fill' | 'decline' | 'decline_fill' | 'descender' | 'desktop' | 'desktop_fill' | 'diamond' | 'diamond_fill' | 'direction' | 'direction_fill' | 'discoBall' | 'document' | 'document_fill' | 'dollar' | 'doubleLeft' | 'doubleRight' | 'draft' | 'draft_fill' | 'dragBars' | 'dragBarsAlt' | 'dressForm_fill' | 'dressFrom' | 'dusk' | 'dusk_fill' | 'eclipse' | 'eclipse_fill' | 'edit' | 'edit_fill' | 'emoticon' | 'emoticon_fill' | 'euro' | 'exchange' | 'exclamation' | 'exclamation_fill' | 'exclamationAlt' | 'exclamationAlt_fill' | 'exitFullscreen' | 'expand' | 'expandAlt' | 'expandList' | 'eye' | 'eyeSlash' | 'eyelash' | 'fantasyBaseball' | 'fantasyBaseball_fill' | 'fantasyFootball' | 'fantasyFootball_fill' | 'files' | 'files_fill' | 'filter' | 'finance' | 'firstQuarter' | 'flag' | 'flag_fill' | 'flower' | 'fog' | 'fogDay' | 'fogNight' | 'folder' | 'folder_fill' | 'foodAndDrink' | 'foodAndDrink_fill' | 'football' | 'football_fill' | 'forkKnife' | 'forward' | 'forward_fill' | 'fourColumn' | 'fourColumn_fill' | 'fullMoon' | 'fullscreen' | 'fullscreenAudio' | 'gallery' | 'gallery_fill' | 'gasStation' | 'gear' | 'gear_fill' | 'gif' | 'gif_fill' | 'globe' | 'golf' | 'grid' | 'groups' | 'groups_fill' | 'guitar' | 'halfSun' | 'halfSun_fill' | 'hand' | 'hashtag' | 'haze' | 'hazeDay' | 'hazeNight' | 'heart' | 'heart_fill' | 'heavyRain' | 'heavyRainDay' | 'heavyRainLightning' | 'heavyRainLightningDay' | 'heavyRainLightningNight' | 'heavyRainNight' | 'history' | 'hockey' | 'home' | 'home_fill' | 'hurricane' | 'inbox' | 'inbox_fill' | 'indent' | 'information' | 'information_fill' | 'invitation' | 'invitation_fill' | 'italic' | 'key' | 'keyAlt' | 'keypad' | 'lastQuarter' | 'layout' | 'layout_fill' | 'layoutGrid' | 'layoutList' | 'leftAligned' | 'leftToRight' | 'lifePreserver' | 'lightning' | 'lightningBolt' | 'lightningBolt_fill' | 'lightningDay' | 'lightningNight' | 'lineGraph' | 'lineTypeBar' | 'lineTypeCandlestick' | 'link' | 'lipstick' | 'lipstick_fill' | 'list' | 'live' | 'locationArrow' | 'locationArrow_fill' | 'lock' | 'lock_fill' | 'logout' | 'magnifyingGlass' | 'magnifyingGlass_fill' | 'mail' | 'mail_fill' | 'manageAccount' | 'manageAccount_fill' | 'map' | 'mapPin' | 'mapPin_fill' | 'martini' | 'martini_fill' | 'meMail' | 'medal' | 'medal_fill' | 'medicalKit' | 'medicalKit_fill' | 'metrics' | 'mic' | 'mic_fill' | 'micOff' | 'micOff_fill' | 'microscope' | 'microscope_fill' | 'minus' | 'mlb' | 'moveToFolder' | 'moveToFolder_fill' | 'movies' | 'movies_fill' | 'music' | 'music_fill' | 'ncaab' | 'newComment' | 'newComment_fill' | 'newMoon' | 'news' | 'news_fill' | 'nextTrack' | 'nfc' | 'nfl' | 'notes' | 'notes_fill' | 'null' | 'numberedList' | 'oneColumn' | 'oneColumn_fill' | 'outbox' | 'outbox_fill' | 'outdent' | 'overflow' | 'overflowMail' | 'overflowVertical' | 'paperclip' | 'parenting' | 'parenting_fill' | 'parking' | 'parks' | 'parks_fill' | 'pause' | 'paw' | 'pawn' | 'pawn_fill' | 'person' | 'person_fill' | 'personArrowUturnLeft' | 'personArrowUturnLeft_fill' | 'phone' | 'phone_fill' | 'picture' | 'picture_fill' | 'pieChart' | 'pieChart_fill' | 'play' | 'play_fill' | 'playInCircle' | 'playInCircle_fill' | 'playMini' | 'plus' | 'poll' | 'poll_fill' | 'popular' | 'power' | 'print' | 'print_fill' | 'pro' | 'profile' | 'profile_fill' | 'prohibitionSign' | 'pulse' | 'question' | 'question_fill' | 'racingFlag' | 'radioSelected' | 'radioSelected_fill' | 'radioUnselected' | 'rain' | 'rainDay' | 'rainNight' | 'raindrop' | 'raindropDay' | 'raindropNight' | 'reblog' | 'reblogAlt' | 'recreation' | 'refresh' | 'refreshAlt' | 'removePerson' | 'removePerson_fill' | 'replay' | 'reply' | 'reply_fill' | 'replyAll' | 'replyAll_fill' | 'reverse' | 'revisions' | 'revisions_fill' | 'riceBowl' | 'rightAligned' | 'rightToLeft' | 'rugby' | 'scissors' | 'searchMail' | 'searchMail_fill' | 'searchWeb' | 'seekBackward10' | 'seekForward10' | 'segments' | 'segments_fill' | 'selector' | 'sendScheduled' | 'sendScheduled_fill' | 'sent' | 'sent_fill' | 'shield' | 'shieldWithCheckMark' | 'shieldWithCheckMark_fill' | 'shieldWithProhibitionSign' | 'shieldWithProhibitionSign_fill' | 'shieldWithX' | 'shieldWithX_fill' | 'shoppingBag' | 'shoppingBag_fill' | 'shrink' | 'sidebar' | 'sidebarError' | 'skull' | 'skull_fill' | 'slideRule' | 'smartPhone' | 'smartPhone_fill' | 'smiley' | 'smiley_fill' | 'snow' | 'snowDay' | 'snowNight' | 'snowflake' | 'soccer' | 'spellCheck' | 'sprinkle' | 'sprinkleDay' | 'sprinkleNight' | 'squareArrowDiagonalUpRight' | 'stadium' | 'star' | 'star_fill' | 'stardust' | 'stardust_fill' | 'stationery' | 'stationery_fill' | 'stationeryFall' | 'stationeryFall_fill' | 'stationerySpring' | 'stationerySpring_fill' | 'stationeryWinter' | 'stationeryWinter_fill' | 'statistics' | 'stop' | 'stopwatch' | 'stopwatch_fill' | 'stream' | 'sun' | 'sun_fill' | 'sunrise' | 'sunset' | 'supply' | 'supply_fill' | 'suspicious' | 'suspicious_fill' | 'swipeleft' | 'swipeleft_fill' | 'swiperight' | 'swiperight_fill' | 'tablet' | 'tablet_fill' | 'tag' | 'tag_fill' | 'target' | 'targetArrow' | 'tech' | 'tech_fill' | 'techAlt' | 'textColor' | 'textHighlight' | 'textHighlight_fill' | 'theme' | 'theme_fill' | 'threeColumn' | 'threeColumn_fill' | 'thumbDown' | 'thumbDown_fill' | 'thumbUp' | 'thumbUp_fill' | 'tornado' | 'train' | 'train_fill' | 'trashCan' | 'trashCan_fill' | 'travel' | 'travel_fill' | 'trending' | 'truck' | 'truck_fill' | 'tsunami' | 'tv' | 'tv_fill' | 'twoColumn' | 'twoColumn_fill' | 'underline' | 'unsub' | 'unsub_fill' | 'videoCamera' | 'videoCamera_fill' | 'videoCameraOff' | 'videoCameraOff_fill' | 'volume' | 'volumeLow' | 'volumeMute' | 'waningCrescent' | 'waningGibbous' | 'waxingCrescent' | 'waxingGibbous' | 'wellness' | 'wifi' | 'wifiOffline' | 'wind' | 'windCloud' | 'windDay' | 'windNight' | 'wine' | 'wine_fill' | 'wrench' | 'wrench_fill' | 'yahooPlus' | 'zoomIn' | 'zoomOut';
10
-
11
15
  type PaletteType = keyof PaletteConfig;
12
16
  type PaletteValue = {
13
17
  hue: Hue;
@@ -295,12 +299,13 @@ interface UniversalTextProps extends PropsWithChildren, TextStyleProps, Universa
295
299
  /** Color of the text. */
296
300
  color?: ForegroundColor;
297
301
  }
298
- type IconName = IconName$1;
299
- interface UniversalIconProps extends Omit<TextStyleProps, 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight'>, UniversalBoxProps {
302
+ interface UniversalIconProps {
303
+ /** Icon to render from the icons package. */
304
+ name: SvgIcon;
300
305
  /** Size of the icon. */
301
306
  size: IconSize;
302
- /** Name of the icon. */
303
- name: IconName;
307
+ /** Variant for icon. Either fill or outline. */
308
+ variant?: 'fill' | 'outline';
304
309
  /** Color of the icon. */
305
310
  color?: ForegroundColor;
306
311
  }
@@ -310,20 +315,14 @@ interface UniversalPressableProps extends UniversalBoxProps {
310
315
  type ButtonVariant = CorePaletteAlias | `${CorePaletteAlias}-outline` | `${CorePaletteAlias}-ghost` | 'primary-ghost' | 'primary-outline' | 'secondary';
311
316
  type ButtonSize = 's' | 'm' | 'l';
312
317
  interface UniversalIconButtonProps {
313
- /**
314
- * The variant of the button
315
- * @default 'accent'
316
- */
318
+ /** The variant of the button. */
317
319
  variant?: ButtonVariant;
318
- /**
319
- * The size of the button
320
- * @default 'm'
321
- */
320
+ /** The size of the button. */
322
321
  size?: ButtonSize;
323
- /** The name of the icon to be displayed at the start of the button. */
324
- name: IconName;
322
+ /** Icon to render from the icons package. */
323
+ name: SvgIcon;
325
324
  /** Color for the icon. */
326
- color: ForegroundColor;
325
+ color: UniversalIconProps['color'];
327
326
  }
328
327
  interface UniversalButtonProps {
329
328
  /**
@@ -337,9 +336,9 @@ interface UniversalButtonProps {
337
336
  */
338
337
  size?: ButtonSize;
339
338
  /** The name of the icon to be displayed at the start of the button. */
340
- startIcon?: IconName;
339
+ startIcon?: SvgIcon;
341
340
  /** The name of the icon to be displayed at the end of the button. */
342
- endIcon?: IconName;
341
+ endIcon?: SvgIcon;
343
342
  /** Indicates whether the button should span the full width of its container. */
344
343
  fullWidth?: boolean;
345
344
  }
@@ -348,7 +347,9 @@ interface UniversalImageProps extends Omit<UniversalBoxProps, 'width' | 'height'
348
347
  src: string;
349
348
  /** Provides fallback (alternate) text to display when the image specified by the Image element is not loaded. */
350
349
  alt?: string;
350
+ /** Width of the image in px. */
351
351
  width?: number;
352
+ /** Height of the image in pixel. */
352
353
  height?: number;
353
354
  }
354
355
  interface UniversalAvatarProps extends UniversalImageProps {
@@ -371,4 +372,4 @@ interface UniversalTextInputProps {
371
372
  spacingHorizontal?: SpacingAlias;
372
373
  }
373
374
 
374
- export { type FlexShrink as $, type AlwaysPalette as A, type BackgroundPaletteAlias as B, type ColorMode as C, type BorderWidthConfig as D, type BoxShadowConfig as E, type ForegroundPaletteAlias as F, type ButtonSize as G, type Hue as H, type ButtonVariant as I, type ColorModeConfig as J, type ColorModeForApp as K, type LinePaletteAlias as L, type ConfigurableTextProperty as M, type CorePalette as N, type CustomSizingStyleProps as O, type DataAttribute as P, type Display as Q, type Flex as R, type ScaleMode as S, type FlexAlignContent as T, type UniversalTokensConfig as U, type FlexAlignItems as V, type FlexAlignSelf as W, type FlexBasis as X, type FlexDirection as Y, type FlexGrow as Z, type FlexJustifyContent as _, type ColorsConfig as a, type FlexStyleProps as a0, type FlexWrap as a1, type FontFamilyConfig as a2, type FontFamilyGlobalAlias as a3, type FontSize as a4, type FontSizeConfig as a5, type FontWeightDescriptive as a6, type ForegroundColor as a7, type ForegroundPalette as a8, type HighContrastMode as a9, type SpectrumColor as aA, type SpectrumConfig as aB, type StateStyleProps as aC, type StyleProps as aD, type TextStyleProps as aE, type TextTransform as aF, type TextTransformConfig as aG, type TextVariant as aH, type TransitionDelay as aI, type TransitionDuration as aJ, type TransitionTiming as aK, type UniversalAvatarProps as aL, type UniversalButtonProps as aM, type UniversalIconButtonProps as aN, type UniversalTextInputProps as aO, type IconName as aa, type IconSize as ab, type IconSizeConfig as ac, type ImageStyleProps as ad, type LayoutStyleProps as ae, type LetterSpacing as af, type LineClampAlias as ag, type LineColor as ah, type LineHeight as ai, type LineHeightConfig as aj, type LinePalette as ak, type Modes as al, type Overflow as am, type Palette as an, type PaletteConfig as ao, type PaletteType as ap, type PaletteValue as aq, type PlatformMode as ar, type Position as as, type RegionMode as at, type ScaleConfig as au, type ScaleModeConfig as av, type ScaleModeForApp as aw, type SpacingAlias as ax, type SpacingConfig as ay, type SpacingStyleProps as az, type HueStep as b, type CorePaletteAlias as c, type FontWeightConfig as d, type FontWeightNumeric as e, type FontFamilyGlobalConfig as f, type UniversalBoxProps as g, type UniversalPressableProps as h, type UniversalTextProps as i, type UniversalStackProps as j, type UniversalIconProps as k, type UniversalImageProps as l, alwaysPalette as m, type AlwaysPaletteAlias as n, type Animation as o, type AriaAttribute as p, type AvatarShape as q, type AvatarSize as r, type AvatarSizeConfig as s, type BackgroundColor as t, type BackgroundPalette as u, type BackgroundStyleProps as v, type BorderRadius as w, type BorderRadiusConfig as x, type BorderStyleProps as y, type BorderWidth as z };
375
+ export { type FontFamilyGlobalAlias as $, type AlwaysPalette as A, type BackgroundPaletteAlias as B, type ColorMode as C, type ColorModeConfig as D, type ColorModeForApp as E, type ForegroundPaletteAlias as F, type ConfigurableTextProperty as G, type Hue as H, type CorePalette as I, type CustomSizingStyleProps as J, type DataAttribute as K, type LinePaletteAlias as L, type Display as M, type Flex as N, type FlexAlignContent as O, type FlexAlignItems as P, type FlexAlignSelf as Q, type FlexBasis as R, type ScaleMode as S, type FlexDirection as T, type UniversalTokensConfig as U, type FlexGrow as V, type FlexJustifyContent as W, type FlexShrink as X, type FlexStyleProps as Y, type FlexWrap as Z, type FontFamilyConfig as _, type ColorsConfig as a, type FontSize as a0, type FontSizeConfig as a1, type FontWeightDescriptive as a2, type ForegroundColor as a3, type ForegroundPalette as a4, type HighContrastMode as a5, type IconSize as a6, type IconSizeConfig as a7, type ImageStyleProps as a8, type LayoutStyleProps as a9, type TextTransform as aA, type TextTransformConfig as aB, type TextVariant as aC, type TransitionDelay as aD, type TransitionDuration as aE, type TransitionTiming as aF, type UniversalAvatarProps as aG, type UniversalBoxProps as aH, type UniversalButtonProps as aI, type UniversalIconButtonProps as aJ, type UniversalIconProps as aK, type UniversalPressableProps as aL, type UniversalTextInputProps as aM, type UniversalTextProps as aN, type LetterSpacing as aa, type LineClampAlias as ab, type LineColor as ac, type LineHeight as ad, type LineHeightConfig as ae, type LinePalette as af, type Modes as ag, type Overflow as ah, type Palette as ai, type PaletteConfig as aj, type PaletteType as ak, type PaletteValue as al, type PlatformMode as am, type Position as an, type RegionMode as ao, type ScaleConfig as ap, type ScaleModeConfig as aq, type ScaleModeForApp as ar, type SpacingAlias as as, type SpacingConfig as at, type SpacingStyleProps as au, type SpectrumColor as av, type SpectrumConfig as aw, type StateStyleProps as ax, type StyleProps as ay, type TextStyleProps as az, type HueStep as b, type CorePaletteAlias as c, type FontWeightConfig as d, type FontWeightNumeric as e, type FontFamilyGlobalConfig as f, type UniversalStackProps as g, type UniversalImageProps as h, alwaysPalette as i, type AlwaysPaletteAlias as j, type Animation as k, type AriaAttribute as l, type AvatarShape as m, type AvatarSize as n, type AvatarSizeConfig as o, type BackgroundColor as p, type BackgroundPalette as q, type BackgroundStyleProps as r, type BorderRadius as s, type BorderRadiusConfig as t, type BorderStyleProps as u, type BorderWidth as v, type BorderWidthConfig as w, type BoxShadowConfig as x, type ButtonSize as y, type ButtonVariant as z };