@graupl/core 1.0.0-beta.31 → 1.0.0-beta.33

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 (95) hide show
  1. package/dist/css/component/tabs.css +2 -0
  2. package/dist/css/component/tabs.css.map +1 -0
  3. package/dist/js/accordion.js +3 -3
  4. package/dist/js/accordion.js.map +1 -1
  5. package/dist/js/alert.js +3 -3
  6. package/dist/js/alert.js.map +1 -1
  7. package/dist/js/carousel.js +3 -3
  8. package/dist/js/carousel.js.map +1 -1
  9. package/dist/js/component/accordion.cjs.js +3 -3
  10. package/dist/js/component/accordion.cjs.js.map +1 -1
  11. package/dist/js/component/accordion.es.js +3 -3
  12. package/dist/js/component/accordion.es.js.map +1 -1
  13. package/dist/js/component/accordion.iife.js +3 -3
  14. package/dist/js/component/accordion.iife.js.map +1 -1
  15. package/dist/js/component/alert.cjs.js +3 -3
  16. package/dist/js/component/alert.cjs.js.map +1 -1
  17. package/dist/js/component/alert.es.js +3 -3
  18. package/dist/js/component/alert.es.js.map +1 -1
  19. package/dist/js/component/alert.iife.js +3 -3
  20. package/dist/js/component/alert.iife.js.map +1 -1
  21. package/dist/js/component/carousel.cjs.js +3 -3
  22. package/dist/js/component/carousel.cjs.js.map +1 -1
  23. package/dist/js/component/carousel.es.js +3 -3
  24. package/dist/js/component/carousel.es.js.map +1 -1
  25. package/dist/js/component/carousel.iife.js +3 -3
  26. package/dist/js/component/carousel.iife.js.map +1 -1
  27. package/dist/js/component/disclosure.cjs.js +3 -3
  28. package/dist/js/component/disclosure.cjs.js.map +1 -1
  29. package/dist/js/component/disclosure.es.js +3 -3
  30. package/dist/js/component/disclosure.es.js.map +1 -1
  31. package/dist/js/component/disclosure.iife.js +3 -3
  32. package/dist/js/component/disclosure.iife.js.map +1 -1
  33. package/dist/js/component/tabs.cjs.js +3 -3
  34. package/dist/js/component/tabs.cjs.js.map +1 -1
  35. package/dist/js/component/tabs.es.js +3 -3
  36. package/dist/js/component/tabs.es.js.map +1 -1
  37. package/dist/js/component/tabs.iife.js +3 -3
  38. package/dist/js/component/tabs.iife.js.map +1 -1
  39. package/dist/js/disclosure.js +3 -3
  40. package/dist/js/disclosure.js.map +1 -1
  41. package/dist/js/generator/accordion.cjs.js +3 -3
  42. package/dist/js/generator/accordion.cjs.js.map +1 -1
  43. package/dist/js/generator/accordion.es.js +3 -3
  44. package/dist/js/generator/accordion.es.js.map +1 -1
  45. package/dist/js/generator/accordion.iife.js +3 -3
  46. package/dist/js/generator/accordion.iife.js.map +1 -1
  47. package/dist/js/generator/alert.cjs.js +3 -3
  48. package/dist/js/generator/alert.cjs.js.map +1 -1
  49. package/dist/js/generator/alert.es.js +3 -3
  50. package/dist/js/generator/alert.es.js.map +1 -1
  51. package/dist/js/generator/alert.iife.js +3 -3
  52. package/dist/js/generator/alert.iife.js.map +1 -1
  53. package/dist/js/generator/carousel.cjs.js +3 -3
  54. package/dist/js/generator/carousel.cjs.js.map +1 -1
  55. package/dist/js/generator/carousel.es.js +3 -3
  56. package/dist/js/generator/carousel.es.js.map +1 -1
  57. package/dist/js/generator/carousel.iife.js +3 -3
  58. package/dist/js/generator/carousel.iife.js.map +1 -1
  59. package/dist/js/generator/disclosure.cjs.js +3 -3
  60. package/dist/js/generator/disclosure.cjs.js.map +1 -1
  61. package/dist/js/generator/disclosure.es.js +3 -3
  62. package/dist/js/generator/disclosure.es.js.map +1 -1
  63. package/dist/js/generator/disclosure.iife.js +3 -3
  64. package/dist/js/generator/disclosure.iife.js.map +1 -1
  65. package/dist/js/generator/navigation.cjs.js +1 -1
  66. package/dist/js/generator/navigation.cjs.js.map +1 -1
  67. package/dist/js/generator/navigation.es.js +1 -1
  68. package/dist/js/generator/navigation.es.js.map +1 -1
  69. package/dist/js/generator/navigation.iife.js +1 -1
  70. package/dist/js/generator/navigation.iife.js.map +1 -1
  71. package/dist/js/generator/tabs.cjs.js +3 -3
  72. package/dist/js/generator/tabs.cjs.js.map +1 -1
  73. package/dist/js/generator/tabs.es.js +3 -3
  74. package/dist/js/generator/tabs.es.js.map +1 -1
  75. package/dist/js/generator/tabs.iife.js +3 -3
  76. package/dist/js/generator/tabs.iife.js.map +1 -1
  77. package/dist/js/graupl.js +3 -3
  78. package/dist/js/graupl.js.map +1 -1
  79. package/dist/js/navigation.js +1 -1
  80. package/dist/js/navigation.js.map +1 -1
  81. package/dist/js/tabs.js +3 -3
  82. package/dist/js/tabs.js.map +1 -1
  83. package/package.json +1 -1
  84. package/scss/component/tabs.scss +3 -0
  85. package/src/js/Component.js +54 -41
  86. package/src/js/TransactionalValue.js +50 -42
  87. package/src/js/accordion/Accordion.js +106 -192
  88. package/src/js/accordion/AccordionItem.js +85 -111
  89. package/src/js/alert/Alert.js +86 -128
  90. package/src/js/carousel/Carousel.js +78 -171
  91. package/src/js/disclosure/Disclosure.js +82 -167
  92. package/src/js/navigation/generator.js +1 -5
  93. package/src/js/tabs/TabToggle.js +81 -96
  94. package/src/js/tabs/Tabs.js +58 -121
  95. package/src/js/validate.js +46 -0
@@ -0,0 +1,2 @@
1
+ @layer graupl.component{.tabs{padding:var(--graupl-tabs-padding,var(--graupl-tabs-padding-y,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-tabs-padding-x,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))));border-width:var(--graupl-tabs-border-width,var(--graupl-tabs-border-top-width,0rem)var(--graupl-tabs-border-right-width,0rem)var(--graupl-tabs-border-bottom-width,0rem)var(--graupl-tabs-border-left-width,0rem));border-style:var(--graupl-tabs-border-style,var(--graupl-tabs-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))var(--graupl-tabs-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))var(--graupl-tabs-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))var(--graupl-tabs-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-radius:var(--graupl-tabs-border-radius,var(--graupl-tabs-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))var(--graupl-tabs-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-tabs-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-tabs-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));isolation:isolate;grid-template-rows:[list-start]auto[content-start list-end]1fr[content-end];grid-template-columns:[list-start content-start]1fr[content-end list-end];display:grid}.tab-list{margin:var(--graupl-tabs-tab-list-margin,0 0 calc(-1*max(var(--graupl-tabs-tab-list-border-bottom-width,0rem),var(--graupl-tabs-tab-toggle-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))))0);padding:var(--graupl-tabs-tab-list-padding,var(--graupl-tabs-tab-list-padding-y,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-tabs-tab-list-padding-x,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))));border-width:var(--graupl-tabs-tab-list-border-width,var(--graupl-tabs-tab-list-border-top-width,0rem)var(--graupl-tabs-tab-list-border-right-width,0rem)var(--graupl-tabs-tab-list-border-bottom-width,0rem)var(--graupl-tabs-tab-list-border-left-width,0rem));border-style:var(--graupl-tabs-tab-list-border-style,var(--graupl-tabs-tab-list-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))var(--graupl-tabs-tab-list-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))var(--graupl-tabs-tab-list-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))var(--graupl-tabs-tab-list-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-radius:var(--graupl-tabs-tab-list-border-radius,var(--graupl-tabs-tab-list-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))var(--graupl-tabs-tab-list-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-tabs-tab-list-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-tabs-tab-list-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));gap:var(--graupl-tabs-tab-list-gap,var(--graupl-tabs-tab-list-column-gap,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-tabs-tab-list-row-gap,var(--graupl-spacer-2,calc(.25*var(--graupl-spacer,1rem)))));flex-wrap:wrap;grid-area:list;display:flex}.tab-toggle{min-width:var(--graupl-button-min-width,44px);min-height:var(--graupl-button-min-height,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem))))var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem)))));transform:var(--graupl-button-transform,none);transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease));border-width:var(--graupl-button-border-width,var(--graupl-button-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem)))var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));border-style:var(--graupl-button-border-style,var(--graupl-button-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))var(--graupl-button-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))var(--graupl-button-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))var(--graupl-button-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-radius:var(--graupl-button-border-radius,var(--graupl-button-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(1*var(--graupl-font-size-base,1rem))));cursor:pointer;justify-content:center;align-items:center;display:flex}.tab-toggle:visited,.tab-toggle.visited{transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none))}.tab-toggle:focus-visible,.tab-toggle.focus{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.tab-toggle:hover,.tab-toggle.hover{transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none))}.tab-toggle:active,.tab-toggle.active{transform:var(--graupl-button-active-transform,scale(.95))}.tab-toggle:disabled,.tab-toggle:disabled:visited,.tab-toggle:disabled.visited,.tab-toggle:disabled:focus-visible,.tab-toggle:disabled.focus,.tab-toggle:disabled:hover,.tab-toggle:disabled.hover,.tab-toggle:disabled:active,.tab-toggle:disabled.active,.tab-toggle:disabled[aria-selected=true],.tab-toggle:disabled.selected,.tab-toggle:disabled[aria-current=true],.tab-toggle:disabled.current,.tab-toggle[disabled],.tab-toggle[disabled]:visited,.tab-toggle[disabled].visited,.tab-toggle[disabled]:focus-visible,.tab-toggle[disabled].focus,.tab-toggle[disabled]:hover,.tab-toggle[disabled].hover,.tab-toggle[disabled]:active,.tab-toggle[disabled].active,.tab-toggle[disabled][aria-selected=true],.tab-toggle[disabled].selected,.tab-toggle[disabled][aria-current=true],.tab-toggle[disabled].current,.tab-toggle[aria-disabled=true],.tab-toggle[aria-disabled=true]:visited,.tab-toggle[aria-disabled=true].visited,.tab-toggle[aria-disabled=true]:focus-visible,.tab-toggle[aria-disabled=true].focus,.tab-toggle[aria-disabled=true]:hover,.tab-toggle[aria-disabled=true].hover,.tab-toggle[aria-disabled=true]:active,.tab-toggle[aria-disabled=true].active,.tab-toggle[aria-disabled=true][aria-selected=true],.tab-toggle[aria-disabled=true].selected,.tab-toggle[aria-disabled=true][aria-current=true],.tab-toggle[aria-disabled=true].current,.tab-toggle.disabled,.tab-toggle.disabled:visited,.tab-toggle.disabled.visited,.tab-toggle.disabled:focus-visible,.tab-toggle.disabled.focus,.tab-toggle.disabled:hover,.tab-toggle.disabled.hover,.tab-toggle.disabled:active,.tab-toggle.disabled.active,.tab-toggle.disabled[aria-selected=true],.tab-toggle.disabled.selected,.tab-toggle.disabled[aria-current=true],.tab-toggle.disabled.current{transform:var(--graupl-button-disabled-transform,none)}.tab-toggle:disabled,.tab-toggle[disabled],.tab-toggle[aria-disabled=true],.tab-toggle.disabled{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.tab-toggle{--graupl-button-transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}.tab-toggle{z-index:2;padding:var(--graupl-tabs-tab-toggle-padding,var(--graupl-tabs-tab-toggle-padding-y,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem))))var(--graupl-tabs-tab-toggle-padding-x,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem)))));border-width:var(--graupl-tabs-tab-toggle-border-width,var(--graupl-tabs-tab-toggle-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem)))var(--graupl-tabs-tab-toggle-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))var(--graupl-tabs-tab-toggle-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))var(--graupl-tabs-tab-toggle-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));border-style:var(--graupl-tabs-tab-toggle-border-style,var(--graupl-tabs-tab-toggle-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))var(--graupl-tabs-tab-toggle-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))var(--graupl-tabs-tab-toggle-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))var(--graupl-tabs-tab-toggle-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-radius:var(--graupl-tabs-tab-toggle-border-radius,var(--graupl-tabs-tab-toggle-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))var(--graupl-tabs-tab-toggle-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-tabs-tab-toggle-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-tabs-tab-toggle-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));flex:auto}.tab-toggle:visited,.tab-toggle.visited{transform:var(--graupl-tabs-tab-toggle-visited-transform,var(--graupl-tabs-tab-toggle-transform,none))}.tab-toggle:focus-visible,.tab-toggle.focus{transform:var(--graupl-tabs-tab-toggle-focus-transform,var(--graupl-tabs-tab-toggle-transform,none))}.tab-toggle:hover,.tab-toggle.hover{transform:var(--graupl-tabs-tab-toggle-hover-transform,var(--graupl-tabs-tab-toggle-transform,none))}.tab-toggle:active,.tab-toggle.active{transform:var(--graupl-tabs-tab-toggle-active-transform,none)}.tab-toggle:disabled,.tab-toggle:disabled:visited,.tab-toggle:disabled.visited,.tab-toggle:disabled:focus-visible,.tab-toggle:disabled.focus,.tab-toggle:disabled:hover,.tab-toggle:disabled.hover,.tab-toggle:disabled:active,.tab-toggle:disabled.active,.tab-toggle:disabled[aria-selected=true],.tab-toggle:disabled.selected,.tab-toggle:disabled[aria-current=true],.tab-toggle:disabled.current,.tab-toggle[disabled],.tab-toggle[disabled]:visited,.tab-toggle[disabled].visited,.tab-toggle[disabled]:focus-visible,.tab-toggle[disabled].focus,.tab-toggle[disabled]:hover,.tab-toggle[disabled].hover,.tab-toggle[disabled]:active,.tab-toggle[disabled].active,.tab-toggle[disabled][aria-selected=true],.tab-toggle[disabled].selected,.tab-toggle[disabled][aria-current=true],.tab-toggle[disabled].current,.tab-toggle[aria-disabled=true],.tab-toggle[aria-disabled=true]:visited,.tab-toggle[aria-disabled=true].visited,.tab-toggle[aria-disabled=true]:focus-visible,.tab-toggle[aria-disabled=true].focus,.tab-toggle[aria-disabled=true]:hover,.tab-toggle[aria-disabled=true].hover,.tab-toggle[aria-disabled=true]:active,.tab-toggle[aria-disabled=true].active,.tab-toggle[aria-disabled=true][aria-selected=true],.tab-toggle[aria-disabled=true].selected,.tab-toggle[aria-disabled=true][aria-current=true],.tab-toggle[aria-disabled=true].current,.tab-toggle.disabled,.tab-toggle.disabled:visited,.tab-toggle.disabled.visited,.tab-toggle.disabled:focus-visible,.tab-toggle.disabled.focus,.tab-toggle.disabled:hover,.tab-toggle.disabled.hover,.tab-toggle.disabled:active,.tab-toggle.disabled.active,.tab-toggle.disabled[aria-selected=true],.tab-toggle.disabled.selected,.tab-toggle.disabled[aria-current=true],.tab-toggle.disabled.current{transform:var(--graupl-tabs-tab-toggle-disabled-transform,none)}.tab-toggle[aria-selected=true],.tab-toggle.selected{transform:var(--graupl-tabs-tab-toggle-selected-transform,none)}.tab-content{display:var(--graupl-tabs-tab-content-display,none);z-index:1;padding:var(--graupl-tabs-tab-content-padding,var(--graupl-tabs-tab-content-padding-y,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem))))var(--graupl-tabs-tab-content-padding-x,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem)))));transition:var(--graupl-tabs-tab-content-transition,opacity var(--graupl-tabs-tab-content-transition-duration,var(--graupl-transition-duration-fast,.15s))var(--graupl-tabs-tab-content-transition-timing-function,var(--graupl-transition-timing-function,ease)));border-width:var(--graupl-tabs-tab-content-border-width,var(--graupl-tabs-tab-content-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem)))var(--graupl-tabs-tab-content-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))var(--graupl-tabs-tab-content-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))var(--graupl-tabs-tab-content-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));border-style:var(--graupl-tabs-tab-content-border-style,var(--graupl-tabs-tab-content-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))var(--graupl-tabs-tab-content-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))var(--graupl-tabs-tab-content-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))var(--graupl-tabs-tab-content-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-radius:var(--graupl-tabs-tab-content-border-radius,var(--graupl-tabs-tab-content-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))var(--graupl-tabs-tab-content-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-tabs-tab-content-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-tabs-tab-content-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));opacity:var(--graupl-tabs-tab-content-opacity,var(--graupl-tabs-tab-content-hide-opacity,0));grid-area:content}.tab-content.hide{--graupl-tabs-tab-content-display:var(--graupl-tabs-tab-content-hide-display,none);--graupl-tabs-tab-content-opacity:var(--graupl-tabs-tab-content-hide-opacity,0)}.tab-content.transitioning{--graupl-tabs-tab-content-display:var(--graupl-tabs-tab-content-transitioning-display,block);--graupl-tabs-tab-content-opacity:var(--graupl-tabs-tab-content-transitioning-opacity,0)}.tab-content.show{--graupl-tabs-tab-content-display:var(--graupl-tabs-tab-content-show-display,block);--graupl-tabs-tab-content-opacity:var(--graupl-tabs-tab-content-show-opacity,1)}@media (prefers-reduced-motion:reduce){.tab-content{--graupl-tabs-tab-content-transition:var(--graupl-tabs-tab-content-transition-reduced-motion,opacity var(--graupl-tabs-tab-content-transition-duration,var(--graupl-transition-duration-fast,.15s))var(--graupl-tabs-tab-content-transition-timing-function,var(--graupl-transition-timing-function,ease)))}}}@layer graupl.theme{.tabs{border-color:var(--graupl-tabs-border-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));background:var(--graupl-tabs-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));color:var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.tab-list{border-color:var(--graupl-tabs-tab-list-border-color,var(--graupl-tabs-border-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));background:var(--graupl-tabs-tab-list-background,var(--graupl-tabs-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));color:var(--graupl-tabs-tab-list-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.tab-toggle:visited,.tab-toggle.visited{border-color:var(--graupl-button-visited-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));background:var(--graupl-button-visited-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.tab-toggle:focus-visible,.tab-toggle.focus{border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.tab-toggle:hover,.tab-toggle.hover{border-color:var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));background:var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.tab-toggle:active,.tab-toggle.active{border-color:var(--graupl-button-active-border-color,var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));background:var(--graupl-button-active-background,var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.tab-toggle:disabled,.tab-toggle:disabled:visited,.tab-toggle:disabled.visited,.tab-toggle:disabled:focus-visible,.tab-toggle:disabled.focus,.tab-toggle:disabled:hover,.tab-toggle:disabled.hover,.tab-toggle:disabled:active,.tab-toggle:disabled.active,.tab-toggle:disabled[aria-selected=true],.tab-toggle:disabled.selected,.tab-toggle:disabled[aria-current=true],.tab-toggle:disabled.current,.tab-toggle[disabled],.tab-toggle[disabled]:visited,.tab-toggle[disabled].visited,.tab-toggle[disabled]:focus-visible,.tab-toggle[disabled].focus,.tab-toggle[disabled]:hover,.tab-toggle[disabled].hover,.tab-toggle[disabled]:active,.tab-toggle[disabled].active,.tab-toggle[disabled][aria-selected=true],.tab-toggle[disabled].selected,.tab-toggle[disabled][aria-current=true],.tab-toggle[disabled].current,.tab-toggle[aria-disabled=true],.tab-toggle[aria-disabled=true]:visited,.tab-toggle[aria-disabled=true].visited,.tab-toggle[aria-disabled=true]:focus-visible,.tab-toggle[aria-disabled=true].focus,.tab-toggle[aria-disabled=true]:hover,.tab-toggle[aria-disabled=true].hover,.tab-toggle[aria-disabled=true]:active,.tab-toggle[aria-disabled=true].active,.tab-toggle[aria-disabled=true][aria-selected=true],.tab-toggle[aria-disabled=true].selected,.tab-toggle[aria-disabled=true][aria-current=true],.tab-toggle[aria-disabled=true].current,.tab-toggle.disabled,.tab-toggle.disabled:visited,.tab-toggle.disabled.visited,.tab-toggle.disabled:focus-visible,.tab-toggle.disabled.focus,.tab-toggle.disabled:hover,.tab-toggle.disabled.hover,.tab-toggle.disabled:active,.tab-toggle.disabled.active,.tab-toggle.disabled[aria-selected=true],.tab-toggle.disabled.selected,.tab-toggle.disabled[aria-current=true],.tab-toggle.disabled.current{border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.tab-toggle.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.tab-toggle.secondary{--graupl-button-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.tab-toggle.tertiary{--graupl-button-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.tab-toggle{border-color:var(--graupl-tabs-tab-toggle-border-color,var(--graupl-tabs-tab-list-border-color,var(--graupl-tabs-border-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));background:var(--graupl-tabs-tab-toggle-background,var(--graupl-tabs-tab-list-background,var(--graupl-tabs-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));color:var(--graupl-tabs-tab-toggle-color,var(--graupl-tabs-tab-list-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))}.tab-toggle:visited,.tab-toggle.visited{border-color:var(--graupl-tabs-tab-toggle-visited-border-color,var(--graupl-tabs-tab-toggle-border-color,var(--graupl-tabs-tab-list-border-color,var(--graupl-tabs-border-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))));background:var(--graupl-tabs-tab-toggle-visited-background,var(--graupl-tabs-tab-toggle-background,var(--graupl-tabs-tab-list-background,var(--graupl-tabs-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))));color:var(--graupl-tabs-tab-toggle-visited-color,var(--graupl-tabs-tab-toggle-color,var(--graupl-tabs-tab-list-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))))}.tab-toggle:focus-visible,.tab-toggle.focus{border-color:var(--graupl-tabs-tab-toggle-focus-border-color,var(--graupl-tabs-tab-toggle-border-color,var(--graupl-tabs-tab-list-border-color,var(--graupl-tabs-border-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))));background:var(--graupl-tabs-tab-toggle-focus-background,var(--graupl-tabs-tab-toggle-background,var(--graupl-tabs-tab-list-background,var(--graupl-tabs-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))));color:var(--graupl-tabs-tab-toggle-focus-color,var(--graupl-tabs-tab-toggle-color,var(--graupl-tabs-tab-list-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))))}.tab-toggle:hover,.tab-toggle.hover{border-color:var(--graupl-tabs-tab-toggle-hover-border-color,var(--graupl-tabs-tab-list-border-color,var(--graupl-tabs-border-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));background:var(--graupl-tabs-tab-toggle-hover-background,var(--graupl-tabs-tab-list-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-tabs-tab-toggle-hover-color,var(--graupl-tabs-tab-list-background,var(--graupl-tabs-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))))}.tab-toggle:active,.tab-toggle.active{border-color:var(--graupl-tabs-tab-toggle-active-border-color,var(--graupl-tabs-tab-toggle-hover-border-color,var(--graupl-tabs-tab-list-border-color,var(--graupl-tabs-border-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))));background:var(--graupl-tabs-tab-toggle-active-background,var(--graupl-tabs-tab-toggle-hover-background,var(--graupl-tabs-tab-list-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));color:var(--graupl-tabs-tab-toggle-active-color,var(--graupl-tabs-tab-toggle-hover-color,var(--graupl-tabs-tab-list-background,var(--graupl-tabs-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))))}.tab-toggle:disabled,.tab-toggle:disabled:visited,.tab-toggle:disabled.visited,.tab-toggle:disabled:focus-visible,.tab-toggle:disabled.focus,.tab-toggle:disabled:hover,.tab-toggle:disabled.hover,.tab-toggle:disabled:active,.tab-toggle:disabled.active,.tab-toggle:disabled[aria-selected=true],.tab-toggle:disabled.selected,.tab-toggle:disabled[aria-current=true],.tab-toggle:disabled.current,.tab-toggle[disabled],.tab-toggle[disabled]:visited,.tab-toggle[disabled].visited,.tab-toggle[disabled]:focus-visible,.tab-toggle[disabled].focus,.tab-toggle[disabled]:hover,.tab-toggle[disabled].hover,.tab-toggle[disabled]:active,.tab-toggle[disabled].active,.tab-toggle[disabled][aria-selected=true],.tab-toggle[disabled].selected,.tab-toggle[disabled][aria-current=true],.tab-toggle[disabled].current,.tab-toggle[aria-disabled=true],.tab-toggle[aria-disabled=true]:visited,.tab-toggle[aria-disabled=true].visited,.tab-toggle[aria-disabled=true]:focus-visible,.tab-toggle[aria-disabled=true].focus,.tab-toggle[aria-disabled=true]:hover,.tab-toggle[aria-disabled=true].hover,.tab-toggle[aria-disabled=true]:active,.tab-toggle[aria-disabled=true].active,.tab-toggle[aria-disabled=true][aria-selected=true],.tab-toggle[aria-disabled=true].selected,.tab-toggle[aria-disabled=true][aria-current=true],.tab-toggle[aria-disabled=true].current,.tab-toggle.disabled,.tab-toggle.disabled:visited,.tab-toggle.disabled.visited,.tab-toggle.disabled:focus-visible,.tab-toggle.disabled.focus,.tab-toggle.disabled:hover,.tab-toggle.disabled.hover,.tab-toggle.disabled:active,.tab-toggle.disabled.active,.tab-toggle.disabled[aria-selected=true],.tab-toggle.disabled.selected,.tab-toggle.disabled[aria-current=true],.tab-toggle.disabled.current{border-color:var(--graupl-tabs-tab-toggle-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));background:var(--graupl-tabs-tab-toggle-disabled-background,var(--graupl-tabs-tab-list-background,var(--graupl-tabs-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));color:var(--graupl-tabs-tab-toggle-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.tab-toggle[aria-selected=true],.tab-toggle.selected{border-color:var(--graupl-tabs-tab-toggle-selected-border-color,var(--graupl-tabs-tab-toggle-hover-border-color,var(--graupl-tabs-tab-list-border-color,var(--graupl-tabs-border-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))));background:var(--graupl-tabs-tab-toggle-selected-background,var(--graupl-tabs-tab-toggle-hover-background,var(--graupl-tabs-tab-list-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));color:var(--graupl-tabs-tab-toggle-selected-color,var(--graupl-tabs-tab-toggle-hover-color,var(--graupl-tabs-tab-list-background,var(--graupl-tabs-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))))}.tab-content{border-color:var(--graupl-tabs-tab-content-border-color,var(--graupl-tabs-border-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));background:var(--graupl-tabs-tab-content-background,var(--graupl-tabs-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));color:var(--graupl-tabs-tab-content-color,var(--graupl-tabs-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}}
2
+ /*# sourceMappingURL=tabs.css.map */