@kenlo/kdls-design-system 2.7.0 → 2.9.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/dist/components/ColorScheme/ColorScheme.test.d.ts +1 -0
- package/dist/components/Header/Header.d.ts +5 -0
- package/dist/components/Select/Select.d.ts +3 -1
- package/dist/components/Table/Table.d.ts +11 -0
- package/dist/components/Table/TableColumnPicker.d.ts +34 -0
- package/dist/components/Table/TableColumnPicker.test.d.ts +1 -0
- package/dist/components/Table/index.d.ts +1 -0
- package/dist/index.cjs +3 -3
- package/dist/index.css +1 -1
- package/dist/index.js +2821 -2654
- package/foundations/tokens.css +1246 -158
- package/kdls-manifest.json +804 -14
- package/package.json +1 -1
package/kdls-manifest.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"package": {
|
|
3
3
|
"name": "@kenlo/kdls-design-system",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.9.0"
|
|
5
5
|
},
|
|
6
6
|
"install": {
|
|
7
7
|
"add": "npm install @kenlo/kdls-design-system",
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
"note": "Use the Tailwind preset OR styles.css, never both — same class names."
|
|
13
13
|
},
|
|
14
14
|
"counts": {
|
|
15
|
-
"components":
|
|
16
|
-
"propsTables":
|
|
17
|
-
"props":
|
|
18
|
-
"tokens":
|
|
15
|
+
"components": 58,
|
|
16
|
+
"propsTables": 83,
|
|
17
|
+
"props": 710,
|
|
18
|
+
"tokens": 546
|
|
19
19
|
},
|
|
20
20
|
"components": [
|
|
21
21
|
{
|
|
@@ -4979,6 +4979,13 @@
|
|
|
4979
4979
|
"description": "Disparado ao marcar ou desmarcar linhas (inclusive \"selecionar todos\") — obrigatório para a seleção funcionar, o componente não gerencia esse estado sozinho",
|
|
4980
4980
|
"example": "onSelectionChange={ids => setSelectedIds(ids)}"
|
|
4981
4981
|
},
|
|
4982
|
+
{
|
|
4983
|
+
"name": "sortIndicator",
|
|
4984
|
+
"type": "'always'|'hover'",
|
|
4985
|
+
"default": "'always'",
|
|
4986
|
+
"description": "\"always\" desenha o par de setas em todo cabeçalho ordenável, com a direção ativa em azul. \"hover\" deixa limpos os cabeçalhos sem ordem — o par aparece só no hover e no foco, no mesmo espaço — e dá à coluna ordenada uma única seta cheia em azul. Sem efeito no modo mobile, onde a ordenação vira os selects",
|
|
4987
|
+
"example": "sortIndicator=\"always\""
|
|
4988
|
+
},
|
|
4982
4989
|
{
|
|
4983
4990
|
"name": "sort",
|
|
4984
4991
|
"type": "TableSort | null",
|
|
@@ -5021,6 +5028,13 @@
|
|
|
5021
5028
|
"description": "Configuração de paginação — repassada direto para o componente Pagination, renderizado abaixo da lista",
|
|
5022
5029
|
"example": "pagination={{ currentPage, totalItems: 48, onChange: (p) => setCurrentPage(p) }}"
|
|
5023
5030
|
},
|
|
5031
|
+
{
|
|
5032
|
+
"name": "loading",
|
|
5033
|
+
"type": "boolean",
|
|
5034
|
+
"default": "false",
|
|
5035
|
+
"description": "Mantém as linhas atuais na tela, esmaecidas, enquanto as novas carregam (ex.: a nova ordem vinda do backend) e marca a tabela com aria-busy. As linhas continuam clicáveis. Na primeira carga, sem linhas, use Skeleton",
|
|
5036
|
+
"example": "loading"
|
|
5037
|
+
},
|
|
5024
5038
|
{
|
|
5025
5039
|
"name": "className",
|
|
5026
5040
|
"type": "string",
|
|
@@ -5132,6 +5146,120 @@
|
|
|
5132
5146
|
],
|
|
5133
5147
|
"subComponents": []
|
|
5134
5148
|
},
|
|
5149
|
+
{
|
|
5150
|
+
"name": "TableColumnPicker",
|
|
5151
|
+
"kind": "value",
|
|
5152
|
+
"import": "import { TableColumnPicker } from '@kenlo/kdls-design-system'",
|
|
5153
|
+
"props": [
|
|
5154
|
+
{
|
|
5155
|
+
"name": "label",
|
|
5156
|
+
"type": "string",
|
|
5157
|
+
"default": "'Colunas'",
|
|
5158
|
+
"description": "Texto do gatilho (Pill com ícone de colunas) e título do painel",
|
|
5159
|
+
"example": "label=\"Colunas\""
|
|
5160
|
+
},
|
|
5161
|
+
{
|
|
5162
|
+
"name": "groups",
|
|
5163
|
+
"type": "TableColumnPickerGroup[]",
|
|
5164
|
+
"default": "—",
|
|
5165
|
+
"required": true,
|
|
5166
|
+
"description": "Colunas que a pessoa pode escolher, em grupos — ver tabela TableColumnPickerGroup abaixo. Uma coluna por linha; os grupos ficam separados",
|
|
5167
|
+
"example": "groups={[{ title: 'Localização', columns: [{ key: 'bairro', label: 'Bairro' }] }]}"
|
|
5168
|
+
},
|
|
5169
|
+
{
|
|
5170
|
+
"name": "value",
|
|
5171
|
+
"type": "string[]",
|
|
5172
|
+
"default": "—",
|
|
5173
|
+
"required": true,
|
|
5174
|
+
"description": "Chaves das colunas visíveis — modo controlado: filtre o columns da Table com este mesmo valor",
|
|
5175
|
+
"example": "value={['nome', 'status']}"
|
|
5176
|
+
},
|
|
5177
|
+
{
|
|
5178
|
+
"name": "onChange",
|
|
5179
|
+
"type": "(value: string[]) => void",
|
|
5180
|
+
"default": "—",
|
|
5181
|
+
"required": true,
|
|
5182
|
+
"description": "Disparado a cada coluna marcada ou desmarcada, com as chaves na ordem dos grupos (chaves que nenhum grupo lista ficam no fim). Obrigatório: o componente é controlado e não guarda a escolha sozinho",
|
|
5183
|
+
"example": "onChange={keys => setColunasVisiveis(keys)}"
|
|
5184
|
+
},
|
|
5185
|
+
{
|
|
5186
|
+
"name": "onReset",
|
|
5187
|
+
"type": "() => void",
|
|
5188
|
+
"default": "—",
|
|
5189
|
+
"description": "Mostra o link \"Restaurar padrão\" no pé do painel e é chamado no clique — devolva ao value as colunas padrão",
|
|
5190
|
+
"example": "onReset={() => setColunasVisiveis(COLUNAS_PADRAO)}"
|
|
5191
|
+
},
|
|
5192
|
+
{
|
|
5193
|
+
"name": "className",
|
|
5194
|
+
"type": "string",
|
|
5195
|
+
"default": "—",
|
|
5196
|
+
"description": "Classe CSS adicional aplicada ao gatilho",
|
|
5197
|
+
"example": "className=\"toolbar-colunas\""
|
|
5198
|
+
}
|
|
5199
|
+
],
|
|
5200
|
+
"subComponents": []
|
|
5201
|
+
},
|
|
5202
|
+
{
|
|
5203
|
+
"name": "TableColumnPickerGroup",
|
|
5204
|
+
"kind": "type",
|
|
5205
|
+
"import": "import type { TableColumnPickerGroup } from '@kenlo/kdls-design-system'",
|
|
5206
|
+
"props": [
|
|
5207
|
+
{
|
|
5208
|
+
"name": "title",
|
|
5209
|
+
"type": "string",
|
|
5210
|
+
"default": "—",
|
|
5211
|
+
"description": "Título do grupo — omitido, as colunas ficam numa lista simples, sem título",
|
|
5212
|
+
"example": "title: 'Localização'"
|
|
5213
|
+
},
|
|
5214
|
+
{
|
|
5215
|
+
"name": "columns",
|
|
5216
|
+
"type": "TableColumnPickerOption[]",
|
|
5217
|
+
"default": "—",
|
|
5218
|
+
"required": true,
|
|
5219
|
+
"description": "Colunas do grupo, na ordem em que aparecem — ver tabela TableColumnPickerOption abaixo",
|
|
5220
|
+
"example": "columns: [{ key: 'bairro', label: 'Bairro' }]"
|
|
5221
|
+
}
|
|
5222
|
+
],
|
|
5223
|
+
"subComponents": []
|
|
5224
|
+
},
|
|
5225
|
+
{
|
|
5226
|
+
"name": "TableColumnPickerOption",
|
|
5227
|
+
"kind": "type",
|
|
5228
|
+
"import": "import type { TableColumnPickerOption } from '@kenlo/kdls-design-system'",
|
|
5229
|
+
"props": [
|
|
5230
|
+
{
|
|
5231
|
+
"name": "key",
|
|
5232
|
+
"type": "string",
|
|
5233
|
+
"default": "—",
|
|
5234
|
+
"required": true,
|
|
5235
|
+
"description": "Chave da coluna — a mesma key que ela tem no columns da Table",
|
|
5236
|
+
"example": "key: 'bairro'"
|
|
5237
|
+
},
|
|
5238
|
+
{
|
|
5239
|
+
"name": "label",
|
|
5240
|
+
"type": "string",
|
|
5241
|
+
"default": "—",
|
|
5242
|
+
"required": true,
|
|
5243
|
+
"description": "Texto ao lado do checkbox",
|
|
5244
|
+
"example": "label: 'Bairro'"
|
|
5245
|
+
},
|
|
5246
|
+
{
|
|
5247
|
+
"name": "hint",
|
|
5248
|
+
"type": "string",
|
|
5249
|
+
"default": "—",
|
|
5250
|
+
"description": "Texto de apoio abaixo do label — use para dizer por que a coluna está desabilitada",
|
|
5251
|
+
"example": "hint: 'Sem dado nesta base'"
|
|
5252
|
+
},
|
|
5253
|
+
{
|
|
5254
|
+
"name": "disabled",
|
|
5255
|
+
"type": "boolean",
|
|
5256
|
+
"default": "false",
|
|
5257
|
+
"description": "Mantém a coluna na lista, mas sem poder marcar — diga o motivo em hint, para ninguém procurar por ela",
|
|
5258
|
+
"example": "disabled: true"
|
|
5259
|
+
}
|
|
5260
|
+
],
|
|
5261
|
+
"subComponents": []
|
|
5262
|
+
},
|
|
5135
5263
|
{
|
|
5136
5264
|
"name": "TableHeader",
|
|
5137
5265
|
"kind": "value",
|
|
@@ -6196,10 +6324,662 @@
|
|
|
6196
6324
|
"name": "--color-neutral-90-00",
|
|
6197
6325
|
"value": "#1a1a1a"
|
|
6198
6326
|
},
|
|
6327
|
+
{
|
|
6328
|
+
"name": "--color-on-alert-10",
|
|
6329
|
+
"value": "var(--color-black)"
|
|
6330
|
+
},
|
|
6331
|
+
{
|
|
6332
|
+
"name": "--color-on-alert-20",
|
|
6333
|
+
"value": "var(--color-black)"
|
|
6334
|
+
},
|
|
6335
|
+
{
|
|
6336
|
+
"name": "--color-on-alert-30",
|
|
6337
|
+
"value": "var(--color-black)"
|
|
6338
|
+
},
|
|
6339
|
+
{
|
|
6340
|
+
"name": "--color-on-alert-40",
|
|
6341
|
+
"value": "var(--color-black)"
|
|
6342
|
+
},
|
|
6343
|
+
{
|
|
6344
|
+
"name": "--color-on-alert-50",
|
|
6345
|
+
"value": "var(--color-black)"
|
|
6346
|
+
},
|
|
6347
|
+
{
|
|
6348
|
+
"name": "--color-on-alert-60",
|
|
6349
|
+
"value": "var(--color-black)"
|
|
6350
|
+
},
|
|
6351
|
+
{
|
|
6352
|
+
"name": "--color-on-alert-70",
|
|
6353
|
+
"value": "var(--color-white)"
|
|
6354
|
+
},
|
|
6355
|
+
{
|
|
6356
|
+
"name": "--color-on-alert-80",
|
|
6357
|
+
"value": "var(--color-white)"
|
|
6358
|
+
},
|
|
6359
|
+
{
|
|
6360
|
+
"name": "--color-on-alert-90",
|
|
6361
|
+
"value": "var(--color-white)"
|
|
6362
|
+
},
|
|
6363
|
+
{
|
|
6364
|
+
"name": "--color-on-clay-10",
|
|
6365
|
+
"value": "var(--color-black)"
|
|
6366
|
+
},
|
|
6367
|
+
{
|
|
6368
|
+
"name": "--color-on-clay-20",
|
|
6369
|
+
"value": "var(--color-black)"
|
|
6370
|
+
},
|
|
6371
|
+
{
|
|
6372
|
+
"name": "--color-on-clay-30",
|
|
6373
|
+
"value": "var(--color-black)"
|
|
6374
|
+
},
|
|
6375
|
+
{
|
|
6376
|
+
"name": "--color-on-clay-40",
|
|
6377
|
+
"value": "var(--color-black)"
|
|
6378
|
+
},
|
|
6379
|
+
{
|
|
6380
|
+
"name": "--color-on-clay-50",
|
|
6381
|
+
"value": "var(--color-white)"
|
|
6382
|
+
},
|
|
6383
|
+
{
|
|
6384
|
+
"name": "--color-on-clay-60",
|
|
6385
|
+
"value": "var(--color-white)"
|
|
6386
|
+
},
|
|
6387
|
+
{
|
|
6388
|
+
"name": "--color-on-clay-70",
|
|
6389
|
+
"value": "var(--color-white)"
|
|
6390
|
+
},
|
|
6391
|
+
{
|
|
6392
|
+
"name": "--color-on-clay-80",
|
|
6393
|
+
"value": "var(--color-white)"
|
|
6394
|
+
},
|
|
6395
|
+
{
|
|
6396
|
+
"name": "--color-on-clay-90",
|
|
6397
|
+
"value": "var(--color-white)"
|
|
6398
|
+
},
|
|
6399
|
+
{
|
|
6400
|
+
"name": "--color-on-dusk-10",
|
|
6401
|
+
"value": "var(--color-black)"
|
|
6402
|
+
},
|
|
6403
|
+
{
|
|
6404
|
+
"name": "--color-on-dusk-20",
|
|
6405
|
+
"value": "var(--color-black)"
|
|
6406
|
+
},
|
|
6407
|
+
{
|
|
6408
|
+
"name": "--color-on-dusk-30",
|
|
6409
|
+
"value": "var(--color-black)"
|
|
6410
|
+
},
|
|
6411
|
+
{
|
|
6412
|
+
"name": "--color-on-dusk-40",
|
|
6413
|
+
"value": "var(--color-black)"
|
|
6414
|
+
},
|
|
6415
|
+
{
|
|
6416
|
+
"name": "--color-on-dusk-50",
|
|
6417
|
+
"value": "var(--color-white)"
|
|
6418
|
+
},
|
|
6419
|
+
{
|
|
6420
|
+
"name": "--color-on-dusk-60",
|
|
6421
|
+
"value": "var(--color-white)"
|
|
6422
|
+
},
|
|
6423
|
+
{
|
|
6424
|
+
"name": "--color-on-dusk-70",
|
|
6425
|
+
"value": "var(--color-white)"
|
|
6426
|
+
},
|
|
6427
|
+
{
|
|
6428
|
+
"name": "--color-on-dusk-80",
|
|
6429
|
+
"value": "var(--color-white)"
|
|
6430
|
+
},
|
|
6431
|
+
{
|
|
6432
|
+
"name": "--color-on-dusk-90",
|
|
6433
|
+
"value": "var(--color-white)"
|
|
6434
|
+
},
|
|
6435
|
+
{
|
|
6436
|
+
"name": "--color-on-error-10",
|
|
6437
|
+
"value": "var(--color-black)"
|
|
6438
|
+
},
|
|
6439
|
+
{
|
|
6440
|
+
"name": "--color-on-error-20",
|
|
6441
|
+
"value": "var(--color-black)"
|
|
6442
|
+
},
|
|
6443
|
+
{
|
|
6444
|
+
"name": "--color-on-error-30",
|
|
6445
|
+
"value": "var(--color-black)"
|
|
6446
|
+
},
|
|
6447
|
+
{
|
|
6448
|
+
"name": "--color-on-error-40",
|
|
6449
|
+
"value": "var(--color-black)"
|
|
6450
|
+
},
|
|
6451
|
+
{
|
|
6452
|
+
"name": "--color-on-error-50",
|
|
6453
|
+
"value": "var(--color-black)"
|
|
6454
|
+
},
|
|
6455
|
+
{
|
|
6456
|
+
"name": "--color-on-error-60",
|
|
6457
|
+
"value": "var(--color-white)"
|
|
6458
|
+
},
|
|
6459
|
+
{
|
|
6460
|
+
"name": "--color-on-error-70",
|
|
6461
|
+
"value": "var(--color-white)"
|
|
6462
|
+
},
|
|
6463
|
+
{
|
|
6464
|
+
"name": "--color-on-error-80",
|
|
6465
|
+
"value": "var(--color-white)"
|
|
6466
|
+
},
|
|
6467
|
+
{
|
|
6468
|
+
"name": "--color-on-error-90",
|
|
6469
|
+
"value": "var(--color-white)"
|
|
6470
|
+
},
|
|
6471
|
+
{
|
|
6472
|
+
"name": "--color-on-flower-10",
|
|
6473
|
+
"value": "var(--color-black)"
|
|
6474
|
+
},
|
|
6475
|
+
{
|
|
6476
|
+
"name": "--color-on-flower-20",
|
|
6477
|
+
"value": "var(--color-black)"
|
|
6478
|
+
},
|
|
6479
|
+
{
|
|
6480
|
+
"name": "--color-on-flower-30",
|
|
6481
|
+
"value": "var(--color-black)"
|
|
6482
|
+
},
|
|
6483
|
+
{
|
|
6484
|
+
"name": "--color-on-flower-40",
|
|
6485
|
+
"value": "var(--color-black)"
|
|
6486
|
+
},
|
|
6487
|
+
{
|
|
6488
|
+
"name": "--color-on-flower-50",
|
|
6489
|
+
"value": "var(--color-black)"
|
|
6490
|
+
},
|
|
6491
|
+
{
|
|
6492
|
+
"name": "--color-on-flower-60",
|
|
6493
|
+
"value": "var(--color-white)"
|
|
6494
|
+
},
|
|
6495
|
+
{
|
|
6496
|
+
"name": "--color-on-flower-70",
|
|
6497
|
+
"value": "var(--color-white)"
|
|
6498
|
+
},
|
|
6499
|
+
{
|
|
6500
|
+
"name": "--color-on-flower-80",
|
|
6501
|
+
"value": "var(--color-white)"
|
|
6502
|
+
},
|
|
6503
|
+
{
|
|
6504
|
+
"name": "--color-on-flower-90",
|
|
6505
|
+
"value": "var(--color-white)"
|
|
6506
|
+
},
|
|
6507
|
+
{
|
|
6508
|
+
"name": "--color-on-kenlo-blue-10",
|
|
6509
|
+
"value": "var(--color-black)"
|
|
6510
|
+
},
|
|
6511
|
+
{
|
|
6512
|
+
"name": "--color-on-kenlo-blue-20",
|
|
6513
|
+
"value": "var(--color-black)"
|
|
6514
|
+
},
|
|
6515
|
+
{
|
|
6516
|
+
"name": "--color-on-kenlo-blue-30",
|
|
6517
|
+
"value": "var(--color-black)"
|
|
6518
|
+
},
|
|
6519
|
+
{
|
|
6520
|
+
"name": "--color-on-kenlo-blue-40",
|
|
6521
|
+
"value": "var(--color-black)"
|
|
6522
|
+
},
|
|
6523
|
+
{
|
|
6524
|
+
"name": "--color-on-kenlo-blue-50",
|
|
6525
|
+
"value": "var(--color-black)"
|
|
6526
|
+
},
|
|
6527
|
+
{
|
|
6528
|
+
"name": "--color-on-kenlo-blue-60",
|
|
6529
|
+
"value": "var(--color-white)"
|
|
6530
|
+
},
|
|
6531
|
+
{
|
|
6532
|
+
"name": "--color-on-kenlo-blue-70",
|
|
6533
|
+
"value": "var(--color-white)"
|
|
6534
|
+
},
|
|
6535
|
+
{
|
|
6536
|
+
"name": "--color-on-kenlo-blue-80",
|
|
6537
|
+
"value": "var(--color-white)"
|
|
6538
|
+
},
|
|
6539
|
+
{
|
|
6540
|
+
"name": "--color-on-kenlo-blue-90",
|
|
6541
|
+
"value": "var(--color-white)"
|
|
6542
|
+
},
|
|
6543
|
+
{
|
|
6544
|
+
"name": "--color-on-lake-10",
|
|
6545
|
+
"value": "var(--color-black)"
|
|
6546
|
+
},
|
|
6547
|
+
{
|
|
6548
|
+
"name": "--color-on-lake-20",
|
|
6549
|
+
"value": "var(--color-black)"
|
|
6550
|
+
},
|
|
6551
|
+
{
|
|
6552
|
+
"name": "--color-on-lake-30",
|
|
6553
|
+
"value": "var(--color-black)"
|
|
6554
|
+
},
|
|
6555
|
+
{
|
|
6556
|
+
"name": "--color-on-lake-40",
|
|
6557
|
+
"value": "var(--color-black)"
|
|
6558
|
+
},
|
|
6559
|
+
{
|
|
6560
|
+
"name": "--color-on-lake-50",
|
|
6561
|
+
"value": "var(--color-black)"
|
|
6562
|
+
},
|
|
6563
|
+
{
|
|
6564
|
+
"name": "--color-on-lake-60",
|
|
6565
|
+
"value": "var(--color-black)"
|
|
6566
|
+
},
|
|
6567
|
+
{
|
|
6568
|
+
"name": "--color-on-lake-70",
|
|
6569
|
+
"value": "var(--color-white)"
|
|
6570
|
+
},
|
|
6571
|
+
{
|
|
6572
|
+
"name": "--color-on-lake-80",
|
|
6573
|
+
"value": "var(--color-white)"
|
|
6574
|
+
},
|
|
6575
|
+
{
|
|
6576
|
+
"name": "--color-on-lake-90",
|
|
6577
|
+
"value": "var(--color-white)"
|
|
6578
|
+
},
|
|
6579
|
+
{
|
|
6580
|
+
"name": "--color-on-leaf-10",
|
|
6581
|
+
"value": "var(--color-black)"
|
|
6582
|
+
},
|
|
6583
|
+
{
|
|
6584
|
+
"name": "--color-on-leaf-20",
|
|
6585
|
+
"value": "var(--color-black)"
|
|
6586
|
+
},
|
|
6587
|
+
{
|
|
6588
|
+
"name": "--color-on-leaf-30",
|
|
6589
|
+
"value": "var(--color-black)"
|
|
6590
|
+
},
|
|
6591
|
+
{
|
|
6592
|
+
"name": "--color-on-leaf-40",
|
|
6593
|
+
"value": "var(--color-black)"
|
|
6594
|
+
},
|
|
6595
|
+
{
|
|
6596
|
+
"name": "--color-on-leaf-50",
|
|
6597
|
+
"value": "var(--color-black)"
|
|
6598
|
+
},
|
|
6599
|
+
{
|
|
6600
|
+
"name": "--color-on-leaf-60",
|
|
6601
|
+
"value": "var(--color-black)"
|
|
6602
|
+
},
|
|
6603
|
+
{
|
|
6604
|
+
"name": "--color-on-leaf-70",
|
|
6605
|
+
"value": "var(--color-white)"
|
|
6606
|
+
},
|
|
6607
|
+
{
|
|
6608
|
+
"name": "--color-on-leaf-80",
|
|
6609
|
+
"value": "var(--color-white)"
|
|
6610
|
+
},
|
|
6611
|
+
{
|
|
6612
|
+
"name": "--color-on-leaf-90",
|
|
6613
|
+
"value": "var(--color-white)"
|
|
6614
|
+
},
|
|
6615
|
+
{
|
|
6616
|
+
"name": "--color-on-lya-10",
|
|
6617
|
+
"value": "var(--color-black)"
|
|
6618
|
+
},
|
|
6619
|
+
{
|
|
6620
|
+
"name": "--color-on-lya-20",
|
|
6621
|
+
"value": "var(--color-black)"
|
|
6622
|
+
},
|
|
6623
|
+
{
|
|
6624
|
+
"name": "--color-on-lya-30",
|
|
6625
|
+
"value": "var(--color-black)"
|
|
6626
|
+
},
|
|
6627
|
+
{
|
|
6628
|
+
"name": "--color-on-lya-40",
|
|
6629
|
+
"value": "var(--color-black)"
|
|
6630
|
+
},
|
|
6631
|
+
{
|
|
6632
|
+
"name": "--color-on-lya-50",
|
|
6633
|
+
"value": "var(--color-white)"
|
|
6634
|
+
},
|
|
6635
|
+
{
|
|
6636
|
+
"name": "--color-on-lya-60",
|
|
6637
|
+
"value": "var(--color-white)"
|
|
6638
|
+
},
|
|
6639
|
+
{
|
|
6640
|
+
"name": "--color-on-lya-70",
|
|
6641
|
+
"value": "var(--color-white)"
|
|
6642
|
+
},
|
|
6643
|
+
{
|
|
6644
|
+
"name": "--color-on-lya-80",
|
|
6645
|
+
"value": "var(--color-white)"
|
|
6646
|
+
},
|
|
6647
|
+
{
|
|
6648
|
+
"name": "--color-on-lya-90",
|
|
6649
|
+
"value": "var(--color-white)"
|
|
6650
|
+
},
|
|
6651
|
+
{
|
|
6652
|
+
"name": "--color-on-neutral-00",
|
|
6653
|
+
"value": "var(--color-black)"
|
|
6654
|
+
},
|
|
6655
|
+
{
|
|
6656
|
+
"name": "--color-on-neutral-10",
|
|
6657
|
+
"value": "var(--color-black)"
|
|
6658
|
+
},
|
|
6659
|
+
{
|
|
6660
|
+
"name": "--color-on-neutral-20",
|
|
6661
|
+
"value": "var(--color-black)"
|
|
6662
|
+
},
|
|
6663
|
+
{
|
|
6664
|
+
"name": "--color-on-neutral-30",
|
|
6665
|
+
"value": "var(--color-black)"
|
|
6666
|
+
},
|
|
6667
|
+
{
|
|
6668
|
+
"name": "--color-on-neutral-40",
|
|
6669
|
+
"value": "var(--color-black)"
|
|
6670
|
+
},
|
|
6671
|
+
{
|
|
6672
|
+
"name": "--color-on-neutral-50",
|
|
6673
|
+
"value": "var(--color-black)"
|
|
6674
|
+
},
|
|
6675
|
+
{
|
|
6676
|
+
"name": "--color-on-neutral-60",
|
|
6677
|
+
"value": "var(--color-white)"
|
|
6678
|
+
},
|
|
6679
|
+
{
|
|
6680
|
+
"name": "--color-on-neutral-70",
|
|
6681
|
+
"value": "var(--color-white)"
|
|
6682
|
+
},
|
|
6683
|
+
{
|
|
6684
|
+
"name": "--color-on-neutral-80",
|
|
6685
|
+
"value": "var(--color-white)"
|
|
6686
|
+
},
|
|
6687
|
+
{
|
|
6688
|
+
"name": "--color-on-neutral-90",
|
|
6689
|
+
"value": "var(--color-white)"
|
|
6690
|
+
},
|
|
6199
6691
|
{
|
|
6200
6692
|
"name": "--color-on-primary",
|
|
6201
6693
|
"value": "var(--color-white)"
|
|
6202
6694
|
},
|
|
6695
|
+
{
|
|
6696
|
+
"name": "--color-on-primary-10",
|
|
6697
|
+
"value": "var(--color-black)"
|
|
6698
|
+
},
|
|
6699
|
+
{
|
|
6700
|
+
"name": "--color-on-primary-20",
|
|
6701
|
+
"value": "var(--color-black)"
|
|
6702
|
+
},
|
|
6703
|
+
{
|
|
6704
|
+
"name": "--color-on-primary-30",
|
|
6705
|
+
"value": "var(--color-black)"
|
|
6706
|
+
},
|
|
6707
|
+
{
|
|
6708
|
+
"name": "--color-on-primary-40",
|
|
6709
|
+
"value": "var(--color-black)"
|
|
6710
|
+
},
|
|
6711
|
+
{
|
|
6712
|
+
"name": "--color-on-primary-50",
|
|
6713
|
+
"value": "var(--color-black)"
|
|
6714
|
+
},
|
|
6715
|
+
{
|
|
6716
|
+
"name": "--color-on-primary-60",
|
|
6717
|
+
"value": "var(--color-white)"
|
|
6718
|
+
},
|
|
6719
|
+
{
|
|
6720
|
+
"name": "--color-on-primary-70",
|
|
6721
|
+
"value": "var(--color-white)"
|
|
6722
|
+
},
|
|
6723
|
+
{
|
|
6724
|
+
"name": "--color-on-primary-80",
|
|
6725
|
+
"value": "var(--color-white)"
|
|
6726
|
+
},
|
|
6727
|
+
{
|
|
6728
|
+
"name": "--color-on-primary-90",
|
|
6729
|
+
"value": "var(--color-white)"
|
|
6730
|
+
},
|
|
6731
|
+
{
|
|
6732
|
+
"name": "--color-on-sand-10",
|
|
6733
|
+
"value": "var(--color-black)"
|
|
6734
|
+
},
|
|
6735
|
+
{
|
|
6736
|
+
"name": "--color-on-sand-20",
|
|
6737
|
+
"value": "var(--color-black)"
|
|
6738
|
+
},
|
|
6739
|
+
{
|
|
6740
|
+
"name": "--color-on-sand-30",
|
|
6741
|
+
"value": "var(--color-black)"
|
|
6742
|
+
},
|
|
6743
|
+
{
|
|
6744
|
+
"name": "--color-on-sand-40",
|
|
6745
|
+
"value": "var(--color-black)"
|
|
6746
|
+
},
|
|
6747
|
+
{
|
|
6748
|
+
"name": "--color-on-sand-50",
|
|
6749
|
+
"value": "var(--color-black)"
|
|
6750
|
+
},
|
|
6751
|
+
{
|
|
6752
|
+
"name": "--color-on-sand-60",
|
|
6753
|
+
"value": "var(--color-black)"
|
|
6754
|
+
},
|
|
6755
|
+
{
|
|
6756
|
+
"name": "--color-on-sand-70",
|
|
6757
|
+
"value": "var(--color-white)"
|
|
6758
|
+
},
|
|
6759
|
+
{
|
|
6760
|
+
"name": "--color-on-sand-80",
|
|
6761
|
+
"value": "var(--color-white)"
|
|
6762
|
+
},
|
|
6763
|
+
{
|
|
6764
|
+
"name": "--color-on-sand-90",
|
|
6765
|
+
"value": "var(--color-white)"
|
|
6766
|
+
},
|
|
6767
|
+
{
|
|
6768
|
+
"name": "--color-on-sea-10",
|
|
6769
|
+
"value": "var(--color-black)"
|
|
6770
|
+
},
|
|
6771
|
+
{
|
|
6772
|
+
"name": "--color-on-sea-20",
|
|
6773
|
+
"value": "var(--color-black)"
|
|
6774
|
+
},
|
|
6775
|
+
{
|
|
6776
|
+
"name": "--color-on-sea-30",
|
|
6777
|
+
"value": "var(--color-black)"
|
|
6778
|
+
},
|
|
6779
|
+
{
|
|
6780
|
+
"name": "--color-on-sea-40",
|
|
6781
|
+
"value": "var(--color-black)"
|
|
6782
|
+
},
|
|
6783
|
+
{
|
|
6784
|
+
"name": "--color-on-sea-50",
|
|
6785
|
+
"value": "var(--color-black)"
|
|
6786
|
+
},
|
|
6787
|
+
{
|
|
6788
|
+
"name": "--color-on-sea-60",
|
|
6789
|
+
"value": "var(--color-white)"
|
|
6790
|
+
},
|
|
6791
|
+
{
|
|
6792
|
+
"name": "--color-on-sea-70",
|
|
6793
|
+
"value": "var(--color-white)"
|
|
6794
|
+
},
|
|
6795
|
+
{
|
|
6796
|
+
"name": "--color-on-sea-80",
|
|
6797
|
+
"value": "var(--color-white)"
|
|
6798
|
+
},
|
|
6799
|
+
{
|
|
6800
|
+
"name": "--color-on-sea-90",
|
|
6801
|
+
"value": "var(--color-white)"
|
|
6802
|
+
},
|
|
6803
|
+
{
|
|
6804
|
+
"name": "--color-on-secondary-10",
|
|
6805
|
+
"value": "var(--color-black)"
|
|
6806
|
+
},
|
|
6807
|
+
{
|
|
6808
|
+
"name": "--color-on-secondary-20",
|
|
6809
|
+
"value": "var(--color-black)"
|
|
6810
|
+
},
|
|
6811
|
+
{
|
|
6812
|
+
"name": "--color-on-secondary-30",
|
|
6813
|
+
"value": "var(--color-black)"
|
|
6814
|
+
},
|
|
6815
|
+
{
|
|
6816
|
+
"name": "--color-on-secondary-40",
|
|
6817
|
+
"value": "var(--color-black)"
|
|
6818
|
+
},
|
|
6819
|
+
{
|
|
6820
|
+
"name": "--color-on-secondary-50",
|
|
6821
|
+
"value": "var(--color-black)"
|
|
6822
|
+
},
|
|
6823
|
+
{
|
|
6824
|
+
"name": "--color-on-secondary-60",
|
|
6825
|
+
"value": "var(--color-white)"
|
|
6826
|
+
},
|
|
6827
|
+
{
|
|
6828
|
+
"name": "--color-on-secondary-70",
|
|
6829
|
+
"value": "var(--color-white)"
|
|
6830
|
+
},
|
|
6831
|
+
{
|
|
6832
|
+
"name": "--color-on-secondary-80",
|
|
6833
|
+
"value": "var(--color-white)"
|
|
6834
|
+
},
|
|
6835
|
+
{
|
|
6836
|
+
"name": "--color-on-secondary-90",
|
|
6837
|
+
"value": "var(--color-white)"
|
|
6838
|
+
},
|
|
6839
|
+
{
|
|
6840
|
+
"name": "--color-on-sky-10",
|
|
6841
|
+
"value": "var(--color-black)"
|
|
6842
|
+
},
|
|
6843
|
+
{
|
|
6844
|
+
"name": "--color-on-sky-20",
|
|
6845
|
+
"value": "var(--color-black)"
|
|
6846
|
+
},
|
|
6847
|
+
{
|
|
6848
|
+
"name": "--color-on-sky-30",
|
|
6849
|
+
"value": "var(--color-black)"
|
|
6850
|
+
},
|
|
6851
|
+
{
|
|
6852
|
+
"name": "--color-on-sky-40",
|
|
6853
|
+
"value": "var(--color-black)"
|
|
6854
|
+
},
|
|
6855
|
+
{
|
|
6856
|
+
"name": "--color-on-sky-50",
|
|
6857
|
+
"value": "var(--color-white)"
|
|
6858
|
+
},
|
|
6859
|
+
{
|
|
6860
|
+
"name": "--color-on-sky-60",
|
|
6861
|
+
"value": "var(--color-white)"
|
|
6862
|
+
},
|
|
6863
|
+
{
|
|
6864
|
+
"name": "--color-on-sky-70",
|
|
6865
|
+
"value": "var(--color-white)"
|
|
6866
|
+
},
|
|
6867
|
+
{
|
|
6868
|
+
"name": "--color-on-sky-80",
|
|
6869
|
+
"value": "var(--color-white)"
|
|
6870
|
+
},
|
|
6871
|
+
{
|
|
6872
|
+
"name": "--color-on-sky-90",
|
|
6873
|
+
"value": "var(--color-white)"
|
|
6874
|
+
},
|
|
6875
|
+
{
|
|
6876
|
+
"name": "--color-on-success-10",
|
|
6877
|
+
"value": "var(--color-black)"
|
|
6878
|
+
},
|
|
6879
|
+
{
|
|
6880
|
+
"name": "--color-on-success-20",
|
|
6881
|
+
"value": "var(--color-black)"
|
|
6882
|
+
},
|
|
6883
|
+
{
|
|
6884
|
+
"name": "--color-on-success-30",
|
|
6885
|
+
"value": "var(--color-black)"
|
|
6886
|
+
},
|
|
6887
|
+
{
|
|
6888
|
+
"name": "--color-on-success-40",
|
|
6889
|
+
"value": "var(--color-black)"
|
|
6890
|
+
},
|
|
6891
|
+
{
|
|
6892
|
+
"name": "--color-on-success-50",
|
|
6893
|
+
"value": "var(--color-black)"
|
|
6894
|
+
},
|
|
6895
|
+
{
|
|
6896
|
+
"name": "--color-on-success-60",
|
|
6897
|
+
"value": "var(--color-black)"
|
|
6898
|
+
},
|
|
6899
|
+
{
|
|
6900
|
+
"name": "--color-on-success-70",
|
|
6901
|
+
"value": "var(--color-white)"
|
|
6902
|
+
},
|
|
6903
|
+
{
|
|
6904
|
+
"name": "--color-on-success-80",
|
|
6905
|
+
"value": "var(--color-white)"
|
|
6906
|
+
},
|
|
6907
|
+
{
|
|
6908
|
+
"name": "--color-on-success-90",
|
|
6909
|
+
"value": "var(--color-white)"
|
|
6910
|
+
},
|
|
6911
|
+
{
|
|
6912
|
+
"name": "--color-on-tertiary-10",
|
|
6913
|
+
"value": "var(--color-black)"
|
|
6914
|
+
},
|
|
6915
|
+
{
|
|
6916
|
+
"name": "--color-on-tertiary-20",
|
|
6917
|
+
"value": "var(--color-black)"
|
|
6918
|
+
},
|
|
6919
|
+
{
|
|
6920
|
+
"name": "--color-on-tertiary-30",
|
|
6921
|
+
"value": "var(--color-black)"
|
|
6922
|
+
},
|
|
6923
|
+
{
|
|
6924
|
+
"name": "--color-on-tertiary-40",
|
|
6925
|
+
"value": "var(--color-black)"
|
|
6926
|
+
},
|
|
6927
|
+
{
|
|
6928
|
+
"name": "--color-on-tertiary-50",
|
|
6929
|
+
"value": "var(--color-white)"
|
|
6930
|
+
},
|
|
6931
|
+
{
|
|
6932
|
+
"name": "--color-on-tertiary-60",
|
|
6933
|
+
"value": "var(--color-white)"
|
|
6934
|
+
},
|
|
6935
|
+
{
|
|
6936
|
+
"name": "--color-on-tertiary-70",
|
|
6937
|
+
"value": "var(--color-white)"
|
|
6938
|
+
},
|
|
6939
|
+
{
|
|
6940
|
+
"name": "--color-on-tertiary-80",
|
|
6941
|
+
"value": "var(--color-white)"
|
|
6942
|
+
},
|
|
6943
|
+
{
|
|
6944
|
+
"name": "--color-on-tertiary-90",
|
|
6945
|
+
"value": "var(--color-white)"
|
|
6946
|
+
},
|
|
6947
|
+
{
|
|
6948
|
+
"name": "--color-on-wood-10",
|
|
6949
|
+
"value": "var(--color-black)"
|
|
6950
|
+
},
|
|
6951
|
+
{
|
|
6952
|
+
"name": "--color-on-wood-20",
|
|
6953
|
+
"value": "var(--color-black)"
|
|
6954
|
+
},
|
|
6955
|
+
{
|
|
6956
|
+
"name": "--color-on-wood-30",
|
|
6957
|
+
"value": "var(--color-black)"
|
|
6958
|
+
},
|
|
6959
|
+
{
|
|
6960
|
+
"name": "--color-on-wood-40",
|
|
6961
|
+
"value": "var(--color-black)"
|
|
6962
|
+
},
|
|
6963
|
+
{
|
|
6964
|
+
"name": "--color-on-wood-50",
|
|
6965
|
+
"value": "var(--color-black)"
|
|
6966
|
+
},
|
|
6967
|
+
{
|
|
6968
|
+
"name": "--color-on-wood-60",
|
|
6969
|
+
"value": "var(--color-white)"
|
|
6970
|
+
},
|
|
6971
|
+
{
|
|
6972
|
+
"name": "--color-on-wood-70",
|
|
6973
|
+
"value": "var(--color-white)"
|
|
6974
|
+
},
|
|
6975
|
+
{
|
|
6976
|
+
"name": "--color-on-wood-80",
|
|
6977
|
+
"value": "var(--color-white)"
|
|
6978
|
+
},
|
|
6979
|
+
{
|
|
6980
|
+
"name": "--color-on-wood-90",
|
|
6981
|
+
"value": "var(--color-white)"
|
|
6982
|
+
},
|
|
6203
6983
|
{
|
|
6204
6984
|
"name": "--color-opacity-05",
|
|
6205
6985
|
"value": "rgba(26, 26, 26, 0.05)"
|
|
@@ -6226,7 +7006,7 @@
|
|
|
6226
7006
|
},
|
|
6227
7007
|
{
|
|
6228
7008
|
"name": "--color-primary-10",
|
|
6229
|
-
"value": "var(--color-
|
|
7009
|
+
"value": "var( --color-primary-10-90 )"
|
|
6230
7010
|
},
|
|
6231
7011
|
{
|
|
6232
7012
|
"name": "--color-primary-10-90",
|
|
@@ -6234,7 +7014,7 @@
|
|
|
6234
7014
|
},
|
|
6235
7015
|
{
|
|
6236
7016
|
"name": "--color-primary-20",
|
|
6237
|
-
"value": "var(--color-
|
|
7017
|
+
"value": "var( --color-primary-20-80 )"
|
|
6238
7018
|
},
|
|
6239
7019
|
{
|
|
6240
7020
|
"name": "--color-primary-20-80",
|
|
@@ -6242,7 +7022,7 @@
|
|
|
6242
7022
|
},
|
|
6243
7023
|
{
|
|
6244
7024
|
"name": "--color-primary-30",
|
|
6245
|
-
"value": "var(--color-
|
|
7025
|
+
"value": "var( --color-primary-30-70 )"
|
|
6246
7026
|
},
|
|
6247
7027
|
{
|
|
6248
7028
|
"name": "--color-primary-30-70",
|
|
@@ -6250,7 +7030,7 @@
|
|
|
6250
7030
|
},
|
|
6251
7031
|
{
|
|
6252
7032
|
"name": "--color-primary-40",
|
|
6253
|
-
"value": "var(--color-
|
|
7033
|
+
"value": "var( --color-primary-40-60 )"
|
|
6254
7034
|
},
|
|
6255
7035
|
{
|
|
6256
7036
|
"name": "--color-primary-40-60",
|
|
@@ -6258,7 +7038,7 @@
|
|
|
6258
7038
|
},
|
|
6259
7039
|
{
|
|
6260
7040
|
"name": "--color-primary-50",
|
|
6261
|
-
"value": "var(--color-
|
|
7041
|
+
"value": "var( --color-primary-50-50 )"
|
|
6262
7042
|
},
|
|
6263
7043
|
{
|
|
6264
7044
|
"name": "--color-primary-50-50",
|
|
@@ -6266,7 +7046,7 @@
|
|
|
6266
7046
|
},
|
|
6267
7047
|
{
|
|
6268
7048
|
"name": "--color-primary-60",
|
|
6269
|
-
"value": "var(--color-
|
|
7049
|
+
"value": "var( --color-primary-60-40 )"
|
|
6270
7050
|
},
|
|
6271
7051
|
{
|
|
6272
7052
|
"name": "--color-primary-60-40",
|
|
@@ -6274,7 +7054,7 @@
|
|
|
6274
7054
|
},
|
|
6275
7055
|
{
|
|
6276
7056
|
"name": "--color-primary-70",
|
|
6277
|
-
"value": "var(--color-
|
|
7057
|
+
"value": "var( --color-primary-70-30 )"
|
|
6278
7058
|
},
|
|
6279
7059
|
{
|
|
6280
7060
|
"name": "--color-primary-70-30",
|
|
@@ -6282,7 +7062,7 @@
|
|
|
6282
7062
|
},
|
|
6283
7063
|
{
|
|
6284
7064
|
"name": "--color-primary-80",
|
|
6285
|
-
"value": "var(--color-
|
|
7065
|
+
"value": "var( --color-primary-80-20 )"
|
|
6286
7066
|
},
|
|
6287
7067
|
{
|
|
6288
7068
|
"name": "--color-primary-80-20",
|
|
@@ -6290,7 +7070,7 @@
|
|
|
6290
7070
|
},
|
|
6291
7071
|
{
|
|
6292
7072
|
"name": "--color-primary-90",
|
|
6293
|
-
"value": "var(--color-
|
|
7073
|
+
"value": "var( --color-primary-90-10 )"
|
|
6294
7074
|
},
|
|
6295
7075
|
{
|
|
6296
7076
|
"name": "--color-primary-90-10",
|
|
@@ -6967,6 +7747,16 @@
|
|
|
6967
7747
|
"value": "24px"
|
|
6968
7748
|
}
|
|
6969
7749
|
],
|
|
7750
|
+
"menu": [
|
|
7751
|
+
{
|
|
7752
|
+
"name": "--menu-item-height",
|
|
7753
|
+
"value": "40px"
|
|
7754
|
+
},
|
|
7755
|
+
{
|
|
7756
|
+
"name": "--menu-max-height",
|
|
7757
|
+
"value": "calc(var(--menu-item-height) * 7.5)"
|
|
7758
|
+
}
|
|
7759
|
+
],
|
|
6970
7760
|
"page": [
|
|
6971
7761
|
{
|
|
6972
7762
|
"name": "--page-bg-color",
|