@deque/cauldron-styles 3.0.1-canary.e98b9d24 → 3.0.1-canary.eb6cb861

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 (2) hide show
  1. package/dist/index.css +50 -20
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -3450,58 +3450,88 @@ button.TooltipTabstop {
3450
3450
 
3451
3451
  :root {
3452
3452
  --panel-border-color: var(--gray-40);
3453
- --panel-header-background-color: var(--gray-20);
3454
- --panel-header-color: var(--gray-90);
3455
- --panel-content-background-color: var(--white);
3456
- --panel-content-color: var(--gray-60);
3453
+ --panel-background-color: var(--white);
3454
+ --panel-heading-color: var(--gray-90);
3457
3455
  }
3458
3456
 
3459
3457
  .Panel {
3458
+ padding: var(--space-large);
3460
3459
  border: 1px solid var(--panel-border-color);
3460
+ border-radius: 3px;
3461
+ box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
3462
+ background-color: var(--panel-background-color);
3463
+ }
3464
+
3465
+ .Panel__Heading {
3466
+ font-size: var(--text-size-medium);
3467
+ color: var(--panel-heading-color);
3468
+ padding: 0;
3469
+ margin: 0 0 var(--space-large) 0;
3470
+ font-weight: var(--font-weight-bold);
3471
+ }
3472
+
3473
+ /* Dark Theme */
3474
+
3475
+ .cauldron--theme-dark {
3476
+ --panel-border-color: #5d676f;
3477
+ --panel-background-color: var(--accent-medium);
3478
+ --panel-heading-color: var(--accent-light);
3461
3479
  }
3462
3480
 
3463
- .Panel__Header {
3464
- background-color: var(--panel-header-background-color);
3465
- color: var(--panel-header-color);
3481
+ :root {
3482
+ --issue-panel-border-color: var(--gray-40);
3483
+ --issue-panel-header-background-color: var(--gray-20);
3484
+ --issue-panel-header-color: var(--gray-90);
3485
+ --issue-panel-content-background-color: var(--white);
3486
+ --issue-panel-content-color: var(--gray-60);
3487
+ }
3488
+
3489
+ .IssuePanel {
3490
+ border: 1px solid var(--issue-panel-border-color);
3491
+ }
3492
+
3493
+ .IssuePanel__Header {
3494
+ background-color: var(--issue-panel-header-background-color);
3495
+ color: var(--issue-panel-header-color);
3466
3496
  font-size: var(--text-size-normal);
3467
3497
  display: flex;
3468
- border-bottom: 1px solid var(--panel-border-color);
3498
+ border-bottom: 1px solid var(--issue-panel-border-color);
3469
3499
  align-items: center;
3470
3500
  padding: var(--space-half) 0;
3471
3501
  }
3472
3502
 
3473
- .Panel__Header-title {
3503
+ .IssuePanel__Header-title {
3474
3504
  flex-grow: 1;
3475
3505
  display: flex;
3476
3506
  font-weight: var(--font-weight-bold);
3477
3507
  padding-left: var(--space-small);
3478
3508
  }
3479
3509
 
3480
- .Panel__Header-actions {
3510
+ .IssuePanel__Header-actions {
3481
3511
  flex-grow: 1;
3482
3512
  text-align: right;
3483
3513
  margin-right: var(--space-smallest);
3484
3514
  }
3485
3515
 
3486
- .Panel__Content {
3516
+ .IssuePanel__Content {
3487
3517
  font-size: var(--text-size-smaller);
3488
- background-color: var(--panel-content-background-color);
3489
- color: var(--panel-content-color);
3518
+ background-color: var(--issue-panel-content-background-color);
3519
+ color: var(--issue-panel-content-color);
3490
3520
  padding: var(--space-small);
3491
3521
  }
3492
3522
 
3493
3523
  /* Dark Theme */
3494
3524
 
3495
3525
  .cauldron--theme-dark {
3496
- --panel-border-color: #5d676f;
3497
- --panel-header-background-color: var(--accent-dark);
3498
- --panel-header-color: var(--white);
3499
- --panel-content-background-color: var(--accent-medium);
3500
- --panel-content-color: var(--accent-light);
3526
+ --issue-panel-border-color: #5d676f;
3527
+ --issue-panel-header-background-color: var(--accent-dark);
3528
+ --issue-panel-header-color: var(--white);
3529
+ --issue-panel-content-background-color: var(--accent-medium);
3530
+ --issue-panel-content-color: var(--accent-light);
3501
3531
  }
3502
3532
 
3503
- .cauldron--theme-dark .Panel__Header {
3504
- border-bottom: 1px solid var(--panel-border-color);
3533
+ .cauldron--theme-dark .IssuePanel__Header {
3534
+ border-bottom: 1px solid var(--issue-panel-border-color);
3505
3535
  }
3506
3536
 
3507
3537
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deque/cauldron-styles",
3
- "version": "3.0.1-canary.e98b9d24",
3
+ "version": "3.0.1-canary.eb6cb861",
4
4
  "license": "MPL-2.0",
5
5
  "description": "deque cauldron pattern library styles",
6
6
  "repository": "https://github.com/dequelabs/cauldron",