shelving 1.253.2 → 1.253.4
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.
- package/package.json +3 -3
- package/ui/README.md +4 -4
- package/ui/app/App.d.ts +0 -12
- package/ui/app/App.js +0 -14
- package/ui/app/App.tsx +0 -14
- package/ui/block/Address.module.css +2 -0
- package/ui/block/Block.d.ts +7 -3
- package/ui/block/Block.js +2 -2
- package/ui/block/Block.module.css +4 -0
- package/ui/block/Block.tsx +8 -4
- package/ui/block/Blockquote.module.css +1 -1
- package/ui/block/Caption.module.css +2 -2
- package/ui/block/Card.d.ts +9 -2
- package/ui/block/Card.js +4 -3
- package/ui/block/Card.tsx +13 -5
- package/ui/block/Definitions.module.css +3 -4
- package/ui/block/Divider.module.css +1 -1
- package/ui/block/Heading.module.css +2 -3
- package/ui/block/Label.module.css +2 -4
- package/ui/block/List.module.css +3 -1
- package/ui/block/List.tsx +0 -1
- package/ui/block/Panel.d.ts +7 -7
- package/ui/block/Panel.js +2 -2
- package/ui/block/Panel.module.css +4 -1
- package/ui/block/Panel.tsx +11 -11
- package/ui/block/Paragraph.module.css +2 -0
- package/ui/block/Preformatted.module.css +2 -4
- package/ui/block/Section.d.ts +20 -29
- package/ui/block/Section.js +21 -33
- package/ui/block/Section.md +2 -2
- package/ui/block/Section.module.css +2 -0
- package/ui/block/Section.tsx +32 -46
- package/ui/block/Subheading.module.css +2 -3
- package/ui/block/Title.module.css +2 -3
- package/ui/block/Video.js +3 -1
- package/ui/block/Video.tsx +10 -1
- package/ui/form/Button.module.css +1 -3
- package/ui/form/Field.module.css +1 -2
- package/ui/form/Input.module.css +1 -3
- package/ui/inline/Code.module.css +1 -3
- package/ui/inline/Deleted.module.css +1 -1
- package/ui/inline/Inserted.module.css +1 -1
- package/ui/inline/Link.module.css +1 -1
- package/ui/inline/Mark.module.css +1 -1
- package/ui/inline/Small.module.css +1 -1
- package/ui/inline/Strong.module.css +1 -1
- package/ui/menu/Menu.module.css +1 -4
- package/ui/misc/Loading.module.css +1 -1
- package/ui/misc/StatusIcon.module.css +1 -1
- package/ui/misc/Tag.module.css +1 -3
- package/ui/notice/Message.module.css +1 -1
- package/ui/notice/Notice.module.css +1 -2
- package/ui/style/Flex.js +2 -1
- package/ui/style/Flex.module.css +1 -1
- package/ui/style/Flex.tsx +4 -1
- package/ui/style/Padding.js +1 -1
- package/ui/style/Padding.module.css +18 -18
- package/ui/style/Padding.tsx +1 -1
- package/ui/style/Radius.module.css +7 -8
- package/ui/style/Space.d.ts +1 -1
- package/ui/style/Space.js +1 -1
- package/ui/style/Space.module.css +32 -26
- package/ui/style/Space.tsx +3 -1
- package/ui/style/Tint.d.ts +6 -0
- package/ui/style/Tint.module.css +0 -6
- package/ui/style/Tint.tsx +28 -0
- package/ui/style/Typography.d.ts +37 -32
- package/ui/style/Typography.js +4 -8
- package/ui/style/Typography.module.css +163 -0
- package/ui/style/Typography.tsx +47 -59
- package/ui/style/getRadiusClass.md +8 -9
- package/ui/style/getSpaceClass.md +9 -10
- package/ui/style/getTypographyClass.md +64 -0
- package/ui/style/index.d.ts +0 -3
- package/ui/style/index.js +0 -3
- package/ui/style/index.tsx +0 -3
- package/ui/style/layers.css +2 -2
- package/ui/table/Table.module.css +1 -3
- package/ui/style/Font.d.ts +0 -24
- package/ui/style/Font.js +0 -13
- package/ui/style/Font.module.css +0 -50
- package/ui/style/Font.tsx +0 -31
- package/ui/style/Size.d.ts +0 -24
- package/ui/style/Size.js +0 -13
- package/ui/style/Size.module.css +0 -69
- package/ui/style/Size.tsx +0 -31
- package/ui/style/Weight.d.ts +0 -24
- package/ui/style/Weight.js +0 -13
- package/ui/style/Weight.module.css +0 -42
- package/ui/style/Weight.tsx +0 -31
- package/ui/style/getFontClass.md +0 -32
- package/ui/style/getSizeClass.md +0 -35
- package/ui/style/getWeightClass.md +0 -18
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
# getWeightClass
|
|
2
|
-
|
|
3
|
-
The `weight` variant prop sets an element's font weight — `<Paragraph weight="strong">`. It's an **override** for one-off emphasis; for an app-wide change, override the weight variables below in a theme file.
|
|
4
|
-
|
|
5
|
-
`getWeightClass({ weight })` maps the prop to a weight class (e.g. `weight="strong"` → `weight-strong`). The semantic weights are aliases of the two base weights, so themes usually only need to move `--weight-normal` / `--weight-strong`.
|
|
6
|
-
|
|
7
|
-
## Theme variables
|
|
8
|
-
|
|
9
|
-
The following `:root` variables are defined by this module and can be overridden in a theme file to adjust default styling across the whole app.
|
|
10
|
-
|
|
11
|
-
| Variable | Default | Used for |
|
|
12
|
-
|---|---|---|
|
|
13
|
-
| `--weight-normal` | `400` | Body text. |
|
|
14
|
-
| `--weight-strong` | `700` | Bold / emphasis. |
|
|
15
|
-
| `--weight-title` | `var(--weight-strong)` | Headings and titles. |
|
|
16
|
-
| `--weight-body` | `var(--weight-normal)` | Body baseline. |
|
|
17
|
-
| `--weight-label` | `var(--weight-strong)` | Labels (`<Label>`, table/definition headers). |
|
|
18
|
-
| `--weight-code` | `500` | Monospace / code. |
|