@puckeditor/plugin-pages 0.8.0-canary.d8ff4908 → 0.8.0-canary.eb8b0718

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
@@ -281,11 +281,11 @@ p {
281
281
  }
282
282
 
283
283
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/ActionModal/ActionModal.module.css/#css-module-data */
284
- ._ActionModal_r3pvy_1 {
284
+ ._ActionModal_1g44k_1 {
285
285
  display: block;
286
286
  min-width: 356px;
287
287
  }
288
- ._ActionModal-header_r3pvy_6 {
288
+ ._ActionModal-header_1g44k_6 {
289
289
  color: var(--puck-color-grey-02);
290
290
  display: flex;
291
291
  justify-content: center;
@@ -295,11 +295,14 @@ p {
295
295
  padding: 24px;
296
296
  padding-bottom: 16px;
297
297
  }
298
- ._ActionModal-body_r3pvy_17 {
298
+ ._ActionModal-body_1g44k_17 {
299
+ display: flex;
300
+ flex-direction: column;
301
+ gap: 16px;
299
302
  padding: 24px;
300
303
  padding-top: 8px;
301
304
  }
302
- ._ActionModal-footer_r3pvy_22 {
305
+ ._ActionModal-footer_1g44k_25 {
303
306
  border-top: 1px solid var(--puck-color-grey-09);
304
307
  background-color: var(--puck-color-grey-12);
305
308
  display: flex;
@@ -1084,238 +1087,187 @@ button._Menu-item_1tu16_55:hover {
1084
1087
  }
1085
1088
 
1086
1089
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanGrid/styles.module.css/#css-module-data */
1087
- ._PlanGrid--loading_1v43l_1 {
1088
- opacity: 0;
1089
- }
1090
- ._PlanGrid-grid_1v43l_5 {
1090
+ ._PlanGrid_1ar8g_1 {
1091
1091
  color: var(--puck-color-grey-02);
1092
- display: grid;
1093
- gap: 32px;
1094
1092
  text-align: left;
1095
- padding-inline: 32px;
1096
- padding-block: 20px;
1097
- @media (min-width: 768px) {
1098
- grid-template-columns: 1fr 1fr 1fr;
1099
- margin: 8px;
1100
- }
1093
+ position: relative;
1094
+ z-index: 0;
1101
1095
  }
1102
- ._PlanGrid-enterprise_1v43l_21 {
1103
- color: var(--puck-color-grey-04);
1104
- font-size: var(--puck-font-size-xxs);
1105
- margin-left: auto;
1106
- margin-right: auto;
1107
- padding-inline: 4px;
1108
- padding-top: 20px;
1109
- text-align: center;
1096
+ ._PlanGrid-billingNote_1ar8g_8,
1097
+ ._PlanGrid-planKicker_1ar8g_9 {
1098
+ font-size: var(--puck-font-size-xxxs);
1099
+ letter-spacing: 0.12em;
1110
1100
  }
1111
- ._PlanGrid-enterprise_1v43l_21 a {
1112
- color: var(--puck-color-azure-04);
1113
- cursor: pointer;
1114
- font-weight: 500;
1101
+ ._PlanGrid-billingNote_1ar8g_8 {
1102
+ color: var(--puck-color-grey-05);
1115
1103
  }
1116
-
1117
- /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanCard/styles.module.css/#css-module-data */
1118
- ._PlanCard_11294_1 {
1104
+ ._PlanGrid-tableWrapper_1ar8g_18 {
1119
1105
  border: 1px solid var(--puck-color-grey-09);
1120
1106
  border-radius: 16px;
1121
- display: flex;
1122
- gap: 8px;
1123
- flex-direction: column;
1124
- min-width: 256px;
1125
- padding: 8px;
1126
- position: relative;
1127
- }
1128
- ._PlanCard--enterprise_11294_12 {
1129
- flex-direction: row;
1130
- grid-column: span 3;
1107
+ overflow-x: auto;
1108
+ }
1109
+ ._PlanGrid-table_1ar8g_18 {
1110
+ border-collapse: separate;
1111
+ border-spacing: 0;
1112
+ max-width: 1440px;
1113
+ min-width: 880px;
1114
+ table-layout: fixed;
1115
+ width: 100%;
1131
1116
  }
1132
- ._PlanCard-title_11294_17 {
1133
- display: flex;
1134
- gap: 8px;
1135
- justify-content: space-between;
1136
- font-size: var(--puck-font-size-xs);
1137
- font-weight: 700;
1117
+ ._PlanGrid-caption_1ar8g_33 {
1118
+ clip: rect(0 0 0 0);
1119
+ clip-path: inset(50%);
1120
+ height: 1px;
1121
+ overflow: hidden;
1122
+ position: absolute;
1138
1123
  white-space: nowrap;
1124
+ width: 1px;
1139
1125
  }
1140
- ._PlanCard-header_11294_26 {
1141
- box-sizing: border-box;
1142
- display: flex;
1143
- flex-direction: column;
1144
- gap: 4px;
1145
- padding: 12px 16px;
1146
- width: 100%;
1147
- min-height: 80px;
1126
+ ._PlanGrid-featureHeader_1ar8g_43,
1127
+ ._PlanGrid-featureName_1ar8g_44,
1128
+ ._PlanGrid-planHeader_1ar8g_45,
1129
+ ._PlanGrid-featureValue_1ar8g_46 {
1130
+ border-bottom: 1px solid var(--puck-color-grey-09);
1131
+ border-right: 1px solid var(--puck-color-grey-09);
1148
1132
  }
1149
- ._PlanCard-features_11294_36 {
1150
- display: grid;
1151
- gap: 4px;
1152
- list-style: none;
1153
- margin: 0;
1133
+ ._PlanGrid-featureHeader_1ar8g_43,
1134
+ ._PlanGrid-featureName_1ar8g_44 {
1135
+ background: var(--puck-color-white);
1136
+ position: sticky;
1137
+ left: 0;
1138
+ width: 24%;
1139
+ z-index: 2;
1140
+ }
1141
+ ._PlanGrid-featureHeader_1ar8g_43 {
1142
+ font-size: var(--puck-font-size-s);
1143
+ padding: 28px 24px;
1144
+ text-align: left;
1145
+ vertical-align: top;
1146
+ }
1147
+ ._PlanGrid-planHeader_1ar8g_45 {
1148
+ background: var(--puck-color-white);
1149
+ height: 336px;
1154
1150
  padding: 0;
1151
+ text-align: left;
1152
+ vertical-align: top;
1153
+ width: 25.333%;
1155
1154
  }
1156
- ._PlanCard-feature_11294_36 {
1157
- align-items: center;
1155
+ ._PlanGrid-planHeaderInner_1ar8g_76 {
1156
+ box-sizing: border-box;
1158
1157
  display: flex;
1159
- gap: 4px;
1160
- color: var(--puck-color-grey-05);
1161
- font-size: var(--puck-font-size-xxs);
1162
- }
1163
- ._PlanCard-featureIcon_11294_52 {
1164
- align-self: flex-start;
1165
- margin-top: 5px;
1158
+ flex-direction: column;
1159
+ height: 100%;
1160
+ padding: 28px 24px 24px;
1166
1161
  }
1167
- ._PlanCard-featureTitle_11294_57 {
1168
- color: var(--puck-color-grey-04);
1169
- font-weight: 600;
1162
+ ._PlanGrid-planKicker_1ar8g_9 {
1163
+ color: var(--puck-color-azure-04);
1164
+ font-weight: 700;
1165
+ min-height: 20px;
1166
+ text-transform: uppercase;
1170
1167
  }
1171
- ._PlanCard-priceValue_11294_62 {
1172
- font-size: var(--puck-font-size-m);
1168
+ ._PlanGrid-planTitle_1ar8g_91 {
1169
+ font-size: var(--puck-font-size-l);
1170
+ line-height: 1.2;
1171
+ margin: 12px 0 0;
1173
1172
  }
1174
- ._PlanCard-priceInterval_11294_66 {
1173
+ ._PlanGrid-planDescription_1ar8g_97 {
1175
1174
  color: var(--puck-color-grey-05);
1175
+ font-size: var(--puck-font-size-xxs);
1176
+ margin: 8px 0 0;
1177
+ min-height: 44px;
1178
+ font-weight: 400;
1176
1179
  }
1177
- ._PlanCard-body_11294_70 {
1178
- background-color: var(--puck-color-grey-12);
1179
- border: 1px solid var(--puck-color-grey-11);
1180
- border-radius: 8px;
1181
- padding: 16px;
1182
- flex-grow: 1;
1180
+ ._PlanGrid-priceBlock_1ar8g_105 {
1181
+ margin-top: auto;
1182
+ padding: 20px 0 16px;
1183
1183
  }
1184
- ._PlanCard--enterprise_11294_12 ._PlanCard-body_11294_70 {
1184
+ ._PlanGrid-price_1ar8g_105 {
1185
+ align-items: baseline;
1185
1186
  display: flex;
1186
- gap: 8px;
1187
- width: 100%;
1188
- }
1189
- ._PlanCard-section_11294_84 {
1190
- padding-bottom: 16px;
1191
- min-width: 192px;
1192
- }
1193
- ._PlanCard-section_11294_84:last-of-type {
1194
- padding-bottom: 0;
1195
- }
1196
- ._PlanCard-section_11294_84 + ._PlanCard-section_11294_84 {
1197
- border-top: 1px solid var(--puck-color-grey-09);
1198
- padding-top: 16px;
1199
- }
1200
- ._PlanCard--enterprise_11294_12 {
1201
- ._PlanCard-section_11294_84 + ._PlanCard-section_11294_84 {
1202
- border-left: 1px solid var(--puck-color-grey-09);
1203
- border-top: none;
1204
- padding-left: 16px;
1205
- padding-top: 0;
1206
- }
1187
+ gap: 4px;
1188
+ white-space: nowrap;
1207
1189
  }
1208
- ._PlanCard-sectionTitle_11294_107 {
1190
+ ._PlanGrid-standardPrice_1ar8g_117 {
1191
+ color: var(--puck-color-grey-06);
1209
1192
  font-size: var(--puck-font-size-xs);
1210
1193
  font-weight: 500;
1211
- margin-bottom: 8px;
1194
+ text-decoration: line-through;
1212
1195
  }
1213
- ._PlanCard-sectionBody_11294_113 + ._PlanCard-sectionTitle_11294_107 {
1214
- border-top: 1px solid var(--puck-color-grey-09);
1215
- margin-top: 16px;
1216
- padding-top: 16px;
1196
+ ._PlanGrid-priceValue_1ar8g_124 {
1197
+ font-size: var(--puck-font-size-xl);
1198
+ font-weight: 600;
1199
+ letter-spacing: -0.02em;
1217
1200
  }
1218
- ._PlanCard-sectionBody_11294_113 {
1219
- color: var(--puck-color-grey-03);
1201
+ ._PlanGrid-priceInterval_1ar8g_130 {
1202
+ color: var(--puck-color-grey-05);
1220
1203
  font-size: var(--puck-font-size-xxs);
1221
- display: grid;
1222
- gap: 2px;
1204
+ font-weight: 400;
1223
1205
  }
1224
- ._PlanCard-usageItem_11294_126 {
1225
- display: flex;
1226
- gap: 8px;
1227
- font-size: var(--puck-font-size-xxs);
1206
+ ._PlanGrid-priceNote_1ar8g_136 {
1207
+ color: var(--puck-color-azure-04);
1208
+ font-size: var(--puck-font-size-xxxs);
1209
+ font-weight: 600;
1210
+ margin-top: 2px;
1228
1211
  }
1229
- ._PlanCard-usageLabel_11294_132 {
1230
- color: var(--puck-color-grey-04);
1231
- font-weight: 500;
1212
+ ._PlanGrid-action_1ar8g_143 {
1213
+ width: 100%;
1232
1214
  }
1233
- ._PlanCard-usageValue_11294_137 {
1234
- color: var(--puck-color-grey-05);
1235
- font-family: var(--puck-font-family-monospaced);
1236
- margin-left: auto;
1215
+ ._PlanGrid-featureName_1ar8g_44,
1216
+ ._PlanGrid-featureValue_1ar8g_46 {
1217
+ font-size: var(--puck-font-size-xxs);
1218
+ min-height: 68px;
1219
+ padding: 20px 24px;
1237
1220
  }
1238
- ._PlanCard-action_11294_143 {
1239
- align-items: flex-end;
1240
- display: flex;
1241
- justify-content: flex-end;
1242
- width: 100%;
1221
+ ._PlanGrid-featureName_1ar8g_44 {
1222
+ font-weight: 600;
1223
+ text-align: left;
1243
1224
  }
1244
- ._PlanCard-description_11294_150 {
1225
+ ._PlanGrid-featureValue_1ar8g_46 {
1226
+ background: var(--puck-color-white);
1245
1227
  color: var(--puck-color-grey-04);
1246
- margin-top: 8px;
1247
- font-size: var(--puck-font-size-xxs);
1248
1228
  }
1249
- ._PlanCard_11294_1 {
1250
- position: relative;
1251
- z-index: 0;
1229
+ ._PlanGrid-featureValue_1ar8g_46 a {
1230
+ color: var(--puck-color-azure-04);
1252
1231
  }
1253
- @property --shadow-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
1254
- ._PlanCard_11294_1::before {
1255
- content: "";
1256
- position: absolute;
1257
- inset: 0;
1258
- z-index: -1;
1259
- border-radius: inherit;
1260
- background: #fff;
1232
+ ._PlanGrid-included_1ar8g_168 {
1233
+ align-items: center;
1234
+ color: var(--puck-color-grey-03);
1235
+ display: inline-flex;
1236
+ gap: 8px;
1261
1237
  }
1262
- ._PlanCard--highlight_11294_176::after {
1263
- content: "";
1264
- position: absolute;
1265
- inset: -18px;
1266
- z-index: -2;
1267
- border: 16px solid transparent;
1268
- border-radius: 34px;
1269
- opacity: 0.6;
1270
- background:
1271
- conic-gradient(
1272
- from var(--shadow-angle),
1273
- var(--puck-color-azure-07),
1274
- transparent,
1275
- var(--puck-color-rose-06),
1276
- var(--puck-color-azure-05),
1277
- transparent,
1278
- var(--puck-color-azure-07));
1279
- background-clip: padding-box;
1280
- filter: blur(12px);
1238
+ ._PlanGrid-included_1ar8g_168 svg {
1239
+ color: var(--puck-color-azure-04);
1281
1240
  }
1282
- ._PlanCard--highlight_11294_176::after {
1283
- animation: _spin_11294_1 8s linear infinite;
1241
+ ._PlanGrid-unavailable_1ar8g_179 {
1242
+ color: var(--puck-color-grey-07);
1284
1243
  }
1285
- @keyframes _spin_11294_1 {
1286
- to {
1287
- --shadow-angle: 360deg;
1288
- }
1244
+ ._PlanGrid-highlightCell_1ar8g_183 {
1245
+ background: var(--puck-color-azure-12);
1289
1246
  }
1290
- ._PlanCard-highlightText_11294_209 {
1291
- @supports (background-clip: text) or (-webkit-background-clip: text) {
1292
- color: transparent;
1293
- background-clip: text;
1294
- -webkit-background-clip: text;
1295
- background-image:
1296
- linear-gradient(
1297
- 210deg,
1298
- var(--puck-color-azure-01) 0%,
1299
- var(--puck-color-azure-03) 40%,
1300
- var(--puck-color-red-05) 100%);
1301
- background-size: cover;
1302
- background-position: center;
1303
- }
1247
+ ._PlanGrid-planHeader_1ar8g_45._PlanGrid-highlightCell_1ar8g_183 {
1248
+ box-shadow: inset 0 3px 0 var(--puck-color-azure-04);
1304
1249
  }
1305
- ._PlanCard--fullWidth_11294_225 {
1306
- flex-direction: row;
1307
- grid-column: 1 / -1;
1250
+ ._PlanGrid-planHeader_1ar8g_45:last-child,
1251
+ ._PlanGrid-featureValue_1ar8g_46:last-child {
1252
+ border-right: 0;
1308
1253
  }
1309
- ._PlanCard--fullWidth_11294_225 ._PlanCard-header_11294_26 {
1310
- max-width: 312px;
1254
+ ._PlanGrid-table_1ar8g_18 tbody tr:last-child ._PlanGrid-featureName_1ar8g_44,
1255
+ ._PlanGrid-table_1ar8g_18 tbody tr:last-child ._PlanGrid-featureValue_1ar8g_46 {
1256
+ border-bottom: 0;
1311
1257
  }
1312
- ._PlanCard--fullWidth_11294_225 ._PlanCard-action_11294_143 {
1313
- max-width: 256px;
1258
+ ._PlanGrid-enterprise_1ar8g_201 {
1259
+ color: var(--puck-color-grey-04);
1260
+ font-size: var(--puck-font-size-xxs);
1261
+ margin-left: auto;
1262
+ margin-right: auto;
1263
+ padding-inline: 4px;
1264
+ padding-top: 20px;
1265
+ text-align: center;
1314
1266
  }
1315
- ._PlanCard--fullWidth_11294_225 ._PlanCard-sectionBody_11294_113 {
1316
- display: grid;
1317
- grid-template-rows: 1fr 1fr 1fr 1fr;
1318
- grid-auto-flow: column;
1267
+ ._PlanGrid-enterprise_1ar8g_201 a {
1268
+ color: var(--puck-color-azure-04);
1269
+ cursor: pointer;
1270
+ font-weight: 500;
1319
1271
  }
1320
1272
 
1321
1273
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */