@ilo-org/react 0.0.16 → 0.0.17

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.17 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.17 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 10.3s
 
-> @ilo-org/react@0.0.16 build:storybook
+> @ilo-org/react@0.0.17 build:storybook
 > build-storybook
 
 info @storybook/react v6.5.13
@@ -153,7 +153,7 @@ 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 1/14 dependencies 0/0 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
@@ -174,31 +174,31 @@ info => Using default Webpack5 setup
 <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] 13% building 1/14 entries 237/339 dependencies 17/142 modules
+<s> [webpack.Progress] 13% building 1/14 entries 323/355 dependencies 31/207 modules
+<s> [webpack.Progress] 13% building 1/14 entries 328/400 dependencies 31/210 modules
+<s> [webpack.Progress] 13% building 1/14 entries 330/600 dependencies 33/211 modules
+<s> [webpack.Progress] 13% building 1/14 entries 500/698 dependencies 40/297 modules
+<s> [webpack.Progress] 13% building 1/14 entries 657/700 dependencies 42/353 modules
+<s> [webpack.Progress] 13% building 1/14 entries 661/751 dependencies 46/357 modules
+<s> [webpack.Progress] 13% building 1/14 entries 800/1121 dependencies 50/385 modules
+<s> [webpack.Progress] 13% building 1/14 entries 1076/1121 dependencies 55/400 modules
+<s> [webpack.Progress] 13% building 1/14 entries 1086/1200 dependencies 55/408 modules
+<s> [webpack.Progress] 13% building 1/14 entries 1200/1527 dependencies 64/420 modules
+<s> [webpack.Progress] 13% building 1/14 entries 1496/1527 dependencies 77/500 modules
+<s> [webpack.Progress] 13% building 1/14 entries 1518/1600 dependencies 78/508 modules
+<s> [webpack.Progress] 13% building 1/14 entries 1576/1700 dependencies 88/508 modules
+<s> [webpack.Progress] 13% building 1/14 entries 1830/1900 dependencies 112/561 modules
+<s> [webpack.Progress] 13% building 1/14 entries 2000/2390 dependencies 156/570 modules
+<s> [webpack.Progress] 13% building 1/14 entries 2373/2400 dependencies 175/653 modules
+<s> [webpack.Progress] 13% building 1/14 entries 2469/2500 dependencies 202/665 modules
+<s> [webpack.Progress] 13% building 1/14 entries 2600/3029 dependencies 263/674 modules
+<s> [webpack.Progress] 13% building 1/14 entries 3000/3083 dependencies 344/706 modules
+<s> [webpack.Progress] 14% building 1/14 entries 3200/3255 dependencies 375/727 modules
+<s> [webpack.Progress] 15% building 1/14 entries 3500/3708 dependencies 484/750 modules
+<s> [webpack.Progress] 16% building 1/14 entries 3856/3900 dependencies 586/843 modules
+<s> [webpack.Progress] 17% building 1/14 entries 4100/4234 dependencies 652/916 modules
+<s> [webpack.Progress] 18% building 1/14 entries 4358/4400 dependencies 758/1016 modules
 
 
 ┌─────────────────────────────────────────────────────────────────────────────────┐
@@ -212,23 +212,21 @@ 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] 19% building 1/14 entries 4565/4600 dependencies 846/1063 modules
+<s> [webpack.Progress] 21% building 1/14 entries 5000/5083 dependencies 1080/1274 modules
+<s> [webpack.Progress] 23% building 2/14 entries 5192/5245 dependencies 1183/1296 modules
+<s> [webpack.Progress] 23% building 3/14 entries 5192/5245 dependencies 1183/1296 modules
+<s> [webpack.Progress] 25% building 4/14 entries 5192/5245 dependencies 1183/1296 modules
+<s> [webpack.Progress] 29% building 5/14 entries 5192/5245 dependencies 1183/1296 modules
+<s> [webpack.Progress] 33% building 6/14 entries 5192/5245 dependencies 1183/1296 modules
+<s> [webpack.Progress] 37% building 7/14 entries 5192/5245 dependencies 1183/1296 modules
+<s> [webpack.Progress] 41% building 8/14 entries 5192/5245 dependencies 1183/1296 modules
+<s> [webpack.Progress] 45% building 9/14 entries 5192/5245 dependencies 1183/1296 modules
+<s> [webpack.Progress] 49% building 10/14 entries 5192/5245 dependencies 1184/1296 modules
+<s> [webpack.Progress] 53% building 11/14 entries 5397/5423 dependencies 1236/1322 modules
+<s> [webpack.Progress] 57% building 12/14 entries 5516/5516 dependencies 1333/1352 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
@@ -333,10 +331,10 @@ info => Using default Webpack5 setup
 info => Manager built (1.88 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.d7641925.css generate SourceMap
+<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin static/css/main.d7641925.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 +384,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.d7641925.css attach SourceMap
+<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin static/css/main.d7641925.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 +398,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 +472,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 (2.02 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 +480,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 +511,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.4deb891d.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.4deb891d.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.17 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.17 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:3109) 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$ukzwfpfn0hj': <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$ukzwfpfn0hj': {
           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$ukzwfpfn0hj': <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$ukzwfpfn0hj': {
           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$ukzwfpfn0hj': <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$ukzwfpfn0hj': {
           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$f9ajgme1f97': <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$f9ajgme1f97': { 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$ztxh2swd5wo': <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$ztxh2swd5wo': {
           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:        18.258 s
 Ran all test suites.

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @ilo-org/react
 
+## 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.17",
   "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.5",
+    "@ilo-org/icons-react": "0.0.15",
+    "@ilo-org/styles": "0.1.13",
+    "@ilo-org/themes": "0.1.13",
+    "@ilo-org/utils": "0.0.9",
     "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: {

package/src/stories/Tooltip.stories.tsx

@@ -22,7 +22,16 @@ By changing the \`theme\` prop you can set whether the tooltip has a light or da
 export default {
   title: "Components/Tooltip",
   component: Tooltip,
-  argTypes: {},
+  argTypes: {
+    icon: {
+      options: [true, false],
+      control: { type: "boolean" },
+    },
+    theme: {
+      options: ["light", "dark"],
+      control: { type: "select" },
+    },
+  },
   parameters: {
     componentSubtitle: "Component",
     docs: {

package/storybook-static/iframe.html

@@ -338,7 +338,7 @@
         /* eslint-enable object-shorthand */
       })
     );
-  };</script><link href="static/css/main.3a816114.css" rel="stylesheet"><style>#root[hidden],
+  };</script><link href="static/css/main.4deb891d.css" rel="stylesheet"><style>#root[hidden],
       #docs-root[hidden] {
         display: none !important;
       }</style></head><body><div class="sb-preparing-story sb-wrapper"><div class="sb-loader"></div></div><div class="sb-preparing-docs sb-wrapper"><div class="sb-previewBlock"><div class="sb-previewBlock_header"><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div></div><div class="sb-previewBlock_body"><div class="sb-loader"></div></div></div><table aria-hidden="true" class="sb-argstableBlock"><thead class="sb-argstableBlock-head"><tr><th><span>Name</span></th><th><span>Description</span></th><th><span>Default</span></th><th><span>Control</span></th></tr></thead><tbody class="sb-argstableBlock-body"><tr><td><span>propertyName</span><span title="Required">*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr></tbody></table></div><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><div id="docs-root"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";
@@ -361,4 +361,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.3bae6a4f.iframe.bundle.js"></script><script src="212.faba6ad0.iframe.bundle.js"></script><script src="main.09e49cbd.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.3bae6a4f.iframe.bundle.js"></script><script src="212.faba6ad0.iframe.bundle.js"></script><script src="main.3ae24e12.iframe.bundle.js"></script></body></html>