@tamagui/demos 1.0.1-beta.76 → 1.0.1-beta.79
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/dist/cjs/TamaguiLogo.js +2 -9
- package/dist/cjs/TamaguiLogo.js.map +2 -2
- package/dist/esm/TamaguiLogo.js +2 -9
- package/dist/esm/TamaguiLogo.js.map +2 -2
- package/dist/jsx/AnimationsDemo.js +1 -0
- package/dist/jsx/AnimationsDemo.js.map +7 -0
- package/dist/jsx/AnimationsEnterDemo.js +1 -0
- package/dist/jsx/AnimationsEnterDemo.js.map +7 -0
- package/dist/jsx/AnimationsHoverDemo.js +1 -0
- package/dist/jsx/AnimationsHoverDemo.js.map +7 -0
- package/dist/jsx/AnimationsPresenceDemo.js +1 -0
- package/dist/jsx/AnimationsPresenceDemo.js.map +7 -0
- package/dist/jsx/AvatarDemo.js +1 -0
- package/dist/jsx/AvatarDemo.js.map +7 -0
- package/dist/jsx/ButtonDemo.js +1 -0
- package/dist/jsx/ButtonDemo.js.map +7 -0
- package/dist/jsx/CardDemo.js +1 -0
- package/dist/jsx/CardDemo.js.map +7 -0
- package/dist/jsx/DialogDemo.js +1 -0
- package/dist/jsx/DialogDemo.js.map +7 -0
- package/dist/jsx/DrawerDemo.js +1 -0
- package/dist/jsx/DrawerDemo.js.map +7 -0
- package/dist/jsx/FeatherIconsDemo.js +1 -0
- package/dist/jsx/FeatherIconsDemo.js.map +7 -0
- package/dist/jsx/FormsDemo.js +1 -0
- package/dist/jsx/FormsDemo.js.map +7 -0
- package/dist/jsx/GroupDemo.js +1 -0
- package/dist/jsx/GroupDemo.js.map +7 -0
- package/dist/jsx/HeadingsDemo.js +1 -0
- package/dist/jsx/HeadingsDemo.js.map +7 -0
- package/dist/jsx/ImageDemo.js +1 -0
- package/dist/jsx/ImageDemo.js.map +7 -0
- package/dist/jsx/LabelDemo.js +1 -0
- package/dist/jsx/LabelDemo.js.map +7 -0
- package/dist/jsx/LinearGradientDemo.js +1 -0
- package/dist/jsx/LinearGradientDemo.js.map +7 -0
- package/dist/jsx/ListItemDemo.js +1 -0
- package/dist/jsx/ListItemDemo.js.map +7 -0
- package/dist/jsx/MenuDemo.js +1 -0
- package/dist/jsx/MenuDemo.js.map +7 -0
- package/dist/jsx/PopoverDemo.js +1 -0
- package/dist/jsx/PopoverDemo.js.map +7 -0
- package/dist/jsx/ProgressDemo.js +1 -0
- package/dist/jsx/ProgressDemo.js.map +7 -0
- package/dist/jsx/SelectDemo.js +1 -0
- package/dist/jsx/SelectDemo.js.map +7 -0
- package/dist/jsx/SeparatorDemo.js +1 -0
- package/dist/jsx/SeparatorDemo.js.map +7 -0
- package/dist/jsx/ShapesDemo.js +1 -0
- package/dist/jsx/ShapesDemo.js.map +7 -0
- package/dist/jsx/SliderDemo.js +1 -0
- package/dist/jsx/SliderDemo.js.map +7 -0
- package/dist/jsx/SpinnerDemo.js +1 -0
- package/dist/jsx/SpinnerDemo.js.map +7 -0
- package/dist/jsx/StacksDemo.js +1 -0
- package/dist/jsx/StacksDemo.js.map +7 -0
- package/dist/jsx/SwitchDemo.js +1 -0
- package/dist/jsx/SwitchDemo.js.map +7 -0
- package/dist/jsx/TamaguiLogo.js +53 -55
- package/dist/jsx/TamaguiLogo.js.map +7 -0
- package/dist/jsx/TextDemo.js +1 -0
- package/dist/jsx/TextDemo.js.map +7 -0
- package/dist/jsx/ThemeInverseDemo.js +1 -0
- package/dist/jsx/ThemeInverseDemo.js.map +7 -0
- package/dist/jsx/TooltipDemo.js +1 -0
- package/dist/jsx/TooltipDemo.js.map +7 -0
- package/dist/jsx/index.js +1 -0
- package/dist/jsx/index.js.map +7 -0
- package/dist/jsx/useOnIntersecting.js +1 -0
- package/dist/jsx/useOnIntersecting.js.map +7 -0
- package/package.json +5 -5
- package/src/TamaguiLogo.tsx +54 -63
- package/types/AnimationsDemo.d.ts +0 -1
- package/types/AnimationsDemo.d.ts.map +1 -1
- package/types/AnimationsEnterDemo.d.ts +0 -1
- package/types/AnimationsEnterDemo.d.ts.map +1 -1
- package/types/AnimationsHoverDemo.d.ts +0 -1
- package/types/AnimationsHoverDemo.d.ts.map +1 -1
- package/types/AnimationsPresenceDemo.d.ts +0 -1
- package/types/AnimationsPresenceDemo.d.ts.map +1 -1
- package/types/TamaguiLogo.d.ts.map +1 -1
package/dist/cjs/TamaguiLogo.js
CHANGED
|
@@ -147,16 +147,9 @@ const LogoIcon = ({ downscale = 2, color = "var(--color)" }) => {
|
|
|
147
147
|
xmlns: "http://www.w3.org/2000/svg",
|
|
148
148
|
xmlnsXlink: "http://www.w3.org/1999/xlink"
|
|
149
149
|
}, /* @__PURE__ */ import_react.default.createElement("g", {
|
|
150
|
-
transform: "translate(-150.000000, -210.000000)"
|
|
151
|
-
}, /* @__PURE__ */ import_react.default.createElement("g", {
|
|
152
|
-
transform: "translate(150.000000, 210.000000)"
|
|
153
|
-
}, /* @__PURE__ */ import_react.default.createElement("g", {
|
|
154
|
-
transform: "translate(30.000000, 30.000000)",
|
|
155
|
-
fill: color
|
|
156
|
-
}), /* @__PURE__ */ import_react.default.createElement("g", {
|
|
157
150
|
transform: "translate(225.000000, 210.000000) scale(-1, 1) translate(-225.000000, -210.000000) ",
|
|
158
151
|
fill: color
|
|
159
|
-
}, /* @__PURE__ */ import_react.default.createElement("
|
|
152
|
+
}, /* @__PURE__ */ import_react.default.createElement("rect", {
|
|
160
153
|
fill: color,
|
|
161
154
|
x: "150",
|
|
162
155
|
y: "0",
|
|
@@ -456,7 +449,7 @@ const LogoIcon = ({ downscale = 2, color = "var(--color)" }) => {
|
|
|
456
449
|
y: "60",
|
|
457
450
|
width: "20",
|
|
458
451
|
height: "20"
|
|
459
|
-
}))))
|
|
452
|
+
}))));
|
|
460
453
|
};
|
|
461
454
|
// Annotate the CommonJS export names for ESM import in node:
|
|
462
455
|
0 && (module.exports = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TamaguiLogo.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { forwardRef } from 'react'\nimport { ThemeName, XStack, XStackProps, YStack } from 'tamagui'\n\nexport const tints: ThemeName[] = ['red', 'orange', 'yellow', 'green', 'blue', 'purple', 'pink']\n\nexport const logoColors = tints.map((t) => `var(--${t}9)`)\n\nexport const TamaguiLogo = forwardRef(\n (\n {\n showWords,\n color,\n downscale,\n onHoverLetter,\n ...props\n }: {\n onHoverLetter?: (i: number) => void\n showWords?: boolean\n color?: string\n downscale?: number\n } & XStackProps,\n ref\n ) => (\n <XStack ref={ref} ai=\"center\" jc=\"center\" space=\"$5\" {...props}>\n <LogoIcon downscale={(downscale ?? 1) * (showWords ? 2 : 1.5)} color={color} />\n {showWords && (\n <YStack mb={-4}>\n <LogoWords onHoverLetter={onHoverLetter} downscale={downscale ?? 2} color={color} />\n </YStack>\n )}\n </XStack>\n )\n)\n\nexport const LogoWords = ({\n color,\n downscale = 1,\n onHoverLetter,\n}: {\n color?: string\n downscale?: number\n onHoverLetter?: any\n}) => {\n return (\n <svg\n width={373 * (1 / downscale) * 0.333333334}\n height={41 * (1 / downscale) * 0.333333334}\n viewBox=\"0 0 373 41\"\n >\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[0]}\n points=\"24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(0) : undefined}\n />\n <path\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[1]}\n d=\"M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z\"\n fillRule=\"nonzero\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(1) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[2]}\n points=\"130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(2) : undefined}\n />\n <path\n fill={color || logoColors[3]}\n d=\"M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z\"\n fillRule=\"nonzero\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(3) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[4]}\n points=\"264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(4) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[5]}\n points=\"323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(5) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[6]}\n points=\"372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(6) : undefined}\n />\n </svg>\n )\n // return <Image width={206 / 2} height={31 / 2} src={logo.src} />\n}\n\nexport const LogoIcon = ({ downscale = 2, color = 'var(--color)' }: any) => {\n return (\n <YStack\n als=\"center\"\n marginVertical={-10}\n pressStyle={{\n opacity: 0.7,\n }}\n >\n <svg\n width={450 / 8 / downscale}\n height={420 / 8 / downscale}\n viewBox=\"0 0 450 420\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n >\n <g transform=\"translate(-150.000000, -210.000000)\">\n <g transform=\"translate(150.000000, 210.000000)\">\n <g transform=\"translate(30.000000, 30.000000)\" fill={color}>\n {/* <path d=\"M300,0 L300,30 L364,30 L364,60 L420,60 L420,150 L364,150 L364,180 L300,180 L300,300 L270,300 L270,360 L60,360 L60,300 L0,300 L0,60 L60,60 L60,0 L300,0 Z\"></path> */}\n </g>\n <g\n transform=\"translate(225.000000, 210.000000) scale(-1, 1) translate(-225.000000, -210.000000) \"\n fill={color}\n >\n <g>\n <rect fill={color} x=\"150\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"180\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"210\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"270\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"330\" y=\"30\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"360\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"90\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"150\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"180\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"420\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"420\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"420\" y=\"270\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"300\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"360\" y=\"330\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"330\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"270\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"210\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"210\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"180\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"150\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"150\" y=\"330\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"120\" y=\"300\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"270\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"60\" y=\"180\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"180\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"0\" y=\"150\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"60\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"0\" y=\"90\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"0\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"60\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"120\" y=\"30\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"150\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"90\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"270\" y=\"270\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"60\" width=\"20\" height=\"20\"></rect>\n </g>\n </g>\n </g>\n </g>\n </svg>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,qBAAuD;AAEhD,MAAM,QAAqB,CAAC,OAAO,UAAU,UAAU,SAAS,QAAQ,UAAU,MAAM;AAExF,MAAM,aAAa,MAAM,IAAI,CAAC,MAAM,SAAS,KAAK;AAElD,MAAM,cAAc,6BACzB,CACE,IAYA,QACA;AAbA,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAJF,IAKK,kBALL,IAKK;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAUF,4DAAC;AAAA,IAAO;AAAA,IAAU,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,OAAM;AAAA,KAAS,QACvD,mDAAC;AAAA,IAAS,WAAY,cAAa,KAAM,aAAY,IAAI;AAAA,IAAM;AAAA,GAAc,GAC5E,aACC,mDAAC;AAAA,IAAO,IAAI;AAAA,KACV,mDAAC;AAAA,IAAU;AAAA,IAA8B,WAAW,aAAa;AAAA,IAAG;AAAA,GAAc,CACpF,CAEJ;AAAA,CAEJ;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,MAKI;AACJ,SACE,mDAAC;AAAA,IACC,OAAO,MAAO,KAAI,aAAa;AAAA,IAC/B,QAAQ,KAAM,KAAI,aAAa;AAAA,IAC/B,SAAQ;AAAA,KAER,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,GAAE;AAAA,IACF,UAAS;AAAA,IACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,mDAAC;AAAA,IACC,MAAM,SAAS,WAAW;AAAA,IAC1B,GAAE;AAAA,IACF,UAAS;AAAA,IACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,CACF;AAGJ;AAEO,MAAM,WAAW,CAAC,EAAE,YAAY,GAAG,QAAQ,qBAA0B;AAC1E,SACE,mDAAC;AAAA,IACC,KAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,KAEA,mDAAC;AAAA,IACC,OAAO,MAAM,IAAI;AAAA,IACjB,QAAQ,MAAM,IAAI;AAAA,IAClB,SAAQ;AAAA,IACR,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,YAAW;AAAA,KAEX,mDAAC;AAAA,
|
|
4
|
+
"sourcesContent": ["import React, { forwardRef } from 'react'\nimport { ThemeName, XStack, XStackProps, YStack } from 'tamagui'\n\nexport const tints: ThemeName[] = ['red', 'orange', 'yellow', 'green', 'blue', 'purple', 'pink']\n\nexport const logoColors = tints.map((t) => `var(--${t}9)`)\n\nexport const TamaguiLogo = forwardRef(\n (\n {\n showWords,\n color,\n downscale,\n onHoverLetter,\n ...props\n }: {\n onHoverLetter?: (i: number) => void\n showWords?: boolean\n color?: string\n downscale?: number\n } & XStackProps,\n ref\n ) => (\n <XStack ref={ref} ai=\"center\" jc=\"center\" space=\"$5\" {...props}>\n <LogoIcon downscale={(downscale ?? 1) * (showWords ? 2 : 1.5)} color={color} />\n {showWords && (\n <YStack mb={-4}>\n <LogoWords onHoverLetter={onHoverLetter} downscale={downscale ?? 2} color={color} />\n </YStack>\n )}\n </XStack>\n )\n)\n\nexport const LogoWords = ({\n color,\n downscale = 1,\n onHoverLetter,\n}: {\n color?: string\n downscale?: number\n onHoverLetter?: any\n}) => {\n return (\n <svg\n width={373 * (1 / downscale) * 0.333333334}\n height={41 * (1 / downscale) * 0.333333334}\n viewBox=\"0 0 373 41\"\n >\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[0]}\n points=\"24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(0) : undefined}\n />\n <path\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[1]}\n d=\"M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z\"\n fillRule=\"nonzero\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(1) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[2]}\n points=\"130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(2) : undefined}\n />\n <path\n fill={color || logoColors[3]}\n d=\"M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z\"\n fillRule=\"nonzero\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(3) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[4]}\n points=\"264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(4) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[5]}\n points=\"323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(5) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[6]}\n points=\"372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(6) : undefined}\n />\n </svg>\n )\n // return <Image width={206 / 2} height={31 / 2} src={logo.src} />\n}\n\nexport const LogoIcon = ({ downscale = 2, color = 'var(--color)' }: any) => {\n return (\n <YStack\n als=\"center\"\n marginVertical={-10}\n pressStyle={{\n opacity: 0.7,\n }}\n >\n <svg\n width={450 / 8 / downscale}\n height={420 / 8 / downscale}\n viewBox=\"0 0 450 420\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n >\n <g\n transform=\"translate(225.000000, 210.000000) scale(-1, 1) translate(-225.000000, -210.000000) \"\n fill={color}\n >\n <rect fill={color} x=\"150\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"180\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"210\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"270\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"330\" y=\"30\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"360\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"90\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"150\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"180\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"420\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"420\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"420\" y=\"270\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"300\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"360\" y=\"330\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"330\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"270\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"210\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"210\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"180\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"150\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"150\" y=\"330\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"120\" y=\"300\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"270\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"60\" y=\"180\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"180\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"0\" y=\"150\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"60\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"0\" y=\"90\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"0\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"60\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"120\" y=\"30\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"150\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"90\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"270\" y=\"270\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"60\" width=\"20\" height=\"20\"></rect>\n </g>\n </svg>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/TamaguiLogo.js
CHANGED
|
@@ -120,16 +120,9 @@ const LogoIcon = ({ downscale = 2, color = "var(--color)" }) => {
|
|
|
120
120
|
xmlns: "http://www.w3.org/2000/svg",
|
|
121
121
|
xmlnsXlink: "http://www.w3.org/1999/xlink"
|
|
122
122
|
}, /* @__PURE__ */ React.createElement("g", {
|
|
123
|
-
transform: "translate(-150.000000, -210.000000)"
|
|
124
|
-
}, /* @__PURE__ */ React.createElement("g", {
|
|
125
|
-
transform: "translate(150.000000, 210.000000)"
|
|
126
|
-
}, /* @__PURE__ */ React.createElement("g", {
|
|
127
|
-
transform: "translate(30.000000, 30.000000)",
|
|
128
|
-
fill: color
|
|
129
|
-
}), /* @__PURE__ */ React.createElement("g", {
|
|
130
123
|
transform: "translate(225.000000, 210.000000) scale(-1, 1) translate(-225.000000, -210.000000) ",
|
|
131
124
|
fill: color
|
|
132
|
-
}, /* @__PURE__ */ React.createElement("
|
|
125
|
+
}, /* @__PURE__ */ React.createElement("rect", {
|
|
133
126
|
fill: color,
|
|
134
127
|
x: "150",
|
|
135
128
|
y: "0",
|
|
@@ -429,7 +422,7 @@ const LogoIcon = ({ downscale = 2, color = "var(--color)" }) => {
|
|
|
429
422
|
y: "60",
|
|
430
423
|
width: "20",
|
|
431
424
|
height: "20"
|
|
432
|
-
}))))
|
|
425
|
+
}))));
|
|
433
426
|
};
|
|
434
427
|
export {
|
|
435
428
|
LogoIcon,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TamaguiLogo.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { forwardRef } from 'react'\nimport { ThemeName, XStack, XStackProps, YStack } from 'tamagui'\n\nexport const tints: ThemeName[] = ['red', 'orange', 'yellow', 'green', 'blue', 'purple', 'pink']\n\nexport const logoColors = tints.map((t) => `var(--${t}9)`)\n\nexport const TamaguiLogo = forwardRef(\n (\n {\n showWords,\n color,\n downscale,\n onHoverLetter,\n ...props\n }: {\n onHoverLetter?: (i: number) => void\n showWords?: boolean\n color?: string\n downscale?: number\n } & XStackProps,\n ref\n ) => (\n <XStack ref={ref} ai=\"center\" jc=\"center\" space=\"$5\" {...props}>\n <LogoIcon downscale={(downscale ?? 1) * (showWords ? 2 : 1.5)} color={color} />\n {showWords && (\n <YStack mb={-4}>\n <LogoWords onHoverLetter={onHoverLetter} downscale={downscale ?? 2} color={color} />\n </YStack>\n )}\n </XStack>\n )\n)\n\nexport const LogoWords = ({\n color,\n downscale = 1,\n onHoverLetter,\n}: {\n color?: string\n downscale?: number\n onHoverLetter?: any\n}) => {\n return (\n <svg\n width={373 * (1 / downscale) * 0.333333334}\n height={41 * (1 / downscale) * 0.333333334}\n viewBox=\"0 0 373 41\"\n >\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[0]}\n points=\"24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(0) : undefined}\n />\n <path\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[1]}\n d=\"M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z\"\n fillRule=\"nonzero\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(1) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[2]}\n points=\"130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(2) : undefined}\n />\n <path\n fill={color || logoColors[3]}\n d=\"M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z\"\n fillRule=\"nonzero\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(3) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[4]}\n points=\"264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(4) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[5]}\n points=\"323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(5) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[6]}\n points=\"372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(6) : undefined}\n />\n </svg>\n )\n // return <Image width={206 / 2} height={31 / 2} src={logo.src} />\n}\n\nexport const LogoIcon = ({ downscale = 2, color = 'var(--color)' }: any) => {\n return (\n <YStack\n als=\"center\"\n marginVertical={-10}\n pressStyle={{\n opacity: 0.7,\n }}\n >\n <svg\n width={450 / 8 / downscale}\n height={420 / 8 / downscale}\n viewBox=\"0 0 450 420\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n >\n <g transform=\"translate(-150.000000, -210.000000)\">\n <g transform=\"translate(150.000000, 210.000000)\">\n <g transform=\"translate(30.000000, 30.000000)\" fill={color}>\n {/* <path d=\"M300,0 L300,30 L364,30 L364,60 L420,60 L420,150 L364,150 L364,180 L300,180 L300,300 L270,300 L270,360 L60,360 L60,300 L0,300 L0,60 L60,60 L60,0 L300,0 Z\"></path> */}\n </g>\n <g\n transform=\"translate(225.000000, 210.000000) scale(-1, 1) translate(-225.000000, -210.000000) \"\n fill={color}\n >\n <g>\n <rect fill={color} x=\"150\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"180\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"210\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"270\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"330\" y=\"30\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"360\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"90\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"150\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"180\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"420\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"420\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"420\" y=\"270\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"300\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"360\" y=\"330\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"330\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"270\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"210\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"210\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"180\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"150\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"150\" y=\"330\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"120\" y=\"300\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"270\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"60\" y=\"180\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"180\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"0\" y=\"150\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"60\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"0\" y=\"90\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"0\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"60\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"120\" y=\"30\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"150\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"90\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"270\" y=\"270\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"60\" width=\"20\" height=\"20\"></rect>\n </g>\n </g>\n </g>\n </g>\n </svg>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEO,MAAM,QAAqB,CAAC,OAAO,UAAU,UAAU,SAAS,QAAQ,UAAU,MAAM;AAExF,MAAM,aAAa,MAAM,IAAI,CAAC,MAAM,SAAS,KAAK;AAElD,MAAM,cAAc,WACzB,CACE,IAYA,QACA;AAbA,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAJF,IAKK,kBALL,IAKK;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAUF,6CAAC;AAAA,IAAO;AAAA,IAAU,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,OAAM;AAAA,KAAS,QACvD,oCAAC;AAAA,IAAS,WAAY,cAAa,KAAM,aAAY,IAAI;AAAA,IAAM;AAAA,GAAc,GAC5E,aACC,oCAAC;AAAA,IAAO,IAAI;AAAA,KACV,oCAAC;AAAA,IAAU;AAAA,IAA8B,WAAW,aAAa;AAAA,IAAG;AAAA,GAAc,CACpF,CAEJ;AAAA,CAEJ;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,MAKI;AACJ,SACE,oCAAC;AAAA,IACC,OAAO,MAAO,KAAI,aAAa;AAAA,IAC/B,QAAQ,KAAM,KAAI,aAAa;AAAA,IAC/B,SAAQ;AAAA,KAER,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,GAAE;AAAA,IACF,UAAS;AAAA,IACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,MAAM,SAAS,WAAW;AAAA,IAC1B,GAAE;AAAA,IACF,UAAS;AAAA,IACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,CACF;AAGJ;AAEO,MAAM,WAAW,CAAC,EAAE,YAAY,GAAG,QAAQ,qBAA0B;AAC1E,SACE,oCAAC;AAAA,IACC,KAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,KAEA,oCAAC;AAAA,IACC,OAAO,MAAM,IAAI;AAAA,IACjB,QAAQ,MAAM,IAAI;AAAA,IAClB,SAAQ;AAAA,IACR,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,YAAW;AAAA,KAEX,oCAAC;AAAA,
|
|
4
|
+
"sourcesContent": ["import React, { forwardRef } from 'react'\nimport { ThemeName, XStack, XStackProps, YStack } from 'tamagui'\n\nexport const tints: ThemeName[] = ['red', 'orange', 'yellow', 'green', 'blue', 'purple', 'pink']\n\nexport const logoColors = tints.map((t) => `var(--${t}9)`)\n\nexport const TamaguiLogo = forwardRef(\n (\n {\n showWords,\n color,\n downscale,\n onHoverLetter,\n ...props\n }: {\n onHoverLetter?: (i: number) => void\n showWords?: boolean\n color?: string\n downscale?: number\n } & XStackProps,\n ref\n ) => (\n <XStack ref={ref} ai=\"center\" jc=\"center\" space=\"$5\" {...props}>\n <LogoIcon downscale={(downscale ?? 1) * (showWords ? 2 : 1.5)} color={color} />\n {showWords && (\n <YStack mb={-4}>\n <LogoWords onHoverLetter={onHoverLetter} downscale={downscale ?? 2} color={color} />\n </YStack>\n )}\n </XStack>\n )\n)\n\nexport const LogoWords = ({\n color,\n downscale = 1,\n onHoverLetter,\n}: {\n color?: string\n downscale?: number\n onHoverLetter?: any\n}) => {\n return (\n <svg\n width={373 * (1 / downscale) * 0.333333334}\n height={41 * (1 / downscale) * 0.333333334}\n viewBox=\"0 0 373 41\"\n >\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[0]}\n points=\"24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(0) : undefined}\n />\n <path\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[1]}\n d=\"M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z\"\n fillRule=\"nonzero\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(1) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[2]}\n points=\"130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(2) : undefined}\n />\n <path\n fill={color || logoColors[3]}\n d=\"M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z\"\n fillRule=\"nonzero\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(3) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[4]}\n points=\"264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(4) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[5]}\n points=\"323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(5) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[6]}\n points=\"372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(6) : undefined}\n />\n </svg>\n )\n // return <Image width={206 / 2} height={31 / 2} src={logo.src} />\n}\n\nexport const LogoIcon = ({ downscale = 2, color = 'var(--color)' }: any) => {\n return (\n <YStack\n als=\"center\"\n marginVertical={-10}\n pressStyle={{\n opacity: 0.7,\n }}\n >\n <svg\n width={450 / 8 / downscale}\n height={420 / 8 / downscale}\n viewBox=\"0 0 450 420\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n >\n <g\n transform=\"translate(225.000000, 210.000000) scale(-1, 1) translate(-225.000000, -210.000000) \"\n fill={color}\n >\n <rect fill={color} x=\"150\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"180\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"210\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"270\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"0\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"330\" y=\"30\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"360\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"90\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"150\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"180\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"420\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"420\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"420\" y=\"270\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"390\" y=\"300\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"360\" y=\"330\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"330\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"270\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"210\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"210\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"180\" y=\"390\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"150\" y=\"360\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"150\" y=\"330\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"120\" y=\"300\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"270\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"60\" y=\"180\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"180\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"0\" y=\"150\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"60\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"0\" y=\"90\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"0\" y=\"120\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"30\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"60\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"120\" y=\"30\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"150\" y=\"60\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"90\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"240\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"270\" y=\"270\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"240\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"300\" y=\"210\" width=\"20\" height=\"20\"></rect>\n <rect fill={color} x=\"90\" y=\"60\" width=\"20\" height=\"20\"></rect>\n </g>\n </svg>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEO,MAAM,QAAqB,CAAC,OAAO,UAAU,UAAU,SAAS,QAAQ,UAAU,MAAM;AAExF,MAAM,aAAa,MAAM,IAAI,CAAC,MAAM,SAAS,KAAK;AAElD,MAAM,cAAc,WACzB,CACE,IAYA,QACA;AAbA,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAJF,IAKK,kBALL,IAKK;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAUF,6CAAC;AAAA,IAAO;AAAA,IAAU,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,OAAM;AAAA,KAAS,QACvD,oCAAC;AAAA,IAAS,WAAY,cAAa,KAAM,aAAY,IAAI;AAAA,IAAM;AAAA,GAAc,GAC5E,aACC,oCAAC;AAAA,IAAO,IAAI;AAAA,KACV,oCAAC;AAAA,IAAU;AAAA,IAA8B,WAAW,aAAa;AAAA,IAAG;AAAA,GAAc,CACpF,CAEJ;AAAA,CAEJ;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,MAKI;AACJ,SACE,oCAAC;AAAA,IACC,OAAO,MAAO,KAAI,aAAa;AAAA,IAC/B,QAAQ,KAAM,KAAI,aAAa;AAAA,IAC/B,SAAQ;AAAA,KAER,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,GAAE;AAAA,IACF,UAAS;AAAA,IACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,MAAM,SAAS,WAAW;AAAA,IAC1B,GAAE;AAAA,IACF,UAAS;AAAA,IACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,CACF;AAGJ;AAEO,MAAM,WAAW,CAAC,EAAE,YAAY,GAAG,QAAQ,qBAA0B;AAC1E,SACE,oCAAC;AAAA,IACC,KAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,KAEA,oCAAC;AAAA,IACC,OAAO,MAAM,IAAI;AAAA,IACjB,QAAQ,MAAM,IAAI;AAAA,IAClB,SAAQ;AAAA,IACR,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,YAAW;AAAA,KAEX,oCAAC;AAAA,IACC,WAAU;AAAA,IACV,MAAM;AAAA,KAEN,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAI,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACxD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAI,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACxD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAI,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACxD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAI,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACxD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAI,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACxD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAI,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACxD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAK,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAK,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAK,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAK,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAK,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAI,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACxD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAK,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAK,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAK,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAI,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACvD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAI,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACxD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAK,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACxD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAK,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACxD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAK,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACxD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GACzD,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAM,GAAE;AAAA,IAAM,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,GAC1D,oCAAC;AAAA,IAAK,MAAM;AAAA,IAAO,GAAE;AAAA,IAAK,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,GAAK,CAC1D,CACF,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/AnimationsDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import { Play } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Square, useControllableState } from 'tamagui'\n\nimport { LogoIcon } from './TamaguiLogo'\n\nexport default (props) => {\n const [positionI, setPositionI] = useControllableState({\n strategy: 'most-recent-wins',\n prop: props.position,\n defaultProp: 0,\n })\n const position = positions[positionI]\n const next = (to = 1) => {\n setPositionI((x) => {\n return (x + to) % positions.length\n })\n }\n\n return (\n <>\n <Square\n focusable={false}\n animation={props.animation || 'bouncy'}\n onPress={() => next()}\n size={110}\n bc=\"$pink10\"\n br=\"$9\"\n hoverStyle={{\n scale: 1.1,\n }}\n pressStyle={{\n scale: 0.9,\n }}\n {...position}\n >\n {props.children || <LogoIcon downscale={0.75} />}\n </Square>\n\n <Button\n pos=\"absolute\"\n b={20}\n l={20}\n icon={Play}\n theme={props.tint}\n size=\"$5\"\n circular\n onPress={() => next()}\n />\n </>\n )\n}\n\nexport const positions = [\n {\n x: 0,\n y: 0,\n scale: 1,\n rotate: '0deg',\n },\n {\n x: -50,\n y: -50,\n scale: 0.5,\n rotate: '-45deg',\n hoverStyle: {\n scale: 0.6,\n },\n pressStyle: {\n scale: 0.4,\n },\n },\n {\n x: 50,\n y: 50,\n scale: 1,\n rotate: '180deg',\n hoverStyle: {\n scale: 1.1,\n },\n pressStyle: {\n scale: 0.9,\n },\n },\n]\n"],
|
|
5
|
+
"mappings": "AAAA;AAEA;AAEA;AAEA,IAAO,yBAAQ,CAAC,UAAU;AACxB,QAAM,CAAC,WAAW,gBAAgB,qBAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,WAAW,UAAU;AAC3B,QAAM,OAAO,CAAC,KAAK,MAAM;AACvB,iBAAa,CAAC,MAAM;AAClB,aAAQ,KAAI,MAAM,UAAU;AAAA,IAC9B,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IACE,CAAC,OACC,WAAW,OACX,WAAW,MAAM,aAAa,UAC9B,SAAS,MAAM,KAAK,GACpB,MAAM,KACN,GAAG,UACH,GAAG,KACH,YAAY;AAAA,MACV,OAAO;AAAA,IACT,GACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT,OACI,WAEH,MAAM,YAAY,CAAC,SAAS,WAAW,MAAM,GAChD,EAhBC;AAAA,IAkBD,CAAC,OACC,IAAI,WACJ,GAAG,IACH,GAAG,IACH,MAAM,MACN,OAAO,MAAM,MACb,KAAK,KACL,SACA,SAAS,MAAM,KAAK,GACtB;AAAA,EACF;AAEJ;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/AnimationsEnterDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { useRef, useState } from 'react'\nimport { Button, Square, YStack } from 'tamagui'\n\nimport { LogoIcon } from './TamaguiLogo'\nimport { useIsIntersecting } from './useOnIntersecting'\n\nexport default () => {\n const ref = useRef<HTMLElement>(null)\n const hasIntersected = useIsIntersecting(ref, { once: true })\n const [key, setKey] = useState(0)\n\n if (!hasIntersected) {\n return <YStack ref={ref} />\n }\n\n return (\n <>\n <Square\n key={key}\n enterStyle={{\n scale: 1.5,\n y: -10,\n opacity: 0,\n }}\n animation=\"bouncy\"\n elevation=\"$4\"\n size={110}\n opacity={1}\n scale={1}\n y={0}\n bc=\"$pink10\"\n br=\"$9\"\n >\n <LogoIcon downscale={0.75} />\n </Square>\n\n <Button size=\"$3\" mt=\"$4\" onPress={() => setKey(Math.random())}>\n Re-mount\n </Button>\n </>\n )\n}\n"],
|
|
5
|
+
"mappings": "AACA;AACA;AAEA;AACA;AAEA,IAAO,8BAAQ,MAAM;AACnB,QAAM,MAAM,OAAoB,IAAI;AACpC,QAAM,iBAAiB,kBAAkB,KAAK,EAAE,MAAM,KAAK,CAAC;AAC5D,QAAM,CAAC,KAAK,UAAU,SAAS,CAAC;AAEhC,MAAI,CAAC,gBAAgB;AACnB,WAAO,CAAC,OAAO,KAAK,KAAK;AAAA,EAC3B;AAEA,SACE;AAAA,IACE,CAAC,OACC,KAAK,KACL,YAAY;AAAA,MACV,OAAO;AAAA,MACP,GAAG;AAAA,MACH,SAAS;AAAA,IACX,GACA,UAAU,SACV,UAAU,KACV,MAAM,KACN,SAAS,GACT,OAAO,GACP,GAAG,GACH,GAAG,UACH,GAAG,KAEH,CAAC,SAAS,WAAW,MAAM,EAC7B,EAjBC;AAAA,IAmBD,CAAC,OAAO,KAAK,KAAK,GAAG,KAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,QAEhE,EAFC;AAAA,EAGH;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/AnimationsHoverDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { Square } from 'tamagui'\n\nimport { LogoIcon } from './TamaguiLogo'\n\nexport default () => {\n return (\n <Square\n bc=\"$pink10\"\n animation=\"bouncy\"\n elevation=\"$4\"\n size={110}\n br=\"$9\"\n hoverStyle={{\n scale: 1.2,\n }}\n pressStyle={{\n scale: 0.9,\n }}\n >\n <LogoIcon downscale={0.75} />\n </Square>\n )\n}\n"],
|
|
5
|
+
"mappings": "AACA;AAEA;AAEA,IAAO,8BAAQ,MAAM;AACnB,SACE,CAAC,OACC,GAAG,UACH,UAAU,SACV,UAAU,KACV,MAAM,KACN,GAAG,KACH,YAAY;AAAA,IACV,OAAO;AAAA,EACT,GACA,YAAY;AAAA,IACV,OAAO;AAAA,EACT,GAEA,CAAC,SAAS,WAAW,MAAM,EAC7B,EAdC;AAgBL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/AnimationsPresenceDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["// adapted from Framer Motion\n// https://codesandbox.io/s/framer-motion-image-gallery-pqvx3?from-embed=&file=/src/Example.tsx:1422-1470\n\nimport { AnimatePresence } from '@tamagui/animate-presence'\nimport { ArrowLeft, ArrowRight } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { useState } from 'react'\nimport { Button, Image, XStack, YStack, styled } from 'tamagui'\n\n// @ts-ignore\nimport photo1 from '../../public/photo1.jpg'\n// @ts-ignore\nimport photo2 from '../../public/photo2.jpg'\n// @ts-ignore\nimport photo3 from '../../public/photo3.jpg'\n\nexport const images = [photo1.src, photo2.src, photo3.src]\n\nconst YStackEnterable = styled(YStack, {\n variants: {\n isLeft: { true: { x: -300, opacity: 0 } },\n isRight: { true: { x: 300, opacity: 0 } },\n },\n})\n\nexport default () => {\n const [[page, direction], setPage] = useState([0, 0])\n\n const imageIndex = wrap(0, images.length, page)\n\n const paginate = (newDirection: number) => {\n setPage([page + newDirection, newDirection])\n }\n\n const enterVariant = direction === 1 || direction === 0 ? 'isRight' : 'isLeft'\n const exitVariant = direction === 1 ? 'isLeft' : 'isRight'\n\n return (\n <XStack ov=\"hidden\" bc=\"#000\" pos=\"relative\" h={300} w=\"100%\" ai=\"center\">\n <AnimatePresence enterVariant={enterVariant} exitVariant={exitVariant}>\n <YStackEnterable key={page} animation=\"bouncy\" fullscreen x={0} o={1}>\n <Image src={images[imageIndex]} width={700} height={300} />\n </YStackEnterable>\n </AnimatePresence>\n\n <Button\n accessibilityLabel=\"Carousel left\"\n icon={ArrowLeft}\n size=\"$5\"\n pos=\"absolute\"\n l=\"$4\"\n circular\n elevate\n onPress={() => paginate(-1)}\n />\n <Button\n accessibilityLabel=\"Carousel right\"\n icon={ArrowRight}\n size=\"$5\"\n pos=\"absolute\"\n r=\"$4\"\n circular\n elevate\n onPress={() => paginate(1)}\n />\n </XStack>\n )\n}\n\nconst wrap = (min: number, max: number, v: number) => {\n const rangeSize = max - min\n return ((((v - min) % rangeSize) + rangeSize) % rangeSize) + min\n}\n"],
|
|
5
|
+
"mappings": "AAGA;AACA;AAEA;AACA;AAGA;AAEA;AAEA;AAEO,MAAM,SAAS,CAAC,OAAO,KAAK,OAAO,KAAK,OAAO,GAAG;AAEzD,MAAM,kBAAkB,OAAO,QAAQ;AAAA,EACrC,UAAU;AAAA,IACR,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,SAAS,EAAE,EAAE;AAAA,IACxC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,SAAS,EAAE,EAAE;AAAA,EAC1C;AACF,CAAC;AAED,IAAO,iCAAQ,MAAM;AACnB,QAAM,CAAC,CAAC,MAAM,YAAY,WAAW,SAAS,CAAC,GAAG,CAAC,CAAC;AAEpD,QAAM,aAAa,KAAK,GAAG,OAAO,QAAQ,IAAI;AAE9C,QAAM,WAAW,CAAC,iBAAyB;AACzC,YAAQ,CAAC,OAAO,cAAc,YAAY,CAAC;AAAA,EAC7C;AAEA,QAAM,eAAe,cAAc,KAAK,cAAc,IAAI,YAAY;AACtE,QAAM,cAAc,cAAc,IAAI,WAAW;AAEjD,SACE,CAAC,OAAO,GAAG,SAAS,GAAG,OAAO,IAAI,WAAW,GAAG,KAAK,EAAE,OAAO,GAAG;AAAA,IAC/D,CAAC,gBAAgB,cAAc,cAAc,aAAa,aACxD,CAAC,gBAAgB,KAAK,MAAM,UAAU,SAAS,WAAW,GAAG,GAAG,GAAG,GACjE,CAAC,MAAM,KAAK,OAAO,aAAa,OAAO,KAAK,QAAQ,KAAK,EAC3D,EAFC,gBAGH,EAJC;AAAA,IAMD,CAAC,OACC,mBAAmB,gBACnB,MAAM,WACN,KAAK,KACL,IAAI,WACJ,EAAE,KACF,SACA,QACA,SAAS,MAAM,SAAS,EAAE,GAC5B;AAAA,IACA,CAAC,OACC,mBAAmB,iBACnB,MAAM,YACN,KAAK,KACL,IAAI,WACJ,EAAE,KACF,SACA,QACA,SAAS,MAAM,SAAS,CAAC,GAC3B;AAAA,EACF,EA3BC;AA6BL;AAEA,MAAM,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,SAAW,MAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/AvatarDemo.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/AvatarDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { Avatar, XStack } from 'tamagui'\n\nexport default function AvatarDemo() {\n return (\n <XStack ai=\"center\" space=\"$6\">\n <Avatar circular size=\"$10\">\n <Avatar.Image\n accessibilityLabel=\"Cam\"\n src=\"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80\"\n />\n <Avatar.Fallback backgroundColor=\"$blue10\" />\n </Avatar>\n\n <Avatar circular size=\"$8\">\n <Avatar.Image\n accessibilityLabel=\"Nate Wienert\"\n src=\"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80\"\n />\n <Avatar.Fallback delayMs={600} backgroundColor=\"$blue10\" />\n </Avatar>\n </XStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AACA;AAEe,sBAAsB;AACnC,SACE,CAAC,OAAO,GAAG,SAAS,MAAM;AAAA,IACxB,CAAC,OAAO,SAAS,KAAK;AAAA,MACpB,CAAC,OAAO,MACN,mBAAmB,MACnB,KAAI,qFACN;AAAA,MACA,CAAC,OAAO,SAAS,gBAAgB,UAAU;AAAA,IAC7C,EANC;AAAA,IAQD,CAAC,OAAO,SAAS,KAAK;AAAA,MACpB,CAAC,OAAO,MACN,mBAAmB,eACnB,KAAI,wFACN;AAAA,MACA,CAAC,OAAO,SAAS,SAAS,KAAK,gBAAgB,UAAU;AAAA,IAC3D,EANC;AAAA,EAOH,EAhBC;AAkBL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/ButtonDemo.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Group, XStack, YStack } from 'tamagui'\n\nexport default function ButtonDemo(props) {\n return (\n <YStack p=\"$3\" space {...props}>\n <Button>Plain</Button>\n <Button als=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <Group>\n <Button w=\"50%\" size=\"$3\" br={0} theme=\"alt2\">\n Alt2\n </Button>\n <Button w=\"50%\" size=\"$3\" br={0} theme=\"yellow\">\n Yellow\n </Button>\n </Group>\n <XStack space=\"$2\">\n <Button themeInverse size=\"$3\">\n Small Inverse\n </Button>\n <Button iconAfter={Activity} size=\"$3\">\n After\n </Button>\n </XStack>\n <Group>\n <Button w=\"50%\" br={0} size=\"$2\" disabled>\n disabled\n </Button>\n <Button w=\"50%\" br={0} size=\"$2\" chromeless>\n chromeless\n </Button>\n </Group>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AAEA;AAEe,oBAAoB,OAAO;AACxC,SACE,CAAC,OAAO,EAAE,KAAK,UAAU;AAAA,IACvB,CAAC,OAAO,KAAK,EAAZ;AAAA,IACD,CAAC,OAAO,IAAI,SAAS,MAAM,SAAS,KAAK,KAAK,KAE9C,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,CAAC,OAAO,EAAE,MAAM,KAAK,KAAK,IAAI,GAAG,MAAM,OAAO,IAE9C,EAFC;AAAA,MAGD,CAAC,OAAO,EAAE,MAAM,KAAK,KAAK,IAAI,GAAG,MAAM,SAAS,MAEhD,EAFC;AAAA,IAGH,EAPC;AAAA,IAQD,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,OAAO,aAAa,KAAK,KAAK,aAE/B,EAFC;AAAA,MAGD,CAAC,OAAO,WAAW,UAAU,KAAK,KAAK,KAEvC,EAFC;AAAA,IAGH,EAPC;AAAA,IAQD,CAAC;AAAA,MACC,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,KAAK,KAAK,SAAS,QAE1C,EAFC;AAAA,MAGD,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,KAAK,KAAK,WAAW,UAE5C,EAFC;AAAA,IAGH,EAPC;AAAA,EAQH,EA7BC;AA+BL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/CardDemo.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/CardDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { Button, Card, CardProps, H2, H3, Image, Paragraph, XStack } from 'tamagui'\n\n// @ts-ignore\nimport camera from '../../public/camera.jpg'\n\nexport default function CardDemo() {\n return (\n <XStack $sm={{ flexDirection: 'column' }} px=\"$4\" space>\n <DemoCard\n animation=\"bouncy\"\n size=\"$4\"\n w={250}\n h={300}\n scale={0.9}\n hoverStyle={{ scale: 0.925 }}\n pressStyle={{ scale: 0.875 }}\n />\n <DemoCard size=\"$5\" w={250} h={300} />\n </XStack>\n )\n}\n\nfunction DemoCard(props: CardProps) {\n return (\n <Card theme=\"dark\" elevate size=\"$4\" bordered {...props}>\n <Card.Header padded>\n <H2>Sony A7IV</H2>\n <Paragraph theme=\"alt2\">Now available</Paragraph>\n </Card.Header>\n <Card.Footer padded>\n <XStack f={1} />\n <Button br=\"$10\">Purchase</Button>\n </Card.Footer>\n <Card.Background>\n <Image pos=\"absolute\" width={300} height={500} resizeMode=\"cover\" src={camera.src} />\n </Card.Background>\n </Card>\n )\n}\n"],
|
|
5
|
+
"mappings": "AACA;AAGA;AAEe,oBAAoB;AACjC,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,GAAG,KAAK;AAAA,IAChD,CAAC,SACC,UAAU,SACV,KAAK,KACL,GAAG,KACH,GAAG,KACH,OAAO,KACP,YAAY,EAAE,OAAO,MAAM,GAC3B,YAAY,EAAE,OAAO,MAAM,GAC7B;AAAA,IACA,CAAC,SAAS,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK;AAAA,EACtC,EAXC;AAaL;AAEA,kBAAkB,OAAkB;AAClC,SACE,CAAC,KAAK,MAAM,OAAO,QAAQ,KAAK,KAAK,aAAa;AAAA,IAChD,CAAC,KAAK,OAAO;AAAA,MACX,CAAC,GAAG,SAAS,EAAZ;AAAA,MACD,CAAC,UAAU,MAAM,OAAO,aAAa,EAApC;AAAA,IACH,EAHC,KAAK;AAAA,IAIN,CAAC,KAAK,OAAO;AAAA,MACX,CAAC,OAAO,GAAG,GAAG;AAAA,MACd,CAAC,OAAO,GAAG,MAAM,QAAQ,EAAxB;AAAA,IACH,EAHC,KAAK;AAAA,IAIN,CAAC,KAAK,WACJ,CAAC,MAAM,IAAI,WAAW,OAAO,KAAK,QAAQ,KAAK,WAAW,QAAQ,KAAK,OAAO,KAAK,EACrF,EAFC,KAAK;AAAA,EAGR,EAZC;AAcL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/DialogDemo.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import { X } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Dialog, Fieldset, Input, Label, Unspaced, YStack } from 'tamagui'\n\nexport default function DialogDemo() {\n return (\n <Dialog modal>\n <Dialog.Trigger asChild>\n <Button>Edit Profile</Button>\n </Dialog.Trigger>\n <Dialog.Portal>\n <Dialog.Overlay\n key=\"overlay\"\n animation=\"quick\"\n o={0.5}\n enterStyle={{ o: 0 }}\n exitStyle={{ o: 0 }}\n />\n <Dialog.Content\n bordered\n elevate\n key=\"content\"\n space\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n x={0}\n scale={1}\n opacity={1}\n y={0}\n >\n <Dialog.Title>Edit profile</Dialog.Title>\n <Dialog.Description>\n Make changes to your profile here. Click save when you're done.\n </Dialog.Description>\n <Fieldset space=\"$4\" horizontal>\n <Label w={160} justifyContent=\"flex-end\" htmlFor=\"name\">\n Name\n </Label>\n <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </Fieldset>\n <Fieldset space=\"$4\" horizontal>\n <Label w={160} justifyContent=\"flex-end\" htmlFor=\"username\">\n Username\n </Label>\n <Input f={1} id=\"username\" defaultValue=\"@natebirdman\" />\n </Fieldset>\n\n <YStack ai=\"flex-end\" mt=\"$2\">\n <Dialog.Close asChild>\n <Button theme=\"alt1\" aria-label=\"Close\">\n Save changes\n </Button>\n </Dialog.Close>\n </YStack>\n\n <Unspaced>\n <Dialog.Close asChild>\n <Button pos=\"absolute\" t=\"$4\" r=\"$4\" circular icon={X} />\n </Dialog.Close>\n </Unspaced>\n </Dialog.Content>\n </Dialog.Portal>\n </Dialog>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AAEA;AAEe,sBAAsB;AACnC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,QAAQ,QACd,CAAC,OAAO,YAAY,EAAnB,OACH,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,QACN,IAAI,UACJ,UAAU,QACV,GAAG,KACH,YAAY,EAAE,GAAG,EAAE,GACnB,WAAW,EAAE,GAAG,EAAE,GACpB;AAAA,MACA,CAAC,OAAO,QACN,SACA,QACA,IAAI,UACJ,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF,GACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI,GACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK,GAClD,GAAG,GACH,OAAO,GACP,SAAS,GACT,GAAG;AAAA,QAEH,CAAC,OAAO,MAAM,YAAY,EAAzB,OAAO;AAAA,QACR,CAAC,OAAO,YAAY,+DAEpB,EAFC,OAAO;AAAA,QAGR,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,GAAG,KAAK,eAAe,WAAW,QAAQ,OAAO,IAExD,EAFC;AAAA,UAGD,CAAC,MAAM,GAAG,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,QACrD,EALC;AAAA,QAMD,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,GAAG,KAAK,eAAe,WAAW,QAAQ,WAAW,QAE5D,EAFC;AAAA,UAGD,CAAC,MAAM,GAAG,GAAG,GAAG,WAAW,aAAa,eAAe;AAAA,QACzD,EALC;AAAA,QAOD,CAAC,OAAO,GAAG,WAAW,GAAG,KACvB,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,MAAM,OAAO,WAAW,QAAQ,YAExC,EAFC,OAGH,EAJC,OAAO,MAKV,EANC;AAAA,QAQD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,SAAS,MAAM,GAAG,EACzD,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAlDC,OAAO;AAAA,IAmDV,EA3DC,OAAO;AAAA,EA4DV,EAhEC;AAkEL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/DrawerDemo.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/DrawerDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import { Drawer } from '@tamagui/drawer'\nimport { ChevronDown, ChevronUp } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { useState } from 'react'\nimport { Button, Paragraph, YStack } from 'tamagui'\n\nexport default function DrawerDemo() {\n const [show, setShow] = useState(false)\n return (\n <YStack minWidth={230} w=\"100%\" h=\"100%\" ai=\"center\" jc=\"center\" position=\"relative\">\n <Drawer.Provider>\n <Button\n size=\"$6\"\n icon={show ? ChevronDown : ChevronUp}\n circular\n onPress={() => setShow((x) => !x)}\n elevation=\"$2\"\n />\n <Drawer open={show} onChangeOpen={setShow}>\n <Drawer.Frame h={200} ai=\"center\" jc=\"center\" p=\"$6\" space>\n <Paragraph selectable={false}>Hello.</Paragraph>\n <Button\n size=\"$6\"\n icon={show ? ChevronDown : ChevronUp}\n circular\n onPress={() => setShow((x) => !x)}\n elevation=\"$2\"\n />\n </Drawer.Frame>\n </Drawer>\n </Drawer.Provider>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AAEA;AACA;AAEe,sBAAsB;AACnC,QAAM,CAAC,MAAM,WAAW,SAAS,KAAK;AACtC,SACE,CAAC,OAAO,UAAU,KAAK,EAAE,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,SAAS,WACxE,CAAC,OAAO;AAAA,IACN,CAAC,OACC,KAAK,KACL,MAAM,OAAO,cAAc,WAC3B,SACA,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC,GAChC,UAAU,KACZ;AAAA,IACA,CAAC,OAAO,MAAM,MAAM,cAAc,SAChC,CAAC,OAAO,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,EAAE,KAAK;AAAA,MACnD,CAAC,UAAU,YAAY,OAAO,MAAM,EAAnC;AAAA,MACD,CAAC,OACC,KAAK,KACL,MAAM,OAAO,cAAc,WAC3B,SACA,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC,GAChC,UAAU,KACZ;AAAA,IACF,EATC,OAAO,MAUV,EAXC;AAAA,EAYH,EApBC,OAAO,SAqBV,EAtBC;AAwBL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/FeatherIconsDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as FeatherIcons from '@tamagui/feather-icons'\nimport React from 'react'\nimport { useMemo, useState } from 'react'\nimport { ScrollView } from 'react-native'\nimport { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from 'tamagui'\n\nconst featherIcons = Object.keys(FeatherIcons).map((name) => ({\n key: name.toLowerCase(),\n name,\n Icon: FeatherIcons[name],\n}))\n\nexport default function FeatherIconsDemo() {\n const [searchRaw, setSearch] = useState('')\n const search = useDebounceValue(searchRaw, 400)\n\n const size = 100\n\n const iconsMemo = useMemo(() => {\n const icons = featherIcons.filter((x) => x.key.startsWith(search.toLowerCase()))\n return icons.map(({ Icon, name }) => {\n return (\n <YStack h={size} ai=\"center\" jc=\"center\" key={name}>\n <Icon size={size * 0.25} />\n <Spacer />\n <Paragraph size=\"$2\" o={0.5}>\n {name}\n </Paragraph>\n </YStack>\n )\n })\n }, [search])\n\n return (\n <YStack als=\"stretch\" p=\"$4\" pb=\"$0\" space>\n <Input value={searchRaw} onChangeText={setSearch} placeholder=\"Search...\" />\n\n <YStack h={420}>\n <ScrollView>\n <Grid itemMinWidth={size}>{iconsMemo}</Grid>\n </ScrollView>\n </YStack>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AAEA;AACA;AACA;AAEA,MAAM,eAAe,OAAO,KAAK,YAAY,EAAE,IAAI,CAAC,SAAU;AAAA,EAC5D,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,aAAa;AACrB,EAAE;AAEa,4BAA4B;AACzC,QAAM,CAAC,WAAW,aAAa,SAAS,EAAE;AAC1C,QAAM,SAAS,iBAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,QAAQ,aAAa,OAAO,CAAC,MAAM,EAAE,IAAI,WAAW,OAAO,YAAY,CAAC,CAAC;AAC/E,WAAO,MAAM,IAAI,CAAC,EAAE,MAAM,WAAW;AACnC,aACE,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,KAAK;AAAA,QAC5C,CAAC,KAAK,MAAM,OAAO,MAAM;AAAA,QACzB,CAAC,OAAO;AAAA,QACR,CAAC,UAAU,KAAK,KAAK,GAAG,MACrB,KACH,EAFC;AAAA,MAGH,EANC;AAAA,IAQL,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,CAAC,OAAO,IAAI,UAAU,EAAE,KAAK,GAAG,KAAK;AAAA,IACnC,CAAC,MAAM,OAAO,WAAW,cAAc,WAAW,YAAY,YAAY;AAAA,IAE1E,CAAC,OAAO,GAAG,KACT,CAAC,WACC,CAAC,KAAK,cAAc,OAAO,UAAU,EAApC,KACH,EAFC,WAGH,EAJC;AAAA,EAKH,EARC;AAUL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/FormsDemo.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/FormsDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport default function FormsDemo() {\n return (\n <YStack w={200} mih={250} overflow=\"hidden\" space=\"$2\" m=\"$3\" p=\"$2\">\n <FormDemo size=\"$2\" />\n <FormDemo size=\"$3\" />\n <FormDemo size=\"$4\" />\n <TextArea numberOfLines={4} />\n </YStack>\n )\n}\n\nfunction FormDemo(props: { size: SizeTokens }) {\n return (\n <XStack ai=\"center\" space=\"$2\">\n <Input f={1} w=\"0%\" size={props.size} placeholder={`Size ${props.size}...`} />\n <Button size={props.size}>Go</Button>\n </XStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AACA;AAEe,qBAAqB;AAClC,SACE,CAAC,OAAO,GAAG,KAAK,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,EAAE,KAAK,EAAE;AAAA,IAC9D,CAAC,SAAS,KAAK,KAAK;AAAA,IACpB,CAAC,SAAS,KAAK,KAAK;AAAA,IACpB,CAAC,SAAS,KAAK,KAAK;AAAA,IACpB,CAAC,SAAS,eAAe,GAAG;AAAA,EAC9B,EALC;AAOL;AAEA,kBAAkB,OAA6B;AAC7C,SACE,CAAC,OAAO,GAAG,SAAS,MAAM;AAAA,IACxB,CAAC,MAAM,GAAG,GAAG,EAAE,KAAK,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IAC5E,CAAC,OAAO,MAAM,MAAM,MAAM,EAAE,EAA3B;AAAA,EACH,EAHC;AAKL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/GroupDemo.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/GroupDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Group, ListItem, Separator, YStack } from 'tamagui'\n\nexport default function GroupDemo() {\n return (\n <YStack p=\"$3\" space=\"$2\" ai=\"center\">\n <Group size=\"$3\">\n <Button>First</Button>\n <Button>Second</Button>\n <Button>Third</Button>\n </Group>\n\n <Group size=\"$5\">\n <Button icon={Activity}>First</Button>\n <Button icon={Airplay}>Second</Button>\n </Group>\n\n <Group size=\"$3\" vertical separator={<Separator />}>\n <ListItem>First</ListItem>\n <ListItem>Second</ListItem>\n <ListItem>Third</ListItem>\n </Group>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AAEA;AAEe,qBAAqB;AAClC,SACE,CAAC,OAAO,EAAE,KAAK,MAAM,KAAK,GAAG;AAAA,IAC3B,CAAC,MAAM,KAAK;AAAA,MACV,CAAC,OAAO,KAAK,EAAZ;AAAA,MACD,CAAC,OAAO,MAAM,EAAb;AAAA,MACD,CAAC,OAAO,KAAK,EAAZ;AAAA,IACH,EAJC;AAAA,IAMD,CAAC,MAAM,KAAK;AAAA,MACV,CAAC,OAAO,MAAM,UAAU,KAAK,EAA5B;AAAA,MACD,CAAC,OAAO,MAAM,SAAS,MAAM,EAA5B;AAAA,IACH,EAHC;AAAA,IAKD,CAAC,MAAM,KAAK,KAAK,SAAS,WAAW,CAAC,UAAU;AAAA,MAC9C,CAAC,SAAS,KAAK,EAAd;AAAA,MACD,CAAC,SAAS,MAAM,EAAf;AAAA,MACD,CAAC,SAAS,KAAK,EAAd;AAAA,IACH,EAJC;AAAA,EAKH,EAjBC;AAmBL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/HeadingsDemo.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/HeadingsDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport default function HeadingsDemo() {\n return (\n <YStack als=\"center\">\n <H1>Heading 1</H1>\n <H2>Heading 2</H2>\n <H3>Heading 3</H3>\n <H4>Heading 4</H4>\n <H5>Heading 5</H5>\n <H6>Heading 6</H6>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AACA;AAEe,wBAAwB;AACrC,SACE,CAAC,OAAO,IAAI;AAAA,IACV,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,EACH,EAPC;AASL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/ImageDemo.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/ImageDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { Image } from 'tamagui'\n\nexport default function ImageDemo() {\n return <Image src=\"http://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
|
|
5
|
+
"mappings": "AACA;AAEe,qBAAqB;AAClC,SAAO,CAAC,MAAM,IAAI,iCAAiC,OAAO,KAAK,QAAQ,KAAK;AAC9E;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/LabelDemo.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/LabelDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { Input, Label, XStack } from 'tamagui'\n\nexport default function LabelDemo() {\n return (\n <XStack miw={300} p=\"$3\" space=\"$4\">\n <Label htmlFor=\"name\">Name</Label>\n <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </XStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AACA;AAEe,qBAAqB;AAClC,SACE,CAAC,OAAO,KAAK,KAAK,EAAE,KAAK,MAAM;AAAA,IAC7B,CAAC,MAAM,QAAQ,OAAO,IAAI,EAAzB;AAAA,IACD,CAAC,MAAM,GAAG,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,EACrD,EAHC;AAKL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/LinearGradientDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { LinearGradient } from 'tamagui'\n\nexport default function LinearGradientDemo() {\n return (\n <LinearGradient\n als=\"center\"\n width={100}\n height={100}\n colors={['$red10', '$yellow10']}\n start={[0, 1]}\n br=\"$4\"\n end={[0, 0]}\n />\n )\n}\n"],
|
|
5
|
+
"mappings": "AACA;AAEe,8BAA8B;AAC3C,SACE,CAAC,eACC,IAAI,SACJ,OAAO,KACP,QAAQ,KACR,QAAQ,CAAC,UAAU,WAAW,GAC9B,OAAO,CAAC,GAAG,CAAC,GACZ,GAAG,KACH,KAAK,CAAC,GAAG,CAAC,GACZ;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/ListItemDemo.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/ListItemDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Group, ListItem, Separator, XStack } from 'tamagui'\n\nexport default function ListItemDemo() {\n return (\n <XStack $sm={{ flexDirection: 'column' }} px=\"$4\" space>\n <ListItemDemo1 />\n <ListItemDemo2 />\n </XStack>\n )\n}\n\nfunction ListItemDemo1() {\n return (\n <Group als=\"center\" bordered w={240} size=\"$4\" vertical>\n <ListItem hoverTheme icon={Star}>\n Star\n </ListItem>\n <ListItem hoverTheme icon={Moon}>\n Moon\n </ListItem>\n <ListItem hoverTheme icon={Sun}>\n Sun\n </ListItem>\n <ListItem hoverTheme icon={Cloud}>\n Cloud\n </ListItem>\n </Group>\n )\n}\n\nfunction ListItemDemo2() {\n return (\n <Group als=\"center\" bordered w={240} size=\"$6\" vertical separator={<Separator />}>\n <ListItem hoverTheme title=\"Star\" subTitle=\"Subtitle\" icon={Star} iconAfter={ChevronRight} />\n <ListItem hoverTheme title=\"Moon\" subTitle=\"Subtitle\" icon={Moon} iconAfter={ChevronRight} />\n </Group>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AAEA;AAEe,wBAAwB;AACrC,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,GAAG,KAAK;AAAA,IAChD,CAAC,cAAc;AAAA,IACf,CAAC,cAAc;AAAA,EACjB,EAHC;AAKL;AAEA,yBAAyB;AACvB,SACE,CAAC,MAAM,IAAI,SAAS,SAAS,GAAG,KAAK,KAAK,KAAK;AAAA,IAC7C,CAAC,SAAS,WAAW,MAAM,MAAM,IAEjC,EAFC;AAAA,IAGD,CAAC,SAAS,WAAW,MAAM,MAAM,IAEjC,EAFC;AAAA,IAGD,CAAC,SAAS,WAAW,MAAM,KAAK,GAEhC,EAFC;AAAA,IAGD,CAAC,SAAS,WAAW,MAAM,OAAO,KAElC,EAFC;AAAA,EAGH,EAbC;AAeL;AAEA,yBAAyB;AACvB,SACE,CAAC,MAAM,IAAI,SAAS,SAAS,GAAG,KAAK,KAAK,KAAK,SAAS,WAAW,CAAC,UAAU;AAAA,IAC5E,CAAC,SAAS,WAAW,MAAM,OAAO,SAAS,WAAW,MAAM,MAAM,WAAW,cAAc;AAAA,IAC3F,CAAC,SAAS,WAAW,MAAM,OAAO,SAAS,WAAW,MAAM,MAAM,WAAW,cAAc;AAAA,EAC7F,EAHC;AAKL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/MenuDemo.js
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/MenuDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import { Menu as MenuIcon } from '@tamagui/feather-icons'\nimport { Menu } from '@tamagui/menu'\nimport React, { useState } from 'react'\nimport { Button, H4, Paragraph, YStack } from 'tamagui'\n\nexport default function MenuDemo() {\n const [show, setShow] = useState(false)\n\n return (\n <Menu.Provider>\n <Menu\n open={show}\n onChangeOpen={setShow}\n trigger={\n <Button\n size=\"$6\"\n icon={MenuIcon}\n theme={show ? 'active' : null}\n circular\n onPress={() => setShow((x) => !x)}\n />\n }\n >\n <Menu.Item>\n <YStack p=\"$2\">\n <H4>Menu contents</H4>\n <Paragraph>Lorem ipsum dolor sit amet.</Paragraph>\n </YStack>\n </Menu.Item>\n </Menu>\n </Menu.Provider>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AACA;AAEe,oBAAoB;AACjC,QAAM,CAAC,MAAM,WAAW,SAAS,KAAK;AAEtC,SACE,CAAC,KAAK,SACJ,CAAC,KACC,MAAM,MACN,cAAc,SACd,SACE,CAAC,OACC,KAAK,KACL,MAAM,UACN,OAAO,OAAO,WAAW,MACzB,SACA,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC,GAClC,IAGF,CAAC,KAAK,KACJ,CAAC,OAAO,EAAE;AAAA,IACR,CAAC,GAAG,aAAa,EAAhB;AAAA,IACD,CAAC,UAAU,2BAA2B,EAArC;AAAA,EACH,EAHC,OAIH,EALC,KAAK,KAMR,EAnBC,KAoBH,EArBC,KAAK;AAuBV;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/jsx/PopoverDemo.js
CHANGED