@rijkshuisstijl-community/toggletip-react 1.0.2 → 1.0.3

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 (9) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/index.d.ts +3 -0
  3. package/dist/index.mjs +6 -3
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/noSideEffects.mjs +3 -3
  6. package/dist/noSideEffects.mjs.map +1 -1
  7. package/package.json +7 -7
  8. package/src/Toggletip.tsx +3 -3
  9. package/src/index.ts +3 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @rijkshuisstijl-community/toggletip-react
2
2
 
3
+ ## 1.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - 38c6e39: Fix: de `/no-side-effects` entrypoints laden geen CSS meer. Componenten importeerden onderliggende componenten via hun standaard entrypoint, waardoor de bijbehorende CSS toch als side effect werd geladen — ook bij gebruik van `/no-side-effects`. Interne imports gebruiken nu `/no-side-effects`; de standaard entrypoints importeren de CSS van onderliggende componenten expliciet, zodat het bestaande gedrag daar ongewijzigd blijft.
8
+ - 89b2604: Fix security vulnerabilities identified by pnpm audit by upgrading vitest and @vitest/coverage-v8 from 4.1.8 to 4.1.10.
9
+ - Updated dependencies [38c6e39]
10
+ - Updated dependencies [89b2604]
11
+ - @rijkshuisstijl-community/alert-react@3.1.3
12
+ - @rijkshuisstijl-community/paragraph-react@2.1.2
13
+ - @rijkshuisstijl-community/icon-react@3.1.3
14
+
3
15
  ## 1.0.2
4
16
 
5
17
  ### Patch Changes
package/dist/index.d.ts CHANGED
@@ -1,2 +1,5 @@
1
+ import '@rijkshuisstijl-community/alert-react';
2
+ import '@rijkshuisstijl-community/icon-react';
3
+ import '@rijkshuisstijl-community/paragraph-react';
1
4
  import '@rijkshuisstijl-community/toggletip-css';
2
5
  export * from './Toggletip';
package/dist/index.mjs CHANGED
@@ -1,8 +1,11 @@
1
+ import '@rijkshuisstijl-community/alert-react';
2
+ import '@rijkshuisstijl-community/icon-react';
3
+ import '@rijkshuisstijl-community/paragraph-react';
1
4
  import '@rijkshuisstijl-community/toggletip-css';
2
5
  import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { Alert } from '@rijkshuisstijl-community/alert-react';
4
- import { Icon } from '@rijkshuisstijl-community/icon-react';
5
- import { Paragraph } from '@rijkshuisstijl-community/paragraph-react';
6
+ import { Alert } from '@rijkshuisstijl-community/alert-react/no-side-effects';
7
+ import { Icon } from '@rijkshuisstijl-community/icon-react/no-side-effects';
8
+ import { Paragraph } from '@rijkshuisstijl-community/paragraph-react/no-side-effects';
6
9
 
7
10
  function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
8
11
 
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/Toggletip.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * @license EUPL-1.2\n * Copyright (c) 2026 Community for NL Design System\n */\nimport { Alert } from '@rijkshuisstijl-community/alert-react';\nimport { Icon } from '@rijkshuisstijl-community/icon-react';\nimport { Paragraph } from '@rijkshuisstijl-community/paragraph-react';\nimport clsx from 'clsx';\nimport { DetailsHTMLAttributes, PropsWithChildren, ReactNode, Ref } from 'react';\n\nexport interface ToggletipProps extends DetailsHTMLAttributes<HTMLDetailsElement> {\n ref?: Ref<HTMLDetailsElement>;\n}\n\nconst ToggletipContent = ({ children, ref }: { children: ReactNode; ref?: Ref<HTMLDivElement> }) => {\n return (\n <div className=\"rhc-toggletip__content\" ref={ref}>\n <Alert className=\"rhc-toggletip__alert\" type=\"info\">\n <Paragraph>{children}</Paragraph>\n </Alert>\n </div>\n );\n};\n\nToggletipContent.displayName = 'ToggletipContent';\n\nexport const Toggletip = ({ children, className, ...restProps }: PropsWithChildren<ToggletipProps>) => {\n return (\n <details className={clsx('rhc-toggletip', className)} {...restProps}>\n <summary aria-label=\"tooltip-content\" className=\"rhc-toggletip__summary rhc-toggletip__button\">\n <Icon className=\"rhc-toggletip__icon\" icon=\"info\" />\n </summary>\n <ToggletipContent>{children}</ToggletipContent>\n </details>\n );\n};\n\nToggletip.displayName = 'Toggletip';\n"],"names":["ToggletipContent","children","ref","_jsx","className","Alert","type","Paragraph","displayName","Toggletip","restProps","_jsxs","clsx","Icon","icon"],"mappings":";;;;;;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ACc/W,MAAMA,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA;AAAG,CAAsD,KAAI;EACjG,OACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,wBAAwB;AAACF,IAAAA,GAAG,EAAEA,GAAG;AAAAD,IAAAA,QAAA,EAC9CE,GAAA,CAACE,KAAK,EAAA;AAACD,MAAAA,SAAS,EAAC,sBAAsB;AAACE,MAAAA,IAAI,EAAC,MAAM;AAAAL,MAAAA,QAAA,EACjDE,GAAA,CAACI,SAAS,EAAA;AAAAN,QAAAA,QAAA,EAAEA;OAAQ;KAAa;AAC3B,GAAA,CACJ;AAEV,CAAC;AAEDD,gBAAgB,CAACQ,WAAW,GAAG,kBAAkB;AAE1C,MAAMC,SAAS,GAAGA,CAAC;EAAER,QAAQ;EAAEG,SAAS;EAAE,GAAGM;AAAS,CAAqC,KAAI;EACpG,OACEC,IAAA,CAAA,SAAA,EAAA;AAASP,IAAAA,SAAS,EAAEQ,IAAI,CAAC,eAAe,EAAER,SAAS,CAAC;AAAA,IAAA,GAAMM,SAAS;AAAAT,IAAAA,QAAA,EAAA,CACjEE,GAAA,CAAA,SAAA,EAAA;AAAA,MAAA,YAAA,EAAoB,iBAAiB;AAACC,MAAAA,SAAS,EAAC,8CAA8C;AAAAH,MAAAA,QAAA,EAC5FE,GAAA,CAACU,IAAI;AAACT,QAAAA,SAAS,EAAC,qBAAqB;AAACU,QAAAA,IAAI,EAAC;OAAM;AAAG,KAAA,CAC5C,EACVX,IAACH,gBAAgB,EAAA;AAAAC,MAAAA,QAAA,EAAEA;AAAQ,KAAA,CAAoB;AAAA,GAAA,CACvC;AAEd;AAEAQ,SAAS,CAACD,WAAW,GAAG,WAAW;;;;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index.mjs","sources":["../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/Toggletip.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * @license EUPL-1.2\n * Copyright (c) 2026 Community for NL Design System\n */\nimport { Alert } from '@rijkshuisstijl-community/alert-react/no-side-effects';\nimport { Icon } from '@rijkshuisstijl-community/icon-react/no-side-effects';\nimport { Paragraph } from '@rijkshuisstijl-community/paragraph-react/no-side-effects';\nimport clsx from 'clsx';\nimport { DetailsHTMLAttributes, PropsWithChildren, ReactNode, Ref } from 'react';\n\nexport interface ToggletipProps extends DetailsHTMLAttributes<HTMLDetailsElement> {\n ref?: Ref<HTMLDetailsElement>;\n}\n\nconst ToggletipContent = ({ children, ref }: { children: ReactNode; ref?: Ref<HTMLDivElement> }) => {\n return (\n <div className=\"rhc-toggletip__content\" ref={ref}>\n <Alert className=\"rhc-toggletip__alert\" type=\"info\">\n <Paragraph>{children}</Paragraph>\n </Alert>\n </div>\n );\n};\n\nToggletipContent.displayName = 'ToggletipContent';\n\nexport const Toggletip = ({ children, className, ...restProps }: PropsWithChildren<ToggletipProps>) => {\n return (\n <details className={clsx('rhc-toggletip', className)} {...restProps}>\n <summary aria-label=\"tooltip-content\" className=\"rhc-toggletip__summary rhc-toggletip__button\">\n <Icon className=\"rhc-toggletip__icon\" icon=\"info\" />\n </summary>\n <ToggletipContent>{children}</ToggletipContent>\n </details>\n );\n};\n\nToggletip.displayName = 'Toggletip';\n"],"names":["ToggletipContent","children","ref","_jsx","className","Alert","type","Paragraph","displayName","Toggletip","restProps","_jsxs","clsx","Icon","icon"],"mappings":";;;;;;;;;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ACc/W,MAAMA,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA;AAAG,CAAsD,KAAI;EACjG,OACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,wBAAwB;AAACF,IAAAA,GAAG,EAAEA,GAAG;AAAAD,IAAAA,QAAA,EAC9CE,GAAA,CAACE,KAAK,EAAA;AAACD,MAAAA,SAAS,EAAC,sBAAsB;AAACE,MAAAA,IAAI,EAAC,MAAM;AAAAL,MAAAA,QAAA,EACjDE,GAAA,CAACI,SAAS,EAAA;AAAAN,QAAAA,QAAA,EAAEA;OAAQ;KAAa;AAC3B,GAAA,CACJ;AAEV,CAAC;AAEDD,gBAAgB,CAACQ,WAAW,GAAG,kBAAkB;AAE1C,MAAMC,SAAS,GAAGA,CAAC;EAAER,QAAQ;EAAEG,SAAS;EAAE,GAAGM;AAAS,CAAqC,KAAI;EACpG,OACEC,IAAA,CAAA,SAAA,EAAA;AAASP,IAAAA,SAAS,EAAEQ,IAAI,CAAC,eAAe,EAAER,SAAS,CAAC;AAAA,IAAA,GAAMM,SAAS;AAAAT,IAAAA,QAAA,EAAA,CACjEE,GAAA,CAAA,SAAA,EAAA;AAAA,MAAA,YAAA,EAAoB,iBAAiB;AAACC,MAAAA,SAAS,EAAC,8CAA8C;AAAAH,MAAAA,QAAA,EAC5FE,GAAA,CAACU,IAAI;AAACT,QAAAA,SAAS,EAAC,qBAAqB;AAACU,QAAAA,IAAI,EAAC;OAAM;AAAG,KAAA,CAC5C,EACVX,IAACH,gBAAgB,EAAA;AAAAC,MAAAA,QAAA,EAAEA;AAAQ,KAAA,CAAoB;AAAA,GAAA,CACvC;AAEd;AAEAQ,SAAS,CAACD,WAAW,GAAG,WAAW;;;;","x_google_ignoreList":[0]}
package/dist/noSideEffects.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { Alert } from '@rijkshuisstijl-community/alert-react';
3
- import { Icon } from '@rijkshuisstijl-community/icon-react';
4
- import { Paragraph } from '@rijkshuisstijl-community/paragraph-react';
2
+ import { Alert } from '@rijkshuisstijl-community/alert-react/no-side-effects';
3
+ import { Icon } from '@rijkshuisstijl-community/icon-react/no-side-effects';
4
+ import { Paragraph } from '@rijkshuisstijl-community/paragraph-react/no-side-effects';
5
5
 
6
6
  function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
7
7
 
package/dist/noSideEffects.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"noSideEffects.mjs","sources":["../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/Toggletip.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * @license EUPL-1.2\n * Copyright (c) 2026 Community for NL Design System\n */\nimport { Alert } from '@rijkshuisstijl-community/alert-react';\nimport { Icon } from '@rijkshuisstijl-community/icon-react';\nimport { Paragraph } from '@rijkshuisstijl-community/paragraph-react';\nimport clsx from 'clsx';\nimport { DetailsHTMLAttributes, PropsWithChildren, ReactNode, Ref } from 'react';\n\nexport interface ToggletipProps extends DetailsHTMLAttributes<HTMLDetailsElement> {\n ref?: Ref<HTMLDetailsElement>;\n}\n\nconst ToggletipContent = ({ children, ref }: { children: ReactNode; ref?: Ref<HTMLDivElement> }) => {\n return (\n <div className=\"rhc-toggletip__content\" ref={ref}>\n <Alert className=\"rhc-toggletip__alert\" type=\"info\">\n <Paragraph>{children}</Paragraph>\n </Alert>\n </div>\n );\n};\n\nToggletipContent.displayName = 'ToggletipContent';\n\nexport const Toggletip = ({ children, className, ...restProps }: PropsWithChildren<ToggletipProps>) => {\n return (\n <details className={clsx('rhc-toggletip', className)} {...restProps}>\n <summary aria-label=\"tooltip-content\" className=\"rhc-toggletip__summary rhc-toggletip__button\">\n <Icon className=\"rhc-toggletip__icon\" icon=\"info\" />\n </summary>\n <ToggletipContent>{children}</ToggletipContent>\n </details>\n );\n};\n\nToggletip.displayName = 'Toggletip';\n"],"names":["ToggletipContent","children","ref","_jsx","className","Alert","type","Paragraph","displayName","Toggletip","restProps","_jsxs","clsx","Icon","icon"],"mappings":";;;;;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ACc/W,MAAMA,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA;AAAG,CAAsD,KAAI;EACjG,OACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,wBAAwB;AAACF,IAAAA,GAAG,EAAEA,GAAG;AAAAD,IAAAA,QAAA,EAC9CE,GAAA,CAACE,KAAK,EAAA;AAACD,MAAAA,SAAS,EAAC,sBAAsB;AAACE,MAAAA,IAAI,EAAC,MAAM;AAAAL,MAAAA,QAAA,EACjDE,GAAA,CAACI,SAAS,EAAA;AAAAN,QAAAA,QAAA,EAAEA;OAAQ;KAAa;AAC3B,GAAA,CACJ;AAEV,CAAC;AAEDD,gBAAgB,CAACQ,WAAW,GAAG,kBAAkB;AAE1C,MAAMC,SAAS,GAAGA,CAAC;EAAER,QAAQ;EAAEG,SAAS;EAAE,GAAGM;AAAS,CAAqC,KAAI;EACpG,OACEC,IAAA,CAAA,SAAA,EAAA;AAASP,IAAAA,SAAS,EAAEQ,IAAI,CAAC,eAAe,EAAER,SAAS,CAAC;AAAA,IAAA,GAAMM,SAAS;AAAAT,IAAAA,QAAA,EAAA,CACjEE,GAAA,CAAA,SAAA,EAAA;AAAA,MAAA,YAAA,EAAoB,iBAAiB;AAACC,MAAAA,SAAS,EAAC,8CAA8C;AAAAH,MAAAA,QAAA,EAC5FE,GAAA,CAACU,IAAI;AAACT,QAAAA,SAAS,EAAC,qBAAqB;AAACU,QAAAA,IAAI,EAAC;OAAM;AAAG,KAAA,CAC5C,EACVX,IAACH,gBAAgB,EAAA;AAAAC,MAAAA,QAAA,EAAEA;AAAQ,KAAA,CAAoB;AAAA,GAAA,CACvC;AAEd;AAEAQ,SAAS,CAACD,WAAW,GAAG,WAAW;;;;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"noSideEffects.mjs","sources":["../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/Toggletip.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * @license EUPL-1.2\n * Copyright (c) 2026 Community for NL Design System\n */\nimport { Alert } from '@rijkshuisstijl-community/alert-react/no-side-effects';\nimport { Icon } from '@rijkshuisstijl-community/icon-react/no-side-effects';\nimport { Paragraph } from '@rijkshuisstijl-community/paragraph-react/no-side-effects';\nimport clsx from 'clsx';\nimport { DetailsHTMLAttributes, PropsWithChildren, ReactNode, Ref } from 'react';\n\nexport interface ToggletipProps extends DetailsHTMLAttributes<HTMLDetailsElement> {\n ref?: Ref<HTMLDetailsElement>;\n}\n\nconst ToggletipContent = ({ children, ref }: { children: ReactNode; ref?: Ref<HTMLDivElement> }) => {\n return (\n <div className=\"rhc-toggletip__content\" ref={ref}>\n <Alert className=\"rhc-toggletip__alert\" type=\"info\">\n <Paragraph>{children}</Paragraph>\n </Alert>\n </div>\n );\n};\n\nToggletipContent.displayName = 'ToggletipContent';\n\nexport const Toggletip = ({ children, className, ...restProps }: PropsWithChildren<ToggletipProps>) => {\n return (\n <details className={clsx('rhc-toggletip', className)} {...restProps}>\n <summary aria-label=\"tooltip-content\" className=\"rhc-toggletip__summary rhc-toggletip__button\">\n <Icon className=\"rhc-toggletip__icon\" icon=\"info\" />\n </summary>\n <ToggletipContent>{children}</ToggletipContent>\n </details>\n );\n};\n\nToggletip.displayName = 'Toggletip';\n"],"names":["ToggletipContent","children","ref","_jsx","className","Alert","type","Paragraph","displayName","Toggletip","restProps","_jsxs","clsx","Icon","icon"],"mappings":";;;;;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ACc/W,MAAMA,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA;AAAG,CAAsD,KAAI;EACjG,OACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,wBAAwB;AAACF,IAAAA,GAAG,EAAEA,GAAG;AAAAD,IAAAA,QAAA,EAC9CE,GAAA,CAACE,KAAK,EAAA;AAACD,MAAAA,SAAS,EAAC,sBAAsB;AAACE,MAAAA,IAAI,EAAC,MAAM;AAAAL,MAAAA,QAAA,EACjDE,GAAA,CAACI,SAAS,EAAA;AAAAN,QAAAA,QAAA,EAAEA;OAAQ;KAAa;AAC3B,GAAA,CACJ;AAEV,CAAC;AAEDD,gBAAgB,CAACQ,WAAW,GAAG,kBAAkB;AAE1C,MAAMC,SAAS,GAAGA,CAAC;EAAER,QAAQ;EAAEG,SAAS;EAAE,GAAGM;AAAS,CAAqC,KAAI;EACpG,OACEC,IAAA,CAAA,SAAA,EAAA;AAASP,IAAAA,SAAS,EAAEQ,IAAI,CAAC,eAAe,EAAER,SAAS,CAAC;AAAA,IAAA,GAAMM,SAAS;AAAAT,IAAAA,QAAA,EAAA,CACjEE,GAAA,CAAA,SAAA,EAAA;AAAA,MAAA,YAAA,EAAoB,iBAAiB;AAACC,MAAAA,SAAS,EAAC,8CAA8C;AAAAH,MAAAA,QAAA,EAC5FE,GAAA,CAACU,IAAI;AAACT,QAAAA,SAAS,EAAC,qBAAqB;AAACU,QAAAA,IAAI,EAAC;OAAM;AAAG,KAAA,CAC5C,EACVX,IAACH,gBAAgB,EAAA;AAAAC,MAAAA,QAAA,EAAEA;AAAQ,KAAA,CAAoB;AAAA,GAAA,CACvC;AAEd;AAEAQ,SAAS,CAACD,WAAW,GAAG,WAAW;;;;","x_google_ignoreList":[0]}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.2",
2
+ "version": "1.0.3",
3
3
  "author": "Community for Rijkshuisstijl-Community Design System",
4
4
  "description": "Toggletip Component",
5
5
  "license": "EUPL-1.2",
@@ -54,7 +54,7 @@
54
54
  "@types/lodash.chunk": "4.2.9",
55
55
  "@types/react": "19.2.17",
56
56
  "@vitejs/plugin-react": "4.7.0",
57
- "@vitest/coverage-v8": "4.1.8",
57
+ "@vitest/coverage-v8": "4.1.10",
58
58
  "clsx": "2.1.1",
59
59
  "react": "19.2.7",
60
60
  "react-dom": "19.2.7",
@@ -67,17 +67,17 @@
67
67
  "rollup-plugin-typescript2": "0.37.0",
68
68
  "typescript": "5.9.3",
69
69
  "vite": "7.3.5",
70
- "vitest": "4.1.8"
70
+ "vitest": "4.1.10"
71
71
  },
72
72
  "peerDependencies": {
73
73
  "react": ">=18.2.0",
74
74
  "react-dom": ">=18.2.0"
75
75
  },
76
76
  "dependencies": {
77
- "@rijkshuisstijl-community/icon-react": "3.1.2",
78
- "@rijkshuisstijl-community/alert-react": "3.1.2",
79
- "@rijkshuisstijl-community/toggletip-css": "1.0.0",
80
- "@rijkshuisstijl-community/paragraph-react": "2.1.1"
77
+ "@rijkshuisstijl-community/alert-react": "3.1.3",
78
+ "@rijkshuisstijl-community/icon-react": "3.1.3",
79
+ "@rijkshuisstijl-community/paragraph-react": "2.1.2",
80
+ "@rijkshuisstijl-community/toggletip-css": "1.0.0"
81
81
  },
82
82
  "scripts": {
83
83
  "build": "rollup --config rollup.config.mjs",
package/src/Toggletip.tsx CHANGED
@@ -2,9 +2,9 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2026 Community for NL Design System
4
4
  */
5
- import { Alert } from '@rijkshuisstijl-community/alert-react';
6
- import { Icon } from '@rijkshuisstijl-community/icon-react';
7
- import { Paragraph } from '@rijkshuisstijl-community/paragraph-react';
5
+ import { Alert } from '@rijkshuisstijl-community/alert-react/no-side-effects';
6
+ import { Icon } from '@rijkshuisstijl-community/icon-react/no-side-effects';
7
+ import { Paragraph } from '@rijkshuisstijl-community/paragraph-react/no-side-effects';
8
8
  import clsx from 'clsx';
9
9
  import { DetailsHTMLAttributes, PropsWithChildren, ReactNode, Ref } from 'react';
10
10
 
package/src/index.ts CHANGED
@@ -1,3 +1,6 @@
1
+ import '@rijkshuisstijl-community/alert-react';
2
+ import '@rijkshuisstijl-community/icon-react';
3
+ import '@rijkshuisstijl-community/paragraph-react';
1
4
  import '@rijkshuisstijl-community/toggletip-css';
2
5
 
3
6
  export * from './Toggletip';