@nayhoo/ui 0.16.1 → 0.18.0

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.
Files changed (40) hide show
  1. package/dist/{chunk-Z6RQ453R.mjs → chunk-BBTIKGXS.mjs} +1 -1
  2. package/dist/chunk-IKDQWTMS.mjs +28 -0
  3. package/dist/chunk-IKDQWTMS.mjs.map +1 -0
  4. package/dist/chunk-P3KR7WP5.mjs +8 -0
  5. package/dist/chunk-P3KR7WP5.mjs.map +1 -0
  6. package/dist/components/container.mjs +5 -22
  7. package/dist/components/container.mjs.map +1 -1
  8. package/dist/components/dialog.css +96 -0
  9. package/dist/components/dialog.css.map +1 -1
  10. package/dist/components/dialog.js +10 -6
  11. package/dist/components/dialog.js.map +1 -1
  12. package/dist/components/dialog.mjs +3 -2
  13. package/dist/components/dialog.mjs.map +1 -1
  14. package/dist/components/text-area.css +96 -0
  15. package/dist/components/text-area.css.map +1 -0
  16. package/dist/components/text-area.d.mts +10 -0
  17. package/dist/components/text-area.d.ts +10 -0
  18. package/dist/components/text-area.js +78 -0
  19. package/dist/components/text-area.js.map +1 -0
  20. package/dist/components/text-area.mjs +27 -0
  21. package/dist/components/text-area.mjs.map +1 -0
  22. package/dist/patterns/index.css +14160 -0
  23. package/dist/patterns/index.css.map +1 -0
  24. package/dist/patterns/index.d.mts +11 -0
  25. package/dist/patterns/index.d.ts +11 -0
  26. package/dist/patterns/index.js +231 -0
  27. package/dist/patterns/index.js.map +1 -0
  28. package/dist/patterns/index.mjs +92 -0
  29. package/dist/patterns/index.mjs.map +1 -0
  30. package/dist/text-area.css-cTlj2yii.d.mts +75 -0
  31. package/dist/text-area.css-cTlj2yii.d.ts +75 -0
  32. package/dist/theme/index.css +96 -0
  33. package/dist/theme/index.css.map +1 -1
  34. package/dist/theme/index.d.mts +1 -0
  35. package/dist/theme/index.d.ts +1 -0
  36. package/dist/theme/index.js +12 -6
  37. package/dist/theme/index.js.map +1 -1
  38. package/dist/theme/index.mjs +15 -11
  39. package/package.json +12 -1
  40. /package/dist/{chunk-Z6RQ453R.mjs.map → chunk-BBTIKGXS.mjs.map} +0 -0
@@ -34,4 +34,4 @@ export {
34
34
  dialogHeader,
35
35
  dialogTitle
36
36
  };
37
- //# sourceMappingURL=chunk-Z6RQ453R.mjs.map
37
+ //# sourceMappingURL=chunk-BBTIKGXS.mjs.map
@@ -0,0 +1,28 @@
1
+ import {
2
+ containerRecipe
3
+ } from "./chunk-PUW3KNR3.mjs";
4
+ import {
5
+ extractVariantsFromProps
6
+ } from "./chunk-UPZYS6TE.mjs";
7
+ import {
8
+ mergeClasses
9
+ } from "./chunk-7EGQM3ZL.mjs";
10
+
11
+ // src/components/container.tsx
12
+ import { Slot } from "@radix-ui/react-slot";
13
+ import { jsx } from "react/jsx-runtime";
14
+ var defaultElement = "div";
15
+ var Container = ({ asChild, ...props }) => {
16
+ const [variants, rest] = extractVariantsFromProps(
17
+ props,
18
+ ...containerRecipe.variants()
19
+ );
20
+ const container = containerRecipe(variants);
21
+ const Comp = asChild ? Slot : defaultElement;
22
+ return /* @__PURE__ */ jsx(Comp, { ...rest, className: mergeClasses(container, rest.className), children: rest.children });
23
+ };
24
+
25
+ export {
26
+ Container
27
+ };
28
+ //# sourceMappingURL=chunk-IKDQWTMS.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/container.tsx"],"sourcesContent":["import {\n ContainerVariants,\n containerRecipe,\n} from \"@/theme/recipes/container.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type ContainerProps = ComponentProps<\n typeof defaultElement,\n ContainerVariants\n>;\n\nexport const Container = ({ asChild, ...props }: ContainerProps) => {\n const [variants, rest] = extractVariantsFromProps(\n props,\n ...containerRecipe.variants(),\n );\n const container = containerRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...rest} className={mergeClasses(container, rest.className)}>\n {rest.children}\n </Comp>\n );\n};\n"],"mappings":";;;;;;;;;;;AAOA,SAAS,YAAY;AAkBjB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,MAAsB;AAClE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,gBAAgB,SAAS;AAAA,EAC9B;AACA,QAAM,YAAY,gBAAgB,QAAQ;AAC1C,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,WAAW,KAAK,SAAS,GAC9D,eAAK,UACR;AAEJ;","names":[]}
@@ -0,0 +1,8 @@
1
+ // src/theme/recipes/text-area.css.ts
2
+ import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
3
+ var textAreaRecipe = _7a468({ defaultClassName: "text-area_textAreaRecipe__1vg71n60", variantClassNames: { size: { "1": "text-area_textAreaRecipe_size_1__1vg71n61", "2": "text-area_textAreaRecipe_size_2__1vg71n62", "3": "text-area_textAreaRecipe_size_3__1vg71n63" }, error: { true: "text-area_textAreaRecipe_error_true__1vg71n64" }, cursor: { "default": "text-area_textAreaRecipe_cursor_default__1vg71n65", text: "text-area_textAreaRecipe_cursor_text__1vg71n66" }, variant: { outline: "text-area_textAreaRecipe_variant_outline__1vg71n67", ghost: "text-area_textAreaRecipe_variant_ghost__1vg71n68" } }, defaultVariants: { size: "2", variant: "outline" }, compoundVariants: [] });
4
+
5
+ export {
6
+ textAreaRecipe
7
+ };
8
+ //# sourceMappingURL=chunk-P3KR7WP5.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/theme/recipes/text-area.css.ts"],"sourcesContent":["import 'src/theme/recipes/text-area.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWTW/bMAy951d4GAY0wFTE6dq07qnYpcdhOw6DQVu0rVWRDEpO0gz774Pkz6xNnCxdjDgxRb1HPVK0Li1uLANCiN2/B0L4iqkoMY7DVb4I1c0s+DUJAihLBAKVYhQorfB+EgSJJo7E1oLbIgpmtWnDjNgKlUftcKI3biTTyrIMlkI+R4FQBZKwzr4EyoVqpuvKSqEGFCVw7sH8cMMUzmYf3CNbY/IkLLNQskLkhRR5YVmqpaYooDyBi9lHf019aJA+5aQrxVsXS6BMCYTKR9JYB7H5mFdAApRlqloiiTQKLCSVBHIG47wIjdhiFKyQrEhB3k9+Ty7HZY0KvULy4r4MbQV0wZjBJSgr0s/OaNgg3kc3N47DO5XgLZ9n2fRY1ggy29LuSdaRQAlmmvANkLgwkEjkB7VIaw2MBIv1fd6tP3z+Oe2qrwCu1y6NBm0w81dYbl5BeWh+Fj3Oti6VEeLbAXFZT6jIuBlKWwZS6jVyX71aKIvEcIXKmraqjxMl02llvCLdpnDLMFoKHryf+c+xWITAmVby+UyFj2L7zsECE2oFUvAffXns5qXcdN8+O3/VOxJpqu93fa3j/LRISgkpFlpypDqag1sMN/ZLP2Gww/gIq+sBcdiRh83C/V4g4KIyLaV7EizssfPCF1GBrn91gYktGnY98EqnXU9qGo53dIZv3rmHvJsOmieTmPWwJaTIBond8aSdCF51daXIjgn1FLGitpVDZXUmpIyiTJCxzLF5JY9e9ijtvKOdj+VoPliSGFP/qnNO9gnlTI/eYtjNoLZWe/M/8Mr5SFL7AOZjSd11PUWyszK1K9Eo7VVHe/WmmfrUOaeHS3oxQMW9OXrptT9HPfXVWI52XU8R66wc7YpziNY35thS1bfcT/+l3QfvxLLUZMGd0w5FVL+GY44ZVNJ2UV3Xbb95Rzej/4Y0eC23eG7mUWDO2iHdnIjRnELj5jDQ4SzOUbxBatsQjiS8jSEvtOlXcvsiguaY8wcYbtOsWwwAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textAreaRecipe = _7a468({defaultClassName:'text-area_textAreaRecipe__1vg71n60',variantClassNames:{size:{'1':'text-area_textAreaRecipe_size_1__1vg71n61','2':'text-area_textAreaRecipe_size_2__1vg71n62','3':'text-area_textAreaRecipe_size_3__1vg71n63'},error:{true:'text-area_textAreaRecipe_error_true__1vg71n64'},cursor:{'default':'text-area_textAreaRecipe_cursor_default__1vg71n65',text:'text-area_textAreaRecipe_cursor_text__1vg71n66'},variant:{outline:'text-area_textAreaRecipe_variant_outline__1vg71n67',ghost:'text-area_textAreaRecipe_variant_ghost__1vg71n68'}},defaultVariants:{size:'2',variant:'outline'},compoundVariants:[]});"],"mappings":";AACA,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,sCAAqC,mBAAkB,EAAC,MAAK,EAAC,KAAI,6CAA4C,KAAI,6CAA4C,KAAI,4CAA2C,GAAE,OAAM,EAAC,MAAK,gDAA+C,GAAE,QAAO,EAAC,WAAU,qDAAoD,MAAK,iDAAgD,GAAE,SAAQ,EAAC,SAAQ,sDAAqD,OAAM,mDAAkD,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;","names":[]}
@@ -1,26 +1,9 @@
1
1
  import {
2
- containerRecipe
3
- } from "../chunk-PUW3KNR3.mjs";
4
- import {
5
- extractVariantsFromProps
6
- } from "../chunk-UPZYS6TE.mjs";
7
- import {
8
- mergeClasses
9
- } from "../chunk-7EGQM3ZL.mjs";
10
-
11
- // src/components/container.tsx
12
- import { Slot } from "@radix-ui/react-slot";
13
- import { jsx } from "react/jsx-runtime";
14
- var defaultElement = "div";
15
- var Container = ({ asChild, ...props }) => {
16
- const [variants, rest] = extractVariantsFromProps(
17
- props,
18
- ...containerRecipe.variants()
19
- );
20
- const container = containerRecipe(variants);
21
- const Comp = asChild ? Slot : defaultElement;
22
- return /* @__PURE__ */ jsx(Comp, { ...rest, className: mergeClasses(container, rest.className), children: rest.children });
23
- };
2
+ Container
3
+ } from "../chunk-IKDQWTMS.mjs";
4
+ import "../chunk-PUW3KNR3.mjs";
5
+ import "../chunk-UPZYS6TE.mjs";
6
+ import "../chunk-7EGQM3ZL.mjs";
24
7
  export {
25
8
  Container
26
9
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/container.tsx"],"sourcesContent":["import {\n ContainerVariants,\n containerRecipe,\n} from \"@/theme/recipes/container.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type ContainerProps = ComponentProps<\n typeof defaultElement,\n ContainerVariants\n>;\n\nexport const Container = ({ asChild, ...props }: ContainerProps) => {\n const [variants, rest] = extractVariantsFromProps(\n props,\n ...containerRecipe.variants(),\n );\n const container = containerRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...rest} className={mergeClasses(container, rest.className)}>\n {rest.children}\n </Comp>\n );\n};\n"],"mappings":";;;;;;;;;;;AAOA,SAAS,YAAY;AAkBjB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,MAAsB;AAClE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,gBAAgB,SAAS;AAAA,EAC9B;AACA,QAAM,YAAY,gBAAgB,QAAQ;AAC1C,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,WAAW,KAAK,SAAS,GAC9D,eAAK,UACR;AAEJ;","names":[]}
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -2420,6 +2420,102 @@
2420
2420
  transform: translateX(18px);
2421
2421
  }
2422
2422
 
2423
+ /* vanilla-extract-css-ns:src/theme/recipes/text-area.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWTW/bMAy951d4GAY0wFTE6dq07qnYpcdhOw6DQVu0rVWRDEpO0gz774Pkz6xNnCxdjDgxRb1HPVK0Li1uLANCiN2/B0L4iqkoMY7DVb4I1c0s+DUJAihLBAKVYhQorfB+EgSJJo7E1oLbIgpmtWnDjNgKlUftcKI3biTTyrIMlkI+R4FQBZKwzr4EyoVqpuvKSqEGFCVw7sH8cMMUzmYf3CNbY/IkLLNQskLkhRR5YVmqpaYooDyBi9lHf019aJA+5aQrxVsXS6BMCYTKR9JYB7H5mFdAApRlqloiiTQKLCSVBHIG47wIjdhiFKyQrEhB3k9+Ty7HZY0KvULy4r4MbQV0wZjBJSgr0s/OaNgg3kc3N47DO5XgLZ9n2fRY1ggy29LuSdaRQAlmmvANkLgwkEjkB7VIaw2MBIv1fd6tP3z+Oe2qrwCu1y6NBm0w81dYbl5BeWh+Fj3Oti6VEeLbAXFZT6jIuBlKWwZS6jVyX71aKIvEcIXKmraqjxMl02llvCLdpnDLMFoKHryf+c+xWITAmVby+UyFj2L7zsECE2oFUvAffXns5qXcdN8+O3/VOxJpqu93fa3j/LRISgkpFlpypDqag1sMN/ZLP2Gww/gIq+sBcdiRh83C/V4g4KIyLaV7EizssfPCF1GBrn91gYktGnY98EqnXU9qGo53dIZv3rmHvJsOmieTmPWwJaTIBond8aSdCF51daXIjgn1FLGitpVDZXUmpIyiTJCxzLF5JY9e9ijtvKOdj+VoPliSGFP/qnNO9gnlTI/eYtjNoLZWe/M/8Mr5SFL7AOZjSd11PUWyszK1K9Eo7VVHe/WmmfrUOaeHS3oxQMW9OXrptT9HPfXVWI52XU8R66wc7YpziNY35thS1bfcT/+l3QfvxLLUZMGd0w5FVL+GY44ZVNJ2UV3Xbb95Rzej/4Y0eC23eG7mUWDO2iHdnIjRnELj5jDQ4SzOUbxBatsQjiS8jSEvtOlXcvsiguaY8wcYbtOsWwwAAA== */
2424
+ .text-area_textAreaRecipe__1vg71n60 {
2425
+ appearance: none;
2426
+ border-width: 0;
2427
+ box-sizing: border-box;
2428
+ font-family: inherit;
2429
+ margin: 0;
2430
+ outline: none;
2431
+ padding: 0;
2432
+ width: 100%;
2433
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2434
+ background-color: transparent;
2435
+ color: inherit;
2436
+ font-variant-numeric: tabular-nums;
2437
+ resize: vertical;
2438
+ }
2439
+ .text-area_textAreaRecipe__1vg71n60:hover {
2440
+ background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
2441
+ }
2442
+ .text-area_textAreaRecipe__1vg71n60::after {
2443
+ box-sizing: border-box;
2444
+ }
2445
+ .text-area_textAreaRecipe__1vg71n60::before {
2446
+ box-sizing: border-box;
2447
+ }
2448
+ .text-area_textAreaRecipe__1vg71n60:disabled {
2449
+ background-color: var(--colors-slate-slate2__19nbe8d1yj);
2450
+ box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);
2451
+ color: var(--colors-slate-slate8__19nbe8d1yp);
2452
+ cursor: not-allowed;
2453
+ pointer-events: none;
2454
+ }
2455
+ .text-area_textAreaRecipe__1vg71n60:focus {
2456
+ outline: 1px solid #000000;
2457
+ }
2458
+ .text-area_textAreaRecipe__1vg71n60:read-only {
2459
+ background-color: var(--colors-slate-slate2__19nbe8d1yj);
2460
+ }
2461
+ .text-area_textAreaRecipe__1vg71n60[data-invalid] {
2462
+ box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2);
2463
+ }
2464
+ .text-area_textAreaRecipe__1vg71n60[data-placeholder] {
2465
+ color: var(--semanticColors-textPlaceholder__19nbe8d2fd);
2466
+ }
2467
+ .text-area_textAreaRecipe_size_1__1vg71n61 {
2468
+ border-radius: var(--radii-1__19nbe8d2gh);
2469
+ height: var(--sizes-5__19nbe8d2gc);
2470
+ font-size: var(--fontSizes-1__19nbe8d9);
2471
+ padding-left: var(--space-2__19nbe8d1);
2472
+ padding-right: var(--space-2__19nbe8d1);
2473
+ line-height: var(--sizes-5__19nbe8d2gc);
2474
+ }
2475
+ .text-area_textAreaRecipe_size_1__1vg71n61:-webkit-autofill::first-line {
2476
+ font-size: var(--fontSizes-1__19nbe8d9);
2477
+ }
2478
+ .text-area_textAreaRecipe_size_2__1vg71n62 {
2479
+ border-radius: var(--radii-2__19nbe8d2gi);
2480
+ font-size: var(--fontSizes-3__19nbe8db);
2481
+ line-height: var(--lineHeights-6__19nbe8d2fv);
2482
+ height: var(--sizes-6__19nbe8d2gd);
2483
+ padding-left: var(--space-3__19nbe8d2);
2484
+ padding-right: var(--space-3__19nbe8d2);
2485
+ }
2486
+ .text-area_textAreaRecipe_size_2__1vg71n62:-webkit-autofill::first-line {
2487
+ font-size: var(--fontSizes-3__19nbe8db);
2488
+ }
2489
+ .text-area_textAreaRecipe_size_3__1vg71n63 {
2490
+ border-radius: var(--radii-2__19nbe8d2gi);
2491
+ font-size: var(--fontSizes-4__19nbe8dc);
2492
+ line-height: var(--sizes-7__19nbe8d2ge);
2493
+ height: var(--sizes-7__19nbe8d2ge);
2494
+ padding-left: var(--space-4__19nbe8d3);
2495
+ padding-right: var(--space-4__19nbe8d3);
2496
+ }
2497
+ .text-area_textAreaRecipe_size_3__1vg71n63:-webkit-autofill::first-line {
2498
+ font-size: var(--fontSizes-4__19nbe8dc);
2499
+ }
2500
+ .text-area_textAreaRecipe_error_true__1vg71n64 {
2501
+ box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2) !important;
2502
+ }
2503
+ .text-area_textAreaRecipe_cursor_default__1vg71n65 {
2504
+ cursor: default;
2505
+ }
2506
+ .text-area_textAreaRecipe_cursor_default__1vg71n65:focus {
2507
+ cursor: text;
2508
+ }
2509
+ .text-area_textAreaRecipe_cursor_text__1vg71n66 {
2510
+ cursor: text;
2511
+ }
2512
+ .text-area_textAreaRecipe_variant_outline__1vg71n67 {
2513
+ box-shadow: inset 0px 0px 0px 1px var(--semanticColors-line__19nbe8d2fe);
2514
+ }
2515
+ .text-area_textAreaRecipe_variant_ghost__1vg71n68 {
2516
+ box-shadow: none;
2517
+ }
2518
+
2423
2519
  /* vanilla-extract-css-ns:src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/MbLowPPCVVKBtmm1kbE9anLV80rnbSOyg97RGr455w7ybt7rmIRj1sGWkCLp5XbgqQYRvOhqy5FMCfUktSLfwKEyMmOcR1HGlDbE0jkpJ697Au/S8y7HsrTsLYqN6b9qnZNDUlnTg7Noct0rr83BCuh55XQkrV0Ay7G0Dl1P0uysXA01msC78ryrV83Vh9Y5PV7WNz1UPJil516Hs9RRr8ayNHQ9Sa2zsjRU5ziv69CxUVXbeT/8l7YfvGHrUioD9oh2PKT6nRxTzKDixod1Vbf/5n3dDP4jVO8V7QHtzIlo1uyhrk8GaU6hcXM28EA356heA7XtCEez7oPIC6nbtdw+C6E59vwBDpIHZFwMAAA= */
2424
2520
  .text-field_textFieldRecipe__i0hdwa0 {
2425
2521
  appearance: none;