@nayhoo/ui 0.4.0 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -52,7 +52,7 @@ export default function RootLayout({
52
52
  }>) {
53
53
  return (
54
54
  <html lang="en">
55
- <body className={lightTheme}>
55
+ <body>
56
56
  <AppProvider>{children}</AppProvider>
57
57
  </body>
58
58
  </html>
package/dist/index.css CHANGED
@@ -30,7 +30,7 @@
30
30
  box-sizing: border-box;
31
31
  }
32
32
 
33
- /* vanilla-extract-css-ns:src/recipes/avatar.css.ts.vanilla.css?source=#H4sIAAAAAAAACrWVTW/bMAyG7/kVQoEBLTAFdtL0wz0WGLDrNmDHQLZpm60tuRKdjw7774MU13Kd2MllQBIjFPm8oiiTc7ERJPT68PgBCdawXofbfY3BY8D+zBgTJeaSI0FlIpaAJNBPM8ZeGkOY7XmiJIGk/tIGNGEiSu5CI1ZhmpZgV9QGdFaqbcQKTFOQ1tYY0NxACQlFTCrpHGO14wbfUeYRi5VOQfNY7exKiqYuxT5iWQnOYJ/cFBrla8QCa6mVQUIlI6ahFISbFmkxXiJTkngmKiz3EUNZgEay9hIl8AIwLyhiobVUQucoW7hqyHp4Ti3S1O0z6KjbNnoj9DXn1vTbWQyvIMWmWq/DfUZZ+LbIFjc2KlGl0h/+BiohCZNnazTcNDoTCfyCHT0rSVoY8vGgXHwsktdcq0am/AJUL1zePM3+zuaTtyCKYsiUBncbunJfXX0+ahEbVTbkjoRU3R6HPhxEcCgAkaraPyVk3u7qq0WKjflUCncLCpHaC4PSALGg3rlvWO9Op2hr08uPxvMz+A7rsEszdOkVnypnXQxf9sp1OO4tplRMO02JLjrRxajoqsd7GxMdOk2JLjvR5ajoXY+nx0SHTlOit53o7ajofY9nxkSHTlOiq050NSr60OPRmOjQaUr0rhO9GxV97PGaMdGh05hoIezvWyO0f1XvnfTgfTrA7T/kix58ew6eoE5KD384BV8FX0YpKEVim++adOMxjw6japEg7SM2X07EE+hTCBFFIiPQ/60hHXVTncfiOvjK2s88eHDl67Jox47bMYcNSDJ+QJAW8mNTbQQLg6AybtQIfXwA3yuRw6ANxy7bo+mn4hdIiGdoJ7Adr9PTs5trgS3c1Khur+bBcbjBb6Is7SkN9pi4PRLsiLukM6WriDV1DToRBs5yBi05dTg3Ue2K3Uy9Ox7RK2u8hOz7LgzJflL/HLTz+MRrcgru+2t2Du47KFwI9300Pwf3nTK7EO77ZXEO7jtifiHc90U8B/edr7Dwf19P3TSbCgAA */
33
+ /* vanilla-extract-css-ns:src/recipes/avatar.css.ts.vanilla.css?source=#H4sIAAAAAAAACrWWXYvbOhCG7/dXiIVCC9ViZ5vtrkuvCoXenlPoxaGEsT22p7UlrzTOR0v/+0GKa3m9sRMKhSQm49HzjmYkjW5gCwxmc3z8gxm1uNnEu0NL0UMkfl4JATWVShJjYxORoWI0766E+NZZpuIgM60YFY9fbdEwZVBLPzQRDeV5je6N3qIpar1LREV5jsrZOotGWqwx40QorbxjqvfS0g9SZSJSbXI0MtV79yYn29ZwSERRoze4p7SVIfU9EZGztNoSk1aJMFgD07ZHOkyQKLRiWUBD9SERpCo0xM5ek0JZIZUVJyJ2lgZMSaqH646dR+C0kOc+zmig7vrRWzAvpXSmL95iZYM5dc1mEx8KLuLHVbF65UZlutbmt7/FBhRT9sEZrbSdKSDDz7jnD1qxActhPGo/PoXse2l0p3J5AWo0XL16d/Xr6mZxFSRJioU26FfDUO7r66ephtTqumOfEtZtnw5zTER0LACzbvo/NRbB7utrIKfOPimFXwUV5G7BkLLIImr3/hu3+9NTdLUZzY/n52fpB27iYZqxn171pHLOxcrbUbmO6d5RztWy05LoahBdzYquR7zHOdGp05Lo7SB6Oyt6N+KZOdGp05Lom0H0zazo2xHPzolOnZZE14Poelb0fsTjOdGp05Lo3SB6Nyv6MOJ1c6JTpznRCtzvYwcmbNW3Xnqyn45w94/kagTfnYNnZLI6wO9PwdfRi1kKKcjc4bth0wXMg8foFjLiQyJubhfGM5pTCEgSKBjNXzuQnp2mpkzhZfRa9J+b6N6Xb5hF33Z8xBK3qNiGBsEG1O+g+hEijqLG+lYD5k8SULlOOk7DEEr8B7j/cmCQloHx/bVuUV1/HbPP5yNePc3HiSA+NVDipLWkHv+so+v0G2YsC3K3CjfR5RvB0KsjtxiXrh/9djs6TgP8CHXtZjqJMfMxMu5Z+kIW2jSJ6NoWTQYWz3ImbSb3OH9LcG9cMO3++bVj7YyXkEMvwSk53D7+nbSo9MTWPwUPPaM4Bw9dAS+Eh95QnoOH07+4EB56QHUOHk758kJ4OOvpHDyc5pWD/w+I6rWjbwsAAA== */
34
34
  .avatar_avatarRecipe__1wypi090 {
35
35
  align-items: center;
36
36
  justify-content: center;
@@ -106,6 +106,13 @@
106
106
  pointer-events: none;
107
107
  transition: opacity 100ms linear;
108
108
  }
109
+ .avatar_avatarRecipe_interactive_true__1wypi09a:hover::after {
110
+ opacity: 1;
111
+ }
112
+ .avatar_avatarRecipe_interactive_true__1wypi09a[data-state=open]::after {
113
+ background-color: rgba(0, 0, 0, 0.12);
114
+ opacity: 1;
115
+ }
109
116
  .avatar_avatarImageRecipe__1wypi09b {
110
117
  display: flex;
111
118
  object-fit: cover;
@@ -1000,23 +1007,33 @@
1000
1007
  width: var(--sizes-8__1yftf1q2ft);
1001
1008
  }
1002
1009
 
1003
- /* vanilla-extract-css-ns:src/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAACqVU246bMBB9z1dY+xSkOMKk3VaO+hNVHypVFTJmgGmM7bXNhmy1/15hIGG3RXmouPkyc46Zc+y9P2OQTT5+vjVdW3wFiRby/NHYDyxNye8NIdZ4DGg0J6LwRnUBjhtCFFSBk3RonrEMDSfsYPuh2wDWTbj1CyFPtTOdLqk0yjhOzg2OIIVxJTjqRImd5+RZuC2NPaQxIc/ZpQoVe8pqlowJPfWNKM2ZE1cXYpvuyHTvDwlJbR8fZvvdX/NZMs+RzPbHAS44oeefi+3KuJawNG09kV2BkhbwguC26T7LdoRFmscdGRdzzZiSlQjwfctsn4xVUYrKRugaFuDHzetmf7fuP0oRBPVBBPjyIBuQJygffkY1VkhH1vfYb2FZBBBKcdJpD+FaUHxBXfNZjcJE2ToPjnpQIAMn2ugomFBYa4oBWs+JBB3ADcMleqvEhRPUCjXQSkHE+NX5gNWFSqMD6LBMiXFXqwwjrXA16slTpgtDxI2ZnqE4YaBBWNpg3aghczbUJHW8kn97bvRW7Hgaqza+P149xi5tcseUVafUwpNZjL/tDwdKBHyGu0JwXkBlHERB1iS4iyGqAO6/ICojO39DmDZWGq/M9qtF+7woml33nccXyNlMl0Wi6bAYkYcAT28SZNVTsjxCllGHRZS5w5nNnIc1zk8LNL/K+X5lr38A/74wOzMFAAA= */
1010
+ /* vanilla-extract-css-ns:src/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAACqVUy27bMBC8+yuInCzANEQ6SVsFPfUPih4KFIVBUStpG4pkSCqWXeTfC1GWLbdR3aDQg6/dGXJ3h2u/wyDr7dB8qdsm/wwSLWy398besjQlPxeEWOMxoNEZEbk3qg3wsCBEQRkykvbdXMjHyplWF1QaZVxGdjUOVrlxBTjqRIGtz8izcEsaR0ijw3bL9mUo2ROvWDI4dNTXojC7jLgqF8t0RY7vepOQ1HbxY7Zb/bHOk3GNcNs99HDBCT3uPvZL4xrC0rTxRLY5SprDAcEt0zXnK8Iizf2KDJvZoVJU1kJXMHF/WLws1rOh83iALRsjyGIEd1iEOiNsY7setgas6nAen5CPJEoE+LpktkveRPWtEEFQH0SAjzeyBvkIxc33uIEZhn+k4CMFn56Gs8vTjOPXufhbqd58Gv46xWVFbyKAUCojrfYQTiWHB9RVNtZrbuJRWg+OelAgQ0a00bGkhcJKUwzQ+IxI0AFcP12gt0rsM4JaoQZaKogYP1ofsNxTaXQAHaYu0e5UDP1MI1yF+igr04be4sxMd5A/YqBBWFpjVavec5TcUQzxSV5X5aC+OPA0Rm34351UyPZNckW2ZavURLU82p+vCAdKBHyGq4nIshxK4yAmZC4FVzFEGcD9F0RpZOvPCMerJ40Pt91s0N5Pgmav191fynkuUR4aoQPKTwO3ddgItx/bD+ckyKd5/ss74nYq4CMLHsDTcwnw8imZynpqtZlYmSucJyXfzXG+m6D5Wc7fd/byC8cW33y2BgAA */
1004
1011
  .switch_switchThumbRecipe__6op4100 {
1005
1012
  position: absolute;
1006
1013
  left: 0;
1007
- width: 13px;
1008
- height: 13px;
1009
1014
  background-color: white;
1010
1015
  border-radius: var(--radii-round__1yftf1q2g1);
1011
1016
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;
1012
1017
  transition: transform 100ms cubic-bezier(0.22, 1, 0.36, 1);
1013
- transform: translateX(1px);
1014
1018
  will-change: transform;
1015
1019
  }
1016
- .switch_switchThumbRecipe__6op4100[data-state=checked] {
1020
+ .switch_switchThumbRecipe_size_1__6op4101 {
1021
+ width: 13px;
1022
+ height: 13px;
1023
+ transform: translateX(1px);
1024
+ }
1025
+ .switch_switchThumbRecipe_size_1__6op4101[data-state=checked] {
1017
1026
  transform: translateX(11px);
1018
1027
  }
1019
- .switch_switchRecipe__6op4101 {
1028
+ .switch_switchThumbRecipe_size_2__6op4102 {
1029
+ width: 21px;
1030
+ height: 21px;
1031
+ transform: translateX(2px);
1032
+ }
1033
+ .switch_switchThumbRecipe_size_2__6op4102[data-state=checked] {
1034
+ transform: translateX(22px);
1035
+ }
1036
+ .switch_switchRecipe__6op4103 {
1020
1037
  all: unset;
1021
1038
  box-sizing: border-box;
1022
1039
  user-select: none;
@@ -1031,25 +1048,28 @@
1031
1048
  border-radius: var(--radii-full__1yftf1q2g2);
1032
1049
  position: relative;
1033
1050
  }
1034
- .switch_switchRecipe__6op4101::before {
1051
+ .switch_switchRecipe__6op4103::before {
1035
1052
  box-sizing: border-box;
1036
1053
  }
1037
- .switch_switchRecipe__6op4101::after {
1054
+ .switch_switchRecipe__6op4103::after {
1038
1055
  box-sizing: border-box;
1039
1056
  }
1040
- .switch_switchRecipe__6op4101:focus {
1057
+ .switch_switchRecipe__6op4103:focus {
1041
1058
  box-shadow: 0 0 0 2px var(--colors-slate-slate8__1yftf1q1yp);
1042
1059
  }
1043
- .switch_switchRecipe_size_1__6op4102 {
1060
+ .switch_switchRecipe__6op4103[data-state=checked] {
1061
+ background-color: var(--semanticColors-primary-primary9__1yftf1q2cq);
1062
+ }
1063
+ .switch_switchRecipe_size_1__6op4104 {
1044
1064
  width: var(--sizes-5__1yftf1q2fq);
1045
1065
  height: var(--sizes-3__1yftf1q2fo);
1046
1066
  }
1047
- .switch_switchRecipe_size_2__6op4103 {
1067
+ .switch_switchRecipe_size_2__6op4105 {
1048
1068
  width: var(--sizes-7__1yftf1q2fs);
1049
1069
  height: var(--sizes-5__1yftf1q2fq);
1050
1070
  }
1051
1071
 
1052
- /* vanilla-extract-css-ns:src/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAACrVWbW+bMBD+nl+BNE1qpLmCpK/00zRp6rdN28dqQgc+glvHprbJ27T/PtlgIGoTyNoFhZfz+XnOzx1nzg1uDMkZcprY26/27gdmrMQkMSrfGgyD35MggLJEUCAyjAMhBd5NgiCViqIia0ZNEQdhbdoQzXZMLGI/nMqNHcmlMCSHJePbOGCiQMWMtS9BLZhopsvKcCZ6FCVQ6sDccMMUheFH+0jWmD4xQwyUpGCLgrNFYUgmuVRxoBYpnIWf3DF1oUH2tFCyEtS7GAVCl6BQuEgaay82F/MKFANhiKiWqFgWBwbSioOyBn03+TM5H6FhXMgVKqfkyzhWoM4I0bgEYVj2xRo16QV3b+cmSbTNTR49z7CajqaNITee90BqxiKlmEuF7wFFmYaUIz0qR1bLoDkYrM+zVoJo+zhtq60AKtc2bRpNELojKjevoHxuLtcdzq4ujQHimx5xWU+olLYzhDQEOJdrpK5aJRMGFcEVCqN9FY9UJZdZpZ0k7Vtg16ElZzT4ELrfaDCFQIkUfPtGjcfRPVAwQJhYAWf0V1ci+6kpN+3fLuxBpo+YmeCbu/w6javkkGEhOUVV8x19lXBjvncTem+SHlyiZjtMIs8eNWtzJa+Askp7TvvESNSB5ytXKgXartRGxnaoyWXP63nadho76B2t4adz7iBvp72WSDjmHWwJGZJe8vY81V4Er7raeiNjQj1Jrdh3aKiMzBnncZwzpQ2xdE7K0esewTvzvLOhLM16i1oP6T9vndNDUlnTvbNoctXDvj1YAX0vNZDWLoDZUFr3XU/S7E252tdoBO/c887fNVcXrXN2vKyve6j6YJZeeh3OUkc9H8rSvutJar0pS/vqHOdFpaRKjKraznvxf/p6vZUmFHOouPFkl3VTb7bZZvAfoXo7qwe0M0eiWbOHujoZpPl4TJot3QNdj9Ty1e2sBmr3MDOYSx/EopC6XcvNixCar5W/LdzDRRMMAAA= */
1072
+ /* vanilla-extract-css-ns:src/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAACrVW246bMBB9z1dQVZUaqV6FZK/sU1Wp2seqfawqNOAhuOvYrG1yq/rvlQ3m0t0E0myDQsh4fM7xmcFwYXBrSMaQ09hefrZXXzFlBcaxUdnO4Cz4NQkCKAoEBSLFKBBS4P0kCBKpKCqyYdTkUTCrQlui2Z6JZeSHE7m1I5kUhmSwYnwXBUzkqJix8RWoJRP1dFkazkSHogBKHZgbrpnC2eyd/Us2mDwyQwwUJGfLnLNlbkgquVRRoJYJvJ99cMfUSYP0calkKahPMQqELkChcErqaEeb07wGxUAYIsoVKpZGgYGk5KBsQN9Pfk8uRngY5XKNyjn5XMca1HtCNK5AGJZ+skFNOuIe7Nw4DneZycKnOZbT0bQRZMbzHijNWKQEM6nwNaAo05BwpEftSCsbNAeD1XneWBDufk6bbsuByo0tm0YTzNwRFtsXUD7WPzctzr5qjQHi2w5xUU0olbYzhDQEOJcbpK5bJRMGFcE1CqN9F490JZNpqZ0lzV1g16ElZzR4O3Of0WAKgRIp+O5Mj8fRfadggDCxBs7oj7ZF+qUpts23LdBfXY9KSVWd7zodf3milIJDirnkFFUl5+idhlvzpZ3QodWDtJrtMQ49e1gv3d0RCigrtee0/xgJW/Bs7TopR7tpNcrYHjW56mQ9TZuNyA76RBv45pJbyLtpZ8ckHLMWtoAUSae2vUzVU/Biqm1HMkbqSW5FfgOH0siMcR5FGVPaEEvnrBy97hG8c887H6rSvLOozZD/iyY5OWSVDT24iCbXHey7gx3QzVIDZW0FzIfK2k89ybOzatX3aATvwvMuXrVWl01yerytbzqo+mCVnmcdrlJLvRiqUj/1JLfOqlLfneO8boeOjSqbnffyv2z7wRu2KqQyYF/RjkuqnskxxQxKbrysq2r7r5/X9eA/QnUe0R7QzhyJZsMe6vpkkPotNK7fDTzQzTmuV0CN22aw6l7EMpe6WcvtMwn1a88fT92A9lwMAAA= */
1053
1073
  .text-field_textFieldRecipe__trfyte0 {
1054
1074
  appearance: none;
1055
1075
  border-width: 0;
@@ -1087,7 +1107,7 @@
1087
1107
  background-color: var(--colors-slate-slate2__1yftf1q1yj);
1088
1108
  }
1089
1109
  .text-field_textFieldRecipe__trfyte0[data-invalid] {
1090
- box-shadow: inset 0px 0px 0px 1px [object Object];
1110
+ box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__1yftf1q2e4);
1091
1111
  }
1092
1112
  .text-field_textFieldRecipe__trfyte0[data-placeholder] {
1093
1113
  color: var(--semanticColors-textPlaceholder__1yftf1q2es);
@@ -1126,7 +1146,7 @@
1126
1146
  font-size: var(--fontSizes-4__1yftf1qc);
1127
1147
  }
1128
1148
  .text-field_textFieldRecipe_error_true__trfyte4 {
1129
- box-shadow: inset 0px 0px 0px 1px [object Object];
1149
+ box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__1yftf1q2e4) !important;
1130
1150
  }
1131
1151
  .text-field_textFieldRecipe_cursor_default__trfyte5 {
1132
1152
  cursor: default;