@almadar/patterns 2.42.0 → 2.42.1
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/dist/component-mapping.json +1 -31
- package/dist/event-contracts.json +1 -1
- package/dist/index.d.ts +237 -1111
- package/dist/index.js +19 -783
- package/dist/index.js.map +1 -1
- package/dist/patterns-registry.json +17 -751
- package/dist/registry.json +17 -751
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": "1.0.0",
|
|
3
|
-
"exportedAt": "2026-06-
|
|
3
|
+
"exportedAt": "2026-06-16T10:02:47.077Z",
|
|
4
4
|
"patterns": {
|
|
5
5
|
"entity-table": {
|
|
6
6
|
"type": "entity-table",
|
|
@@ -9107,8 +9107,7 @@
|
|
|
9107
9107
|
"small",
|
|
9108
9108
|
"large",
|
|
9109
9109
|
"label"
|
|
9110
|
-
]
|
|
9111
|
-
"default": "body"
|
|
9110
|
+
]
|
|
9112
9111
|
},
|
|
9113
9112
|
"level": {
|
|
9114
9113
|
"types": [
|
|
@@ -9122,8 +9121,7 @@
|
|
|
9122
9121
|
4,
|
|
9123
9122
|
5,
|
|
9124
9123
|
6
|
|
9125
|
-
]
|
|
9126
|
-
"default": 2
|
|
9124
|
+
]
|
|
9127
9125
|
},
|
|
9128
9126
|
"color": {
|
|
9129
9127
|
"types": [
|
|
@@ -11599,7 +11597,7 @@
|
|
|
11599
11597
|
"type": "auth-layout",
|
|
11600
11598
|
"category": "template",
|
|
11601
11599
|
"tier": "templates",
|
|
11602
|
-
"family": "
|
|
11600
|
+
"family": "marketing",
|
|
11603
11601
|
"description": "AuthLayout component",
|
|
11604
11602
|
"suggestedFor": [
|
|
11605
11603
|
"auth",
|
|
@@ -19938,7 +19936,7 @@
|
|
|
19938
19936
|
"type": "case-study-organism",
|
|
19939
19937
|
"category": "display",
|
|
19940
19938
|
"tier": "organisms",
|
|
19941
|
-
"family": "
|
|
19939
|
+
"family": "marketing",
|
|
19942
19940
|
"description": "CaseStudyOrganism component",
|
|
19943
19941
|
"suggestedFor": [
|
|
19944
19942
|
"case",
|
|
@@ -20080,7 +20078,7 @@
|
|
|
20080
20078
|
"type": "feature-grid-organism",
|
|
20081
20079
|
"category": "display",
|
|
20082
20080
|
"tier": "organisms",
|
|
20083
|
-
"family": "
|
|
20081
|
+
"family": "marketing",
|
|
20084
20082
|
"description": "FeatureGridOrganism component",
|
|
20085
20083
|
"suggestedFor": [
|
|
20086
20084
|
"feature",
|
|
@@ -20235,7 +20233,7 @@
|
|
|
20235
20233
|
"type": "hero-organism",
|
|
20236
20234
|
"category": "header",
|
|
20237
20235
|
"tier": "organisms",
|
|
20238
|
-
"family": "
|
|
20236
|
+
"family": "marketing",
|
|
20239
20237
|
"description": "HeroOrganism component",
|
|
20240
20238
|
"suggestedFor": [
|
|
20241
20239
|
"hero",
|
|
@@ -20511,7 +20509,7 @@
|
|
|
20511
20509
|
"type": "showcase-organism",
|
|
20512
20510
|
"category": "display",
|
|
20513
20511
|
"tier": "organisms",
|
|
20514
|
-
"family": "
|
|
20512
|
+
"family": "marketing",
|
|
20515
20513
|
"description": "ShowcaseOrganism component",
|
|
20516
20514
|
"suggestedFor": [
|
|
20517
20515
|
"showcase",
|
|
@@ -20807,7 +20805,7 @@
|
|
|
20807
20805
|
"type": "step-flow-organism",
|
|
20808
20806
|
"category": "display",
|
|
20809
20807
|
"tier": "organisms",
|
|
20810
|
-
"family": "
|
|
20808
|
+
"family": "marketing",
|
|
20811
20809
|
"description": "StepFlowOrganism component",
|
|
20812
20810
|
"suggestedFor": [
|
|
20813
20811
|
"step",
|
|
@@ -23918,9 +23916,10 @@
|
|
|
23918
23916
|
},
|
|
23919
23917
|
"portrait": {
|
|
23920
23918
|
"types": [
|
|
23921
|
-
"
|
|
23919
|
+
"asset"
|
|
23922
23920
|
],
|
|
23923
|
-
"description": "URL for the speaker portrait image"
|
|
23921
|
+
"description": "URL for the speaker portrait image",
|
|
23922
|
+
"default": "https://almadar-kflow-assets.web.app/shared/characters/archetypes/00_base_model.png"
|
|
23924
23923
|
},
|
|
23925
23924
|
"position": {
|
|
23926
23925
|
"types": [
|
|
@@ -24393,10 +24392,11 @@
|
|
|
24393
24392
|
"propsSchema": {
|
|
24394
24393
|
"spritesheet": {
|
|
24395
24394
|
"types": [
|
|
24396
|
-
"
|
|
24395
|
+
"asset"
|
|
24397
24396
|
],
|
|
24398
24397
|
"description": "Spritesheet image URL",
|
|
24399
|
-
"required": true
|
|
24398
|
+
"required": true,
|
|
24399
|
+
"default": "https://almadar-kflow-assets.web.app/shared/isometric-blocks/Spritesheet/allTiles_sheet.png"
|
|
24400
24400
|
},
|
|
24401
24401
|
"frameWidth": {
|
|
24402
24402
|
"types": [
|
|
@@ -26169,7 +26169,7 @@
|
|
|
26169
26169
|
"type": "pull-quote",
|
|
26170
26170
|
"category": "component",
|
|
26171
26171
|
"tier": "molecules",
|
|
26172
|
-
"family": "
|
|
26172
|
+
"family": "marketing",
|
|
26173
26173
|
"description": "PullQuote component",
|
|
26174
26174
|
"suggestedFor": [
|
|
26175
26175
|
"pull",
|
|
@@ -40284,7 +40284,7 @@
|
|
|
40284
40284
|
"type": "marketing-footer",
|
|
40285
40285
|
"category": "component",
|
|
40286
40286
|
"tier": "molecules",
|
|
40287
|
-
"family": "
|
|
40287
|
+
"family": "marketing",
|
|
40288
40288
|
"description": "MarketingFooter component",
|
|
40289
40289
|
"suggestedFor": [
|
|
40290
40290
|
"marketing",
|
|
@@ -40970,740 +40970,6 @@
|
|
|
40970
40970
|
"description": "Additional class names"
|
|
40971
40971
|
}
|
|
40972
40972
|
}
|
|
40973
|
-
},
|
|
40974
|
-
"asset-picker": {
|
|
40975
|
-
"type": "asset-picker",
|
|
40976
|
-
"category": "component",
|
|
40977
|
-
"tier": "molecules",
|
|
40978
|
-
"family": "core",
|
|
40979
|
-
"description": "AssetPicker component",
|
|
40980
|
-
"suggestedFor": [
|
|
40981
|
-
"asset",
|
|
40982
|
-
"picker",
|
|
40983
|
-
"asset picker"
|
|
40984
|
-
],
|
|
40985
|
-
"typicalSize": "medium",
|
|
40986
|
-
"propsSchema": {
|
|
40987
|
-
"assets": {
|
|
40988
|
-
"types": [
|
|
40989
|
-
"object"
|
|
40990
|
-
],
|
|
40991
|
-
"description": "Browsable asset catalog supplied by the host.",
|
|
40992
|
-
"required": true,
|
|
40993
|
-
"freeform": true
|
|
40994
|
-
},
|
|
40995
|
-
"value": {
|
|
40996
|
-
"types": [
|
|
40997
|
-
"string"
|
|
40998
|
-
],
|
|
40999
|
-
"description": "Currently selected asset url (controlled highlight)."
|
|
41000
|
-
},
|
|
41001
|
-
"onChange": {
|
|
41002
|
-
"types": [
|
|
41003
|
-
"function"
|
|
41004
|
-
],
|
|
41005
|
-
"description": "Fired with the chosen asset's url.",
|
|
41006
|
-
"required": true,
|
|
41007
|
-
"kind": "callback",
|
|
41008
|
-
"callbackArgs": [
|
|
41009
|
-
{
|
|
41010
|
-
"name": "url",
|
|
41011
|
-
"type": "string"
|
|
41012
|
-
}
|
|
41013
|
-
]
|
|
41014
|
-
},
|
|
41015
|
-
"className": {
|
|
41016
|
-
"types": [
|
|
41017
|
-
"string"
|
|
41018
|
-
],
|
|
41019
|
-
"description": "Additional CSS classes applied to the root."
|
|
41020
|
-
}
|
|
41021
|
-
}
|
|
41022
|
-
},
|
|
41023
|
-
"grid-picker": {
|
|
41024
|
-
"type": "grid-picker",
|
|
41025
|
-
"category": "display",
|
|
41026
|
-
"tier": "molecules",
|
|
41027
|
-
"family": "core",
|
|
41028
|
-
"description": "GridPicker component",
|
|
41029
|
-
"suggestedFor": [
|
|
41030
|
-
"grid",
|
|
41031
|
-
"picker",
|
|
41032
|
-
"grid picker"
|
|
41033
|
-
],
|
|
41034
|
-
"typicalSize": "medium",
|
|
41035
|
-
"propsSchema": {
|
|
41036
|
-
"items": {
|
|
41037
|
-
"types": [
|
|
41038
|
-
"array"
|
|
41039
|
-
],
|
|
41040
|
-
"description": "Items to render as grid cells.",
|
|
41041
|
-
"required": true,
|
|
41042
|
-
"items": {
|
|
41043
|
-
"types": [
|
|
41044
|
-
"object"
|
|
41045
|
-
],
|
|
41046
|
-
"properties": {
|
|
41047
|
-
"id": {
|
|
41048
|
-
"types": [
|
|
41049
|
-
"string"
|
|
41050
|
-
]
|
|
41051
|
-
},
|
|
41052
|
-
"label": {
|
|
41053
|
-
"types": [
|
|
41054
|
-
"string"
|
|
41055
|
-
]
|
|
41056
|
-
},
|
|
41057
|
-
"category": {
|
|
41058
|
-
"types": [
|
|
41059
|
-
"string"
|
|
41060
|
-
]
|
|
41061
|
-
}
|
|
41062
|
-
},
|
|
41063
|
-
"required": [
|
|
41064
|
-
"id",
|
|
41065
|
-
"label",
|
|
41066
|
-
"category"
|
|
41067
|
-
]
|
|
41068
|
-
}
|
|
41069
|
-
},
|
|
41070
|
-
"value": {
|
|
41071
|
-
"types": [
|
|
41072
|
-
"string"
|
|
41073
|
-
],
|
|
41074
|
-
"description": "Currently selected item id (controlled highlight)."
|
|
41075
|
-
},
|
|
41076
|
-
"onChange": {
|
|
41077
|
-
"types": [
|
|
41078
|
-
"function"
|
|
41079
|
-
],
|
|
41080
|
-
"description": "Fired with the clicked/selected item's id.",
|
|
41081
|
-
"required": true,
|
|
41082
|
-
"kind": "callback",
|
|
41083
|
-
"callbackArgs": [
|
|
41084
|
-
{
|
|
41085
|
-
"name": "value",
|
|
41086
|
-
"type": "string"
|
|
41087
|
-
}
|
|
41088
|
-
]
|
|
41089
|
-
},
|
|
41090
|
-
"categories": {
|
|
41091
|
-
"types": [
|
|
41092
|
-
"array"
|
|
41093
|
-
],
|
|
41094
|
-
"description": "Category keys for the filter chip row. When omitted, the categories are derived from the items. An \"All\" chip is always prepended.",
|
|
41095
|
-
"items": {
|
|
41096
|
-
"types": [
|
|
41097
|
-
"string"
|
|
41098
|
-
]
|
|
41099
|
-
}
|
|
41100
|
-
},
|
|
41101
|
-
"searchPlaceholder": {
|
|
41102
|
-
"types": [
|
|
41103
|
-
"string"
|
|
41104
|
-
],
|
|
41105
|
-
"description": "Placeholder for the search input."
|
|
41106
|
-
},
|
|
41107
|
-
"renderThumbnail": {
|
|
41108
|
-
"types": [
|
|
41109
|
-
"function"
|
|
41110
|
-
],
|
|
41111
|
-
"description": "Renders the visual content of a cell (e.g. an emoji glyph or an image).",
|
|
41112
|
-
"required": true,
|
|
41113
|
-
"kind": "callback",
|
|
41114
|
-
"callbackArgs": [
|
|
41115
|
-
{
|
|
41116
|
-
"name": "item",
|
|
41117
|
-
"type": "object",
|
|
41118
|
-
"schema": {
|
|
41119
|
-
"types": [
|
|
41120
|
-
"object"
|
|
41121
|
-
],
|
|
41122
|
-
"properties": {
|
|
41123
|
-
"id": {
|
|
41124
|
-
"types": [
|
|
41125
|
-
"string"
|
|
41126
|
-
]
|
|
41127
|
-
},
|
|
41128
|
-
"label": {
|
|
41129
|
-
"types": [
|
|
41130
|
-
"string"
|
|
41131
|
-
]
|
|
41132
|
-
},
|
|
41133
|
-
"category": {
|
|
41134
|
-
"types": [
|
|
41135
|
-
"string"
|
|
41136
|
-
]
|
|
41137
|
-
}
|
|
41138
|
-
},
|
|
41139
|
-
"required": [
|
|
41140
|
-
"id",
|
|
41141
|
-
"label",
|
|
41142
|
-
"category"
|
|
41143
|
-
]
|
|
41144
|
-
}
|
|
41145
|
-
}
|
|
41146
|
-
],
|
|
41147
|
-
"renderCallback": true
|
|
41148
|
-
},
|
|
41149
|
-
"cellSize": {
|
|
41150
|
-
"types": [
|
|
41151
|
-
"number"
|
|
41152
|
-
],
|
|
41153
|
-
"description": "Cell edge length in px.",
|
|
41154
|
-
"numericEnumValues": [
|
|
41155
|
-
16,
|
|
41156
|
-
32,
|
|
41157
|
-
48
|
|
41158
|
-
],
|
|
41159
|
-
"default": 32
|
|
41160
|
-
},
|
|
41161
|
-
"className": {
|
|
41162
|
-
"types": [
|
|
41163
|
-
"string"
|
|
41164
|
-
],
|
|
41165
|
-
"description": "Additional CSS classes applied to the root."
|
|
41166
|
-
}
|
|
41167
|
-
}
|
|
41168
|
-
},
|
|
41169
|
-
"icon-picker": {
|
|
41170
|
-
"type": "icon-picker",
|
|
41171
|
-
"category": "component",
|
|
41172
|
-
"tier": "molecules",
|
|
41173
|
-
"family": "core",
|
|
41174
|
-
"description": "IconPicker component",
|
|
41175
|
-
"suggestedFor": [
|
|
41176
|
-
"icon",
|
|
41177
|
-
"picker",
|
|
41178
|
-
"icon picker"
|
|
41179
|
-
],
|
|
41180
|
-
"typicalSize": "medium",
|
|
41181
|
-
"propsSchema": {
|
|
41182
|
-
"value": {
|
|
41183
|
-
"types": [
|
|
41184
|
-
"string"
|
|
41185
|
-
],
|
|
41186
|
-
"description": "Currently selected icon name (kebab-case)."
|
|
41187
|
-
},
|
|
41188
|
-
"onChange": {
|
|
41189
|
-
"types": [
|
|
41190
|
-
"function"
|
|
41191
|
-
],
|
|
41192
|
-
"description": "Fired with the chosen icon's kebab-case name.",
|
|
41193
|
-
"required": true,
|
|
41194
|
-
"kind": "callback",
|
|
41195
|
-
"callbackArgs": [
|
|
41196
|
-
{
|
|
41197
|
-
"name": "name",
|
|
41198
|
-
"type": "string"
|
|
41199
|
-
}
|
|
41200
|
-
]
|
|
41201
|
-
},
|
|
41202
|
-
"className": {
|
|
41203
|
-
"types": [
|
|
41204
|
-
"string"
|
|
41205
|
-
],
|
|
41206
|
-
"description": "Additional CSS classes applied to the root."
|
|
41207
|
-
}
|
|
41208
|
-
}
|
|
41209
|
-
},
|
|
41210
|
-
"property-inspector": {
|
|
41211
|
-
"type": "property-inspector",
|
|
41212
|
-
"category": "debug",
|
|
41213
|
-
"tier": "molecules",
|
|
41214
|
-
"family": "core",
|
|
41215
|
-
"description": "PropertyInspector — Storybook-style controls panel for a trait's `config`. Derives one control per declared config field directly from the schema (`@almadar/core` `DeclaredTraitConfig`): `boolean → Switch`, `string` with `values → Select`, `number → numeric Input`, `string → Input`. Non-scalar fields (array/object/node/SExpr) are shown read-only. Fields group + collapse by `@tier`. The component is controlled — it emits `onChange(field, value)`; text/number commit on blur (so the host can re-render without hammering it).",
|
|
41216
|
-
"suggestedFor": [
|
|
41217
|
-
"property",
|
|
41218
|
-
"inspector",
|
|
41219
|
-
"property inspector"
|
|
41220
|
-
],
|
|
41221
|
-
"typicalSize": "medium",
|
|
41222
|
-
"propsSchema": {
|
|
41223
|
-
"className": {
|
|
41224
|
-
"types": [
|
|
41225
|
-
"string"
|
|
41226
|
-
],
|
|
41227
|
-
"description": "Additional CSS classes"
|
|
41228
|
-
},
|
|
41229
|
-
"isLoading": {
|
|
41230
|
-
"types": [
|
|
41231
|
-
"boolean"
|
|
41232
|
-
],
|
|
41233
|
-
"description": "Loading state indicator"
|
|
41234
|
-
},
|
|
41235
|
-
"error": {
|
|
41236
|
-
"types": [
|
|
41237
|
-
"object"
|
|
41238
|
-
],
|
|
41239
|
-
"description": "Error state (UiError)",
|
|
41240
|
-
"properties": {
|
|
41241
|
-
"message": {
|
|
41242
|
-
"types": [
|
|
41243
|
-
"string"
|
|
41244
|
-
]
|
|
41245
|
-
},
|
|
41246
|
-
"name": {
|
|
41247
|
-
"types": [
|
|
41248
|
-
"string"
|
|
41249
|
-
]
|
|
41250
|
-
},
|
|
41251
|
-
"code": {
|
|
41252
|
-
"types": [
|
|
41253
|
-
"string"
|
|
41254
|
-
]
|
|
41255
|
-
},
|
|
41256
|
-
"stack": {
|
|
41257
|
-
"types": [
|
|
41258
|
-
"string"
|
|
41259
|
-
]
|
|
41260
|
-
}
|
|
41261
|
-
},
|
|
41262
|
-
"propertyRequired": [
|
|
41263
|
-
"message"
|
|
41264
|
-
]
|
|
41265
|
-
},
|
|
41266
|
-
"sortBy": {
|
|
41267
|
-
"types": [
|
|
41268
|
-
"string"
|
|
41269
|
-
],
|
|
41270
|
-
"description": "Current sort field"
|
|
41271
|
-
},
|
|
41272
|
-
"sortDirection": {
|
|
41273
|
-
"types": [
|
|
41274
|
-
"string"
|
|
41275
|
-
],
|
|
41276
|
-
"description": "Current sort direction",
|
|
41277
|
-
"enumValues": [
|
|
41278
|
-
"asc",
|
|
41279
|
-
"desc"
|
|
41280
|
-
]
|
|
41281
|
-
},
|
|
41282
|
-
"searchValue": {
|
|
41283
|
-
"types": [
|
|
41284
|
-
"string"
|
|
41285
|
-
],
|
|
41286
|
-
"description": "Current search query value"
|
|
41287
|
-
},
|
|
41288
|
-
"page": {
|
|
41289
|
-
"types": [
|
|
41290
|
-
"number"
|
|
41291
|
-
],
|
|
41292
|
-
"description": "Current page number"
|
|
41293
|
-
},
|
|
41294
|
-
"pageSize": {
|
|
41295
|
-
"types": [
|
|
41296
|
-
"number"
|
|
41297
|
-
],
|
|
41298
|
-
"description": "Number of items per page"
|
|
41299
|
-
},
|
|
41300
|
-
"totalCount": {
|
|
41301
|
-
"types": [
|
|
41302
|
-
"number"
|
|
41303
|
-
],
|
|
41304
|
-
"description": "Total number of items"
|
|
41305
|
-
},
|
|
41306
|
-
"activeFilters": {
|
|
41307
|
-
"types": [
|
|
41308
|
-
"object"
|
|
41309
|
-
],
|
|
41310
|
-
"description": "Active filters"
|
|
41311
|
-
},
|
|
41312
|
-
"selectedIds": {
|
|
41313
|
-
"types": [
|
|
41314
|
-
"array"
|
|
41315
|
-
],
|
|
41316
|
-
"description": "Currently selected item IDs",
|
|
41317
|
-
"items": {
|
|
41318
|
-
"types": [
|
|
41319
|
-
"string",
|
|
41320
|
-
"number"
|
|
41321
|
-
]
|
|
41322
|
-
}
|
|
41323
|
-
},
|
|
41324
|
-
"config": {
|
|
41325
|
-
"types": [
|
|
41326
|
-
"object"
|
|
41327
|
-
],
|
|
41328
|
-
"description": "The trait's declared config schema (field name → declaration).",
|
|
41329
|
-
"required": true,
|
|
41330
|
-
"freeform": true
|
|
41331
|
-
},
|
|
41332
|
-
"values": {
|
|
41333
|
-
"types": [
|
|
41334
|
-
"object"
|
|
41335
|
-
],
|
|
41336
|
-
"description": "Current override values keyed by field name (falls back to each field's `default`).",
|
|
41337
|
-
"freeform": true
|
|
41338
|
-
},
|
|
41339
|
-
"onChange": {
|
|
41340
|
-
"types": [
|
|
41341
|
-
"function"
|
|
41342
|
-
],
|
|
41343
|
-
"description": "Fired when a control commits a new value.",
|
|
41344
|
-
"required": true,
|
|
41345
|
-
"kind": "callback",
|
|
41346
|
-
"callbackArgs": [
|
|
41347
|
-
{
|
|
41348
|
-
"name": "field",
|
|
41349
|
-
"type": "string"
|
|
41350
|
-
},
|
|
41351
|
-
{
|
|
41352
|
-
"name": "value",
|
|
41353
|
-
"type": "object"
|
|
41354
|
-
}
|
|
41355
|
-
]
|
|
41356
|
-
},
|
|
41357
|
-
"onReset": {
|
|
41358
|
-
"types": [
|
|
41359
|
-
"function"
|
|
41360
|
-
],
|
|
41361
|
-
"description": "Optional reset-to-defaults handler.",
|
|
41362
|
-
"kind": "callback",
|
|
41363
|
-
"callbackArgs": []
|
|
41364
|
-
},
|
|
41365
|
-
"title": {
|
|
41366
|
-
"types": [
|
|
41367
|
-
"string"
|
|
41368
|
-
],
|
|
41369
|
-
"description": "Panel heading (e.g. the trait name)."
|
|
41370
|
-
},
|
|
41371
|
-
"assets": {
|
|
41372
|
-
"types": [
|
|
41373
|
-
"object"
|
|
41374
|
-
],
|
|
41375
|
-
"description": "Browsable asset catalog supplied to `control: 'asset'` fields.",
|
|
41376
|
-
"freeform": true
|
|
41377
|
-
}
|
|
41378
|
-
}
|
|
41379
|
-
},
|
|
41380
|
-
"heading": {
|
|
41381
|
-
"type": "heading",
|
|
41382
|
-
"category": "component",
|
|
41383
|
-
"tier": "atoms",
|
|
41384
|
-
"family": "core",
|
|
41385
|
-
"description": "Alias for typography — Typography Atom Component Text elements following the KFlow design system with theme-aware styling.",
|
|
41386
|
-
"suggestedFor": [
|
|
41387
|
-
"typography"
|
|
41388
|
-
],
|
|
41389
|
-
"typicalSize": "small",
|
|
41390
|
-
"propsSchema": {
|
|
41391
|
-
"variant": {
|
|
41392
|
-
"types": [
|
|
41393
|
-
"string"
|
|
41394
|
-
],
|
|
41395
|
-
"description": "Typography variant",
|
|
41396
|
-
"enumValues": [
|
|
41397
|
-
"h1",
|
|
41398
|
-
"h2",
|
|
41399
|
-
"h3",
|
|
41400
|
-
"h4",
|
|
41401
|
-
"h5",
|
|
41402
|
-
"h6",
|
|
41403
|
-
"heading",
|
|
41404
|
-
"subheading",
|
|
41405
|
-
"body1",
|
|
41406
|
-
"body2",
|
|
41407
|
-
"body",
|
|
41408
|
-
"caption",
|
|
41409
|
-
"overline",
|
|
41410
|
-
"small",
|
|
41411
|
-
"large",
|
|
41412
|
-
"label"
|
|
41413
|
-
],
|
|
41414
|
-
"default": "body"
|
|
41415
|
-
},
|
|
41416
|
-
"level": {
|
|
41417
|
-
"types": [
|
|
41418
|
-
"number"
|
|
41419
|
-
],
|
|
41420
|
-
"description": "Heading level (1-6) - alternative to variant for headings",
|
|
41421
|
-
"numericEnumValues": [
|
|
41422
|
-
1,
|
|
41423
|
-
2,
|
|
41424
|
-
3,
|
|
41425
|
-
4,
|
|
41426
|
-
5,
|
|
41427
|
-
6
|
|
41428
|
-
],
|
|
41429
|
-
"default": 2
|
|
41430
|
-
},
|
|
41431
|
-
"color": {
|
|
41432
|
-
"types": [
|
|
41433
|
-
"string"
|
|
41434
|
-
],
|
|
41435
|
-
"description": "Text color",
|
|
41436
|
-
"enumValues": [
|
|
41437
|
-
"primary",
|
|
41438
|
-
"secondary",
|
|
41439
|
-
"muted",
|
|
41440
|
-
"error",
|
|
41441
|
-
"success",
|
|
41442
|
-
"warning",
|
|
41443
|
-
"inherit"
|
|
41444
|
-
],
|
|
41445
|
-
"default": "primary"
|
|
41446
|
-
},
|
|
41447
|
-
"align": {
|
|
41448
|
-
"types": [
|
|
41449
|
-
"string"
|
|
41450
|
-
],
|
|
41451
|
-
"description": "Text alignment",
|
|
41452
|
-
"enumValues": [
|
|
41453
|
-
"left",
|
|
41454
|
-
"center",
|
|
41455
|
-
"right"
|
|
41456
|
-
]
|
|
41457
|
-
},
|
|
41458
|
-
"weight": {
|
|
41459
|
-
"types": [
|
|
41460
|
-
"string"
|
|
41461
|
-
],
|
|
41462
|
-
"description": "Font weight override",
|
|
41463
|
-
"enumValues": [
|
|
41464
|
-
"light",
|
|
41465
|
-
"normal",
|
|
41466
|
-
"medium",
|
|
41467
|
-
"semibold",
|
|
41468
|
-
"bold"
|
|
41469
|
-
]
|
|
41470
|
-
},
|
|
41471
|
-
"size": {
|
|
41472
|
-
"types": [
|
|
41473
|
-
"string"
|
|
41474
|
-
],
|
|
41475
|
-
"description": "Font size override",
|
|
41476
|
-
"enumValues": [
|
|
41477
|
-
"xs",
|
|
41478
|
-
"sm",
|
|
41479
|
-
"md",
|
|
41480
|
-
"lg",
|
|
41481
|
-
"xl",
|
|
41482
|
-
"2xl",
|
|
41483
|
-
"3xl"
|
|
41484
|
-
]
|
|
41485
|
-
},
|
|
41486
|
-
"truncate": {
|
|
41487
|
-
"types": [
|
|
41488
|
-
"boolean"
|
|
41489
|
-
],
|
|
41490
|
-
"description": "Truncate with ellipsis (single line)",
|
|
41491
|
-
"default": false
|
|
41492
|
-
},
|
|
41493
|
-
"overflow": {
|
|
41494
|
-
"types": [
|
|
41495
|
-
"string"
|
|
41496
|
-
],
|
|
41497
|
-
"description": "Overflow handling mode",
|
|
41498
|
-
"enumValues": [
|
|
41499
|
-
"visible",
|
|
41500
|
-
"hidden",
|
|
41501
|
-
"wrap",
|
|
41502
|
-
"clamp-2",
|
|
41503
|
-
"clamp-3"
|
|
41504
|
-
]
|
|
41505
|
-
},
|
|
41506
|
-
"as": {
|
|
41507
|
-
"types": [
|
|
41508
|
-
"component"
|
|
41509
|
-
],
|
|
41510
|
-
"description": "Custom HTML element"
|
|
41511
|
-
},
|
|
41512
|
-
"id": {
|
|
41513
|
-
"types": [
|
|
41514
|
-
"string"
|
|
41515
|
-
],
|
|
41516
|
-
"description": "HTML id attribute"
|
|
41517
|
-
},
|
|
41518
|
-
"className": {
|
|
41519
|
-
"types": [
|
|
41520
|
-
"string"
|
|
41521
|
-
],
|
|
41522
|
-
"description": "Additional class names"
|
|
41523
|
-
},
|
|
41524
|
-
"style": {
|
|
41525
|
-
"types": [
|
|
41526
|
-
"object"
|
|
41527
|
-
],
|
|
41528
|
-
"description": "Inline style"
|
|
41529
|
-
},
|
|
41530
|
-
"content": {
|
|
41531
|
-
"types": [
|
|
41532
|
-
"node"
|
|
41533
|
-
],
|
|
41534
|
-
"description": "Text content (alternative to children)"
|
|
41535
|
-
},
|
|
41536
|
-
"children": {
|
|
41537
|
-
"types": [
|
|
41538
|
-
"node"
|
|
41539
|
-
],
|
|
41540
|
-
"description": "Children elements"
|
|
41541
|
-
}
|
|
41542
|
-
}
|
|
41543
|
-
},
|
|
41544
|
-
"text": {
|
|
41545
|
-
"type": "text",
|
|
41546
|
-
"category": "component",
|
|
41547
|
-
"tier": "atoms",
|
|
41548
|
-
"family": "core",
|
|
41549
|
-
"description": "Alias for typography — Typography Atom Component Text elements following the KFlow design system with theme-aware styling.",
|
|
41550
|
-
"suggestedFor": [
|
|
41551
|
-
"typography"
|
|
41552
|
-
],
|
|
41553
|
-
"typicalSize": "small",
|
|
41554
|
-
"propsSchema": {
|
|
41555
|
-
"variant": {
|
|
41556
|
-
"types": [
|
|
41557
|
-
"string"
|
|
41558
|
-
],
|
|
41559
|
-
"description": "Typography variant",
|
|
41560
|
-
"enumValues": [
|
|
41561
|
-
"h1",
|
|
41562
|
-
"h2",
|
|
41563
|
-
"h3",
|
|
41564
|
-
"h4",
|
|
41565
|
-
"h5",
|
|
41566
|
-
"h6",
|
|
41567
|
-
"heading",
|
|
41568
|
-
"subheading",
|
|
41569
|
-
"body1",
|
|
41570
|
-
"body2",
|
|
41571
|
-
"body",
|
|
41572
|
-
"caption",
|
|
41573
|
-
"overline",
|
|
41574
|
-
"small",
|
|
41575
|
-
"large",
|
|
41576
|
-
"label"
|
|
41577
|
-
],
|
|
41578
|
-
"default": "body"
|
|
41579
|
-
},
|
|
41580
|
-
"level": {
|
|
41581
|
-
"types": [
|
|
41582
|
-
"number"
|
|
41583
|
-
],
|
|
41584
|
-
"description": "Heading level (1-6) - alternative to variant for headings",
|
|
41585
|
-
"numericEnumValues": [
|
|
41586
|
-
1,
|
|
41587
|
-
2,
|
|
41588
|
-
3,
|
|
41589
|
-
4,
|
|
41590
|
-
5,
|
|
41591
|
-
6
|
|
41592
|
-
],
|
|
41593
|
-
"default": 2
|
|
41594
|
-
},
|
|
41595
|
-
"color": {
|
|
41596
|
-
"types": [
|
|
41597
|
-
"string"
|
|
41598
|
-
],
|
|
41599
|
-
"description": "Text color",
|
|
41600
|
-
"enumValues": [
|
|
41601
|
-
"primary",
|
|
41602
|
-
"secondary",
|
|
41603
|
-
"muted",
|
|
41604
|
-
"error",
|
|
41605
|
-
"success",
|
|
41606
|
-
"warning",
|
|
41607
|
-
"inherit"
|
|
41608
|
-
],
|
|
41609
|
-
"default": "primary"
|
|
41610
|
-
},
|
|
41611
|
-
"align": {
|
|
41612
|
-
"types": [
|
|
41613
|
-
"string"
|
|
41614
|
-
],
|
|
41615
|
-
"description": "Text alignment",
|
|
41616
|
-
"enumValues": [
|
|
41617
|
-
"left",
|
|
41618
|
-
"center",
|
|
41619
|
-
"right"
|
|
41620
|
-
]
|
|
41621
|
-
},
|
|
41622
|
-
"weight": {
|
|
41623
|
-
"types": [
|
|
41624
|
-
"string"
|
|
41625
|
-
],
|
|
41626
|
-
"description": "Font weight override",
|
|
41627
|
-
"enumValues": [
|
|
41628
|
-
"light",
|
|
41629
|
-
"normal",
|
|
41630
|
-
"medium",
|
|
41631
|
-
"semibold",
|
|
41632
|
-
"bold"
|
|
41633
|
-
]
|
|
41634
|
-
},
|
|
41635
|
-
"size": {
|
|
41636
|
-
"types": [
|
|
41637
|
-
"string"
|
|
41638
|
-
],
|
|
41639
|
-
"description": "Font size override",
|
|
41640
|
-
"enumValues": [
|
|
41641
|
-
"xs",
|
|
41642
|
-
"sm",
|
|
41643
|
-
"md",
|
|
41644
|
-
"lg",
|
|
41645
|
-
"xl",
|
|
41646
|
-
"2xl",
|
|
41647
|
-
"3xl"
|
|
41648
|
-
]
|
|
41649
|
-
},
|
|
41650
|
-
"truncate": {
|
|
41651
|
-
"types": [
|
|
41652
|
-
"boolean"
|
|
41653
|
-
],
|
|
41654
|
-
"description": "Truncate with ellipsis (single line)",
|
|
41655
|
-
"default": false
|
|
41656
|
-
},
|
|
41657
|
-
"overflow": {
|
|
41658
|
-
"types": [
|
|
41659
|
-
"string"
|
|
41660
|
-
],
|
|
41661
|
-
"description": "Overflow handling mode",
|
|
41662
|
-
"enumValues": [
|
|
41663
|
-
"visible",
|
|
41664
|
-
"hidden",
|
|
41665
|
-
"wrap",
|
|
41666
|
-
"clamp-2",
|
|
41667
|
-
"clamp-3"
|
|
41668
|
-
]
|
|
41669
|
-
},
|
|
41670
|
-
"as": {
|
|
41671
|
-
"types": [
|
|
41672
|
-
"component"
|
|
41673
|
-
],
|
|
41674
|
-
"description": "Custom HTML element"
|
|
41675
|
-
},
|
|
41676
|
-
"id": {
|
|
41677
|
-
"types": [
|
|
41678
|
-
"string"
|
|
41679
|
-
],
|
|
41680
|
-
"description": "HTML id attribute"
|
|
41681
|
-
},
|
|
41682
|
-
"className": {
|
|
41683
|
-
"types": [
|
|
41684
|
-
"string"
|
|
41685
|
-
],
|
|
41686
|
-
"description": "Additional class names"
|
|
41687
|
-
},
|
|
41688
|
-
"style": {
|
|
41689
|
-
"types": [
|
|
41690
|
-
"object"
|
|
41691
|
-
],
|
|
41692
|
-
"description": "Inline style"
|
|
41693
|
-
},
|
|
41694
|
-
"content": {
|
|
41695
|
-
"types": [
|
|
41696
|
-
"node"
|
|
41697
|
-
],
|
|
41698
|
-
"description": "Text content (alternative to children)"
|
|
41699
|
-
},
|
|
41700
|
-
"children": {
|
|
41701
|
-
"types": [
|
|
41702
|
-
"node"
|
|
41703
|
-
],
|
|
41704
|
-
"description": "Children elements"
|
|
41705
|
-
}
|
|
41706
|
-
}
|
|
41707
40973
|
}
|
|
41708
40974
|
},
|
|
41709
40975
|
"categories": [
|