@measured/puck-plugin-heading-analyzer 0.14.0-canary.e8991cc → 0.14.0-canary.f81931a

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/index.css CHANGED
@@ -1,37 +1,37 @@
1
- /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
2
- ._SidebarSection_125qe_1 {
1
+ /* ../core/components/SidebarSection/styles.module.css */
2
+ .styles_SidebarSection {
3
3
  display: flex;
4
4
  position: relative;
5
5
  flex-direction: column;
6
6
  color: var(--puck-color-black);
7
7
  }
8
- ._SidebarSection_125qe_1:last-of-type {
8
+ .styles_SidebarSection:last-of-type {
9
9
  flex-grow: 1;
10
10
  }
11
- ._SidebarSection-title_125qe_12 {
11
+ .styles_SidebarSection-title {
12
12
  background: var(--puck-color-white);
13
13
  padding: 16px;
14
14
  border-bottom: 1px solid var(--puck-color-grey-09);
15
15
  border-top: 1px solid var(--puck-color-grey-09);
16
16
  overflow-x: auto;
17
17
  }
18
- ._SidebarSection--noBorderTop_125qe_20 > ._SidebarSection-title_125qe_12 {
18
+ .styles_SidebarSection--noBorderTop > .styles_SidebarSection-title {
19
19
  border-top: 0px;
20
20
  }
21
- ._SidebarSection-content_125qe_24 {
21
+ .styles_SidebarSection-content {
22
22
  padding: 16px;
23
23
  }
24
- ._SidebarSection--noPadding_125qe_28 > ._SidebarSection-content_125qe_24 {
24
+ .styles_SidebarSection--noPadding > .styles_SidebarSection-content {
25
25
  padding: 0px;
26
26
  }
27
- ._SidebarSection--noPadding_125qe_28 > ._SidebarSection-content_125qe_24:last-child {
27
+ .styles_SidebarSection--noPadding > .styles_SidebarSection-content:last-child {
28
28
  padding-bottom: 4px;
29
29
  }
30
- ._SidebarSection_125qe_1:last-of-type ._SidebarSection-content_125qe_24 {
30
+ .styles_SidebarSection:last-of-type .styles_SidebarSection-content {
31
31
  border-bottom: none;
32
32
  flex-grow: 1;
33
33
  }
34
- ._SidebarSection-breadcrumbLabel_125qe_41 {
34
+ .styles_SidebarSection-breadcrumbLabel {
35
35
  background: none;
36
36
  border: 0;
37
37
  border-radius: 2px;
@@ -42,34 +42,34 @@
42
42
  padding: 0;
43
43
  transition: color 50ms ease-in;
44
44
  }
45
- ._SidebarSection-breadcrumbLabel_125qe_41:focus-visible {
45
+ .styles_SidebarSection-breadcrumbLabel:focus-visible {
46
46
  outline: 2px solid var(--puck-color-azure-05);
47
47
  outline-offset: 2px;
48
48
  }
49
49
  @media (hover: hover) and (pointer: fine) {
50
- ._SidebarSection-breadcrumbLabel_125qe_41:hover {
50
+ .styles_SidebarSection-breadcrumbLabel:hover {
51
51
  color: var(--puck-color-azure-03);
52
52
  transition: none;
53
53
  }
54
54
  }
55
- ._SidebarSection-breadcrumbLabel_125qe_41:active {
55
+ .styles_SidebarSection-breadcrumbLabel:active {
56
56
  color: var(--puck-color-azure-02);
57
57
  transition: none;
58
58
  }
59
- ._SidebarSection-breadcrumbs_125qe_70 {
59
+ .styles_SidebarSection-breadcrumbs {
60
60
  align-items: center;
61
61
  display: flex;
62
62
  gap: 4px;
63
63
  }
64
- ._SidebarSection-breadcrumb_125qe_41 {
64
+ .styles_SidebarSection-breadcrumb {
65
65
  align-items: center;
66
66
  display: flex;
67
67
  gap: 4px;
68
68
  }
69
- ._SidebarSection-heading_125qe_82 {
69
+ .styles_SidebarSection-heading {
70
70
  padding-right: 16px;
71
71
  }
72
- ._SidebarSection-loadingOverlay_125qe_86 {
72
+ .styles_SidebarSection-loadingOverlay {
73
73
  background: var(--puck-color-white);
74
74
  display: flex;
75
75
  justify-content: center;
@@ -84,45 +84,45 @@
84
84
  opacity: 0.8;
85
85
  }
86
86
 
87
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
88
- ._Heading_qxrry_1 {
87
+ /* ../core/components/Heading/styles.module.css */
88
+ .styles_Heading {
89
89
  display: block;
90
90
  color: var(--puck-color-black);
91
91
  font-weight: 700;
92
92
  margin: 0;
93
93
  }
94
- ._Heading_qxrry_1 b {
94
+ .styles_Heading b {
95
95
  font-weight: 700;
96
96
  }
97
- ._Heading--xxxxl_qxrry_12 {
97
+ .styles_Heading--xxxxl {
98
98
  font-size: var(--puck-font-size-xxxxl);
99
99
  letter-spacing: 0.08ch;
100
100
  font-weight: 800;
101
101
  }
102
- ._Heading--xxxl_qxrry_18 {
102
+ .styles_Heading--xxxl {
103
103
  font-size: var(--puck-font-size-xxxl);
104
104
  }
105
- ._Heading--xxl_qxrry_22 {
105
+ .styles_Heading--xxl {
106
106
  font-size: var(--puck-font-size-xxl);
107
107
  }
108
- ._Heading--xl_qxrry_26 {
108
+ .styles_Heading--xl {
109
109
  font-size: var(--puck-font-size-xl);
110
110
  }
111
- ._Heading--l_qxrry_30 {
111
+ .styles_Heading--l {
112
112
  font-size: var(--puck-font-size-l);
113
113
  }
114
- ._Heading--m_qxrry_34 {
114
+ .styles_Heading--m {
115
115
  font-size: var(--puck-font-size-m);
116
116
  }
117
- ._Heading--s_qxrry_38 {
117
+ .styles_Heading--s {
118
118
  font-size: var(--puck-font-size-s);
119
119
  }
120
- ._Heading--xs_qxrry_42 {
120
+ .styles_Heading--xs {
121
121
  font-size: var(--puck-font-size-xs);
122
122
  }
123
123
 
124
- /* css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css/#css-module-data */
125
- ._OutlineList_18bgy_1 {
124
+ /* ../core/components/OutlineList/styles.module.css */
125
+ .styles_OutlineList {
126
126
  color: var(--puck-color-grey-03);
127
127
  font-family: var(--puck-font-family);
128
128
  margin: 0;
@@ -130,7 +130,7 @@
130
130
  position: relative;
131
131
  list-style: none;
132
132
  }
133
- ._OutlineList_18bgy_1::before {
133
+ .styles_OutlineList::before {
134
134
  background: var(--puck-color-grey-08);
135
135
  position: absolute;
136
136
  left: -1px;
@@ -139,11 +139,11 @@
139
139
  height: calc(100% - 9px);
140
140
  content: "";
141
141
  }
142
- ._OutlineListItem_18bgy_20 {
142
+ .styles_OutlineListItem {
143
143
  position: relative;
144
144
  margin-bottom: 4px;
145
145
  }
146
- ._OutlineListItem_18bgy_20::before {
146
+ .styles_OutlineListItem::before {
147
147
  background: var(--puck-color-grey-08);
148
148
  position: absolute;
149
149
  left: -17px;
@@ -152,24 +152,24 @@
152
152
  height: 1px;
153
153
  content: "";
154
154
  }
155
- ._OutlineListItem--clickable_18bgy_35 {
155
+ .styles_OutlineListItem--clickable {
156
156
  cursor: pointer;
157
157
  transition: color 50ms ease-in;
158
158
  }
159
- ._OutlineListItem--clickable_18bgy_35:focus-visible {
159
+ .styles_OutlineListItem--clickable:focus-visible {
160
160
  outline: 2px solid var(--puck-color-azure-05);
161
161
  outline-offset: 2px;
162
162
  }
163
163
  @media (hover: hover) and (pointer: fine) {
164
- ._OutlineListItem--clickable_18bgy_35:hover {
164
+ .styles_OutlineListItem--clickable:hover {
165
165
  color: var(--puck-color-azure-04);
166
166
  transition: none;
167
167
  }
168
168
  }
169
- ._OutlineListItem--clickable_18bgy_35:active {
169
+ .styles_OutlineListItem--clickable:active {
170
170
  color: var(--puck-color-azure-03);
171
171
  transition: none;
172
172
  }
173
- ._OutlineListItem_18bgy_20 > ._OutlineList_18bgy_1 {
173
+ .styles_OutlineListItem > .styles_OutlineList {
174
174
  margin: 8px 0;
175
175
  }
package/dist/index.d.ts CHANGED
@@ -1,10 +1,18 @@
1
- import { ReactElement, ReactNode } from 'react';
1
+ import { ReactNode, ReactElement } from 'react';
2
2
 
3
3
  type ItemSelector = {
4
4
  index: number;
5
5
  zone?: string;
6
6
  };
7
7
 
8
+ type iconTypes = "Smartphone" | "Monitor" | "Tablet";
9
+ type Viewport = {
10
+ width: number;
11
+ height?: number | "auto";
12
+ label?: string;
13
+ icon?: iconTypes | ReactNode;
14
+ };
15
+
8
16
  type FieldOption = {
9
17
  label: string;
10
18
  value: string | number | boolean;
@@ -130,6 +138,14 @@ type UiState = {
130
138
  expanded?: boolean;
131
139
  }>;
132
140
  isDragging: boolean;
141
+ viewports: {
142
+ current: {
143
+ width: number;
144
+ height: number | "auto";
145
+ };
146
+ controlsVisible: boolean;
147
+ options: Viewport[];
148
+ };
133
149
  };
134
150
 
135
151
  type InputProps<F = Field<any>> = {