@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--
|
|
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 };
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -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--
|
|
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--
|
|
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--
|
|
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--
|
|
4688
|
+
.bp_content_card_module_card--f0b91:hover{
|
|
4687
4689
|
box-shadow:var(--content-card-dropshadow);
|
|
4688
4690
|
}
|
|
4689
|
-
.bp_content_card_module_card--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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-
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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.
|
|
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.
|
|
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.
|
|
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",
|