@1money/component-ui 0.0.93-alpha.3 → 0.0.94-alpha.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/es/components/Button/Button.js +14 -16
- package/es/components/Button/constants.d.ts +8 -12
- package/es/components/Button/constants.js +8 -27
- package/es/components/Button/style/Button.css +2 -11
- package/es/components/Input/Input/Input.css +6 -1
- package/es/components/Input/Input/Input.js +6 -2
- package/es/components/Input/OTP/OTP.css +2 -7
- package/es/components/Input/OTP/OTP.js +8 -4
- package/es/components/Input/constants.js +7 -3
- package/es/components/Input/interface.d.ts +2 -1
- package/es/components/Table/style/Table.css +10 -10
- package/es/components/Typography/Typography.js +10 -4
- package/es/components/Typography/constants.d.ts +2 -0
- package/es/components/Typography/interface.d.ts +8 -1
- package/es/components/Typography/interface.js +2 -2
- package/es/components/Typography/render.js +3 -1
- package/es/components/Typography/style/Typography.css +9 -58
- package/es/components/Typography/useTypographyEnhancements.d.ts +1 -0
- package/es/components/Typography/useTypographyEnhancements.js +1 -1
- package/es/components/Typography/utils.js +4 -2
- package/es/index.css +1 -1
- package/es/styles/index.css +7 -10
- package/lib/components/Button/Button.js +12 -14
- package/lib/components/Button/constants.d.ts +8 -12
- package/lib/components/Button/constants.js +9 -28
- package/lib/components/Button/style/Button.css +2 -11
- package/lib/components/Input/Input/Input.css +6 -1
- package/lib/components/Input/Input/Input.js +6 -2
- package/lib/components/Input/OTP/OTP.css +2 -7
- package/lib/components/Input/OTP/OTP.js +8 -4
- package/lib/components/Input/constants.js +7 -3
- package/lib/components/Input/interface.d.ts +2 -1
- package/lib/components/Table/style/Table.css +10 -10
- package/lib/components/Typography/Typography.js +10 -4
- package/lib/components/Typography/constants.d.ts +2 -0
- package/lib/components/Typography/interface.d.ts +8 -1
- package/lib/components/Typography/interface.js +2 -2
- package/lib/components/Typography/render.js +3 -1
- package/lib/components/Typography/style/Typography.css +9 -58
- package/lib/components/Typography/useTypographyEnhancements.d.ts +1 -0
- package/lib/components/Typography/useTypographyEnhancements.js +1 -1
- package/lib/components/Typography/utils.js +4 -2
- package/lib/index.css +1 -1
- package/lib/styles/index.css +7 -10
- package/package.json +1 -1
- package/scripts/mcp-server/examples.generated.json +6 -6
- package/scripts/mcp-server/index.generated.json +17 -26
package/lib/styles/index.css
CHANGED
|
@@ -221,22 +221,22 @@
|
|
|
221
221
|
--om-display-xs-font-weight: 500;
|
|
222
222
|
--om-headline-lg-font-size: 32px;
|
|
223
223
|
--om-headline-lg-font-family: var(--om-font-aeonik);
|
|
224
|
-
--om-headline-lg-line-height:
|
|
224
|
+
--om-headline-lg-line-height: 40px;
|
|
225
225
|
--om-headline-lg-letter-spacing: 0;
|
|
226
226
|
--om-headline-lg-font-weight: 500;
|
|
227
227
|
--om-headline-md-font-size: 28px;
|
|
228
228
|
--om-headline-md-font-family: var(--om-font-aeonik);
|
|
229
|
-
--om-headline-md-line-height:
|
|
229
|
+
--om-headline-md-line-height: 36px;
|
|
230
230
|
--om-headline-md-letter-spacing: 0;
|
|
231
231
|
--om-headline-md-font-weight: 500;
|
|
232
232
|
--om-headline-sm-font-size: 24px;
|
|
233
233
|
--om-headline-sm-font-family: var(--om-font-aeonik);
|
|
234
|
-
--om-headline-sm-line-height:
|
|
234
|
+
--om-headline-sm-line-height: 28px;
|
|
235
235
|
--om-headline-sm-letter-spacing: 0;
|
|
236
236
|
--om-headline-sm-font-weight: 500;
|
|
237
237
|
--om-headline-xs-font-size: 16px;
|
|
238
238
|
--om-headline-xs-font-family: var(--om-font-aeonik);
|
|
239
|
-
--om-headline-xs-line-height:
|
|
239
|
+
--om-headline-xs-line-height: 20px;
|
|
240
240
|
--om-headline-xs-letter-spacing: 0;
|
|
241
241
|
--om-headline-xs-font-weight: 500;
|
|
242
242
|
--om-title-lg-font-size: 18px;
|
|
@@ -257,30 +257,27 @@
|
|
|
257
257
|
--om-title-sm-letter-spacing: 0;
|
|
258
258
|
--om-title-sm-font-weight: 500;
|
|
259
259
|
--om-title-sm-strong-font-weight: 700;
|
|
260
|
-
--om-title-xs-font-size: 12px;
|
|
261
|
-
--om-title-xs-font-family: var(--om-font-inter);
|
|
262
|
-
--om-title-xs-line-height: 16px;
|
|
263
|
-
--om-title-xs-letter-spacing: 0;
|
|
264
|
-
--om-title-xs-font-weight: 500;
|
|
265
|
-
--om-title-xs-strong-font-weight: 700;
|
|
266
260
|
--om-body-lg-font-size: 16px;
|
|
267
261
|
--om-body-lg-font-family: var(--om-font-inter);
|
|
268
262
|
--om-body-lg-line-height: 22px;
|
|
269
263
|
--om-body-lg-letter-spacing: 0;
|
|
270
264
|
--om-body-lg-font-weight: 400;
|
|
271
265
|
--om-body-lg-strong-font-weight: 500;
|
|
266
|
+
--om-body-lg-single-line-line-height: 20px;
|
|
272
267
|
--om-body-md-font-size: 14px;
|
|
273
268
|
--om-body-md-font-family: var(--om-font-inter);
|
|
274
269
|
--om-body-md-line-height: 20px;
|
|
275
270
|
--om-body-md-letter-spacing: 0;
|
|
276
271
|
--om-body-md-font-weight: 400;
|
|
277
272
|
--om-body-md-strong-font-weight: 500;
|
|
273
|
+
--om-body-md-single-line-line-height: 16px;
|
|
278
274
|
--om-body-sm-font-size: 12px;
|
|
279
275
|
--om-body-sm-font-family: var(--om-font-inter);
|
|
280
276
|
--om-body-sm-line-height: 16px;
|
|
281
277
|
--om-body-sm-letter-spacing: 0;
|
|
282
278
|
--om-body-sm-font-weight: 400;
|
|
283
279
|
--om-body-sm-strong-font-weight: 500;
|
|
280
|
+
--om-body-sm-single-line-line-height: 16px;
|
|
284
281
|
--om-link-md-font-size: 14px;
|
|
285
282
|
--om-link-md-font-family: var(--om-font-inter);
|
|
286
283
|
--om-link-md-line-height: 20px;
|
package/package.json
CHANGED
|
@@ -1789,6 +1789,12 @@
|
|
|
1789
1789
|
"source": "stories",
|
|
1790
1790
|
"compilable": false
|
|
1791
1791
|
},
|
|
1792
|
+
"999edd6e247dfa9dda5f8aa3894a3594f5dabf688083f8cf2b99524aa94e78ea": {
|
|
1793
|
+
"title": "OTP",
|
|
1794
|
+
"code": "{\n const onComplete = fn();\n const onChange = fn();\n\n return (\n <div style={{ display: 'flex', flexDirection: 'column', gap: 40 }}>\n {/* OTP has a single 48×48 cell size — no size variants. */}\n <div>\n <div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>default / Empty</p>\n <Input.OTP\n label=\"Verification Code\"\n feedback=\"Feedback\"\n feedbackIcon={<Icons name=\"info\" size={16} />}\n length={6}\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>default / Partial</p>\n <Input.OTP\n label=\"Verification Code\"\n feedback=\"Feedback\"\n feedbackIcon={<Icons name=\"info\" size={16} />}\n length={6}\n defaultValue=\"123\"\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>error</p>\n <Input.OTP\n label=\"Verification Code\"\n status=\"error\"\n feedback=\"Invalid code\"\n feedbackIcon={<Icons name=\"error\" size={16} />}\n length={6}\n defaultValue=\"999999\"\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>disabled</p>\n <Input.OTP\n label=\"Verification Code\"\n disabled\n length={6}\n defaultValue=\"123456\"\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>mask (password style)</p>\n <Input.OTP\n label=\"PIN Code\"\n length={6}\n defaultValue=\"1234\"\n mask\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>4-digit code</p>\n <Input.OTP\n label=\"PIN\"\n length={4}\n defaultValue=\"12\"\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n </div>\n </div>\n </div>\n );\n }",
|
|
1795
|
+
"source": "stories",
|
|
1796
|
+
"compilable": false
|
|
1797
|
+
},
|
|
1792
1798
|
"9af2306c1aff18816073dccbcebb287dda5cedc961f04ea7a2ad419875c3055b": {
|
|
1793
1799
|
"title": "States",
|
|
1794
1800
|
"code": "<div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>\n <Radio label=\"Unchecked\" />\n <Radio label=\"Checked\" checked />\n <Radio label=\"Disabled unchecked\" disabled />\n <Radio label=\"Disabled checked\" checked disabled />\n </div>",
|
|
@@ -2275,12 +2281,6 @@
|
|
|
2275
2281
|
"source": "readme",
|
|
2276
2282
|
"compilable": true
|
|
2277
2283
|
},
|
|
2278
|
-
"c303f66164ebe41cd2a3afd4f3f393f888ada9d6806d059d56b47f502825f2f7": {
|
|
2279
|
-
"title": "OTP",
|
|
2280
|
-
"code": "{\n const onComplete = fn();\n const onChange = fn();\n\n return (\n <div style={{ display: 'flex', flexDirection: 'column', gap: 40 }}>\n {/* ── Large ── */}\n <div>\n <h3 style={{ margin: '0 0 16px' }}>Large</h3>\n <div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>default / Empty</p>\n <Input.OTP\n label=\"Verification Code\"\n feedback=\"Feedback\"\n feedbackIcon={<Icons name=\"info\" size={16} />}\n length={6}\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>default / Partial</p>\n <Input.OTP\n label=\"Verification Code\"\n feedback=\"Feedback\"\n feedbackIcon={<Icons name=\"info\" size={16} />}\n length={6}\n defaultValue=\"123\"\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>error</p>\n <Input.OTP\n label=\"Verification Code\"\n status=\"error\"\n feedback=\"Invalid code\"\n feedbackIcon={<Icons name=\"error\" size={16} />}\n length={6}\n defaultValue=\"999999\"\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>disabled</p>\n <Input.OTP\n label=\"Verification Code\"\n disabled\n length={6}\n defaultValue=\"123456\"\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>mask (password style)</p>\n <Input.OTP\n label=\"PIN Code\"\n length={6}\n defaultValue=\"1234\"\n mask\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n </div>\n </div>\n\n {/* ── Small ── */}\n <div>\n <h3 style={{ margin: '0 0 16px' }}>Small</h3>\n <div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>default / Empty</p>\n <Input.OTP\n size=\"small\"\n label=\"Code\"\n length={6}\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n <div>\n <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>4-digit code</p>\n <Input.OTP\n size=\"small\"\n label=\"PIN\"\n length={4}\n defaultValue=\"12\"\n onComplete={onComplete}\n onChange={onChange}\n />\n </div>\n </div>\n </div>\n </div>\n );\n }",
|
|
2281
|
-
"source": "stories",
|
|
2282
|
-
"compilable": false
|
|
2283
|
-
},
|
|
2284
2284
|
"c432ad235c0ec812dab47658880594ce7cb77f5c76b7f550074e61569cf39c70": {
|
|
2285
2285
|
"title": "Canonical usage",
|
|
2286
2286
|
"code": "Filter();",
|
|
@@ -5713,7 +5713,7 @@
|
|
|
5713
5713
|
"source": "stories"
|
|
5714
5714
|
},
|
|
5715
5715
|
{
|
|
5716
|
-
"hash": "
|
|
5716
|
+
"hash": "999edd6e247dfa9dda5f8aa3894a3594f5dabf688083f8cf2b99524aa94e78ea",
|
|
5717
5717
|
"source": "stories"
|
|
5718
5718
|
},
|
|
5719
5719
|
{
|
|
@@ -5765,7 +5765,7 @@
|
|
|
5765
5765
|
"name": "InputOTPProps",
|
|
5766
5766
|
"kind": "type",
|
|
5767
5767
|
"category": "input",
|
|
5768
|
-
"summary": "",
|
|
5768
|
+
"summary": "OTP has a single 48×48 cell size, so `size` is not configurable.",
|
|
5769
5769
|
"importPath": "@1money/component-ui",
|
|
5770
5770
|
"subpathImport": "@1money/component-ui/Input",
|
|
5771
5771
|
"sourceFile": "src/components/Input/interface.ts",
|
|
@@ -5783,7 +5783,7 @@
|
|
|
5783
5783
|
"InputTradeProps"
|
|
5784
5784
|
],
|
|
5785
5785
|
"searchTags": [],
|
|
5786
|
-
"typeText": "interface InputOTPProps extends Omit<InputBaseProps, 'allowClear' | 'prefix' | 'suffix'> { ... }",
|
|
5786
|
+
"typeText": "interface InputOTPProps extends Omit<InputBaseProps, 'allowClear' | 'prefix' | 'suffix' | 'size'> { ... }",
|
|
5787
5787
|
"canonicalUsage": "import { Input } from '@1money/component-ui';\n// or\nimport { Input } from '@1money/component-ui/Input';",
|
|
5788
5788
|
"examples": [
|
|
5789
5789
|
{
|
|
@@ -23403,8 +23403,8 @@
|
|
|
23403
23403
|
"name": "typography-body-lg",
|
|
23404
23404
|
"scss": "$om-typography-body['lg']",
|
|
23405
23405
|
"cssVar": "--om-typography-typography-body-lg",
|
|
23406
|
-
"value": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-regular,\n font-size: 16px,\n line-height: 22px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-medium),\n )",
|
|
23407
|
-
"resolved": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-regular,\n font-size: 16px,\n line-height: 22px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-medium),\n )",
|
|
23406
|
+
"value": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-regular,\n font-size: 16px,\n line-height: 22px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-medium),\n single-line: (line-height: 20px),\n )",
|
|
23407
|
+
"resolved": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-regular,\n font-size: 16px,\n line-height: 22px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-medium),\n single-line: (line-height: 20px),\n )",
|
|
23408
23408
|
"kind": "typography",
|
|
23409
23409
|
"layer": "semantic"
|
|
23410
23410
|
},
|
|
@@ -23412,8 +23412,8 @@
|
|
|
23412
23412
|
"name": "typography-body-md",
|
|
23413
23413
|
"scss": "$om-typography-body['md']",
|
|
23414
23414
|
"cssVar": "--om-typography-typography-body-md",
|
|
23415
|
-
"value": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-regular,\n font-size: 14px,\n line-height: 20px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-medium),\n )",
|
|
23416
|
-
"resolved": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-regular,\n font-size: 14px,\n line-height: 20px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-medium),\n )",
|
|
23415
|
+
"value": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-regular,\n font-size: 14px,\n line-height: 20px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-medium),\n single-line: (line-height: 16px),\n )",
|
|
23416
|
+
"resolved": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-regular,\n font-size: 14px,\n line-height: 20px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-medium),\n single-line: (line-height: 16px),\n )",
|
|
23417
23417
|
"kind": "typography",
|
|
23418
23418
|
"layer": "semantic"
|
|
23419
23419
|
},
|
|
@@ -23421,8 +23421,8 @@
|
|
|
23421
23421
|
"name": "typography-body-sm",
|
|
23422
23422
|
"scss": "$om-typography-body['sm']",
|
|
23423
23423
|
"cssVar": "--om-typography-typography-body-sm",
|
|
23424
|
-
"value": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-regular,\n font-size: 12px,\n line-height: 16px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-medium),\n )",
|
|
23425
|
-
"resolved": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-regular,\n font-size: 12px,\n line-height: 16px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-medium),\n )",
|
|
23424
|
+
"value": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-regular,\n font-size: 12px,\n line-height: 16px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-medium),\n single-line: (line-height: 16px),\n )",
|
|
23425
|
+
"resolved": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-regular,\n font-size: 12px,\n line-height: 16px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-medium),\n single-line: (line-height: 16px),\n )",
|
|
23426
23426
|
"kind": "typography",
|
|
23427
23427
|
"layer": "semantic"
|
|
23428
23428
|
},
|
|
@@ -23529,8 +23529,8 @@
|
|
|
23529
23529
|
"name": "typography-headline-lg",
|
|
23530
23530
|
"scss": "$om-typography-headline['lg']",
|
|
23531
23531
|
"cssVar": "--om-typography-typography-headline-lg",
|
|
23532
|
-
"value": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 32px,\n line-height:
|
|
23533
|
-
"resolved": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 32px,\n line-height:
|
|
23532
|
+
"value": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 32px,\n line-height: 40px,\n letter-spacing: $om-tracking-none,\n )",
|
|
23533
|
+
"resolved": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 32px,\n line-height: 40px,\n letter-spacing: $om-tracking-none,\n )",
|
|
23534
23534
|
"kind": "typography",
|
|
23535
23535
|
"layer": "semantic"
|
|
23536
23536
|
},
|
|
@@ -23538,8 +23538,8 @@
|
|
|
23538
23538
|
"name": "typography-headline-md",
|
|
23539
23539
|
"scss": "$om-typography-headline['md']",
|
|
23540
23540
|
"cssVar": "--om-typography-typography-headline-md",
|
|
23541
|
-
"value": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 28px,\n line-height:
|
|
23542
|
-
"resolved": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 28px,\n line-height:
|
|
23541
|
+
"value": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 28px,\n line-height: 36px,\n letter-spacing: $om-tracking-none,\n )",
|
|
23542
|
+
"resolved": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 28px,\n line-height: 36px,\n letter-spacing: $om-tracking-none,\n )",
|
|
23543
23543
|
"kind": "typography",
|
|
23544
23544
|
"layer": "semantic"
|
|
23545
23545
|
},
|
|
@@ -23547,8 +23547,8 @@
|
|
|
23547
23547
|
"name": "typography-headline-sm",
|
|
23548
23548
|
"scss": "$om-typography-headline['sm']",
|
|
23549
23549
|
"cssVar": "--om-typography-typography-headline-sm",
|
|
23550
|
-
"value": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 24px,\n line-height:
|
|
23551
|
-
"resolved": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 24px,\n line-height:
|
|
23550
|
+
"value": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 24px,\n line-height: 28px,\n letter-spacing: $om-tracking-none,\n )",
|
|
23551
|
+
"resolved": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 24px,\n line-height: 28px,\n letter-spacing: $om-tracking-none,\n )",
|
|
23552
23552
|
"kind": "typography",
|
|
23553
23553
|
"layer": "semantic"
|
|
23554
23554
|
},
|
|
@@ -23556,8 +23556,8 @@
|
|
|
23556
23556
|
"name": "typography-headline-xs",
|
|
23557
23557
|
"scss": "$om-typography-headline['xs']",
|
|
23558
23558
|
"cssVar": "--om-typography-typography-headline-xs",
|
|
23559
|
-
"value": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 16px,\n line-height:
|
|
23560
|
-
"resolved": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 16px,\n line-height:
|
|
23559
|
+
"value": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 16px,\n line-height: 20px,\n letter-spacing: $om-tracking-none,\n )",
|
|
23560
|
+
"resolved": "(\n font-family: $om-font-aeonik,\n font-weight: $om-font-weight-medium,\n font-size: 16px,\n line-height: 20px,\n letter-spacing: $om-tracking-none,\n )",
|
|
23561
23561
|
"kind": "typography",
|
|
23562
23562
|
"layer": "semantic"
|
|
23563
23563
|
},
|
|
@@ -23650,15 +23650,6 @@
|
|
|
23650
23650
|
"resolved": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-medium,\n font-size: 14px,\n line-height: 20px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-bold),\n )",
|
|
23651
23651
|
"kind": "typography",
|
|
23652
23652
|
"layer": "semantic"
|
|
23653
|
-
},
|
|
23654
|
-
{
|
|
23655
|
-
"name": "typography-title-xs",
|
|
23656
|
-
"scss": "$om-typography-title['xs']",
|
|
23657
|
-
"cssVar": "--om-typography-typography-title-xs",
|
|
23658
|
-
"value": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-medium,\n font-size: 12px,\n line-height: 16px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-bold),\n )",
|
|
23659
|
-
"resolved": "(\n font-family: $om-font-inter,\n font-weight: $om-font-weight-medium,\n font-size: 12px,\n line-height: 16px,\n letter-spacing: $om-tracking-none,\n strong: (font-weight: $om-font-weight-bold),\n )",
|
|
23660
|
-
"kind": "typography",
|
|
23661
|
-
"layer": "semantic"
|
|
23662
23653
|
}
|
|
23663
23654
|
],
|
|
23664
23655
|
"icons": [
|