origam 2.30.0 → 2.32.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.
- package/CHANGELOG.md +21 -0
- package/dist/src/assets/css/main.css +1 -1
- package/dist/src/assets/css/tokens/dark.css +14 -0
- package/dist/src/assets/css/tokens/light.css +7 -0
- package/dist/src/assets/scss/tokens/_dark.scss +14 -0
- package/dist/src/assets/scss/tokens/_light.scss +7 -0
- package/dist/src/components/Blockquote/OrigamBlockquote.vue +3 -1
- package/dist/src/components/Card/OrigamCard.vue +13 -3
- package/dist/src/components/Chip/OrigamChip.vue +13 -1
- package/dist/src/components/Dialog/OrigamDialog.vue +3 -1
- package/dist/src/components/Dialog/OrigamDialogConfirmation.vue +3 -1
- package/dist/src/components/TextMask/OrigamTextMask.vue +3 -1
- package/dist/src/components/Title/OrigamTitle.vue +3 -1
- package/dist/src/composables/Commons/typography.composable.cjs +1 -1
- package/dist/src/composables/Commons/typography.composable.js +2 -1
- package/dist/src/enums/Card/card.enum.cjs +9 -2
- package/dist/src/enums/Card/card.enum.d.ts +6 -0
- package/dist/src/enums/Card/card.enum.js +7 -0
- package/dist/src/enums/Commons/text-transform.enum.cjs +13 -0
- package/dist/src/enums/Commons/text-transform.enum.d.ts +13 -0
- package/dist/src/enums/Commons/text-transform.enum.js +7 -0
- package/dist/src/enums/index.cjs +11 -0
- package/dist/src/enums/index.d.ts +1 -0
- package/dist/src/enums/index.js +1 -0
- package/dist/src/interfaces/Card/card.interface.d.ts +12 -4
- package/dist/src/interfaces/Chip/chip.interface.d.ts +1 -1
- package/dist/src/interfaces/Commons/typography.interface.d.ts +22 -3
- package/dist/src/types/Card/card.type.d.ts +2 -1
- package/dist/src/types/Commons/text-transform.type.cjs +1 -0
- package/dist/src/types/Commons/text-transform.type.d.ts +9 -0
- package/dist/src/types/Commons/text-transform.type.js +0 -0
- package/dist/src/types/index.cjs +11 -0
- package/dist/src/types/index.d.ts +1 -0
- package/dist/src/types/index.js +1 -0
- package/dist/src/types/tokens.type.d.ts +1 -1
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@ import type { TFontSize } from '../../types/Commons/font-size.type';
|
|
|
3
3
|
import type { TFontWeight } from '../../types/Commons/font-weight.type';
|
|
4
4
|
import type { TLetterSpacing } from '../../types/Commons/letter-spacing.type';
|
|
5
5
|
import type { TLineHeight } from '../../types/Commons/line-height.type';
|
|
6
|
+
import type { TTextTransform } from '../../types/Commons/text-transform.type';
|
|
6
7
|
/**
|
|
7
8
|
* Cross-cutting typography surface — the font equivalent of
|
|
8
9
|
* `IColorProps` / `IBorderProps` / `IMarginProps`. Every prop is optional
|
|
@@ -11,9 +12,9 @@ import type { TLineHeight } from '../../types/Commons/line-height.type';
|
|
|
11
12
|
* emitted).
|
|
12
13
|
*
|
|
13
14
|
* The first FIVE props are primitive font token KEYS, wrapped into
|
|
14
|
-
* `var(--origam-font__{group}---{value})`. `fontStyle`
|
|
15
|
-
*
|
|
16
|
-
* design scale — see
|
|
15
|
+
* `var(--origam-font__{group}---{value})`. `fontStyle` and `textTransform`
|
|
16
|
+
* are PASSTHROUGHS: CSS keywords emitted verbatim, because neither
|
|
17
|
+
* `font-style` nor `text-transform` has a design scale — see their notes below.
|
|
17
18
|
*
|
|
18
19
|
* | Prop | CSS property | Primitive token group |
|
|
19
20
|
* |-----------------|-------------------|------------------------------|
|
|
@@ -23,6 +24,7 @@ import type { TLineHeight } from '../../types/Commons/line-height.type';
|
|
|
23
24
|
* | `lineHeight` | `line-height` | `--origam-font__lineHeight---*` |
|
|
24
25
|
* | `letterSpacing` | `letter-spacing` | `--origam-font__letterSpacing---*` |
|
|
25
26
|
* | `fontStyle` | `font-style` | *none — passthrough, see below* |
|
|
27
|
+
* | `textTransform` | `text-transform` | *none — passthrough, see below* |
|
|
26
28
|
*
|
|
27
29
|
* Collision-free names by design: `fontSize` / `fontWeight` / `fontFamily`
|
|
28
30
|
* (not `size` / `weight` / `family`) so the surface composes with
|
|
@@ -97,4 +99,21 @@ export interface ITypographyProps {
|
|
|
97
99
|
* forcer un effet sans le signaler.
|
|
98
100
|
********************************************************/
|
|
99
101
|
fontStyle?: string;
|
|
102
|
+
/*********************************************************
|
|
103
|
+
* textTransform
|
|
104
|
+
*
|
|
105
|
+
* @description
|
|
106
|
+
* Casse du texte (`none` · `uppercase` · `lowercase` · `capitalize`),
|
|
107
|
+
* emise LITTERALEMENT dans `--origam-{prefix}---text-transform`.
|
|
108
|
+
* Second membre PASSTHROUGH : `text-transform` est un mot-cle CSS, pas
|
|
109
|
+
* un echelon d'echelle, et aucun groupe `--origam-font__textTransform---*`
|
|
110
|
+
* n'existe.
|
|
111
|
+
*
|
|
112
|
+
* @description
|
|
113
|
+
* ⚠️ N'a d'EFFET que si la SCSS du composant lit le var GENERIQUE
|
|
114
|
+
* `--origam-{prefix}---text-transform`. Adoptants : `OrigamChip`, `OrigamTitle`, `OrigamTextMask`, `OrigamBlockquote`.
|
|
115
|
+
* Ne pas ajouter la prop a un autre composant sans cabler sa SCSS ET
|
|
116
|
+
* prouver l'effet en navigateur.
|
|
117
|
+
********************************************************/
|
|
118
|
+
textTransform?: TTextTransform;
|
|
100
119
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import OrigamCard from '../../components/Card/OrigamCard.vue';
|
|
2
|
-
import { CARD_TYPE } from '../../enums/Card/card.enum';
|
|
2
|
+
import { CARD_CONTENT_DISPLAY, CARD_TYPE } from '../../enums/Card/card.enum';
|
|
3
3
|
export type TCardType = `${CARD_TYPE}`;
|
|
4
|
+
export type TCardContentDisplay = `${CARD_CONTENT_DISPLAY}`;
|
|
4
5
|
export type TOrigamCard = InstanceType<typeof OrigamCard>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TEXT_TRANSFORM } from '../../enums/Commons/text-transform.enum';
|
|
2
|
+
/*********************************************************
|
|
3
|
+
* TTextTransform
|
|
4
|
+
*
|
|
5
|
+
* @description
|
|
6
|
+
* Mots-cles `text-transform` (none · uppercase · lowercase · capitalize),
|
|
7
|
+
* emis verbatim, sans groupe de tokens.
|
|
8
|
+
********************************************************/
|
|
9
|
+
export type TTextTransform = `${TEXT_TRANSFORM}`;
|
|
File without changes
|
package/dist/src/types/index.cjs
CHANGED
|
@@ -564,6 +564,17 @@ Object.keys(_letterSpacing).forEach(function (key) {
|
|
|
564
564
|
}
|
|
565
565
|
});
|
|
566
566
|
});
|
|
567
|
+
var _textTransform = require("./Commons/text-transform.type.cjs");
|
|
568
|
+
Object.keys(_textTransform).forEach(function (key) {
|
|
569
|
+
if (key === "default" || key === "__esModule") return;
|
|
570
|
+
if (key in exports && exports[key] === _textTransform[key]) return;
|
|
571
|
+
Object.defineProperty(exports, key, {
|
|
572
|
+
enumerable: true,
|
|
573
|
+
get: function () {
|
|
574
|
+
return _textTransform[key];
|
|
575
|
+
}
|
|
576
|
+
});
|
|
577
|
+
});
|
|
567
578
|
var _lineHeight = require("./Commons/line-height.type.cjs");
|
|
568
579
|
Object.keys(_lineHeight).forEach(function (key) {
|
|
569
580
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -49,6 +49,7 @@ export * from './Commons/font-family.type';
|
|
|
49
49
|
export * from './Commons/font-size.type';
|
|
50
50
|
export * from './Commons/font-weight.type';
|
|
51
51
|
export * from './Commons/letter-spacing.type';
|
|
52
|
+
export * from './Commons/text-transform.type';
|
|
52
53
|
export * from './Commons/line-height.type';
|
|
53
54
|
export * from './Commons/rounded.type';
|
|
54
55
|
export * from './Commons/dimension.type';
|
package/dist/src/types/index.js
CHANGED
|
@@ -49,6 +49,7 @@ export * from "./Commons/font-family.type.js";
|
|
|
49
49
|
export * from "./Commons/font-size.type.js";
|
|
50
50
|
export * from "./Commons/font-weight.type.js";
|
|
51
51
|
export * from "./Commons/letter-spacing.type.js";
|
|
52
|
+
export * from "./Commons/text-transform.type.js";
|
|
52
53
|
export * from "./Commons/line-height.type.js";
|
|
53
54
|
export * from "./Commons/rounded.type.js";
|
|
54
55
|
export * from "./Commons/dimension.type.js";
|