@react-spectrum/inlinealert 3.2.4-nightly.4552 → 3.2.4-nightly.4558

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.
Files changed (61) hide show
  1. package/dist/InlineAlert.main.js +105 -0
  2. package/dist/InlineAlert.main.js.map +1 -0
  3. package/dist/InlineAlert.mjs +100 -0
  4. package/dist/InlineAlert.module.js +100 -0
  5. package/dist/InlineAlert.module.js.map +1 -0
  6. package/dist/ar-AE.mjs +1 -1
  7. package/dist/bg-BG.mjs +1 -1
  8. package/dist/cs-CZ.mjs +1 -1
  9. package/dist/da-DK.mjs +1 -1
  10. package/dist/de-DE.mjs +1 -1
  11. package/dist/el-GR.mjs +1 -1
  12. package/dist/en-US.mjs +1 -1
  13. package/dist/es-ES.mjs +1 -1
  14. package/dist/et-EE.mjs +1 -1
  15. package/dist/fi-FI.mjs +1 -1
  16. package/dist/fr-FR.mjs +1 -1
  17. package/dist/he-IL.mjs +1 -1
  18. package/dist/hr-HR.mjs +1 -1
  19. package/dist/hu-HU.mjs +1 -1
  20. package/dist/import.mjs +1 -261
  21. package/dist/inlinealert_vars_css.main.js +62 -0
  22. package/dist/inlinealert_vars_css.main.js.map +1 -0
  23. package/dist/inlinealert_vars_css.mjs +64 -0
  24. package/dist/inlinealert_vars_css.module.js +64 -0
  25. package/dist/inlinealert_vars_css.module.js.map +1 -0
  26. package/dist/intlStrings.main.js +108 -0
  27. package/dist/intlStrings.main.js.map +1 -0
  28. package/dist/intlStrings.mjs +110 -0
  29. package/dist/intlStrings.module.js +110 -0
  30. package/dist/intlStrings.module.js.map +1 -0
  31. package/dist/it-IT.mjs +1 -1
  32. package/dist/ja-JP.mjs +1 -1
  33. package/dist/ko-KR.mjs +1 -1
  34. package/dist/lt-LT.mjs +1 -1
  35. package/dist/lv-LV.mjs +1 -1
  36. package/dist/main.js +2 -258
  37. package/dist/main.js.map +1 -1
  38. package/dist/module.js +1 -261
  39. package/dist/module.js.map +1 -1
  40. package/dist/nb-NO.mjs +1 -1
  41. package/dist/nl-NL.mjs +1 -1
  42. package/dist/pl-PL.mjs +1 -1
  43. package/dist/pt-BR.mjs +1 -1
  44. package/dist/pt-PT.mjs +1 -1
  45. package/dist/ro-RO.mjs +1 -1
  46. package/dist/ru-RU.mjs +1 -1
  47. package/dist/sk-SK.mjs +1 -1
  48. package/dist/sl-SI.mjs +1 -1
  49. package/dist/sr-SP.mjs +1 -1
  50. package/dist/sv-SE.mjs +1 -1
  51. package/dist/tr-TR.mjs +1 -1
  52. package/dist/types.d.ts +2 -2
  53. package/dist/types.d.ts.map +1 -1
  54. package/dist/uk-UA.mjs +1 -1
  55. package/dist/{main.css → vars.7182e6d0.css} +1 -1
  56. package/dist/{main.css.map → vars.7182e6d0.css.map} +1 -1
  57. package/dist/zh-CN.mjs +1 -1
  58. package/dist/zh-TW.mjs +1 -1
  59. package/package.json +10 -10
  60. package/dist/module.css +0 -199
  61. package/dist/module.css.map +0 -1
package/dist/module.css DELETED
@@ -1,199 +0,0 @@
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
- @media (forced-colors: active) {
72
- .G_feca_spectrum-FocusRing, .G_feca_spectrum-FocusRing-ring, .G_feca_spectrum-FocusRing--quiet {
73
- --spectrum-high-contrast-focus-ring-color: Highlight;
74
- }
75
-
76
- :is(.G_feca_spectrum-FocusRing, .G_feca_spectrum-FocusRing-ring, .G_feca_spectrum-FocusRing--quiet):after {
77
- forced-color-adjust: none;
78
- }
79
- }
80
-
81
- .G_feca_spectrum-InLineAlert {
82
- --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
83
- --spectrum-focus-ring-border-size: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
84
- --spectrum-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
85
- --spectrum-focus-ring-size: var(--spectrum-button-primary-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size));
86
- box-sizing: border-box;
87
- padding-block: var(--spectrum-global-dimension-static-size-300, 24px);
88
- padding-inline: var(--spectrum-global-dimension-static-size-300, 24px);
89
- border-block-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
90
- border-inline-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
91
- border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
92
- border-style: solid;
93
- outline: none;
94
- min-inline-size: 240px;
95
- display: inline-block;
96
- position: relative;
97
- }
98
-
99
- .G_feca_spectrum-InLineAlert .G_feca_spectrum-InLineAlert-grid {
100
- column-gap: var(--spectrum-global-dimension-static-size-300, 24px);
101
- grid-template: "G_feca_heading G_feca_icon"
102
- "G_feca_content G_feca_content"
103
- / 1fr auto;
104
- width: 100%;
105
- display: grid;
106
- }
107
-
108
- .G_feca_spectrum-InLineAlert.G_feca_spectrum-InLineAlert--neutral .G_feca_spectrum-InLineAlert-grid {
109
- grid-template-areas: "G_feca_heading"
110
- "G_feca_content";
111
- column-gap: 0;
112
- }
113
-
114
- .G_feca_spectrum-InLineAlert-icon {
115
- inline-size: var(--spectrum-global-dimension-size-225);
116
- block-size: var(--spectrum-global-dimension-size-225);
117
- grid-area: G_feca_icon;
118
- }
119
-
120
- .G_feca_spectrum-InLineAlert-heading {
121
- font-weight: var(--spectrum-alias-heading-text-font-weight-regular, var(--spectrum-global-font-weight-bold));
122
- font-style: var(--spectrum-global-font-style-regular, normal);
123
- font-size: var(--spectrum-alias-heading-xxs-text-size, var(--spectrum-global-dimension-font-size-100));
124
- line-height: var(--spectrum-alias-heading-text-line-height, var(--spectrum-global-font-line-height-small));
125
- text-transform: none;
126
- min-block-size: var(--spectrum-global-dimension-size-250);
127
- grid-area: G_feca_heading;
128
- margin-block: 0;
129
- display: block;
130
- }
131
-
132
- .G_feca_spectrum-InLineAlert-content {
133
- word-wrap: break-word;
134
- font-weight: var(--spectrum-alias-body-text-font-weight, var(--spectrum-global-font-weight-regular));
135
- font-style: var(--spectrum-global-font-style-regular, normal);
136
- font-size: var(--spectrum-global-dimension-font-size-100);
137
- line-height: var(--spectrum-alias-line-height-body, var(--spectrum-global-font-line-height-medium));
138
- grid-area: G_feca_content;
139
- margin-block-start: var(--spectrum-global-dimension-static-size-200, 16px);
140
- margin-block-end: 0;
141
- margin-inline: 0;
142
- padding: 0;
143
- display: block;
144
- }
145
-
146
- @media (forced-colors: active) {
147
- .G_feca_spectrum-InLineAlert {
148
- --highcontrast-inlinealert-background-color: Background;
149
- --highcontrast-inlinealert-heading-color: CanvasText;
150
- --highcontrast-inlinealert-content-color: CanvasText;
151
- --highcontrast-inlinealert-border-and-icon-color: ButtonBorder;
152
- }
153
- }
154
-
155
- .G_feca_spectrum-InLineAlert {
156
- background-color: var(--highcontrast-inlinealert-background-color, var(--spectrum-global-color-gray-50));
157
- border-color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-gray-visual-color));
158
- }
159
-
160
- .G_feca_spectrum-InLineAlert-heading {
161
- color: var(--highcontrast-inlinealert-heading-color, var(--spectrum-alias-heading-text-color, var(--spectrum-global-color-gray-900)));
162
- }
163
-
164
- .G_feca_spectrum-InLineAlert-content {
165
- color: var(--highcontrast-inlinealert-content-color, var(--spectrum-alias-text-color, var(--spectrum-global-color-gray-800)));
166
- }
167
-
168
- .G_feca_spectrum-InLineAlert--info {
169
- border-color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-informative-visual-color));
170
- }
171
-
172
- .G_feca_spectrum-InLineAlert--info .G_feca_spectrum-InLineAlert-icon {
173
- color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-informative-visual-color));
174
- }
175
-
176
- .G_feca_spectrum-InLineAlert--notice {
177
- border-color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-notice-visual-color));
178
- }
179
-
180
- .G_feca_spectrum-InLineAlert--notice .G_feca_spectrum-InLineAlert-icon {
181
- color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-notice-visual-color));
182
- }
183
-
184
- .G_feca_spectrum-InLineAlert--positive {
185
- border-color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-positive-visual-color));
186
- }
187
-
188
- .G_feca_spectrum-InLineAlert--positive .G_feca_spectrum-InLineAlert-icon {
189
- color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-positive-visual-color));
190
- }
191
-
192
- .G_feca_spectrum-InLineAlert--negative {
193
- border-color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-negative-visual-color));
194
- }
195
-
196
- .G_feca_spectrum-InLineAlert--negative .G_feca_spectrum-InLineAlert-icon {
197
- color: var(--highcontrast-inlinealert-border-and-icon-color, var(--spectrum-negative-visual-color));
198
- }
199
- /*# sourceMappingURL=module.css.map */
@@ -1 +0,0 @@
1
- {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;;;;;;;;;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"}