@examind/block-editor 0.1.25 → 0.1.27

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/index.css +147 -124
  2. package/dist/index.js +1987 -1681
  3. package/dist/index.mjs +1608 -1301
  4. package/package.json +13 -13
package/dist/index.css CHANGED
@@ -1591,7 +1591,6 @@ sl-progress-bar {
1591
1591
  outline: 1px dashed var(--sl-color-primary-500);
1592
1592
  }
1593
1593
  .text-bold,
1594
- .text-code,
1595
1594
  .text-italic,
1596
1595
  .text-subscript,
1597
1596
  .text-superscript,
@@ -1614,20 +1613,6 @@ sl-progress-bar {
1614
1613
  text-decoration: underline line-through;
1615
1614
  text-underline-offset: 2px;
1616
1615
  }
1617
- .text-code {
1618
- background-color: var(--sl-color-neutral-100);
1619
- padding-inline: var(--sl-spacing-2x-small);
1620
- border-radius: var(--sl-border-radius-small);
1621
- border-color: var(--sl-color-neutral-200);
1622
- border-style: solid;
1623
- border-width: 1px;
1624
- font-family: var(--sl-font-mono), monospace;
1625
- font-style: normal;
1626
- font-size: inherit;
1627
- padding-block: var(--sl-spacing-3x-small);
1628
- font-weight: var(--sl-font-weight-normal);
1629
- z-index: 0;
1630
- }
1631
1616
  }
1632
1617
 
1633
1618
  /* src/styles/article-table-box.css */
@@ -2006,12 +1991,12 @@ sl-progress-bar {
2006
1991
  position: relative;
2007
1992
  display: flex;
2008
1993
  flex-direction: column;
2009
- gap: var(--sl-spacing-2x-small);
1994
+ gap: 6px;
2010
1995
  }
2011
1996
  .multiple-option-question-prompt-title {
2012
- font-size: var(--sl-font-size-medium);
2013
- font-weight: var(--sl-font-weight-normal);
2014
- color: var(--sl-color-neutral-600);
1997
+ font-size: 10px;
1998
+ color: var(--sl-color-neutral-1000);
1999
+ line-height: 16px;
2015
2000
  text-transform: uppercase;
2016
2001
  }
2017
2002
  .multiple-option-question-prompt-options {
@@ -2086,6 +2071,20 @@ sl-progress-bar {
2086
2071
  flex-direction: row;
2087
2072
  justify-items: center;
2088
2073
  justify-content: end;
2074
+ sl-button::part(base) {
2075
+ padding-inline-start: 4px;
2076
+ padding-inline: 4px;
2077
+ padding-block: 4px;
2078
+ padding: 4px 4px;
2079
+ min-height: auto;
2080
+ align-items: center;
2081
+ line-height: 1;
2082
+ }
2083
+ sl-button::part(label) {
2084
+ padding-right: 0;
2085
+ padding-left: 8px;
2086
+ letter-spacing: 1.25px;
2087
+ }
2089
2088
  }
2090
2089
  }
2091
2090
 
@@ -2114,9 +2113,9 @@ sl-progress-bar {
2114
2113
  gap: var(--sl-spacing-2x-small);
2115
2114
  }
2116
2115
  .short-answer-question-prompt-title {
2117
- font-size: var(--sl-font-size-medium);
2118
- font-weight: var(--sl-font-weight-normal);
2119
- color: var(--sl-color-neutral-600);
2116
+ font-size: 10px;
2117
+ color: var(--sl-color-neutral-1000);
2118
+ line-height: 16px;
2120
2119
  text-transform: uppercase;
2121
2120
  }
2122
2121
  .short-answer-question-prompt-content {
@@ -2154,6 +2153,20 @@ sl-progress-bar {
2154
2153
  color: var(--sl-color-neutral-600);
2155
2154
  text-transform: uppercase;
2156
2155
  padding-inline: var(--sl-spacing-small);
2156
+ sl-button::part(base) {
2157
+ padding-inline-start: 4px;
2158
+ padding-inline: 4px;
2159
+ padding-block: 4px;
2160
+ padding: 4px 4px;
2161
+ min-height: auto;
2162
+ align-items: center;
2163
+ line-height: 1;
2164
+ }
2165
+ sl-button::part(label) {
2166
+ padding-right: 0;
2167
+ padding-left: 8px;
2168
+ letter-spacing: 1.25px;
2169
+ }
2157
2170
  }
2158
2171
  }
2159
2172
 
@@ -2182,9 +2195,9 @@ sl-progress-bar {
2182
2195
  gap: var(--sl-spacing-2x-small);
2183
2196
  }
2184
2197
  .matching-question-prompt-title {
2185
- font-size: var(--sl-font-size-medium);
2186
- font-weight: var(--sl-font-weight-normal);
2187
- color: var(--sl-color-neutral-600);
2198
+ font-size: 10px;
2199
+ color: var(--sl-color-neutral-1000);
2200
+ line-height: 16px;
2188
2201
  text-transform: uppercase;
2189
2202
  }
2190
2203
  .matching-question-prompt-items {
@@ -2250,6 +2263,20 @@ sl-progress-bar {
2250
2263
  flex-direction: row;
2251
2264
  justify-items: center;
2252
2265
  justify-content: end;
2266
+ sl-button::part(base) {
2267
+ padding-inline-start: 4px;
2268
+ padding-inline: 4px;
2269
+ padding-block: 4px;
2270
+ padding: 4px 4px;
2271
+ min-height: auto;
2272
+ align-items: center;
2273
+ line-height: 1;
2274
+ }
2275
+ sl-button::part(label) {
2276
+ padding-right: 0;
2277
+ padding-left: 8px;
2278
+ letter-spacing: 1.25px;
2279
+ }
2253
2280
  }
2254
2281
  }
2255
2282
 
@@ -2279,29 +2306,18 @@ sl-progress-bar {
2279
2306
  gap: var(--sl-spacing-2x-small);
2280
2307
  }
2281
2308
  .fill-in-the-blank-question-prompt-title {
2282
- font-size: var(--sl-font-size-medium);
2283
- font-weight: var(--sl-font-weight-bold);
2284
- color: var(--sl-color-neutral-600);
2309
+ font-size: 10px;
2310
+ color: var(--sl-color-neutral-1000);
2311
+ line-height: 16px;
2312
+ text-transform: uppercase;
2285
2313
  }
2286
2314
  .fill-in-the-blank-question-prompt-content {
2287
- position: relative;
2288
- display: flex;
2289
- flex-direction: column;
2290
- gap: var(--sl-spacing-2x-small);
2291
- padding-top: var(--sl-spacing-2x-small);
2292
- padding-left: var(--sl-spacing-small);
2293
- padding-right: var(--sl-spacing-small);
2294
- padding-bottom: var(--sl-spacing-small);
2295
- border: 1px solid var(--sl-color-neutral-300);
2296
- border-radius: var(--sl-border-radius-medium);
2297
- background-color: var(--sl-color-neutral-50);
2298
- .title {
2299
- color: var(--sl-color-neutral-500);
2300
- display: flex;
2301
- flex-direction: row;
2302
- align-items: center;
2303
- gap: var(--sl-spacing-x-small);
2304
- font-size: var(--sl-font-size-x-small);
2315
+ .nested-content {
2316
+ width: 100%;
2317
+ border-radius: 4px;
2318
+ padding: 8px;
2319
+ outline: 1px solid var(--sl-color-neutral-1000);
2320
+ background-color: var(--sl-color-neutral-50);
2305
2321
  }
2306
2322
  p,
2307
2323
  h1,
@@ -2338,7 +2354,7 @@ sl-progress-bar {
2338
2354
  position: relative;
2339
2355
  margin-top: var(--sl-spacing-large);
2340
2356
  margin-bottom: var(--sl-spacing-large);
2341
- &[data-settings-node-selected] {
2357
+ &[data-settings-node-selected]:not(:focus-within) {
2342
2358
  outline: 1px solid var(--td-settings-node-selected-border-color) !important;
2343
2359
  outline-offset: 3px !important;
2344
2360
  border-radius: var(--sl-border-radius-small) !important;
@@ -2357,94 +2373,69 @@ sl-progress-bar {
2357
2373
  gap: var(--sl-spacing-2x-small);
2358
2374
  }
2359
2375
  .journal-entry-question-prompt-title {
2360
- font-size: var(--sl-font-size-medium);
2361
- font-weight: var(--sl-font-weight-bold);
2362
- color: var(--sl-color-neutral-600);
2376
+ font-size: 10px;
2377
+ color: var(--sl-color-neutral-1000);
2378
+ line-height: 16px;
2379
+ text-transform: uppercase;
2363
2380
  }
2364
2381
  .journal-entry-question-prompt-items {
2365
- flex-grow: 1;
2366
- display: flex;
2367
- flex-direction: column;
2368
- gap: var(--sl-spacing-x-small);
2369
- }
2370
- .journal-entry-question-prompt-question-item-wrapper {
2371
- position: relative;
2372
2382
  display: grid;
2373
- grid-template-columns: 1fr 1fr 1fr;
2374
- gap: var(--sl-spacing-small);
2383
+ grid-template-columns: auto 1fr 160px 160px;
2384
+ column-gap: 6px;
2385
+ row-gap: 6px;
2386
+ width: 100%;
2375
2387
  }
2376
- .journal-entry-question-distractor-button {
2388
+ .journal-entry-question-prompt-question-item-controls {
2377
2389
  display: flex;
2378
- flex-flow: row;
2379
- justify-content: end;
2380
- color: var(--sl-color-danger-500);
2381
- sl-button::part(base) {
2382
- color: var(--sl-color-danger-400);
2390
+ flex-direction: row;
2391
+ align-items: center;
2392
+ gap: 8px;
2393
+ justify-content: start;
2394
+ .sl-icon {
2395
+ width: 20px;
2396
+ height: 20px;
2383
2397
  }
2384
- sl-button::part(base):hover {
2385
- color: var(--sl-color-danger-500);
2398
+ sl-button[size=small].button_icon::part(base),
2399
+ sl-button[size=medium].button_icon::part(base),
2400
+ sl-button[size=large].button_icon::part(base) {
2401
+ padding-inline: 0;
2402
+ padding: 2px;
2386
2403
  }
2387
- }
2388
- .journal-entry-question-prompt-question-item {
2389
- flex-grow: 1;
2390
- position: relative;
2391
- display: flex;
2392
- flex-direction: column;
2393
- gap: var(--sl-spacing-2x-small);
2394
- padding-top: var(--sl-spacing-2x-small);
2395
- padding-left: var(--sl-spacing-small);
2396
- padding-right: var(--sl-spacing-small);
2397
- padding-bottom: var(--sl-spacing-small);
2398
- border: 1px solid var(--sl-color-neutral-300);
2399
- border-radius: var(--sl-border-radius-medium);
2400
- color: var(--sl-color-neutral-500);
2401
- .controls {
2402
- position: absolute;
2403
- top: calc(50% - 20px);
2404
- right: -32px;
2405
- display: flex;
2406
- flex-direction: row;
2407
- z-index: 10;
2408
- sl-button::part(base) {
2409
- padding-inline: var(--sl-spacing-x-small);
2410
- }
2404
+ sl-button.button_icon::part(base) {
2405
+ border: 0;
2406
+ min-height: auto;
2407
+ align-items: center;
2411
2408
  }
2412
- &.correct {
2413
- border-color: var(--sl-color-success-300);
2414
- background-color: var(--sl-color-success-50);
2415
- padding-right: var(--sl-spacing-3x-large);
2416
- .title,
2417
- .controls {
2418
- color: var(--sl-color-success-500);
2419
- sl-button::part(base) {
2420
- color: var(--sl-color-success-400);
2421
- }
2422
- sl-button::part(base):hover {
2423
- color: var(--sl-color-success-500);
2424
- }
2425
- }
2409
+ sl-button.neutral::part(base) {
2410
+ color: var(--sl-color-neutral-700);
2426
2411
  }
2427
- &.incorrect {
2428
- border-color: var(--sl-color-danger-300);
2429
- background-color: var(--sl-color-danger-50);
2430
- padding-right: var(--sl-spacing-3x-large);
2431
- .title,
2432
- .controls {
2433
- color: var(--sl-color-danger-500);
2434
- sl-button::part(base) {
2435
- color: var(--sl-color-danger-400);
2436
- }
2437
- sl-button::part(base):hover {
2438
- color: var(--sl-color-danger-500);
2439
- }
2440
- }
2412
+ sl-button.success::part(base) {
2413
+ color: var(--sl-color-success-500);
2441
2414
  }
2442
- .title {
2443
- display: flex;
2444
- flex-direction: row;
2415
+ sl-button.danger::part(base) {
2416
+ color: var(--sl-color-danger-500);
2417
+ }
2418
+ sl-checkbox::part(control) {
2419
+ border-radius: 4px;
2420
+ }
2421
+ sl-checkbox::part(label) {
2422
+ font-size: 10px;
2423
+ color: var(--sl-color-neutral-1000);
2424
+ line-height: 16px;
2425
+ }
2426
+ sl-checkbox::part(base) {
2445
2427
  align-items: center;
2446
- gap: var(--sl-spacing-x-small);
2447
- font-size: var(--sl-font-size-x-small);
2428
+ }
2429
+ }
2430
+ .journal-entry-question-prompt-question-item {
2431
+ .nested-content {
2432
+ width: 100%;
2433
+ border-radius: 4px;
2434
+ padding: 8px;
2435
+ outline: 1px solid var(--sl-color-neutral-1000);
2436
+ }
2437
+ .nested-content:focus {
2438
+ outline: 1px solid #7b00ff;
2448
2439
  }
2449
2440
  p,
2450
2441
  h1,
@@ -2459,6 +2450,38 @@ sl-progress-bar {
2459
2450
  margin-bottom: var(--sl-spacing-x-small);
2460
2451
  }
2461
2452
  }
2453
+ .journal-entry-question-prompt-question-item.numbers {
2454
+ .nested-content {
2455
+ text-align: end;
2456
+ }
2457
+ }
2458
+ .journal-entry-question-prompt-question-item.disabled {
2459
+ .nested-content,
2460
+ .nested-content:focus {
2461
+ outline-color: var(--sl-color-neutral-300);
2462
+ color: var(--sl-color-neutral-300);
2463
+ }
2464
+ }
2465
+ .journal-entry-question-prompt-footer {
2466
+ display: flex;
2467
+ flex-direction: row;
2468
+ justify-items: center;
2469
+ justify-content: end;
2470
+ sl-button::part(base) {
2471
+ padding-inline-start: 4px;
2472
+ padding-inline: 4px;
2473
+ padding-block: 4px;
2474
+ padding: 4px 4px;
2475
+ min-height: auto;
2476
+ align-items: center;
2477
+ line-height: 1;
2478
+ }
2479
+ sl-button::part(label) {
2480
+ padding-right: 0;
2481
+ padding-left: 8px;
2482
+ letter-spacing: 1.25px;
2483
+ }
2484
+ }
2462
2485
  }
2463
2486
 
2464
2487
  /* src/styles/article-financial-statement-question.css */