@react-spectrum/inlinealert 3.2.4-nightly.4494 → 3.2.4-nightly.4502

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/import.mjs CHANGED
@@ -32,7 +32,7 @@ import $f7b3644c5b6100d7$exports from "./tr-TR.mjs";
32
32
  import $74a01294f8d465f8$exports from "./uk-UA.mjs";
33
33
  import $a1438ca118687381$exports from "./zh-CN.mjs";
34
34
  import $948f0650714aa894$exports from "./zh-TW.mjs";
35
- import "./main.css";
35
+ import "./module.css";
36
36
  import $d32NX$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
37
37
  import {useStyleProps as $d32NX$useStyleProps, useDOMRef as $d32NX$useDOMRef, classNames as $d32NX$classNames, SlotProvider as $d32NX$SlotProvider} from "@react-spectrum/utils";
38
38
  import {filterDOMProps as $d32NX$filterDOMProps} from "@react-aria/utils";
package/dist/main.css CHANGED
@@ -23,11 +23,7 @@
23
23
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
24
  }
25
25
 
26
- .G_feca_i18nFontFamily:lang(zh-SG) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .G_feca_i18nFontFamily:lang(zh-CN) {
26
+ .G_feca_i18nFontFamily:lang(zh-SG), .G_feca_i18nFontFamily:lang(zh-CN) {
31
27
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
28
  }
33
29
 
@@ -55,13 +51,7 @@
55
51
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
56
52
  display: block;
57
53
  position: absolute;
58
- top: 0;
59
- bottom: 0;
60
- left: 0;
61
- right: 0;
62
- }
63
-
64
- .G_feca_spectrum-FocusRing {
54
+ inset: 0;
65
55
  }
66
56
 
67
57
  .G_feca_spectrum-FocusRing.G_feca_focus-ring:after {
@@ -125,8 +115,7 @@
125
115
  text-transform: none;
126
116
  min-block-size: var(--spectrum-global-dimension-size-250);
127
117
  grid-area: G_feca_heading;
128
- margin-block-start: 0;
129
- margin-block-end: 0;
118
+ margin-block: 0;
130
119
  display: block;
131
120
  }
132
121
 
@@ -139,8 +128,7 @@
139
128
  grid-area: G_feca_content;
140
129
  margin-block-start: var(--spectrum-global-dimension-static-size-200, 16px);
141
130
  margin-block-end: 0;
142
- margin-inline-start: 0;
143
- margin-inline-end: 0;
131
+ margin-inline: 0;
144
132
  padding: 0;
145
133
  display: block;
146
134
  }
@@ -198,5 +186,4 @@
198
186
  .G_feca_spectrum-InLineAlert--negative .G_feca_spectrum-InLineAlert-icon {
199
187
  color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-negative-visual-color));
200
188
  }
201
-
202
189
  /*# sourceMappingURL=main.css.map */
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;;;;;;;;;AAwBA;;;;;;;;;AAWA;;;;;;AAKA;;;;;;AAOA;;;;;;;;;;;;;AAeA;;;;;;;;;;;;;;;AA8BA;EACE;;;;;;;;AAQF;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA","sources":["packages/@adobe/spectrum-css-temp/components/inlinealert/vars.css"],"sourcesContent":["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;;;;;;;;;AAwBA;;;;;;;;;AAWA;;;;;;AAKA;;;;;;AAOA;;;;;;;;;;;;AAeA;;;;;;;;;;;;;;AA8BA;EACE;;;;;;;;AAQF;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA","sources":["packages/@adobe/spectrum-css-temp/components/inlinealert/vars.css"],"sourcesContent":["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}
@@ -0,0 +1,189 @@
1
+ .G_feca_i18nFontFamily {
2
+ font-synthesis: weight;
3
+ font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
+ }
5
+
6
+ .G_feca_i18nFontFamily:lang(ar) {
7
+ font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
+ }
9
+
10
+ .G_feca_i18nFontFamily:lang(he) {
11
+ font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
+ }
13
+
14
+ .G_feca_i18nFontFamily:lang(zh) {
15
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
+ }
17
+
18
+ .G_feca_i18nFontFamily:lang(zh-Hans) {
19
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
+ }
21
+
22
+ .G_feca_i18nFontFamily:lang(zh-Hant) {
23
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
+ }
25
+
26
+ .G_feca_i18nFontFamily:lang(zh-SG), .G_feca_i18nFontFamily:lang(zh-CN) {
27
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
+ }
29
+
30
+ .G_feca_i18nFontFamily:lang(ko) {
31
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
+ }
33
+
34
+ .G_feca_i18nFontFamily:lang(ja) {
35
+ font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
+ }
37
+
38
+ .G_feca_spectrum-FocusRing-ring {
39
+ --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
+ --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
+ --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
+ --spectrum-focus-ring-border-size: 0px;
43
+ --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
+ }
45
+
46
+ .G_feca_spectrum-FocusRing-ring:after {
47
+ border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
+ content: "";
49
+ margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
+ pointer-events: none;
51
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
+ display: block;
53
+ position: absolute;
54
+ inset: 0;
55
+ }
56
+
57
+ .G_feca_spectrum-FocusRing.G_feca_focus-ring:after {
58
+ margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
+ box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
+ }
61
+
62
+ .G_feca_spectrum-FocusRing--quiet:after {
63
+ border-radius: 0;
64
+ }
65
+
66
+ .G_feca_spectrum-FocusRing--quiet.G_feca_focus-ring:after {
67
+ margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
+ box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
+ }
70
+
71
+ .G_feca_spectrum-InLineAlert {
72
+ --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
73
+ --spectrum-focus-ring-border-size: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
74
+ --spectrum-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
75
+ --spectrum-focus-ring-size: var(--spectrum-button-primary-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size));
76
+ box-sizing: border-box;
77
+ padding-block: var(--spectrum-global-dimension-static-size-300, 24px);
78
+ padding-inline: var(--spectrum-global-dimension-static-size-300, 24px);
79
+ border-block-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
80
+ border-inline-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
81
+ border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
82
+ border-style: solid;
83
+ outline: none;
84
+ min-inline-size: 240px;
85
+ display: inline-block;
86
+ position: relative;
87
+ }
88
+
89
+ .G_feca_spectrum-InLineAlert .G_feca_spectrum-InLineAlert-grid {
90
+ column-gap: var(--spectrum-global-dimension-static-size-300, 24px);
91
+ grid-template: "G_feca_heading G_feca_icon"
92
+ "G_feca_content G_feca_content"
93
+ / 1fr auto;
94
+ width: 100%;
95
+ display: grid;
96
+ }
97
+
98
+ .G_feca_spectrum-InLineAlert.G_feca_spectrum-InLineAlert--neutral .G_feca_spectrum-InLineAlert-grid {
99
+ grid-template-areas: "G_feca_heading"
100
+ "G_feca_content";
101
+ column-gap: 0;
102
+ }
103
+
104
+ .G_feca_spectrum-InLineAlert-icon {
105
+ inline-size: var(--spectrum-global-dimension-size-225);
106
+ block-size: var(--spectrum-global-dimension-size-225);
107
+ grid-area: G_feca_icon;
108
+ }
109
+
110
+ .G_feca_spectrum-InLineAlert-heading {
111
+ font-weight: var(--spectrum-alias-heading-text-font-weight-regular, var(--spectrum-global-font-weight-bold));
112
+ font-style: var(--spectrum-global-font-style-regular, normal);
113
+ font-size: var(--spectrum-alias-heading-xxs-text-size, var(--spectrum-global-dimension-font-size-100));
114
+ line-height: var(--spectrum-alias-heading-text-line-height, var(--spectrum-global-font-line-height-small));
115
+ text-transform: none;
116
+ min-block-size: var(--spectrum-global-dimension-size-250);
117
+ grid-area: G_feca_heading;
118
+ margin-block: 0;
119
+ display: block;
120
+ }
121
+
122
+ .G_feca_spectrum-InLineAlert-content {
123
+ word-wrap: break-word;
124
+ font-weight: var(--spectrum-alias-body-text-font-weight, var(--spectrum-global-font-weight-regular));
125
+ font-style: var(--spectrum-global-font-style-regular, normal);
126
+ font-size: var(--spectrum-global-dimension-font-size-100);
127
+ line-height: var(--spectrum-alias-line-height-body, var(--spectrum-global-font-line-height-medium));
128
+ grid-area: G_feca_content;
129
+ margin-block-start: var(--spectrum-global-dimension-static-size-200, 16px);
130
+ margin-block-end: 0;
131
+ margin-inline: 0;
132
+ padding: 0;
133
+ display: block;
134
+ }
135
+
136
+ @media (forced-colors: active) {
137
+ .G_feca_spectrum-InLineAlert {
138
+ --highcontrast-inlinealert-background-color: Background;
139
+ --highcontrast-inlinealert-heading-color: CanvasText;
140
+ --highcontrast-inlinealert-content-color: CanvasText;
141
+ --highcontrast-inlinealert-border-and-icon-color: ButtonBorder;
142
+ }
143
+ }
144
+
145
+ .G_feca_spectrum-InLineAlert {
146
+ background-color: var(--highcontrast-inlinealert-background-color, var(--spectrum-global-color-gray-50));
147
+ border-color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-gray-visual-color));
148
+ }
149
+
150
+ .G_feca_spectrum-InLineAlert-heading {
151
+ color: var(--highcontrast-inlinealert-heading-color, var(--spectrum-alias-heading-text-color, var(--spectrum-global-color-gray-900)));
152
+ }
153
+
154
+ .G_feca_spectrum-InLineAlert-content {
155
+ color: var(--highcontrast-inlinealert-content-color, var(--spectrum-alias-text-color, var(--spectrum-global-color-gray-800)));
156
+ }
157
+
158
+ .G_feca_spectrum-InLineAlert--info {
159
+ border-color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-informative-visual-color));
160
+ }
161
+
162
+ .G_feca_spectrum-InLineAlert--info .G_feca_spectrum-InLineAlert-icon {
163
+ color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-informative-visual-color));
164
+ }
165
+
166
+ .G_feca_spectrum-InLineAlert--notice {
167
+ border-color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-notice-visual-color));
168
+ }
169
+
170
+ .G_feca_spectrum-InLineAlert--notice .G_feca_spectrum-InLineAlert-icon {
171
+ color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-notice-visual-color));
172
+ }
173
+
174
+ .G_feca_spectrum-InLineAlert--positive {
175
+ border-color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-positive-visual-color));
176
+ }
177
+
178
+ .G_feca_spectrum-InLineAlert--positive .G_feca_spectrum-InLineAlert-icon {
179
+ color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-positive-visual-color));
180
+ }
181
+
182
+ .G_feca_spectrum-InLineAlert--negative {
183
+ border-color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-negative-visual-color));
184
+ }
185
+
186
+ .G_feca_spectrum-InLineAlert--negative .G_feca_spectrum-InLineAlert-icon {
187
+ color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-negative-visual-color));
188
+ }
189
+ /*# sourceMappingURL=module.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;;;;;;;;;AAwBA;;;;;;;;;AAWA;;;;;;AAKA;;;;;;AAOA;;;;;;;;;;;;AAeA;;;;;;;;;;;;;;AA8BA;EACE;;;;;;;;AAQF;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA","sources":["packages/@adobe/spectrum-css-temp/components/inlinealert/vars.css"],"sourcesContent":["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.css.map"}
package/dist/module.js CHANGED
@@ -32,7 +32,7 @@ import $f7b3644c5b6100d7$exports from "./tr-TR.module.js";
32
32
  import $74a01294f8d465f8$exports from "./uk-UA.module.js";
33
33
  import $a1438ca118687381$exports from "./zh-CN.module.js";
34
34
  import $948f0650714aa894$exports from "./zh-TW.module.js";
35
- import "./main.css";
35
+ import "./module.css";
36
36
  import $d32NX$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
37
37
  import {useStyleProps as $d32NX$useStyleProps, useDOMRef as $d32NX$useDOMRef, classNames as $d32NX$classNames, SlotProvider as $d32NX$SlotProvider} from "@react-spectrum/utils";
38
38
  import {filterDOMProps as $d32NX$filterDOMProps} from "@react-aria/utils";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/inlinealert",
3
- "version": "3.2.4-nightly.4494+361d47080",
3
+ "version": "3.2.4-nightly.4502+89fa370bd",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,17 +36,17 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/focus": "3.0.0-nightly.2782+361d47080",
40
- "@react-aria/i18n": "3.0.0-nightly.2782+361d47080",
41
- "@react-aria/utils": "3.0.0-nightly.2782+361d47080",
42
- "@react-spectrum/layout": "3.6.4-nightly.4494+361d47080",
43
- "@react-spectrum/utils": "3.0.0-nightly.2782+361d47080",
44
- "@react-types/shared": "3.0.0-nightly.2782+361d47080",
45
- "@spectrum-icons/ui": "3.0.0-nightly.2782+361d47080",
39
+ "@react-aria/focus": "3.0.0-nightly.2790+89fa370bd",
40
+ "@react-aria/i18n": "3.0.0-nightly.2790+89fa370bd",
41
+ "@react-aria/utils": "3.0.0-nightly.2790+89fa370bd",
42
+ "@react-spectrum/layout": "3.6.4-nightly.4502+89fa370bd",
43
+ "@react-spectrum/utils": "3.0.0-nightly.2790+89fa370bd",
44
+ "@react-types/shared": "3.0.0-nightly.2790+89fa370bd",
45
+ "@spectrum-icons/ui": "3.0.0-nightly.2790+89fa370bd",
46
46
  "@swc/helpers": "^0.5.0"
47
47
  },
48
48
  "devDependencies": {
49
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2782+361d47080"
49
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.2790+89fa370bd"
50
50
  },
51
51
  "peerDependencies": {
52
52
  "@react-spectrum/provider": "^3.0.0",
@@ -55,5 +55,5 @@
55
55
  "publishConfig": {
56
56
  "access": "public"
57
57
  },
58
- "gitHead": "361d47080c79e4d52ee287078b9e3c27ed312f2e"
58
+ "gitHead": "89fa370bd1bb346be643c9ab2a0d79fab857e4d7"
59
59
  }