@kickstartds/ds-agency-premium 1.3.3--canary.376.d27cea6.0 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -19,9 +19,14 @@ type Width = number;
19
19
  * Height of the picture
20
20
  */
21
21
  type Height = number;
22
+ /**
23
+ * Small line of text displayed below the logo
24
+ */
25
+ type Byline = string;
22
26
  interface FooterProps {
23
27
  logo: Logo;
24
28
  logoHref?: string;
29
+ byline?: Byline;
25
30
  navItems?: {
26
31
  href: string;
27
32
  label: string;
@@ -34,4 +39,4 @@ interface Logo {
34
39
  width?: Width;
35
40
  height?: Height;
36
41
  }
37
- export { Source, AltText, Width, Height, FooterProps, Logo };
42
+ export { Source, AltText, Width, Height, Byline, FooterProps, Logo };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BlogPostProps } from "../../BlogPostProps-0910f130.js";
2
+ import { BlogPostProps } from "../../BlogPostProps-e1cbd5d3.js";
3
3
  declare const BlogPost: {
4
4
  ({ head, content, aside, cta }: BlogPostProps): import("react/jsx-runtime").JSX.Element;
5
5
  displayName: string;
@@ -3,8 +3,8 @@
3
3
  --dsa-footer--border-top: 1px solid var(--ks-border-color-accent);
4
4
  --dsa-footer--max-width: var(--l-section--content-width-wide);
5
5
  --dsa-footer--gap-vertical: var(--ks-spacing-stack-m);
6
- --dsa-footer__trademark--font: var(--ks-font-copy-xs);
7
- --dsa-footer__trademark--color: var(--ks-text-color-default);
6
+ --dsa-footer__byline--font: var(--ks-font-copy-xs);
7
+ --dsa-footer__byline--color: var(--ks-text-color-default);
8
8
  --dsa-footer__links--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
9
9
  --dsa-footer__links--font: var(--ks-font-interface-s);
10
10
  --dsa-footer__links--color: var(--dsa-link--color);
@@ -41,9 +41,9 @@
41
41
  height: var(--dsa-footer__logo--height);
42
42
  width: auto;
43
43
  }
44
- .c-footer__trademark {
45
- font: var(--dsa-footer__trademark--font, var(--ks-font-copy-xs));
46
- color: var(--dsa-footer__trademark--color, var(--ks-text-color-default));
44
+ .c-footer__byline {
45
+ font: var(--dsa-footer__byline--font, var(--ks-font-copy-xs));
46
+ color: var(--dsa-footer__byline--color, var(--ks-text-color-default));
47
47
  }
48
48
  .c-footer__links {
49
49
  display: flex;
@@ -48,6 +48,12 @@
48
48
  "format": "uri",
49
49
  "default": "/"
50
50
  },
51
+ "byline": {
52
+ "title": "Byline",
53
+ "description": "Small line of text displayed below the logo",
54
+ "type": "string",
55
+ "default": "© 2024 systemics Inc. All rights reserved."
56
+ },
51
57
  "navItems": {
52
58
  "type": "array",
53
59
  "items": {
@@ -42,6 +42,12 @@
42
42
  "format": "uri",
43
43
  "default": "/"
44
44
  },
45
+ "byline": {
46
+ "title": "Byline",
47
+ "description": "Small line of text displayed below the logo",
48
+ "type": "string",
49
+ "default": "© 2024 systemics Inc. All rights reserved."
50
+ },
45
51
  "navItems": {
46
52
  "type": "array",
47
53
  "items": {
@@ -1,4 +1,4 @@
1
1
  import { FC } from "react";
2
- import { FooterProps } from "../../FooterProps-b5c16ab5.js";
2
+ import { FooterProps } from "../../FooterProps-55aaf559.js";
3
3
  declare const Footer: FC<FooterProps>;
4
4
  export { Footer };
@@ -5,8 +5,7 @@ import classnames from 'classnames';
5
5
  import { Picture } from '@kickstartds/base/lib/picture';
6
6
  import { Link } from '@kickstartds/base/lib/link';
7
7
 
8
- const now = new Date();
9
- const Footer = ({ logo, logoHref = "/", navItems = [], }) => (jsx("div", { className: classnames("c-footer"), children: jsxs("div", { className: "c-footer__content", children: [jsx(Link, { className: "c-footer__logo", href: logoHref, children: jsx(Picture, { ...logo, lazy: true }) }), jsxs("span", { className: "c-footer__trademark", children: ["\u00A9 ", now.getFullYear(), " systemics Inc. All rights reserved."] }), navItems.length > 0 ? (jsx("div", { className: "c-footer__links", children: navItems.map(({ label, ...linkProps }) => (createElement(Link, { ...linkProps, className: "c-footer__link", key: linkProps.href + label }, label))) })) : null] }) }));
8
+ const Footer = ({ logo, logoHref = "/", byline, navItems = [], }) => (jsx("div", { className: classnames("c-footer"), children: jsxs("div", { className: "c-footer__content", children: [jsx(Link, { className: "c-footer__logo", href: logoHref, children: jsx(Picture, { ...logo, lazy: true }) }), byline && jsx("span", { className: "c-footer__byline", children: byline }), navItems.length > 0 ? (jsx("div", { className: "c-footer__links", children: navItems.map(({ label, ...linkProps }) => (createElement(Link, { ...linkProps, className: "c-footer__link", key: linkProps.href + label }, label))) })) : null] }) }));
10
9
  Footer.displayName = "Footer";
11
10
 
12
11
  export { Footer };
@@ -13,7 +13,7 @@ import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
13
13
  * and run json-schema-to-typescript to regenerate this file.
14
14
  */
15
15
  import { HeaderProps } from "../../HeaderProps-ae331ab2.js";
16
- import { FooterProps } from "../../FooterProps-b5c16ab5.js";
16
+ import { FooterProps } from "../../FooterProps-55aaf559.js";
17
17
  /**
18
18
  * Collection of sections (with their contents) to render on the page
19
19
  */
@@ -45,6 +45,6 @@ interface SettingsProps {
45
45
  */
46
46
  seo: SeoProps;
47
47
  }
48
- export * from "../../BlogPostProps-0910f130.js";
48
+ export * from "../../BlogPostProps-e1cbd5d3.js";
49
49
  export * from "../../BlogOverviewProps-f385fc47.js";
50
50
  export { Sections, PageProps, SettingsProps };
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 18 Apr 2024 11:37:36 GMT
3
+ * Generated on Thu, 18 Apr 2024 13:36:55 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -1156,7 +1156,7 @@
1156
1156
  "id": "layout-footer--footer",
1157
1157
  "group": "Layout/Footer",
1158
1158
  "name": "Footer",
1159
- "code": "<Footer\n logo={{\n alt: 'Systemics Logo',\n height: 40,\n lazy: false,\n src: '/logo.svg',\n width: 176\n }}\n logoHref=\"/\"\n navItems={[\n {\n href: '#privacy-policy',\n label: 'Privacy policy'\n },\n {\n href: '#changelog',\n label: 'Changelog'\n },\n {\n href: 'https://main--64f08cbba622af835d382b4f.chromatic.com/',\n label: 'Storybook',\n target: '_blank'\n }\n ]}\n/>",
1159
+ "code": "<Footer\n byline=\"© 2024 systemics Inc. All rights reserved.\"\n logo={{\n alt: 'Systemics Logo',\n height: 40,\n lazy: false,\n src: '/logo.svg',\n width: 176\n }}\n logoHref=\"/\"\n navItems={[\n {\n href: '#privacy-policy',\n label: 'Privacy policy'\n },\n {\n href: '#changelog',\n label: 'Changelog'\n },\n {\n href: 'https://main--64f08cbba622af835d382b4f.chromatic.com/',\n label: 'Storybook',\n target: '_blank'\n }\n ]}\n/>",
1160
1160
  "args": {
1161
1161
  "logo": {
1162
1162
  "src": "/logo.svg",
@@ -1166,6 +1166,7 @@
1166
1166
  "lazy": false
1167
1167
  },
1168
1168
  "logoHref": "/",
1169
+ "byline": "© 2024 systemics Inc. All rights reserved.",
1169
1170
  "navItems": [
1170
1171
  {
1171
1172
  "href": "#privacy-policy",
@@ -173,6 +173,12 @@
173
173
  "format": "uri",
174
174
  "default": "/"
175
175
  },
176
+ "byline": {
177
+ "title": "Byline",
178
+ "description": "Small line of text displayed below the logo",
179
+ "type": "string",
180
+ "default": "© 2024 systemics Inc. All rights reserved."
181
+ },
176
182
  "navItems": {
177
183
  "type": "array",
178
184
  "items": {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 18 Apr 2024 11:37:38 GMT
3
+ * Generated on Thu, 18 Apr 2024 13:36:58 GMT
4
4
  */
5
5
  :root [ks-theme=business] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
2727
2727
  }
2728
2728
  /**
2729
2729
  * Do not edit directly
2730
- * Generated on Thu, 18 Apr 2024 11:37:42 GMT
2730
+ * Generated on Thu, 18 Apr 2024 13:37:02 GMT
2731
2731
  */
2732
2732
  :root [ks-theme=google] {
2733
2733
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
5458
5458
  }
5459
5459
  /**
5460
5460
  * Do not edit directly
5461
- * Generated on Thu, 18 Apr 2024 11:37:40 GMT
5461
+ * Generated on Thu, 18 Apr 2024 13:37:00 GMT
5462
5462
  */
5463
5463
  :root [ks-theme=ngo] {
5464
5464
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
8459
8459
  }
8460
8460
  /**
8461
8461
  * Do not edit directly
8462
- * Generated on Thu, 18 Apr 2024 11:37:44 GMT
8462
+ * Generated on Thu, 18 Apr 2024 13:37:04 GMT
8463
8463
  */
8464
8464
  :root [ks-theme=telekom] {
8465
8465
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 18 Apr 2024 11:37:36 GMT
3
+ * Generated on Thu, 18 Apr 2024 13:36:55 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 18 Apr 2024 11:37:36 GMT
3
+ * Generated on Thu, 18 Apr 2024 13:36:56 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#230a2b";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.3.3--canary.376.d27cea6.0",
3
+ "version": "1.3.3",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {