@kyndryl-design-system/shidoka-applications 1.0.0-beta.56

package/README.md

@@ -0,0 +1,94 @@
+# Shidoka Web Components for Applications
+
+[![shidoka-applications](https://github.com/kyndryl-design-system/shidoka-applications/actions/workflows/actions.yml/badge.svg)](https://github.com/kyndryl-design-system/shidoka-applications/actions/workflows/actions.yml)
+
+# Contributing to this project
+
+Read the [Contributing Guide](https://github.com/kyndryl-design-system/shidoka-applications/blob/beta/CONTRIBUTING.md) here.
+
+# Using this library in another project
+
+## Install the package
+
+<!-- Note: This will not work until you have configured the enterprise package registry following the instructions above. -->
+
+```bash
+# stable/main
+npm install @kyndryl-design-system/shidoka-applications -S
+
+# beta (use until first stable release)
+npm install @kyndryl-design-system/shidoka-applications@beta -S
+# when using beta, lock the version, as breaking changes can happen at any time
+```
+
+## Import the root stylesheet to your app's global styles
+
+The method used (SCSS @use, CSS @import, JS import, or &lt;style&gt; tag) will vary based on your framework/bundler. Some examples:
+
+### SCSS
+
+```css
+@use '~@kyndryl-design-system/shidoka-foundation/scss/root.scss';
+```
+
+### CSS
+
+```css
+@import '@kyndryl-design-system/shidoka-foundation/css/root.css';
+```
+
+### JS
+
+```js
+import '@kyndryl-design-system/shidoka-foundation/css/root.css';
+```
+
+### Use CSS tokens/variables
+
+You can make use of tokens/variables included in root.css such as `--kd-header-height` to pad the body for the fixed position header, `--kd-page-gutter` for the padding on your main container, or any of the color tokens. These are very bare-bones currently, and will need to be fleshed out later.
+
+## Start using components
+
+See [Storybook](https://kyndryl-design-system.github.io/shidoka-applications/) for the full components documentation.
+
+### Example: Component with Sub-components
+
+This example imports the Header component AND all of it's subcomponents by targeting the index file.
+
+```js
+import '@kyndryl-design-system/shidoka-applications/components/global/header';
+```
+
+```html
+<kyn-header>
+  <kyn-header-nav>
+    <kyn-header-link>Link</kyn-header-link>
+  </kyn-header-nav>
+</kyn-header>
+```
+
+### Example: Single Component
+
+This example imports the HeaderLink component by targeting the component file directly.
+
+```js
+import '@kyndryl-design-system/shidoka-applications/components/global/header/headerLink';
+```
+
+```html
+<kyn-header-link>Link</kyn-header-link>
+```
+
+### React usage
+
+React does not yet support automatic interop with Web Components. This means that React treats all props passed to Web Components as string attributes. It sounds like they are [planning to release it with React 19](https://github.com/facebook/react/issues/11347#issuecomment-988970952), and is now available behind an `@experimental` flag. Until you've upgraded to a version of React that has support, you will need to use a library like [reactify-wc](https://www.npmjs.com/package/reactify-wc) to use these components in React.
+
+Some options for React wrapper libraries:
+
+1. [reactify-wc](https://www.npmjs.com/package/reactify-wc)
+2. [wc-react](https://www.npmjs.com/package/wc-react)
+3. [@lit-labs/react](https://www.npmjs.com/package/@lit-labs/react)
+
+### Server-Side Rendering (SSR)
+
+When using with an SSR framework like Next.js, you may encounter errors with code that only runs client-side, like `window` references for example. Here is an article that provides some methods to work around this: [Using Non-SSR Friendly Components with Next.js](https://blog.bitsrc.io/using-non-ssr-friendly-components-with-next-js-916f38e8992c). Basically, for components that make use of something like `window`, they need their rendering deferred to only happen on the client-side.

package/_virtual/_tslib.js

@@ -0,0 +1,2 @@
+function e(e,t,r,o){var c,f=arguments.length,n=f<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,o);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(n=(f<3?c(n):f>3?c(t,r,n):c(t,r))||n);return f>3&&n&&Object.defineProperty(t,r,n),n}export{e as __decorate};
+//# sourceMappingURL=_tslib.js.map

package/_virtual/_tslib.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/assets/svg/bridge-logo-large.svg

@@ -0,0 +1,25 @@
+<svg width="137" height="20" viewBox="0 0 137 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0.101318V15.8094H2.02777V9.82998L7.26628 15.8094H9.76711L4.36016 9.62742L9.56446 4.72922H7.06299L2.02906 9.45841V0.101318H0Z" fill="#FF462D"/>
+<path d="M18.6543 4.729H20.7498L15.6797 19.8287H13.55L15.3409 14.5925H13.3822L9.5293 4.729H11.6248L15.41 14.3899L18.6543 4.729Z" fill="#FF462D"/>
+<path d="M31.6659 8.91745V15.809H29.6381V9.22194C29.6381 6.95895 28.5906 6.01259 27.0024 6.01259C25.4141 6.01259 24.3325 6.99249 24.3325 9.25548V15.809H22.3047V4.72886H24.3325V6.99185C24.5717 6.26234 25.0391 5.62895 25.6657 5.18505C26.2924 4.74115 27.0451 4.51022 27.813 4.5263C30.3138 4.5263 31.6316 6.41771 31.6659 8.91745V8.91745Z" fill="#FF462D"/>
+<path d="M42.3781 0.101318V7.39798C42.1252 6.56275 41.6115 5.83035 40.9122 5.308C40.2129 4.78565 39.3646 4.50076 38.4916 4.49505C35.8217 4.49505 33.7939 6.85997 33.7939 10.2364C33.7939 13.6483 35.8217 15.9777 38.4916 15.9777C39.3255 15.9636 40.1372 15.7069 40.8274 15.239C41.5176 14.7711 42.0565 14.1123 42.3781 13.3432V15.7416H44.4059V0.101318H42.3781ZM39.1338 14.5256C37.0382 14.5256 35.8217 12.8703 35.8217 10.268C35.8217 7.66569 37.0047 6.01038 39.1338 6.01038C41.2629 6.01038 42.4458 7.66569 42.4458 10.268C42.4458 12.8703 41.2293 14.5256 39.1344 14.5256H39.1338Z" fill="#FF462D"/>
+<path d="M49.3067 7.12767C49.5118 6.3343 49.9902 5.6386 50.6577 5.16288C51.3252 4.68717 52.1391 4.46189 52.9563 4.52665V6.51999H52.3464C50.3187 6.51999 49.339 7.16186 49.339 9.15455V15.8093H47.3125V4.72921H49.3403V7.12767H49.3067Z" fill="#FF462D"/>
+<path d="M62.2835 4.729H64.379L59.3096 19.8287H57.1799L58.9708 14.5925H57.0121L53.1592 4.729H55.2547L59.0398 14.3899L62.2835 4.729Z" fill="#FF462D"/>
+<path d="M67.9614 0.101318H65.9336V15.7752H67.9614V0.101318Z" fill="#FF462D"/>
+<path d="M76.7148 15.7083H78.4044V14.4246C77.83 14.8301 77.2894 15.2354 76.7826 15.6406C76.7814 15.6581 76.7739 15.6747 76.7614 15.6871C76.749 15.6996 76.7324 15.7071 76.7148 15.7083V15.7083Z" fill="#29707A"/>
+<path d="M81.6492 14.4583C80.8765 14.4829 80.1247 14.2051 79.5536 13.6842C79.3168 13.819 79.0806 13.9881 78.8779 14.1235C79.2654 14.6724 79.7758 15.1232 80.3684 15.4399C80.961 15.7567 81.6195 15.9306 82.2913 15.9479C84.9612 15.9479 86.9548 13.6171 86.989 10.2388C86.2791 10.4755 85.5692 10.7452 84.8935 11.0129C84.6566 13.1385 83.5079 14.4583 81.6492 14.4583Z" fill="#29707A"/>
+<path d="M78.3366 10.168C78.3366 7.56695 79.5531 5.8781 81.6487 5.8781C83.6087 5.8781 84.7916 7.36181 84.9265 9.69512C85.5687 9.45837 86.2444 9.18872 86.9207 8.98552C86.5154 6.24903 84.6568 4.42535 82.3244 4.42535C81.4514 4.43106 80.6031 4.71594 79.9038 5.23829C79.2045 5.76065 78.6908 6.49304 78.4379 7.32827V0H76.4102V14.4243C77.1876 13.804 78 13.2287 78.8432 12.7013C78.4805 11.9074 78.3071 11.0402 78.3366 10.168Z" fill="#29707A"/>
+<path d="M89.1172 15.708H91.145V8.98547C90.4692 9.15449 89.7935 9.35705 89.1172 9.52606V15.708Z" fill="#29707A"/>
+<path d="M94.1511 6.41853H94.7597V4.42519C93.9469 4.36157 93.1378 4.58796 92.4761 5.06415C91.8145 5.54034 91.343 6.23551 91.1456 7.02621V7.02621V4.66194H89.1172V8.30995C89.8607 8.10739 90.6016 7.90483 91.3818 7.70163C91.7871 6.75592 92.6997 6.41853 94.1511 6.41853Z" fill="#29707A"/>
+<path d="M98.5133 0H96.3164V2.73649H98.5133V0Z" fill="#29707A"/>
+<path d="M98.4106 4.66138H96.3828V6.68826C97.0585 6.58698 97.7349 6.4857 98.4106 6.41797V4.66138Z" fill="#29707A"/>
+<path d="M96.3828 15.708H98.4106V7.60046C97.7349 7.70174 97.0585 7.76948 96.3828 7.87076V15.708Z" fill="#29707A"/>
+<path d="M105.88 5.9091H106.455C107.13 5.9091 107.773 5.9091 108.415 5.94264C108.037 5.45504 107.549 5.06333 106.991 4.79928C106.433 4.53523 105.821 4.40625 105.204 4.4228C104.552 4.42265 103.908 4.57174 103.322 4.85866C102.736 5.14558 102.224 5.56271 101.824 6.07811C103.075 5.97683 104.359 5.94329 105.609 5.9091H105.88Z" fill="#29707A"/>
+<path d="M109.089 7.16123C108.853 7.16123 108.616 7.12769 108.38 7.12769C108.961 8.03155 109.245 9.09475 109.191 10.168C109.191 12.769 107.974 14.4579 105.879 14.4579C103.783 14.4579 102.601 12.769 102.601 10.168C102.552 9.1201 102.824 8.08216 103.379 7.1922C102.605 7.22574 101.859 7.29347 101.081 7.32702C100.717 8.22881 100.533 9.19308 100.54 10.1654C100.54 13.5773 102.568 15.9416 105.238 15.9416C106.072 15.9275 106.883 15.6708 107.574 15.2029C108.264 14.735 108.803 14.0762 109.124 13.307V15.739H111.152V7.2967C110.442 7.23219 109.767 7.19542 109.091 7.16188L109.089 7.16123Z" fill="#29707A"/>
+<path d="M111.118 0H109.09L109.057 5.94519L111.084 6.04647V0H111.118Z" fill="#29707A"/>
+<path d="M121.964 10.0327C121.964 12.6337 120.748 14.1542 118.652 14.1542C116.557 14.1542 115.375 12.6344 115.375 10.0327C115.353 9.24749 115.491 8.46609 115.78 7.73553C115.104 7.63425 114.428 7.56651 113.752 7.49878C113.458 8.31092 113.309 9.16841 113.313 10.0321C113.313 13.444 115.34 15.6399 118.01 15.6399C118.837 15.6326 119.644 15.3863 120.333 14.9307C121.023 14.4751 121.566 13.8297 121.897 13.0724V15.8089C121.897 17.6332 120.545 18.5112 118.855 18.5112C117.371 18.5112 116.084 17.768 115.915 16.3179H113.853C114.09 18.7499 116.286 20.0001 118.855 20.0001C121.424 20.0001 123.889 18.7163 123.889 15.7773V9.42503C123.213 9.22247 122.537 9.05346 121.861 8.88444C121.931 9.26325 121.965 9.64761 121.964 10.0327Z" fill="#29707A"/>
+<path d="M118.653 5.90928C119.233 5.87859 119.808 6.01956 120.308 6.31449C120.807 6.60943 121.208 7.04521 121.461 7.56717C122.306 7.76973 123.117 7.97229 123.928 8.17549V4.62747H121.9V7.26397C121.644 6.43613 121.127 5.71296 120.427 5.20168C119.727 4.6904 118.881 4.41824 118.014 4.42556C117.294 4.42247 116.585 4.59653 115.948 4.93235C115.312 5.26818 114.768 5.75545 114.364 6.35116C115.108 6.41868 115.851 6.51997 116.595 6.655C116.869 6.39684 117.193 6.19749 117.547 6.06924C117.901 5.94099 118.278 5.88655 118.653 5.90928Z" fill="#29707A"/>
+<path d="M131.226 14.4578C129.401 14.4578 128.184 13.1741 128.015 10.8098C127.339 10.5395 126.663 10.3034 125.987 10.0667V10.1679C125.987 13.5121 127.914 15.9441 131.226 15.9441C131.918 15.982 132.61 15.8788 133.261 15.6407C133.912 15.4026 134.507 15.0346 135.011 14.5591C134.538 14.2211 134.031 13.8837 133.527 13.5456C133.234 13.8581 132.876 14.102 132.479 14.2597C132.081 14.4175 131.653 14.4851 131.226 14.4578V14.4578Z" fill="#29707A"/>
+<path d="M136.398 9.99867C136.398 6.58677 134.302 4.39087 131.227 4.39087C128.422 4.39087 126.564 6.18101 126.124 8.81621C127.799 9.36078 129.436 10.0153 131.024 10.7754H136.398C136.381 10.5167 136.381 10.2573 136.398 9.99867V9.99867ZM128.017 9.25552C128.254 7.0622 129.369 5.91136 131.193 5.91136C133.018 5.91136 134.202 7.26283 134.336 9.25552H128.017Z" fill="#29707A"/>
+<path d="M136.126 12.4653H134.064C134.623 12.7982 135.164 13.1591 135.686 13.5465C135.893 13.2136 136.042 12.848 136.126 12.4653V12.4653Z" fill="#29707A"/>
+</svg>

package/assets/svg/bridge-logo-large.svg.js

@@ -0,0 +1,2 @@
+var C='<svg width="137" height="20" viewBox="0 0 137 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.101318V15.8094H2.02777V9.82998L7.26628 15.8094H9.76711L4.36016 9.62742L9.56446 4.72922H7.06299L2.02906 9.45841V0.101318H0Z" fill="#FF462D"/> <path d="M18.6543 4.729H20.7498L15.6797 19.8287H13.55L15.3409 14.5925H13.3822L9.5293 4.729H11.6248L15.41 14.3899L18.6543 4.729Z" fill="#FF462D"/> <path d="M31.6659 8.91745V15.809H29.6381V9.22194C29.6381 6.95895 28.5906 6.01259 27.0024 6.01259C25.4141 6.01259 24.3325 6.99249 24.3325 9.25548V15.809H22.3047V4.72886H24.3325V6.99185C24.5717 6.26234 25.0391 5.62895 25.6657 5.18505C26.2924 4.74115 27.0451 4.51022 27.813 4.5263C30.3138 4.5263 31.6316 6.41771 31.6659 8.91745V8.91745Z" fill="#FF462D"/> <path d="M42.3781 0.101318V7.39798C42.1252 6.56275 41.6115 5.83035 40.9122 5.308C40.2129 4.78565 39.3646 4.50076 38.4916 4.49505C35.8217 4.49505 33.7939 6.85997 33.7939 10.2364C33.7939 13.6483 35.8217 15.9777 38.4916 15.9777C39.3255 15.9636 40.1372 15.7069 40.8274 15.239C41.5176 14.7711 42.0565 14.1123 42.3781 13.3432V15.7416H44.4059V0.101318H42.3781ZM39.1338 14.5256C37.0382 14.5256 35.8217 12.8703 35.8217 10.268C35.8217 7.66569 37.0047 6.01038 39.1338 6.01038C41.2629 6.01038 42.4458 7.66569 42.4458 10.268C42.4458 12.8703 41.2293 14.5256 39.1344 14.5256H39.1338Z" fill="#FF462D"/> <path d="M49.3067 7.12767C49.5118 6.3343 49.9902 5.6386 50.6577 5.16288C51.3252 4.68717 52.1391 4.46189 52.9563 4.52665V6.51999H52.3464C50.3187 6.51999 49.339 7.16186 49.339 9.15455V15.8093H47.3125V4.72921H49.3403V7.12767H49.3067Z" fill="#FF462D"/> <path d="M62.2835 4.729H64.379L59.3096 19.8287H57.1799L58.9708 14.5925H57.0121L53.1592 4.729H55.2547L59.0398 14.3899L62.2835 4.729Z" fill="#FF462D"/> <path d="M67.9614 0.101318H65.9336V15.7752H67.9614V0.101318Z" fill="#FF462D"/> <path d="M76.7148 15.7083H78.4044V14.4246C77.83 14.8301 77.2894 15.2354 76.7826 15.6406C76.7814 15.6581 76.7739 15.6747 76.7614 15.6871C76.749 15.6996 76.7324 15.7071 76.7148 15.7083V15.7083Z" fill="#29707A"/> <path d="M81.6492 14.4583C80.8765 14.4829 80.1247 14.2051 79.5536 13.6842C79.3168 13.819 79.0806 13.9881 78.8779 14.1235C79.2654 14.6724 79.7758 15.1232 80.3684 15.4399C80.961 15.7567 81.6195 15.9306 82.2913 15.9479C84.9612 15.9479 86.9548 13.6171 86.989 10.2388C86.2791 10.4755 85.5692 10.7452 84.8935 11.0129C84.6566 13.1385 83.5079 14.4583 81.6492 14.4583Z" fill="#29707A"/> <path d="M78.3366 10.168C78.3366 7.56695 79.5531 5.8781 81.6487 5.8781C83.6087 5.8781 84.7916 7.36181 84.9265 9.69512C85.5687 9.45837 86.2444 9.18872 86.9207 8.98552C86.5154 6.24903 84.6568 4.42535 82.3244 4.42535C81.4514 4.43106 80.6031 4.71594 79.9038 5.23829C79.2045 5.76065 78.6908 6.49304 78.4379 7.32827V0H76.4102V14.4243C77.1876 13.804 78 13.2287 78.8432 12.7013C78.4805 11.9074 78.3071 11.0402 78.3366 10.168Z" fill="#29707A"/> <path d="M89.1172 15.708H91.145V8.98547C90.4692 9.15449 89.7935 9.35705 89.1172 9.52606V15.708Z" fill="#29707A"/> <path d="M94.1511 6.41853H94.7597V4.42519C93.9469 4.36157 93.1378 4.58796 92.4761 5.06415C91.8145 5.54034 91.343 6.23551 91.1456 7.02621V7.02621V4.66194H89.1172V8.30995C89.8607 8.10739 90.6016 7.90483 91.3818 7.70163C91.7871 6.75592 92.6997 6.41853 94.1511 6.41853Z" fill="#29707A"/> <path d="M98.5133 0H96.3164V2.73649H98.5133V0Z" fill="#29707A"/> <path d="M98.4106 4.66138H96.3828V6.68826C97.0585 6.58698 97.7349 6.4857 98.4106 6.41797V4.66138Z" fill="#29707A"/> <path d="M96.3828 15.708H98.4106V7.60046C97.7349 7.70174 97.0585 7.76948 96.3828 7.87076V15.708Z" fill="#29707A"/> <path d="M105.88 5.9091H106.455C107.13 5.9091 107.773 5.9091 108.415 5.94264C108.037 5.45504 107.549 5.06333 106.991 4.79928C106.433 4.53523 105.821 4.40625 105.204 4.4228C104.552 4.42265 103.908 4.57174 103.322 4.85866C102.736 5.14558 102.224 5.56271 101.824 6.07811C103.075 5.97683 104.359 5.94329 105.609 5.9091H105.88Z" fill="#29707A"/> <path d="M109.089 7.16123C108.853 7.16123 108.616 7.12769 108.38 7.12769C108.961 8.03155 109.245 9.09475 109.191 10.168C109.191 12.769 107.974 14.4579 105.879 14.4579C103.783 14.4579 102.601 12.769 102.601 10.168C102.552 9.1201 102.824 8.08216 103.379 7.1922C102.605 7.22574 101.859 7.29347 101.081 7.32702C100.717 8.22881 100.533 9.19308 100.54 10.1654C100.54 13.5773 102.568 15.9416 105.238 15.9416C106.072 15.9275 106.883 15.6708 107.574 15.2029C108.264 14.735 108.803 14.0762 109.124 13.307V15.739H111.152V7.2967C110.442 7.23219 109.767 7.19542 109.091 7.16188L109.089 7.16123Z" fill="#29707A"/> <path d="M111.118 0H109.09L109.057 5.94519L111.084 6.04647V0H111.118Z" fill="#29707A"/> <path d="M121.964 10.0327C121.964 12.6337 120.748 14.1542 118.652 14.1542C116.557 14.1542 115.375 12.6344 115.375 10.0327C115.353 9.24749 115.491 8.46609 115.78 7.73553C115.104 7.63425 114.428 7.56651 113.752 7.49878C113.458 8.31092 113.309 9.16841 113.313 10.0321C113.313 13.444 115.34 15.6399 118.01 15.6399C118.837 15.6326 119.644 15.3863 120.333 14.9307C121.023 14.4751 121.566 13.8297 121.897 13.0724V15.8089C121.897 17.6332 120.545 18.5112 118.855 18.5112C117.371 18.5112 116.084 17.768 115.915 16.3179H113.853C114.09 18.7499 116.286 20.0001 118.855 20.0001C121.424 20.0001 123.889 18.7163 123.889 15.7773V9.42503C123.213 9.22247 122.537 9.05346 121.861 8.88444C121.931 9.26325 121.965 9.64761 121.964 10.0327Z" fill="#29707A"/> <path d="M118.653 5.90928C119.233 5.87859 119.808 6.01956 120.308 6.31449C120.807 6.60943 121.208 7.04521 121.461 7.56717C122.306 7.76973 123.117 7.97229 123.928 8.17549V4.62747H121.9V7.26397C121.644 6.43613 121.127 5.71296 120.427 5.20168C119.727 4.6904 118.881 4.41824 118.014 4.42556C117.294 4.42247 116.585 4.59653 115.948 4.93235C115.312 5.26818 114.768 5.75545 114.364 6.35116C115.108 6.41868 115.851 6.51997 116.595 6.655C116.869 6.39684 117.193 6.19749 117.547 6.06924C117.901 5.94099 118.278 5.88655 118.653 5.90928Z" fill="#29707A"/> <path d="M131.226 14.4578C129.401 14.4578 128.184 13.1741 128.015 10.8098C127.339 10.5395 126.663 10.3034 125.987 10.0667V10.1679C125.987 13.5121 127.914 15.9441 131.226 15.9441C131.918 15.982 132.61 15.8788 133.261 15.6407C133.912 15.4026 134.507 15.0346 135.011 14.5591C134.538 14.2211 134.031 13.8837 133.527 13.5456C133.234 13.8581 132.876 14.102 132.479 14.2597C132.081 14.4175 131.653 14.4851 131.226 14.4578V14.4578Z" fill="#29707A"/> <path d="M136.398 9.99867C136.398 6.58677 134.302 4.39087 131.227 4.39087C128.422 4.39087 126.564 6.18101 126.124 8.81621C127.799 9.36078 129.436 10.0153 131.024 10.7754H136.398C136.381 10.5167 136.381 10.2573 136.398 9.99867V9.99867ZM128.017 9.25552C128.254 7.0622 129.369 5.91136 131.193 5.91136C133.018 5.91136 134.202 7.26283 134.336 9.25552H128.017Z" fill="#29707A"/> <path d="M136.126 12.4653H134.064C134.623 12.7982 135.164 13.1591 135.686 13.5465C135.893 13.2136 136.042 12.848 136.126 12.4653V12.4653Z" fill="#29707A"/> </svg>';export{C as default};
+//# sourceMappingURL=bridge-logo-large.svg.js.map

package/assets/svg/bridge-logo-large.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bridge-logo-large.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/assets/svg/bridge-logo-small.svg

@@ -0,0 +1,25 @@
+<svg width="96" height="15" viewBox="0 0 96 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0.071167V11.1268H1.42718V6.9184L5.11415 11.1268H6.87429L3.06877 6.77583L6.73166 3.32838H4.97107L1.42809 6.65688V0.071167H0Z" fill="#FF462D"/>
+<path d="M13.1308 3.32837H14.6057L11.0373 13.9559H9.53834L10.7988 10.2705H9.42024L6.7085 3.32837H8.18337L10.8474 10.1279L13.1308 3.32837Z" fill="#FF462D"/>
+<path d="M22.2888 6.27644V11.1268H20.8616V6.49074C20.8616 4.898 20.1244 4.23194 19.0065 4.23194C17.8887 4.23194 17.1274 4.92161 17.1274 6.51435V11.1268H15.7002V3.32842H17.1274V4.92116C17.2958 4.40771 17.6247 3.96193 18.0658 3.6495C18.5068 3.33707 19.0366 3.17454 19.577 3.18586C21.3372 3.18586 22.2647 4.51707 22.2888 6.27644Z" fill="#FF462D"/>
+<path d="M29.8268 0.0714111V5.20695C29.6489 4.6191 29.2873 4.10362 28.7951 3.73598C28.3029 3.36834 27.7059 3.16783 27.0915 3.16381C25.2123 3.16381 23.7852 4.82829 23.7852 7.20468C23.7852 9.60605 25.2123 11.2456 27.0915 11.2456C27.6784 11.2356 28.2496 11.0549 28.7354 10.7256C29.2212 10.3963 29.6005 9.93263 29.8268 9.39129V11.0794H31.254V0.0714111H29.8268ZM27.5434 10.2235C26.0686 10.2235 25.2123 9.05849 25.2123 7.22693C25.2123 5.39537 26.0449 4.23033 27.5434 4.23033C29.0419 4.23033 29.8745 5.39537 29.8745 7.22693C29.8745 9.05849 29.0183 10.2235 27.5439 10.2235H27.5434Z" fill="#FF462D"/>
+<path d="M34.7034 5.01667C34.8477 4.45828 35.1844 3.96863 35.6542 3.63381C36.124 3.29899 36.6968 3.14044 37.272 3.18602V4.58897H36.8428C35.4156 4.58897 34.7261 5.04073 34.7261 6.44323V11.127H33.2998V3.32858H34.727V5.01667H34.7034Z" fill="#FF462D"/>
+<path d="M43.834 3.32837H45.3089L41.7409 13.9559H40.2419L41.5024 10.2705H40.1239L37.4121 3.32837H38.887L41.551 10.1279L43.834 3.32837Z" fill="#FF462D"/>
+<path d="M47.8329 0.0714111H46.4058V11.103H47.8329V0.0714111Z" fill="#FF462D"/>
+<path d="M53.9961 11.056H55.1853V10.1525C54.781 10.4379 54.4005 10.7232 54.0438 11.0083C54.0429 11.0207 54.0376 11.0323 54.0289 11.0411C54.0201 11.0498 54.0085 11.0551 53.9961 11.056Z" fill="#29707A"/>
+<path d="M57.4666 10.1759C56.9227 10.1931 56.3936 9.99767 55.9917 9.63103C55.825 9.72592 55.6587 9.84488 55.5161 9.94022C55.7888 10.3265 56.148 10.6438 56.5651 10.8667C56.9822 11.0897 57.4457 11.2121 57.9185 11.2242C59.7977 11.2242 61.2008 9.58381 61.2248 7.20605C60.7252 7.37268 60.2256 7.56247 59.75 7.75089C59.5833 9.24692 58.7747 10.1759 57.4666 10.1759Z" fill="#29707A"/>
+<path d="M55.1357 7.15642C55.1357 5.32577 55.9919 4.13712 57.4667 4.13712C58.8462 4.13712 59.6788 5.18139 59.7738 6.82362C60.2257 6.65699 60.7013 6.46721 61.1773 6.32419C60.8921 4.39819 59.5839 3.11465 57.9423 3.11465C57.3279 3.11867 56.7309 3.31917 56.2387 3.68682C55.7465 4.05446 55.3849 4.56993 55.207 5.15778V0H53.7798V10.1521C54.327 9.71555 54.8987 9.31065 55.4922 8.9394C55.237 8.38066 55.1149 7.77032 55.1357 7.15642Z" fill="#29707A"/>
+<path d="M62.7231 11.0555H64.1503V6.3241C63.6748 6.44305 63.1992 6.58562 62.7231 6.70457V11.0555Z" fill="#29707A"/>
+<path d="M66.2661 4.51754H66.6945V3.11458C66.1224 3.06981 65.5529 3.22914 65.0872 3.56429C64.6215 3.89944 64.2897 4.38872 64.1508 4.94523V3.28121H62.7231V5.84875C63.2464 5.70619 63.7679 5.56362 64.317 5.4206C64.6023 4.75499 65.2446 4.51754 66.2661 4.51754Z" fill="#29707A"/>
+<path d="M69.3338 0H67.7876V1.926H69.3338V0Z" fill="#29707A"/>
+<path d="M69.2617 3.28076H67.8345V4.70732C68.31 4.63604 68.7861 4.56476 69.2617 4.51709V3.28076Z" fill="#29707A"/>
+<path d="M67.8345 11.0556H69.2617V5.34937C68.7861 5.42065 68.31 5.46832 67.8345 5.5396V11.0556Z" fill="#29707A"/>
+<path d="M74.5208 4.15914H74.9251C75.4007 4.15914 75.8526 4.15914 76.3046 4.18275C76.0384 3.83956 75.6952 3.56388 75.3026 3.37803C74.9099 3.19218 74.4791 3.10141 74.0448 3.11306C73.5857 3.11295 73.1326 3.21788 72.7202 3.41982C72.3079 3.62176 71.9473 3.91535 71.666 4.2781C72.5463 4.20681 73.4498 4.18321 74.3301 4.15914H74.5208Z" fill="#29707A"/>
+<path d="M76.778 5.04033C76.6118 5.04033 76.4451 5.01672 76.2784 5.01672C76.6876 5.65288 76.8873 6.40118 76.8493 7.15657C76.8493 8.98722 75.9931 10.1759 74.5182 10.1759C73.0434 10.1759 72.2112 8.98722 72.2112 7.15657C72.1769 6.41902 72.3679 5.6885 72.759 5.06213C72.2139 5.08574 71.6888 5.13341 71.1415 5.15702C70.8854 5.79172 70.7561 6.47039 70.7609 7.15475C70.7609 9.55612 72.1881 11.2201 74.0672 11.2201C74.6541 11.2102 75.2254 11.0295 75.7111 10.7002C76.1969 10.3709 76.5762 9.90722 76.8026 9.36588V11.0776H78.2297V5.13568C77.7301 5.09028 77.2545 5.0644 76.7789 5.04079L76.778 5.04033Z" fill="#29707A"/>
+<path d="M78.2067 0H76.7795L76.7559 4.18434L78.183 4.25563V0H78.2067Z" fill="#29707A"/>
+<path d="M85.8404 7.06102C85.8404 8.89167 84.9842 9.96182 83.5093 9.96182C82.0344 9.96182 81.2023 8.89212 81.2023 7.06102C81.1873 6.50837 81.2843 5.9584 81.4875 5.44422C81.0119 5.37293 80.5359 5.32526 80.0603 5.27759C79.8534 5.84919 79.7487 6.45271 79.751 7.06056C79.751 9.46193 81.1782 11.0074 83.0573 11.0074C83.6391 11.0024 84.207 10.829 84.6924 10.5084C85.1778 10.1877 85.56 9.73342 85.7927 9.20041V11.1264C85.7927 12.4104 84.8411 13.0283 83.6519 13.0283C82.6072 13.0283 81.7015 12.5053 81.5825 11.4846H80.1316C80.2983 13.1963 81.8441 14.0762 83.6519 14.0762C85.4597 14.0762 87.1949 13.1727 87.1949 11.1042V6.63332C86.7193 6.49076 86.2433 6.3718 85.7677 6.25284C85.8165 6.51946 85.8409 6.78998 85.8404 7.06102Z" fill="#29707A"/>
+<path d="M83.51 4.15912C83.9177 4.13752 84.3227 4.23674 84.6742 4.44432C85.0257 4.6519 85.3081 4.95861 85.4859 5.32597C86.0805 5.46854 86.6515 5.61111 87.2224 5.75413V3.25696H85.7952V5.11258C85.6147 4.52993 85.2511 4.02094 84.7584 3.6611C84.2657 3.30125 83.6701 3.1097 83.0599 3.11485C82.5533 3.11268 82.054 3.23518 81.6061 3.47154C81.1581 3.7079 80.7752 4.05085 80.4912 4.47013C81.0145 4.51765 81.5377 4.58893 82.061 4.68398C82.2539 4.50227 82.482 4.36197 82.7312 4.2717C82.9804 4.18144 83.2454 4.14312 83.51 4.15912Z" fill="#29707A"/>
+<path d="M92.3593 10.1757C91.0748 10.1757 90.2186 9.27215 90.0995 7.60813C89.624 7.41789 89.1479 7.25171 88.6724 7.08508V7.15637C88.6724 9.51006 90.0282 11.2218 92.3593 11.2218C92.8463 11.2484 93.3337 11.1758 93.7916 11.0082C94.2496 10.8406 94.6687 10.5816 95.0234 10.247C94.6904 10.009 94.3334 9.77158 93.9787 9.53367C93.773 9.75361 93.5211 9.92526 93.2411 10.0363C92.9611 10.1473 92.6599 10.1949 92.3593 10.1757Z" fill="#29707A"/>
+<path d="M95.9994 7.03709C95.9994 4.63573 94.5245 3.09021 92.3601 3.09021C90.3861 3.09021 89.0779 4.35014 88.7686 6.20486C89.9473 6.58813 91.0995 7.04876 92.2175 7.58375H95.9994C95.9875 7.40172 95.9875 7.21912 95.9994 7.03709ZM90.1008 6.51405C90.2675 4.97035 91.0524 4.16036 92.3365 4.16036C93.6206 4.16036 94.4537 5.11155 94.5486 6.51405H90.1008Z" fill="#29707A"/>
+<path d="M95.8082 8.77319H94.3574C94.7505 9.00748 95.1315 9.26146 95.4989 9.53415C95.6444 9.29985 95.749 9.04253 95.8082 8.77319Z" fill="#29707A"/>
+</svg>

package/assets/svg/logout.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.1703 3H10.5635V3.94118H6.62286L5.94118 4.79393V17.2061L6.62286 18.0588H10.5635V19H6.1703L5 17.536V4.46398L6.1703 3Z" fill="#3D3C3C"/>
+<path d="M19.4238 10.6914L14.6639 15.3827L13.9829 14.7115L17.5909 11.1605H8V10.2222H17.5909L13.9829 6.65241L14.6639 6L19.4238 10.6914Z" fill="#FF290E"/>
+</svg>

package/common/helpers/helpers.d.ts

@@ -0,0 +1,12 @@
+export declare const debounce: (fn: Function, ms?: number) => (e: Event) => void;
+export declare const stringToReactHtml: (string: String) => {
+    __html: String;
+};
+/**
+ * Convert an object to an array of only its values.
+ * Used when importing enums in component stories for populating argType dropdowns.
+ * @param {*} options
+ *  imported enums object
+ */
+export declare function createOptionsArray(options?: any): any;
+//# sourceMappingURL=helpers.d.ts.map

package/common/helpers/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/common/helpers/helpers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,OAAQ,QAAQ,sBAEf,KAAK,SAI1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,WAAY,MAAM;;CAE/C,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,GAAQ,OAQnD"}

package/common/helpers/helpers.js

@@ -0,0 +1,2 @@
+const t=(t,e=100)=>{let o;return function(n){clearTimeout(o),o=setTimeout((()=>t.apply(n)),e)}};export{t as debounce};
+//# sourceMappingURL=helpers.js.map

package/common/helpers/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/common/helpers/helpers.ts"],"sourcesContent":["export const debounce = (fn: Function, ms = 100) => {\n  let timer: ReturnType<typeof setTimeout>;\n  return function (e: Event) {\n    clearTimeout(timer);\n    timer = setTimeout(() => fn.apply(e), ms);\n  };\n};\n\nexport const stringToReactHtml = (string: String) => {\n  return { __html: string };\n};\n\n/**\n * Convert an object to an array of only its values.\n * Used when importing enums in component stories for populating argType dropdowns.\n * @param {*} options\n *  imported enums object\n */\nexport function createOptionsArray(options: any = {}) {\n  const optionsArray: any = [];\n\n  Object.keys(options).map((key) => {\n    optionsArray.push(options[key]);\n  });\n\n  return optionsArray;\n}\n"],"names":["debounce","fn","ms","timer","e","clearTimeout","setTimeout","apply"],"mappings":"AAAa,MAAAA,EAAW,CAACC,EAAcC,EAAK,OAC1C,IAAIC,EACJ,OAAO,SAAUC,GACfC,aAAaF,GACbA,EAAQG,YAAW,IAAML,EAAGM,MAAMH,IAAIF,EACxC,CAAC"}

package/components/global/footer/footer.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+export declare class Footer extends LitElement {
+    static styles: import("lit").CSSResultGroup;
+    /** URL for the footer logo link. Should target the application home page. */
+    rootUrl: string;
+    render(): import("lit-html").TemplateResult<1>;
+    private handleRootLinkClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kyn-footer': Footer;
+    }
+}
+//# sourceMappingURL=footer.d.ts.map

package/components/global/footer/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/components/global/footer/footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,+BAAc;IAEpC,6EAA6E;IAE7E,OAAO,SAAO;IAEL,MAAM;IA2Bf,OAAO,CAAC,mBAAmB;CAM5B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,MAAM,CAAC;KACtB;CACF"}

package/components/global/footer/footer.js

@@ -0,0 +1,21 @@
+import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../external/@lit/reactive-element/reactive-element.js';import{html as t}from'./../../../external/lit-html/lit-html.js';import{LitElement as o}from'./../../../external/lit-element/lit-element.js';import{customElement as s}from'./../../../external/@lit/reactive-element/decorators/custom-element.js';import{property as r}from'./../../../external/@lit/reactive-element/decorators/property.js';import'./../../../external/@lit/reactive-element/decorators/query-assigned-elements.js';import{classMap as l}from'./../../../external/lit-html/directives/class-map.js';import{unsafeHTML as i}from'./../../../external/lit-html/directives/unsafe-html.js';import m from"../../../assets/svg/bridge-logo-large.svg.js";import n from"./footer.scss.js";let a=class extends o{constructor(){super(...arguments),this.rootUrl="/"}render(){return t`
+      <footer class="${l({footer:!0})}">
+        <div class="footer-links"><slot></slot></div>
+        <div class="footer-cpr">
+          <div class="logo-container">
+            <a
+              href="${this.rootUrl}"
+              class="logo-link"
+              @click="${e=>this.handleRootLinkClick(e)}"
+            >
+              <slot name="logo">${i(m)}</slot>
+            </a>
+          </div>
+          <span class="copyright">
+            Copyright &copy; ${(new Date).getFullYear()} Kyndryl Inc. All rights
+            reserved
+          </span>
+        </div>
+      </footer>
+    `}handleRootLinkClick(e){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:e}});this.dispatchEvent(t)}};a.styles=n,e([r({type:String})],a.prototype,"rootUrl",void 0),a=e([s("kyn-footer")],a);export{a as Footer};
+//# sourceMappingURL=footer.js.map

package/components/global/footer/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sources":["../../../../src/components/global/footer/footer.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport logo from '../../../assets/svg/bridge-logo-large.svg';\nimport FooterScss from './footer.scss';\n\n@customElement('kyn-footer')\nexport class Footer extends LitElement {\n  static override styles = FooterScss;\n\n  /** URL for the footer logo link. Should target the application home page. */\n  @property({ type: String })\n  rootUrl = '/';\n\n  override render() {\n    const classes = {\n      footer: true,\n    };\n\n    return html`\n      <footer class=\"${classMap(classes)}\">\n        <div class=\"footer-links\"><slot></slot></div>\n        <div class=\"footer-cpr\">\n          <div class=\"logo-container\">\n            <a\n              href=\"${this.rootUrl}\"\n              class=\"logo-link\"\n              @click=\"${(e: Event) => this.handleRootLinkClick(e)}\"\n            >\n              <slot name=\"logo\">${unsafeHTML(logo)}</slot>\n            </a>\n          </div>\n          <span class=\"copyright\">\n            Copyright &copy; ${new Date().getFullYear()} Kyndryl Inc. All rights\n            reserved\n          </span>\n        </div>\n      </footer>\n    `;\n  }\n\n  private handleRootLinkClick(e: Event) {\n    const event = new CustomEvent('on-root-link-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-footer': Footer;\n  }\n}\n"],"names":["Footer","LitElement","constructor","this","rootUrl","render","html","classMap","footer","e","handleRootLinkClick","unsafeHTML","logo","Date","getFullYear","event","CustomEvent","detail","origEvent","dispatchEvent","styles","FooterScss","__decorate","property","type","String","prototype","customElement"],"mappings":"szBAQO,IAAMA,EAAN,cAAqBC,EAArBC,kCAKLC,KAAOC,QAAG,GAmCX,CAjCUC,SAKP,OAAOC,CAAI;uBACQC,EALH,CACdC,QAAQ;;;;;sBASQL,KAAKC;;wBAEFK,GAAaN,KAAKO,oBAAoBD;;kCAE7BE,EAAWC;;;;gCAId,IAAIC,MAAOC;;;;;KAMvC,CAEOJ,oBAAoBD,GAC1B,MAAMM,EAAQ,IAAIC,YAAY,qBAAsB,CAClDC,OAAQ,CAAEC,UAAWT,KAEvBN,KAAKgB,cAAcJ,EACpB,GAtCef,EAAMoB,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJzB,EAAA0B,UAAA,eAAA,GALH1B,EAAMsB,EAAA,CADlBK,EAAc,eACF3B"}

package/components/global/footer/footer.scss.js

@@ -0,0 +1,84 @@
+import'./../../../external/@lit/reactive-element/reactive-element.js';import'./../../../external/lit-html/lit-html.js';import'./../../../external/lit-element/lit-element.js';import{css as i}from'./../../../external/@lit/reactive-element/css-tag.js';var t=i`*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+:root {
+  --kd-grid-max-width: 99rem;
+}
+
+:host {
+  display: block;
+}
+
+.footer {
+  padding: 8px var(--kd-page-gutter) 12px;
+  box-shadow: 0 -1px 0 var(--kd-color-border-secondary);
+}
+
+.footer-links {
+  margin: 0 -12px 8px;
+}
+
+.footer-cpr {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.logo-container {
+  margin-bottom: 8px;
+}
+
+.logo-link svg {
+  display: block;
+  width: 96px;
+  height: auto;
+}
+
+.copyright {
+  font-family: var(--kd-font-family-primary);
+  font-size: var(--kd-font-size-utility-4-sm);
+  line-height: var(--kd-line-height-utility-4-sm);
+  font-weight: var(--kd-font-weight-regular);
+  letter-spacing: var(--kd-letter-spacing-5);
+}
+@media (min-width: 42rem) {
+  .copyright {
+    font-size: var(--kd-font-size-utility-4-md);
+    line-height: var(--kd-line-height-utility-4-md);
+  }
+}
+@media (min-width: 74rem) {
+  .copyright {
+    font-size: var(--kd-font-size-utility-4-lg);
+    line-height: var(--kd-line-height-utility-4-lg);
+  }
+}
+@media (min-width: 82rem) {
+  .copyright {
+    font-size: var(--kd-font-size-utility-4-xlg);
+    line-height: var(--kd-line-height-utility-4-xlg);
+  }
+}
+@media (min-width: 99rem) {
+  .copyright {
+    font-size: var(--kd-font-size-utility-4-max);
+    line-height: var(--kd-line-height-utility-4-max);
+  }
+}
+
+@media (min-width: 42rem) {
+  .footer-cpr {
+    flex-direction: row-reverse;
+  }
+  .logo-container {
+    margin-bottom: 0;
+  }
+  .logo-link svg {
+    width: auto;
+    height: auto;
+  }
+}`;export{t as default};
+//# sourceMappingURL=footer.scss.js.map

package/components/global/footer/footer.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/global/footer/footerLink.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+import '@kyndryl-design-system/shidoka-foundation/components/icon';
+/**
+ * Component for navigation links within the Footer.
+ * @fires on-click - Captures the click event and emits the original event details.
+ * @slot unnamed - Slot for link text/content.
+ */
+export declare class FooterNavLink extends LitElement {
+    static styles: import("lit").CSSResultGroup;
+    /** Adds a 1px divider between footer nav links. */
+    divider: boolean;
+    /** Defines a target attribute for where to load the URL. Possible options include "_self" (deafult), "_blank", "_parent", "_top" */
+    target: "_self";
+    /** Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship */
+    rel: string;
+    /** Link url. */
+    href: string;
+    render(): import("lit-html").TemplateResult<1>;
+    private handleClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kyn-footer-link': FooterNavLink;
+    }
+}
+//# sourceMappingURL=footerLink.d.ts.map

package/components/global/footer/footerLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footerLink.d.ts","sourceRoot":"","sources":["../../../../src/components/global/footer/footerLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,2DAA2D,CAAC;AAEnE;;;;GAIG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,+BAAkB;IAExC,mDAAmD;IAEnD,OAAO,UAAS;IAEhB,oIAAoI;IAEpI,MAAM,UAAoB;IAE1B,oIAAoI;IAEpI,GAAG,SAAM;IAET,gBAAgB;IAEhB,IAAI,SAAM;IAED,MAAM;IAcf,OAAO,CAAC,WAAW;CAMpB;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/components/global/footer/footerLink.js

@@ -0,0 +1,12 @@
+import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../external/@lit/reactive-element/reactive-element.js';import{html as t}from'./../../../external/lit-html/lit-html.js';import{LitElement as o}from'./../../../external/lit-element/lit-element.js';import{customElement as r}from'./../../../external/@lit/reactive-element/decorators/custom-element.js';import{property as i}from'./../../../external/@lit/reactive-element/decorators/property.js';import'./../../../external/@lit/reactive-element/decorators/query-assigned-elements.js';import s from"./footerLink.scss.js";import'./../../../external/@kyndryl-design-system/shidoka-foundation/components/icon/icon.js';let l=class extends o{constructor(){super(...arguments),this.divider=!1,this.target="_self",this.rel="",this.href=""}render(){return t`
+      <a
+        class="footer-link"
+        target=${this.target}
+        rel=${this.rel}
+        href=${this.href?this.href:"javascript:void(0)"}
+        @click=${e=>this.handleClick(e)}
+      >
+        <slot></slot>
+      </a>
+    `}handleClick(e){const t=new CustomEvent("on-click",{detail:{origEvent:e}});this.dispatchEvent(t)}};l.styles=s,e([i({type:Boolean})],l.prototype,"divider",void 0),e([i({type:String})],l.prototype,"target",void 0),e([i({type:String})],l.prototype,"rel",void 0),e([i({type:String})],l.prototype,"href",void 0),l=e([r("kyn-footer-link")],l);export{l as FooterNavLink};
+//# sourceMappingURL=footerLink.js.map

package/components/global/footer/footerLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footerLink.js","sources":["../../../../src/components/global/footer/footerLink.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport FooterLinkScss from './footerLink.scss';\nimport '@kyndryl-design-system/shidoka-foundation/components/icon';\n\n/**\n * Component for navigation links within the Footer.\n * @fires on-click - Captures the click event and emits the original event details.\n * @slot unnamed - Slot for link text/content.\n */\n@customElement('kyn-footer-link')\nexport class FooterNavLink extends LitElement {\n  static override styles = FooterLinkScss;\n\n  /** Adds a 1px divider between footer nav links. */\n  @property({ type: Boolean })\n  divider = false;\n\n  /** Defines a target attribute for where to load the URL. Possible options include \"_self\" (deafult), \"_blank\", \"_parent\", \"_top\" */\n  @property({ type: String })\n  target = '_self' as const;\n\n  /** Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship */\n  @property({ type: String })\n  rel = '';\n\n  /** Link url. */\n  @property({ type: String })\n  href = '';\n\n  override render() {\n    return html`\n      <a\n        class=\"footer-link\"\n        target=${this.target}\n        rel=${this.rel}\n        href=${this.href ? this.href : 'javascript:void(0)'}\n        @click=${(e: Event) => this.handleClick(e)}\n      >\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  private handleClick(e: Event) {\n    const event = new CustomEvent('on-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-footer-link': FooterNavLink;\n  }\n}\n"],"names":["FooterNavLink","LitElement","constructor","this","divider","target","rel","href","render","html","e","handleClick","event","CustomEvent","detail","origEvent","dispatchEvent","styles","FooterLinkScss","__decorate","property","type","Boolean","prototype","String","customElement"],"mappings":"srBAWO,IAAMA,EAAN,cAA4BC,EAA5BC,kCAKLC,KAAOC,SAAG,EAIVD,KAAME,OAAG,QAITF,KAAGG,IAAG,GAINH,KAAII,KAAG,EAsBR,CApBUC,SACP,OAAOC,CAAI;;;iBAGEN,KAAKE;cACRF,KAAKG;eACJH,KAAKI,KAAOJ,KAAKI,KAAO;iBACrBG,GAAaP,KAAKQ,YAAYD;;;;KAK7C,CAEOC,YAAYD,GAClB,MAAME,EAAQ,IAAIC,YAAY,WAAY,CACxCC,OAAQ,CAAEC,UAAWL,KAEvBP,KAAKa,cAAcJ,EACpB,GArCeZ,EAAMiB,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACFtB,EAAAuB,UAAA,eAAA,GAIhBJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACQxB,EAAAuB,UAAA,cAAA,GAI1BJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACTxB,EAAAuB,UAAA,WAAA,GAITJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACRxB,EAAAuB,UAAA,YAAA,GAjBCvB,EAAamB,EAAA,CADzBM,EAAc,oBACFzB"}

package/components/global/footer/footerLink.scss.js

@@ -0,0 +1,45 @@
+import'./../../../external/@lit/reactive-element/reactive-element.js';import'./../../../external/lit-html/lit-html.js';import'./../../../external/lit-element/lit-element.js';import{css as o}from'./../../../external/@lit/reactive-element/css-tag.js';var e=o`*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: inline-block;
+  margin: 4px 0;
+}
+
+.footer-link {
+  display: inline-block;
+  padding: 0 12px;
+  position: relative;
+  text-decoration: none;
+  color: var(--kd-color-text-primary);
+}
+.footer-link:hover {
+  color: var(--kd-color-text-primary-hover);
+}
+.footer-link:active {
+  color: var(--kd-color-text-primary-pressed);
+}
+.footer-link:focus {
+  outline: 1px solid var(--kd-color-border-focus);
+  border-radius: 2px;
+}
+.footer-link::after {
+  content: "";
+  position: absolute;
+  width: calc(100% - 24px);
+  transform: scaleX(0);
+  height: 1px;
+  bottom: 0;
+  left: 12px;
+  top: auto;
+  background-color: var(--kd-color-border-tertiary);
+  transform-origin: bottom left;
+  transition: transform 0.15s ease-out;
+}
+.footer-link:hover::after, .footer-link:focus::after {
+  transform: scaleX(1);
+}`;export{e as default};
+//# sourceMappingURL=footerLink.scss.js.map

package/components/global/footer/footerLink.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footerLink.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/global/footer/footerNav.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+/**
+ * Container for footer navigation links.
+ * @slot unnamed - This element has a slot.
+ */
+export declare class FooterNav extends LitElement {
+    static styles: import("lit").CSSResultGroup;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kyn-footer-nav': FooterNav;
+    }
+}
+//# sourceMappingURL=footerNav.d.ts.map

package/components/global/footer/footerNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footerNav.d.ts","sourceRoot":"","sources":["../../../../src/components/global/footer/footerNav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC;;;GAGG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,+BAAiB;IAE9B,MAAM;CAOhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,SAAS,CAAC;KAC7B;CACF"}

package/components/global/footer/footerNav.js

@@ -0,0 +1,6 @@
+import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../external/@lit/reactive-element/reactive-element.js';import{html as t}from'./../../../external/lit-html/lit-html.js';import{LitElement as o}from'./../../../external/lit-element/lit-element.js';import{customElement as s}from'./../../../external/@lit/reactive-element/decorators/custom-element.js';import'./../../../external/@lit/reactive-element/decorators/query-assigned-elements.js';import l from"./footerNav.scss.js";let m=class extends o{render(){return t`
+      <div class="footer-nav">
+        <slot></slot>
+      </div>
+    `}};m.styles=l,m=e([s("kyn-footer-nav")],m);export{m as FooterNav};
+//# sourceMappingURL=footerNav.js.map

package/components/global/footer/footerNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footerNav.js","sources":["../../../../src/components/global/footer/footerNav.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport FooterNavScss from './footerNav.scss';\n\n/**\n * Container for footer navigation links.\n * @slot unnamed - This element has a slot.\n */\n@customElement('kyn-footer-nav')\nexport class FooterNav extends LitElement {\n  static override styles = FooterNavScss;\n\n  override render() {\n    return html`\n      <div class=\"footer-nav\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-footer-nav': FooterNav;\n  }\n}\n"],"names":["FooterNav","LitElement","render","html","styles","FooterNavScss","__decorate","customElement"],"mappings":"ufASO,IAAMA,EAAN,cAAwBC,EAGpBC,SACP,OAAOC,CAAI;;;;KAKZ,GAReH,EAAMI,OAAGC,EADdL,EAASM,EAAA,CADrBC,EAAc,mBACFP"}

package/components/global/footer/footerNav.scss.js

@@ -0,0 +1,24 @@
+import'./../../../external/@lit/reactive-element/reactive-element.js';import'./../../../external/lit-html/lit-html.js';import'./../../../external/lit-element/lit-element.js';import{css as e}from'./../../../external/@lit/reactive-element/css-tag.js';var t=e`*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+}
+
+.footer-nav {
+  display: flex;
+  flex-wrap: wrap;
+  line-height: 1.1875rem;
+}
+
+::slotted(kyn-footer-link) {
+  border-right: 1px solid var(--kd-color-border-primary);
+}
+
+::slotted(kyn-footer-link:last-child) {
+  border-right: none;
+}`;export{t as default};
+//# sourceMappingURL=footerNav.scss.js.map

package/components/global/footer/footerNav.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footerNav.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/components/global/footer/index.d.ts

@@ -0,0 +1,4 @@
+export { Footer } from './footer';
+export { FooterNav } from './footerNav';
+export { FooterNavLink } from './footerLink';
+//# sourceMappingURL=index.d.ts.map

package/components/global/footer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/global/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/components/global/footer/index.js

@@ -0,0 +1,2 @@
+export{Footer}from"./footer.js";export{FooterNav}from"./footerNav.js";export{FooterNavLink}from"./footerLink.js";
+//# sourceMappingURL=index.js.map

package/components/global/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}