@box/blueprint-web 12.125.1 → 12.126.0

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.
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"card":"bp_content_card_module_card--75189","ghostCard":"bp_content_card_module_ghostCard--75189","cardContent":"bp_content_card_module_cardContent--75189","cardTitle":"bp_content_card_module_cardTitle--75189","cardTitleText":"bp_content_card_module_cardTitleText--75189","cardBody":"bp_content_card_module_cardBody--75189","cardBodyText":"bp_content_card_module_cardBodyText--75189","cardIcon":"bp_content_card_module_cardIcon--75189","cardBackground":"bp_content_card_module_cardBackground--75189","image":"bp_content_card_module_image--75189","iconGhost":"bp_content_card_module_iconGhost--75189","titleGhost":"bp_content_card_module_titleGhost--75189","bodyGhost":"bp_content_card_module_bodyGhost--75189","pillGhostContainer":"bp_content_card_module_pillGhostContainer--75189","pillGhost":"bp_content_card_module_pillGhost--75189"};
2
+ var styles = {"card":"bp_content_card_module_card--f0b91","ghostCard":"bp_content_card_module_ghostCard--f0b91","cardContent":"bp_content_card_module_cardContent--f0b91","cardTitle":"bp_content_card_module_cardTitle--f0b91","cardTitleText":"bp_content_card_module_cardTitleText--f0b91","cardBody":"bp_content_card_module_cardBody--f0b91","cardBodyText":"bp_content_card_module_cardBodyText--f0b91","cardIcon":"bp_content_card_module_cardIcon--f0b91","cardBackground":"bp_content_card_module_cardBackground--f0b91","image":"bp_content_card_module_image--f0b91","iconGhost":"bp_content_card_module_iconGhost--f0b91","titleGhost":"bp_content_card_module_titleGhost--f0b91","bodyGhost":"bp_content_card_module_bodyGhost--f0b91","pillGhostContainer":"bp_content_card_module_pillGhostContainer--f0b91","pillGhost":"bp_content_card_module_pillGhost--f0b91"};
3
3
 
4
4
  export { styles as default };
@@ -4620,7 +4620,7 @@
4620
4620
  margin-block:var(--select-content-viewport-option-separator-margin-block);
4621
4621
  }
4622
4622
 
4623
- .bp_content_card_module_card--75189[data-modern=false],.bp_content_card_module_ghostCard--75189[data-modern=false]{
4623
+ .bp_content_card_module_card--f0b91[data-modern=false],.bp_content_card_module_ghostCard--f0b91[data-modern=false]{
4624
4624
  --content-card-background-color:var(--surface-surface);
4625
4625
  --content-card-background-height:var(--size-15);
4626
4626
  --content-card-border-radius:var(--size-3);
@@ -4629,6 +4629,7 @@
4629
4629
  --content-card-dropshadow:var(--dropshadow-3);
4630
4630
  --content-card-focused-border-color:var(--outline-focus-on-light);
4631
4631
  --content-card-focused-border-size:var(--border-2);
4632
+ --content-card-icon-border-color:var(--surface-surface);
4632
4633
  --content-card-icon-border-radius:var(--size-3);
4633
4634
  --content-card-icon-border-size:var(--size-1);
4634
4635
  --content-card-icon-position:var(--size-3);
@@ -4646,7 +4647,7 @@
4646
4647
  --content-card-pressed-border:var(--border-1) solid var(--border-card-border);
4647
4648
  }
4648
4649
 
4649
- .bp_content_card_module_card--75189[data-modern=true],.bp_content_card_module_ghostCard--75189[data-modern=true]{
4650
+ .bp_content_card_module_card--f0b91[data-modern=true],.bp_content_card_module_ghostCard--f0b91[data-modern=true]{
4650
4651
  --content-card-background-color:var(--bp-surface-card-surface);
4651
4652
  --content-card-background-height:var(--bp-size-150);
4652
4653
  --content-card-border-radius:var(--bp-radius-08);
@@ -4655,6 +4656,7 @@
4655
4656
  --content-card-dropshadow:var(--dropshadow-3);
4656
4657
  --content-card-focused-border-color:var(--bp-outline-focus-on-light);
4657
4658
  --content-card-focused-border-size:var(--bp-border-02);
4659
+ --content-card-icon-border-color:var(--bp-surface-card-surface);
4658
4660
  --content-card-icon-border-radius:var(--bp-radius-08);
4659
4661
  --content-card-icon-border-size:var(--bp-size-010);
4660
4662
  --content-card-icon-position:var(--bp-size-030);
@@ -4672,7 +4674,7 @@
4672
4674
  --content-card-pressed-border:var(--bp-border-01) solid var(--bp-border-card-border);
4673
4675
  }
4674
4676
 
4675
- .bp_content_card_module_card--75189{
4677
+ .bp_content_card_module_card--f0b91{
4676
4678
  background-color:var(--content-card-background-color);
4677
4679
  border:var(--content-card-border);
4678
4680
  border-radius:var(--content-card-border-radius);
@@ -4683,21 +4685,21 @@
4683
4685
  padding:var(--content-card-padding);
4684
4686
  position:relative;
4685
4687
  }
4686
- .bp_content_card_module_card--75189:hover{
4688
+ .bp_content_card_module_card--f0b91:hover{
4687
4689
  box-shadow:var(--content-card-dropshadow);
4688
4690
  }
4689
- .bp_content_card_module_card--75189:focus-visible{
4691
+ .bp_content_card_module_card--f0b91:focus-visible{
4690
4692
  border:var(--content-card-focused-border);
4691
4693
  box-shadow:var(--content-card-dropshadow);
4692
4694
  outline:none;
4693
4695
  }
4694
- .bp_content_card_module_card--75189:active{
4696
+ .bp_content_card_module_card--f0b91:active{
4695
4697
  background-color:var(--content-card-pressed-background-color);
4696
4698
  border:var(--content-card-pressed-border);
4697
4699
  box-shadow:none;
4698
4700
  }
4699
4701
 
4700
- .bp_content_card_module_cardContent--75189{
4702
+ .bp_content_card_module_cardContent--f0b91{
4701
4703
  display:flex;
4702
4704
  flex-direction:column;
4703
4705
  gap:var(--content-card-content-gap);
@@ -4706,7 +4708,7 @@
4706
4708
  padding-block-start:calc(var(--content-card-icon-size) + var(--content-card-content-gap) + var(--content-card-icon-border-size));
4707
4709
  }
4708
4710
 
4709
- .bp_content_card_module_cardTitle--75189{
4711
+ .bp_content_card_module_cardTitle--f0b91{
4710
4712
  align-items:var(--content-card-title-align-items);
4711
4713
  display:flex;
4712
4714
  height:var(--content-card-text-height);
@@ -4714,28 +4716,28 @@
4714
4716
  min-height:var(--content-card-text-height-min);
4715
4717
  }
4716
4718
 
4717
- .bp_content_card_module_cardTitleText--75189{
4719
+ .bp_content_card_module_cardTitleText--f0b91{
4718
4720
  -webkit-box-orient:vertical;
4719
4721
  -webkit-line-clamp:2;
4720
4722
  display:-webkit-inline-box;
4721
4723
  overflow:hidden;
4722
4724
  }
4723
4725
 
4724
- .bp_content_card_module_cardBody--75189{
4726
+ .bp_content_card_module_cardBody--f0b91{
4725
4727
  height:var(--content-card-text-height);
4726
4728
  margin-block-end:var(--content-card-content-gap);
4727
4729
  }
4728
4730
 
4729
- .bp_content_card_module_cardBodyText--75189{
4731
+ .bp_content_card_module_cardBodyText--f0b91{
4730
4732
  -webkit-box-orient:vertical;
4731
4733
  -webkit-line-clamp:2;
4732
4734
  display:-webkit-inline-box;
4733
4735
  overflow:hidden;
4734
4736
  }
4735
4737
 
4736
- .bp_content_card_module_cardIcon--75189{
4738
+ .bp_content_card_module_cardIcon--f0b91{
4737
4739
  background-color:var(--content-card-background-color);
4738
- border:var(--content-card-icon-border-size) solid var(--content-card-background-color);
4740
+ border:var(--content-card-icon-border-size) solid var(--content-card-icon-border-color);
4739
4741
  border-radius:var(--content-card-icon-border-radius);
4740
4742
  height:var(--content-card-icon-size);
4741
4743
  left:var(--content-card-icon-position);
@@ -4746,7 +4748,7 @@
4746
4748
  z-index:1;
4747
4749
  }
4748
4750
 
4749
- .bp_content_card_module_cardBackground--75189{
4751
+ .bp_content_card_module_cardBackground--f0b91{
4750
4752
  height:var(--content-card-background-height);
4751
4753
  left:0;
4752
4754
  overflow:hidden;
@@ -4755,12 +4757,12 @@
4755
4757
  width:100%;
4756
4758
  }
4757
4759
 
4758
- .bp_content_card_module_image--75189{
4760
+ .bp_content_card_module_image--f0b91{
4759
4761
  height:100%;
4760
4762
  width:100%;
4761
4763
  }
4762
4764
 
4763
- .bp_content_card_module_ghostCard--75189{
4765
+ .bp_content_card_module_ghostCard--f0b91{
4764
4766
  display:flex;
4765
4767
  flex-direction:column;
4766
4768
  max-width:calc(var(--content-card-max-width) - var(--content-card-padding));
@@ -4769,21 +4771,21 @@
4769
4771
  position:relative;
4770
4772
  }
4771
4773
 
4772
- .bp_content_card_module_iconGhost--75189,.bp_content_card_module_titleGhost--75189{
4774
+ .bp_content_card_module_iconGhost--f0b91,.bp_content_card_module_titleGhost--f0b91{
4773
4775
  margin-block-end:var(--content-card-padding);
4774
4776
  }
4775
4777
 
4776
- .bp_content_card_module_bodyGhost--75189{
4778
+ .bp_content_card_module_bodyGhost--f0b91{
4777
4779
  margin-block-end:var(--content-card-content-gap);
4778
4780
  }
4779
4781
 
4780
- .bp_content_card_module_pillGhostContainer--75189{
4782
+ .bp_content_card_module_pillGhostContainer--f0b91{
4781
4783
  display:flex;
4782
4784
  margin-block-end:var(--content-card-padding);
4783
4785
  margin-block-start:var(--content-card-content-gap);
4784
4786
  }
4785
4787
 
4786
- .bp_content_card_module_pillGhost--75189{
4788
+ .bp_content_card_module_pillGhost--f0b91{
4787
4789
  margin-inline-end:var(--content-card-content-gap);
4788
4790
  }
4789
4791
  .bp_content_field_module_contentFieldWrapper--67a59{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.125.1",
3
+ "version": "12.126.0",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -47,7 +47,7 @@
47
47
  "dependencies": {
48
48
  "@ariakit/react": "0.4.15",
49
49
  "@ariakit/react-core": "0.4.15",
50
- "@box/blueprint-web-assets": "^4.96.4",
50
+ "@box/blueprint-web-assets": "^4.96.5",
51
51
  "@internationalized/date": "^3.7.0",
52
52
  "@radix-ui/react-accordion": "1.1.2",
53
53
  "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
77
77
  "type-fest": "^3.2.0"
78
78
  },
79
79
  "devDependencies": {
80
- "@box/storybook-utils": "^0.16.15",
80
+ "@box/storybook-utils": "^0.16.16",
81
81
  "@figma/code-connect": "1.3.12",
82
82
  "@types/react": "^18.0.0",
83
83
  "@types/react-dom": "^18.0.0",