@telegraph/tag 0.0.80 → 0.0.82

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 (8) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/esm/index.mjs +49 -47
  5. package/dist/esm/index.mjs.map +1 -1
  6. package/dist/types/Tag/Tag.d.ts +3 -3
  7. package/dist/types/Tag/Tag.d.ts.map +1 -1
  8. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,26 @@
1
1
  # @telegraph/tag
2
2
 
3
+ ## 0.0.82
4
+
5
+ ### Patch Changes
6
+
7
+ - [#439](https://github.com/knocklabs/telegraph/pull/439) [`0dcbd65`](https://github.com/knocklabs/telegraph/commit/0dcbd65ba294edd97cdc4159533a8516433cd3c9) Thanks [@kylemcd](https://github.com/kylemcd)! - add combobox primitive trigger components
8
+
9
+ - Updated dependencies [[`0dcbd65`](https://github.com/knocklabs/telegraph/commit/0dcbd65ba294edd97cdc4159533a8516433cd3c9)]:
10
+ - @telegraph/button@0.0.77
11
+
12
+ ## 0.0.81
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies [[`955c255`](https://github.com/knocklabs/telegraph/commit/955c25512468a67717de9e56a6b49f72ff53279e)]:
17
+ - @telegraph/helpers@0.0.12
18
+ - @telegraph/button@0.0.76
19
+ - @telegraph/icon@0.0.50
20
+ - @telegraph/layout@0.1.16
21
+ - @telegraph/tooltip@0.0.44
22
+ - @telegraph/typography@0.1.16
23
+
3
24
  ## 0.0.80
4
25
 
5
26
  ### Patch Changes
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("@telegraph/button"),u=require("@telegraph/icon"),v=require("@telegraph/layout"),y=require("@telegraph/motion"),B=require("@telegraph/tooltip"),C=require("@telegraph/typography"),L=require("clsx"),l=require("react"),z={Root:{0:{h:"5"},1:{h:"6"},2:{h:"8"}}},h={Root:{0:"1",1:"2",2:"2"},Text:{0:"1",1:"2",2:"2"}},s={Root:{solid:{default:"gray-12",accent:"accent-9",gray:"gray-9",red:"red-9",blue:"blue-9",green:"green-9",yellow:"yellow-9",purple:"purple-9"},soft:{default:"gray-3",accent:"accent-3",gray:"gray-3",red:"red-3",blue:"blue-3",green:"green-3",yellow:"yellow-3",purple:"purple-3"}},Icon:{solid:{default:"white",gray:"white",red:"white",accent:"white",blue:"white",green:"white",yellow:"white",purple:"white"},soft:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}},Text:{solid:{default:"white",gray:"white",accent:"white",red:"white",blue:"white",green:"white",yellow:"white",purple:"white"},soft:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}},Button:{solid:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"},soft:{default:"gray",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}}},d=l.createContext({size:"1",color:"default",variant:"soft"}),f=({as:n="span",size:t="1",color:i="default",variant:o="soft",className:e,...a})=>r.jsx(d.Provider,{value:{size:t,color:i,variant:o},children:r.jsx(v.Stack,{as:n,align:"center",rounded:"2",display:"inline-flex",pl:h.Root[t],backgroundColor:s.Root[o][i],h:z.Root[t].h,className:L.clsx("tgph-tag",e),...a,"data-tag":!0})}),x=({as:n="span",maxW:t="40",style:i,...o})=>{const e=l.useContext(d);return r.jsx(C.Text,{as:n,size:e.size,color:s.Text[e.variant][e.color],weight:"medium",mr:h.Text[e.size],maxW:t,overflow:"hidden",style:{whiteSpace:"nowrap",textOverflow:"ellipsis",...i},...o})},w=({onClick:n,textToCopy:t,...i})=>{const o=l.useContext(d),[e,a]=l.useState(!1);return l.useEffect(()=>{if(e){const c=setTimeout(()=>a(!1),2e3);return()=>clearTimeout(c)}},[e]),r.jsx(B.Tooltip,{label:"Copy text",children:r.jsxs(g.Button.Root,{onClick:c=>{var p;n==null||n(c),a(!0),t&&navigator.clipboard.writeText(t),(p=c.currentTarget)==null||p.blur()},size:o.size,color:s.Button[o.variant][o.color],variant:o.variant,roundedTopRight:"3",roundedBottomRight:"3",roundedTopLeft:"0",roundedBottomLeft:"0",position:"relative",overflow:"hidden",p:"2",...i,children:[r.jsx(g.Button.Icon,{as:y.motion.span,initializeWithAnimation:!1,animate:{y:e?0:"150%",opacity:1},transition:{duration:150,type:"spring"},icon:u.Lucide.Check,alt:"Copied text","aria-hidden":!e}),r.jsx(g.Button.Icon,{as:y.motion.span,initializeWithAnimation:!1,animate:{y:e?"-150%":0,opacity:1},transition:{duration:150,type:"spring"},icon:u.Lucide.Copy,position:"absolute",alt:"Copy text","aria-hidden":e})]})})},m=({...n})=>{const t=l.useContext(d);return r.jsx(g.Button,{size:t.size,color:s.Button[t.variant][t.color],variant:t.variant,icon:{icon:u.Lucide.X,alt:"close"},roundedTopRight:"3",roundedBottomRight:"3",roundedTopLeft:"0",roundedBottomLeft:"0",...n})},b=({icon:n,alt:t,"aria-hidden":i,...o})=>{const e=l.useContext(d),a=t?{alt:t}:{"aria-hidden":i};return r.jsx(u.Icon,{icon:n,size:e.size,color:s.Icon[e.variant][e.color],mr:"1",roundedTopRight:"3",roundedBottomRight:"3",roundedTopLeft:"0",roundedBottomLeft:"0",...a,...o})},T=({color:n="default",size:t="1",variant:i="soft",icon:o,onRemove:e,onCopy:a,textToCopy:c,textProps:p={maxW:"40"},children:j,...R})=>r.jsxs(f,{color:n,size:t,variant:i,...R,children:[o&&r.jsx(b,{...o}),r.jsx(x,{as:"span",...p,children:j}),e&&r.jsx(m,{onClick:e,icon:{icon:u.Lucide.X,alt:"Remove"}}),a&&r.jsx(w,{onClick:a,textToCopy:c})]});Object.assign(T,{Root:f,Button:m,Text:x,Icon:b,CopyButton:w});const q=T;exports.Tag=q;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("@telegraph/button"),c=require("@telegraph/icon"),B=require("@telegraph/layout"),y=require("@telegraph/motion"),v=require("@telegraph/tooltip"),C=require("@telegraph/typography"),L=require("clsx"),l=require("react"),z={Root:{0:{h:"5"},1:{h:"6"},2:{h:"8"}}},h={Root:{0:"1",1:"2",2:"2"},Text:{0:"1",1:"2",2:"2"}},s={Root:{solid:{default:"gray-12",accent:"accent-9",gray:"gray-9",red:"red-9",blue:"blue-9",green:"green-9",yellow:"yellow-9",purple:"purple-9"},soft:{default:"gray-3",accent:"accent-3",gray:"gray-3",red:"red-3",blue:"blue-3",green:"green-3",yellow:"yellow-3",purple:"purple-3"}},Icon:{solid:{default:"white",gray:"white",red:"white",accent:"white",blue:"white",green:"white",yellow:"white",purple:"white"},soft:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}},Text:{solid:{default:"white",gray:"white",accent:"white",red:"white",blue:"white",green:"white",yellow:"white",purple:"white"},soft:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}},Button:{solid:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"},soft:{default:"gray",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}}},d=l.createContext({size:"1",color:"default",variant:"soft"}),f=({as:i="span",size:t="1",color:a="default",variant:o="soft",className:e,...n})=>r.jsx(d.Provider,{value:{size:t,color:a,variant:o},children:r.jsx(B.Stack,{as:i,align:"center",rounded:"2",display:"inline-flex",pl:h.Root[t],backgroundColor:s.Root[o][a],h:z.Root[t].h,className:L.clsx("tgph-tag",e),...n,"data-tag":!0})}),x=({as:i="span",maxW:t="40",overflow:a="hidden",style:o,...e})=>{const n=l.useContext(d);return r.jsx(C.Text,{as:i,size:n.size,color:s.Text[n.variant][n.color],weight:"medium",mr:h.Text[n.size],maxW:t,overflow:a,internal_optionalAs:!0,style:{whiteSpace:"nowrap",textOverflow:"ellipsis",...o},...e})},w=({onClick:i,textToCopy:t,...a})=>{const o=l.useContext(d),[e,n]=l.useState(!1);return l.useEffect(()=>{if(e){const u=setTimeout(()=>n(!1),2e3);return()=>clearTimeout(u)}},[e]),r.jsx(v.Tooltip,{label:"Copy text",children:r.jsxs(g.Button.Root,{onClick:u=>{var p;i==null||i(u),n(!0),t&&navigator.clipboard.writeText(t),(p=u.currentTarget)==null||p.blur()},size:o.size,color:s.Button[o.variant][o.color],variant:o.variant,roundedTopRight:"3",roundedBottomRight:"3",roundedTopLeft:"0",roundedBottomLeft:"0",position:"relative",overflow:"hidden",p:"2",...a,children:[r.jsx(g.Button.Icon,{as:y.motion.span,initializeWithAnimation:!1,animate:{y:e?0:"150%",opacity:1},transition:{duration:150,type:"spring"},icon:c.Lucide.Check,alt:"Copied text","aria-hidden":!e}),r.jsx(g.Button.Icon,{as:y.motion.span,initializeWithAnimation:!1,animate:{y:e?"-150%":0,opacity:1},transition:{duration:150,type:"spring"},icon:c.Lucide.Copy,position:"absolute",alt:"Copy text","aria-hidden":e})]})})},m=({...i})=>{const t=l.useContext(d);return r.jsx(g.Button,{size:t.size,color:s.Button[t.variant][t.color],variant:t.variant,icon:{icon:c.Lucide.X,alt:"close"},roundedTopRight:"3",roundedBottomRight:"3",roundedTopLeft:"0",roundedBottomLeft:"0",...i})},b=({icon:i,alt:t,"aria-hidden":a,...o})=>{const e=l.useContext(d),n=t?{alt:t}:{"aria-hidden":a};return r.jsx(c.Icon,{icon:i,size:e.size,color:s.Icon[e.variant][e.color],mr:"1",roundedTopRight:"3",roundedBottomRight:"3",roundedTopLeft:"0",roundedBottomLeft:"0",...n,...o})},T=({color:i="default",size:t="1",variant:a="soft",icon:o,onRemove:e,onCopy:n,textToCopy:u,textProps:p={maxW:"40"},children:j,...R})=>r.jsxs(f,{color:i,size:t,variant:a,...R,children:[o&&r.jsx(b,{...o}),r.jsx(x,{as:"span",...p,children:j}),e&&r.jsx(m,{onClick:e,icon:{icon:c.Lucide.X,alt:"Remove"}}),n&&r.jsx(w,{onClick:n,textToCopy:u})]});Object.assign(T,{Root:f,Button:m,Text:x,Icon:b,CopyButton:w});const q=T;exports.Tag=q;
2
2
  //# sourceMappingURL=index.js.map
package/dist/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/Tag/Tag.constants.ts","../../src/Tag/Tag.tsx"],"sourcesContent":["export const SIZE = {\n Root: {\n \"0\": {\n h: \"5\",\n },\n \"1\": {\n h: \"6\",\n },\n \"2\": {\n h: \"8\",\n },\n },\n} as const;\n\nexport const SPACING = {\n Root: {\n \"0\": \"1\",\n \"1\": \"2\",\n \"2\": \"2\",\n },\n Text: {\n \"0\": \"1\",\n \"1\": \"2\",\n \"2\": \"2\",\n },\n} as const;\n\nexport const COLOR = {\n Root: {\n solid: {\n default: \"gray-12\",\n accent: \"accent-9\",\n gray: \"gray-9\",\n red: \"red-9\",\n blue: \"blue-9\",\n green: \"green-9\",\n yellow: \"yellow-9\",\n purple: \"purple-9\",\n },\n soft: {\n default: \"gray-3\",\n accent: \"accent-3\",\n gray: \"gray-3\",\n red: \"red-3\",\n blue: \"blue-3\",\n green: \"green-3\",\n yellow: \"yellow-3\",\n purple: \"purple-3\",\n },\n },\n Icon: {\n solid: {\n default: \"white\",\n gray: \"white\",\n red: \"white\",\n accent: \"white\",\n blue: \"white\",\n green: \"white\",\n yellow: \"white\",\n purple: \"white\",\n },\n soft: {\n default: \"default\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n },\n Text: {\n solid: {\n default: \"white\",\n gray: \"white\",\n accent: \"white\",\n red: \"white\",\n blue: \"white\",\n green: \"white\",\n yellow: \"white\",\n purple: \"white\",\n },\n soft: {\n default: \"default\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n },\n Button: {\n solid: {\n default: \"default\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n soft: {\n default: \"gray\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n },\n} as const;\n","import { Button as TelegraphButton } from \"@telegraph/button\";\nimport type {\n PolymorphicProps,\n PolymorphicPropsWithTgphRef,\n Required,\n TgphComponentProps,\n TgphElement,\n} from \"@telegraph/helpers\";\nimport { Lucide, Icon as TelegraphIcon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { motion } from \"@telegraph/motion\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text as TelegraphText } from \"@telegraph/typography\";\nimport { clsx } from \"clsx\";\nimport React from \"react\";\n\nimport { COLOR, SIZE, SPACING } from \"./Tag.constants\";\n\ntype RootBaseProps = {\n size?: \"0\" | \"1\" | \"2\";\n color?: keyof (typeof COLOR.Root)[\"soft\"];\n variant?: keyof typeof COLOR.Root;\n};\n\ntype RootProps<T extends TgphElement> = PolymorphicPropsWithTgphRef<\n T,\n HTMLSpanElement\n> &\n TgphComponentProps<typeof Stack> &\n RootBaseProps;\n\nconst TagContext = React.createContext<Required<RootBaseProps>>({\n size: \"1\",\n color: \"default\",\n variant: \"soft\",\n});\n\nconst Root = <T extends TgphElement>({\n as = \"span\" as T,\n size = \"1\",\n color = \"default\",\n variant = \"soft\",\n className,\n ...props\n}: RootProps<T>) => {\n return (\n <TagContext.Provider value={{ size, color, variant }}>\n <Stack\n as={as}\n align=\"center\"\n rounded=\"2\"\n display=\"inline-flex\"\n pl={SPACING.Root[size]}\n backgroundColor={COLOR.Root[variant][color]}\n h={SIZE.Root[size].h}\n className={clsx(\"tgph-tag\", className)}\n {...props}\n data-tag\n />\n </TagContext.Provider>\n );\n};\n\ntype TextProps<T extends TgphElement> = Omit<\n TgphComponentProps<typeof TelegraphText<T>>,\n \"as\"\n> & {\n as?: T;\n};\n\nconst Text = <T extends TgphElement>({\n as = \"span\" as T,\n maxW = \"40\",\n style,\n ...props\n}: TextProps<T>) => {\n const context = React.useContext(TagContext);\n return (\n <TelegraphText\n as={as}\n size={context.size}\n color={COLOR.Text[context.variant][context.color]}\n weight=\"medium\"\n mr={SPACING.Text[context.size]}\n maxW={maxW}\n overflow=\"hidden\"\n style={{\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n ...style,\n }}\n {...props}\n />\n );\n};\ntype ButtonProps<T extends TgphElement> = TgphComponentProps<\n typeof TelegraphButton<T>\n>;\n\ntype CopyButtonProps = TgphComponentProps<typeof TelegraphButton.Root> & {\n textToCopy?: string;\n};\n\nconst CopyButton = ({ onClick, textToCopy, ...props }: CopyButtonProps) => {\n const context = React.useContext(TagContext);\n\n const [copied, setCopied] = React.useState(false);\n\n React.useEffect(() => {\n if (copied) {\n const timeout = setTimeout(() => setCopied(false), 2000);\n return () => clearTimeout(timeout);\n }\n }, [copied]);\n\n return (\n <Tooltip label=\"Copy text\">\n <TelegraphButton.Root\n onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n // Still run onClick incase the consumer wants to do something else\n onClick?.(event);\n setCopied(true);\n textToCopy && navigator.clipboard.writeText(textToCopy);\n event.currentTarget?.blur();\n }}\n size={context.size}\n color={COLOR.Button[context.variant][context.color]}\n variant={context.variant}\n roundedTopRight=\"3\"\n roundedBottomRight=\"3\"\n roundedTopLeft=\"0\"\n roundedBottomLeft=\"0\"\n position=\"relative\"\n overflow=\"hidden\"\n p=\"2\"\n {...props}\n >\n <TelegraphButton.Icon\n as={motion.span}\n initializeWithAnimation={false}\n animate={{ y: copied ? 0 : \"150%\", opacity: copied ? 1 : 1 }}\n transition={{ duration: 150, type: \"spring\" }}\n icon={Lucide.Check}\n alt=\"Copied text\"\n aria-hidden={!copied}\n />\n <TelegraphButton.Icon\n as={motion.span}\n initializeWithAnimation={false}\n animate={{ y: !copied ? 0 : \"-150%\", opacity: !copied ? 1 : 1 }}\n transition={{ duration: 150, type: \"spring\" }}\n icon={Lucide.Copy}\n position=\"absolute\"\n alt=\"Copy text\"\n aria-hidden={copied}\n />\n </TelegraphButton.Root>\n </Tooltip>\n );\n};\n\nconst Button = <T extends TgphElement>({ ...props }: ButtonProps<T>) => {\n const context = React.useContext(TagContext);\n return (\n <TelegraphButton\n size={context.size}\n color={COLOR.Button[context.variant][context.color]}\n variant={context.variant}\n icon={{ icon: Lucide.X, alt: \"close\" }}\n roundedTopRight=\"3\"\n roundedBottomRight=\"3\"\n roundedTopLeft=\"0\"\n roundedBottomLeft=\"0\"\n {...props}\n />\n );\n};\ntype IconProps<T extends TgphElement> = TgphComponentProps<\n typeof TelegraphIcon<T>\n>;\n\nconst Icon = <T extends TgphElement>({\n icon,\n alt,\n \"aria-hidden\": ariaHidden,\n ...props\n}: IconProps<T>) => {\n const context = React.useContext(TagContext);\n const a11yProps = !alt ? { \"aria-hidden\": ariaHidden } : { alt };\n return (\n <TelegraphIcon\n icon={icon}\n size={context.size}\n color={COLOR.Icon[context.variant][context.color]}\n mr=\"1\"\n roundedTopRight=\"3\"\n roundedBottomRight=\"3\"\n roundedTopLeft=\"0\"\n roundedBottomLeft=\"0\"\n {...a11yProps}\n {...props}\n />\n );\n};\n\ntype DefaultProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Root<T>> & {\n icon?: React.ComponentProps<typeof TelegraphIcon>;\n textProps?: React.ComponentProps<typeof Text>;\n onRemove?: () => void;\n } & ( // Optionally allow textToCopy only when onCopy is defined\n | {\n onCopy: () => void;\n textToCopy?: string;\n }\n | {\n onCopy?: never;\n textToCopy?: never;\n }\n );\n\nconst Default = <T extends TgphElement>({\n color = \"default\",\n size = \"1\",\n variant = \"soft\",\n icon,\n onRemove,\n onCopy,\n textToCopy,\n textProps = { maxW: \"40\" },\n children,\n ...props\n}: DefaultProps<T>) => {\n return (\n <Root color={color} size={size} variant={variant} {...props}>\n {icon && <Icon {...icon} />}\n <Text as=\"span\" {...textProps}>\n {children}\n </Text>\n {onRemove && (\n <Button onClick={onRemove} icon={{ icon: Lucide.X, alt: \"Remove\" }} />\n )}\n {onCopy && <CopyButton onClick={onCopy} textToCopy={textToCopy} />}\n </Root>\n );\n};\n\nObject.assign(Default, {\n Root,\n Button,\n Text,\n Icon,\n CopyButton,\n});\n\nconst Tag = Default as typeof Default & {\n Root: typeof Root;\n Button: typeof Button;\n Text: typeof Text;\n Icon: typeof Icon;\n CopyButton: typeof CopyButton;\n};\n\nexport { Tag };\n"],"names":["SIZE","SPACING","COLOR","TagContext","React","Root","as","size","color","variant","className","props","jsx","Stack","clsx","Text","maxW","style","context","TelegraphText","CopyButton","onClick","textToCopy","copied","setCopied","timeout","Tooltip","jsxs","TelegraphButton","event","_a","motion","Lucide","Button","Icon","icon","alt","ariaHidden","a11yProps","TelegraphIcon","Default","onRemove","onCopy","textProps","children","Tag"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../src/Tag/Tag.constants.ts","../../src/Tag/Tag.tsx"],"sourcesContent":["export const SIZE = {\n Root: {\n \"0\": {\n h: \"5\",\n },\n \"1\": {\n h: \"6\",\n },\n \"2\": {\n h: \"8\",\n },\n },\n} as const;\n\nexport const SPACING = {\n Root: {\n \"0\": \"1\",\n \"1\": \"2\",\n \"2\": \"2\",\n },\n Text: {\n \"0\": \"1\",\n \"1\": \"2\",\n \"2\": \"2\",\n },\n} as const;\n\nexport const COLOR = {\n Root: {\n solid: {\n default: \"gray-12\",\n accent: \"accent-9\",\n gray: \"gray-9\",\n red: \"red-9\",\n blue: \"blue-9\",\n green: \"green-9\",\n yellow: \"yellow-9\",\n purple: \"purple-9\",\n },\n soft: {\n default: \"gray-3\",\n accent: \"accent-3\",\n gray: \"gray-3\",\n red: \"red-3\",\n blue: \"blue-3\",\n green: \"green-3\",\n yellow: \"yellow-3\",\n purple: \"purple-3\",\n },\n },\n Icon: {\n solid: {\n default: \"white\",\n gray: \"white\",\n red: \"white\",\n accent: \"white\",\n blue: \"white\",\n green: \"white\",\n yellow: \"white\",\n purple: \"white\",\n },\n soft: {\n default: \"default\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n },\n Text: {\n solid: {\n default: \"white\",\n gray: \"white\",\n accent: \"white\",\n red: \"white\",\n blue: \"white\",\n green: \"white\",\n yellow: \"white\",\n purple: \"white\",\n },\n soft: {\n default: \"default\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n },\n Button: {\n solid: {\n default: \"default\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n soft: {\n default: \"gray\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n },\n} as const;\n","import { Button as TelegraphButton } from \"@telegraph/button\";\nimport type {\n PolymorphicProps,\n PolymorphicPropsWithTgphRef,\n RemappedOmit,\n Required,\n TgphComponentProps,\n TgphElement,\n} from \"@telegraph/helpers\";\nimport { Lucide, Icon as TelegraphIcon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { motion } from \"@telegraph/motion\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text as TelegraphText } from \"@telegraph/typography\";\nimport { clsx } from \"clsx\";\nimport React from \"react\";\n\nimport { COLOR, SIZE, SPACING } from \"./Tag.constants\";\n\ntype RootBaseProps = {\n size?: \"0\" | \"1\" | \"2\";\n color?: keyof (typeof COLOR.Root)[\"soft\"];\n variant?: keyof typeof COLOR.Root;\n};\n\ntype RootProps<T extends TgphElement> = PolymorphicPropsWithTgphRef<\n T,\n HTMLSpanElement\n> &\n TgphComponentProps<typeof Stack> &\n RootBaseProps;\n\nconst TagContext = React.createContext<Required<RootBaseProps>>({\n size: \"1\",\n color: \"default\",\n variant: \"soft\",\n});\n\nconst Root = <T extends TgphElement>({\n as = \"span\" as T,\n size = \"1\",\n color = \"default\",\n variant = \"soft\",\n className,\n ...props\n}: RootProps<T>) => {\n return (\n <TagContext.Provider value={{ size, color, variant }}>\n <Stack\n as={as}\n align=\"center\"\n rounded=\"2\"\n display=\"inline-flex\"\n pl={SPACING.Root[size]}\n backgroundColor={COLOR.Root[variant][color]}\n h={SIZE.Root[size].h}\n className={clsx(\"tgph-tag\", className)}\n {...props}\n data-tag\n />\n </TagContext.Provider>\n );\n};\n\ntype TextProps<T extends TgphElement> = RemappedOmit<\n TgphComponentProps<typeof TelegraphText<T>>,\n \"as\"\n> & {\n as?: T;\n};\n\nconst Text = <T extends TgphElement>({\n as = \"span\" as T,\n maxW = \"40\",\n overflow = \"hidden\",\n style,\n ...props\n}: TextProps<T>) => {\n const context = React.useContext(TagContext);\n return (\n <TelegraphText\n as={as}\n size={context.size}\n color={COLOR.Text[context.variant][context.color]}\n weight=\"medium\"\n mr={SPACING.Text[context.size]}\n maxW={maxW}\n overflow={overflow}\n internal_optionalAs={true}\n style={{\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n ...style,\n }}\n {...props}\n />\n );\n};\ntype ButtonProps<T extends TgphElement> = TgphComponentProps<\n typeof TelegraphButton<T>\n>;\n\ntype CopyButtonProps = TgphComponentProps<typeof TelegraphButton.Root> & {\n textToCopy?: string;\n};\n\nconst CopyButton = ({ onClick, textToCopy, ...props }: CopyButtonProps) => {\n const context = React.useContext(TagContext);\n\n const [copied, setCopied] = React.useState(false);\n\n React.useEffect(() => {\n if (copied) {\n const timeout = setTimeout(() => setCopied(false), 2000);\n return () => clearTimeout(timeout);\n }\n }, [copied]);\n\n return (\n <Tooltip label=\"Copy text\">\n <TelegraphButton.Root\n onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n // Still run onClick incase the consumer wants to do something else\n onClick?.(event);\n setCopied(true);\n textToCopy && navigator.clipboard.writeText(textToCopy);\n event.currentTarget?.blur();\n }}\n size={context.size}\n color={COLOR.Button[context.variant][context.color]}\n variant={context.variant}\n roundedTopRight=\"3\"\n roundedBottomRight=\"3\"\n roundedTopLeft=\"0\"\n roundedBottomLeft=\"0\"\n position=\"relative\"\n overflow=\"hidden\"\n p=\"2\"\n {...props}\n >\n <TelegraphButton.Icon\n as={motion.span}\n initializeWithAnimation={false}\n animate={{ y: copied ? 0 : \"150%\", opacity: copied ? 1 : 1 }}\n transition={{ duration: 150, type: \"spring\" }}\n icon={Lucide.Check}\n alt=\"Copied text\"\n aria-hidden={!copied}\n />\n <TelegraphButton.Icon\n as={motion.span}\n initializeWithAnimation={false}\n animate={{ y: !copied ? 0 : \"-150%\", opacity: !copied ? 1 : 1 }}\n transition={{ duration: 150, type: \"spring\" }}\n icon={Lucide.Copy}\n position=\"absolute\"\n alt=\"Copy text\"\n aria-hidden={copied}\n />\n </TelegraphButton.Root>\n </Tooltip>\n );\n};\n\nconst Button = <T extends TgphElement>({ ...props }: ButtonProps<T>) => {\n const context = React.useContext(TagContext);\n return (\n <TelegraphButton\n size={context.size}\n color={COLOR.Button[context.variant][context.color]}\n variant={context.variant}\n icon={{ icon: Lucide.X, alt: \"close\" }}\n roundedTopRight=\"3\"\n roundedBottomRight=\"3\"\n roundedTopLeft=\"0\"\n roundedBottomLeft=\"0\"\n {...props}\n />\n );\n};\ntype IconProps<T extends TgphElement> = TgphComponentProps<\n typeof TelegraphIcon<T>\n>;\n\nconst Icon = <T extends TgphElement>({\n icon,\n alt,\n \"aria-hidden\": ariaHidden,\n ...props\n}: IconProps<T>) => {\n const context = React.useContext(TagContext);\n const a11yProps = !alt ? { \"aria-hidden\": ariaHidden } : { alt };\n return (\n <TelegraphIcon\n icon={icon}\n size={context.size}\n color={COLOR.Icon[context.variant][context.color]}\n mr=\"1\"\n roundedTopRight=\"3\"\n roundedBottomRight=\"3\"\n roundedTopLeft=\"0\"\n roundedBottomLeft=\"0\"\n {...a11yProps}\n {...props}\n />\n );\n};\n\ntype DefaultProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Root<T>> & {\n icon?: React.ComponentProps<typeof TelegraphIcon>;\n textProps?: React.ComponentProps<typeof Text>;\n onRemove?: () => void;\n } & ( // Optionally allow textToCopy only when onCopy is defined\n | {\n onCopy: () => void;\n textToCopy?: string;\n }\n | {\n onCopy?: never;\n textToCopy?: never;\n }\n );\n\nconst Default = <T extends TgphElement>({\n color = \"default\",\n size = \"1\",\n variant = \"soft\",\n icon,\n onRemove,\n onCopy,\n textToCopy,\n textProps = { maxW: \"40\" },\n children,\n ...props\n}: DefaultProps<T>) => {\n return (\n <Root color={color} size={size} variant={variant} {...props}>\n {icon && <Icon {...icon} />}\n <Text as=\"span\" {...textProps}>\n {children}\n </Text>\n {onRemove && (\n <Button onClick={onRemove} icon={{ icon: Lucide.X, alt: \"Remove\" }} />\n )}\n {onCopy && <CopyButton onClick={onCopy} textToCopy={textToCopy} />}\n </Root>\n );\n};\n\nObject.assign(Default, {\n Root,\n Button,\n Text,\n Icon,\n CopyButton,\n});\n\nconst Tag = Default as typeof Default & {\n Root: typeof Root;\n Button: typeof Button;\n Text: typeof Text;\n Icon: typeof Icon;\n CopyButton: typeof CopyButton;\n};\n\nexport { Tag };\n"],"names":["SIZE","SPACING","COLOR","TagContext","React","Root","as","size","color","variant","className","props","jsx","Stack","clsx","Text","maxW","overflow","style","context","TelegraphText","CopyButton","onClick","textToCopy","copied","setCopied","timeout","Tooltip","jsxs","TelegraphButton","event","_a","motion","Lucide","Button","Icon","icon","alt","ariaHidden","a11yProps","TelegraphIcon","Default","onRemove","onCopy","textProps","children","Tag"],"mappings":"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"}
package/dist/esm/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as n, jsxs as h } from "react/jsx-runtime";
1
+ import { jsx as a, jsxs as h } from "react/jsx-runtime";
2
2
  import { Button as p } from "@telegraph/button";
3
3
  import { Lucide as g, Icon as C } from "@telegraph/icon";
4
4
  import { Stack as z } from "@telegraph/layout";
@@ -7,7 +7,7 @@ import { Tooltip as I } from "@telegraph/tooltip";
7
7
  import { Text as L } from "@telegraph/typography";
8
8
  import { clsx as S } from "clsx";
9
9
  import l from "react";
10
- const O = {
10
+ const A = {
11
11
  Root: {
12
12
  0: {
13
13
  h: "5"
@@ -124,64 +124,66 @@ const O = {
124
124
  color: "default",
125
125
  variant: "soft"
126
126
  }), m = ({
127
- as: r = "span",
127
+ as: n = "span",
128
128
  size: t = "1",
129
- color: a = "default",
129
+ color: i = "default",
130
130
  variant: o = "soft",
131
131
  className: e,
132
- ...i
133
- }) => /* @__PURE__ */ n(d.Provider, { value: { size: t, color: a, variant: o }, children: /* @__PURE__ */ n(
132
+ ...r
133
+ }) => /* @__PURE__ */ a(d.Provider, { value: { size: t, color: i, variant: o }, children: /* @__PURE__ */ a(
134
134
  z,
135
135
  {
136
- as: r,
136
+ as: n,
137
137
  align: "center",
138
138
  rounded: "2",
139
139
  display: "inline-flex",
140
140
  pl: y.Root[t],
141
- backgroundColor: u.Root[o][a],
142
- h: O.Root[t].h,
141
+ backgroundColor: u.Root[o][i],
142
+ h: A.Root[t].h,
143
143
  className: S("tgph-tag", e),
144
- ...i,
144
+ ...r,
145
145
  "data-tag": !0
146
146
  }
147
147
  ) }), w = ({
148
- as: r = "span",
148
+ as: n = "span",
149
149
  maxW: t = "40",
150
- style: a,
151
- ...o
150
+ overflow: i = "hidden",
151
+ style: o,
152
+ ...e
152
153
  }) => {
153
- const e = l.useContext(d);
154
- return /* @__PURE__ */ n(
154
+ const r = l.useContext(d);
155
+ return /* @__PURE__ */ a(
155
156
  L,
156
157
  {
157
- as: r,
158
- size: e.size,
159
- color: u.Text[e.variant][e.color],
158
+ as: n,
159
+ size: r.size,
160
+ color: u.Text[r.variant][r.color],
160
161
  weight: "medium",
161
- mr: y.Text[e.size],
162
+ mr: y.Text[r.size],
162
163
  maxW: t,
163
- overflow: "hidden",
164
+ overflow: i,
165
+ internal_optionalAs: !0,
164
166
  style: {
165
167
  whiteSpace: "nowrap",
166
168
  textOverflow: "ellipsis",
167
- ...a
169
+ ...o
168
170
  },
169
- ...o
171
+ ...e
170
172
  }
171
173
  );
172
- }, x = ({ onClick: r, textToCopy: t, ...a }) => {
173
- const o = l.useContext(d), [e, i] = l.useState(!1);
174
+ }, x = ({ onClick: n, textToCopy: t, ...i }) => {
175
+ const o = l.useContext(d), [e, r] = l.useState(!1);
174
176
  return l.useEffect(() => {
175
177
  if (e) {
176
- const c = setTimeout(() => i(!1), 2e3);
178
+ const c = setTimeout(() => r(!1), 2e3);
177
179
  return () => clearTimeout(c);
178
180
  }
179
- }, [e]), /* @__PURE__ */ n(I, { label: "Copy text", children: /* @__PURE__ */ h(
181
+ }, [e]), /* @__PURE__ */ a(I, { label: "Copy text", children: /* @__PURE__ */ h(
180
182
  p.Root,
181
183
  {
182
184
  onClick: (c) => {
183
185
  var s;
184
- r == null || r(c), i(!0), t && navigator.clipboard.writeText(t), (s = c.currentTarget) == null || s.blur();
186
+ n == null || n(c), r(!0), t && navigator.clipboard.writeText(t), (s = c.currentTarget) == null || s.blur();
185
187
  },
186
188
  size: o.size,
187
189
  color: u.Button[o.variant][o.color],
@@ -193,9 +195,9 @@ const O = {
193
195
  position: "relative",
194
196
  overflow: "hidden",
195
197
  p: "2",
196
- ...a,
198
+ ...i,
197
199
  children: [
198
- /* @__PURE__ */ n(
200
+ /* @__PURE__ */ a(
199
201
  p.Icon,
200
202
  {
201
203
  as: f.span,
@@ -207,7 +209,7 @@ const O = {
207
209
  "aria-hidden": !e
208
210
  }
209
211
  ),
210
- /* @__PURE__ */ n(
212
+ /* @__PURE__ */ a(
211
213
  p.Icon,
212
214
  {
213
215
  as: f.span,
@@ -223,9 +225,9 @@ const O = {
223
225
  ]
224
226
  }
225
227
  ) });
226
- }, b = ({ ...r }) => {
228
+ }, b = ({ ...n }) => {
227
229
  const t = l.useContext(d);
228
- return /* @__PURE__ */ n(
230
+ return /* @__PURE__ */ a(
229
231
  p,
230
232
  {
231
233
  size: t.size,
@@ -236,20 +238,20 @@ const O = {
236
238
  roundedBottomRight: "3",
237
239
  roundedTopLeft: "0",
238
240
  roundedBottomLeft: "0",
239
- ...r
241
+ ...n
240
242
  }
241
243
  );
242
244
  }, T = ({
243
- icon: r,
245
+ icon: n,
244
246
  alt: t,
245
- "aria-hidden": a,
247
+ "aria-hidden": i,
246
248
  ...o
247
249
  }) => {
248
- const e = l.useContext(d), i = t ? { alt: t } : { "aria-hidden": a };
249
- return /* @__PURE__ */ n(
250
+ const e = l.useContext(d), r = t ? { alt: t } : { "aria-hidden": i };
251
+ return /* @__PURE__ */ a(
250
252
  C,
251
253
  {
252
- icon: r,
254
+ icon: n,
253
255
  size: e.size,
254
256
  color: u.Icon[e.variant][e.color],
255
257
  mr: "1",
@@ -257,26 +259,26 @@ const O = {
257
259
  roundedBottomRight: "3",
258
260
  roundedTopLeft: "0",
259
261
  roundedBottomLeft: "0",
260
- ...i,
262
+ ...r,
261
263
  ...o
262
264
  }
263
265
  );
264
266
  }, R = ({
265
- color: r = "default",
267
+ color: n = "default",
266
268
  size: t = "1",
267
- variant: a = "soft",
269
+ variant: i = "soft",
268
270
  icon: o,
269
271
  onRemove: e,
270
- onCopy: i,
272
+ onCopy: r,
271
273
  textToCopy: c,
272
274
  textProps: s = { maxW: "40" },
273
275
  children: v,
274
276
  ...B
275
- }) => /* @__PURE__ */ h(m, { color: r, size: t, variant: a, ...B, children: [
276
- o && /* @__PURE__ */ n(T, { ...o }),
277
- /* @__PURE__ */ n(w, { as: "span", ...s, children: v }),
278
- e && /* @__PURE__ */ n(b, { onClick: e, icon: { icon: g.X, alt: "Remove" } }),
279
- i && /* @__PURE__ */ n(x, { onClick: i, textToCopy: c })
277
+ }) => /* @__PURE__ */ h(m, { color: n, size: t, variant: i, ...B, children: [
278
+ o && /* @__PURE__ */ a(T, { ...o }),
279
+ /* @__PURE__ */ a(w, { as: "span", ...s, children: v }),
280
+ e && /* @__PURE__ */ a(b, { onClick: e, icon: { icon: g.X, alt: "Remove" } }),
281
+ r && /* @__PURE__ */ a(x, { onClick: r, textToCopy: c })
280
282
  ] });
281
283
  Object.assign(R, {
282
284
  Root: m,
package/dist/esm/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/Tag/Tag.constants.ts","../../src/Tag/Tag.tsx"],"sourcesContent":["export const SIZE = {\n Root: {\n \"0\": {\n h: \"5\",\n },\n \"1\": {\n h: \"6\",\n },\n \"2\": {\n h: \"8\",\n },\n },\n} as const;\n\nexport const SPACING = {\n Root: {\n \"0\": \"1\",\n \"1\": \"2\",\n \"2\": \"2\",\n },\n Text: {\n \"0\": \"1\",\n \"1\": \"2\",\n \"2\": \"2\",\n },\n} as const;\n\nexport const COLOR = {\n Root: {\n solid: {\n default: \"gray-12\",\n accent: \"accent-9\",\n gray: \"gray-9\",\n red: \"red-9\",\n blue: \"blue-9\",\n green: \"green-9\",\n yellow: \"yellow-9\",\n purple: \"purple-9\",\n },\n soft: {\n default: \"gray-3\",\n accent: \"accent-3\",\n gray: \"gray-3\",\n red: \"red-3\",\n blue: \"blue-3\",\n green: \"green-3\",\n yellow: \"yellow-3\",\n purple: \"purple-3\",\n },\n },\n Icon: {\n solid: {\n default: \"white\",\n gray: \"white\",\n red: \"white\",\n accent: \"white\",\n blue: \"white\",\n green: \"white\",\n yellow: \"white\",\n purple: \"white\",\n },\n soft: {\n default: \"default\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n },\n Text: {\n solid: {\n default: \"white\",\n gray: \"white\",\n accent: \"white\",\n red: \"white\",\n blue: \"white\",\n green: \"white\",\n yellow: \"white\",\n purple: \"white\",\n },\n soft: {\n default: \"default\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n },\n Button: {\n solid: {\n default: \"default\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n soft: {\n default: \"gray\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n },\n} as const;\n","import { Button as TelegraphButton } from \"@telegraph/button\";\nimport type {\n PolymorphicProps,\n PolymorphicPropsWithTgphRef,\n Required,\n TgphComponentProps,\n TgphElement,\n} from \"@telegraph/helpers\";\nimport { Lucide, Icon as TelegraphIcon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { motion } from \"@telegraph/motion\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text as TelegraphText } from \"@telegraph/typography\";\nimport { clsx } from \"clsx\";\nimport React from \"react\";\n\nimport { COLOR, SIZE, SPACING } from \"./Tag.constants\";\n\ntype RootBaseProps = {\n size?: \"0\" | \"1\" | \"2\";\n color?: keyof (typeof COLOR.Root)[\"soft\"];\n variant?: keyof typeof COLOR.Root;\n};\n\ntype RootProps<T extends TgphElement> = PolymorphicPropsWithTgphRef<\n T,\n HTMLSpanElement\n> &\n TgphComponentProps<typeof Stack> &\n RootBaseProps;\n\nconst TagContext = React.createContext<Required<RootBaseProps>>({\n size: \"1\",\n color: \"default\",\n variant: \"soft\",\n});\n\nconst Root = <T extends TgphElement>({\n as = \"span\" as T,\n size = \"1\",\n color = \"default\",\n variant = \"soft\",\n className,\n ...props\n}: RootProps<T>) => {\n return (\n <TagContext.Provider value={{ size, color, variant }}>\n <Stack\n as={as}\n align=\"center\"\n rounded=\"2\"\n display=\"inline-flex\"\n pl={SPACING.Root[size]}\n backgroundColor={COLOR.Root[variant][color]}\n h={SIZE.Root[size].h}\n className={clsx(\"tgph-tag\", className)}\n {...props}\n data-tag\n />\n </TagContext.Provider>\n );\n};\n\ntype TextProps<T extends TgphElement> = Omit<\n TgphComponentProps<typeof TelegraphText<T>>,\n \"as\"\n> & {\n as?: T;\n};\n\nconst Text = <T extends TgphElement>({\n as = \"span\" as T,\n maxW = \"40\",\n style,\n ...props\n}: TextProps<T>) => {\n const context = React.useContext(TagContext);\n return (\n <TelegraphText\n as={as}\n size={context.size}\n color={COLOR.Text[context.variant][context.color]}\n weight=\"medium\"\n mr={SPACING.Text[context.size]}\n maxW={maxW}\n overflow=\"hidden\"\n style={{\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n ...style,\n }}\n {...props}\n />\n );\n};\ntype ButtonProps<T extends TgphElement> = TgphComponentProps<\n typeof TelegraphButton<T>\n>;\n\ntype CopyButtonProps = TgphComponentProps<typeof TelegraphButton.Root> & {\n textToCopy?: string;\n};\n\nconst CopyButton = ({ onClick, textToCopy, ...props }: CopyButtonProps) => {\n const context = React.useContext(TagContext);\n\n const [copied, setCopied] = React.useState(false);\n\n React.useEffect(() => {\n if (copied) {\n const timeout = setTimeout(() => setCopied(false), 2000);\n return () => clearTimeout(timeout);\n }\n }, [copied]);\n\n return (\n <Tooltip label=\"Copy text\">\n <TelegraphButton.Root\n onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n // Still run onClick incase the consumer wants to do something else\n onClick?.(event);\n setCopied(true);\n textToCopy && navigator.clipboard.writeText(textToCopy);\n event.currentTarget?.blur();\n }}\n size={context.size}\n color={COLOR.Button[context.variant][context.color]}\n variant={context.variant}\n roundedTopRight=\"3\"\n roundedBottomRight=\"3\"\n roundedTopLeft=\"0\"\n roundedBottomLeft=\"0\"\n position=\"relative\"\n overflow=\"hidden\"\n p=\"2\"\n {...props}\n >\n <TelegraphButton.Icon\n as={motion.span}\n initializeWithAnimation={false}\n animate={{ y: copied ? 0 : \"150%\", opacity: copied ? 1 : 1 }}\n transition={{ duration: 150, type: \"spring\" }}\n icon={Lucide.Check}\n alt=\"Copied text\"\n aria-hidden={!copied}\n />\n <TelegraphButton.Icon\n as={motion.span}\n initializeWithAnimation={false}\n animate={{ y: !copied ? 0 : \"-150%\", opacity: !copied ? 1 : 1 }}\n transition={{ duration: 150, type: \"spring\" }}\n icon={Lucide.Copy}\n position=\"absolute\"\n alt=\"Copy text\"\n aria-hidden={copied}\n />\n </TelegraphButton.Root>\n </Tooltip>\n );\n};\n\nconst Button = <T extends TgphElement>({ ...props }: ButtonProps<T>) => {\n const context = React.useContext(TagContext);\n return (\n <TelegraphButton\n size={context.size}\n color={COLOR.Button[context.variant][context.color]}\n variant={context.variant}\n icon={{ icon: Lucide.X, alt: \"close\" }}\n roundedTopRight=\"3\"\n roundedBottomRight=\"3\"\n roundedTopLeft=\"0\"\n roundedBottomLeft=\"0\"\n {...props}\n />\n );\n};\ntype IconProps<T extends TgphElement> = TgphComponentProps<\n typeof TelegraphIcon<T>\n>;\n\nconst Icon = <T extends TgphElement>({\n icon,\n alt,\n \"aria-hidden\": ariaHidden,\n ...props\n}: IconProps<T>) => {\n const context = React.useContext(TagContext);\n const a11yProps = !alt ? { \"aria-hidden\": ariaHidden } : { alt };\n return (\n <TelegraphIcon\n icon={icon}\n size={context.size}\n color={COLOR.Icon[context.variant][context.color]}\n mr=\"1\"\n roundedTopRight=\"3\"\n roundedBottomRight=\"3\"\n roundedTopLeft=\"0\"\n roundedBottomLeft=\"0\"\n {...a11yProps}\n {...props}\n />\n );\n};\n\ntype DefaultProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Root<T>> & {\n icon?: React.ComponentProps<typeof TelegraphIcon>;\n textProps?: React.ComponentProps<typeof Text>;\n onRemove?: () => void;\n } & ( // Optionally allow textToCopy only when onCopy is defined\n | {\n onCopy: () => void;\n textToCopy?: string;\n }\n | {\n onCopy?: never;\n textToCopy?: never;\n }\n );\n\nconst Default = <T extends TgphElement>({\n color = \"default\",\n size = \"1\",\n variant = \"soft\",\n icon,\n onRemove,\n onCopy,\n textToCopy,\n textProps = { maxW: \"40\" },\n children,\n ...props\n}: DefaultProps<T>) => {\n return (\n <Root color={color} size={size} variant={variant} {...props}>\n {icon && <Icon {...icon} />}\n <Text as=\"span\" {...textProps}>\n {children}\n </Text>\n {onRemove && (\n <Button onClick={onRemove} icon={{ icon: Lucide.X, alt: \"Remove\" }} />\n )}\n {onCopy && <CopyButton onClick={onCopy} textToCopy={textToCopy} />}\n </Root>\n );\n};\n\nObject.assign(Default, {\n Root,\n Button,\n Text,\n Icon,\n CopyButton,\n});\n\nconst Tag = Default as typeof Default & {\n Root: typeof Root;\n Button: typeof Button;\n Text: typeof Text;\n Icon: typeof Icon;\n CopyButton: typeof CopyButton;\n};\n\nexport { Tag };\n"],"names":["SIZE","SPACING","COLOR","TagContext","React","Root","as","size","color","variant","className","props","jsx","Stack","clsx","Text","maxW","style","context","TelegraphText","CopyButton","onClick","textToCopy","copied","setCopied","timeout","Tooltip","jsxs","TelegraphButton","event","_a","motion","Lucide","Button","Icon","icon","alt","ariaHidden","a11yProps","TelegraphIcon","Default","onRemove","onCopy","textProps","children","Tag"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/Tag/Tag.constants.ts","../../src/Tag/Tag.tsx"],"sourcesContent":["export const SIZE = {\n Root: {\n \"0\": {\n h: \"5\",\n },\n \"1\": {\n h: \"6\",\n },\n \"2\": {\n h: \"8\",\n },\n },\n} as const;\n\nexport const SPACING = {\n Root: {\n \"0\": \"1\",\n \"1\": \"2\",\n \"2\": \"2\",\n },\n Text: {\n \"0\": \"1\",\n \"1\": \"2\",\n \"2\": \"2\",\n },\n} as const;\n\nexport const COLOR = {\n Root: {\n solid: {\n default: \"gray-12\",\n accent: \"accent-9\",\n gray: \"gray-9\",\n red: \"red-9\",\n blue: \"blue-9\",\n green: \"green-9\",\n yellow: \"yellow-9\",\n purple: \"purple-9\",\n },\n soft: {\n default: \"gray-3\",\n accent: \"accent-3\",\n gray: \"gray-3\",\n red: \"red-3\",\n blue: \"blue-3\",\n green: \"green-3\",\n yellow: \"yellow-3\",\n purple: \"purple-3\",\n },\n },\n Icon: {\n solid: {\n default: \"white\",\n gray: \"white\",\n red: \"white\",\n accent: \"white\",\n blue: \"white\",\n green: \"white\",\n yellow: \"white\",\n purple: \"white\",\n },\n soft: {\n default: \"default\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n },\n Text: {\n solid: {\n default: \"white\",\n gray: \"white\",\n accent: \"white\",\n red: \"white\",\n blue: \"white\",\n green: \"white\",\n yellow: \"white\",\n purple: \"white\",\n },\n soft: {\n default: \"default\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n },\n Button: {\n solid: {\n default: \"default\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n soft: {\n default: \"gray\",\n gray: \"gray\",\n accent: \"accent\",\n red: \"red\",\n blue: \"blue\",\n green: \"green\",\n yellow: \"yellow\",\n purple: \"purple\",\n },\n },\n} as const;\n","import { Button as TelegraphButton } from \"@telegraph/button\";\nimport type {\n PolymorphicProps,\n PolymorphicPropsWithTgphRef,\n RemappedOmit,\n Required,\n TgphComponentProps,\n TgphElement,\n} from \"@telegraph/helpers\";\nimport { Lucide, Icon as TelegraphIcon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { motion } from \"@telegraph/motion\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text as TelegraphText } from \"@telegraph/typography\";\nimport { clsx } from \"clsx\";\nimport React from \"react\";\n\nimport { COLOR, SIZE, SPACING } from \"./Tag.constants\";\n\ntype RootBaseProps = {\n size?: \"0\" | \"1\" | \"2\";\n color?: keyof (typeof COLOR.Root)[\"soft\"];\n variant?: keyof typeof COLOR.Root;\n};\n\ntype RootProps<T extends TgphElement> = PolymorphicPropsWithTgphRef<\n T,\n HTMLSpanElement\n> &\n TgphComponentProps<typeof Stack> &\n RootBaseProps;\n\nconst TagContext = React.createContext<Required<RootBaseProps>>({\n size: \"1\",\n color: \"default\",\n variant: \"soft\",\n});\n\nconst Root = <T extends TgphElement>({\n as = \"span\" as T,\n size = \"1\",\n color = \"default\",\n variant = \"soft\",\n className,\n ...props\n}: RootProps<T>) => {\n return (\n <TagContext.Provider value={{ size, color, variant }}>\n <Stack\n as={as}\n align=\"center\"\n rounded=\"2\"\n display=\"inline-flex\"\n pl={SPACING.Root[size]}\n backgroundColor={COLOR.Root[variant][color]}\n h={SIZE.Root[size].h}\n className={clsx(\"tgph-tag\", className)}\n {...props}\n data-tag\n />\n </TagContext.Provider>\n );\n};\n\ntype TextProps<T extends TgphElement> = RemappedOmit<\n TgphComponentProps<typeof TelegraphText<T>>,\n \"as\"\n> & {\n as?: T;\n};\n\nconst Text = <T extends TgphElement>({\n as = \"span\" as T,\n maxW = \"40\",\n overflow = \"hidden\",\n style,\n ...props\n}: TextProps<T>) => {\n const context = React.useContext(TagContext);\n return (\n <TelegraphText\n as={as}\n size={context.size}\n color={COLOR.Text[context.variant][context.color]}\n weight=\"medium\"\n mr={SPACING.Text[context.size]}\n maxW={maxW}\n overflow={overflow}\n internal_optionalAs={true}\n style={{\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n ...style,\n }}\n {...props}\n />\n );\n};\ntype ButtonProps<T extends TgphElement> = TgphComponentProps<\n typeof TelegraphButton<T>\n>;\n\ntype CopyButtonProps = TgphComponentProps<typeof TelegraphButton.Root> & {\n textToCopy?: string;\n};\n\nconst CopyButton = ({ onClick, textToCopy, ...props }: CopyButtonProps) => {\n const context = React.useContext(TagContext);\n\n const [copied, setCopied] = React.useState(false);\n\n React.useEffect(() => {\n if (copied) {\n const timeout = setTimeout(() => setCopied(false), 2000);\n return () => clearTimeout(timeout);\n }\n }, [copied]);\n\n return (\n <Tooltip label=\"Copy text\">\n <TelegraphButton.Root\n onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n // Still run onClick incase the consumer wants to do something else\n onClick?.(event);\n setCopied(true);\n textToCopy && navigator.clipboard.writeText(textToCopy);\n event.currentTarget?.blur();\n }}\n size={context.size}\n color={COLOR.Button[context.variant][context.color]}\n variant={context.variant}\n roundedTopRight=\"3\"\n roundedBottomRight=\"3\"\n roundedTopLeft=\"0\"\n roundedBottomLeft=\"0\"\n position=\"relative\"\n overflow=\"hidden\"\n p=\"2\"\n {...props}\n >\n <TelegraphButton.Icon\n as={motion.span}\n initializeWithAnimation={false}\n animate={{ y: copied ? 0 : \"150%\", opacity: copied ? 1 : 1 }}\n transition={{ duration: 150, type: \"spring\" }}\n icon={Lucide.Check}\n alt=\"Copied text\"\n aria-hidden={!copied}\n />\n <TelegraphButton.Icon\n as={motion.span}\n initializeWithAnimation={false}\n animate={{ y: !copied ? 0 : \"-150%\", opacity: !copied ? 1 : 1 }}\n transition={{ duration: 150, type: \"spring\" }}\n icon={Lucide.Copy}\n position=\"absolute\"\n alt=\"Copy text\"\n aria-hidden={copied}\n />\n </TelegraphButton.Root>\n </Tooltip>\n );\n};\n\nconst Button = <T extends TgphElement>({ ...props }: ButtonProps<T>) => {\n const context = React.useContext(TagContext);\n return (\n <TelegraphButton\n size={context.size}\n color={COLOR.Button[context.variant][context.color]}\n variant={context.variant}\n icon={{ icon: Lucide.X, alt: \"close\" }}\n roundedTopRight=\"3\"\n roundedBottomRight=\"3\"\n roundedTopLeft=\"0\"\n roundedBottomLeft=\"0\"\n {...props}\n />\n );\n};\ntype IconProps<T extends TgphElement> = TgphComponentProps<\n typeof TelegraphIcon<T>\n>;\n\nconst Icon = <T extends TgphElement>({\n icon,\n alt,\n \"aria-hidden\": ariaHidden,\n ...props\n}: IconProps<T>) => {\n const context = React.useContext(TagContext);\n const a11yProps = !alt ? { \"aria-hidden\": ariaHidden } : { alt };\n return (\n <TelegraphIcon\n icon={icon}\n size={context.size}\n color={COLOR.Icon[context.variant][context.color]}\n mr=\"1\"\n roundedTopRight=\"3\"\n roundedBottomRight=\"3\"\n roundedTopLeft=\"0\"\n roundedBottomLeft=\"0\"\n {...a11yProps}\n {...props}\n />\n );\n};\n\ntype DefaultProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Root<T>> & {\n icon?: React.ComponentProps<typeof TelegraphIcon>;\n textProps?: React.ComponentProps<typeof Text>;\n onRemove?: () => void;\n } & ( // Optionally allow textToCopy only when onCopy is defined\n | {\n onCopy: () => void;\n textToCopy?: string;\n }\n | {\n onCopy?: never;\n textToCopy?: never;\n }\n );\n\nconst Default = <T extends TgphElement>({\n color = \"default\",\n size = \"1\",\n variant = \"soft\",\n icon,\n onRemove,\n onCopy,\n textToCopy,\n textProps = { maxW: \"40\" },\n children,\n ...props\n}: DefaultProps<T>) => {\n return (\n <Root color={color} size={size} variant={variant} {...props}>\n {icon && <Icon {...icon} />}\n <Text as=\"span\" {...textProps}>\n {children}\n </Text>\n {onRemove && (\n <Button onClick={onRemove} icon={{ icon: Lucide.X, alt: \"Remove\" }} />\n )}\n {onCopy && <CopyButton onClick={onCopy} textToCopy={textToCopy} />}\n </Root>\n );\n};\n\nObject.assign(Default, {\n Root,\n Button,\n Text,\n Icon,\n CopyButton,\n});\n\nconst Tag = Default as typeof Default & {\n Root: typeof Root;\n Button: typeof Button;\n Text: typeof Text;\n Icon: typeof Icon;\n CopyButton: typeof CopyButton;\n};\n\nexport { Tag };\n"],"names":["SIZE","SPACING","COLOR","TagContext","React","Root","as","size","color","variant","className","props","jsx","Stack","clsx","Text","maxW","overflow","style","context","TelegraphText","CopyButton","onClick","textToCopy","copied","setCopied","timeout","Tooltip","jsxs","TelegraphButton","event","_a","motion","Lucide","Button","Icon","icon","alt","ariaHidden","a11yProps","TelegraphIcon","Default","onRemove","onCopy","textProps","children","Tag"],"mappings":"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"}
package/dist/types/Tag/Tag.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Button as TelegraphButton } from '@telegraph/button';
2
- import { PolymorphicProps, PolymorphicPropsWithTgphRef, TgphComponentProps, TgphElement } from '@telegraph/helpers';
2
+ import { PolymorphicProps, PolymorphicPropsWithTgphRef, RemappedOmit, TgphComponentProps, TgphElement } from '@telegraph/helpers';
3
3
  import { Icon as TelegraphIcon } from '@telegraph/icon';
4
4
  import { Stack } from '@telegraph/layout';
5
5
  import { Text as TelegraphText } from '@telegraph/typography';
@@ -13,10 +13,10 @@ type RootBaseProps = {
13
13
  };
14
14
  type RootProps<T extends TgphElement> = PolymorphicPropsWithTgphRef<T, HTMLSpanElement> & TgphComponentProps<typeof Stack> & RootBaseProps;
15
15
  declare const Root: <T extends TgphElement>({ as, size, color, variant, className, ...props }: RootProps<T>) => import("react/jsx-runtime").JSX.Element;
16
- type TextProps<T extends TgphElement> = Omit<TgphComponentProps<typeof TelegraphText<T>>, "as"> & {
16
+ type TextProps<T extends TgphElement> = RemappedOmit<TgphComponentProps<typeof TelegraphText<T>>, "as"> & {
17
17
  as?: T;
18
18
  };
19
- declare const Text: <T extends TgphElement>({ as, maxW, style, ...props }: TextProps<T>) => import("react/jsx-runtime").JSX.Element;
19
+ declare const Text: <T extends TgphElement>({ as, maxW, overflow, style, ...props }: TextProps<T>) => import("react/jsx-runtime").JSX.Element;
20
20
  type ButtonProps<T extends TgphElement> = TgphComponentProps<typeof TelegraphButton<T>>;
21
21
  type CopyButtonProps = TgphComponentProps<typeof TelegraphButton.Root> & {
22
22
  textToCopy?: string;
package/dist/types/Tag/Tag.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/Tag/Tag.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/Tag/Tag.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telegraph/tag",
3
- "version": "0.0.80",
3
+ "version": "0.0.82",
4
4
  "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/tag",
5
5
  "author": "@knocklabs",
6
6
  "license": "MIT",
@@ -31,14 +31,14 @@
31
31
  "preview": "vite preview"
32
32
  },
33
33
  "dependencies": {
34
- "@telegraph/button": "^0.0.75",
34
+ "@telegraph/button": "^0.0.77",
35
35
  "@telegraph/compose-refs": "^0.0.6",
36
- "@telegraph/helpers": "^0.0.11",
37
- "@telegraph/icon": "^0.0.49",
38
- "@telegraph/layout": "^0.1.15",
36
+ "@telegraph/helpers": "^0.0.12",
37
+ "@telegraph/icon": "^0.0.50",
38
+ "@telegraph/layout": "^0.1.16",
39
39
  "@telegraph/motion": "^0.0.7",
40
- "@telegraph/tooltip": "^0.0.43",
41
- "@telegraph/typography": "^0.1.15",
40
+ "@telegraph/tooltip": "^0.0.44",
41
+ "@telegraph/typography": "^0.1.16",
42
42
  "clsx": "^2.1.1"
43
43
  },
44
44
  "devDependencies": {