@pandacss/studio 0.15.2 → 0.15.4

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 (60) hide show
  1. package/package.json +8 -8
  2. package/src/lib/panda.context.ts +0 -2
  3. package/styled-system/chunks/src__components__color-wrapper.css +16 -25
  4. package/styled-system/chunks/src__components__colors.css +0 -1
  5. package/styled-system/chunks/src__components__empty-state.css +0 -1
  6. package/styled-system/chunks/src__components__font-family.css +0 -1
  7. package/styled-system/chunks/src__components__font-tokens.css +0 -1
  8. package/styled-system/chunks/src__components__input.css +10 -16
  9. package/styled-system/chunks/src__components__layer-styles.css +5 -7
  10. package/styled-system/chunks/src__components__nav-item.css +3 -5
  11. package/styled-system/chunks/src__components__overview.css +4 -7
  12. package/styled-system/chunks/src__components__radii.css +0 -1
  13. package/styled-system/chunks/src__components__semantic-color.css +0 -1
  14. package/styled-system/chunks/src__components__side-nav-item.css +4 -7
  15. package/styled-system/chunks/src__components__side-nav.css +0 -1
  16. package/styled-system/chunks/src__components__text-styles.css +0 -1
  17. package/styled-system/chunks/src__components__theme-toggle.css +2 -4
  18. package/styled-system/chunks/src__components__token-content.css +0 -1
  19. package/styled-system/chunks/src__components__token-group.css +0 -1
  20. package/styled-system/chunks/src__components__typography-playground.css +0 -1
  21. package/styled-system/chunks/src__layouts__Sidebar.css +4 -4
  22. package/styled-system/jsx/factory.mjs +29 -17
  23. package/styled-system/styles.css +50 -319
  24. package/styled-system/types/jsx.d.ts +10 -2
  25. package/styled-system/types/recipe.d.ts +10 -8
  26. package/virtual-panda.ts +2 -12
  27. package/src/components/analyzer/category-utilities.tsx +0 -156
  28. package/src/components/analyzer/data-combobox.tsx +0 -154
  29. package/src/components/analyzer/data-table.tsx +0 -39
  30. package/src/components/analyzer/external-icon.tsx +0 -8
  31. package/src/components/analyzer/file-details.tsx +0 -101
  32. package/src/components/analyzer/get-report-infos-from.ts +0 -80
  33. package/src/components/analyzer/quick-tooltip.tsx +0 -15
  34. package/src/components/analyzer/report-item-columns.tsx +0 -52
  35. package/src/components/analyzer/report-item-link.tsx +0 -98
  36. package/src/components/analyzer/section.tsx +0 -24
  37. package/src/components/analyzer/sort-icon.tsx +0 -10
  38. package/src/components/analyzer/text-with-count.tsx +0 -28
  39. package/src/components/analyzer/token-search-combobox.tsx +0 -39
  40. package/src/components/analyzer/truncated-text.tsx +0 -28
  41. package/src/components/analyzer/utility-details.tsx +0 -325
  42. package/src/components/color-item.tsx +0 -37
  43. package/src/components/token-analyzer.tsx +0 -397
  44. package/src/lib/analysis-data.ts +0 -17
  45. package/src/lib/get-report-item.tsx +0 -41
  46. package/src/pages/token-analyzer/file.astro +0 -11
  47. package/src/pages/token-analyzer/index.astro +0 -11
  48. package/src/pages/token-analyzer/utility.astro +0 -11
  49. package/styled-system/chunks/src__components__analyzer__category-utilities.css +0 -118
  50. package/styled-system/chunks/src__components__analyzer__data-combobox.css +0 -137
  51. package/styled-system/chunks/src__components__analyzer__data-table.css +0 -46
  52. package/styled-system/chunks/src__components__analyzer__file-details.css +0 -98
  53. package/styled-system/chunks/src__components__analyzer__report-item-columns.css +0 -39
  54. package/styled-system/chunks/src__components__analyzer__report-item-link.css +0 -78
  55. package/styled-system/chunks/src__components__analyzer__section.css +0 -30
  56. package/styled-system/chunks/src__components__analyzer__text-with-count.css +0 -34
  57. package/styled-system/chunks/src__components__analyzer__truncated-text.css +0 -18
  58. package/styled-system/chunks/src__components__analyzer__utility-details.css +0 -139
  59. package/styled-system/chunks/src__components__color-item.css +0 -22
  60. package/styled-system/chunks/src__components__token-analyzer.css +0 -220
@@ -1,137 +0,0 @@
1
- @layer utilities {
2
-
3
- .m_4 {
4
- margin: var(--spacing-4)
5
- }
6
-
7
- .max-h_300px {
8
- max-height: 300px
9
- }
10
-
11
- .overflow_auto {
12
- overflow: auto
13
- }
14
-
15
- .bg_card {
16
- background: var(--colors-card)
17
- }
18
-
19
- .list-style_none {
20
- list-style: none
21
- }
22
-
23
- .border_1px_solid_token\(colors\.border\) {
24
- border: 1px solid var(--colors-border)
25
- }
26
-
27
- .shadow_sm {
28
- box-shadow: var(--shadows-sm)
29
- }
30
-
31
- .p_4px_8px {
32
- padding: 4px 8px
33
- }
34
-
35
- .rounded_md {
36
- border-radius: var(--radii-md)
37
- }
38
-
39
- .word-wrap_break-word {
40
- word-wrap: break-word
41
- }
42
- .highlighted\:bg_border[data-highlighted] {
43
- background: var(--colors-border)
44
- }
45
-
46
- .flex_column {
47
- flex-direction: column
48
- }
49
-
50
- .gap_2 {
51
- gap: var(--spacing-2)
52
- }
53
-
54
- .pos_relative {
55
- position: relative
56
- }
57
-
58
- .isolation_isolate {
59
- isolation: isolate
60
- }
61
-
62
- .font_bold {
63
- font-weight: var(--font-weights-bold)
64
- }
65
-
66
- .px_2 {
67
- padding-inline: var(--spacing-2)
68
- }
69
-
70
- .select_none {
71
- -webkit-user-select: none;
72
- user-select: none
73
- }
74
-
75
- .ml_auto {
76
- margin-left: auto
77
- }
78
-
79
- .p_2 {
80
- padding: var(--spacing-2)
81
- }
82
-
83
- .cursor_pointer {
84
- cursor: pointer
85
- }
86
-
87
- .border-l_solid_1px {
88
- border-left: solid 1px
89
- }
90
-
91
- .border_border {
92
- border-color: var(--colors-border)
93
- }
94
-
95
- .text_text {
96
- color: var(--colors-text)
97
- }
98
- .expanded\:transform_rotate\(180deg\):is([aria-expanded=true], [data-expanded], [data-state="expanded"]) {
99
- transform: rotate(180deg)
100
- }
101
-
102
- .transition_all_\.2s_ease {
103
- transition: all .2s ease
104
- }
105
-
106
- .d_flex {
107
- display: flex
108
- }
109
-
110
- .items_center {
111
- align-items: center
112
- }
113
-
114
- .justify_center {
115
- justify-content: center
116
- }
117
-
118
- .top_0px {
119
- top: 0px
120
- }
121
-
122
- .right_0px {
123
- right: 0px
124
- }
125
-
126
- .pos_absolute {
127
- position: absolute
128
- }
129
-
130
- .z_2 {
131
- z-index: 2
132
- }
133
-
134
- .h_full {
135
- height: var(--sizes-full)
136
- }
137
- }
@@ -1,46 +0,0 @@
1
- @layer utilities {
2
-
3
- .break_break-word {
4
- word-break: break-word
5
- }
6
-
7
- .font_bold {
8
- font-weight: var(--font-weights-bold)
9
- }
10
-
11
- .fs_lg {
12
- font-size: var(--font-sizes-lg)
13
- }
14
-
15
- .mb_2 {
16
- margin-bottom: var(--spacing-2)
17
- }
18
-
19
- .d_grid {
20
- display: grid
21
- }
22
-
23
- .grid-cols_80px_repeat\(auto-fit\,_minmax\(30px\,_1fr\)\) {
24
- grid-template-columns: 80px repeat(auto-fit, minmax(30px, 1fr))
25
- }
26
-
27
- .gap_10px {
28
- gap: 10px
29
- }
30
-
31
- .w_full {
32
- width: var(--sizes-full)
33
- }
34
-
35
- .d_flex {
36
- display: flex
37
- }
38
-
39
- .flex_column {
40
- flex-direction: column
41
- }
42
-
43
- .gap_2 {
44
- gap: var(--spacing-2)
45
- }
46
- }
@@ -1,98 +0,0 @@
1
- @layer utilities {
2
-
3
- .ml_auto {
4
- margin-left: auto
5
- }
6
-
7
- .p_4 {
8
- padding: var(--spacing-4)
9
- }
10
-
11
- .justify_center {
12
- justify-content: center
13
- }
14
-
15
- .fs_xl {
16
- font-size: var(--font-sizes-xl)
17
- }
18
-
19
- .p_16 {
20
- padding: var(--spacing-16)
21
- }
22
-
23
- .mt_8 {
24
- margin-top: var(--spacing-8)
25
- }
26
-
27
- .mt_1 {
28
- margin-top: var(--spacing-1)
29
- }
30
-
31
- .font_bold {
32
- font-weight: var(--font-weights-bold)
33
- }
34
-
35
- .mb_4 {
36
- margin-bottom: var(--spacing-4)
37
- }
38
-
39
- .py_2 {
40
- padding-block: var(--spacing-2)
41
- }
42
-
43
- .px_4 {
44
- padding-inline: var(--spacing-4)
45
- }
46
-
47
- .transition_all_0\.2s_ease {
48
- transition: all 0.2s ease
49
- }
50
-
51
- .d_inline-flex {
52
- display: inline-flex
53
- }
54
-
55
- .items_center {
56
- align-items: center
57
- }
58
-
59
- .opacity_0\.5 {
60
- opacity: 0.5
61
- }
62
-
63
- .border-b_1px_solid_transparent {
64
- border-bottom: 1px solid transparent
65
- }
66
-
67
- .cursor_pointer {
68
- cursor: pointer
69
- }
70
-
71
- .d_flex {
72
- display: flex
73
- }
74
-
75
- .flex-wrap_wrap {
76
- flex-wrap: wrap
77
- }
78
-
79
- .gap_2 {
80
- gap: var(--spacing-2)
81
- }
82
-
83
- .mt_4 {
84
- margin-top: var(--spacing-4)
85
- }
86
-
87
- .hover\:bg_gray\.100:is(:hover, [data-hover]) {
88
- background-color: var(--colors-gray-100)
89
- }
90
-
91
- .hover\:opacity_1:is(:hover, [data-hover]) {
92
- opacity: 1
93
- }
94
-
95
- .hover\:border-b_black:is(:hover, [data-hover]) {
96
- border-bottom-color: var(--colors-black)
97
- }
98
- }
@@ -1,39 +0,0 @@
1
- @layer utilities {
2
-
3
- .p_2 {
4
- padding: var(--spacing-2)
5
- }
6
-
7
- .bg_card {
8
- background-color: var(--colors-card)
9
- }
10
-
11
- .border_1px_solid_token\(colors\.border\) {
12
- border: 1px solid var(--colors-border)
13
- }
14
-
15
- .shadow_sm {
16
- box-shadow: var(--shadows-sm)
17
- }
18
-
19
- .rounded_md {
20
- border-radius: var(--radii-md)
21
- }
22
-
23
- .mr_2 {
24
- margin-right: var(--spacing-2)
25
- }
26
-
27
- .select_none {
28
- -webkit-user-select: none;
29
- user-select: none
30
- }
31
-
32
- .d_flex {
33
- display: flex
34
- }
35
-
36
- .items_center {
37
- align-items: center
38
- }
39
- }
@@ -1,78 +0,0 @@
1
- @layer utilities {
2
-
3
- .d_flex {
4
- display: flex
5
- }
6
-
7
- .pos_relative {
8
- position: relative
9
- }
10
-
11
- .max-w_14px {
12
- max-width: 14px
13
- }
14
-
15
- .shrink_0 {
16
- flex-shrink: 0
17
- }
18
-
19
- .p_2 {
20
- padding: var(--spacing-2)
21
- }
22
-
23
- .bg_card {
24
- background-color: var(--colors-card)
25
- }
26
-
27
- .border_1px_solid_token\(colors\.border\) {
28
- border: 1px solid var(--colors-border)
29
- }
30
-
31
- .shadow_sm {
32
- box-shadow: var(--shadows-sm)
33
- }
34
-
35
- .rounded_md {
36
- border-radius: var(--radii-md)
37
- }
38
-
39
- .text_red\.400 {
40
- color: var(--colors-red-400)
41
- }
42
-
43
- .d_inline-flex {
44
- display: inline-flex
45
- }
46
-
47
- .items_center {
48
- align-items: center
49
- }
50
-
51
- .opacity_0\.5 {
52
- opacity: 0.5
53
- }
54
-
55
- .border-b_1px_solid_transparent {
56
- border-bottom: 1px solid transparent
57
- }
58
-
59
- .cursor_pointer {
60
- cursor: pointer
61
- }
62
-
63
- .self_flex-start {
64
- align-self: flex-start
65
- }
66
-
67
- .mr_2 {
68
- margin-right: var(--spacing-2)
69
- }
70
-
71
- .hover\:opacity_1:is(:hover, [data-hover]) {
72
- opacity: 1
73
- }
74
-
75
- .hover\:border-b_black:is(:hover, [data-hover]) {
76
- border-bottom-color: var(--colors-black)
77
- }
78
- }
@@ -1,30 +0,0 @@
1
- @layer utilities {
2
-
3
- .w_full {
4
- width: var(--sizes-full)
5
- }
6
-
7
- .rounded_md {
8
- border-radius: var(--radii-md)
9
- }
10
-
11
- .d_flex {
12
- display: flex
13
- }
14
-
15
- .flex_column {
16
- flex-direction: column
17
- }
18
-
19
- .gap_4 {
20
- gap: var(--spacing-4)
21
- }
22
-
23
- .p_4 {
24
- padding: var(--spacing-4)
25
- }
26
-
27
- .w_100\% {
28
- width: 100%
29
- }
30
- }
@@ -1,34 +0,0 @@
1
- @layer utilities {
2
-
3
- .d_inline-flex {
4
- display: inline-flex
5
- }
6
-
7
- .items_center {
8
- align-items: center
9
- }
10
-
11
- .fs_75\% {
12
- font-size: 75%
13
- }
14
-
15
- .leading_0 {
16
- line-height: 0
17
- }
18
-
19
- .pos_relative {
20
- position: relative
21
- }
22
-
23
- .top_-0\.35em {
24
- top: -0.35em
25
- }
26
-
27
- .opacity_0\.5 {
28
- opacity: 0.5
29
- }
30
-
31
- .ml_1 {
32
- margin-left: var(--spacing-1)
33
- }
34
- }
@@ -1,18 +0,0 @@
1
- @layer utilities {
2
-
3
- .p_2 {
4
- padding: var(--spacing-2)
5
- }
6
-
7
- .bg_card {
8
- background-color: var(--colors-card)
9
- }
10
-
11
- .border_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) {
12
- border: 1px solid rgba(0, 0, 0, 0.1)
13
- }
14
-
15
- .text_text {
16
- color: var(--colors-text)
17
- }
18
- }
@@ -1,139 +0,0 @@
1
- @layer utilities {
2
-
3
- .p_4px_8px {
4
- padding: 4px 8px
5
- }
6
-
7
- .\[\&_li\]\:cursor_pointer li {
8
- cursor: pointer
9
- }
10
-
11
- .list-style_none {
12
- list-style: none
13
- }
14
-
15
- .p_4 {
16
- padding: var(--spacing-4)
17
- }
18
-
19
- .mt_4 {
20
- margin-top: var(--spacing-4)
21
- }
22
-
23
- .justify_center {
24
- justify-content: center
25
- }
26
-
27
- .fs_xl {
28
- font-size: var(--font-sizes-xl)
29
- }
30
-
31
- .p_16 {
32
- padding: var(--spacing-16)
33
- }
34
-
35
- .mb_4 {
36
- margin-bottom: var(--spacing-4)
37
- }
38
-
39
- .flex_column {
40
- flex-direction: column
41
- }
42
-
43
- .mt_1 {
44
- margin-top: var(--spacing-1)
45
- }
46
-
47
- .gap_2 {
48
- gap: var(--spacing-2)
49
- }
50
-
51
- .fs_md {
52
- font-size: var(--font-sizes-md)
53
- }
54
-
55
- .font_bold {
56
- font-weight: var(--font-weights-bold)
57
- }
58
-
59
- .ml_auto {
60
- margin-left: auto
61
- }
62
-
63
- .select_none {
64
- -webkit-user-select: none;
65
- user-select: none
66
- }
67
-
68
- .bg_card {
69
- background: var(--colors-card)
70
- }
71
-
72
- .px_3 {
73
- padding-inline: var(--spacing-3)
74
- }
75
-
76
- .py_2 {
77
- padding-block: var(--spacing-2)
78
- }
79
-
80
- .rounded_md {
81
- border-radius: var(--radii-md)
82
- }
83
-
84
- .w_16 {
85
- width: var(--sizes-16)
86
- }
87
-
88
- .h_16 {
89
- height: var(--sizes-16)
90
- }
91
-
92
- .d_flex {
93
- display: flex
94
- }
95
-
96
- .flex-wrap_wrap {
97
- flex-wrap: wrap
98
- }
99
-
100
- .gap_10px {
101
- gap: 10px
102
- }
103
-
104
- .d_inline-flex {
105
- display: inline-flex
106
- }
107
-
108
- .items_center {
109
- align-items: center
110
- }
111
-
112
- .opacity_0\.5 {
113
- opacity: 0.5
114
- }
115
-
116
- .border-b_1px_solid_transparent {
117
- border-bottom: 1px solid transparent
118
- }
119
-
120
- .cursor_pointer {
121
- cursor: pointer
122
- }
123
-
124
- .hover\:opacity_0\.8:is(:hover, [data-hover]) {
125
- opacity: 0.8
126
- }
127
-
128
- .hover\:opacity_1:is(:hover, [data-hover]) {
129
- opacity: 1
130
- }
131
-
132
- .hover\:border-b_black:is(:hover, [data-hover]) {
133
- border-bottom-color: var(--colors-black)
134
- }
135
-
136
- .\[\&_li\]\:hover\:opacity_0\.8 li:is(:hover, [data-hover]) {
137
- opacity: 0.8
138
- }
139
- }
@@ -1,22 +0,0 @@
1
- @layer utilities {
2
-
3
- .w_auto {
4
- width: auto
5
- }
6
-
7
- .min-w_80px {
8
- min-width: 80px
9
- }
10
-
11
- .h_40px {
12
- height: 40px
13
- }
14
-
15
- .mb_2 {
16
- margin-bottom: var(--spacing-2)
17
- }
18
-
19
- .opacity_0\.7 {
20
- opacity: 0.7
21
- }
22
- }