@sme.up/ketchup 9.6.2 → 9.6.4

package/dist/collection/components/kup-spinner/kup-spinner.js

@@ -96,59 +96,59 @@ export class KupSpinner {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h("div", { key: '359be367c94c07c33890de1ed3b603841761c936', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'dd610e61f79f4fb3bf3a75b2f8033a3de9059e57', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'fd2a76c433135c56f8f7ff01e33c175813c2a843', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '100a69fbea8fae1b420d9dc67d3762cd06951232', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'fcd6789d7c97391b519ac9adffd2d86cd8392c5f', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '0dabff76162459dfebd5dac161e01c27478bf312', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '90666ad7ad0e23c1330fc0455ab17bff299eb43d', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '3345052dd461e7ec46d1da3909f75ccc5f698499', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '74b6dc03fc349bf03f82c2f45b6049d0a96d5b37', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '010f250853f56f487bb30473dff13a17d2762577', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'd351612d02e8b08ae603f60555cd3497450d1066', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'd3119619838e12b25a6477b05978b155803b9da9', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: '6097993bc339582792e4ba872d49618337297d31', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: '77d72d881258fe5ef3f852b5f566899e326baab4', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: '995a07fd01c96a76629d3927590d8e7a48e30df7', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: 'c101e0eb13a5776f891766e2fa5fe41116f7e7af', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: 'f6b6405c20f8e4545a1d1fb76b4c282614055b90', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: '439ccf9e4679b9f84d9c2d5d78de3f4fefa29d9b', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: '8e4989bceee360ec25e4d0d5a313e1759b26acda', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: '6b0b8bf998f1e52b5a67eeeffbbb9fb3a863d6ff', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: '0560fbe74edcd2cc7e2669f0d2e8694e4f7d024a', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: '6c3d65e391c185581cdd937dc6d1018a8cab1f05', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '3293f00ef4d27cf9de011aa6194c2b3791d82572', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: 'be20bfcb1e61da73b9041b59227639899b1ad5b1', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '69b86ac19c0a5514784603f30a5d1894fc75801b', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: '00d221803e1466b85e1b679bf5ec1c898dc1b9aa', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: '5194a1c883a16a0a15ce430c05dc89f0e4d7d818', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: '06997f1b7f6dc4c7d9fed22536cd7b1bb4def915', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: '9645b92f0840866b75f08087860cd7df3ad9189c', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: '062757580932383e18ed19dff2cd32b77c63fbf4', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: 'e2db26066dfb926ac869ce19e4524d9220766d4f', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: 'd3d5d979ec844f7480db8e764e86a2d5d428b661', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: '33ee04b71b70e16e38823299fdd04066c88b3894', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '2e797f2237b2a0c115b79d8f40829e8d1a98aba5', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: '69326de8e0cc99e6d84db29baf66face42bff232', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: '19a168af29b9945406f0825102e9d1f2b0dc30b8', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: 'c6ee21ac84b32c1f5e9a80bad9cc8ebe8b0bb372', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: '815cb43eeb85da1001819ea01ec308df0d924839', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: '9d7ccae4b3b2f2fd7312d2c94fe8f9d878fd42c2', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: 'dfa0abfeb122ffc5393eb44b0baf1064249a8e35', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: '473fa7685a333d25698f487e409f575b65e77202', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: 'f6204b28119e835bb9feee65b70de391807b34ec', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: '93929d740397ab1e70896abca6df56ca07239397', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: '2e8ef8edffaf868e7d07a68a9692c2a442ab2004', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: '470de093a1a1e00c7cd1d820bf1047679e95023a', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '9451f27fcaa437c518354168dac1fda9dcb5d1c8', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: '01fad1595f607900cc76dd63ab2e49f51ab1e8a1', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: '127c9f2d7ad50a463f3ca9bdd5ab0640a8581358', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '7b722ba2c270d743aebcc6995cff8322cf0a014d', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '56ec617ec9f367543798bebf8b6ae2f153a89f11', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: 'c2974a187a0f3600210a24bb276407e5fd758dee', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '8bcdf75c43b61ff44f617799fa06cab21757fb43', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: '2bb19eb0cd5ae87ff035e8dc2519dd6d4b6ef93c', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: '149a1519ecd99be2bce3d050936dcacc605509d4', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: '87be0fc8e745ecbb8f0c20378cd227542306ad30', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: '8408bbe50f643c50661b92925acdfffb1038120e', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: '95fadaf51325082d227b4013ec85a77924655d2d', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: '09a5e877113e12c0010a4ce6ec8951a6445b51cc', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: '4fb21591657b3e9d9caa1e290012b589049d6b21', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: 'dc4ce858ebd380ba0af38fda60c9df2c2718dfad', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: '4b7c4c99fdcb95a74e25cd5398909221bf23666e', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: 'fef3c733fd9439f33ec04d8145cb8fe6ca3e65e0', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: '9ae20267a3c8232a2fcb8437859e0d4cb5eef567', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: '4834cb4c42f3ecad07d5075b80dcbb25b33df296', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: 'c5a05c73a0331b8661f3ba062b8aed07a1bd3f75', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: 'd1fd482ea02772716697a98c02b4a4e7257aacd9', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -167,7 +167,7 @@ export class KupSpinner {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h(Host, { key: '3edd3d9661f7cfdbf6a1603bf8590a4e1a627801', style: elStyle }, h("style", { key: 'cd3bdb042c3cbe8c0f912644e2367481cba4a47c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0138498d99b3b19099bd1e9dc49b1a3dbd0664e6', id: componentWrapperId, style: elStyle }, h("div", { key: '6affd0a909dc637476750c8a6b3d8ee5f54952ee', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '5932de28b966bd18ca4e5509c8485dca25878827', id: wrapperClass, style: elStyle }, h("div", { key: '9e83b1b3cb175bdd115d428b08f4e2e59450e833', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: 'e95cc165071471e4e04fde8bb290a9fd435fa650', style: elStyle }, h("style", { key: 'aa5ab921a6ccb0a10f24a9b5e8c475bd14a64c5d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'df75ad70c3da606fe1f1e9f09f9356168c519509', id: componentWrapperId, style: elStyle }, h("div", { key: 'a79125252cf9a550452f143c5e9c1bdf7de40b75', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '0415ec00602f1b7d2eab2159b9316770d1feb545', id: wrapperClass, style: elStyle }, h("div", { key: 'ba73afb2f0501ff51c2791554d9de41d983b77f6', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-switch/kup-switch.css

@@ -1,3 +1,131 @@
+.kup-body-compact-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 400;
+  letter-spacing: 0.16px;
+}
+
+.kup-body-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  letter-spacing: 0.16px;
+}
+
+.kup-code-01 {
+  font-family: var(--kup-font-family-monospace);
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+}
+
+.kup-label-01 {
+  font-family: var(--kup-font-family);
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+}
+
+.kup-caption-02 {
+  font-family: var(--kup-font-family);
+  font-size: 12px;
+  line-height: 15px;
+  font-weight: 500;
+  letter-spacing: 1px;
+}
+
+.kup-caption-01 {
+  font-family: var(--kup-font-family);
+  font-size: 10px;
+  line-height: 13px;
+  font-weight: 400;
+  letter-spacing: 1px;
+}
+
+.kup-small-label-01 {
+  font-family: var(--kup-font-family);
+  font-size: 6px;
+  line-height: 9px;
+  font-weight: 400;
+  letter-spacing: 1px;
+}
+
+.kup-heading-compact-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 600;
+  letter-spacing: 0.16px;
+}
+
+.kup-heading-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
+  letter-spacing: 0.16px;
+}
+
+.kup-heading-02 {
+  font-family: var(--kup-font-family);
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 500;
+  letter-spacing: 0;
+}
+
+.kup-heading-03 {
+  font-family: var(--kup-font-family);
+  font-size: 20px;
+  line-height: 28px;
+  font-weight: 400;
+  letter-spacing: 0;
+}
+
+.kup-heading-04 {
+  font-family: var(--kup-font-family);
+  font-size: 28px;
+  line-height: 36px;
+  font-weight: 400;
+  letter-spacing: 0;
+}
+
+.kup-heading-05 {
+  font-family: var(--kup-font-family);
+  font-size: 32px;
+  line-height: 40px;
+  font-weight: 300;
+  letter-spacing: 0;
+}
+
+.kup-heading-06 {
+  font-family: var(--kup-font-family);
+  font-size: 42px;
+  line-height: 50px;
+  font-weight: 300;
+  letter-spacing: 0;
+}
+
+.kup-heading-07 {
+  font-family: var(--kup-font-family);
+  font-size: 54px;
+  line-height: 64px;
+  font-weight: 300;
+  letter-spacing: 0;
+}
+
+.kup-heading-08 {
+  font-family: var(--kup-font-family);
+  font-size: 54px;
+  line-height: 64px;
+  font-weight: 600;
+  letter-spacing: 0;
+}
+
 /**
 * NOTE: These variables are used in the related f-component.
 *

package/dist/collection/components/kup-switch/kup-switch.js

@@ -120,7 +120,7 @@ export class KupSwitch {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: '4858e80e63b496834cbfcec2eaf0443721ff97ac' }, h("style", { key: 'cc5e607c829cf53ecc4fcbecb17599bf71ddd3c6' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '03f13f6cd8bd27733aad62d7fb9dfc8d883aebd5', id: componentWrapperId }, h(FSwitch, Object.assign({ key: 'ee60ee3e801c6e0015321a1736a04cf9949ac156' }, props)))));
+        return (h(Host, { key: '5d4605807cd9168332647028df35b5bc1c53b41f' }, h("style", { key: 'cb4a258ec1e1bda2a31b751043a43d59abea1137' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f1f2d2f031c039ceba39f9192df6824c4f7d8404', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '0ac2940b88d9259f5653ac83ac89b8bdb2e7740e' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-tab-bar/kup-tab-bar.css

@@ -1,3 +1,131 @@
+.kup-body-compact-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 400;
+  letter-spacing: 0.16px;
+}
+
+.kup-body-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  letter-spacing: 0.16px;
+}
+
+.kup-code-01 {
+  font-family: var(--kup-font-family-monospace);
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+}
+
+.kup-label-01 {
+  font-family: var(--kup-font-family);
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+}
+
+.kup-caption-02 {
+  font-family: var(--kup-font-family);
+  font-size: 12px;
+  line-height: 15px;
+  font-weight: 500;
+  letter-spacing: 1px;
+}
+
+.kup-caption-01 {
+  font-family: var(--kup-font-family);
+  font-size: 10px;
+  line-height: 13px;
+  font-weight: 400;
+  letter-spacing: 1px;
+}
+
+.kup-small-label-01 {
+  font-family: var(--kup-font-family);
+  font-size: 6px;
+  line-height: 9px;
+  font-weight: 400;
+  letter-spacing: 1px;
+}
+
+.kup-heading-compact-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 600;
+  letter-spacing: 0.16px;
+}
+
+.kup-heading-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
+  letter-spacing: 0.16px;
+}
+
+.kup-heading-02 {
+  font-family: var(--kup-font-family);
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 500;
+  letter-spacing: 0;
+}
+
+.kup-heading-03 {
+  font-family: var(--kup-font-family);
+  font-size: 20px;
+  line-height: 28px;
+  font-weight: 400;
+  letter-spacing: 0;
+}
+
+.kup-heading-04 {
+  font-family: var(--kup-font-family);
+  font-size: 28px;
+  line-height: 36px;
+  font-weight: 400;
+  letter-spacing: 0;
+}
+
+.kup-heading-05 {
+  font-family: var(--kup-font-family);
+  font-size: 32px;
+  line-height: 40px;
+  font-weight: 300;
+  letter-spacing: 0;
+}
+
+.kup-heading-06 {
+  font-family: var(--kup-font-family);
+  font-size: 42px;
+  line-height: 50px;
+  font-weight: 300;
+  letter-spacing: 0;
+}
+
+.kup-heading-07 {
+  font-family: var(--kup-font-family);
+  font-size: 54px;
+  line-height: 64px;
+  font-weight: 300;
+  letter-spacing: 0;
+}
+
+.kup-heading-08 {
+  font-family: var(--kup-font-family);
+  font-size: 54px;
+  line-height: 64px;
+  font-weight: 600;
+  letter-spacing: 0;
+}
+
 /**
 * @prop --kup-tabbar-font-family: Sets font family of the component.
 * @prop --kup-tabbar-font-size: Sets font size of the component.

package/dist/collection/components/kup-text-field/kup-text-field.css

@@ -1,3 +1,131 @@
+.kup-body-compact-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 400;
+  letter-spacing: 0.16px;
+}
+
+.kup-body-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  letter-spacing: 0.16px;
+}
+
+.kup-code-01 {
+  font-family: var(--kup-font-family-monospace);
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+}
+
+.kup-label-01 {
+  font-family: var(--kup-font-family);
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+}
+
+.kup-caption-02 {
+  font-family: var(--kup-font-family);
+  font-size: 12px;
+  line-height: 15px;
+  font-weight: 500;
+  letter-spacing: 1px;
+}
+
+.kup-caption-01 {
+  font-family: var(--kup-font-family);
+  font-size: 10px;
+  line-height: 13px;
+  font-weight: 400;
+  letter-spacing: 1px;
+}
+
+.kup-small-label-01 {
+  font-family: var(--kup-font-family);
+  font-size: 6px;
+  line-height: 9px;
+  font-weight: 400;
+  letter-spacing: 1px;
+}
+
+.kup-heading-compact-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 600;
+  letter-spacing: 0.16px;
+}
+
+.kup-heading-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
+  letter-spacing: 0.16px;
+}
+
+.kup-heading-02 {
+  font-family: var(--kup-font-family);
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 500;
+  letter-spacing: 0;
+}
+
+.kup-heading-03 {
+  font-family: var(--kup-font-family);
+  font-size: 20px;
+  line-height: 28px;
+  font-weight: 400;
+  letter-spacing: 0;
+}
+
+.kup-heading-04 {
+  font-family: var(--kup-font-family);
+  font-size: 28px;
+  line-height: 36px;
+  font-weight: 400;
+  letter-spacing: 0;
+}
+
+.kup-heading-05 {
+  font-family: var(--kup-font-family);
+  font-size: 32px;
+  line-height: 40px;
+  font-weight: 300;
+  letter-spacing: 0;
+}
+
+.kup-heading-06 {
+  font-family: var(--kup-font-family);
+  font-size: 42px;
+  line-height: 50px;
+  font-weight: 300;
+  letter-spacing: 0;
+}
+
+.kup-heading-07 {
+  font-family: var(--kup-font-family);
+  font-size: 54px;
+  line-height: 64px;
+  font-weight: 300;
+  letter-spacing: 0;
+}
+
+.kup-heading-08 {
+  font-family: var(--kup-font-family);
+  font-size: 54px;
+  line-height: 64px;
+  font-weight: 600;
+  letter-spacing: 0;
+}
+
 /**
 * @prop --kup-textfield-background-color-rgb: Sets the background shader of the field, must be a set of RGB values.
 * @prop --kup-textfield-color: Sets text color of the text field.

package/dist/collection/components/kup-time-picker/kup-time-picker.css

@@ -1,3 +1,131 @@
+.kup-body-compact-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 400;
+  letter-spacing: 0.16px;
+}
+
+.kup-body-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  letter-spacing: 0.16px;
+}
+
+.kup-code-01 {
+  font-family: var(--kup-font-family-monospace);
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+}
+
+.kup-label-01 {
+  font-family: var(--kup-font-family);
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+}
+
+.kup-caption-02 {
+  font-family: var(--kup-font-family);
+  font-size: 12px;
+  line-height: 15px;
+  font-weight: 500;
+  letter-spacing: 1px;
+}
+
+.kup-caption-01 {
+  font-family: var(--kup-font-family);
+  font-size: 10px;
+  line-height: 13px;
+  font-weight: 400;
+  letter-spacing: 1px;
+}
+
+.kup-small-label-01 {
+  font-family: var(--kup-font-family);
+  font-size: 6px;
+  line-height: 9px;
+  font-weight: 400;
+  letter-spacing: 1px;
+}
+
+.kup-heading-compact-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 600;
+  letter-spacing: 0.16px;
+}
+
+.kup-heading-01 {
+  font-family: var(--kup-font-family);
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
+  letter-spacing: 0.16px;
+}
+
+.kup-heading-02 {
+  font-family: var(--kup-font-family);
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 500;
+  letter-spacing: 0;
+}
+
+.kup-heading-03 {
+  font-family: var(--kup-font-family);
+  font-size: 20px;
+  line-height: 28px;
+  font-weight: 400;
+  letter-spacing: 0;
+}
+
+.kup-heading-04 {
+  font-family: var(--kup-font-family);
+  font-size: 28px;
+  line-height: 36px;
+  font-weight: 400;
+  letter-spacing: 0;
+}
+
+.kup-heading-05 {
+  font-family: var(--kup-font-family);
+  font-size: 32px;
+  line-height: 40px;
+  font-weight: 300;
+  letter-spacing: 0;
+}
+
+.kup-heading-06 {
+  font-family: var(--kup-font-family);
+  font-size: 42px;
+  line-height: 50px;
+  font-weight: 300;
+  letter-spacing: 0;
+}
+
+.kup-heading-07 {
+  font-family: var(--kup-font-family);
+  font-size: 54px;
+  line-height: 64px;
+  font-weight: 300;
+  letter-spacing: 0;
+}
+
+.kup-heading-08 {
+  font-family: var(--kup-font-family);
+  font-size: 54px;
+  line-height: 64px;
+  font-weight: 600;
+  letter-spacing: 0;
+}
+
 :host {
   display: block;
   font-size: var(--kup-font-size);

package/dist/collection/components/kup-time-picker/kup-time-picker.js

@@ -405,7 +405,7 @@ export class KupTimePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '6e64fa08f58a91eaca3aa1676ef29f27fd9c9c36' }, h("style", { key: 'a832d907fff749ae04b9fbf90b8b5c446e25f431' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'dec81378d73e1cceb3b5c5eefef150cc24455943', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: '4e9d0dec3eeff8397f256178476e7bc01183c5c2' }, h("style", { key: '357339865b975a1ed3dca31dd06e1ac53baaf456' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f1acc1ce4e7c3cf35399892bcfde42379bff9dd8', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);