@trebired/frontend 26.1.2 → 26.2.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/primitives/components/link.js +1 -1
  3. package/dist/primitives/components/link.js.map +1 -1
  4. package/dist/primitives/styles/_display.scss +0 -6
  5. package/dist/src/primitives/components/link.js +1 -1
  6. package/dist/src/primitives/components/link.js.map +1 -1
  7. package/dist/styles/utils/text/core.scss +24 -0
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ## 26.2.0
4
+
5
+ - Four width caps join the utilities: `width-xs`, `width-sm`, `width-md` and `width-lg`, each one `max-inline-size` behind a token (26rem, 34rem, 46rem, 62rem). A reading measure is a width, and an application should say it with a utility instead of a class of its own. This is what `prose` should have been: a cap, with no opinion about type.
6
+
7
+ - `text-right` and `tabular` join them, the siblings `text-center` was missing. A column of figures needs the alignment and the tabular numerals, and neither was expressible.
8
+
9
+ - `TextLink` emitted `tbf-text-link` twice, and the stylesheet declared the same selector twice in both its root and its hover rule. Once each now.
10
+
3
11
  ## 26.1.2
4
12
 
5
13
  - The `prose` utility added in 26.1.0 is withdrawn. A paragraph of running text needs no class of its own: the document body already composes `column` and the `gap-*` utilities, and the reading measure belongs to whatever container the application lays its text out in. `TextDocumentBody` renders a plain `<p>`, so nothing in the package carries an application's typography any more.
package/dist/primitives/components/link.js CHANGED
@@ -12,7 +12,7 @@ function linkRel(rel, target) {
12
12
  function TextLink(props) {
13
13
  const { children, className, external, rel, softRedirect, target, ...rest } = props;
14
14
  const resolvedTarget = linkTarget(target, external);
15
- return (_jsx("a", { ...rest, className: joinClassNames(frontendClassName("text-link"), frontendClassName("text-link"), className), ...frontendDataAttrs({
15
+ return (_jsx("a", { ...rest, className: joinClassNames(frontendClassName("text-link"), className), ...frontendDataAttrs({
16
16
  "text-link": "",
17
17
  "soft-redirect": softRedirect === true ? "" : undefined,
18
18
  }), rel: linkRel(rel, resolvedTarget), target: resolvedTarget, children: children }));
package/dist/primitives/components/link.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/primitives/components/link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQrE,SAAS,UAAU,CAAC,MAA0B,EAAE,QAA6B;IAC3E,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAC1B,OAAO,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAClD,CAAC;AAED,SAAS,OAAO,CAAC,GAAuB,EAAE,MAA0B;IAClE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC;AAClE,CAAC;AAED,SAAS,QAAQ,CAAC,KAAoB;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpF,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACpD,OAAO,CACL,eACI,IAAI,EACR,SAAS,EAAE,cAAc,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,KAChG,iBAAiB,CAAC;YAChB,WAAW,EAAE,EAAE;YACf,eAAe,EAAE,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SAC5D,CAAC,EACF,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,EACjC,MAAM,EAAE,cAAc,YAErB,QAAQ,GACL,CACL,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAoB;IACrC,OAAO,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;AACjC,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/primitives/components/link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQrE,SAAS,UAAU,CAAC,MAA0B,EAAE,QAA6B;IAC3E,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAC1B,OAAO,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAClD,CAAC;AAED,SAAS,OAAO,CAAC,GAAuB,EAAE,MAA0B;IAClE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC;AAClE,CAAC;AAED,SAAS,QAAQ,CAAC,KAAoB;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpF,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACpD,OAAO,CACL,eACI,IAAI,EACR,SAAS,EAAE,cAAc,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,KAChE,iBAAiB,CAAC;YAChB,WAAW,EAAE,EAAE;YACf,eAAe,EAAE,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SAC5D,CAAC,EACF,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,EACjC,MAAM,EAAE,cAAc,YAErB,QAAQ,GACL,CACL,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAoB;IACrC,OAAO,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;AACjC,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}
package/dist/primitives/styles/_display.scss CHANGED
@@ -61,8 +61,6 @@
61
61
  min-height: 0;
62
62
  }
63
63
 
64
- #{ns.class("text-link")},
65
-
66
64
  #{ns.class("text-link")} {
67
65
  color: var(
68
66
  #{ns.css-var("ui-link-root-color")},
@@ -83,10 +81,6 @@
83
81
 
84
82
  #{ns.class("text-link")}:hover,
85
83
 
86
- #{ns.class("text-link")}:focus,
87
-
88
- #{ns.class("text-link")}:hover,
89
-
90
84
  #{ns.class("text-link")}:focus {
91
85
  color: var(#{ns.css-var("ui-link-state-hover-color")}, var(--text-color, var(#{ns.css-var("text")}, currentColor)));
92
86
  text-decoration-color: var(#{ns.css-var("ui-link-state-hover-decoration-color")}, currentColor);
package/dist/src/primitives/components/link.js CHANGED
@@ -12,7 +12,7 @@ function linkRel(rel, target) {
12
12
  function TextLink(props) {
13
13
  const { children, className, external, rel, softRedirect, target, ...rest } = props;
14
14
  const resolvedTarget = linkTarget(target, external);
15
- return (_jsx("a", { ...rest, className: joinClassNames(frontendClassName("text-link"), frontendClassName("text-link"), className), ...frontendDataAttrs({
15
+ return (_jsx("a", { ...rest, className: joinClassNames(frontendClassName("text-link"), className), ...frontendDataAttrs({
16
16
  "text-link": "",
17
17
  "soft-redirect": softRedirect === true ? "" : undefined,
18
18
  }), rel: linkRel(rel, resolvedTarget), target: resolvedTarget, children: children }));
package/dist/src/primitives/components/link.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/primitives/components/link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQrE,SAAS,UAAU,CAAC,MAA0B,EAAE,QAA6B;IAC3E,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAC1B,OAAO,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAClD,CAAC;AAED,SAAS,OAAO,CAAC,GAAuB,EAAE,MAA0B;IAClE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC;AAClE,CAAC;AAED,SAAS,QAAQ,CAAC,KAAoB;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpF,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACpD,OAAO,CACL,eACI,IAAI,EACR,SAAS,EAAE,cAAc,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,KAChG,iBAAiB,CAAC;YAChB,WAAW,EAAE,EAAE;YACf,eAAe,EAAE,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SAC5D,CAAC,EACF,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,EACjC,MAAM,EAAE,cAAc,YAErB,QAAQ,GACL,CACL,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAoB;IACrC,OAAO,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;AACjC,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/primitives/components/link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQrE,SAAS,UAAU,CAAC,MAA0B,EAAE,QAA6B;IAC3E,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAC1B,OAAO,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAClD,CAAC;AAED,SAAS,OAAO,CAAC,GAAuB,EAAE,MAA0B;IAClE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC;AAClE,CAAC;AAED,SAAS,QAAQ,CAAC,KAAoB;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpF,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACpD,OAAO,CACL,eACI,IAAI,EACR,SAAS,EAAE,cAAc,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,KAChE,iBAAiB,CAAC;YAChB,WAAW,EAAE,EAAE;YACf,eAAe,EAAE,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SAC5D,CAAC,EACF,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,EACjC,MAAM,EAAE,cAAc,YAErB,QAAQ,GACL,CACL,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAoB;IACrC,OAAO,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;AACjC,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}
package/dist/styles/utils/text/core.scss CHANGED
@@ -9,6 +9,22 @@
9
9
  max-width: 100% !important;
10
10
  }
11
11
 
12
+ #{ns.class("width-xs")} {
13
+ max-inline-size: var(#{ns.css-var("width-xs")}, 26rem);
14
+ }
15
+
16
+ #{ns.class("width-sm")} {
17
+ max-inline-size: var(#{ns.css-var("width-sm")}, 34rem);
18
+ }
19
+
20
+ #{ns.class("width-md")} {
21
+ max-inline-size: var(#{ns.css-var("width-md")}, 46rem);
22
+ }
23
+
24
+ #{ns.class("width-lg")} {
25
+ max-inline-size: var(#{ns.css-var("width-lg")}, 62rem);
26
+ }
27
+
12
28
  #{ns.class("text-muted")} {
13
29
  color: var(#{ns.css-var("text-muted")}, #000);
14
30
  }
@@ -66,3 +82,11 @@
66
82
  #{ns.class("text-center")} {
67
83
  text-align: center;
68
84
  }
85
+
86
+ #{ns.class("text-right")} {
87
+ text-align: right;
88
+ }
89
+
90
+ #{ns.class("tabular")} {
91
+ font-variant-numeric: tabular-nums;
92
+ }
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  }
9
9
  },
10
10
  "name": "@trebired/frontend",
11
- "version": "26.1.2",
11
+ "version": "26.2.0",
12
12
  "description": "Generic browser runtime systems for Trebired frontend packages and applications.",
13
13
  "type": "module",
14
14
  "private": false,