@primer/primitives 10.4.0-rc.eab36abe → 10.4.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.
- package/dist/css/functional/themes/dark-colorblind.css +6 -6
- package/dist/css/functional/themes/dark-dimmed.css +6 -6
- package/dist/css/functional/themes/dark-high-contrast.css +6 -6
- package/dist/css/functional/themes/dark-tritanopia.css +6 -6
- package/dist/css/functional/themes/dark.css +6 -6
- package/dist/css/functional/themes/light-colorblind.css +6 -6
- package/dist/css/functional/themes/light-high-contrast.css +6 -6
- package/dist/css/functional/themes/light-tritanopia.css +6 -6
- package/dist/css/functional/themes/light.css +6 -6
- package/dist/docs/functional/themes/dark-colorblind.json +65 -14
- package/dist/docs/functional/themes/dark-dimmed.json +65 -14
- package/dist/docs/functional/themes/dark-high-contrast.json +65 -14
- package/dist/docs/functional/themes/dark-tritanopia.json +65 -14
- package/dist/docs/functional/themes/dark.json +65 -14
- package/dist/docs/functional/themes/light-colorblind.json +66 -15
- package/dist/docs/functional/themes/light-high-contrast.json +66 -15
- package/dist/docs/functional/themes/light-tritanopia.json +66 -15
- package/dist/docs/functional/themes/light.json +66 -15
- package/dist/figma/themes/dark-colorblind.json +112 -12
- package/dist/figma/themes/dark-dimmed.json +112 -12
- package/dist/figma/themes/dark-high-contrast.json +112 -12
- package/dist/figma/themes/dark-tritanopia.json +112 -12
- package/dist/figma/themes/dark.json +112 -12
- package/dist/figma/themes/light-colorblind.json +114 -14
- package/dist/figma/themes/light-high-contrast.json +114 -14
- package/dist/figma/themes/light-tritanopia.json +114 -14
- package/dist/figma/themes/light.json +114 -14
- package/dist/internalCss/dark-colorblind.css +6 -6
- package/dist/internalCss/dark-dimmed.css +6 -6
- package/dist/internalCss/dark-high-contrast.css +6 -6
- package/dist/internalCss/dark-tritanopia.css +6 -6
- package/dist/internalCss/dark.css +6 -6
- package/dist/internalCss/light-colorblind.css +6 -6
- package/dist/internalCss/light-high-contrast.css +6 -6
- package/dist/internalCss/light-tritanopia.css +6 -6
- package/dist/internalCss/light.css +6 -6
- package/dist/styleLint/functional/themes/dark-colorblind.json +65 -14
- package/dist/styleLint/functional/themes/dark-dimmed.json +65 -14
- package/dist/styleLint/functional/themes/dark-high-contrast.json +65 -14
- package/dist/styleLint/functional/themes/dark-tritanopia.json +65 -14
- package/dist/styleLint/functional/themes/dark.json +65 -14
- package/dist/styleLint/functional/themes/light-colorblind.json +66 -15
- package/dist/styleLint/functional/themes/light-high-contrast.json +66 -15
- package/dist/styleLint/functional/themes/light-tritanopia.json +66 -15
- package/dist/styleLint/functional/themes/light.json +66 -15
- package/package.json +1 -1
- package/src/tokens/component/button.json5 +4 -4
- package/src/tokens/component/overlay.json5 +1 -1
- package/src/tokens/functional/shadow/shadow.json5 +43 -10
|
@@ -27556,7 +27556,7 @@
|
|
|
27556
27556
|
"$extensions": {
|
|
27557
27557
|
"org.primer.figma": {
|
|
27558
27558
|
"collection": "mode",
|
|
27559
|
-
"group": "component
|
|
27559
|
+
"group": "component",
|
|
27560
27560
|
"scopes": ["bgColor"]
|
|
27561
27561
|
},
|
|
27562
27562
|
"org.primer.overrides": {
|
|
@@ -27575,7 +27575,7 @@
|
|
|
27575
27575
|
"$extensions": {
|
|
27576
27576
|
"org.primer.figma": {
|
|
27577
27577
|
"collection": "mode",
|
|
27578
|
-
"group": "component
|
|
27578
|
+
"group": "component",
|
|
27579
27579
|
"scopes": ["bgColor"]
|
|
27580
27580
|
},
|
|
27581
27581
|
"org.primer.overrides": {
|
|
@@ -28692,7 +28692,7 @@
|
|
|
28692
28692
|
"key": "{shadow.inset}"
|
|
28693
28693
|
},
|
|
28694
28694
|
"shadow-resting-medium": {
|
|
28695
|
-
"$value": "0px 3px 6px 0px #25292e1f",
|
|
28695
|
+
"$value": "0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f",
|
|
28696
28696
|
"$type": "shadow",
|
|
28697
28697
|
"$extensions": {
|
|
28698
28698
|
"org.primer.figma": {
|
|
@@ -28702,6 +28702,14 @@
|
|
|
28702
28702
|
"org.primer.overrides": {
|
|
28703
28703
|
"dark": {
|
|
28704
28704
|
"$value": [
|
|
28705
|
+
{
|
|
28706
|
+
"color": "#ffffff",
|
|
28707
|
+
"alpha": 0.4,
|
|
28708
|
+
"offsetX": "0px",
|
|
28709
|
+
"offsetY": "1px",
|
|
28710
|
+
"blur": "1px",
|
|
28711
|
+
"spread": "0px"
|
|
28712
|
+
},
|
|
28705
28713
|
{
|
|
28706
28714
|
"color": "#ffffff",
|
|
28707
28715
|
"alpha": 0.8,
|
|
@@ -28721,6 +28729,14 @@
|
|
|
28721
28729
|
"isSource": true,
|
|
28722
28730
|
"original": {
|
|
28723
28731
|
"$value": [
|
|
28732
|
+
{
|
|
28733
|
+
"color": "{base.color.neutral.12}",
|
|
28734
|
+
"alpha": 0.1,
|
|
28735
|
+
"offsetX": "0px",
|
|
28736
|
+
"offsetY": "1px",
|
|
28737
|
+
"blur": "1px",
|
|
28738
|
+
"spread": "0px"
|
|
28739
|
+
},
|
|
28724
28740
|
{
|
|
28725
28741
|
"color": "{base.color.neutral.12}",
|
|
28726
28742
|
"alpha": 0.12,
|
|
@@ -28739,6 +28755,14 @@
|
|
|
28739
28755
|
"org.primer.overrides": {
|
|
28740
28756
|
"dark": {
|
|
28741
28757
|
"$value": [
|
|
28758
|
+
{
|
|
28759
|
+
"color": "{base.color.neutral.0}",
|
|
28760
|
+
"alpha": 0.4,
|
|
28761
|
+
"offsetX": "0px",
|
|
28762
|
+
"offsetY": "1px",
|
|
28763
|
+
"blur": "1px",
|
|
28764
|
+
"spread": "0px"
|
|
28765
|
+
},
|
|
28742
28766
|
{
|
|
28743
28767
|
"color": "{base.color.neutral.0}",
|
|
28744
28768
|
"alpha": 0.8,
|
|
@@ -28761,7 +28785,7 @@
|
|
|
28761
28785
|
"key": "{shadow.resting.medium}"
|
|
28762
28786
|
},
|
|
28763
28787
|
"shadow-resting-small": {
|
|
28764
|
-
"$value": "0px 1px 0px 0px #
|
|
28788
|
+
"$value": "0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f",
|
|
28765
28789
|
"$type": "shadow",
|
|
28766
28790
|
"$extensions": {
|
|
28767
28791
|
"org.primer.figma": {
|
|
@@ -28773,10 +28797,19 @@
|
|
|
28773
28797
|
"$value": [
|
|
28774
28798
|
{
|
|
28775
28799
|
"color": "#ffffff",
|
|
28776
|
-
"alpha": 0.
|
|
28800
|
+
"alpha": 0.6,
|
|
28777
28801
|
"offsetX": "0px",
|
|
28778
28802
|
"offsetY": "1px",
|
|
28779
|
-
"blur": "
|
|
28803
|
+
"blur": "1px",
|
|
28804
|
+
"spread": "0px",
|
|
28805
|
+
"inset": false
|
|
28806
|
+
},
|
|
28807
|
+
{
|
|
28808
|
+
"color": "#ffffff",
|
|
28809
|
+
"alpha": 0.6,
|
|
28810
|
+
"offsetX": "0px",
|
|
28811
|
+
"offsetY": "1px",
|
|
28812
|
+
"blur": "3px",
|
|
28780
28813
|
"spread": "0px",
|
|
28781
28814
|
"inset": false
|
|
28782
28815
|
}
|
|
@@ -28793,10 +28826,19 @@
|
|
|
28793
28826
|
"$value": [
|
|
28794
28827
|
{
|
|
28795
28828
|
"color": "{base.color.neutral.13}",
|
|
28796
|
-
"alpha": 0.
|
|
28829
|
+
"alpha": 0.06,
|
|
28797
28830
|
"offsetX": "0px",
|
|
28798
28831
|
"offsetY": "1px",
|
|
28799
|
-
"blur": "
|
|
28832
|
+
"blur": "1px",
|
|
28833
|
+
"spread": "0px",
|
|
28834
|
+
"inset": false
|
|
28835
|
+
},
|
|
28836
|
+
{
|
|
28837
|
+
"color": "{base.color.neutral.13}",
|
|
28838
|
+
"alpha": 0.06,
|
|
28839
|
+
"offsetX": "0px",
|
|
28840
|
+
"offsetY": "1px",
|
|
28841
|
+
"blur": "3px",
|
|
28800
28842
|
"spread": "0px",
|
|
28801
28843
|
"inset": false
|
|
28802
28844
|
}
|
|
@@ -28812,10 +28854,19 @@
|
|
|
28812
28854
|
"$value": [
|
|
28813
28855
|
{
|
|
28814
28856
|
"color": "{base.color.neutral.0}",
|
|
28815
|
-
"alpha": 0.
|
|
28857
|
+
"alpha": 0.6,
|
|
28816
28858
|
"offsetX": "0px",
|
|
28817
28859
|
"offsetY": "1px",
|
|
28818
|
-
"blur": "
|
|
28860
|
+
"blur": "1px",
|
|
28861
|
+
"spread": "0px",
|
|
28862
|
+
"inset": false
|
|
28863
|
+
},
|
|
28864
|
+
{
|
|
28865
|
+
"color": "{base.color.neutral.0}",
|
|
28866
|
+
"alpha": 0.6,
|
|
28867
|
+
"offsetX": "0px",
|
|
28868
|
+
"offsetY": "1px",
|
|
28869
|
+
"blur": "3px",
|
|
28819
28870
|
"spread": "0px",
|
|
28820
28871
|
"inset": false
|
|
28821
28872
|
}
|
|
@@ -28833,7 +28884,7 @@
|
|
|
28833
28884
|
"key": "{shadow.resting.small}"
|
|
28834
28885
|
},
|
|
28835
28886
|
"shadow-resting-xsmall": {
|
|
28836
|
-
"$value": "0px 1px
|
|
28887
|
+
"$value": "0px 1px 1px 0px #0104090f",
|
|
28837
28888
|
"$type": "shadow",
|
|
28838
28889
|
"$extensions": {
|
|
28839
28890
|
"org.primer.figma": {
|
|
@@ -28847,7 +28898,7 @@
|
|
|
28847
28898
|
"alpha": 0.8,
|
|
28848
28899
|
"offsetX": "0px",
|
|
28849
28900
|
"offsetY": "1px",
|
|
28850
|
-
"blur": "
|
|
28901
|
+
"blur": "1px",
|
|
28851
28902
|
"spread": "0px",
|
|
28852
28903
|
"inset": false
|
|
28853
28904
|
},
|
|
@@ -28862,10 +28913,10 @@
|
|
|
28862
28913
|
"original": {
|
|
28863
28914
|
"$value": {
|
|
28864
28915
|
"color": "{base.color.neutral.13}",
|
|
28865
|
-
"alpha": 0.
|
|
28916
|
+
"alpha": 0.06,
|
|
28866
28917
|
"offsetX": "0px",
|
|
28867
28918
|
"offsetY": "1px",
|
|
28868
|
-
"blur": "
|
|
28919
|
+
"blur": "1px",
|
|
28869
28920
|
"spread": "0px",
|
|
28870
28921
|
"inset": false
|
|
28871
28922
|
},
|
|
@@ -28882,7 +28933,7 @@
|
|
|
28882
28933
|
"alpha": 0.8,
|
|
28883
28934
|
"offsetX": "0px",
|
|
28884
28935
|
"offsetY": "1px",
|
|
28885
|
-
"blur": "
|
|
28936
|
+
"blur": "1px",
|
|
28886
28937
|
"spread": "0px",
|
|
28887
28938
|
"inset": false
|
|
28888
28939
|
},
|
|
@@ -27556,7 +27556,7 @@
|
|
|
27556
27556
|
"$extensions": {
|
|
27557
27557
|
"org.primer.figma": {
|
|
27558
27558
|
"collection": "mode",
|
|
27559
|
-
"group": "component
|
|
27559
|
+
"group": "component",
|
|
27560
27560
|
"scopes": ["bgColor"]
|
|
27561
27561
|
},
|
|
27562
27562
|
"org.primer.overrides": {
|
|
@@ -27575,7 +27575,7 @@
|
|
|
27575
27575
|
"$extensions": {
|
|
27576
27576
|
"org.primer.figma": {
|
|
27577
27577
|
"collection": "mode",
|
|
27578
|
-
"group": "component
|
|
27578
|
+
"group": "component",
|
|
27579
27579
|
"scopes": ["bgColor"]
|
|
27580
27580
|
},
|
|
27581
27581
|
"org.primer.overrides": {
|
|
@@ -28692,7 +28692,7 @@
|
|
|
28692
28692
|
"key": "{shadow.inset}"
|
|
28693
28693
|
},
|
|
28694
28694
|
"shadow-resting-medium": {
|
|
28695
|
-
"$value": "0px 3px 6px 0px #25292e1f",
|
|
28695
|
+
"$value": "0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f",
|
|
28696
28696
|
"$type": "shadow",
|
|
28697
28697
|
"$extensions": {
|
|
28698
28698
|
"org.primer.figma": {
|
|
@@ -28702,6 +28702,14 @@
|
|
|
28702
28702
|
"org.primer.overrides": {
|
|
28703
28703
|
"dark": {
|
|
28704
28704
|
"$value": [
|
|
28705
|
+
{
|
|
28706
|
+
"color": "#ffffff",
|
|
28707
|
+
"alpha": 0.4,
|
|
28708
|
+
"offsetX": "0px",
|
|
28709
|
+
"offsetY": "1px",
|
|
28710
|
+
"blur": "1px",
|
|
28711
|
+
"spread": "0px"
|
|
28712
|
+
},
|
|
28705
28713
|
{
|
|
28706
28714
|
"color": "#ffffff",
|
|
28707
28715
|
"alpha": 0.8,
|
|
@@ -28721,6 +28729,14 @@
|
|
|
28721
28729
|
"isSource": true,
|
|
28722
28730
|
"original": {
|
|
28723
28731
|
"$value": [
|
|
28732
|
+
{
|
|
28733
|
+
"color": "{base.color.neutral.12}",
|
|
28734
|
+
"alpha": 0.1,
|
|
28735
|
+
"offsetX": "0px",
|
|
28736
|
+
"offsetY": "1px",
|
|
28737
|
+
"blur": "1px",
|
|
28738
|
+
"spread": "0px"
|
|
28739
|
+
},
|
|
28724
28740
|
{
|
|
28725
28741
|
"color": "{base.color.neutral.12}",
|
|
28726
28742
|
"alpha": 0.12,
|
|
@@ -28739,6 +28755,14 @@
|
|
|
28739
28755
|
"org.primer.overrides": {
|
|
28740
28756
|
"dark": {
|
|
28741
28757
|
"$value": [
|
|
28758
|
+
{
|
|
28759
|
+
"color": "{base.color.neutral.0}",
|
|
28760
|
+
"alpha": 0.4,
|
|
28761
|
+
"offsetX": "0px",
|
|
28762
|
+
"offsetY": "1px",
|
|
28763
|
+
"blur": "1px",
|
|
28764
|
+
"spread": "0px"
|
|
28765
|
+
},
|
|
28742
28766
|
{
|
|
28743
28767
|
"color": "{base.color.neutral.0}",
|
|
28744
28768
|
"alpha": 0.8,
|
|
@@ -28761,7 +28785,7 @@
|
|
|
28761
28785
|
"key": "{shadow.resting.medium}"
|
|
28762
28786
|
},
|
|
28763
28787
|
"shadow-resting-small": {
|
|
28764
|
-
"$value": "0px 1px 0px 0px #
|
|
28788
|
+
"$value": "0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f",
|
|
28765
28789
|
"$type": "shadow",
|
|
28766
28790
|
"$extensions": {
|
|
28767
28791
|
"org.primer.figma": {
|
|
@@ -28773,10 +28797,19 @@
|
|
|
28773
28797
|
"$value": [
|
|
28774
28798
|
{
|
|
28775
28799
|
"color": "#ffffff",
|
|
28776
|
-
"alpha": 0.
|
|
28800
|
+
"alpha": 0.6,
|
|
28777
28801
|
"offsetX": "0px",
|
|
28778
28802
|
"offsetY": "1px",
|
|
28779
|
-
"blur": "
|
|
28803
|
+
"blur": "1px",
|
|
28804
|
+
"spread": "0px",
|
|
28805
|
+
"inset": false
|
|
28806
|
+
},
|
|
28807
|
+
{
|
|
28808
|
+
"color": "#ffffff",
|
|
28809
|
+
"alpha": 0.6,
|
|
28810
|
+
"offsetX": "0px",
|
|
28811
|
+
"offsetY": "1px",
|
|
28812
|
+
"blur": "3px",
|
|
28780
28813
|
"spread": "0px",
|
|
28781
28814
|
"inset": false
|
|
28782
28815
|
}
|
|
@@ -28793,10 +28826,19 @@
|
|
|
28793
28826
|
"$value": [
|
|
28794
28827
|
{
|
|
28795
28828
|
"color": "{base.color.neutral.13}",
|
|
28796
|
-
"alpha": 0.
|
|
28829
|
+
"alpha": 0.06,
|
|
28797
28830
|
"offsetX": "0px",
|
|
28798
28831
|
"offsetY": "1px",
|
|
28799
|
-
"blur": "
|
|
28832
|
+
"blur": "1px",
|
|
28833
|
+
"spread": "0px",
|
|
28834
|
+
"inset": false
|
|
28835
|
+
},
|
|
28836
|
+
{
|
|
28837
|
+
"color": "{base.color.neutral.13}",
|
|
28838
|
+
"alpha": 0.06,
|
|
28839
|
+
"offsetX": "0px",
|
|
28840
|
+
"offsetY": "1px",
|
|
28841
|
+
"blur": "3px",
|
|
28800
28842
|
"spread": "0px",
|
|
28801
28843
|
"inset": false
|
|
28802
28844
|
}
|
|
@@ -28812,10 +28854,19 @@
|
|
|
28812
28854
|
"$value": [
|
|
28813
28855
|
{
|
|
28814
28856
|
"color": "{base.color.neutral.0}",
|
|
28815
|
-
"alpha": 0.
|
|
28857
|
+
"alpha": 0.6,
|
|
28816
28858
|
"offsetX": "0px",
|
|
28817
28859
|
"offsetY": "1px",
|
|
28818
|
-
"blur": "
|
|
28860
|
+
"blur": "1px",
|
|
28861
|
+
"spread": "0px",
|
|
28862
|
+
"inset": false
|
|
28863
|
+
},
|
|
28864
|
+
{
|
|
28865
|
+
"color": "{base.color.neutral.0}",
|
|
28866
|
+
"alpha": 0.6,
|
|
28867
|
+
"offsetX": "0px",
|
|
28868
|
+
"offsetY": "1px",
|
|
28869
|
+
"blur": "3px",
|
|
28819
28870
|
"spread": "0px",
|
|
28820
28871
|
"inset": false
|
|
28821
28872
|
}
|
|
@@ -28833,7 +28884,7 @@
|
|
|
28833
28884
|
"key": "{shadow.resting.small}"
|
|
28834
28885
|
},
|
|
28835
28886
|
"shadow-resting-xsmall": {
|
|
28836
|
-
"$value": "0px 1px
|
|
28887
|
+
"$value": "0px 1px 1px 0px #1f23280f",
|
|
28837
28888
|
"$type": "shadow",
|
|
28838
28889
|
"$extensions": {
|
|
28839
28890
|
"org.primer.figma": {
|
|
@@ -28847,7 +28898,7 @@
|
|
|
28847
28898
|
"alpha": 0.8,
|
|
28848
28899
|
"offsetX": "0px",
|
|
28849
28900
|
"offsetY": "1px",
|
|
28850
|
-
"blur": "
|
|
28901
|
+
"blur": "1px",
|
|
28851
28902
|
"spread": "0px",
|
|
28852
28903
|
"inset": false
|
|
28853
28904
|
},
|
|
@@ -28862,10 +28913,10 @@
|
|
|
28862
28913
|
"original": {
|
|
28863
28914
|
"$value": {
|
|
28864
28915
|
"color": "{base.color.neutral.13}",
|
|
28865
|
-
"alpha": 0.
|
|
28916
|
+
"alpha": 0.06,
|
|
28866
28917
|
"offsetX": "0px",
|
|
28867
28918
|
"offsetY": "1px",
|
|
28868
|
-
"blur": "
|
|
28919
|
+
"blur": "1px",
|
|
28869
28920
|
"spread": "0px",
|
|
28870
28921
|
"inset": false
|
|
28871
28922
|
},
|
|
@@ -28882,7 +28933,7 @@
|
|
|
28882
28933
|
"alpha": 0.8,
|
|
28883
28934
|
"offsetX": "0px",
|
|
28884
28935
|
"offsetY": "1px",
|
|
28885
|
-
"blur": "
|
|
28936
|
+
"blur": "1px",
|
|
28886
28937
|
"spread": "0px",
|
|
28887
28938
|
"inset": false
|
|
28888
28939
|
},
|
|
@@ -27552,7 +27552,7 @@
|
|
|
27552
27552
|
"$extensions": {
|
|
27553
27553
|
"org.primer.figma": {
|
|
27554
27554
|
"collection": "mode",
|
|
27555
|
-
"group": "component
|
|
27555
|
+
"group": "component",
|
|
27556
27556
|
"scopes": ["bgColor"]
|
|
27557
27557
|
},
|
|
27558
27558
|
"org.primer.overrides": {
|
|
@@ -27571,7 +27571,7 @@
|
|
|
27571
27571
|
"$extensions": {
|
|
27572
27572
|
"org.primer.figma": {
|
|
27573
27573
|
"collection": "mode",
|
|
27574
|
-
"group": "component
|
|
27574
|
+
"group": "component",
|
|
27575
27575
|
"scopes": ["bgColor"]
|
|
27576
27576
|
},
|
|
27577
27577
|
"org.primer.overrides": {
|
|
@@ -28688,7 +28688,7 @@
|
|
|
28688
28688
|
"key": "{shadow.inset}"
|
|
28689
28689
|
},
|
|
28690
28690
|
"shadow-resting-medium": {
|
|
28691
|
-
"$value": "0px 3px 6px 0px #25292e1f",
|
|
28691
|
+
"$value": "0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f",
|
|
28692
28692
|
"$type": "shadow",
|
|
28693
28693
|
"$extensions": {
|
|
28694
28694
|
"org.primer.figma": {
|
|
@@ -28698,6 +28698,14 @@
|
|
|
28698
28698
|
"org.primer.overrides": {
|
|
28699
28699
|
"dark": {
|
|
28700
28700
|
"$value": [
|
|
28701
|
+
{
|
|
28702
|
+
"color": "#ffffff",
|
|
28703
|
+
"alpha": 0.4,
|
|
28704
|
+
"offsetX": "0px",
|
|
28705
|
+
"offsetY": "1px",
|
|
28706
|
+
"blur": "1px",
|
|
28707
|
+
"spread": "0px"
|
|
28708
|
+
},
|
|
28701
28709
|
{
|
|
28702
28710
|
"color": "#ffffff",
|
|
28703
28711
|
"alpha": 0.8,
|
|
@@ -28717,6 +28725,14 @@
|
|
|
28717
28725
|
"isSource": true,
|
|
28718
28726
|
"original": {
|
|
28719
28727
|
"$value": [
|
|
28728
|
+
{
|
|
28729
|
+
"color": "{base.color.neutral.12}",
|
|
28730
|
+
"alpha": 0.1,
|
|
28731
|
+
"offsetX": "0px",
|
|
28732
|
+
"offsetY": "1px",
|
|
28733
|
+
"blur": "1px",
|
|
28734
|
+
"spread": "0px"
|
|
28735
|
+
},
|
|
28720
28736
|
{
|
|
28721
28737
|
"color": "{base.color.neutral.12}",
|
|
28722
28738
|
"alpha": 0.12,
|
|
@@ -28735,6 +28751,14 @@
|
|
|
28735
28751
|
"org.primer.overrides": {
|
|
28736
28752
|
"dark": {
|
|
28737
28753
|
"$value": [
|
|
28754
|
+
{
|
|
28755
|
+
"color": "{base.color.neutral.0}",
|
|
28756
|
+
"alpha": 0.4,
|
|
28757
|
+
"offsetX": "0px",
|
|
28758
|
+
"offsetY": "1px",
|
|
28759
|
+
"blur": "1px",
|
|
28760
|
+
"spread": "0px"
|
|
28761
|
+
},
|
|
28738
28762
|
{
|
|
28739
28763
|
"color": "{base.color.neutral.0}",
|
|
28740
28764
|
"alpha": 0.8,
|
|
@@ -28757,7 +28781,7 @@
|
|
|
28757
28781
|
"key": "{shadow.resting.medium}"
|
|
28758
28782
|
},
|
|
28759
28783
|
"shadow-resting-small": {
|
|
28760
|
-
"$value": "0px 1px 0px 0px #
|
|
28784
|
+
"$value": "0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f",
|
|
28761
28785
|
"$type": "shadow",
|
|
28762
28786
|
"$extensions": {
|
|
28763
28787
|
"org.primer.figma": {
|
|
@@ -28769,10 +28793,19 @@
|
|
|
28769
28793
|
"$value": [
|
|
28770
28794
|
{
|
|
28771
28795
|
"color": "#ffffff",
|
|
28772
|
-
"alpha": 0.
|
|
28796
|
+
"alpha": 0.6,
|
|
28773
28797
|
"offsetX": "0px",
|
|
28774
28798
|
"offsetY": "1px",
|
|
28775
|
-
"blur": "
|
|
28799
|
+
"blur": "1px",
|
|
28800
|
+
"spread": "0px",
|
|
28801
|
+
"inset": false
|
|
28802
|
+
},
|
|
28803
|
+
{
|
|
28804
|
+
"color": "#ffffff",
|
|
28805
|
+
"alpha": 0.6,
|
|
28806
|
+
"offsetX": "0px",
|
|
28807
|
+
"offsetY": "1px",
|
|
28808
|
+
"blur": "3px",
|
|
28776
28809
|
"spread": "0px",
|
|
28777
28810
|
"inset": false
|
|
28778
28811
|
}
|
|
@@ -28789,10 +28822,19 @@
|
|
|
28789
28822
|
"$value": [
|
|
28790
28823
|
{
|
|
28791
28824
|
"color": "{base.color.neutral.13}",
|
|
28792
|
-
"alpha": 0.
|
|
28825
|
+
"alpha": 0.06,
|
|
28793
28826
|
"offsetX": "0px",
|
|
28794
28827
|
"offsetY": "1px",
|
|
28795
|
-
"blur": "
|
|
28828
|
+
"blur": "1px",
|
|
28829
|
+
"spread": "0px",
|
|
28830
|
+
"inset": false
|
|
28831
|
+
},
|
|
28832
|
+
{
|
|
28833
|
+
"color": "{base.color.neutral.13}",
|
|
28834
|
+
"alpha": 0.06,
|
|
28835
|
+
"offsetX": "0px",
|
|
28836
|
+
"offsetY": "1px",
|
|
28837
|
+
"blur": "3px",
|
|
28796
28838
|
"spread": "0px",
|
|
28797
28839
|
"inset": false
|
|
28798
28840
|
}
|
|
@@ -28808,10 +28850,19 @@
|
|
|
28808
28850
|
"$value": [
|
|
28809
28851
|
{
|
|
28810
28852
|
"color": "{base.color.neutral.0}",
|
|
28811
|
-
"alpha": 0.
|
|
28853
|
+
"alpha": 0.6,
|
|
28812
28854
|
"offsetX": "0px",
|
|
28813
28855
|
"offsetY": "1px",
|
|
28814
|
-
"blur": "
|
|
28856
|
+
"blur": "1px",
|
|
28857
|
+
"spread": "0px",
|
|
28858
|
+
"inset": false
|
|
28859
|
+
},
|
|
28860
|
+
{
|
|
28861
|
+
"color": "{base.color.neutral.0}",
|
|
28862
|
+
"alpha": 0.6,
|
|
28863
|
+
"offsetX": "0px",
|
|
28864
|
+
"offsetY": "1px",
|
|
28865
|
+
"blur": "3px",
|
|
28815
28866
|
"spread": "0px",
|
|
28816
28867
|
"inset": false
|
|
28817
28868
|
}
|
|
@@ -28829,7 +28880,7 @@
|
|
|
28829
28880
|
"key": "{shadow.resting.small}"
|
|
28830
28881
|
},
|
|
28831
28882
|
"shadow-resting-xsmall": {
|
|
28832
|
-
"$value": "0px 1px
|
|
28883
|
+
"$value": "0px 1px 1px 0px #1f23280f",
|
|
28833
28884
|
"$type": "shadow",
|
|
28834
28885
|
"$extensions": {
|
|
28835
28886
|
"org.primer.figma": {
|
|
@@ -28843,7 +28894,7 @@
|
|
|
28843
28894
|
"alpha": 0.8,
|
|
28844
28895
|
"offsetX": "0px",
|
|
28845
28896
|
"offsetY": "1px",
|
|
28846
|
-
"blur": "
|
|
28897
|
+
"blur": "1px",
|
|
28847
28898
|
"spread": "0px",
|
|
28848
28899
|
"inset": false
|
|
28849
28900
|
},
|
|
@@ -28858,10 +28909,10 @@
|
|
|
28858
28909
|
"original": {
|
|
28859
28910
|
"$value": {
|
|
28860
28911
|
"color": "{base.color.neutral.13}",
|
|
28861
|
-
"alpha": 0.
|
|
28912
|
+
"alpha": 0.06,
|
|
28862
28913
|
"offsetX": "0px",
|
|
28863
28914
|
"offsetY": "1px",
|
|
28864
|
-
"blur": "
|
|
28915
|
+
"blur": "1px",
|
|
28865
28916
|
"spread": "0px",
|
|
28866
28917
|
"inset": false
|
|
28867
28918
|
},
|
|
@@ -28878,7 +28929,7 @@
|
|
|
28878
28929
|
"alpha": 0.8,
|
|
28879
28930
|
"offsetX": "0px",
|
|
28880
28931
|
"offsetY": "1px",
|
|
28881
|
-
"blur": "
|
|
28932
|
+
"blur": "1px",
|
|
28882
28933
|
"spread": "0px",
|
|
28883
28934
|
"inset": false
|
|
28884
28935
|
},
|
package/package.json
CHANGED
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
},
|
|
137
137
|
},
|
|
138
138
|
},
|
|
139
|
-
|
|
139
|
+
shadow: {
|
|
140
140
|
resting: {
|
|
141
141
|
$value: [
|
|
142
142
|
{
|
|
@@ -479,7 +479,7 @@
|
|
|
479
479
|
},
|
|
480
480
|
},
|
|
481
481
|
},
|
|
482
|
-
|
|
482
|
+
shadow: {
|
|
483
483
|
selected: {
|
|
484
484
|
$value: [
|
|
485
485
|
{
|
|
@@ -982,7 +982,7 @@
|
|
|
982
982
|
},
|
|
983
983
|
},
|
|
984
984
|
},
|
|
985
|
-
|
|
985
|
+
shadow: {
|
|
986
986
|
selected: {
|
|
987
987
|
$value: [
|
|
988
988
|
{
|
|
@@ -1289,7 +1289,7 @@
|
|
|
1289
1289
|
},
|
|
1290
1290
|
},
|
|
1291
1291
|
},
|
|
1292
|
-
|
|
1292
|
+
shadow: {
|
|
1293
1293
|
selected: {
|
|
1294
1294
|
$value: [
|
|
1295
1295
|
{
|