@purpurds/paragraph 4.3.0 → 4.5.0

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.
@@ -1,6 +1,6 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime");function d(p){return p&&p.__esModule&&Object.prototype.hasOwnProperty.call(p,"default")?p.default:p}var h={exports:{}};/*!
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime");function d(p){return p&&p.__esModule&&Object.prototype.hasOwnProperty.call(p,"default")?p.default:p}var o={exports:{}};/*!
2
2
  Copyright (c) 2018 Jed Watson.
3
3
  Licensed under the MIT License (MIT), see
4
4
  http://jedwatson.github.io/classnames
5
- */(function(p){(function(){var s={}.hasOwnProperty;function e(){for(var r="",a=0;a<arguments.length;a++){var u=arguments[a];u&&(r=i(r,o(u)))}return r}function o(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return e.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var a="";for(var u in r)s.call(r,u)&&r[u]&&(a=i(a,u));return a}function i(r,a){return a?r?r+" "+a:r+a:r}p.exports?(e.default=e,p.exports=e):window.classNames=e})()})(h);var c=h.exports;const m=d(c),t={"purpur-paragraph":"_purpur-paragraph_15yuz_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_15yuz_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_15yuz_10","purpur-paragraph--negative":"_purpur-paragraph--negative_15yuz_13","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_15yuz_16","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_15yuz_22","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_15yuz_29","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_15yuz_36","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_15yuz_42","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_15yuz_48","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_15yuz_54","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_15yuz_60","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_15yuz_67","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_15yuz_75"},l={PARAGRAPH100:"paragraph-100",PARAGRAPH100MEDIUM:"paragraph-100-medium",PARAGRAPH100BOLD:"paragraph-100-bold",PARAGRAPH200:"paragraph-200",PREAMBLE100:"preamble-100",PREAMBLE200:"preamble-200",ADDITIONAL100:"additional-100",ADDITIONAL100MEDIUM:"additional-100-medium",OVERLINE100:"overline-100",OVERLINE200:"overline-200"},n="purpur-paragraph",y=({["data-testid"]:p,children:s,className:e="",disabled:o,enableHyphenation:i=!1,negative:r=!1,variant:a=l.PARAGRAPH100,...u})=>{const g=m([e,t[n],t[`${n}--${a}`],{[t[`${n}--hyphens`]]:i,[t[`${n}--disabled`]]:o,[t[`${n}--negative`]]:r}]);return _.jsx("p",{...u,className:g,"data-testid":p,children:s})};exports.Paragraph=y;exports.ParagraphVariant=l;
5
+ */(function(p){(function(){var i={}.hasOwnProperty;function u(){for(var r="",a=0;a<arguments.length;a++){var e=arguments[a];e&&(r=h(r,s(e)))}return r}function s(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return u.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var a="";for(var e in r)i.call(r,e)&&r[e]&&(a=h(a,e));return a}function h(r,a){return a?r?r+" "+a:r+a:r}p.exports?(u.default=u,p.exports=u):window.classNames=u})()})(o);var c=o.exports;const m=d(c),t={"purpur-paragraph":"_purpur-paragraph_1rh57_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_1rh57_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_1rh57_10","purpur-paragraph--negative":"_purpur-paragraph--negative_1rh57_13","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_1rh57_16","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_1rh57_22","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_1rh57_29","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_1rh57_36","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_1rh57_42","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_1rh57_48","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_1rh57_54","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_1rh57_60","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_1rh57_67","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_1rh57_75"},l={PARAGRAPH100:"paragraph-100",PARAGRAPH100MEDIUM:"paragraph-100-medium",PARAGRAPH100BOLD:"paragraph-100-bold",PARAGRAPH200:"paragraph-200",PREAMBLE100:"preamble-100",PREAMBLE200:"preamble-200",ADDITIONAL100:"additional-100",ADDITIONAL100MEDIUM:"additional-100-medium",OVERLINE100:"overline-100",OVERLINE200:"overline-200"},n="purpur-paragraph",f=({["data-testid"]:p,children:i,className:u="",disabled:s,enableHyphenation:h=!1,negative:r=!1,variant:a=l.PARAGRAPH100,...e})=>{const g=m([u,t[n],t[`${n}--${a}`],{[t[`${n}--hyphens`]]:h,[t[`${n}--disabled`]]:s,[t[`${n}--negative`]]:r}]);return _.jsx("p",{...e,className:g,"data-testid":p,children:i})};exports.Paragraph=f;exports.ParagraphVariant=l;
6
6
  //# sourceMappingURL=paragraph.cjs.js.map
@@ -1,4 +1,5 @@
1
- import React, { ParamHTMLAttributes, ReactNode } from "react";
1
+ import { default as React, ParamHTMLAttributes, ReactNode } from 'react';
2
+
2
3
  export declare const ParagraphVariant: {
3
4
  readonly PARAGRAPH100: "paragraph-100";
4
5
  readonly PARAGRAPH100MEDIUM: "paragraph-100-medium";
@@ -2,7 +2,7 @@ import { jsx as g } from "react/jsx-runtime";
2
2
  function _(p) {
3
3
  return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
4
4
  }
5
- var h = { exports: {} };
5
+ var o = { exports: {} };
6
6
  /*!
7
7
  Copyright (c) 2018 Jed Watson.
8
8
  Licensed under the MIT License (MIT), see
@@ -10,50 +10,50 @@ var h = { exports: {} };
10
10
  */
11
11
  (function(p) {
12
12
  (function() {
13
- var i = {}.hasOwnProperty;
14
- function e() {
13
+ var s = {}.hasOwnProperty;
14
+ function u() {
15
15
  for (var r = "", a = 0; a < arguments.length; a++) {
16
- var u = arguments[a];
17
- u && (r = s(r, o(u)));
16
+ var e = arguments[a];
17
+ e && (r = n(r, i(e)));
18
18
  }
19
19
  return r;
20
20
  }
21
- function o(r) {
21
+ function i(r) {
22
22
  if (typeof r == "string" || typeof r == "number")
23
23
  return r;
24
24
  if (typeof r != "object")
25
25
  return "";
26
26
  if (Array.isArray(r))
27
- return e.apply(null, r);
27
+ return u.apply(null, r);
28
28
  if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
29
29
  return r.toString();
30
30
  var a = "";
31
- for (var u in r)
32
- i.call(r, u) && r[u] && (a = s(a, u));
31
+ for (var e in r)
32
+ s.call(r, e) && r[e] && (a = n(a, e));
33
33
  return a;
34
34
  }
35
- function s(r, a) {
35
+ function n(r, a) {
36
36
  return a ? r ? r + " " + a : r + a : r;
37
37
  }
38
- p.exports ? (e.default = e, p.exports = e) : window.classNames = e;
38
+ p.exports ? (u.default = u, p.exports = u) : window.classNames = u;
39
39
  })();
40
- })(h);
41
- var d = h.exports;
40
+ })(o);
41
+ var d = o.exports;
42
42
  const m = /* @__PURE__ */ _(d), t = {
43
- "purpur-paragraph": "_purpur-paragraph_15yuz_1",
44
- "purpur-paragraph--disabled": "_purpur-paragraph--disabled_15yuz_7",
45
- "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_15yuz_10",
46
- "purpur-paragraph--negative": "_purpur-paragraph--negative_15yuz_13",
47
- "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_15yuz_16",
48
- "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_15yuz_22",
49
- "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_15yuz_29",
50
- "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_15yuz_36",
51
- "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_15yuz_42",
52
- "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_15yuz_48",
53
- "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_15yuz_54",
54
- "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_15yuz_60",
55
- "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_15yuz_67",
56
- "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_15yuz_75"
43
+ "purpur-paragraph": "_purpur-paragraph_1rh57_1",
44
+ "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
45
+ "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
46
+ "purpur-paragraph--negative": "_purpur-paragraph--negative_1rh57_13",
47
+ "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1rh57_16",
48
+ "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1rh57_22",
49
+ "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1rh57_29",
50
+ "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1rh57_36",
51
+ "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1rh57_42",
52
+ "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1rh57_48",
53
+ "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1rh57_54",
54
+ "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
55
+ "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
56
+ "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
57
57
  }, c = {
58
58
  PARAGRAPH100: "paragraph-100",
59
59
  PARAGRAPH100MEDIUM: "paragraph-100-medium",
@@ -65,30 +65,30 @@ const m = /* @__PURE__ */ _(d), t = {
65
65
  ADDITIONAL100MEDIUM: "additional-100-medium",
66
66
  OVERLINE100: "overline-100",
67
67
  OVERLINE200: "overline-200"
68
- }, n = "purpur-paragraph", y = ({
68
+ }, h = "purpur-paragraph", A = ({
69
69
  ["data-testid"]: p,
70
- children: i,
71
- className: e = "",
72
- disabled: o,
73
- enableHyphenation: s = !1,
70
+ children: s,
71
+ className: u = "",
72
+ disabled: i,
73
+ enableHyphenation: n = !1,
74
74
  negative: r = !1,
75
75
  variant: a = c.PARAGRAPH100,
76
- ...u
76
+ ...e
77
77
  }) => {
78
78
  const l = m([
79
- e,
80
- t[n],
81
- t[`${n}--${a}`],
79
+ u,
80
+ t[h],
81
+ t[`${h}--${a}`],
82
82
  {
83
- [t[`${n}--hyphens`]]: s,
84
- [t[`${n}--disabled`]]: o,
85
- [t[`${n}--negative`]]: r
83
+ [t[`${h}--hyphens`]]: n,
84
+ [t[`${h}--disabled`]]: i,
85
+ [t[`${h}--negative`]]: r
86
86
  }
87
87
  ]);
88
- return /* @__PURE__ */ g("p", { ...u, className: l, "data-testid": p, children: i });
88
+ return /* @__PURE__ */ g("p", { ...e, className: l, "data-testid": p, children: s });
89
89
  };
90
90
  export {
91
- y as Paragraph,
91
+ A as Paragraph,
92
92
  c as ParagraphVariant
93
93
  };
94
94
  //# sourceMappingURL=paragraph.es.js.map
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- ._purpur-paragraph_15yuz_1{color:var(--purpur-color-text-default);display:block;margin:0;-webkit-hyphens:none;hyphens:none}._purpur-paragraph--disabled_15yuz_7{color:var(--purpur-color-text-weak)}._purpur-paragraph--hyphens_15yuz_10{-webkit-hyphens:auto;hyphens:auto}._purpur-paragraph--negative_15yuz_13{color:var(--purpur-color-text-default-negative)}._purpur-paragraph--paragraph-100_15yuz_16{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--paragraph-100-medium_15yuz_22{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-medium)}._purpur-paragraph--paragraph-100-bold_15yuz_29{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-bold)}._purpur-paragraph--paragraph-200_15yuz_36{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-looser)}._purpur-paragraph--preamble-100_15yuz_42{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-200);line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--preamble-200_15yuz_48{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-150),3cqw,var(--purpur-typography-scale-400));line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--additional-100_15yuz_54{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-75);line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--additional-100-medium_15yuz_60{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-75);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-medium)}._purpur-paragraph--overline-100_15yuz_67{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-medium);font-size:var(--purpur-typography-scale-75);letter-spacing:var(--purpur-spacing-10);line-height:var(--purpur-typography-line-height-tight);text-transform:uppercase}._purpur-paragraph--overline-200_15yuz_75{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-medium);font-size:clamp(var(--purpur-typography-scale-75),3cqw,var(--purpur-typography-scale-100));letter-spacing:var(--purpur-spacing-10);line-height:var(--purpur-typography-line-height-tight);text-transform:uppercase}
1
+ ._purpur-paragraph_1rh57_1{color:var(--purpur-color-text-default);display:block;margin:0;-webkit-hyphens:none;hyphens:none}._purpur-paragraph--disabled_1rh57_7{color:var(--purpur-color-text-weak)}._purpur-paragraph--hyphens_1rh57_10{-webkit-hyphens:auto;hyphens:auto}._purpur-paragraph--negative_1rh57_13{color:var(--purpur-color-text-default-negative)}._purpur-paragraph--paragraph-100_1rh57_16{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--paragraph-100-medium_1rh57_22{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-medium)}._purpur-paragraph--paragraph-100-bold_1rh57_29{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-bold)}._purpur-paragraph--paragraph-200_1rh57_36{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-looser)}._purpur-paragraph--preamble-100_1rh57_42{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-200);line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--preamble-200_1rh57_48{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-150),3cqw,var(--purpur-typography-scale-400));line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--additional-100_1rh57_54{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-75);line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--additional-100-medium_1rh57_60{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-75);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-medium)}._purpur-paragraph--overline-100_1rh57_67{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);font-size:var(--purpur-typography-scale-75);letter-spacing:var(--purpur-spacing-10);line-height:var(--purpur-typography-line-height-tight);text-transform:uppercase}._purpur-paragraph--overline-200_1rh57_75{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);font-size:clamp(var(--purpur-typography-scale-75),3cqw,var(--purpur-typography-scale-100));letter-spacing:var(--purpur-spacing-10);line-height:var(--purpur-typography-line-height-tight);text-transform:uppercase}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@purpurds/paragraph",
3
- "version": "4.3.0",
3
+ "version": "4.5.0",
4
4
  "license": "AGPL-3.0-only",
5
5
  "main": "./dist/paragraph.cjs.js",
6
6
  "types": "./dist/paragraph.d.ts",
@@ -16,30 +16,30 @@
16
16
  "source": "src/paragraph.tsx",
17
17
  "dependencies": {
18
18
  "classnames": "~2.5.0",
19
- "@purpurds/tokens": "4.3.0"
19
+ "@purpurds/tokens": "4.5.0"
20
20
  },
21
21
  "devDependencies": {
22
- "@rushstack/eslint-patch": "~1.7.0",
22
+ "@rushstack/eslint-patch": "~1.10.0",
23
23
  "@storybook/blocks": "~7.6.0",
24
24
  "@storybook/react": "~7.6.0",
25
25
  "@telia/base-rig": "~8.2.0",
26
26
  "@telia/react-rig": "~3.2.0",
27
27
  "@testing-library/dom": "~9.3.3",
28
28
  "@testing-library/jest-dom": "~6.4.0",
29
- "@testing-library/react": "~14.2.0",
29
+ "@testing-library/react": "~14.3.0",
30
30
  "@types/node": "18",
31
- "@types/react-dom": "~18.2.17",
32
- "@types/react": "~18.2.42",
31
+ "@types/react-dom": "~18.3.0",
32
+ "@types/react": "~18.3.0",
33
33
  "eslint-plugin-testing-library": "~6.2.0",
34
34
  "eslint": "~8.57.0",
35
35
  "jsdom": "~22.1.0",
36
36
  "lint-staged": "~10.5.3",
37
37
  "prettier": "~2.8.8",
38
- "react-dom": "~18.2.0",
39
- "react": "~18.2.0",
38
+ "react-dom": "~18.3.0",
39
+ "react": "~18.3.0",
40
40
  "typescript": "~5.4.2",
41
41
  "vite": "~5.2.2",
42
- "vitest": "~1.4.0",
42
+ "vitest": "~1.5.0",
43
43
  "@purpurds/component-rig": "1.0.0"
44
44
  },
45
45
  "scripts": {
@@ -1,6 +1,5 @@
1
1
  @mixin purpur-paragraph-100() {
2
- font-family: var(--purpur-typography-family-default), Helvetica, Arial, "Lucida Grande",
3
- sans-serif;
2
+ font-family: var(--purpur-typography-family-default);
4
3
  font-weight: var(--purpur-typography-weight-normal);
5
4
  font-size: var(--purpur-typography-scale-100);
6
5
  line-height: var(--purpur-typography-line-height-loose);
@@ -17,32 +16,28 @@
17
16
  }
18
17
 
19
18
  @mixin purpur-paragraph-200() {
20
- font-family: var(--purpur-typography-family-default), Helvetica, Arial, "Lucida Grande",
21
- sans-serif;
19
+ font-family: var(--purpur-typography-family-default);
22
20
  font-weight: var(--purpur-typography-weight-normal);
23
21
  font-size: var(--purpur-typography-scale-100);
24
22
  line-height: var(--purpur-typography-line-height-looser);
25
23
  }
26
24
 
27
25
  @mixin purpur-preamble-100() {
28
- font-family: var(--purpur-typography-family-default), Helvetica, Arial, "Lucida Grande",
29
- sans-serif;
26
+ font-family: var(--purpur-typography-family-default);
30
27
  font-weight: var(--purpur-typography-weight-normal);
31
28
  font-size: var(--purpur-typography-scale-200);
32
29
  line-height: var(--purpur-typography-line-height-loose);
33
30
  }
34
31
 
35
32
  @mixin purpur-preamble-200() {
36
- font-family: var(--purpur-typography-family-default), Helvetica, Arial, "Lucida Grande",
37
- sans-serif;
33
+ font-family: var(--purpur-typography-family-default);
38
34
  font-weight: var(--purpur-typography-weight-normal);
39
35
  font-size: clamp(var(--purpur-typography-scale-150), 3cqw, var(--purpur-typography-scale-400));
40
36
  line-height: var(--purpur-typography-line-height-loose);
41
37
  }
42
38
 
43
39
  @mixin purpur-additional-100() {
44
- font-family: var(--purpur-typography-family-default), Helvetica, Arial, "Lucida Grande",
45
- sans-serif;
40
+ font-family: var(--purpur-typography-family-default);
46
41
  font-weight: var(--purpur-typography-weight-normal);
47
42
  font-size: var(--purpur-typography-scale-75);
48
43
  line-height: var(--purpur-typography-line-height-loose);
@@ -54,8 +49,7 @@
54
49
  }
55
50
 
56
51
  @mixin purpur-overline-100() {
57
- font-family: var(--purpur-typography-family-default), Helvetica, Arial, "Lucida Grande",
58
- sans-serif;
52
+ font-family: var(--purpur-typography-family-default);
59
53
  font-weight: var(--purpur-typography-weight-medium);
60
54
  font-size: var(--purpur-typography-scale-75);
61
55
  letter-spacing: var(--purpur-spacing-10);
@@ -64,8 +58,7 @@
64
58
  }
65
59
 
66
60
  @mixin purpur-overline-200() {
67
- font-family: var(--purpur-typography-family-default), Helvetica, Arial, "Lucida Grande",
68
- sans-serif;
61
+ font-family: var(--purpur-typography-family-default);
69
62
  font-weight: var(--purpur-typography-weight-medium);
70
63
  font-size: clamp(var(--purpur-typography-scale-75), 3cqw, var(--purpur-typography-scale-100));
71
64
  letter-spacing: var(--purpur-spacing-10);