@qld-gov-au/qgds-bootstrap5 2.1.19 → 2.1.21

package/src/components/bs5/icons/_icons.list.js

@@ -1,5 +1,6 @@
 export default [
   "accessibility",
+  "alert-cancel-filled",
   "alert-cancel",
   "alert-danger",
   "alert-error",

package/src/components/bs5/icons/_icons.list.scss

@@ -1,6 +1,7 @@
 // This file is autogenerated. Do not edit directly!
 $icon-names: (
   accessibility: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">  <path fill="currentColor" d="M15.933 7.738c-.793 0-1.457-.267-1.992-.802-.535-.535-.803-1.2-.803-1.992 0-.793.268-1.458.803-1.993.535-.535 1.2-.802 1.992-.802.793 0 1.457.267 1.993.802.535.535.802 1.2.802 1.993 0 .793-.267 1.457-.802 1.992-.535.535-1.2.802-1.993.802ZM11.805 28.1V12.215a53.57 53.57 0 0 1-3.343-.396 43.696 43.696 0 0 1-3.262-.616 1.505 1.505 0 0 1-.978-.663 1.48 1.48 0 0 1-.212-1.148 1.24 1.24 0 0 1 .7-.918 1.77 1.77 0 0 1 1.198-.138c1.608.342 3.263.596 4.963.763a51.862 51.862 0 0 0 10.175 0 46.103 46.103 0 0 0 5.046-.763 1.767 1.767 0 0 1 1.198.138c.38.187.614.493.7.918.085.417.015.8-.212 1.148a1.506 1.506 0 0 1-.978.663c-1.067.244-2.154.45-3.262.616a53.564 53.564 0 0 1-3.343.396V28.1c0 .395-.14.732-.42 1.013-.281.28-.619.42-1.013.42a1.38 1.38 0 0 1-1.013-.42 1.38 1.38 0 0 1-.42-1.013v-6.72h-2.657v6.72c0 .395-.14.732-.42 1.013-.281.28-.619.42-1.014.42a1.38 1.38 0 0 1-1.012-.42 1.38 1.38 0 0 1-.42-1.013Z"/></svg>',
+  alert-cancel-filled: '<svg viewBox="0 0 32 32"  xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M16 17.3035L20.7629 22.0668C20.9405 22.2444 21.1554 22.3355 21.4077 22.3402C21.6599 22.3448 21.8796 22.2537 22.0668 22.0668C22.2537 21.8796 22.3472 21.6623 22.3472 21.4147C22.3472 21.1673 22.2537 20.9501 22.0668 20.7629L17.3035 16L22.0668 11.2371C22.2444 11.0595 22.3355 10.8446 22.3402 10.5923C22.3448 10.3401 22.2537 10.1204 22.0668 9.93321C21.8796 9.7463 21.6623 9.65284 21.4147 9.65284C21.1673 9.65284 20.9501 9.7463 20.7629 9.93321L16 14.6965L11.2371 9.93321C11.0595 9.75563 10.8446 9.66451 10.5923 9.65984C10.3401 9.65517 10.1204 9.7463 9.93321 9.93321C9.7463 10.1204 9.65284 10.3377 9.65284 10.5853C9.65284 10.8327 9.7463 11.0499 9.93321 11.2371L14.6965 16L9.93321 20.7629C9.75563 20.9405 9.66451 21.1554 9.65984 21.4077C9.65518 21.6599 9.7463 21.8796 9.93321 22.0668C10.1204 22.2537 10.3377 22.3472 10.5853 22.3472C10.8326 22.3472 11.0499 22.2537 11.2371 22.0668L16 17.3035ZM16.0026 30C14.0762 30 12.2627 29.6326 10.5621 28.8977C8.86147 28.1628 7.37686 27.1614 6.10826 25.8936C4.83991 24.6255 3.83805 23.1415 3.10268 21.4416C2.36756 19.7417 2 17.9287 2 16.0026C2 14.0662 2.36744 12.246 3.10232 10.5422C3.83719 8.83839 4.83856 7.35635 6.10642 6.0961C7.37453 4.83586 8.85853 3.83805 10.5584 3.10268C12.2583 2.36756 14.0713 2 15.9974 2C17.9338 2 19.754 2.36744 21.4578 3.10232C23.1616 3.83719 24.6436 4.83451 25.9039 6.09426C27.1641 7.35402 28.1619 8.83544 28.8973 10.5385C29.6324 12.2416 30 14.0612 30 15.9974C30 17.9238 29.6326 19.7373 28.8977 21.4379C28.1628 23.1385 27.1655 24.6231 25.9057 25.8917C24.646 27.1601 23.1646 28.1619 21.4615 28.8973C19.7584 29.6324 17.9388 30 16.0026 30Z" /></svg>',
   alert-cancel: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">  <path fill="currentColor" d="m16 17.303 4.763 4.764a.903.903 0 0 0 .645.273.879.879 0 0 0 .659-.273.895.895 0 0 0 0-1.304L17.303 16l4.764-4.763a.903.903 0 0 0 .273-.645.879.879 0 0 0-.273-.659.895.895 0 0 0-1.304 0L16 14.697l-4.763-4.764a.903.903 0 0 0-.645-.273.878.878 0 0 0-.659.273.895.895 0 0 0 0 1.304L14.697 16l-4.764 4.763a.903.903 0 0 0-.273.645.878.878 0 0 0 .273.659.895.895 0 0 0 1.304 0L16 17.303ZM16.003 30c-1.927 0-3.74-.367-5.44-1.102a14.205 14.205 0 0 1-4.455-3.004 14.202 14.202 0 0 1-3.005-4.452C2.368 19.742 2 17.929 2 16.002c0-1.936.367-3.756 1.102-5.46a14.038 14.038 0 0 1 3.004-4.446 14.307 14.307 0 0 1 4.452-2.993C12.258 2.368 14.071 2 15.998 2c1.936 0 3.756.367 5.46 1.102a14.142 14.142 0 0 1 4.446 2.992 14.14 14.14 0 0 1 2.993 4.445C29.632 12.242 30 14.06 30 15.997c0 1.927-.367 3.74-1.102 5.44a14.308 14.308 0 0 1-2.992 4.455 14.036 14.036 0 0 1-4.444 3.005c-1.704.735-3.523 1.103-5.46 1.103ZM16 28.148c3.384 0 6.255-1.18 8.613-3.543 2.357-2.363 3.535-5.23 3.535-8.605 0-3.384-1.178-6.255-3.535-8.613C22.255 5.03 19.384 3.852 16 3.852c-3.374 0-6.243 1.178-8.605 3.535C5.033 9.745 3.852 12.616 3.852 16c0 3.374 1.18 6.242 3.543 8.605 2.362 2.362 5.23 3.543 8.605 3.543Z"/></svg>',
   alert-danger: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">  <path fill="currentColor" d="M29.8 10.2c-.1-.3-.3-.6-.6-.8l-6.6-6.6c-.2-.2-.5-.4-.8-.6-.3-.1-.7-.2-1-.2h-9.5c-.3 0-.7.1-1 .2-.4.1-.7.3-.9.6L2.8 9.4c-.2.2-.4.5-.6.8-.1.3-.2.7-.2 1v9.5c0 .3.1.7.2 1 .1.3.3.6.6.8l6.6 6.6c.2.2.5.4.8.6.3.1.7.2 1 .2h9.5c.3 0 .7-.1 1-.2.3-.1.6-.3.8-.6l6.6-6.6c.2-.2.4-.5.6-.8.1-.3.2-.7.2-1v-9.5c.1-.3 0-.6-.1-1ZM27.9 21l-7 7H11l-7-7V11l7-7h10l7 7v10h-.1Zm-12.6-3.3c-.2-.2-.3-.4-.3-.7V9c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3.3 0 .5.1.7.3.2.2.3.4.3.7v8c0 .3-.1.5-.3.7-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3Zm1.7 3.2c.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4s-.7-.1-1-.4c-.3-.3-.4-.6-.4-1s.1-.7.4-1c.3-.3.6-.4 1-.4s.7.1 1 .4Z"/></svg>',
   alert-error: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">  <path fill="currentColor" fill-rule="evenodd" d="M16 20.5c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4Zm0-2.5c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7V9c0-.3-.1-.5-.3-.7-.2-.2-.4-.3-.7-.3-.3 0-.5.1-.7.3-.2.2-.3.4-.3.7v8c0 .3.1.5.3.7.2.2.4.3.7.3Zm12.9-7.5c-.7-1.7-1.7-3.2-3-4.4-1.3-1.3-2.7-2.3-4.4-3C19.8 2.4 17.9 2 16 2s-3.8.4-5.5 1.1c-1.7.7-3.2 1.7-4.4 3-1.3 1.3-2.3 2.7-3 4.4C2.4 12.2 2 14.1 2 16s.4 3.8 1.1 5.5c.7 1.7 1.7 3.2 3 4.4 1.3 1.3 2.8 2.3 4.4 3 1.7.7 3.5 1.1 5.5 1.1 1.9 0 3.7-.4 5.5-1.1 1.7-.7 3.2-1.7 4.4-3 1.3-1.3 2.3-2.7 3-4.4.7-1.7 1.1-3.5 1.1-5.5 0-1.9-.4-3.8-1.1-5.5Zm-4.3 14.1c-2.4 2.4-5.2 3.5-8.6 3.5-3.4 0-6.3-1.2-8.6-3.5C5 22.2 3.9 19.4 3.9 16c0-3.4 1.2-6.3 3.5-8.6s5.2-3.5 8.6-3.5c3.4 0 6.3 1.2 8.6 3.5 2.4 2.4 3.5 5.2 3.5 8.6 0 3.4-1.1 6.2-3.5 8.6Z" clip-rule="evenodd"/></svg>',

package/src/components/bs5/icons/_icons.variables.scss

@@ -1,6 +1,7 @@
 // This file is autogenerated. Do not edit directly!
 :root {
   --qgds-icon-accessibility: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e %3cpath fill='currentColor' d='M15.933 7.738c-.793 0-1.457-.267-1.992-.802-.535-.535-.803-1.2-.803-1.992 0-.793.268-1.458.803-1.993.535-.535 1.2-.802 1.992-.802.793 0 1.457.267 1.993.802.535.535.802 1.2.802 1.993 0 .793-.267 1.457-.802 1.992-.535.535-1.2.802-1.993.802ZM11.805 28.1V12.215a53.57 53.57 0 0 1-3.343-.396 43.696 43.696 0 0 1-3.262-.616 1.505 1.505 0 0 1-.978-.663 1.48 1.48 0 0 1-.212-1.148 1.24 1.24 0 0 1 .7-.918 1.77 1.77 0 0 1 1.198-.138c1.608.342 3.263.596 4.963.763a51.862 51.862 0 0 0 10.175 0 46.103 46.103 0 0 0 5.046-.763 1.767 1.767 0 0 1 1.198.138c.38.187.614.493.7.918.085.417.015.8-.212 1.148a1.506 1.506 0 0 1-.978.663c-1.067.244-2.154.45-3.262.616a53.564 53.564 0 0 1-3.343.396V28.1c0 .395-.14.732-.42 1.013-.281.28-.619.42-1.013.42a1.38 1.38 0 0 1-1.013-.42 1.38 1.38 0 0 1-.42-1.013v-6.72h-2.657v6.72c0 .395-.14.732-.42 1.013-.281.28-.619.42-1.014.42a1.38 1.38 0 0 1-1.012-.42 1.38 1.38 0 0 1-.42-1.013Z'/%3e %3c/svg%3e");
+  --qgds-icon-alert-cancel-filled: url("data:image/svg+xml,%3csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill='currentColor' d='M16 17.3035L20.7629 22.0668C20.9405 22.2444 21.1554 22.3355 21.4077 22.3402C21.6599 22.3448 21.8796 22.2537 22.0668 22.0668C22.2537 21.8796 22.3472 21.6623 22.3472 21.4147C22.3472 21.1673 22.2537 20.9501 22.0668 20.7629L17.3035 16L22.0668 11.2371C22.2444 11.0595 22.3355 10.8446 22.3402 10.5923C22.3448 10.3401 22.2537 10.1204 22.0668 9.93321C21.8796 9.7463 21.6623 9.65284 21.4147 9.65284C21.1673 9.65284 20.9501 9.7463 20.7629 9.93321L16 14.6965L11.2371 9.93321C11.0595 9.75563 10.8446 9.66451 10.5923 9.65984C10.3401 9.65517 10.1204 9.7463 9.93321 9.93321C9.7463 10.1204 9.65284 10.3377 9.65284 10.5853C9.65284 10.8327 9.7463 11.0499 9.93321 11.2371L14.6965 16L9.93321 20.7629C9.75563 20.9405 9.66451 21.1554 9.65984 21.4077C9.65518 21.6599 9.7463 21.8796 9.93321 22.0668C10.1204 22.2537 10.3377 22.3472 10.5853 22.3472C10.8326 22.3472 11.0499 22.2537 11.2371 22.0668L16 17.3035ZM16.0026 30C14.0762 30 12.2627 29.6326 10.5621 28.8977C8.86147 28.1628 7.37686 27.1614 6.10826 25.8936C4.83991 24.6255 3.83805 23.1415 3.10268 21.4416C2.36756 19.7417 2 17.9287 2 16.0026C2 14.0662 2.36744 12.246 3.10232 10.5422C3.83719 8.83839 4.83856 7.35635 6.10642 6.0961C7.37453 4.83586 8.85853 3.83805 10.5584 3.10268C12.2583 2.36756 14.0713 2 15.9974 2C17.9338 2 19.754 2.36744 21.4578 3.10232C23.1616 3.83719 24.6436 4.83451 25.9039 6.09426C27.1641 7.35402 28.1619 8.83544 28.8973 10.5385C29.6324 12.2416 30 14.0612 30 15.9974C30 17.9238 29.6326 19.7373 28.8977 21.4379C28.1628 23.1385 27.1655 24.6231 25.9057 25.8917C24.646 27.1601 23.1646 28.1619 21.4615 28.8973C19.7584 29.6324 17.9388 30 16.0026 30Z' /%3e %3c/svg%3e");
   --qgds-icon-alert-cancel: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e %3cpath fill='currentColor' d='m16 17.303 4.763 4.764a.903.903 0 0 0 .645.273.879.879 0 0 0 .659-.273.895.895 0 0 0 0-1.304L17.303 16l4.764-4.763a.903.903 0 0 0 .273-.645.879.879 0 0 0-.273-.659.895.895 0 0 0-1.304 0L16 14.697l-4.763-4.764a.903.903 0 0 0-.645-.273.878.878 0 0 0-.659.273.895.895 0 0 0 0 1.304L14.697 16l-4.764 4.763a.903.903 0 0 0-.273.645.878.878 0 0 0 .273.659.895.895 0 0 0 1.304 0L16 17.303ZM16.003 30c-1.927 0-3.74-.367-5.44-1.102a14.205 14.205 0 0 1-4.455-3.004 14.202 14.202 0 0 1-3.005-4.452C2.368 19.742 2 17.929 2 16.002c0-1.936.367-3.756 1.102-5.46a14.038 14.038 0 0 1 3.004-4.446 14.307 14.307 0 0 1 4.452-2.993C12.258 2.368 14.071 2 15.998 2c1.936 0 3.756.367 5.46 1.102a14.142 14.142 0 0 1 4.446 2.992 14.14 14.14 0 0 1 2.993 4.445C29.632 12.242 30 14.06 30 15.997c0 1.927-.367 3.74-1.102 5.44a14.308 14.308 0 0 1-2.992 4.455 14.036 14.036 0 0 1-4.444 3.005c-1.704.735-3.523 1.103-5.46 1.103ZM16 28.148c3.384 0 6.255-1.18 8.613-3.543 2.357-2.363 3.535-5.23 3.535-8.605 0-3.384-1.178-6.255-3.535-8.613C22.255 5.03 19.384 3.852 16 3.852c-3.374 0-6.243 1.178-8.605 3.535C5.033 9.745 3.852 12.616 3.852 16c0 3.374 1.18 6.242 3.543 8.605 2.362 2.362 5.23 3.543 8.605 3.543Z'/%3e %3c/svg%3e");
   --qgds-icon-alert-danger: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e %3cpath fill='currentColor' d='M29.8 10.2c-.1-.3-.3-.6-.6-.8l-6.6-6.6c-.2-.2-.5-.4-.8-.6-.3-.1-.7-.2-1-.2h-9.5c-.3 0-.7.1-1 .2-.4.1-.7.3-.9.6L2.8 9.4c-.2.2-.4.5-.6.8-.1.3-.2.7-.2 1v9.5c0 .3.1.7.2 1 .1.3.3.6.6.8l6.6 6.6c.2.2.5.4.8.6.3.1.7.2 1 .2h9.5c.3 0 .7-.1 1-.2.3-.1.6-.3.8-.6l6.6-6.6c.2-.2.4-.5.6-.8.1-.3.2-.7.2-1v-9.5c.1-.3 0-.6-.1-1ZM27.9 21l-7 7H11l-7-7V11l7-7h10l7 7v10h-.1Zm-12.6-3.3c-.2-.2-.3-.4-.3-.7V9c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3.3 0 .5.1.7.3.2.2.3.4.3.7v8c0 .3-.1.5-.3.7-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3Zm1.7 3.2c.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4s-.7-.1-1-.4c-.3-.3-.4-.6-.4-1s.1-.7.4-1c.3-.3.6-.4 1-.4s.7.1 1 .4Z'/%3e %3c/svg%3e");
   --qgds-icon-alert-error: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e %3cpath fill='currentColor' fill-rule='evenodd' d='M16 20.5c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4Zm0-2.5c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7V9c0-.3-.1-.5-.3-.7-.2-.2-.4-.3-.7-.3-.3 0-.5.1-.7.3-.2.2-.3.4-.3.7v8c0 .3.1.5.3.7.2.2.4.3.7.3Zm12.9-7.5c-.7-1.7-1.7-3.2-3-4.4-1.3-1.3-2.7-2.3-4.4-3C19.8 2.4 17.9 2 16 2s-3.8.4-5.5 1.1c-1.7.7-3.2 1.7-4.4 3-1.3 1.3-2.3 2.7-3 4.4C2.4 12.2 2 14.1 2 16s.4 3.8 1.1 5.5c.7 1.7 1.7 3.2 3 4.4 1.3 1.3 2.8 2.3 4.4 3 1.7.7 3.5 1.1 5.5 1.1 1.9 0 3.7-.4 5.5-1.1 1.7-.7 3.2-1.7 4.4-3 1.3-1.3 2.3-2.7 3-4.4.7-1.7 1.1-3.5 1.1-5.5 0-1.9-.4-3.8-1.1-5.5Zm-4.3 14.1c-2.4 2.4-5.2 3.5-8.6 3.5-3.4 0-6.3-1.2-8.6-3.5C5 22.2 3.9 19.4 3.9 16c0-3.4 1.2-6.3 3.5-8.6s5.2-3.5 8.6-3.5c3.4 0 6.3 1.2 8.6 3.5 2.4 2.4 3.5 5.2 3.5 8.6 0 3.4-1.1 6.2-3.5 8.6Z' clip-rule='evenodd'/%3e %3c/svg%3e");

package/src/components/common/layout/grid.scss

@@ -9,8 +9,16 @@
 
 .row,
 .row-fluid {
-  --qld-gutter-x: 2rem;
+  --qld-gutter-x: 1rem;
   --qld-gutter-y: 0;
+
+  @include media-breakpoint-up(md) {
+    --qld-gutter-x: 1.5rem;
+  }
+
+  @include media-breakpoint-up(lg) {
+    --qld-gutter-x: 2rem;
+  }
 }
 
 .container {

package/src/css/main.scss

@@ -120,6 +120,7 @@ $enable-dark-mode: true;
 @import "../components/bs5/callToAction/callToAction";
 @import "../components/bs5/correctincorrect/correctincorrect";
 @import "../components/bs5/dateinput/dateinput";
+@import "../components/bs5/details/details";
 @import "../components/bs5/directionLinks/directionLinks";
 @import "../components/bs5/formcheck/formcheck";
 @import "../components/bs5/footer/footer";

package/src/css/qld-print.scss

@@ -37,6 +37,24 @@
     transition: none !important;
   }
 
+  // The universal width: 100% above breaks table column distribution
+  // (every cell wants 100%, so the first one stretches and the rest squeeze).
+  // Restore natural sizing so columns share width based on content.
+  table,
+  thead,
+  tbody,
+  tfoot,
+  tr,
+  th,
+  td,
+  caption {
+    width: auto;
+  }
+
+  table {
+    width: 100%;
+  }
+
   *:before,
   *:after {
     color: #000 !important;

package/src/css/qld-utilities.scss

@@ -41,3 +41,10 @@ $utilities: map-merge(
     )
   )
 );
+
+// Utility: Style mailto links
+a[href^="mailto:"] {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+

package/src/img/icons/alert-cancel-filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 32 32"  xmlns="http://www.w3.org/2000/svg">
+<path fill="currentColor" d="M16 17.3035L20.7629 22.0668C20.9405 22.2444 21.1554 22.3355 21.4077 22.3402C21.6599 22.3448 21.8796 22.2537 22.0668 22.0668C22.2537 21.8796 22.3472 21.6623 22.3472 21.4147C22.3472 21.1673 22.2537 20.9501 22.0668 20.7629L17.3035 16L22.0668 11.2371C22.2444 11.0595 22.3355 10.8446 22.3402 10.5923C22.3448 10.3401 22.2537 10.1204 22.0668 9.93321C21.8796 9.7463 21.6623 9.65284 21.4147 9.65284C21.1673 9.65284 20.9501 9.7463 20.7629 9.93321L16 14.6965L11.2371 9.93321C11.0595 9.75563 10.8446 9.66451 10.5923 9.65984C10.3401 9.65517 10.1204 9.7463 9.93321 9.93321C9.7463 10.1204 9.65284 10.3377 9.65284 10.5853C9.65284 10.8327 9.7463 11.0499 9.93321 11.2371L14.6965 16L9.93321 20.7629C9.75563 20.9405 9.66451 21.1554 9.65984 21.4077C9.65518 21.6599 9.7463 21.8796 9.93321 22.0668C10.1204 22.2537 10.3377 22.3472 10.5853 22.3472C10.8326 22.3472 11.0499 22.2537 11.2371 22.0668L16 17.3035ZM16.0026 30C14.0762 30 12.2627 29.6326 10.5621 28.8977C8.86147 28.1628 7.37686 27.1614 6.10826 25.8936C4.83991 24.6255 3.83805 23.1415 3.10268 21.4416C2.36756 19.7417 2 17.9287 2 16.0026C2 14.0662 2.36744 12.246 3.10232 10.5422C3.83719 8.83839 4.83856 7.35635 6.10642 6.0961C7.37453 4.83586 8.85853 3.83805 10.5584 3.10268C12.2583 2.36756 14.0713 2 15.9974 2C17.9338 2 19.754 2.36744 21.4578 3.10232C23.1616 3.83719 24.6436 4.83451 25.9039 6.09426C27.1641 7.35402 28.1619 8.83544 28.8973 10.5385C29.6324 12.2416 30 14.0612 30 15.9974C30 17.9238 29.6326 19.7373 28.8977 21.4379C28.1628 23.1385 27.1655 24.6231 25.9057 25.8917C24.646 27.1601 23.1646 28.1619 21.4615 28.8973C19.7584 29.6324 17.9388 30 16.0026 30Z" />
+</svg>

package/src/img/icons-sprite.svg

@@ -3,6 +3,10 @@
     <path fill="currentColor" d="M15.933 7.738c-.793 0-1.457-.267-1.992-.802-.535-.535-.803-1.2-.803-1.992 0-.793.268-1.458.803-1.993.535-.535 1.2-.802 1.992-.802.793 0 1.457.267 1.993.802.535.535.802 1.2.802 1.993 0 .793-.267 1.457-.802 1.992-.535.535-1.2.802-1.993.802ZM11.805 28.1V12.215a53.57 53.57 0 0 1-3.343-.396 43.696 43.696 0 0 1-3.262-.616 1.505 1.505 0 0 1-.978-.663 1.48 1.48 0 0 1-.212-1.148 1.24 1.24 0 0 1 .7-.918 1.77 1.77 0 0 1 1.198-.138c1.608.342 3.263.596 4.963.763a51.862 51.862 0 0 0 10.175 0 46.103 46.103 0 0 0 5.046-.763 1.767 1.767 0 0 1 1.198.138c.38.187.614.493.7.918.085.417.015.8-.212 1.148a1.506 1.506 0 0 1-.978.663c-1.067.244-2.154.45-3.262.616a53.564 53.564 0 0 1-3.343.396V28.1c0 .395-.14.732-.42 1.013-.281.28-.619.42-1.013.42a1.38 1.38 0 0 1-1.013-.42 1.38 1.38 0 0 1-.42-1.013v-6.72h-2.657v6.72c0 .395-.14.732-.42 1.013-.281.28-.619.42-1.014.42a1.38 1.38 0 0 1-1.012-.42 1.38 1.38 0 0 1-.42-1.013Z"></path>
   </symbol>
 
+  <symbol id="qgds-icon-alert-cancel-filled" viewBox="0 0 32 32">
+    <path fill="currentColor" d="M16 17.3035L20.7629 22.0668C20.9405 22.2444 21.1554 22.3355 21.4077 22.3402C21.6599 22.3448 21.8796 22.2537 22.0668 22.0668C22.2537 21.8796 22.3472 21.6623 22.3472 21.4147C22.3472 21.1673 22.2537 20.9501 22.0668 20.7629L17.3035 16L22.0668 11.2371C22.2444 11.0595 22.3355 10.8446 22.3402 10.5923C22.3448 10.3401 22.2537 10.1204 22.0668 9.93321C21.8796 9.7463 21.6623 9.65284 21.4147 9.65284C21.1673 9.65284 20.9501 9.7463 20.7629 9.93321L16 14.6965L11.2371 9.93321C11.0595 9.75563 10.8446 9.66451 10.5923 9.65984C10.3401 9.65517 10.1204 9.7463 9.93321 9.93321C9.7463 10.1204 9.65284 10.3377 9.65284 10.5853C9.65284 10.8327 9.7463 11.0499 9.93321 11.2371L14.6965 16L9.93321 20.7629C9.75563 20.9405 9.66451 21.1554 9.65984 21.4077C9.65518 21.6599 9.7463 21.8796 9.93321 22.0668C10.1204 22.2537 10.3377 22.3472 10.5853 22.3472C10.8326 22.3472 11.0499 22.2537 11.2371 22.0668L16 17.3035ZM16.0026 30C14.0762 30 12.2627 29.6326 10.5621 28.8977C8.86147 28.1628 7.37686 27.1614 6.10826 25.8936C4.83991 24.6255 3.83805 23.1415 3.10268 21.4416C2.36756 19.7417 2 17.9287 2 16.0026C2 14.0662 2.36744 12.246 3.10232 10.5422C3.83719 8.83839 4.83856 7.35635 6.10642 6.0961C7.37453 4.83586 8.85853 3.83805 10.5584 3.10268C12.2583 2.36756 14.0713 2 15.9974 2C17.9338 2 19.754 2.36744 21.4578 3.10232C23.1616 3.83719 24.6436 4.83451 25.9039 6.09426C27.1641 7.35402 28.1619 8.83544 28.8973 10.5385C29.6324 12.2416 30 14.0612 30 15.9974C30 17.9238 29.6326 19.7373 28.8977 21.4379C28.1628 23.1385 27.1655 24.6231 25.9057 25.8917C24.646 27.1601 23.1646 28.1619 21.4615 28.8973C19.7584 29.6324 17.9388 30 16.0026 30Z" ></path>
+  </symbol>
+
   <symbol id="qgds-icon-alert-cancel" viewBox="0 0 32 32">
     <path fill="currentColor" d="m16 17.303 4.763 4.764a.903.903 0 0 0 .645.273.879.879 0 0 0 .659-.273.895.895 0 0 0 0-1.304L17.303 16l4.764-4.763a.903.903 0 0 0 .273-.645.879.879 0 0 0-.273-.659.895.895 0 0 0-1.304 0L16 14.697l-4.763-4.764a.903.903 0 0 0-.645-.273.878.878 0 0 0-.659.273.895.895 0 0 0 0 1.304L14.697 16l-4.764 4.763a.903.903 0 0 0-.273.645.878.878 0 0 0 .273.659.895.895 0 0 0 1.304 0L16 17.303ZM16.003 30c-1.927 0-3.74-.367-5.44-1.102a14.205 14.205 0 0 1-4.455-3.004 14.202 14.202 0 0 1-3.005-4.452C2.368 19.742 2 17.929 2 16.002c0-1.936.367-3.756 1.102-5.46a14.038 14.038 0 0 1 3.004-4.446 14.307 14.307 0 0 1 4.452-2.993C12.258 2.368 14.071 2 15.998 2c1.936 0 3.756.367 5.46 1.102a14.142 14.142 0 0 1 4.446 2.992 14.14 14.14 0 0 1 2.993 4.445C29.632 12.242 30 14.06 30 15.997c0 1.927-.367 3.74-1.102 5.44a14.308 14.308 0 0 1-2.992 4.455 14.036 14.036 0 0 1-4.444 3.005c-1.704.735-3.523 1.103-5.46 1.103ZM16 28.148c3.384 0 6.255-1.18 8.613-3.543 2.357-2.363 3.535-5.23 3.535-8.605 0-3.384-1.178-6.255-3.535-8.613C22.255 5.03 19.384 3.852 16 3.852c-3.374 0-6.243 1.178-8.605 3.535C5.033 9.745 3.852 12.616 3.852 16c0 3.374 1.18 6.242 3.543 8.605 2.362 2.362 5.23 3.543 8.605 3.543Z"></path>
   </symbol>

package/src/js/handlebars.partials.js

@@ -20,6 +20,7 @@ import contentWrapper from "../components/bs5/contentWrapper/contentWrapper.hbs?
 import correctincorrect from "../components/bs5/correctincorrect/correctincorrect.hbs?raw";
 import customLinks from "../components/bs5/footer/customLinks.hbs?raw";
 import dateinput from "../components/bs5/dateinput/dateinput.hbs?raw";
+import details from "../components/bs5/details/details.hbs?raw";
 import directionLinks from "../components/bs5/directionLinks/directionLinks.hbs?raw";
 import feedbackForm from "../components/bs5/footer/feedbackForm.hbs?raw";
 import followLinks from "../components/bs5/footer/followLinks.hbs?raw";
@@ -89,6 +90,7 @@ export default function handlebarsPartials(handlebars) {
   handlebars.registerPartial("correctincorrect", correctincorrect);
   handlebars.registerPartial("customLinks", customLinks);
   handlebars.registerPartial("dateinput", dateinput);
+  handlebars.registerPartial("details", details);
   handlebars.registerPartial("directionLinks", directionLinks);
   handlebars.registerPartial("feedbackForm", feedbackForm);
   handlebars.registerPartial("followLinks", followLinks);

package/src/stories/component-list.json

@@ -190,6 +190,22 @@
     "storyTitle": "3. Components/Forms/Dateinput",
     "storyPath": "/docs/3-components-forms-dateinput"
   },
+  {
+    "id": "qgds-details",
+    "title": "Details",
+    "title_uikit": "Details",
+    "type": "Component",
+    "scope": "Core",
+    "group": "Components",
+    "status": "Published",
+    "description": "",
+    "refs": {
+      "uikit": "",
+      "website": ""
+    },
+    "storyTitle": "3. Components/Details",
+    "storyPath": "/docs/3-components-details"
+  },
   {
     "id": "qgds-direction-link",
     "title": "Direction link",

package/src/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +0,0 @@
-{"version":"3.2.4","results":[[":components/bs5/searchInput/searchInput.test.js",{"duration":1498.590292,"failed":false}],[":components/bs5/globalAlert/globalAlert.test.js",{"duration":190.91299999999995,"failed":false}],[":components/bs5/breadcrumbs/breadcrumbs.test.js",{"duration":12.955917,"failed":false}],[":components/bs5/accordion/accordion.test.js",{"duration":102.09641699999997,"failed":false}],[":components/bs5/skiplinks/skipLinks.test.js",{"duration":46.37574999999998,"failed":false}],[":components/bs5/contentFooterWrapper/contentFooterWrapper.test.js",{"duration":0.22662499999999852,"failed":false}],[":components/bs5/mainContainerWrapper/mainContainerWrapper.test.js",{"duration":0.2036250000000024,"failed":false}],[":components/bs5/breadcumbsWrapper/breadcrumbsWrapper.test.js",{"duration":0.24433300000001168,"failed":false}],[":components/bs5/contentWrapper/ContentWrapper.test.js",{"duration":0.20604099999999903,"failed":false}],[":components/bs5/sidenavWrapper/SidenavWrapper.test.js",{"duration":0.2135420000000039,"failed":false}],[":components/bs5/fullPageWrapper/fullPage.test.js",{"duration":0.28120800000000656,"failed":false}]]}