@ilo-org/react 0.0.16 → 0.0.18

package/.turbo/turbo-build.log

@@ -1,16 +1,16 @@
 
-> @ilo-org/react@0.0.16 build /home/runner/work/designsystem/designsystem/packages/react
+> @ilo-org/react@0.0.18 build /home/runner/work/designsystem/designsystem/packages/react
 > pnpm run build:rollup && npm run build:storybook
 
 
-> @ilo-org/react@0.0.16 build:rollup /home/runner/work/designsystem/designsystem/packages/react
+> @ilo-org/react@0.0.18 build:rollup /home/runner/work/designsystem/designsystem/packages/react
 > rollup -c
 
 
 src/index.ts → lib/index.js, lib/index.esm.js...
-created lib/index.js, lib/index.esm.js in 10.2s
+created lib/index.js, lib/index.esm.js in 8.5s
 
-> @ilo-org/react@0.0.16 build:storybook
+> @ilo-org/react@0.0.18 build:storybook
 > build-storybook
 
 info @storybook/react v6.5.13
@@ -153,52 +153,45 @@ info => Using default Webpack5 setup
 <s> [webpack.Progress] 9% setup compilation
 <s> [webpack.Progress] 10% building
 <s> [webpack.Progress] 10% building 0/1 entries 0/0 dependencies 0/0 modules
-<s> [webpack.Progress] 10% building 0/14 entries 3/19 dependencies 0/2 modules
+<s> [webpack.Progress] 10% building 0/14 entries 6/19 dependencies 0/4 modules
 <s> [webpack.Progress] 10% building import loader ../../node_modules/.pnpm/babel-loader@8.2.5_f645c55d63e77e0aacb83a76bcc9695b/node_modules/babel-loader/lib/index.js
 <s> [webpack.Progress] 10% building import loader ../../node_modules/.pnpm/source-map-loader@3.0.2_webpack@5.74.0/node_modules/source-map-loader/dist/cjs.js
 <s> [webpack.Progress] 10% building 0/14 entries 6/19 dependencies 0/5 modules
-<s> [webpack.Progress] 10% building 0/14 entries 6/20 dependencies 0/5 modules
-<s> [webpack.Progress] 10% building 0/14 entries 18/69 dependencies 0/16 modules
+<s> [webpack.Progress] 10% building 0/14 entries 13/46 dependencies 0/12 modules
 <s> [webpack.Progress] 10% building import loader ../../node_modules/.pnpm/babel-loader@8.2.5_webpack@5.74.0/node_modules/babel-loader/lib/index.js
 <s> [webpack.Progress] 10% building import loader ../../node_modules/.pnpm/@storybook+mdx1-csf@0.0.1/node_modules/@storybook/mdx1-csf/loader.js
 <s> [webpack.Progress] 10% building 0/14 entries 19/69 dependencies 0/18 modules
 <s> [webpack.Progress] 10% building import loader ../../node_modules/.pnpm/@storybook+source-loader@6.5.13_react-dom@17.0.2+react@17.0.2/node_modules/@storybook/source-loader/dist/cjs/index.js
 <s> [webpack.Progress] 10% building 0/14 entries 51/69 dependencies 0/50 modules
 <s> [webpack.Progress] 10% building 0/14 entries 57/100 dependencies 0/53 modules
-<s> [webpack.Progress] 10% building 0/14 entries 100/221 dependencies 0/82 modules
-<s> [webpack.Progress] 10% building import loader ../../node_modules/.pnpm/mini-css-extract-plugin@2.6.1_webpack@5.74.0/node_modules/mini-css-extract-plugin/dist/loader.js
-<s> [webpack.Progress] 10% building import loader ../../node_modules/.pnpm/css-loader@6.7.1_webpack@5.74.0/node_modules/css-loader/dist/cjs.js
-<s> [webpack.Progress] 10% building import loader ../../node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.18+webpack@5.74.0/node_modules/postcss-loader/dist/cjs.js
-<s> [webpack.Progress] 10% building import loader ../../node_modules/.pnpm/resolve-url-loader@4.0.0/node_modules/resolve-url-loader/index.js
-<s> [webpack.Progress] 10% building import loader ../../node_modules/.pnpm/sass-loader@12.6.0_sass@1.55.0+webpack@5.74.0/node_modules/sass-loader/dist/cjs.js
-<s> [webpack.Progress] 10% building 0/14 entries 186/238 dependencies 1/121 modules
-<s> [webpack.Progress] 10% building 0/14 entries 199/300 dependencies 1/134 modules
-<s> [webpack.Progress] 10% building 0/14 entries 234/306 dependencies 3/142 modules
-<s> [webpack.Progress] 13% building 1/14 entries 237/342 dependencies 19/142 modules
-<s> [webpack.Progress] 13% building 1/14 entries 322/355 dependencies 31/205 modules
-<s> [webpack.Progress] 13% building 1/14 entries 329/398 dependencies 32/211 modules
-<s> [webpack.Progress] 13% building 1/14 entries 349/672 dependencies 34/216 modules
-<s> [webpack.Progress] 13% building 1/14 entries 500/687 dependencies 40/289 modules
-<s> [webpack.Progress] 13% building 1/14 entries 662/695 dependencies 43/355 modules
-<s> [webpack.Progress] 13% building 1/14 entries 672/900 dependencies 47/364 modules
-<s> [webpack.Progress] 13% building 1/14 entries 900/1236 dependencies 59/386 modules
-<s> [webpack.Progress] 13% building 1/14 entries 1100/1236 dependencies 59/430 modules
-<s> [webpack.Progress] 13% building 1/14 entries 1194/1300 dependencies 64/439 modules
-<s> [webpack.Progress] 13% building 1/14 entries 1500/1566 dependencies 80/484 modules
-<s> [webpack.Progress] 13% building 1/14 entries 1546/1600 dependencies 80/514 modules
-<s> [webpack.Progress] 13% building 1/14 entries 1628/1800 dependencies 95/516 modules
-<s> [webpack.Progress] 13% building 1/14 entries 1900/1967 dependencies 117/546 modules
-<s> [webpack.Progress] 13% building 1/14 entries 1941/2000 dependencies 122/569 modules
-<s> [webpack.Progress] 13% building 1/14 entries 2053/2200 dependencies 146/574 modules
-<s> [webpack.Progress] 13% building 1/14 entries 2400/2441 dependencies 181/649 modules
-<s> [webpack.Progress] 13% building 1/14 entries 2573/2700 dependencies 253/668 modules
-<s> [webpack.Progress] 13% building 1/14 entries 2585/3000 dependencies 272/672 modules
-<s> [webpack.Progress] 13% building 1/14 entries 2900/3040 dependencies 338/680 modules
-<s> [webpack.Progress] 13% building 1/14 entries 3100/3172 dependencies 357/709 modules
-<s> [webpack.Progress] 14% building 1/14 entries 3222/3300 dependencies 376/740 modules
-<s> [webpack.Progress] 15% building 1/14 entries 3632/3698 dependencies 500/762 modules
-<s> [webpack.Progress] 16% building 1/14 entries 3894/4000 dependencies 596/854 modules
-<s> [webpack.Progress] 18% building 1/14 entries 4300/4390 dependencies 748/993 modules
+<s> [webpack.Progress] 10% building 0/14 entries 129/221 dependencies 0/100 modules
+<s> [webpack.Progress] 10% building 0/14 entries 200/250 dependencies 1/127 modules
+<s> [webpack.Progress] 10% building 0/14 entries 232/305 dependencies 3/141 modules
+<s> [webpack.Progress] 13% building 1/14 entries 236/321 dependencies 17/142 modules
+<s> [webpack.Progress] 13% building import loader ../../node_modules/.pnpm/mini-css-extract-plugin@2.6.1_webpack@5.74.0/node_modules/mini-css-extract-plugin/dist/loader.js
+<s> [webpack.Progress] 13% building import loader ../../node_modules/.pnpm/css-loader@6.7.1_webpack@5.74.0/node_modules/css-loader/dist/cjs.js
+<s> [webpack.Progress] 13% building import loader ../../node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.18+webpack@5.74.0/node_modules/postcss-loader/dist/cjs.js
+<s> [webpack.Progress] 13% building import loader ../../node_modules/.pnpm/resolve-url-loader@4.0.0/node_modules/resolve-url-loader/index.js
+<s> [webpack.Progress] 13% building import loader ../../node_modules/.pnpm/sass-loader@12.6.0_sass@1.55.0+webpack@5.74.0/node_modules/sass-loader/dist/cjs.js
+<s> [webpack.Progress] 13% building 1/14 entries 244/338 dependencies 27/147 modules
+<s> [webpack.Progress] 13% building 1/14 entries 322/354 dependencies 30/205 modules
+<s> [webpack.Progress] 13% building 1/14 entries 332/600 dependencies 32/213 modules
+<s> [webpack.Progress] 13% building 1/14 entries 600/715 dependencies 39/332 modules
+<s> [webpack.Progress] 13% building 1/14 entries 664/746 dependencies 40/360 modules
+<s> [webpack.Progress] 13% building 1/14 entries 797/1101 dependencies 46/400 modules
+<s> [webpack.Progress] 13% building 1/14 entries 1160/1400 dependencies 56/430 modules
+<s> [webpack.Progress] 13% building 1/14 entries 1440/1500 dependencies 71/491 modules
+<s> [webpack.Progress] 13% building 1/14 entries 1479/1600 dependencies 74/491 modules
+<s> [webpack.Progress] 13% building 1/14 entries 1761/1900 dependencies 102/538 modules
+<s> [webpack.Progress] 13% building 1/14 entries 2100/2285 dependencies 114/576 modules
+<s> [webpack.Progress] 13% building 1/14 entries 2235/2300 dependencies 158/635 modules
+<s> [webpack.Progress] 13% building 1/14 entries 2464/2500 dependencies 199/659 modules
+<s> [webpack.Progress] 13% building 1/14 entries 2645/3000 dependencies 297/674 modules
+<s> [webpack.Progress] 13% building 1/14 entries 3030/3100 dependencies 359/701 modules
+<s> [webpack.Progress] 15% building 1/14 entries 3375/3500 dependencies 469/747 modules
+<s> [webpack.Progress] 16% building 1/14 entries 3782/3900 dependencies 574/810 modules
+<s> [webpack.Progress] 17% building 1/14 entries 4063/4100 dependencies 644/912 modules
+<s> [webpack.Progress] 18% building 1/14 entries 4427/4500 dependencies 788/1037 modules
 
 
 ┌─────────────────────────────────────────────────────────────────────────────────┐
@@ -212,23 +205,22 @@ info => Using default Webpack5 setup
 └─────────────────────────────────────────────────────────────────────────────────┘
 			
 
-<s> [webpack.Progress] 19% building 1/14 entries 4500/4565 dependencies 829/1043 modules
-<s> [webpack.Progress] 19% building 1/14 entries 4578/4600 dependencies 854/1070 modules
-<s> [webpack.Progress] 21% building 1/14 entries 5000/5084 dependencies 1079/1265 modules
-<s> [webpack.Progress] 22% building 2/14 entries 5165/5236 dependencies 1129/1280 modules
-<s> [webpack.Progress] 22% building 3/14 entries 5165/5236 dependencies 1130/1280 modules
-<s> [webpack.Progress] 25% building 4/14 entries 5165/5236 dependencies 1131/1280 modules
-<s> [webpack.Progress] 29% building 5/14 entries 5165/5236 dependencies 1132/1280 modules
-<s> [webpack.Progress] 33% building 6/14 entries 5165/5236 dependencies 1133/1280 modules
-<s> [webpack.Progress] 37% building 7/14 entries 5165/5236 dependencies 1134/1280 modules
-<s> [webpack.Progress] 41% building 8/14 entries 5165/5236 dependencies 1135/1280 modules
-<s> [webpack.Progress] 45% building 9/14 entries 5165/5236 dependencies 1139/1280 modules
-<s> [webpack.Progress] 45% building 9/14 entries 5399/5421 dependencies 1200/1316 modules
-<s> [webpack.Progress] 49% building 10/14 entries 5399/5421 dependencies 1243/1316 modules
-<s> [webpack.Progress] 53% building 11/14 entries 5399/5421 dependencies 1244/1316 modules
-<s> [webpack.Progress] 57% building 12/14 entries 5507/5507 dependencies 1324/1343 modules
-<s> [webpack.Progress] 61% building 13/14 entries 5509/5509 dependencies 1344/1344 modules
-<s> [webpack.Progress] 64% building 14/14 entries 5509/5509 dependencies 1344/1344 modules
+<s> [webpack.Progress] 20% building 1/14 entries 4800/4873 dependencies 945/1138 modules
+<s> [webpack.Progress] 22% building 1/14 entries 5130/5200 dependencies 1099/1270 modules
+<s> [webpack.Progress] 22% building 1/14 entries 5400/5424 dependencies 1165/1328 modules
+<s> [webpack.Progress] 23% building 2/14 entries 5426/5447 dependencies 1214/1330 modules
+<s> [webpack.Progress] 23% building 3/14 entries 5426/5447 dependencies 1215/1330 modules
+<s> [webpack.Progress] 25% building 4/14 entries 5426/5447 dependencies 1216/1330 modules
+<s> [webpack.Progress] 29% building 5/14 entries 5426/5447 dependencies 1217/1330 modules
+<s> [webpack.Progress] 33% building 6/14 entries 5426/5447 dependencies 1218/1330 modules
+<s> [webpack.Progress] 37% building 7/14 entries 5426/5447 dependencies 1219/1330 modules
+<s> [webpack.Progress] 41% building 8/14 entries 5426/5447 dependencies 1220/1330 modules
+<s> [webpack.Progress] 45% building 9/14 entries 5426/5447 dependencies 1224/1330 modules
+<s> [webpack.Progress] 49% building 10/14 entries 5484/5488 dependencies 1304/1341 modules
+<s> [webpack.Progress] 53% building 11/14 entries 5484/5488 dependencies 1305/1341 modules
+<s> [webpack.Progress] 57% building 12/14 entries 5506/5508 dependencies 1333/1346 modules
+<s> [webpack.Progress] 61% building 13/14 entries 5518/5518 dependencies 1353/1353 modules
+<s> [webpack.Progress] 65% building 14/14 entries 5518/5518 dependencies 1353/1353 modules
 <s> [webpack.Progress] 65% building
 <s> [webpack.Progress] 69% building finish
 <s> [webpack.Progress] 69% building finish
@@ -330,13 +322,13 @@ info => Using default Webpack5 setup
 <s> [webpack.Progress] 92% sealing asset processing ESLintWebpackPlugin_1
 <s> [webpack.Progress] 92% sealing asset processing PersistentChildCompilerSingletonPlugin
 <s> [webpack.Progress] 92% sealing asset processing TerserPlugin
-info => Manager built (1.88 min)
+info => Manager built (1.45 min)
 <s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin
 <s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin static/css/main.78c3b5d5.css generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin static/css/main.78c3b5d5.css generated SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.ee494590.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.ee494590.iframe.bundle.js generated SourceMap
+<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin static/css/main.8230a15c.css generate SourceMap
+<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin static/css/main.8230a15c.css generated SourceMap
+<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.f938557e.iframe.bundle.js generate SourceMap
+<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.f938557e.iframe.bundle.js generated SourceMap
 <s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin runtime~main.fac2eb59.iframe.bundle.js generate SourceMap
 <s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin runtime~main.fac2eb59.iframe.bundle.js generated SourceMap
 <s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 259.813ec34b.iframe.bundle.js generate SourceMap
@@ -386,8 +378,8 @@ info => Manager built (1.88 min)
 <s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 504.9dfe019e.iframe.bundle.js generate SourceMap
 <s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 504.9dfe019e.iframe.bundle.js generated SourceMap
 <s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin resolve sources
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin static/css/main.78c3b5d5.css attach SourceMap
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin static/css/main.78c3b5d5.css attached SourceMap
+<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin static/css/main.8230a15c.css attach SourceMap
+<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin static/css/main.8230a15c.css attached SourceMap
 <s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 212.af750ee2.iframe.bundle.js attach SourceMap
 <s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 212.af750ee2.iframe.bundle.js attached SourceMap
 <s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin
@@ -400,8 +392,8 @@ info => Manager built (1.88 min)
 <s> [webpack.Progress] 92% sealing asset processing HtmlWebpackPlugin
 <s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin
 <s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin main.09e49cbd.iframe.bundle.js generate SourceMap
-<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin main.09e49cbd.iframe.bundle.js generated SourceMap
+<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin main.3ae24e12.iframe.bundle.js generate SourceMap
+<s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin main.3ae24e12.iframe.bundle.js generated SourceMap
 <s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin runtime~main.3bae6a4f.iframe.bundle.js generate SourceMap
 <s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin runtime~main.3bae6a4f.iframe.bundle.js generated SourceMap
 <s> [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 259.03b8a6d8.iframe.bundle.js generate SourceMap
@@ -474,7 +466,7 @@ info => Manager built (1.88 min)
 <s> [webpack.Progress] 99% cache begin idle
 <s> [webpack.Progress] 100% 
 
-info => Preview built (2 min)
+info => Preview built (1.53 min)
 WARN Critical dependency: require function is used in a way in which dependencies cannot be statically extracted
 WARN Critical dependency: require function is used in a way in which dependencies cannot be statically extracted
 WARN Should not import the named export 'themeprefix'.'value' (imported as 'themeprefix') from default-exporting module (only default export is available soon)
@@ -482,7 +474,7 @@ WARN Should not import the named export 'themeprefix'.'value' (imported as 'them
 WARN Module Warning (from ../../node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.18+webpack@5.74.0/node_modules/postcss-loader/dist/cjs.js):
 WARN Warning
 WARN 
-WARN (1:171748) postcss-preset-env: start value has mixed support, consider using flex-start instead
+WARN (1:191112) postcss-preset-env: start value has mixed support, consider using flex-start instead
 WARN [eslint] 
 WARN src/components/Accordion/AccordionPanel.tsx
 WARN   Line 11:3:  'timeout' is assigned a value but never used                                                                                                                                                                          @typescript-eslint/no-unused-vars
@@ -513,18 +505,18 @@ WARN   4bf5fc6f93ba10519c82.eot (473 KiB)
 WARN   d3434771ad7e9030387e.ttf (473 KiB)
 WARN   9ff97e342523931a4992.eot (339 KiB)
 WARN   1dbed2ef5cef8fcb4cbe.ttf (338 KiB)
-WARN   main.09e49cbd.iframe.bundle.js (530 KiB)
-WARN   static/css/main.3a816114.css (274 KiB)
+WARN   main.3ae24e12.iframe.bundle.js (538 KiB)
+WARN   static/css/main.19ed5330.css (293 KiB)
 WARN   639.c568c669.iframe.bundle.js (807 KiB)
 WARN   212.faba6ad0.iframe.bundle.js (2.33 MiB)
 WARN   504.f9ef513c.iframe.bundle.js (656 KiB)
 WARN entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
 WARN Entrypoints:
-WARN   main (3.12 MiB)
+WARN   main (3.15 MiB)
 WARN       runtime~main.3bae6a4f.iframe.bundle.js
 WARN       212.faba6ad0.iframe.bundle.js
-WARN       main.09e49cbd.iframe.bundle.js
-WARN       static/css/main.3a816114.css
+WARN       main.3ae24e12.iframe.bundle.js
+WARN       static/css/main.19ed5330.css
 WARN 
 <s> [webpack.Progress] 99% cache shutdown
 <s> [webpack.Progress] 99% cache shutdown

package/.turbo/turbo-check.log

@@ -1,4 +1,4 @@
 
-> @ilo-org/react@0.0.16 check /home/runner/work/designsystem/designsystem/packages/react
+> @ilo-org/react@0.0.18 check /home/runner/work/designsystem/designsystem/packages/react
 > tsc --noEmit
 

package/.turbo/turbo-test.log

@@ -1,8 +1,8 @@
 
-> @ilo-org/react@0.0.16 test /home/runner/work/designsystem/designsystem/packages/react
+> @ilo-org/react@0.0.18 test /home/runner/work/designsystem/designsystem/packages/react
 > NODE_OPTIONS=--experimental-vm-modules SKIP_PREFLIGHT_CHECK=true react-scripts test --watchAll=false --setupFilesAfterEnv ./src/setup.ts
 
-(node:3251) ExperimentalWarning: VM Modules is an experimental feature. This feature could change at any time
+(node:3131) ExperimentalWarning: VM Modules is an experimental feature. This feature could change at any time
 (Use `node --trace-warnings ...` to show where the warning was created)
 PASS src/__tests__/Button.test.tsx
 PASS src/__tests__/Pagination.test.tsx
@@ -13,7 +13,7 @@ PASS src/__tests__/Accordion.test.tsx
 
     console.log
       <ref *1> HTMLButtonElement {
-        '__reactFiber$pos248fx968': <ref *2> FiberNode {
+        '__reactFiber$iqppwxhaus': <ref *2> FiberNode {
           tag: 5,
           key: null,
           elementType: 'button',
@@ -164,7 +164,7 @@ PASS src/__tests__/Accordion.test.tsx
           _debugNeedsRemount: false,
           _debugHookTypes: null
         },
-        '__reactProps$pos248fx968': {
+        '__reactProps$iqppwxhaus': {
           className: 'ilo--accordion--button',
           'aria-expanded': true,
           onClick: [Function: onClick],
@@ -178,7 +178,7 @@ PASS src/__tests__/Accordion.test.tsx
 
     console.log
       <ref *1> HTMLButtonElement {
-        '__reactFiber$pos248fx968': <ref *2> FiberNode {
+        '__reactFiber$iqppwxhaus': <ref *2> FiberNode {
           tag: 5,
           key: null,
           elementType: 'button',
@@ -329,7 +329,7 @@ PASS src/__tests__/Accordion.test.tsx
           _debugNeedsRemount: false,
           _debugHookTypes: null
         },
-        '__reactProps$pos248fx968': {
+        '__reactProps$iqppwxhaus': {
           className: 'ilo--accordion--button',
           'aria-expanded': true,
           onClick: [Function: onClick],
@@ -343,7 +343,7 @@ PASS src/__tests__/Accordion.test.tsx
 
     console.log
       <ref *1> HTMLButtonElement {
-        '__reactFiber$pos248fx968': <ref *2> FiberNode {
+        '__reactFiber$iqppwxhaus': <ref *2> FiberNode {
           tag: 5,
           key: null,
           elementType: 'button',
@@ -494,7 +494,7 @@ PASS src/__tests__/Accordion.test.tsx
           _debugNeedsRemount: false,
           _debugHookTypes: null
         },
-        '__reactProps$pos248fx968': {
+        '__reactProps$iqppwxhaus': {
           className: 'ilo--accordion--button',
           'aria-expanded': true,
           onClick: [Function: onClick],
@@ -511,7 +511,7 @@ PASS src/__tests__/Callout.test.tsx
 
     console.log
       <ref *1> HTMLHeadingElement {
-        '__reactFiber$68opc6rl2c7': <ref *2> FiberNode {
+        '__reactFiber$jdjsptfiv8l': <ref *2> FiberNode {
           tag: 5,
           key: null,
           elementType: 'h5',
@@ -648,7 +648,7 @@ PASS src/__tests__/Callout.test.tsx
           _debugNeedsRemount: false,
           _debugHookTypes: null
         },
-        '__reactProps$68opc6rl2c7': { className: 'undefined--callout--headline', children: 'With CTA' }
+        '__reactProps$jdjsptfiv8l': { className: 'undefined--callout--headline', children: 'With CTA' }
       }
 
       at Object.<anonymous> (src/__tests__/Callout.test.tsx:14:13)
@@ -658,7 +658,7 @@ PASS src/__tests__/Notification.test.tsx
 
     console.log
       <ref *1> HTMLHeadingElement {
-        '__reactFiber$wrj87ctnmx': <ref *2> FiberNode {
+        '__reactFiber$hrzpn7dmmm9': <ref *2> FiberNode {
           tag: 5,
           key: null,
           elementType: 'h2',
@@ -801,7 +801,7 @@ PASS src/__tests__/Notification.test.tsx
           _debugNeedsRemount: false,
           _debugHookTypes: null
         },
-        '__reactProps$wrj87ctnmx': {
+        '__reactProps$hrzpn7dmmm9': {
           className: 'undefined--notification--headline',
           children: 'With CTA'
         }
@@ -885,5 +885,5 @@ PASS src/__tests__/Tag.test.tsx
 Test Suites: 20 passed, 20 total
 Tests:       66 passed, 66 total
 Snapshots:   0 total
-Time:        17.721 s
+Time:        13.939 s
 Ran all test suites.

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @ilo-org/react
 
+## 0.0.18
+
+### Patch Changes
+
+- b48b386b8: Local nav color for the background is a setting now
+- Updated dependencies [b48b386b8]
+  - @ilo-org/fonts@0.0.6
+  - @ilo-org/icons-react@0.0.16
+  - @ilo-org/styles@0.1.14
+  - @ilo-org/themes@0.1.14
+  - @ilo-org/utils@0.0.10
+
+## 0.0.17
+
+### Patch Changes
+
+- 62c3c624e: Bugfixes in multiple components
+- 1b29018f0: Adds better React Storybook experience
+- 43c2b0026: Cornercut changes to make more consistent across sizes and breakpoints for hero and cards
+- Updated dependencies [62c3c624e]
+- Updated dependencies [1b29018f0]
+- Updated dependencies [43c2b0026]
+  - @ilo-org/fonts@0.0.5
+  - @ilo-org/styles@0.1.13
+  - @ilo-org/themes@0.1.13
+  - @ilo-org/utils@0.0.9
+  - @ilo-org/icons-react@0.0.15
+
 ## 0.0.16
 
 ### Patch Changes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ilo-org/react",
   "description": "React components for the ILO's Design System",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "author": "@justintemps",
   "license": "Apache-2.0",
   "main": "lib/index.js",
@@ -24,11 +24,11 @@
   ],
   "dependencies": {
     "@ilo-org/brand-assets": "0.0.1",
-    "@ilo-org/fonts": "0.0.4",
-    "@ilo-org/icons-react": "0.0.14",
-    "@ilo-org/styles": "0.1.12",
-    "@ilo-org/themes": "0.1.12",
-    "@ilo-org/utils": "0.0.8",
+    "@ilo-org/fonts": "0.0.6",
+    "@ilo-org/icons-react": "0.0.16",
+    "@ilo-org/styles": "0.1.14",
+    "@ilo-org/themes": "0.1.14",
+    "@ilo-org/utils": "0.0.10",
     "classnames": "^2.3.1",
     "dom-helpers": "^5.2.1",
     "global": "^4.4.0",

package/src/stories/Accordion.stories.tsx

@@ -23,7 +23,12 @@ import accordionArgs from "../components/Accordion/Accordion.args";
 export default {
   title: "Components/Accordion",
   component: Accordion,
-  argTypes: {},
+  argTypes: {
+    allowMultipleExpanded: {
+      options: [true, false],
+      control: { type: "boolean" },
+    },
+  },
   subcomponents: {
     AccordionItem,
     AccordionButton,

package/src/stories/Button.stories.tsx

@@ -64,7 +64,28 @@ Populating the \`url\` prop with a valid url and/or an anchor to an id in the cu
 export default {
   title: "Components/Button",
   component: Button,
-  argTypes: {},
+  argTypes: {
+    size: {
+      options: ["large", "medium", "small"],
+      control: { type: "select" },
+    },
+    type: {
+      options: ["primary", "secondary", "tertiary"],
+      control: { type: "select" },
+    },
+    icononly: {
+      options: [true, false],
+      control: { type: "boolean" },
+    },
+    iconPosition: {
+      options: ["left", "center", "right"],
+      control: { type: "select" },
+    },
+    opensmodal: {
+      options: [true, false],
+      control: { type: "boolean" },
+    },
+  },
   parameters: {
     componentSubtitle: "Component",
     docs: {

package/src/stories/Callout.stories.tsx

@@ -30,7 +30,20 @@ By changing the \`type\` prop you can change base coloring of the links. By defa
 export default {
   title: "Components/Callout",
   component: Callout,
-  argTypes: {},
+  argTypes: {
+    isCollapsible: {
+      options: [true, false],
+      control: { type: "boolean" },
+    },
+    isOpen: {
+      options: [true, false],
+      control: { type: "boolean" },
+    },
+    type: {
+      options: ["info", "error", "success", "warning"],
+      control: { type: "select" },
+    },
+  },
   parameters: {
     componentSubtitle: "Component",
     docs: {

package/src/stories/Dropdown.stories.tsx

@@ -28,6 +28,12 @@ The Dropdown receives a prop for 'options,' which has three parameters:
 export default {
   title: "Components/Dropdown",
   component: Dropdown,
+  argTypes: {
+    disabled: {
+      options: [true, false],
+      control: { type: "boolean" },
+    },
+  },
   parameters: {
     componentSubtitle: "Component",
     docs: {

package/src/stories/Hero.stories.tsx

@@ -18,7 +18,23 @@ import heroArgs from "../components/Hero/Hero.args";
 export default {
   title: "Components/Hero",
   component: Hero,
-  argTypes: {},
+  argTypes: {
+    theme: {
+      options: ["dark", "light"],
+      control: { type: "select" },
+    },
+    types: {
+      options: [
+        "publication",
+        "graphic",
+        "article",
+        "portal",
+        "project",
+        "home",
+      ],
+      control: { type: "select" },
+    },
+  },
   parameters: {
     componentSubtitle: "Component",
     docs: {

package/src/stories/Link.stories.tsx

@@ -29,7 +29,12 @@ By changing the \`theme\` prop you can change base coloring of the links. By def
 export default {
   title: "Components/Link",
   component: Link,
-  argTypes: {},
+  argTypes: {
+    theme: {
+      options: ["light", "dark", "footer"],
+      control: { type: "select" },
+    },
+  },
   parameters: {
     componentSubtitle: "Component",
     docs: {

package/src/stories/LinkList.stories.tsx

@@ -17,6 +17,12 @@ import profileArgs from "../components/LinkList/LinkList.args";
 export default {
   title: "Components/LinkList",
   component: LinkList,
+  argTypes: {
+    theme: {
+      options: ["light", "dark"],
+      control: { type: "select" },
+    },
+  },
   parameters: {
     componentSubtitle: "Component",
     docs: {

package/src/stories/List.stories.tsx

@@ -29,7 +29,16 @@ By changing the \`ordered\` prop you can use switch from a \`<ol>\` to a \`<ul>\
 export default {
   title: "Components/List",
   component: List,
-  argTypes: {},
+  argTypes: {
+    alignment: {
+      options: ["horizontal", "default"],
+      control: { type: "select" },
+    },
+    ordered: {
+      options: ["ordered", "unordered", "unstyled"],
+      control: { type: "select" },
+    },
+  },
   subcomponents: {
     ListItem,
   },

package/src/stories/Loading.stories.tsx

@@ -35,6 +35,16 @@ By changing the \`size\` prop you can change whether the Loading component appea
 export default {
   title: "Components/Loading",
   component: Loading,
+  argTypes: {
+    size: {
+      options: ["small", "large"],
+      control: { type: "select" },
+    },
+    status: {
+      options: ["idle", "loading", "loaded"],
+      control: { type: "select" },
+    },
+  },
   parameters: {
     componentSubtitle: "Component",
     docs: {

package/src/stories/Notification.stories.tsx

@@ -37,7 +37,16 @@ By changing the \`placement\` prop you can set whether the Notification is displ
 export default {
   title: "Components/Notification",
   component: Notification,
-  argTypes: {},
+  argTypes: {
+    type: {
+      options: ["error", "info", "success", "warning"],
+      control: { type: "select" },
+    },
+    placement: {
+      options: ["dialog", "inline"],
+      control: { type: "select" },
+    },
+  },
   parameters: {
     componentSubtitle: "Component",
     docs: {

package/src/stories/Tag.stories.tsx

@@ -14,7 +14,13 @@ import tagSetArgs from "../components/Tag/TagSet.args";
 import tagArgs from "../components/Tag/Tag.args";
 
 const themeDoc = `
-By changing
+By changing the \`type\` prop you can set the which kind of tag to use.
+
+| Prop   |  Description  |
+|----------|-------------|
+| \`anochor\` | The tag is a link. Useful for taxonomies that have landing pages. |
+| \`button\` | The tag is a button. Useful for tags that are used to filter search results. |
+| \`display\` | The tag is static (not clickable). Useful for displaying non-actionable info. |
 `;
 
 /**
@@ -24,7 +30,12 @@ By changing
 export default {
   title: "Components/Tag",
   component: Tag,
-  argTypes: {},
+  argTypes: {
+    type: {
+      options: ["anchor", "button", "display"],
+      control: { type: "select" },
+    },
+  },
   parameters: {
     componentSubtitle: "Component",
     docs: {