@likec4/styles 1.34.1 → 1.35.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/css/conditions.mjs +1 -1
- package/dist/jsx/is-valid-prop.mjs +1 -1
- package/dist/recipes/action-btn.d.ts +1 -1
- package/dist/recipes/element-node-data.d.ts +33 -0
- package/dist/recipes/element-node-data.mjs +81 -0
- package/dist/recipes/element-node-icon.d.ts +30 -0
- package/dist/recipes/element-node-icon.mjs +24 -0
- package/dist/recipes/index.d.ts +5 -1
- package/dist/recipes/index.mjs +5 -1
- package/dist/recipes/markdown-block.d.ts +3 -1
- package/dist/recipes/navigation-link.d.ts +33 -0
- package/dist/recipes/navigation-link.mjs +57 -0
- package/dist/recipes/navigation-panel-action-icon.d.ts +33 -0
- package/dist/recipes/navigation-panel-action-icon.mjs +31 -0
- package/dist/styles.css +306 -71
- package/dist/tokens/index.mjs +140 -20
- package/dist/tokens/tokens.d.ts +2 -2
- package/dist/types/conditions.d.ts +2 -0
- package/dist/types/prop-type.d.ts +2 -2
- package/dist/types/style-props.d.ts +2 -2
- package/package.json +7 -7
- package/preset.mjs +617 -25
package/dist/tokens/index.mjs
CHANGED
|
@@ -9551,14 +9551,6 @@ const tokens = {
|
|
|
9551
9551
|
"value": "var(--colors-yellow-p3-a-12)",
|
|
9552
9552
|
"variable": "var(--colors-yellow-p3-a-12)"
|
|
9553
9553
|
},
|
|
9554
|
-
"colors.likec4.background": {
|
|
9555
|
-
"value": "var(--colors-mantine-colors-body)",
|
|
9556
|
-
"variable": "var(--colors-likec4-background)"
|
|
9557
|
-
},
|
|
9558
|
-
"colors.likec4.background.pattern": {
|
|
9559
|
-
"value": "var(--colors-likec4-background-pattern)",
|
|
9560
|
-
"variable": "var(--colors-likec4-background-pattern)"
|
|
9561
|
-
},
|
|
9562
9554
|
"colors.likec4.amber.element.fill": {
|
|
9563
9555
|
"value": "#A35829",
|
|
9564
9556
|
"variable": "var(--colors-likec4-amber-element-fill)"
|
|
@@ -10307,6 +10299,14 @@ const tokens = {
|
|
|
10307
10299
|
"value": "var(--colors-likec4-sky-element-lo-contrast)",
|
|
10308
10300
|
"variable": "var(--colors-likec4-compound5-sky-lo-contrast)"
|
|
10309
10301
|
},
|
|
10302
|
+
"colors.likec4.background": {
|
|
10303
|
+
"value": "var(--colors-mantine-colors-body)",
|
|
10304
|
+
"variable": "var(--colors-likec4-background)"
|
|
10305
|
+
},
|
|
10306
|
+
"colors.likec4.background.pattern": {
|
|
10307
|
+
"value": "var(--colors-likec4-background-pattern)",
|
|
10308
|
+
"variable": "var(--colors-likec4-background-pattern)"
|
|
10309
|
+
},
|
|
10310
10310
|
"colors.likec4.tag.bg": {
|
|
10311
10311
|
"value": "var(--colors-tomato-9)",
|
|
10312
10312
|
"variable": "var(--colors-likec4-tag-bg)"
|
|
@@ -10359,6 +10359,46 @@ const tokens = {
|
|
|
10359
10359
|
"value": "var(--colors-likec4-gray-relation-label-bg)",
|
|
10360
10360
|
"variable": "var(--colors-likec4-relation-label-bg)"
|
|
10361
10361
|
},
|
|
10362
|
+
"colors.likec4.panel.bg": {
|
|
10363
|
+
"value": "var(--colors-likec4-panel-bg)",
|
|
10364
|
+
"variable": "var(--colors-likec4-panel-bg)"
|
|
10365
|
+
},
|
|
10366
|
+
"colors.likec4.panel.bg.whenPanning": {
|
|
10367
|
+
"value": "var(--colors-likec4-panel-bg-when-panning)",
|
|
10368
|
+
"variable": "var(--colors-likec4-panel-bg-when-panning)"
|
|
10369
|
+
},
|
|
10370
|
+
"colors.likec4.panel.border": {
|
|
10371
|
+
"value": "var(--colors-likec4-panel-border)",
|
|
10372
|
+
"variable": "var(--colors-likec4-panel-border)"
|
|
10373
|
+
},
|
|
10374
|
+
"colors.likec4.panel.action-icon.text": {
|
|
10375
|
+
"value": "color-mix(in srgb, var(--colors-mantine-colors-text) 70%, transparent)",
|
|
10376
|
+
"variable": "var(--colors-likec4-panel-action-icon-text)"
|
|
10377
|
+
},
|
|
10378
|
+
"colors.likec4.panel.action-icon.text.hover": {
|
|
10379
|
+
"value": "var(--colors-mantine-colors-text)",
|
|
10380
|
+
"variable": "var(--colors-likec4-panel-action-icon-text-hover)"
|
|
10381
|
+
},
|
|
10382
|
+
"colors.likec4.panel.action-icon.text.disabled": {
|
|
10383
|
+
"value": "var(--colors-mantine-colors-dimmed)",
|
|
10384
|
+
"variable": "var(--colors-likec4-panel-action-icon-text-disabled)"
|
|
10385
|
+
},
|
|
10386
|
+
"colors.likec4.panel.action-icon.bg": {
|
|
10387
|
+
"value": "var(--colors-likec4-panel-action-icon-bg)",
|
|
10388
|
+
"variable": "var(--colors-likec4-panel-action-icon-bg)"
|
|
10389
|
+
},
|
|
10390
|
+
"colors.likec4.panel.action-icon.bg.hover": {
|
|
10391
|
+
"value": "var(--colors-likec4-panel-action-icon-bg-hover)",
|
|
10392
|
+
"variable": "var(--colors-likec4-panel-action-icon-bg-hover)"
|
|
10393
|
+
},
|
|
10394
|
+
"colors.likec4.dropdown.bg": {
|
|
10395
|
+
"value": "var(--colors-likec4-dropdown-bg)",
|
|
10396
|
+
"variable": "var(--colors-likec4-dropdown-bg)"
|
|
10397
|
+
},
|
|
10398
|
+
"colors.likec4.dropdown.border": {
|
|
10399
|
+
"value": "var(--colors-likec4-panel-border)",
|
|
10400
|
+
"variable": "var(--colors-likec4-dropdown-border)"
|
|
10401
|
+
},
|
|
10362
10402
|
"spacing.-0": {
|
|
10363
10403
|
"value": "calc(var(--spacing-0) * -1)",
|
|
10364
10404
|
"variable": "var(--spacing-0)"
|
|
@@ -12751,18 +12791,6 @@ const tokens = {
|
|
|
12751
12791
|
"value": "var(--colors-color-palette-dark-p3-a-12)",
|
|
12752
12792
|
"variable": "var(--colors-color-palette-dark-p3-a-12)"
|
|
12753
12793
|
},
|
|
12754
|
-
"colors.colorPalette.background": {
|
|
12755
|
-
"value": "var(--colors-color-palette-background)",
|
|
12756
|
-
"variable": "var(--colors-color-palette-background)"
|
|
12757
|
-
},
|
|
12758
|
-
"colors.colorPalette.background.pattern": {
|
|
12759
|
-
"value": "var(--colors-color-palette-background-pattern)",
|
|
12760
|
-
"variable": "var(--colors-color-palette-background-pattern)"
|
|
12761
|
-
},
|
|
12762
|
-
"colors.colorPalette.pattern": {
|
|
12763
|
-
"value": "var(--colors-color-palette-pattern)",
|
|
12764
|
-
"variable": "var(--colors-color-palette-pattern)"
|
|
12765
|
-
},
|
|
12766
12794
|
"colors.colorPalette.amber.element.fill": {
|
|
12767
12795
|
"value": "var(--colors-color-palette-amber-element-fill)",
|
|
12768
12796
|
"variable": "var(--colors-color-palette-amber-element-fill)"
|
|
@@ -14239,6 +14267,18 @@ const tokens = {
|
|
|
14239
14267
|
"value": "var(--colors-color-palette-compound5-sky-stroke)",
|
|
14240
14268
|
"variable": "var(--colors-color-palette-compound5-sky-stroke)"
|
|
14241
14269
|
},
|
|
14270
|
+
"colors.colorPalette.background": {
|
|
14271
|
+
"value": "var(--colors-color-palette-background)",
|
|
14272
|
+
"variable": "var(--colors-color-palette-background)"
|
|
14273
|
+
},
|
|
14274
|
+
"colors.colorPalette.background.pattern": {
|
|
14275
|
+
"value": "var(--colors-color-palette-background-pattern)",
|
|
14276
|
+
"variable": "var(--colors-color-palette-background-pattern)"
|
|
14277
|
+
},
|
|
14278
|
+
"colors.colorPalette.pattern": {
|
|
14279
|
+
"value": "var(--colors-color-palette-pattern)",
|
|
14280
|
+
"variable": "var(--colors-color-palette-pattern)"
|
|
14281
|
+
},
|
|
14242
14282
|
"colors.colorPalette.mixColor": {
|
|
14243
14283
|
"value": "var(--colors-color-palette-mix-color)",
|
|
14244
14284
|
"variable": "var(--colors-color-palette-mix-color)"
|
|
@@ -14290,6 +14330,86 @@ const tokens = {
|
|
|
14290
14330
|
"colors.colorPalette.palette.loContrast": {
|
|
14291
14331
|
"value": "var(--colors-color-palette-palette-lo-contrast)",
|
|
14292
14332
|
"variable": "var(--colors-color-palette-palette-lo-contrast)"
|
|
14333
|
+
},
|
|
14334
|
+
"colors.colorPalette.panel.bg": {
|
|
14335
|
+
"value": "var(--colors-color-palette-panel-bg)",
|
|
14336
|
+
"variable": "var(--colors-color-palette-panel-bg)"
|
|
14337
|
+
},
|
|
14338
|
+
"colors.colorPalette.panel.bg.whenPanning": {
|
|
14339
|
+
"value": "var(--colors-color-palette-panel-bg-when-panning)",
|
|
14340
|
+
"variable": "var(--colors-color-palette-panel-bg-when-panning)"
|
|
14341
|
+
},
|
|
14342
|
+
"colors.colorPalette.bg.whenPanning": {
|
|
14343
|
+
"value": "var(--colors-color-palette-bg-when-panning)",
|
|
14344
|
+
"variable": "var(--colors-color-palette-bg-when-panning)"
|
|
14345
|
+
},
|
|
14346
|
+
"colors.colorPalette.whenPanning": {
|
|
14347
|
+
"value": "var(--colors-color-palette-when-panning)",
|
|
14348
|
+
"variable": "var(--colors-color-palette-when-panning)"
|
|
14349
|
+
},
|
|
14350
|
+
"colors.colorPalette.panel.border": {
|
|
14351
|
+
"value": "var(--colors-color-palette-panel-border)",
|
|
14352
|
+
"variable": "var(--colors-color-palette-panel-border)"
|
|
14353
|
+
},
|
|
14354
|
+
"colors.colorPalette.panel.action-icon.text": {
|
|
14355
|
+
"value": "var(--colors-color-palette-panel-action-icon-text)",
|
|
14356
|
+
"variable": "var(--colors-color-palette-panel-action-icon-text)"
|
|
14357
|
+
},
|
|
14358
|
+
"colors.colorPalette.action-icon.text": {
|
|
14359
|
+
"value": "var(--colors-color-palette-action-icon-text)",
|
|
14360
|
+
"variable": "var(--colors-color-palette-action-icon-text)"
|
|
14361
|
+
},
|
|
14362
|
+
"colors.colorPalette.panel.action-icon.text.hover": {
|
|
14363
|
+
"value": "var(--colors-color-palette-panel-action-icon-text-hover)",
|
|
14364
|
+
"variable": "var(--colors-color-palette-panel-action-icon-text-hover)"
|
|
14365
|
+
},
|
|
14366
|
+
"colors.colorPalette.action-icon.text.hover": {
|
|
14367
|
+
"value": "var(--colors-color-palette-action-icon-text-hover)",
|
|
14368
|
+
"variable": "var(--colors-color-palette-action-icon-text-hover)"
|
|
14369
|
+
},
|
|
14370
|
+
"colors.colorPalette.text.hover": {
|
|
14371
|
+
"value": "var(--colors-color-palette-text-hover)",
|
|
14372
|
+
"variable": "var(--colors-color-palette-text-hover)"
|
|
14373
|
+
},
|
|
14374
|
+
"colors.colorPalette.panel.action-icon.text.disabled": {
|
|
14375
|
+
"value": "var(--colors-color-palette-panel-action-icon-text-disabled)",
|
|
14376
|
+
"variable": "var(--colors-color-palette-panel-action-icon-text-disabled)"
|
|
14377
|
+
},
|
|
14378
|
+
"colors.colorPalette.action-icon.text.disabled": {
|
|
14379
|
+
"value": "var(--colors-color-palette-action-icon-text-disabled)",
|
|
14380
|
+
"variable": "var(--colors-color-palette-action-icon-text-disabled)"
|
|
14381
|
+
},
|
|
14382
|
+
"colors.colorPalette.text.disabled": {
|
|
14383
|
+
"value": "var(--colors-color-palette-text-disabled)",
|
|
14384
|
+
"variable": "var(--colors-color-palette-text-disabled)"
|
|
14385
|
+
},
|
|
14386
|
+
"colors.colorPalette.disabled": {
|
|
14387
|
+
"value": "var(--colors-color-palette-disabled)",
|
|
14388
|
+
"variable": "var(--colors-color-palette-disabled)"
|
|
14389
|
+
},
|
|
14390
|
+
"colors.colorPalette.panel.action-icon.bg": {
|
|
14391
|
+
"value": "var(--colors-color-palette-panel-action-icon-bg)",
|
|
14392
|
+
"variable": "var(--colors-color-palette-panel-action-icon-bg)"
|
|
14393
|
+
},
|
|
14394
|
+
"colors.colorPalette.action-icon.bg": {
|
|
14395
|
+
"value": "var(--colors-color-palette-action-icon-bg)",
|
|
14396
|
+
"variable": "var(--colors-color-palette-action-icon-bg)"
|
|
14397
|
+
},
|
|
14398
|
+
"colors.colorPalette.panel.action-icon.bg.hover": {
|
|
14399
|
+
"value": "var(--colors-color-palette-panel-action-icon-bg-hover)",
|
|
14400
|
+
"variable": "var(--colors-color-palette-panel-action-icon-bg-hover)"
|
|
14401
|
+
},
|
|
14402
|
+
"colors.colorPalette.action-icon.bg.hover": {
|
|
14403
|
+
"value": "var(--colors-color-palette-action-icon-bg-hover)",
|
|
14404
|
+
"variable": "var(--colors-color-palette-action-icon-bg-hover)"
|
|
14405
|
+
},
|
|
14406
|
+
"colors.colorPalette.dropdown.bg": {
|
|
14407
|
+
"value": "var(--colors-color-palette-dropdown-bg)",
|
|
14408
|
+
"variable": "var(--colors-color-palette-dropdown-bg)"
|
|
14409
|
+
},
|
|
14410
|
+
"colors.colorPalette.dropdown.border": {
|
|
14411
|
+
"value": "var(--colors-color-palette-dropdown-border)",
|
|
14412
|
+
"variable": "var(--colors-color-palette-dropdown-border)"
|
|
14293
14413
|
}
|
|
14294
14414
|
}
|
|
14295
14415
|
|