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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. package/dist/index.css +38 -38
  2. package/dist/index.d.ts +17 -1
  3. package/dist/index.js +694 -75647
  4. package/package.json +3 -3
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>> = {