@primer/view-components 0.21.0-rc.6d47fa82 → 0.21.0-rc.a6d33cb4
Sign up to get free protection for your applications and to get access to all the features.
- package/app/assets/styles/primer_view_components.css +1 -1
- package/app/assets/styles/primer_view_components.css.map +1 -1
- package/app/components/primer/alpha/banner.css +1 -1
- package/app/components/primer/beta/flash.css +1 -1
- package/package.json +1 -1
- package/static/info_arch.json +0 -104
- package/static/previews.json +0 -104
|
@@ -1 +1 @@
|
|
|
1
|
-
.Banner{background-
|
|
1
|
+
.Banner{background-color:var(--bgColor-accent-muted,var(--color-accent-subtle));border:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-accent-muted,var(--color-accent-muted));border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default));display:grid;grid-auto-flow:column;grid-template-areas:"visual message actions close";grid-template-columns:min-content 1fr minmax(0,auto) min-content;grid-template-rows:min-content;padding:var(--base-size-8,.5rem);position:relative}@media (max-width:543.98px){.Banner{grid-template-areas:"visual message close" ". actions actions";grid-template-columns:min-content 1fr min-content;grid-template-rows:min-content min-content}.Banner .Banner-actions{margin:var(--base-size-8,.5rem) 0 0 var(--base-size-8,.5rem)}}.Banner .Banner-visual{align-self:start;display:grid;grid-area:visual;padding:.375rem var(--base-size-8,.5rem)}.Banner .Banner-visual>.octicon{margin-block:calc(var(--base-size-4,.25rem)/2)}.Banner .Banner-visual>*{align-self:center}.Banner .Banner-message{align-self:center;grid-area:message;padding:.375rem var(--base-size-8,.5rem)}.Banner .Banner-message p:last-child{margin-bottom:0}.Banner .Banner-message .Banner-title:not(:only-child){font-weight:var(--base-text-weight-semibold,600);margin-bottom:0}.Banner .Banner-actions{grid-area:actions}.Banner .Banner-actions:last-child{align-self:center}.Banner .Banner-close{grid-area:close;margin-left:var(--controlStack-medium-gap-condensed,.5rem)}.Banner .Banner-visual .octicon{color:var(--fgColor-accent,var(--color-accent-fg))}.Banner.Banner--warning{background-color:var(--bgColor-attention-muted,var(--color-attention-subtle));border-color:var(--borderColor-attention-muted,var(--color-attention-muted));color:var(--fgColor-default,var(--color-fg-default))}.Banner.Banner--warning .Banner-visual .octicon{color:var(--fgColor-attention,var(--color-attention-fg))}.Banner.Banner--error{background-color:var(--bgColor-danger-muted,var(--color-danger-subtle));border-color:var(--borderColor-danger-muted,var(--color-danger-muted));color:var(--fgColor-default,var(--color-fg-default))}.Banner.Banner--error .Banner-visual .octicon{color:var(--fgColor-danger,var(--color-danger-fg))}.Banner.Banner--success{background-color:var(--bgColor-success-muted,var(--color-success-subtle));border-color:var(--borderColor-success-muted,var(--color-success-muted));color:var(--fgColor-default,var(--color-fg-default))}.Banner.Banner--success .Banner-visual .octicon{color:var(--fgColor-success,var(--color-success-fg))}.Banner.Banner--full{border-left:0;border-radius:0;border-right:0;margin-top:calc(var(--borderWidth-thin,max(1px, .0625rem))*-1)}@media (max-width:767.98px){.Banner.Banner--full-whenNarrow{border-left:0;border-radius:0;border-right:0;margin-top:calc(var(--borderWidth-thin,max(1px, .0625rem))*-1)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.flash:not(.Banner){background-
|
|
1
|
+
.flash:not(.Banner){background-color:var(--bgColor-accent-muted,var(--color-accent-subtle));border-color:var(--borderColor-accent-muted,var(--color-accent-muted));border-radius:var(--borderRadius-medium,.375rem);border-style:solid;border-width:var(--borderWidth-thin,max(1px,.0625rem));color:var(--fgColor-default,var(--color-fg-default));padding:var(--base-size-20,1.25rem) var(--control-medium-paddingInline-spacious,1rem);position:relative}.flash:not(.Banner) .octicon{color:var(--fgColor-accent,var(--color-accent-fg));margin-right:var(--base-size-12,.75rem)}.flash:not(.Banner) p:last-child{margin-bottom:0}.flash-messages{margin-bottom:var(--stack-gap-spacious,1.5rem)}.flash-close:not(.Banner-close){-webkit-appearance:none;appearance:none;background:none;border:0;cursor:pointer;float:right;margin-top:calc(var(--base-size-4,.25rem)*-1);text-align:center}.flash-close:not(.Banner-close):hover{opacity:.7}.flash-close:not(.Banner-close):active{opacity:.5}.flash-close:not(.Banner-close) .octicon{margin-right:0}.flash-action:not(.Banner-actions){background-clip:padding-box;float:right;margin-left:var(--stack-gap-spacious,1.5rem);margin-top:-3px}.flash-action.btn:not(.Banner-actions) .octicon{color:var(--fgColor-muted,var(--color-fg-muted));margin-right:var(--control-small-gap,.25rem)}.flash-action.btn-primary:not(.Banner-actions){background-clip:initial}.flash-action.btn-primary:not(.Banner-actions) .octicon{color:inherit}.flash-warn:not(.Banner){background-color:var(--bgColor-attention-muted,var(--color-attention-subtle));border-color:var(--borderColor-attention-muted,var(--color-attention-muted));color:var(--fgColor-default,var(--color-fg-default))}.flash-warn:not(.Banner) .octicon{color:var(--fgColor-attention,var(--color-attention-fg))}.flash-error:not(.Banner){background-color:var(--bgColor-danger-muted,var(--color-danger-subtle));border-color:var(--borderColor-danger-muted,var(--color-danger-muted));color:var(--fgColor-default,var(--color-fg-default))}.flash-error:not(.Banner) .octicon{color:var(--fgColor-danger,var(--color-danger-fg))}.flash-success:not(.Banner){background-color:var(--bgColor-success-muted,var(--color-success-subtle));border-color:var(--borderColor-success-muted,var(--color-success-muted));color:var(--fgColor-default,var(--color-fg-default))}.flash-success:not(.Banner) .octicon{color:var(--fgColor-success,var(--color-success-fg))}.flash-full:not(.Banner){border-radius:0;border-width:var(--borderWidth-thin,max(1px,.0625rem)) 0;margin-top:calc(var(--borderWidth-thin,max(1px, .0625rem))*-1)}.flash-banner{border-left:0;border-radius:0;border-right:0;border-top:0;position:fixed;top:0;width:100%;z-index:90}.flash-banner,.flash-full{background-color:var(--bgColor-default,var(--color-canvas-default))}.warning{background-color:var(--bgColor-attention-muted,var(--color-attention-subtle));font-weight:var(--base-text-weight-semibold,600);margin-bottom:.8em;padding:.5em}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/view-components",
|
|
3
|
-
"version": "0.21.0-rc.
|
|
3
|
+
"version": "0.21.0-rc.a6d33cb4",
|
|
4
4
|
"description": "ViewComponents for the Primer Design System",
|
|
5
5
|
"main": "app/assets/javascripts/primer_view_components.js",
|
|
6
6
|
"module": "app/components/primer/primer.js",
|
package/static/info_arch.json
CHANGED
|
@@ -8778,110 +8778,6 @@
|
|
|
8778
8778
|
"color-contrast"
|
|
8779
8779
|
]
|
|
8780
8780
|
}
|
|
8781
|
-
},
|
|
8782
|
-
{
|
|
8783
|
-
"preview_path": "primer/alpha/tooltip/tooltip_n",
|
|
8784
|
-
"name": "tooltip_n",
|
|
8785
|
-
"snapshot": "interactive",
|
|
8786
|
-
"skip_rules": {
|
|
8787
|
-
"wont_fix": [
|
|
8788
|
-
"region"
|
|
8789
|
-
],
|
|
8790
|
-
"will_fix": [
|
|
8791
|
-
"color-contrast"
|
|
8792
|
-
]
|
|
8793
|
-
}
|
|
8794
|
-
},
|
|
8795
|
-
{
|
|
8796
|
-
"preview_path": "primer/alpha/tooltip/tooltip_s",
|
|
8797
|
-
"name": "tooltip_s",
|
|
8798
|
-
"snapshot": "interactive",
|
|
8799
|
-
"skip_rules": {
|
|
8800
|
-
"wont_fix": [
|
|
8801
|
-
"region"
|
|
8802
|
-
],
|
|
8803
|
-
"will_fix": [
|
|
8804
|
-
"color-contrast"
|
|
8805
|
-
]
|
|
8806
|
-
}
|
|
8807
|
-
},
|
|
8808
|
-
{
|
|
8809
|
-
"preview_path": "primer/alpha/tooltip/tooltip_e",
|
|
8810
|
-
"name": "tooltip_e",
|
|
8811
|
-
"snapshot": "interactive",
|
|
8812
|
-
"skip_rules": {
|
|
8813
|
-
"wont_fix": [
|
|
8814
|
-
"region"
|
|
8815
|
-
],
|
|
8816
|
-
"will_fix": [
|
|
8817
|
-
"color-contrast"
|
|
8818
|
-
]
|
|
8819
|
-
}
|
|
8820
|
-
},
|
|
8821
|
-
{
|
|
8822
|
-
"preview_path": "primer/alpha/tooltip/tooltip_w",
|
|
8823
|
-
"name": "tooltip_w",
|
|
8824
|
-
"snapshot": "interactive",
|
|
8825
|
-
"skip_rules": {
|
|
8826
|
-
"wont_fix": [
|
|
8827
|
-
"region"
|
|
8828
|
-
],
|
|
8829
|
-
"will_fix": [
|
|
8830
|
-
"color-contrast"
|
|
8831
|
-
]
|
|
8832
|
-
}
|
|
8833
|
-
},
|
|
8834
|
-
{
|
|
8835
|
-
"preview_path": "primer/alpha/tooltip/tooltip_se",
|
|
8836
|
-
"name": "tooltip_se",
|
|
8837
|
-
"snapshot": "interactive",
|
|
8838
|
-
"skip_rules": {
|
|
8839
|
-
"wont_fix": [
|
|
8840
|
-
"region"
|
|
8841
|
-
],
|
|
8842
|
-
"will_fix": [
|
|
8843
|
-
"color-contrast"
|
|
8844
|
-
]
|
|
8845
|
-
}
|
|
8846
|
-
},
|
|
8847
|
-
{
|
|
8848
|
-
"preview_path": "primer/alpha/tooltip/tooltip_sw",
|
|
8849
|
-
"name": "tooltip_sw",
|
|
8850
|
-
"snapshot": "interactive",
|
|
8851
|
-
"skip_rules": {
|
|
8852
|
-
"wont_fix": [
|
|
8853
|
-
"region"
|
|
8854
|
-
],
|
|
8855
|
-
"will_fix": [
|
|
8856
|
-
"color-contrast"
|
|
8857
|
-
]
|
|
8858
|
-
}
|
|
8859
|
-
},
|
|
8860
|
-
{
|
|
8861
|
-
"preview_path": "primer/alpha/tooltip/tooltip_ne",
|
|
8862
|
-
"name": "tooltip_ne",
|
|
8863
|
-
"snapshot": "interactive",
|
|
8864
|
-
"skip_rules": {
|
|
8865
|
-
"wont_fix": [
|
|
8866
|
-
"region"
|
|
8867
|
-
],
|
|
8868
|
-
"will_fix": [
|
|
8869
|
-
"color-contrast"
|
|
8870
|
-
]
|
|
8871
|
-
}
|
|
8872
|
-
},
|
|
8873
|
-
{
|
|
8874
|
-
"preview_path": "primer/alpha/tooltip/tooltip_nw",
|
|
8875
|
-
"name": "tooltip_nw",
|
|
8876
|
-
"snapshot": "interactive",
|
|
8877
|
-
"skip_rules": {
|
|
8878
|
-
"wont_fix": [
|
|
8879
|
-
"region"
|
|
8880
|
-
],
|
|
8881
|
-
"will_fix": [
|
|
8882
|
-
"color-contrast"
|
|
8883
|
-
]
|
|
8884
|
-
}
|
|
8885
8781
|
}
|
|
8886
8782
|
],
|
|
8887
8783
|
"subcomponents": [
|
package/static/previews.json
CHANGED
|
@@ -6797,110 +6797,6 @@
|
|
|
6797
6797
|
"color-contrast"
|
|
6798
6798
|
]
|
|
6799
6799
|
}
|
|
6800
|
-
},
|
|
6801
|
-
{
|
|
6802
|
-
"preview_path": "primer/alpha/tooltip/tooltip_n",
|
|
6803
|
-
"name": "tooltip_n",
|
|
6804
|
-
"snapshot": "interactive",
|
|
6805
|
-
"skip_rules": {
|
|
6806
|
-
"wont_fix": [
|
|
6807
|
-
"region"
|
|
6808
|
-
],
|
|
6809
|
-
"will_fix": [
|
|
6810
|
-
"color-contrast"
|
|
6811
|
-
]
|
|
6812
|
-
}
|
|
6813
|
-
},
|
|
6814
|
-
{
|
|
6815
|
-
"preview_path": "primer/alpha/tooltip/tooltip_s",
|
|
6816
|
-
"name": "tooltip_s",
|
|
6817
|
-
"snapshot": "interactive",
|
|
6818
|
-
"skip_rules": {
|
|
6819
|
-
"wont_fix": [
|
|
6820
|
-
"region"
|
|
6821
|
-
],
|
|
6822
|
-
"will_fix": [
|
|
6823
|
-
"color-contrast"
|
|
6824
|
-
]
|
|
6825
|
-
}
|
|
6826
|
-
},
|
|
6827
|
-
{
|
|
6828
|
-
"preview_path": "primer/alpha/tooltip/tooltip_e",
|
|
6829
|
-
"name": "tooltip_e",
|
|
6830
|
-
"snapshot": "interactive",
|
|
6831
|
-
"skip_rules": {
|
|
6832
|
-
"wont_fix": [
|
|
6833
|
-
"region"
|
|
6834
|
-
],
|
|
6835
|
-
"will_fix": [
|
|
6836
|
-
"color-contrast"
|
|
6837
|
-
]
|
|
6838
|
-
}
|
|
6839
|
-
},
|
|
6840
|
-
{
|
|
6841
|
-
"preview_path": "primer/alpha/tooltip/tooltip_w",
|
|
6842
|
-
"name": "tooltip_w",
|
|
6843
|
-
"snapshot": "interactive",
|
|
6844
|
-
"skip_rules": {
|
|
6845
|
-
"wont_fix": [
|
|
6846
|
-
"region"
|
|
6847
|
-
],
|
|
6848
|
-
"will_fix": [
|
|
6849
|
-
"color-contrast"
|
|
6850
|
-
]
|
|
6851
|
-
}
|
|
6852
|
-
},
|
|
6853
|
-
{
|
|
6854
|
-
"preview_path": "primer/alpha/tooltip/tooltip_se",
|
|
6855
|
-
"name": "tooltip_se",
|
|
6856
|
-
"snapshot": "interactive",
|
|
6857
|
-
"skip_rules": {
|
|
6858
|
-
"wont_fix": [
|
|
6859
|
-
"region"
|
|
6860
|
-
],
|
|
6861
|
-
"will_fix": [
|
|
6862
|
-
"color-contrast"
|
|
6863
|
-
]
|
|
6864
|
-
}
|
|
6865
|
-
},
|
|
6866
|
-
{
|
|
6867
|
-
"preview_path": "primer/alpha/tooltip/tooltip_sw",
|
|
6868
|
-
"name": "tooltip_sw",
|
|
6869
|
-
"snapshot": "interactive",
|
|
6870
|
-
"skip_rules": {
|
|
6871
|
-
"wont_fix": [
|
|
6872
|
-
"region"
|
|
6873
|
-
],
|
|
6874
|
-
"will_fix": [
|
|
6875
|
-
"color-contrast"
|
|
6876
|
-
]
|
|
6877
|
-
}
|
|
6878
|
-
},
|
|
6879
|
-
{
|
|
6880
|
-
"preview_path": "primer/alpha/tooltip/tooltip_ne",
|
|
6881
|
-
"name": "tooltip_ne",
|
|
6882
|
-
"snapshot": "interactive",
|
|
6883
|
-
"skip_rules": {
|
|
6884
|
-
"wont_fix": [
|
|
6885
|
-
"region"
|
|
6886
|
-
],
|
|
6887
|
-
"will_fix": [
|
|
6888
|
-
"color-contrast"
|
|
6889
|
-
]
|
|
6890
|
-
}
|
|
6891
|
-
},
|
|
6892
|
-
{
|
|
6893
|
-
"preview_path": "primer/alpha/tooltip/tooltip_nw",
|
|
6894
|
-
"name": "tooltip_nw",
|
|
6895
|
-
"snapshot": "interactive",
|
|
6896
|
-
"skip_rules": {
|
|
6897
|
-
"wont_fix": [
|
|
6898
|
-
"region"
|
|
6899
|
-
],
|
|
6900
|
-
"will_fix": [
|
|
6901
|
-
"color-contrast"
|
|
6902
|
-
]
|
|
6903
|
-
}
|
|
6904
6800
|
}
|
|
6905
6801
|
]
|
|
6906
6802
|
},
|