@gov-design-system-ce/components 4.6.2 → 4.6.4

package/dist/collection/core/constants/sizes.js

@@ -0,0 +1,15 @@
+export var Sizes;
+(function (Sizes) {
+    Sizes["_2XS"] = "2xs";
+    Sizes["_XS"] = "xs";
+    Sizes["_S"] = "s";
+    Sizes["_M"] = "m";
+    Sizes["_L"] = "l";
+    Sizes["_XL"] = "xl";
+    Sizes["_2XL"] = "2xl";
+    Sizes["_3XL"] = "3xl";
+    Sizes["_4XL"] = "4xl";
+    Sizes["_5XL"] = "5xl";
+    Sizes["_6XL"] = "6xl";
+})(Sizes || (Sizes = {}));
+//# sourceMappingURL=sizes.js.map

package/dist/collection/core/constants/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../../../../src/core/constants/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,KAYX;AAZD,WAAY,KAAK;IAChB,qBAAY,CAAA;IACZ,mBAAU,CAAA;IACV,iBAAQ,CAAA;IACR,iBAAQ,CAAA;IACR,iBAAQ,CAAA;IACR,mBAAU,CAAA;IACV,qBAAY,CAAA;IACZ,qBAAY,CAAA;IACZ,qBAAY,CAAA;IACZ,qBAAY,CAAA;IACZ,qBAAY,CAAA;AACb,CAAC,EAZW,KAAK,KAAL,KAAK,QAYhB","sourcesContent":["export enum Sizes {\n\t_2XS = '2xs',\n\t_XS = 'xs',\n\t_S = 's',\n\t_M = 'm',\n\t_L = 'l',\n\t_XL = 'xl',\n\t_2XL = '2xl',\n\t_3XL = '3xl',\n\t_4XL = '4xl',\n\t_5XL = '5xl',\n\t_6XL = '6xl',\n}\n"]}

package/dist/collection/core/constants/tags.js

@@ -0,0 +1,14 @@
+export var Tags;
+(function (Tags) {
+    Tags["H1"] = "h1";
+    Tags["H2"] = "h2";
+    Tags["H3"] = "h3";
+    Tags["H4"] = "h4";
+    Tags["H5"] = "h5";
+    Tags["H6"] = "h6";
+    Tags["P"] = "p";
+    Tags["SPAN"] = "span";
+    Tags["DIV"] = "div";
+})(Tags || (Tags = {}));
+export const allTags = [undefined, Tags.H1, Tags.H2, Tags.H3, Tags.H4, Tags.H5, Tags.H6, Tags.P, Tags.SPAN, Tags.DIV];
+//# sourceMappingURL=tags.js.map

package/dist/collection/core/constants/tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags.js","sourceRoot":"","sources":["../../../../../../src/core/constants/tags.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,IAUX;AAVD,WAAY,IAAI;IACf,iBAAS,CAAA;IACT,iBAAS,CAAA;IACT,iBAAS,CAAA;IACT,iBAAS,CAAA;IACT,iBAAS,CAAA;IACT,iBAAS,CAAA;IACT,eAAO,CAAA;IACP,qBAAa,CAAA;IACb,mBAAW,CAAA;AACZ,CAAC,EAVW,IAAI,KAAJ,IAAI,QAUf;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA","sourcesContent":["export enum Tags {\n\tH1 = 'h1',\n\tH2 = 'h2',\n\tH3 = 'h3',\n\tH4 = 'h4',\n\tH5 = 'h5',\n\tH6 = 'h6',\n\tP = 'p',\n\tSPAN = 'span',\n\tDIV = 'div',\n}\n\nexport const allTags = [undefined, Tags.H1, Tags.H2, Tags.H3, Tags.H4, Tags.H5, Tags.H6, Tags.P, Tags.SPAN, Tags.DIV]\n"]}

package/dist/collection/core/constants/tokens.js

@@ -0,0 +1,19 @@
+import { Colors } from "./colors";
+import { pick } from "../../utils/utils";
+const primaryRange = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+const secondaryRange = [...primaryRange];
+const neutralRange = [0, ...primaryRange, 1000];
+const errorRange = [...primaryRange];
+const successRange = [...primaryRange];
+const warningRange = [...primaryRange];
+const tokenColors = Object.values(pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'WARNING', 'SUCCESS']));
+const tokenColorRanges = {
+    [Colors.PRIMARY]: primaryRange,
+    [Colors.SECONDARY]: secondaryRange,
+    [Colors.NEUTRAL]: neutralRange,
+    [Colors.ERROR]: errorRange,
+    [Colors.SUCCESS]: successRange,
+    [Colors.WARNING]: warningRange,
+};
+export const backgroundTokenClasses = [].concat(...tokenColors.map((color) => tokenColorRanges[color].map((token) => `gov-bg--${color}-${token}`)));
+//# sourceMappingURL=tokens.js.map

package/dist/collection/core/constants/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../../../../src/core/constants/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,MAAM,YAAY,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAC3E,MAAM,cAAc,GAAG,CAAC,GAAG,YAAY,CAAC,CAAA;AACxC,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,GAAG,YAAY,EAAE,IAAI,CAAC,CAAA;AAC/C,MAAM,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAA;AACpC,MAAM,YAAY,GAAG,CAAC,GAAG,YAAY,CAAC,CAAA;AACtC,MAAM,YAAY,GAAG,CAAC,GAAG,YAAY,CAAC,CAAA;AAEtC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;AACnH,MAAM,gBAAgB,GAAG;IACxB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,YAAY;IAC9B,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,cAAc;IAClC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,YAAY;IAC9B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,UAAU;IAC1B,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,YAAY;IAC9B,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,YAAY;CAC9B,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,WAAW,KAAK,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA","sourcesContent":["import { Colors } from \"./colors\"\nimport { pick } from \"../../utils/utils\"\n\nconst primaryRange = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950]\nconst secondaryRange = [...primaryRange]\nconst neutralRange = [0, ...primaryRange, 1000]\nconst errorRange = [...primaryRange]\nconst successRange = [...primaryRange]\nconst warningRange = [...primaryRange]\n\nconst tokenColors = Object.values(pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'WARNING', 'SUCCESS']))\nconst tokenColorRanges = {\n\t[Colors.PRIMARY]: primaryRange,\n\t[Colors.SECONDARY]: secondaryRange,\n\t[Colors.NEUTRAL]: neutralRange,\n\t[Colors.ERROR]: errorRange,\n\t[Colors.SUCCESS]: successRange,\n\t[Colors.WARNING]: warningRange,\n}\n\nexport const backgroundTokenClasses = [].concat(...tokenColors.map((color) => tokenColorRanges[color].map((token: string) => `gov-bg--${color}-${token}`)))\n"]}

package/dist/collection/data/color-definitions.js

@@ -0,0 +1,500 @@
+export const primaryColors = [
+	{
+		name: "--color-primary-50",
+		description: null,
+		hex: "#f2f6fc",
+		tokens: ["var(--gov-color-primary-50)"],
+	},
+	{
+		name: "--color-primary-100",
+		description: null,
+		hex: "#e2eef8",
+		tokens: ["var(--gov-color-primary-100)"],
+	},
+	{
+		name: "--color-primary-200",
+		description: null,
+		hex: "#cee3f4",
+		tokens: ["var(--gov-color-primary-200)"],
+	},
+	{
+		name: "--color-primary-300",
+		description: "JVS: Světle modrá",
+		hex: "#9ec8e9",
+		tokens: ["var(--gov-color-primary-300)"],
+	},
+	{
+		name: "--color-primary-400",
+		description: null,
+		hex: "#6fa6d8",
+		tokens: ["var(--gov-color-primary-400)"],
+	},
+	{
+		name: "--color-primary-500",
+		description: null,
+		hex: "#4f87c2",
+		tokens: ["var(--gov-color-primary-500)"],
+	},
+	{
+		name: "--color-primary-600",
+		description: null,
+		hex: "#2e6aa8",
+		tokens: ["var(--gov-color-primary-600)"],
+	},
+	{
+		name: "--color-primary-700",
+		description: "JVS: Modrá",
+		hex: "#00469b",
+		tokens: ["var(--gov-color-primary-700)"],
+	},
+	{
+		name: "--color-primary-800",
+		description: null,
+		hex: "#0e3e86",
+		tokens: ["var(--gov-color-primary-800)"],
+	},
+	{
+		name: "--color-primary-900",
+		description: null,
+		hex: "#0c3372",
+		tokens: ["var(--gov-color-primary-900)"],
+	},
+	{
+		name: "--color-primary-950",
+		description: null,
+		hex: "#0a2450",
+		tokens: ["var(--gov-color-primary-950)"],
+	},
+	{
+		name: "--color-primary-1000",
+		description: "JVS: Tmavě modrá",
+		hex: "#0c1838",
+		tokens: ["var(--gov-color-primary-1000)"],
+	},
+	{
+		name: "--color-primary-1050",
+		description: null,
+		hex: "#03070f",
+		tokens: ["var(--gov-color-primary-1050)"],
+	},
+];
+
+export const secondaryColors = [
+	{
+		name: "--color-secondary-50",
+		description: null,
+		hex: "#fff9e9",
+		tokens: ["var(--gov-color-secondary-50)"],
+	},
+	{
+		name: "--color-secondary-100",
+		description: null,
+		hex: "#fff6e1",
+		tokens: ["var(--gov-color-secondary-100)"],
+	},
+	{
+		name: "--color-secondary-200",
+		description: null,
+		hex: "#fef0d0",
+		tokens: ["var(--gov-color-secondary-200)"],
+	},
+	{
+		name: "--color-secondary-300",
+		description: null,
+		hex: "#fde1a1",
+		tokens: ["var(--gov-color-secondary-300)"],
+	},
+	{
+		name: "--color-secondary-400",
+		description: null,
+		hex: "#ffcf74",
+		tokens: ["var(--gov-color-secondary-400)"],
+	},
+	{
+		name: "--color-secondary-500",
+		description: null,
+		hex: "#fbc342",
+		tokens: ["var(--gov-color-secondary-500)"],
+	},
+	{
+		name: "--color-secondary-600",
+		description: null,
+		hex: "#fab413",
+		tokens: ["var(--gov-color-secondary-600)"],
+	},
+	{
+		name: "--color-secondary-700",
+		description: null,
+		hex: "#c8900f",
+		tokens: ["var(--gov-color-secondary-700)"],
+	},
+	{
+		name: "--color-secondary-800",
+		description: null,
+		hex: "#af7a00",
+		tokens: ["var(--gov-color-secondary-800)"],
+	},
+	{
+		name: "--color-secondary-900",
+		description: null,
+		hex: "#4a3403",
+		tokens: ["var(--gov-color-secondary-900)"],
+	},
+	{
+		name: "--color-secondary-950",
+		description: null,
+		hex: "#3d2b00",
+		tokens: ["var(--gov-color-secondary-950)"],
+	},
+	{
+		name: "--color-secondary-1000",
+		description: null,
+		hex: "#241B04",
+		tokens: ["var(--gov-color-secondary-1000)"],
+	},
+];
+
+export const neutralColors = [
+	{
+		name: "--color-neutral-0",
+		description: null,
+		hex: "#ffffff",
+		tokens: ["var(--gov-color-neutral-0)"],
+	},
+	{
+		name: "--color-neutral-50",
+		description: null,
+		hex: "#f6f6f6",
+		tokens: ["var(--gov-color-neutral-50)"],
+	},
+	{
+		name: "--color-neutral-100",
+		description: null,
+		hex: "#e7e7e7",
+		tokens: ["var(--gov-color-neutral-100)"],
+	},
+	{
+		name: "--color-neutral-200",
+		description: null,
+		hex: "#d1d1d1",
+		tokens: ["var(--gov-color-neutral-200)"],
+	},
+	{
+		name: "--color-neutral-300",
+		description: null,
+		hex: "#b0b0b0",
+		tokens: ["var(--gov-color-neutral-300)"],
+	},
+	{
+		name: "--color-neutral-400",
+		description: null,
+		hex: "#888888",
+		tokens: ["var(--gov-color-neutral-400)"],
+	},
+	{
+		name: "--color-neutral-500",
+		description: null,
+		hex: "#6d6d6d",
+		tokens: ["var(--gov-color-neutral-500)"],
+	},
+	{
+		name: "--color-neutral-600",
+		description: null,
+		hex: "#5d5d5d",
+		tokens: ["var(--gov-color-neutral-600)"],
+	},
+	{
+		name: "--color-neutral-700",
+		description: null,
+		hex: "#4f4f4f",
+		tokens: ["var(--gov-color-neutral-700)"],
+	},
+	{
+		name: "--color-neutral-800",
+		description: null,
+		hex: "#454545",
+		tokens: ["var(--gov-color-neutral-800)"],
+	},
+	{
+		name: "--color-neutral-900",
+		description: null,
+		hex: "#3b3b3b",
+		tokens: ["var(--gov-color-neutral-900)"],
+	},
+	{
+		name: "--color-neutral-950",
+		description: null,
+		hex: "#262626",
+		tokens: ["var(--gov-color-neutral-950)"],
+	},
+	{
+		name: "--color-neutral-1000",
+		description: null,
+		hex: "#000000",
+		tokens: ["var(--gov-color-neutral-1000)"],
+	},
+	{
+		name: "--color-neutral-transparent",
+		description: null,
+		hex: "rgba(255, 255, 255, 0)",
+		tokens: ["var(--gov-color-neutral-transparent)"],
+	},
+];
+
+export const errorColors = [
+	{
+		name: "--color-error-50",
+		description: null,
+		hex: "#fff4f2",
+		tokens: ["var(--gov-color-error-50)"],
+	},
+	{
+		name: "--color-error-100",
+		description: null,
+		hex: "#fae3de",
+		tokens: ["var(--gov-color-error-100)"],
+	},
+	{
+		name: "--color-error-200",
+		description: null,
+		hex: "#f8c2b9",
+		tokens: ["var(--gov-color-error-200)"],
+	},
+	{
+		name: "--color-error-300",
+		description: null,
+		hex: "#f29c97",
+		tokens: ["var(--gov-color-error-300)"],
+	},
+	{
+		name: "--color-error-400",
+		description: null,
+		hex: "#ed7a73",
+		tokens: ["var(--gov-color-error-400)"],
+	},
+	{
+		name: "--color-error-500",
+		description: null,
+		hex: "#e86563",
+		tokens: ["var(--gov-color-error-500)"],
+	},
+	{
+		name: "--color-error-600",
+		description: null,
+		hex: "#d70c0f",
+		tokens: ["var(--gov-color-error-600)"],
+	},
+	{
+		name: "--color-error-700",
+		description: null,
+		hex: "#b50817",
+		tokens: ["var(--gov-color-error-700)"],
+	},
+	{
+		name: "--color-error-800",
+		description: null,
+		hex: "#a0031d",
+		tokens: ["var(--gov-color-error-800)"],
+	},
+	{
+		name: "--color-error-900",
+		description: null,
+		hex: "#680526",
+		tokens: ["var(--gov-color-error-900)"],
+	},
+	{
+		name: "--color-error-950",
+		description: null,
+		hex: "#4a031a",
+		tokens: ["var(--gov-color-error-950)"],
+	},
+	{
+		name: "--color-error-1000",
+		description: null,
+		hex: "#26010c",
+		tokens: ["var(--gov-color-error-1000)"],
+	},
+];
+
+export const warningColors = [
+	{
+		name: "--color-warning-50",
+		description: null,
+		hex: "#fefbe8",
+		tokens: ["var(--gov-color-warning-50)"],
+	},
+	{
+		name: "--color-warning-100",
+		description: null,
+		hex: "#fef7c3",
+		tokens: ["var(--gov-color-warning-100)"],
+	},
+	{
+		name: "--color-warning-200",
+		description: null,
+		hex: "#feed8a",
+		tokens: ["var(--gov-color-warning-200)"],
+	},
+	{
+		name: "--color-warning-300",
+		description: null,
+		hex: "#fdd835",
+		tokens: ["var(--gov-color-warning-300)"],
+	},
+	{
+		name: "--color-warning-400",
+		description: null,
+		hex: "#fac615",
+		tokens: ["var(--gov-color-warning-400)"],
+	},
+	{
+		name: "--color-warning-500",
+		description: null,
+		hex: "#eaad08",
+		tokens: ["var(--gov-color-warning-500)"],
+	},
+	{
+		name: "--color-warning-600",
+		description: null,
+		hex: "#ca8504",
+		tokens: ["var(--gov-color-warning-600)"],
+	},
+	{
+		name: "--color-warning-700",
+		description: null,
+		hex: "#e49400",
+		tokens: ["var(--gov-color-warning-700)"],
+	},
+	{
+		name: "--color-warning-800",
+		description: null,
+		hex: "#be7d02",
+		tokens: ["var(--gov-color-warning-800)"],
+	},
+	{
+		name: "--color-warning-900",
+		description: null,
+		hex: "#6b4a0d",
+		tokens: ["var(--gov-color-warning-900)"],
+	},
+	{
+		name: "--color-warning-950",
+		description: null,
+		hex: "#432e06",
+		tokens: ["var(--gov-color-warning-950)"],
+	},
+	{
+		name: "--color-warning-1000",
+		description: null,
+		hex: "#2a1b00",
+		tokens: ["var(--gov-color-warning-1000)"],
+	},
+];
+
+export const successColors = [
+	{
+		name: "--color-success-50",
+		description: null,
+		hex: "#f3faf3",
+		tokens: ["var(--gov-color-success-50)"],
+	},
+	{
+		name: "--color-success-100",
+		description: null,
+		hex: "#e2f6e3",
+		tokens: ["var(--gov-color-success-100)"],
+	},
+	{
+		name: "--color-success-200",
+		description: null,
+		hex: "#c7ebc9",
+		tokens: ["var(--gov-color-success-200)"],
+	},
+	{
+		name: "--color-success-300",
+		description: null,
+		hex: "#9bda9e",
+		tokens: ["var(--gov-color-success-300)"],
+	},
+	{
+		name: "--color-success-400",
+		description: null,
+		hex: "#67c16b",
+		tokens: ["var(--gov-color-success-400)"],
+	},
+	{
+		name: "--color-success-500",
+		description: null,
+		hex: "#42a547",
+		tokens: ["var(--gov-color-success-500)"],
+	},
+	{
+		name: "--color-success-600",
+		description: null,
+		hex: "#2e7d32",
+		tokens: ["var(--gov-color-success-600)"],
+	},
+	{
+		name: "--color-success-700",
+		description: null,
+		hex: "#2a6b2d",
+		tokens: ["var(--gov-color-success-700)"],
+	},
+	{
+		name: "--color-success-800",
+		description: null,
+		hex: "#265529",
+		tokens: ["var(--gov-color-success-800)"],
+	},
+	{
+		name: "--color-success-900",
+		description: null,
+		hex: "#204724",
+		tokens: ["var(--gov-color-success-900)"],
+	},
+	{
+		name: "--color-success-950",
+		description: null,
+		hex: "#0d260f",
+		tokens: ["var(--gov-color-success-950)"],
+	},
+	{
+		name: "--color-success-1000",
+		description: null,
+		hex: "#061b08",
+		tokens: ["var(--gov-color-success-1000)"],
+	},
+];
+
+export const otherColors = [
+	{
+		name: "--color-focus-300",
+		description: null,
+		hex: "#6caef4",
+		tokens: ["var(--gov-color-focus-300)"],
+	},
+	{
+		name: "--color-focus-600",
+		description: null,
+		hex: "#007bff",
+		tokens: ["var(--gov-color-focus-600)"],
+	},
+	{
+		name: "--color-visited-300",
+		description: null,
+		hex: "#C4a7e6",
+		tokens: ["var(--gov-color-visited-300)"],
+	},
+	{
+		name: "--color-visited-600",
+		description: null,
+		hex: "#67329e",
+		tokens: ["var(--gov-color-visited-600)"],
+	},
+	{
+		name: "--color-visited-700",
+		description: null,
+		hex: "#60306b",
+		tokens: ["var(--gov-color-visited-700)"],
+	},
+];

package/dist/collection/data/font-definitions.js

@@ -0,0 +1,132 @@
+export const fonts = [
+	{
+		name: 'display-l',
+		description:
+			'Display fonts are used for large text to grab attention, such as titles or important data.',
+		size: 'display-l',
+		definitions: {
+			px: '56px',
+			rem: '3.5rem',
+		},
+	},
+	{
+		name: 'display-m',
+		description:
+			'Display fonts are used for large text to grab attention, such as titles or important data.',
+		size: 'display-m',
+		definitions: {
+			px: '48px',
+			rem: '3rem',
+		},
+	},
+	{
+		name: 'display-s',
+		description:
+			'Display fonts are used for large text to grab attention, such as titles or important data.',
+		size: 'display-s',
+		definitions: {
+			px: '40px',
+			rem: '2.5rem',
+		},
+	},
+	{
+		name: 'headline-xl',
+		description:
+			'Headline fonts are used for shorter text like headings, providing emphasis and readability.',
+		size: 'headline-xl',
+		definitions: {
+			px: '40px',
+			rem: '2.5rem',
+		},
+	},
+	{
+		name: 'headline-l',
+		description:
+			'Headline fonts are used for shorter text like headings, providing emphasis and readability.',
+		size: 'headline-l',
+		definitions: {
+			px: '32px',
+			rem: '2rem',
+		},
+	},
+	{
+		name: 'headline-m',
+		description:
+			'Headline fonts are used for shorter text like headings, providing emphasis and readability.',
+		size: 'headline-m',
+		definitions: {
+			px: '24px',
+			rem: '1.5rem',
+		},
+	},
+	{
+		name: 'headline-s',
+		description:
+			'Headline fonts are used for shorter text like headings, providing emphasis and readability.',
+		size: 'headline-s',
+		definitions: {
+			px: '20px',
+			rem: '1.25rem',
+		},
+	},
+	{
+		name: 'headline-xs',
+		description:
+			'Headline fonts are used for shorter text like headings, providing emphasis and readability.',
+		size: 'headline-xs',
+		definitions: {
+			px: '18px',
+			rem: '1.125rem',
+		},
+	},
+	{
+		name: 'body-xl',
+		description:
+			'Body fonts are used for longer text, ensuring clarity and consistency, and can include bolding for emphasis.',
+		size: 'body-xl',
+		definitions: {
+			px: '20px',
+			rem: '1.25rem',
+		},
+	},
+	{
+		name: 'body-l',
+		description:
+			'Body fonts are used for longer text, ensuring clarity and consistency, and can include bolding for emphasis.',
+		size: 'body-l',
+		definitions: {
+			px: '18px',
+			rem: '1.125rem',
+		},
+	},
+	{
+		name: 'body-m',
+		description:
+			'Body fonts are used for longer text, ensuring clarity and consistency, and can include bolding for emphasis.',
+		size: 'body-m',
+		definitions: {
+			px: '16px',
+			rem: '1rem',
+		},
+	},
+	{
+		name: 'body-s',
+		description:
+			'Body fonts are used for longer text, ensuring clarity and consistency, and can include bolding for emphasis.',
+		size: 'body-s',
+		definitions: {
+			px: '14px',
+			rem: '0.875rem',
+		},
+	},
+	{
+		name: 'body-xs',
+		description:
+			'Body fonts are used for longer text, ensuring clarity and consistency, and can include bolding for emphasis.',
+		size: 'body-xs',
+		definitions: {
+			px: '12px',
+			rem: '0.75rem',
+		},
+	},
+];

package/dist/collection/helpers/Accessibility/accessibility.js

@@ -0,0 +1,10 @@
+import { ariaAttributes } from "./attributes";
+import { inheritAttributes } from "../Dom/attribute";
+export const inheritAriaAttributes = (el, ignoreList) => {
+    let attributesToInherit = ariaAttributes;
+    if (ignoreList && ignoreList.length > 0) {
+        attributesToInherit = attributesToInherit.filter((attr) => !ignoreList.includes(attr));
+    }
+    return inheritAttributes(el, attributesToInherit);
+};
+//# sourceMappingURL=accessibility.js.map