@etus/tokens 2.0.0 → 2.2.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 (4) hide show
  1. package/dist/tokens.css +315 -0
  2. package/dist/tokens.js +239 -0
  3. package/dist/tokens.meta.json +1659 -187
  4. package/package.json +1 -1
package/dist/tokens.css CHANGED
@@ -58,6 +58,57 @@
58
58
  --asset-manager-preview-background: oklch(97.02% 0.0000 0);
59
59
  --asset-manager-preview-height: 150px;
60
60
  --asset-manager-root-min-height-lg: 600px;
61
+ --asset-palette-status-approved-color: oklch(81.75% 0.1821 159.79);
62
+ --asset-palette-status-approved-label-en: Approved;
63
+ --asset-palette-status-approved-label-pt: Aprovado;
64
+ --asset-palette-status-archived-color: oklch(55.55% 0.0000 0);
65
+ --asset-palette-status-archived-label-en: Archived;
66
+ --asset-palette-status-archived-label-pt: Arquivado;
67
+ --asset-palette-status-changes-color: oklch(63.68% 0.2078 25.33);
68
+ --asset-palette-status-changes-label-en: Changes requested;
69
+ --asset-palette-status-changes-label-pt: Mudanças;
70
+ --asset-palette-status-draft-color: oklch(71.07% 0.0351 256.79);
71
+ --asset-palette-status-draft-label-en: Draft;
72
+ --asset-palette-status-draft-label-pt: Rascunho;
73
+ --asset-palette-status-review-color: oklch(79.52% 0.1617 86.05);
74
+ --asset-palette-status-review-label-en: In review;
75
+ --asset-palette-status-review-label-pt: Em review;
76
+ --asset-palette-type-archive-color: oklch(55.44% 0.0407 257.42);
77
+ --asset-palette-type-archive-tint: rgb(100 116 139 / 0.18);
78
+ --asset-palette-type-audio-color: oklch(71.48% 0.1257 215.22);
79
+ --asset-palette-type-audio-tint: rgb(6 182 212 / 0.16);
80
+ --asset-palette-type-code-css-color: oklch(65.59% 0.2118 354.31);
81
+ --asset-palette-type-code-css-tint: rgb(236 72 153 / 0.14);
82
+ --asset-palette-type-code-env-color: oklch(55.44% 0.0407 257.42);
83
+ --asset-palette-type-code-env-tint: rgb(100 116 139 / 0.18);
84
+ --asset-palette-type-code-js-color: oklch(79.52% 0.1617 86.05);
85
+ --asset-palette-type-code-js-tint: rgb(234 179 8 / 0.16);
86
+ --asset-palette-type-code-json-color: oklch(70.90% 0.1592 293.54);
87
+ --asset-palette-type-code-json-tint: rgb(167 139 250 / 0.16);
88
+ --asset-palette-type-code-md-color: oklch(55.55% 0.0000 0);
89
+ --asset-palette-type-code-md-tint: oklch(97.02% 0.0000 0);
90
+ --asset-palette-type-code-ts-color: oklch(62.31% 0.1880 259.81);
91
+ --asset-palette-type-code-ts-tint: rgb(59 130 246 / 0.14);
92
+ --asset-palette-type-code-tsx-color: oklch(75.35% 0.1390 232.66);
93
+ --asset-palette-type-code-tsx-tint: rgb(56 189 248 / 0.14);
94
+ --asset-palette-type-design-figma-color: oklch(70.90% 0.1592 293.54);
95
+ --asset-palette-type-design-figma-tint: rgb(167 139 250 / 0.18);
96
+ --asset-palette-type-design-illustrator-color: oklch(79.52% 0.1617 86.05);
97
+ --asset-palette-type-design-illustrator-tint: rgb(234 179 8 / 0.18);
98
+ --asset-palette-type-design-raster-color: oklch(62.31% 0.1880 259.81);
99
+ --asset-palette-type-design-raster-tint: rgb(59 130 246 / 0.16);
100
+ --asset-palette-type-doc-pdf-color: oklch(57.71% 0.2152 27.33);
101
+ --asset-palette-type-doc-pdf-tint: rgb(220 38 38 / 0.14);
102
+ --asset-palette-type-doc-text-color: oklch(54.61% 0.2152 262.88);
103
+ --asset-palette-type-doc-text-tint: rgb(37 99 235 / 0.16);
104
+ --asset-palette-type-image-color: oklch(70.49% 0.1867 47.60);
105
+ --asset-palette-type-image-tint: rgb(249 115 22 / 0.16);
106
+ --asset-palette-type-unknown-color: oklch(55.55% 0.0000 0);
107
+ --asset-palette-type-unknown-tint: oklch(97.02% 0.0000 0);
108
+ --asset-palette-type-vector-color: oklch(81.75% 0.1821 159.79);
109
+ --asset-palette-type-vector-tint: rgb(25 230 153 / 0.18);
110
+ --asset-palette-type-video-color: oklch(63.68% 0.2078 25.33);
111
+ --asset-palette-type-video-tint: rgb(239 68 68 / 0.16);
61
112
  --autocomplete-content-bg: oklch(100.00% 0.0000 0);
62
113
  --autocomplete-content-border: oklch(92.19% 0.0000 0);
63
114
  --autocomplete-content-fg: oklch(20.46% 0.0000 0);
@@ -480,6 +531,60 @@
480
531
  --checkbox-size-lg: 24px;
481
532
  --checkbox-size-md: 20px;
482
533
  --checkbox-size-sm: 16px;
534
+ --collection-batchbar-action-h: 32px;
535
+ --collection-batchbar-action-primary-bg: oklch(81.75% 0.1821 159.79);
536
+ --collection-batchbar-action-primary-fg: oklch(18.34% 0.0338 166.67);
537
+ --collection-batchbar-action-px: 12px;
538
+ --collection-batchbar-action-radius: 8px;
539
+ --collection-batchbar-bg: oklch(14.48% 0.0000 0);
540
+ --collection-batchbar-bottom-offset: 20px;
541
+ --collection-batchbar-fg: oklch(100.00% 0.0000 0);
542
+ --collection-batchbar-padding-left: 16px;
543
+ --collection-batchbar-padding-right: 6px;
544
+ --collection-batchbar-padding-y: 6px;
545
+ --collection-batchbar-radius: 14px;
546
+ --collection-batchbar-shadow: 0 10px 24px -6px rgb(0 0 0 / 0.30), 0 0 0 1px rgb(255 255 255 / 0.06);
547
+ --collection-batchbar-text: 13px;
548
+ --collection-batchbar-z-index: 20;
549
+ --collection-chip-bg: oklch(97.02% 0.0000 0);
550
+ --collection-chip-close-color: oklch(55.55% 0.0000 0);
551
+ --collection-chip-close-radius: 50%;
552
+ --collection-chip-close-size: 18px;
553
+ --collection-chip-fg: oklch(14.48% 0.0000 0);
554
+ --collection-chip-h: 26px;
555
+ --collection-chip-padding-left: 10px;
556
+ --collection-chip-padding-right: 4px;
557
+ --collection-chip-radius: 13px;
558
+ --collection-chip-text: 12px;
559
+ --collection-empty-fg: oklch(55.55% 0.0000 0);
560
+ --collection-empty-padding-y: 48px;
561
+ --collection-empty-text: 13px;
562
+ --collection-grid-files-gap: 14px;
563
+ --collection-grid-files-min-w: 180px;
564
+ --collection-grid-folders-gap: 10px;
565
+ --collection-grid-folders-min-w: 240px;
566
+ --collection-section-gap: 18px;
567
+ --collection-section-title-fg: oklch(55.55% 0.0000 0);
568
+ --collection-section-title-padding-bottom: 10px;
569
+ --collection-section-title-text: 11px;
570
+ --collection-section-title-tracking: 0.08em;
571
+ --collection-section-title-weight: 600;
572
+ --collection-tabs-count-active-bg: oklch(81.75% 0.1821 159.79);
573
+ --collection-tabs-count-active-fg: oklch(18.34% 0.0338 166.67);
574
+ --collection-tabs-count-bg: oklch(100.00% 0.0000 0);
575
+ --collection-tabs-count-px: 6px;
576
+ --collection-tabs-count-py: 1px;
577
+ --collection-tabs-count-radius: 999px;
578
+ --collection-tabs-count-text: 10.5px;
579
+ --collection-tabs-gap: 4px;
580
+ --collection-tabs-tab-active-bg: oklch(97.02% 0.0000 0);
581
+ --collection-tabs-tab-active-fg: oklch(14.48% 0.0000 0);
582
+ --collection-tabs-tab-h: 30px;
583
+ --collection-tabs-tab-inactive-fg: oklch(55.55% 0.0000 0);
584
+ --collection-tabs-tab-px: 12px;
585
+ --collection-tabs-tab-radius: 7px;
586
+ --collection-tabs-tab-text: 13px;
587
+ --collection-tabs-tab-weight: 500;
483
588
  --color-chrome: oklch(81.75% 0.1821 159.79);
484
589
  --color-desktop: oklch(81.75% 0.1821 159.79);
485
590
  --color-edge: oklch(86.06% 0.1731 91.94);
@@ -864,6 +969,86 @@
864
969
  --file-upload-item-gap: 12px;
865
970
  --file-upload-item-padding: 12px;
866
971
  --file-upload-item-radius: 0.375rem;
972
+ --filetree-footer-branch-text: 11.5px;
973
+ --filetree-footer-branch-weight: 500;
974
+ --filetree-footer-dot-color: oklch(81.75% 0.1821 159.79);
975
+ --filetree-footer-dot-ring: 0 0 0 3px rgb(25 230 153 / 0.18);
976
+ --filetree-footer-dot-size: 6px;
977
+ --filetree-footer-gap: 8px;
978
+ --filetree-footer-padding-x: 12px;
979
+ --filetree-footer-padding-y: 10px;
980
+ --filetree-footer-text: 12px;
981
+ --filetree-project-badge-bg: oklch(81.75% 0.1821 159.79);
982
+ --filetree-project-badge-fg: oklch(18.34% 0.0338 166.67);
983
+ --filetree-project-badge-radius: 7px;
984
+ --filetree-project-badge-size: 28px;
985
+ --filetree-project-badge-text: 12px;
986
+ --filetree-project-badge-weight: 700;
987
+ --filetree-project-gap: 10px;
988
+ --filetree-project-name-text: 13px;
989
+ --filetree-project-name-weight: 600;
990
+ --filetree-project-padding-bottom: 12px;
991
+ --filetree-project-padding-top: 14px;
992
+ --filetree-project-padding-x: 14px;
993
+ --filetree-project-sub-fg: oklch(55.55% 0.0000 0);
994
+ --filetree-project-sub-text: 11px;
995
+ --filetree-row-active-bg: oklch(95.21% 0.0467 171.12);
996
+ --filetree-row-active-fg: oklch(26.88% 0.0527 163.85);
997
+ --filetree-row-hover-bg: oklch(97.02% 0.0000 0);
998
+ --filetree-row-modified-color: oklch(81.75% 0.1821 159.79);
999
+ --filetree-row-padding-x: 8px;
1000
+ --filetree-row-radius: 4px;
1001
+ --filetree-shell-bg: oklch(98.51% 0.0000 0);
1002
+ --filetree-shell-border: oklch(92.19% 0.0000 0);
1003
+ --filetree-shell-fg: oklch(14.48% 0.0000 0);
1004
+ --filetree-shell-width-default: 296px;
1005
+ --filetree-shell-width-lg: 320px;
1006
+ --filetree-shell-width-sm: 240px;
1007
+ --filetree-toolbar-action-radius: 6px;
1008
+ --filetree-toolbar-action-size: 28px;
1009
+ --filetree-toolbar-gap: 6px;
1010
+ --filetree-toolbar-padding-x: 12px;
1011
+ --filetree-toolbar-padding-y: 10px;
1012
+ --filetree-toolbar-search-bg: oklch(97.02% 0.0000 0);
1013
+ --filetree-toolbar-search-h: 28px;
1014
+ --filetree-toolbar-search-px: 8px;
1015
+ --filetree-toolbar-search-radius: 6px;
1016
+ --filetree-toolbar-search-text: 12px;
1017
+ --filetree-variant-ide-chev-h: 24px;
1018
+ --filetree-variant-ide-chev-w: 16px;
1019
+ --filetree-variant-ide-folder-icon-color: oklch(81.75% 0.1821 159.79);
1020
+ --filetree-variant-ide-folder-icon-w: 18px;
1021
+ --filetree-variant-ide-indent-guide-color: oklch(92.19% 0.0000 0);
1022
+ --filetree-variant-ide-indent: 14px;
1023
+ --filetree-variant-ide-row-h: 24px;
1024
+ --filetree-variant-ide-swatch-h: 16px;
1025
+ --filetree-variant-ide-swatch-radius: 3px;
1026
+ --filetree-variant-ide-swatch-text: 8.5px;
1027
+ --filetree-variant-ide-swatch-w: 18px;
1028
+ --filetree-variant-ide-swatch-weight: 700;
1029
+ --filetree-variant-ide-text: 12.5px;
1030
+ --filetree-variant-notion-chev-h: 22px;
1031
+ --filetree-variant-notion-chev-w: 20px;
1032
+ --filetree-variant-notion-count-text: 11px;
1033
+ --filetree-variant-notion-icon-radius: 5px;
1034
+ --filetree-variant-notion-icon-size: 22px;
1035
+ --filetree-variant-notion-indent-guide-color: oklch(92.19% 0.0000 0);
1036
+ --filetree-variant-notion-indent-guide-style: dotted;
1037
+ --filetree-variant-notion-indent: 18px;
1038
+ --filetree-variant-notion-modified-dot-size: 6px;
1039
+ --filetree-variant-notion-row-h: 30px;
1040
+ --filetree-variant-notion-text: 13.5px;
1041
+ --filetree-variant-outline-indent: 16px;
1042
+ --filetree-variant-outline-l0-margin-top: 12px;
1043
+ --filetree-variant-outline-l0-text: 11px;
1044
+ --filetree-variant-outline-l0-tracking: 0.08em;
1045
+ --filetree-variant-outline-l0-weight: 700;
1046
+ --filetree-variant-outline-marker-text: 12px;
1047
+ --filetree-variant-outline-marker-w: 10px;
1048
+ --filetree-variant-outline-meta-text: 10.5px;
1049
+ --filetree-variant-outline-row-h: 28px;
1050
+ --filetree-variant-outline-status-size: 7px;
1051
+ --filetree-variant-outline-text: 13px;
867
1052
  --filter-builder-group-border-color: oklch(92.19% 0.0000 0);
868
1053
  --filter-builder-group-border-left-width: 2px;
869
1054
  --filter-builder-group-gap: 8px;
@@ -884,6 +1069,51 @@
884
1069
  --focus-ring-secondary-color: oklch(58.24% 0.1354 137.66);
885
1070
  --focus-ring-secondary-shadow: 0 0 0 2px #508d3740;
886
1071
  --focus-ring-width: 2px;
1072
+ --folder-stack-empty-bg: oklch(97.02% 0.0000 0);
1073
+ --folder-stack-interactive-active-ring-color: oklch(81.75% 0.1821 159.79);
1074
+ --folder-stack-interactive-active-ring-width: 2px;
1075
+ --folder-stack-interactive-hover-scale: 1.02;
1076
+ --folder-stack-outline-color: oklch(100.00% 0.0000 0);
1077
+ --folder-stack-size-default-gap-x: 2px;
1078
+ --folder-stack-size-default-gap-y: 6px;
1079
+ --folder-stack-size-default-height: 40px;
1080
+ --folder-stack-size-default-outline-width: 1.5px;
1081
+ --folder-stack-size-default-tile-height: 16px;
1082
+ --folder-stack-size-default-tile-radius: 3px;
1083
+ --folder-stack-size-default-tile-width: 20px;
1084
+ --folder-stack-size-default-width: 40px;
1085
+ --folder-stack-size-lg-gap-x: 2px;
1086
+ --folder-stack-size-lg-gap-y: 8px;
1087
+ --folder-stack-size-lg-height: 56px;
1088
+ --folder-stack-size-lg-outline-width: 2px;
1089
+ --folder-stack-size-lg-tile-height: 22px;
1090
+ --folder-stack-size-lg-tile-radius: 4px;
1091
+ --folder-stack-size-lg-tile-width: 26px;
1092
+ --folder-stack-size-lg-width: 56px;
1093
+ --folder-stack-size-sm-gap-x: 2px;
1094
+ --folder-stack-size-sm-gap-y: 2px;
1095
+ --folder-stack-size-sm-height: 24px;
1096
+ --folder-stack-size-sm-outline-width: 1px;
1097
+ --folder-stack-size-sm-tile-height: 11px;
1098
+ --folder-stack-size-sm-tile-radius: 2px;
1099
+ --folder-stack-size-sm-tile-width: 14px;
1100
+ --folder-stack-size-sm-width: 30px;
1101
+ --folder-stack-size-xl-gap-x: 2px;
1102
+ --folder-stack-size-xl-gap-y: 10px;
1103
+ --folder-stack-size-xl-height: 72px;
1104
+ --folder-stack-size-xl-outline-width: 2px;
1105
+ --folder-stack-size-xl-tile-height: 28px;
1106
+ --folder-stack-size-xl-tile-radius: 5px;
1107
+ --folder-stack-size-xl-tile-width: 34px;
1108
+ --folder-stack-size-xl-width: 72px;
1109
+ --folder-stack-size-xs-gap-x: 1px;
1110
+ --folder-stack-size-xs-gap-y: 2px;
1111
+ --folder-stack-size-xs-height: 18px;
1112
+ --folder-stack-size-xs-outline-width: 1px;
1113
+ --folder-stack-size-xs-tile-height: 8px;
1114
+ --folder-stack-size-xs-tile-radius: 1.5px;
1115
+ --folder-stack-size-xs-tile-width: 10px;
1116
+ --folder-stack-size-xs-width: 22px;
887
1117
  --font-leading-loose: 2;
888
1118
  --font-leading-none: 1;
889
1119
  --font-leading-normal: 1.5;
@@ -2326,6 +2556,15 @@
2326
2556
  --tooltip-content-radius: 8px;
2327
2557
  --tooltip-content-text-size: 0.75rem;
2328
2558
  --tooltip-content-z-index: 50;
2559
+ --topbar-leading-gap: 8px;
2560
+ --topbar-root-background: oklch(97.02% 0.0000 0);
2561
+ --topbar-root-border-color: oklch(92.19% 0.0000 0);
2562
+ --topbar-root-gap: 16px;
2563
+ --topbar-root-height-default: 3.5rem;
2564
+ --topbar-root-height-filters: 3.25rem;
2565
+ --topbar-root-padding-x: 32px;
2566
+ --topbar-root-padding-y: 8px;
2567
+ --topbar-trailing-gap: 16px;
2329
2568
  --typography-caption-c1-font-family: Inter;
2330
2569
  --typography-caption-c1-font-size: 12px;
2331
2570
  --typography-caption-c1-font-weight: 600;
@@ -2959,6 +3198,47 @@
2959
3198
  --color-asset-manager-item-background: var(--asset-manager-item-background);
2960
3199
  --color-asset-manager-item-border: var(--asset-manager-item-border);
2961
3200
  --color-asset-manager-preview-background: var(--asset-manager-preview-background);
3201
+ --color-asset-palette-status-approved-color: var(--asset-palette-status-approved-color);
3202
+ --color-asset-palette-status-archived-color: var(--asset-palette-status-archived-color);
3203
+ --color-asset-palette-status-changes-color: var(--asset-palette-status-changes-color);
3204
+ --color-asset-palette-status-draft-color: var(--asset-palette-status-draft-color);
3205
+ --color-asset-palette-status-review-color: var(--asset-palette-status-review-color);
3206
+ --color-asset-palette-type-archive-color: var(--asset-palette-type-archive-color);
3207
+ --color-asset-palette-type-archive-tint: var(--asset-palette-type-archive-tint);
3208
+ --color-asset-palette-type-audio-color: var(--asset-palette-type-audio-color);
3209
+ --color-asset-palette-type-audio-tint: var(--asset-palette-type-audio-tint);
3210
+ --color-asset-palette-type-code-css-color: var(--asset-palette-type-code-css-color);
3211
+ --color-asset-palette-type-code-css-tint: var(--asset-palette-type-code-css-tint);
3212
+ --color-asset-palette-type-code-env-color: var(--asset-palette-type-code-env-color);
3213
+ --color-asset-palette-type-code-env-tint: var(--asset-palette-type-code-env-tint);
3214
+ --color-asset-palette-type-code-js-color: var(--asset-palette-type-code-js-color);
3215
+ --color-asset-palette-type-code-js-tint: var(--asset-palette-type-code-js-tint);
3216
+ --color-asset-palette-type-code-json-color: var(--asset-palette-type-code-json-color);
3217
+ --color-asset-palette-type-code-json-tint: var(--asset-palette-type-code-json-tint);
3218
+ --color-asset-palette-type-code-md-color: var(--asset-palette-type-code-md-color);
3219
+ --color-asset-palette-type-code-md-tint: var(--asset-palette-type-code-md-tint);
3220
+ --color-asset-palette-type-code-ts-color: var(--asset-palette-type-code-ts-color);
3221
+ --color-asset-palette-type-code-ts-tint: var(--asset-palette-type-code-ts-tint);
3222
+ --color-asset-palette-type-code-tsx-color: var(--asset-palette-type-code-tsx-color);
3223
+ --color-asset-palette-type-code-tsx-tint: var(--asset-palette-type-code-tsx-tint);
3224
+ --color-asset-palette-type-design-figma-color: var(--asset-palette-type-design-figma-color);
3225
+ --color-asset-palette-type-design-figma-tint: var(--asset-palette-type-design-figma-tint);
3226
+ --color-asset-palette-type-design-illustrator-color: var(--asset-palette-type-design-illustrator-color);
3227
+ --color-asset-palette-type-design-illustrator-tint: var(--asset-palette-type-design-illustrator-tint);
3228
+ --color-asset-palette-type-design-raster-color: var(--asset-palette-type-design-raster-color);
3229
+ --color-asset-palette-type-design-raster-tint: var(--asset-palette-type-design-raster-tint);
3230
+ --color-asset-palette-type-doc-pdf-color: var(--asset-palette-type-doc-pdf-color);
3231
+ --color-asset-palette-type-doc-pdf-tint: var(--asset-palette-type-doc-pdf-tint);
3232
+ --color-asset-palette-type-doc-text-color: var(--asset-palette-type-doc-text-color);
3233
+ --color-asset-palette-type-doc-text-tint: var(--asset-palette-type-doc-text-tint);
3234
+ --color-asset-palette-type-image-color: var(--asset-palette-type-image-color);
3235
+ --color-asset-palette-type-image-tint: var(--asset-palette-type-image-tint);
3236
+ --color-asset-palette-type-unknown-color: var(--asset-palette-type-unknown-color);
3237
+ --color-asset-palette-type-unknown-tint: var(--asset-palette-type-unknown-tint);
3238
+ --color-asset-palette-type-vector-color: var(--asset-palette-type-vector-color);
3239
+ --color-asset-palette-type-vector-tint: var(--asset-palette-type-vector-tint);
3240
+ --color-asset-palette-type-video-color: var(--asset-palette-type-video-color);
3241
+ --color-asset-palette-type-video-tint: var(--asset-palette-type-video-tint);
2962
3242
  --color-autocomplete-content-bg: var(--autocomplete-content-bg);
2963
3243
  --color-autocomplete-content-border: var(--autocomplete-content-border);
2964
3244
  --color-autocomplete-content-fg: var(--autocomplete-content-fg);
@@ -3151,6 +3431,21 @@
3151
3431
  --color-checkbox-root-border-checked: var(--checkbox-root-border-checked);
3152
3432
  --color-checkbox-root-border-default: var(--checkbox-root-border-default);
3153
3433
  --color-checkbox-root-border-focus: var(--checkbox-root-border-focus);
3434
+ --color-collection-batchbar-action-primary-bg: var(--collection-batchbar-action-primary-bg);
3435
+ --color-collection-batchbar-action-primary-fg: var(--collection-batchbar-action-primary-fg);
3436
+ --color-collection-batchbar-bg: var(--collection-batchbar-bg);
3437
+ --color-collection-batchbar-fg: var(--collection-batchbar-fg);
3438
+ --color-collection-chip-bg: var(--collection-chip-bg);
3439
+ --color-collection-chip-close-color: var(--collection-chip-close-color);
3440
+ --color-collection-chip-fg: var(--collection-chip-fg);
3441
+ --color-collection-empty-fg: var(--collection-empty-fg);
3442
+ --color-collection-section-title-fg: var(--collection-section-title-fg);
3443
+ --color-collection-tabs-count-active-bg: var(--collection-tabs-count-active-bg);
3444
+ --color-collection-tabs-count-active-fg: var(--collection-tabs-count-active-fg);
3445
+ --color-collection-tabs-count-bg: var(--collection-tabs-count-bg);
3446
+ --color-collection-tabs-tab-active-bg: var(--collection-tabs-tab-active-bg);
3447
+ --color-collection-tabs-tab-active-fg: var(--collection-tabs-tab-active-fg);
3448
+ --color-collection-tabs-tab-inactive-fg: var(--collection-tabs-tab-inactive-fg);
3154
3449
  --color-color-chrome: var(--color-chrome);
3155
3450
  --color-color-desktop: var(--color-desktop);
3156
3451
  --color-color-edge: var(--color-edge);
@@ -3273,6 +3568,21 @@
3273
3568
  --color-file-upload-dropzone-border-color: var(--file-upload-dropzone-border-color);
3274
3569
  --color-file-upload-icon-color: var(--file-upload-icon-color);
3275
3570
  --color-file-upload-item-border: var(--file-upload-item-border);
3571
+ --color-filetree-footer-dot-color: var(--filetree-footer-dot-color);
3572
+ --color-filetree-project-badge-bg: var(--filetree-project-badge-bg);
3573
+ --color-filetree-project-badge-fg: var(--filetree-project-badge-fg);
3574
+ --color-filetree-project-sub-fg: var(--filetree-project-sub-fg);
3575
+ --color-filetree-row-active-bg: var(--filetree-row-active-bg);
3576
+ --color-filetree-row-active-fg: var(--filetree-row-active-fg);
3577
+ --color-filetree-row-hover-bg: var(--filetree-row-hover-bg);
3578
+ --color-filetree-row-modified-color: var(--filetree-row-modified-color);
3579
+ --color-filetree-shell-bg: var(--filetree-shell-bg);
3580
+ --color-filetree-shell-border: var(--filetree-shell-border);
3581
+ --color-filetree-shell-fg: var(--filetree-shell-fg);
3582
+ --color-filetree-toolbar-search-bg: var(--filetree-toolbar-search-bg);
3583
+ --color-filetree-variant-ide-folder-icon-color: var(--filetree-variant-ide-folder-icon-color);
3584
+ --color-filetree-variant-ide-indent-guide-color: var(--filetree-variant-ide-indent-guide-color);
3585
+ --color-filetree-variant-notion-indent-guide-color: var(--filetree-variant-notion-indent-guide-color);
3276
3586
  --color-filter-builder-group-border-color: var(--filter-builder-group-border-color);
3277
3587
  --color-focus-ring-color: var(--focus-ring-color);
3278
3588
  --color-focus-ring-destructive-color: var(--focus-ring-destructive-color);
@@ -3280,6 +3590,9 @@
3280
3590
  --color-focus-ring-outline-color: var(--focus-ring-outline-color);
3281
3591
  --color-focus-ring-primary-color: var(--focus-ring-primary-color);
3282
3592
  --color-focus-ring-secondary-color: var(--focus-ring-secondary-color);
3593
+ --color-folder-stack-empty-bg: var(--folder-stack-empty-bg);
3594
+ --color-folder-stack-interactive-active-ring-color: var(--folder-stack-interactive-active-ring-color);
3595
+ --color-folder-stack-outline-color: var(--folder-stack-outline-color);
3283
3596
  --color-foreground: var(--foreground);
3284
3597
  --color-form-error-fg: var(--form-error-fg);
3285
3598
  --color-form-helper-fg: var(--form-helper-fg);
@@ -3748,6 +4061,8 @@
3748
4061
  --color-toolbar-separator-color: var(--toolbar-separator-color);
3749
4062
  --color-tooltip-content-background: var(--tooltip-content-background);
3750
4063
  --color-tooltip-content-foreground: var(--tooltip-content-foreground);
4064
+ --color-topbar-root-background: var(--topbar-root-background);
4065
+ --color-topbar-root-border-color: var(--topbar-root-border-color);
3751
4066
  --color-warning-border: var(--warning-border);
3752
4067
  --color-warning-foreground: var(--warning-foreground);
3753
4068
  --color-warning-subtle-foreground: var(--warning-subtle-foreground);
package/dist/tokens.js CHANGED
@@ -220,6 +220,57 @@ export const tokens = {
220
220
  "asset-manager-preview-background": "oklch(97.02% 0.0000 0)",
221
221
  "asset-manager-preview-height": "150px",
222
222
  "asset-manager-root-min-height-lg": "600px",
223
+ "asset-palette-status-approved-color": "oklch(81.75% 0.1821 159.79)",
224
+ "asset-palette-status-approved-label-en": "Approved",
225
+ "asset-palette-status-approved-label-pt": "Aprovado",
226
+ "asset-palette-status-archived-color": "oklch(55.55% 0.0000 0)",
227
+ "asset-palette-status-archived-label-en": "Archived",
228
+ "asset-palette-status-archived-label-pt": "Arquivado",
229
+ "asset-palette-status-changes-color": "oklch(63.68% 0.2078 25.33)",
230
+ "asset-palette-status-changes-label-en": "Changes requested",
231
+ "asset-palette-status-changes-label-pt": "Mudanças",
232
+ "asset-palette-status-draft-color": "oklch(71.07% 0.0351 256.79)",
233
+ "asset-palette-status-draft-label-en": "Draft",
234
+ "asset-palette-status-draft-label-pt": "Rascunho",
235
+ "asset-palette-status-review-color": "oklch(79.52% 0.1617 86.05)",
236
+ "asset-palette-status-review-label-en": "In review",
237
+ "asset-palette-status-review-label-pt": "Em review",
238
+ "asset-palette-type-archive-color": "oklch(55.44% 0.0407 257.42)",
239
+ "asset-palette-type-archive-tint": "rgb(100 116 139 / 0.18)",
240
+ "asset-palette-type-audio-color": "oklch(71.48% 0.1257 215.22)",
241
+ "asset-palette-type-audio-tint": "rgb(6 182 212 / 0.16)",
242
+ "asset-palette-type-code-css-color": "oklch(65.59% 0.2118 354.31)",
243
+ "asset-palette-type-code-css-tint": "rgb(236 72 153 / 0.14)",
244
+ "asset-palette-type-code-env-color": "oklch(55.44% 0.0407 257.42)",
245
+ "asset-palette-type-code-env-tint": "rgb(100 116 139 / 0.18)",
246
+ "asset-palette-type-code-js-color": "oklch(79.52% 0.1617 86.05)",
247
+ "asset-palette-type-code-js-tint": "rgb(234 179 8 / 0.16)",
248
+ "asset-palette-type-code-json-color": "oklch(70.90% 0.1592 293.54)",
249
+ "asset-palette-type-code-json-tint": "rgb(167 139 250 / 0.16)",
250
+ "asset-palette-type-code-md-color": "oklch(55.55% 0.0000 0)",
251
+ "asset-palette-type-code-md-tint": "oklch(97.02% 0.0000 0)",
252
+ "asset-palette-type-code-ts-color": "oklch(62.31% 0.1880 259.81)",
253
+ "asset-palette-type-code-ts-tint": "rgb(59 130 246 / 0.14)",
254
+ "asset-palette-type-code-tsx-color": "oklch(75.35% 0.1390 232.66)",
255
+ "asset-palette-type-code-tsx-tint": "rgb(56 189 248 / 0.14)",
256
+ "asset-palette-type-design-figma-color": "oklch(70.90% 0.1592 293.54)",
257
+ "asset-palette-type-design-figma-tint": "rgb(167 139 250 / 0.18)",
258
+ "asset-palette-type-design-illustrator-color": "oklch(79.52% 0.1617 86.05)",
259
+ "asset-palette-type-design-illustrator-tint": "rgb(234 179 8 / 0.18)",
260
+ "asset-palette-type-design-raster-color": "oklch(62.31% 0.1880 259.81)",
261
+ "asset-palette-type-design-raster-tint": "rgb(59 130 246 / 0.16)",
262
+ "asset-palette-type-doc-pdf-color": "oklch(57.71% 0.2152 27.33)",
263
+ "asset-palette-type-doc-pdf-tint": "rgb(220 38 38 / 0.14)",
264
+ "asset-palette-type-doc-text-color": "oklch(54.61% 0.2152 262.88)",
265
+ "asset-palette-type-doc-text-tint": "rgb(37 99 235 / 0.16)",
266
+ "asset-palette-type-image-color": "oklch(70.49% 0.1867 47.60)",
267
+ "asset-palette-type-image-tint": "rgb(249 115 22 / 0.16)",
268
+ "asset-palette-type-unknown-color": "oklch(55.55% 0.0000 0)",
269
+ "asset-palette-type-unknown-tint": "oklch(97.02% 0.0000 0)",
270
+ "asset-palette-type-vector-color": "oklch(81.75% 0.1821 159.79)",
271
+ "asset-palette-type-vector-tint": "rgb(25 230 153 / 0.18)",
272
+ "asset-palette-type-video-color": "oklch(63.68% 0.2078 25.33)",
273
+ "asset-palette-type-video-tint": "rgb(239 68 68 / 0.16)",
223
274
  "autocomplete-content-bg": "oklch(100.00% 0.0000 0)",
224
275
  "autocomplete-content-border": "oklch(92.19% 0.0000 0)",
225
276
  "autocomplete-content-fg": "oklch(20.46% 0.0000 0)",
@@ -597,6 +648,60 @@ export const tokens = {
597
648
  "checkbox-size-lg": "24px",
598
649
  "checkbox-size-md": "20px",
599
650
  "checkbox-size-sm": "16px",
651
+ "collection-batchbar-action-h": "32px",
652
+ "collection-batchbar-action-primary-bg": "oklch(81.75% 0.1821 159.79)",
653
+ "collection-batchbar-action-primary-fg": "oklch(18.34% 0.0338 166.67)",
654
+ "collection-batchbar-action-px": "12px",
655
+ "collection-batchbar-action-radius": "8px",
656
+ "collection-batchbar-bg": "oklch(14.48% 0.0000 0)",
657
+ "collection-batchbar-bottom-offset": "20px",
658
+ "collection-batchbar-fg": "oklch(100.00% 0.0000 0)",
659
+ "collection-batchbar-padding-left": "16px",
660
+ "collection-batchbar-padding-right": "6px",
661
+ "collection-batchbar-padding-y": "6px",
662
+ "collection-batchbar-radius": "14px",
663
+ "collection-batchbar-shadow": "0 10px 24px -6px rgb(0 0 0 / 0.30), 0 0 0 1px rgb(255 255 255 / 0.06)",
664
+ "collection-batchbar-text": "13px",
665
+ "collection-batchbar-z-index": "20",
666
+ "collection-chip-bg": "oklch(97.02% 0.0000 0)",
667
+ "collection-chip-close-color": "oklch(55.55% 0.0000 0)",
668
+ "collection-chip-close-radius": "50%",
669
+ "collection-chip-close-size": "18px",
670
+ "collection-chip-fg": "oklch(14.48% 0.0000 0)",
671
+ "collection-chip-h": "26px",
672
+ "collection-chip-padding-left": "10px",
673
+ "collection-chip-padding-right": "4px",
674
+ "collection-chip-radius": "13px",
675
+ "collection-chip-text": "12px",
676
+ "collection-empty-fg": "oklch(55.55% 0.0000 0)",
677
+ "collection-empty-padding-y": "48px",
678
+ "collection-empty-text": "13px",
679
+ "collection-grid-files-gap": "14px",
680
+ "collection-grid-files-min-w": "180px",
681
+ "collection-grid-folders-gap": "10px",
682
+ "collection-grid-folders-min-w": "240px",
683
+ "collection-section-gap": "18px",
684
+ "collection-section-title-fg": "oklch(55.55% 0.0000 0)",
685
+ "collection-section-title-padding-bottom": "10px",
686
+ "collection-section-title-text": "11px",
687
+ "collection-section-title-tracking": "0.08em",
688
+ "collection-section-title-weight": "600",
689
+ "collection-tabs-count-active-bg": "oklch(81.75% 0.1821 159.79)",
690
+ "collection-tabs-count-active-fg": "oklch(18.34% 0.0338 166.67)",
691
+ "collection-tabs-count-bg": "oklch(100.00% 0.0000 0)",
692
+ "collection-tabs-count-px": "6px",
693
+ "collection-tabs-count-py": "1px",
694
+ "collection-tabs-count-radius": "999px",
695
+ "collection-tabs-count-text": "10.5px",
696
+ "collection-tabs-gap": "4px",
697
+ "collection-tabs-tab-active-bg": "oklch(97.02% 0.0000 0)",
698
+ "collection-tabs-tab-active-fg": "oklch(14.48% 0.0000 0)",
699
+ "collection-tabs-tab-h": "30px",
700
+ "collection-tabs-tab-inactive-fg": "oklch(55.55% 0.0000 0)",
701
+ "collection-tabs-tab-px": "12px",
702
+ "collection-tabs-tab-radius": "7px",
703
+ "collection-tabs-tab-text": "13px",
704
+ "collection-tabs-tab-weight": "500",
600
705
  "color-chrome": "oklch(81.75% 0.1821 159.79)",
601
706
  "color-desktop": "oklch(81.75% 0.1821 159.79)",
602
707
  "color-edge": "oklch(86.06% 0.1731 91.94)",
@@ -981,6 +1086,86 @@ export const tokens = {
981
1086
  "file-upload-item-gap": "12px",
982
1087
  "file-upload-item-padding": "12px",
983
1088
  "file-upload-item-radius": "0.375rem",
1089
+ "filetree-footer-branch-text": "11.5px",
1090
+ "filetree-footer-branch-weight": "500",
1091
+ "filetree-footer-dot-color": "oklch(81.75% 0.1821 159.79)",
1092
+ "filetree-footer-dot-ring": "0 0 0 3px rgb(25 230 153 / 0.18)",
1093
+ "filetree-footer-dot-size": "6px",
1094
+ "filetree-footer-gap": "8px",
1095
+ "filetree-footer-padding-x": "12px",
1096
+ "filetree-footer-padding-y": "10px",
1097
+ "filetree-footer-text": "12px",
1098
+ "filetree-project-badge-bg": "oklch(81.75% 0.1821 159.79)",
1099
+ "filetree-project-badge-fg": "oklch(18.34% 0.0338 166.67)",
1100
+ "filetree-project-badge-radius": "7px",
1101
+ "filetree-project-badge-size": "28px",
1102
+ "filetree-project-badge-text": "12px",
1103
+ "filetree-project-badge-weight": "700",
1104
+ "filetree-project-gap": "10px",
1105
+ "filetree-project-name-text": "13px",
1106
+ "filetree-project-name-weight": "600",
1107
+ "filetree-project-padding-bottom": "12px",
1108
+ "filetree-project-padding-top": "14px",
1109
+ "filetree-project-padding-x": "14px",
1110
+ "filetree-project-sub-fg": "oklch(55.55% 0.0000 0)",
1111
+ "filetree-project-sub-text": "11px",
1112
+ "filetree-row-active-bg": "oklch(95.21% 0.0467 171.12)",
1113
+ "filetree-row-active-fg": "oklch(26.88% 0.0527 163.85)",
1114
+ "filetree-row-hover-bg": "oklch(97.02% 0.0000 0)",
1115
+ "filetree-row-modified-color": "oklch(81.75% 0.1821 159.79)",
1116
+ "filetree-row-padding-x": "8px",
1117
+ "filetree-row-radius": "4px",
1118
+ "filetree-shell-bg": "oklch(98.51% 0.0000 0)",
1119
+ "filetree-shell-border": "oklch(92.19% 0.0000 0)",
1120
+ "filetree-shell-fg": "oklch(14.48% 0.0000 0)",
1121
+ "filetree-shell-width-default": "296px",
1122
+ "filetree-shell-width-lg": "320px",
1123
+ "filetree-shell-width-sm": "240px",
1124
+ "filetree-toolbar-action-radius": "6px",
1125
+ "filetree-toolbar-action-size": "28px",
1126
+ "filetree-toolbar-gap": "6px",
1127
+ "filetree-toolbar-padding-x": "12px",
1128
+ "filetree-toolbar-padding-y": "10px",
1129
+ "filetree-toolbar-search-bg": "oklch(97.02% 0.0000 0)",
1130
+ "filetree-toolbar-search-h": "28px",
1131
+ "filetree-toolbar-search-px": "8px",
1132
+ "filetree-toolbar-search-radius": "6px",
1133
+ "filetree-toolbar-search-text": "12px",
1134
+ "filetree-variant-ide-chev-h": "24px",
1135
+ "filetree-variant-ide-chev-w": "16px",
1136
+ "filetree-variant-ide-folder-icon-color": "oklch(81.75% 0.1821 159.79)",
1137
+ "filetree-variant-ide-folder-icon-w": "18px",
1138
+ "filetree-variant-ide-indent": "14px",
1139
+ "filetree-variant-ide-indent-guide-color": "oklch(92.19% 0.0000 0)",
1140
+ "filetree-variant-ide-row-h": "24px",
1141
+ "filetree-variant-ide-swatch-h": "16px",
1142
+ "filetree-variant-ide-swatch-radius": "3px",
1143
+ "filetree-variant-ide-swatch-text": "8.5px",
1144
+ "filetree-variant-ide-swatch-w": "18px",
1145
+ "filetree-variant-ide-swatch-weight": "700",
1146
+ "filetree-variant-ide-text": "12.5px",
1147
+ "filetree-variant-notion-chev-h": "22px",
1148
+ "filetree-variant-notion-chev-w": "20px",
1149
+ "filetree-variant-notion-count-text": "11px",
1150
+ "filetree-variant-notion-icon-radius": "5px",
1151
+ "filetree-variant-notion-icon-size": "22px",
1152
+ "filetree-variant-notion-indent": "18px",
1153
+ "filetree-variant-notion-indent-guide-color": "oklch(92.19% 0.0000 0)",
1154
+ "filetree-variant-notion-indent-guide-style": "dotted",
1155
+ "filetree-variant-notion-modified-dot-size": "6px",
1156
+ "filetree-variant-notion-row-h": "30px",
1157
+ "filetree-variant-notion-text": "13.5px",
1158
+ "filetree-variant-outline-indent": "16px",
1159
+ "filetree-variant-outline-l0-margin-top": "12px",
1160
+ "filetree-variant-outline-l0-text": "11px",
1161
+ "filetree-variant-outline-l0-tracking": "0.08em",
1162
+ "filetree-variant-outline-l0-weight": "700",
1163
+ "filetree-variant-outline-marker-text": "12px",
1164
+ "filetree-variant-outline-marker-w": "10px",
1165
+ "filetree-variant-outline-meta-text": "10.5px",
1166
+ "filetree-variant-outline-row-h": "28px",
1167
+ "filetree-variant-outline-status-size": "7px",
1168
+ "filetree-variant-outline-text": "13px",
984
1169
  "filter-builder-group-border-color": "oklch(92.19% 0.0000 0)",
985
1170
  "filter-builder-group-border-left-width": "2px",
986
1171
  "filter-builder-group-gap": "8px",
@@ -1001,6 +1186,51 @@ export const tokens = {
1001
1186
  "focus-ring-secondary-color": "oklch(58.24% 0.1354 137.66)",
1002
1187
  "focus-ring-secondary-shadow": "0 0 0 2px #508d3740",
1003
1188
  "focus-ring-width": "2px",
1189
+ "folder-stack-empty-bg": "oklch(97.02% 0.0000 0)",
1190
+ "folder-stack-interactive-active-ring-color": "oklch(81.75% 0.1821 159.79)",
1191
+ "folder-stack-interactive-active-ring-width": "2px",
1192
+ "folder-stack-interactive-hover-scale": "1.02",
1193
+ "folder-stack-outline-color": "oklch(100.00% 0.0000 0)",
1194
+ "folder-stack-size-default-gap-x": "2px",
1195
+ "folder-stack-size-default-gap-y": "6px",
1196
+ "folder-stack-size-default-height": "40px",
1197
+ "folder-stack-size-default-outline-width": "1.5px",
1198
+ "folder-stack-size-default-tile-height": "16px",
1199
+ "folder-stack-size-default-tile-radius": "3px",
1200
+ "folder-stack-size-default-tile-width": "20px",
1201
+ "folder-stack-size-default-width": "40px",
1202
+ "folder-stack-size-lg-gap-x": "2px",
1203
+ "folder-stack-size-lg-gap-y": "8px",
1204
+ "folder-stack-size-lg-height": "56px",
1205
+ "folder-stack-size-lg-outline-width": "2px",
1206
+ "folder-stack-size-lg-tile-height": "22px",
1207
+ "folder-stack-size-lg-tile-radius": "4px",
1208
+ "folder-stack-size-lg-tile-width": "26px",
1209
+ "folder-stack-size-lg-width": "56px",
1210
+ "folder-stack-size-sm-gap-x": "2px",
1211
+ "folder-stack-size-sm-gap-y": "2px",
1212
+ "folder-stack-size-sm-height": "24px",
1213
+ "folder-stack-size-sm-outline-width": "1px",
1214
+ "folder-stack-size-sm-tile-height": "11px",
1215
+ "folder-stack-size-sm-tile-radius": "2px",
1216
+ "folder-stack-size-sm-tile-width": "14px",
1217
+ "folder-stack-size-sm-width": "30px",
1218
+ "folder-stack-size-xl-gap-x": "2px",
1219
+ "folder-stack-size-xl-gap-y": "10px",
1220
+ "folder-stack-size-xl-height": "72px",
1221
+ "folder-stack-size-xl-outline-width": "2px",
1222
+ "folder-stack-size-xl-tile-height": "28px",
1223
+ "folder-stack-size-xl-tile-radius": "5px",
1224
+ "folder-stack-size-xl-tile-width": "34px",
1225
+ "folder-stack-size-xl-width": "72px",
1226
+ "folder-stack-size-xs-gap-x": "1px",
1227
+ "folder-stack-size-xs-gap-y": "2px",
1228
+ "folder-stack-size-xs-height": "18px",
1229
+ "folder-stack-size-xs-outline-width": "1px",
1230
+ "folder-stack-size-xs-tile-height": "8px",
1231
+ "folder-stack-size-xs-tile-radius": "1.5px",
1232
+ "folder-stack-size-xs-tile-width": "10px",
1233
+ "folder-stack-size-xs-width": "22px",
1004
1234
  "font-leading-loose": "2",
1005
1235
  "font-leading-none": "1",
1006
1236
  "font-leading-normal": "1.5",
@@ -2519,6 +2749,15 @@ export const tokens = {
2519
2749
  "tooltip-content-radius": "8px",
2520
2750
  "tooltip-content-text-size": "0.75rem",
2521
2751
  "tooltip-content-z-index": "50",
2752
+ "topbar-leading-gap": "8px",
2753
+ "topbar-root-background": "oklch(97.02% 0.0000 0)",
2754
+ "topbar-root-border-color": "oklch(92.19% 0.0000 0)",
2755
+ "topbar-root-gap": "16px",
2756
+ "topbar-root-height-default": "3.5rem",
2757
+ "topbar-root-height-filters": "3.25rem",
2758
+ "topbar-root-padding-x": "32px",
2759
+ "topbar-root-padding-y": "8px",
2760
+ "topbar-trailing-gap": "16px",
2522
2761
  "typography-caption-c1-font-family": "Inter",
2523
2762
  "typography-caption-c1-font-size": "12px",
2524
2763
  "typography-caption-c1-font-weight": "600",