@likec4/styles 1.34.2 → 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.
Files changed (22) hide show
  1. package/dist/css/conditions.mjs +1 -1
  2. package/dist/jsx/is-valid-prop.mjs +1 -1
  3. package/dist/recipes/action-btn.d.ts +1 -1
  4. package/dist/recipes/element-node-data.d.ts +33 -0
  5. package/dist/recipes/element-node-data.mjs +81 -0
  6. package/dist/recipes/element-node-icon.d.ts +30 -0
  7. package/dist/recipes/element-node-icon.mjs +24 -0
  8. package/dist/recipes/index.d.ts +5 -1
  9. package/dist/recipes/index.mjs +5 -1
  10. package/dist/recipes/markdown-block.d.ts +3 -1
  11. package/dist/recipes/navigation-link.d.ts +33 -0
  12. package/dist/recipes/navigation-link.mjs +57 -0
  13. package/dist/recipes/navigation-panel-action-icon.d.ts +33 -0
  14. package/dist/recipes/navigation-panel-action-icon.mjs +31 -0
  15. package/dist/styles.css +306 -71
  16. package/dist/tokens/index.mjs +140 -20
  17. package/dist/tokens/tokens.d.ts +2 -2
  18. package/dist/types/conditions.d.ts +2 -0
  19. package/dist/types/prop-type.d.ts +2 -2
  20. package/dist/types/style-props.d.ts +2 -2
  21. package/package.json +7 -7
  22. 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