@react-spectrum/theme-express 3.0.0-alpha.2 → 3.0.0-alpha.21

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 (14) hide show
  1. package/dist/import.mjs +6 -19
  2. package/dist/main.js +7 -16
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +6 -19
  5. package/dist/module.js.map +1 -1
  6. package/dist/theme-express.e067e675.css +156 -0
  7. package/dist/theme-express.e067e675.css.map +1 -0
  8. package/dist/vars_express_css.main.js +17 -0
  9. package/dist/vars_express_css.main.js.map +1 -0
  10. package/dist/vars_express_css.mjs +19 -0
  11. package/dist/vars_express_css.module.js +19 -0
  12. package/dist/vars_express_css.module.js.map +1 -0
  13. package/package.json +11 -7
  14. package/dist/main.css +0 -1
package/dist/import.mjs CHANGED
@@ -1,12 +1,11 @@
1
- import "./main.css";
1
+ import "./theme-express.e067e675.css";
2
+ import $aUolJ$vars_express_cssmodulejs from "./vars_express_css.mjs";
2
3
  import {theme as $aUolJ$theme} from "@react-spectrum/theme-default";
3
4
 
5
+
4
6
  function $parcel$interopDefault(a) {
5
7
  return a && a.__esModule ? a.default : a;
6
8
  }
7
- function $parcel$export(e, n, v, s) {
8
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
9
- }
10
9
  /*
11
10
  * Copyright 2020 Adobe. All rights reserved.
12
11
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -19,32 +18,20 @@ function $parcel$export(e, n, v, s) {
19
18
  * governing permissions and limitations under the License.
20
19
  */ /// <reference types="css-module-types" />
21
20
 
22
- var $f7081ce6e3bea695$exports = {};
23
-
24
- $parcel$export($f7081ce6e3bea695$exports, "express", () => $f7081ce6e3bea695$export$7cee79dbff713def, (v) => $f7081ce6e3bea695$export$7cee79dbff713def = v);
25
- $parcel$export($f7081ce6e3bea695$exports, "medium", () => $f7081ce6e3bea695$export$649ecc744817b5c7, (v) => $f7081ce6e3bea695$export$649ecc744817b5c7 = v);
26
- $parcel$export($f7081ce6e3bea695$exports, "large", () => $f7081ce6e3bea695$export$f09585a853dddd32, (v) => $f7081ce6e3bea695$export$f09585a853dddd32 = v);
27
- var $f7081ce6e3bea695$export$7cee79dbff713def;
28
- var $f7081ce6e3bea695$export$649ecc744817b5c7;
29
- var $f7081ce6e3bea695$export$f09585a853dddd32;
30
- $f7081ce6e3bea695$export$7cee79dbff713def = "express_814f06";
31
- $f7081ce6e3bea695$export$649ecc744817b5c7 = "medium_814f06";
32
- $f7081ce6e3bea695$export$f09585a853dddd32 = "large_814f06";
33
-
34
21
 
35
22
  let $deb24b9d30a568dd$export$bca14c5b3b88a9c9 = {
36
23
  ...(0, $aUolJ$theme),
37
24
  global: {
38
25
  ...(0, $aUolJ$theme).global,
39
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f7081ce6e3bea695$exports))).express
26
+ express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).express
40
27
  },
41
28
  medium: {
42
29
  ...(0, $aUolJ$theme).medium,
43
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f7081ce6e3bea695$exports))).medium
30
+ express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).medium
44
31
  },
45
32
  large: {
46
33
  ...(0, $aUolJ$theme).large,
47
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f7081ce6e3bea695$exports))).large
34
+ express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).large
48
35
  }
49
36
  };
50
37
 
package/dist/main.js CHANGED
@@ -1,9 +1,12 @@
1
- require("./main.css");
1
+ require("./theme-express.e067e675.css");
2
+ var $f17eaf2199c04a30$exports = require("./vars_express_css.main.js");
2
3
  var $xLzsa$reactspectrumthemedefault = require("@react-spectrum/theme-default");
3
4
 
5
+
4
6
  function $parcel$interopDefault(a) {
5
7
  return a && a.__esModule ? a.default : a;
6
8
  }
9
+
7
10
  function $parcel$export(e, n, v, s) {
8
11
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
9
12
  }
@@ -21,32 +24,20 @@ $parcel$export(module.exports, "theme", () => $b4cff187ce2e1b51$export$bca14c5b3
21
24
  * governing permissions and limitations under the License.
22
25
  */ /// <reference types="css-module-types" />
23
26
 
24
- var $f17eaf2199c04a30$exports = {};
25
-
26
- $parcel$export($f17eaf2199c04a30$exports, "express", () => $f17eaf2199c04a30$export$7cee79dbff713def, (v) => $f17eaf2199c04a30$export$7cee79dbff713def = v);
27
- $parcel$export($f17eaf2199c04a30$exports, "medium", () => $f17eaf2199c04a30$export$649ecc744817b5c7, (v) => $f17eaf2199c04a30$export$649ecc744817b5c7 = v);
28
- $parcel$export($f17eaf2199c04a30$exports, "large", () => $f17eaf2199c04a30$export$f09585a853dddd32, (v) => $f17eaf2199c04a30$export$f09585a853dddd32 = v);
29
- var $f17eaf2199c04a30$export$7cee79dbff713def;
30
- var $f17eaf2199c04a30$export$649ecc744817b5c7;
31
- var $f17eaf2199c04a30$export$f09585a853dddd32;
32
- $f17eaf2199c04a30$export$7cee79dbff713def = "express_814f06";
33
- $f17eaf2199c04a30$export$649ecc744817b5c7 = "medium_814f06";
34
- $f17eaf2199c04a30$export$f09585a853dddd32 = "large_814f06";
35
-
36
27
 
37
28
  let $b4cff187ce2e1b51$export$bca14c5b3b88a9c9 = {
38
29
  ...(0, $xLzsa$reactspectrumthemedefault.theme),
39
30
  global: {
40
31
  ...(0, $xLzsa$reactspectrumthemedefault.theme).global,
41
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f17eaf2199c04a30$exports))).express
32
+ express: (0, ($parcel$interopDefault($f17eaf2199c04a30$exports))).express
42
33
  },
43
34
  medium: {
44
35
  ...(0, $xLzsa$reactspectrumthemedefault.theme).medium,
45
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f17eaf2199c04a30$exports))).medium
36
+ express: (0, ($parcel$interopDefault($f17eaf2199c04a30$exports))).medium
46
37
  },
47
38
  large: {
48
39
  ...(0, $xLzsa$reactspectrumthemedefault.theme).large,
49
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f17eaf2199c04a30$exports))).large
40
+ express: (0, ($parcel$interopDefault($f17eaf2199c04a30$exports))).large
50
41
  }
51
42
  };
52
43
 
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;AAE1C;;;;;;ACdA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA4B;AAC5B,4CAA2B;AAC3B,4CAA0B;;;ADgBnB,IAAI,4CAAe;IACxB,GAAG,CAAA,GAAA,sCAAW,CAAC;IACf,QAAQ;QACN,GAAG,CAAA,GAAA,sCAAY,AAAD,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,gEAAO,AAAD,EAAE,OAAO;IAC1B;IACA,QAAQ;QACN,GAAG,CAAA,GAAA,sCAAY,AAAD,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,gEAAO,AAAD,EAAE,MAAM;IACzB;IACA,OAAO;QACL,GAAG,CAAA,GAAA,sCAAY,AAAD,EAAE,KAAK;QACrB,SAAS,CAAA,GAAA,gEAAO,AAAD,EAAE,KAAK;IACxB;AACF","sources":["packages/@react-spectrum/theme-express/src/index.ts","packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nimport {theme as defaultTheme} from '@react-spectrum/theme-default';\nimport express from '@adobe/spectrum-css-temp/vars/express.css';\nimport {Theme} from '@react-types/provider';\n\nexport let theme: Theme = {\n ...defaultTheme,\n global: {\n ...defaultTheme.global,\n express: express.express\n },\n medium: {\n ...defaultTheme.medium,\n express: express.medium\n },\n large: {\n ...defaultTheme.large,\n express: express.large\n }\n};\n",".express.express {\n --spectrum-accent-color-100: var(--spectrum-indigo-100);\n --spectrum-accent-color-200: var(--spectrum-indigo-200);\n --spectrum-accent-color-300: var(--spectrum-indigo-300);\n --spectrum-accent-color-400: var(--spectrum-indigo-400);\n --spectrum-accent-color-500: var(--spectrum-indigo-500);\n --spectrum-accent-color-600: var(--spectrum-indigo-600);\n --spectrum-accent-color-700: var(--spectrum-indigo-700);\n --spectrum-accent-color-800: var(--spectrum-indigo-800);\n --spectrum-accent-color-900: var(--spectrum-indigo-900);\n --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n --spectrum-alias-border-color: var(--spectrum-gray-400);\n --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-actionbutton-static-black-border-color: transparent;\n --spectrum-actionbutton-static-black-border-color-hover: transparent;\n --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-black-border-color-down: transparent;\n --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n --spectrum-actionbutton-static-white-border-color: transparent;\n --spectrum-actionbutton-static-white-border-color-hover: transparent;\n --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-white-border-color-down: transparent;\n --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n --spectrum-combobox-fieldbutton-border-left-width: 0;\n --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n --spectrum-slider-handle-gap: 0px;\n --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n /* These are missing from spectrum-css */\n --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n --spectrum-switch-track-width: 36px;\n}\n"],"names":[],"version":3,"file":"main.js.map"}
1
+ {"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;;;AAMnC,IAAI,4CAAe;IACxB,GAAG,CAAA,GAAA,sCAAW,CAAC;IACf,QAAQ;QACN,GAAG,CAAA,GAAA,sCAAW,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,mDAAM,EAAE,OAAO;IAC1B;IACA,QAAQ;QACN,GAAG,CAAA,GAAA,sCAAW,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,mDAAM,EAAE,MAAM;IACzB;IACA,OAAO;QACL,GAAG,CAAA,GAAA,sCAAW,EAAE,KAAK;QACrB,SAAS,CAAA,GAAA,mDAAM,EAAE,KAAK;IACxB;AACF","sources":["packages/@react-spectrum/theme-express/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nimport {theme as defaultTheme} from '@react-spectrum/theme-default';\nimport express from '@adobe/spectrum-css-temp/vars/express.css';\nimport {Theme} from '@react-types/provider';\n\nexport let theme: Theme = {\n ...defaultTheme,\n global: {\n ...defaultTheme.global,\n express: express.express\n },\n medium: {\n ...defaultTheme.medium,\n express: express.medium\n },\n large: {\n ...defaultTheme.large,\n express: express.large\n }\n};\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/module.js CHANGED
@@ -1,12 +1,11 @@
1
- import "./main.css";
1
+ import "./theme-express.e067e675.css";
2
+ import $aUolJ$vars_express_cssmodulejs from "./vars_express_css.module.js";
2
3
  import {theme as $aUolJ$theme} from "@react-spectrum/theme-default";
3
4
 
5
+
4
6
  function $parcel$interopDefault(a) {
5
7
  return a && a.__esModule ? a.default : a;
6
8
  }
7
- function $parcel$export(e, n, v, s) {
8
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
9
- }
10
9
  /*
11
10
  * Copyright 2020 Adobe. All rights reserved.
12
11
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -19,32 +18,20 @@ function $parcel$export(e, n, v, s) {
19
18
  * governing permissions and limitations under the License.
20
19
  */ /// <reference types="css-module-types" />
21
20
 
22
- var $f7081ce6e3bea695$exports = {};
23
-
24
- $parcel$export($f7081ce6e3bea695$exports, "express", () => $f7081ce6e3bea695$export$7cee79dbff713def, (v) => $f7081ce6e3bea695$export$7cee79dbff713def = v);
25
- $parcel$export($f7081ce6e3bea695$exports, "medium", () => $f7081ce6e3bea695$export$649ecc744817b5c7, (v) => $f7081ce6e3bea695$export$649ecc744817b5c7 = v);
26
- $parcel$export($f7081ce6e3bea695$exports, "large", () => $f7081ce6e3bea695$export$f09585a853dddd32, (v) => $f7081ce6e3bea695$export$f09585a853dddd32 = v);
27
- var $f7081ce6e3bea695$export$7cee79dbff713def;
28
- var $f7081ce6e3bea695$export$649ecc744817b5c7;
29
- var $f7081ce6e3bea695$export$f09585a853dddd32;
30
- $f7081ce6e3bea695$export$7cee79dbff713def = "express_814f06";
31
- $f7081ce6e3bea695$export$649ecc744817b5c7 = "medium_814f06";
32
- $f7081ce6e3bea695$export$f09585a853dddd32 = "large_814f06";
33
-
34
21
 
35
22
  let $deb24b9d30a568dd$export$bca14c5b3b88a9c9 = {
36
23
  ...(0, $aUolJ$theme),
37
24
  global: {
38
25
  ...(0, $aUolJ$theme).global,
39
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f7081ce6e3bea695$exports))).express
26
+ express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).express
40
27
  },
41
28
  medium: {
42
29
  ...(0, $aUolJ$theme).medium,
43
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f7081ce6e3bea695$exports))).medium
30
+ express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).medium
44
31
  },
45
32
  large: {
46
33
  ...(0, $aUolJ$theme).large,
47
- express: (0, (/*@__PURE__*/$parcel$interopDefault($f7081ce6e3bea695$exports))).large
34
+ express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).large
48
35
  }
49
36
  };
50
37
 
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;AAE1C;;;;;;ACdA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA4B;AAC5B,4CAA2B;AAC3B,4CAA0B;;;ADgBnB,IAAI,4CAAe;IACxB,GAAG,CAAA,GAAA,YAAW,CAAC;IACf,QAAQ;QACN,GAAG,CAAA,GAAA,YAAY,AAAD,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,gEAAO,AAAD,EAAE,OAAO;IAC1B;IACA,QAAQ;QACN,GAAG,CAAA,GAAA,YAAY,AAAD,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,gEAAO,AAAD,EAAE,MAAM;IACzB;IACA,OAAO;QACL,GAAG,CAAA,GAAA,YAAY,AAAD,EAAE,KAAK;QACrB,SAAS,CAAA,GAAA,gEAAO,AAAD,EAAE,KAAK;IACxB;AACF","sources":["packages/@react-spectrum/theme-express/src/index.ts","packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nimport {theme as defaultTheme} from '@react-spectrum/theme-default';\nimport express from '@adobe/spectrum-css-temp/vars/express.css';\nimport {Theme} from '@react-types/provider';\n\nexport let theme: Theme = {\n ...defaultTheme,\n global: {\n ...defaultTheme.global,\n express: express.express\n },\n medium: {\n ...defaultTheme.medium,\n express: express.medium\n },\n large: {\n ...defaultTheme.large,\n express: express.large\n }\n};\n",".express.express {\n --spectrum-accent-color-100: var(--spectrum-indigo-100);\n --spectrum-accent-color-200: var(--spectrum-indigo-200);\n --spectrum-accent-color-300: var(--spectrum-indigo-300);\n --spectrum-accent-color-400: var(--spectrum-indigo-400);\n --spectrum-accent-color-500: var(--spectrum-indigo-500);\n --spectrum-accent-color-600: var(--spectrum-indigo-600);\n --spectrum-accent-color-700: var(--spectrum-indigo-700);\n --spectrum-accent-color-800: var(--spectrum-indigo-800);\n --spectrum-accent-color-900: var(--spectrum-indigo-900);\n --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n --spectrum-alias-border-color: var(--spectrum-gray-400);\n --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-actionbutton-static-black-border-color: transparent;\n --spectrum-actionbutton-static-black-border-color-hover: transparent;\n --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-black-border-color-down: transparent;\n --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n --spectrum-actionbutton-static-white-border-color: transparent;\n --spectrum-actionbutton-static-white-border-color-hover: transparent;\n --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-white-border-color-down: transparent;\n --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n --spectrum-combobox-fieldbutton-border-left-width: 0;\n --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n --spectrum-slider-handle-gap: 0px;\n --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n /* These are missing from spectrum-css */\n --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n --spectrum-switch-track-width: 36px;\n}\n"],"names":[],"version":3,"file":"module.js.map"}
1
+ {"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;;;AAMnC,IAAI,4CAAe;IACxB,GAAG,CAAA,GAAA,YAAW,CAAC;IACf,QAAQ;QACN,GAAG,CAAA,GAAA,YAAW,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,yDAAM,EAAE,OAAO;IAC1B;IACA,QAAQ;QACN,GAAG,CAAA,GAAA,YAAW,EAAE,MAAM;QACtB,SAAS,CAAA,GAAA,yDAAM,EAAE,MAAM;IACzB;IACA,OAAO;QACL,GAAG,CAAA,GAAA,YAAW,EAAE,KAAK;QACrB,SAAS,CAAA,GAAA,yDAAM,EAAE,KAAK;IACxB;AACF","sources":["packages/@react-spectrum/theme-express/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nimport {theme as defaultTheme} from '@react-spectrum/theme-default';\nimport express from '@adobe/spectrum-css-temp/vars/express.css';\nimport {Theme} from '@react-types/provider';\n\nexport let theme: Theme = {\n ...defaultTheme,\n global: {\n ...defaultTheme.global,\n express: express.express\n },\n medium: {\n ...defaultTheme.medium,\n express: express.medium\n },\n large: {\n ...defaultTheme.large,\n express: express.large\n }\n};\n"],"names":[],"version":3,"file":"module.js.map"}
package/dist/theme-express.e067e675.css ADDED
@@ -0,0 +1,156 @@
1
+ .u4Zobq_express.u4Zobq_express {
2
+ --spectrum-accent-color-100: var(--spectrum-indigo-100);
3
+ --spectrum-accent-color-200: var(--spectrum-indigo-200);
4
+ --spectrum-accent-color-300: var(--spectrum-indigo-300);
5
+ --spectrum-accent-color-400: var(--spectrum-indigo-400);
6
+ --spectrum-accent-color-500: var(--spectrum-indigo-500);
7
+ --spectrum-accent-color-600: var(--spectrum-indigo-600);
8
+ --spectrum-accent-color-700: var(--spectrum-indigo-700);
9
+ --spectrum-accent-color-800: var(--spectrum-indigo-800);
10
+ --spectrum-accent-color-900: var(--spectrum-indigo-900);
11
+ --spectrum-accent-color-1000: var(--spectrum-indigo-1000);
12
+ --spectrum-accent-color-1100: var(--spectrum-indigo-1100);
13
+ --spectrum-accent-color-1200: var(--spectrum-indigo-1200);
14
+ --spectrum-accent-color-1300: var(--spectrum-indigo-1300);
15
+ --spectrum-accent-color-1400: var(--spectrum-indigo-1400);
16
+ --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black, 900);
17
+ --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);
18
+ --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);
19
+ --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);
20
+ --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);
21
+ --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);
22
+ --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);
23
+ --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25, 2px);
24
+ --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25, 2px);
25
+ --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);
26
+ --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25, 2px);
27
+ --spectrum-alias-border-color: var(--spectrum-gray-400);
28
+ --spectrum-alias-border-color-hover: var(--spectrum-gray-500);
29
+ --spectrum-alias-border-color-down: var(--spectrum-gray-900);
30
+ --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);
31
+ --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);
32
+ --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);
33
+ --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);
34
+ --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);
35
+ --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);
36
+ --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);
37
+ --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);
38
+ --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);
39
+ --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);
40
+ --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);
41
+ --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);
42
+ --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);
43
+ --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);
44
+ --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);
45
+ --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);
46
+ --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);
47
+ --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);
48
+ --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);
49
+ --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);
50
+ --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);
51
+ --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color, var(--spectrum-global-color-gray-75));
52
+ --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover, var(--spectrum-global-color-gray-50));
53
+ --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus, var(--spectrum-global-color-gray-50));
54
+ --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down, var(--spectrum-global-color-gray-200));
55
+ --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover, var(--spectrum-global-color-gray-50));
56
+ --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus, var(--spectrum-global-color-gray-50));
57
+ --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down, var(--spectrum-global-color-gray-200));
58
+ --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover, var(--spectrum-alias-border-color-hover));
59
+ --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus, var(--spectrum-alias-border-color-focus));
60
+ --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down, var(--spectrum-alias-border-color-down));
61
+ --spectrum-actionbutton-static-black-border-color: transparent;
62
+ --spectrum-actionbutton-static-black-border-color-hover: transparent;
63
+ --spectrum-actionbutton-static-black-border-color-key-focus: transparent;
64
+ --spectrum-actionbutton-static-black-border-color-down: transparent;
65
+ --spectrum-actionbutton-static-black-border-color-disabled: transparent;
66
+ --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;
67
+ --spectrum-actionbutton-static-black-background-color: #00000012;
68
+ --spectrum-actionbutton-static-black-background-color-disabled: #00000012;
69
+ --spectrum-actionbutton-static-white-border-color: transparent;
70
+ --spectrum-actionbutton-static-white-border-color-hover: transparent;
71
+ --spectrum-actionbutton-static-white-border-color-key-focus: transparent;
72
+ --spectrum-actionbutton-static-white-border-color-down: transparent;
73
+ --spectrum-actionbutton-static-white-border-color-disabled: transparent;
74
+ --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;
75
+ --spectrum-actionbutton-static-white-background-color: #ffffff12;
76
+ --spectrum-actionbutton-static-white-background-color-disabled: #ffffff12;
77
+ --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color, var(--spectrum-global-color-gray-75));
78
+ --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover, var(--spectrum-global-color-gray-50));
79
+ --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus, var(--spectrum-global-color-gray-50));
80
+ --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down, var(--spectrum-global-color-gray-200));
81
+ --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color, var(--spectrum-alias-border-color));
82
+ --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover, var(--spectrum-alias-border-color-hover));
83
+ --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus, var(--spectrum-alias-border-color-focus));
84
+ --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error, var(--spectrum-global-color-red-500));
85
+ --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down, var(--spectrum-alias-border-color-down));
86
+ --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50, 4px);
87
+ --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);
88
+ --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);
89
+ --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);
90
+ --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);
91
+ --spectrum-breadcrumb-separator-icon-position-adjustment: 0;
92
+ --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);
93
+ --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);
94
+ --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);
95
+ --spectrum-combobox-fieldbutton-border-left-width: 0;
96
+ --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
97
+ --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50)) + var(--spectrum-alias-input-border-size));
98
+ --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);
99
+ --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);
100
+ --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);
101
+ --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);
102
+ --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);
103
+ --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);
104
+ --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);
105
+ --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);
106
+ --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);
107
+ --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);
108
+ --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);
109
+ --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall, var(--spectrum-global-dimension-size-10));
110
+ --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height, var(--spectrum-alias-border-size-thick));
111
+ --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);
112
+ --spectrum-slider-handle-gap: 0px;
113
+ --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
114
+ --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);
115
+ --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);
116
+ --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);
117
+ --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);
118
+ --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);
119
+ --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);
120
+ --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);
121
+ --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);
122
+ --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);
123
+ --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25, 2px);
124
+ --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);
125
+ --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);
126
+ --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);
127
+ --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);
128
+ --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);
129
+ --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);
130
+ --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);
131
+ --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);
132
+ --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);
133
+ --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);
134
+ --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);
135
+ --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);
136
+ --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);
137
+ --spectrum-popover-border-size: 0px;
138
+ --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y, var(--spectrum-global-dimension-size-10)) var(--spectrum-alias-dropshadow-blur, var(--spectrum-global-dimension-size-50)) var(--spectrum-alias-dropshadow-color));
139
+ --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);
140
+ --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);
141
+ }
142
+
143
+ .u4Zobq_express.u4Zobq_medium {
144
+ --spectrum-switch-track-width: 28px;
145
+ }
146
+
147
+ .u4Zobq_express.u4Zobq_large {
148
+ --spectrum-switch-track-width: 36px;
149
+ }
150
+
151
+ @media (forced-colors: active) {
152
+ .u4Zobq_express.u4Zobq_express {
153
+ --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
154
+ }
155
+ }
156
+ /*# sourceMappingURL=theme-express.e067e675.css.map */
package/dist/theme-express.e067e675.css.map ADDED
@@ -0,0 +1 @@
1
+ {"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKA;;;;AAIA;;;;AAIA;EACE","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n --spectrum-accent-color-100: var(--spectrum-indigo-100);\n --spectrum-accent-color-200: var(--spectrum-indigo-200);\n --spectrum-accent-color-300: var(--spectrum-indigo-300);\n --spectrum-accent-color-400: var(--spectrum-indigo-400);\n --spectrum-accent-color-500: var(--spectrum-indigo-500);\n --spectrum-accent-color-600: var(--spectrum-indigo-600);\n --spectrum-accent-color-700: var(--spectrum-indigo-700);\n --spectrum-accent-color-800: var(--spectrum-indigo-800);\n --spectrum-accent-color-900: var(--spectrum-indigo-900);\n --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n --spectrum-alias-border-color: var(--spectrum-gray-400);\n --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-actionbutton-static-black-border-color: transparent;\n --spectrum-actionbutton-static-black-border-color-hover: transparent;\n --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-black-border-color-down: transparent;\n --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n --spectrum-actionbutton-static-white-border-color: transparent;\n --spectrum-actionbutton-static-white-border-color-hover: transparent;\n --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-white-border-color-down: transparent;\n --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n --spectrum-combobox-fieldbutton-border-left-width: 0;\n --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n --spectrum-slider-handle-gap: 0px;\n --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n /* These are missing from spectrum-css */\n --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n .express.express {\n --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n }\n}\n"],"names":[],"version":3,"file":"theme-express.e067e675.css.map"}
package/dist/vars_express_css.main.js ADDED
@@ -0,0 +1,17 @@
1
+
2
+ function $parcel$export(e, n, v, s) {
3
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
+ }
5
+
6
+ $parcel$export(module.exports, "express", () => $f17eaf2199c04a30$export$7cee79dbff713def, (v) => $f17eaf2199c04a30$export$7cee79dbff713def = v);
7
+ $parcel$export(module.exports, "large", () => $f17eaf2199c04a30$export$f09585a853dddd32, (v) => $f17eaf2199c04a30$export$f09585a853dddd32 = v);
8
+ $parcel$export(module.exports, "medium", () => $f17eaf2199c04a30$export$649ecc744817b5c7, (v) => $f17eaf2199c04a30$export$649ecc744817b5c7 = v);
9
+ var $f17eaf2199c04a30$export$7cee79dbff713def;
10
+ var $f17eaf2199c04a30$export$f09585a853dddd32;
11
+ var $f17eaf2199c04a30$export$649ecc744817b5c7;
12
+ $f17eaf2199c04a30$export$7cee79dbff713def = `u4Zobq_express`;
13
+ $f17eaf2199c04a30$export$f09585a853dddd32 = `u4Zobq_large`;
14
+ $f17eaf2199c04a30$export$649ecc744817b5c7 = `u4Zobq_medium`;
15
+
16
+
17
+ //# sourceMappingURL=vars_express_css.main.js.map
package/dist/vars_express_css.main.js.map ADDED
@@ -0,0 +1 @@
1
+ {"mappings":";;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n --spectrum-accent-color-100: var(--spectrum-indigo-100);\n --spectrum-accent-color-200: var(--spectrum-indigo-200);\n --spectrum-accent-color-300: var(--spectrum-indigo-300);\n --spectrum-accent-color-400: var(--spectrum-indigo-400);\n --spectrum-accent-color-500: var(--spectrum-indigo-500);\n --spectrum-accent-color-600: var(--spectrum-indigo-600);\n --spectrum-accent-color-700: var(--spectrum-indigo-700);\n --spectrum-accent-color-800: var(--spectrum-indigo-800);\n --spectrum-accent-color-900: var(--spectrum-indigo-900);\n --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n --spectrum-alias-border-color: var(--spectrum-gray-400);\n --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-actionbutton-static-black-border-color: transparent;\n --spectrum-actionbutton-static-black-border-color-hover: transparent;\n --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-black-border-color-down: transparent;\n --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n --spectrum-actionbutton-static-white-border-color: transparent;\n --spectrum-actionbutton-static-white-border-color-hover: transparent;\n --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-white-border-color-down: transparent;\n --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n --spectrum-combobox-fieldbutton-border-left-width: 0;\n --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n --spectrum-slider-handle-gap: 0px;\n --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n /* These are missing from spectrum-css */\n --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n .express.express {\n --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n }\n}\n"],"names":[],"version":3,"file":"vars_express_css.main.js.map"}
package/dist/vars_express_css.mjs ADDED
@@ -0,0 +1,19 @@
1
+
2
+ function $parcel$export(e, n, v, s) {
3
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
+ }
5
+ var $f7081ce6e3bea695$exports = {};
6
+
7
+ $parcel$export($f7081ce6e3bea695$exports, "express", () => $f7081ce6e3bea695$export$7cee79dbff713def, (v) => $f7081ce6e3bea695$export$7cee79dbff713def = v);
8
+ $parcel$export($f7081ce6e3bea695$exports, "large", () => $f7081ce6e3bea695$export$f09585a853dddd32, (v) => $f7081ce6e3bea695$export$f09585a853dddd32 = v);
9
+ $parcel$export($f7081ce6e3bea695$exports, "medium", () => $f7081ce6e3bea695$export$649ecc744817b5c7, (v) => $f7081ce6e3bea695$export$649ecc744817b5c7 = v);
10
+ var $f7081ce6e3bea695$export$7cee79dbff713def;
11
+ var $f7081ce6e3bea695$export$f09585a853dddd32;
12
+ var $f7081ce6e3bea695$export$649ecc744817b5c7;
13
+ $f7081ce6e3bea695$export$7cee79dbff713def = `u4Zobq_express`;
14
+ $f7081ce6e3bea695$export$f09585a853dddd32 = `u4Zobq_large`;
15
+ $f7081ce6e3bea695$export$649ecc744817b5c7 = `u4Zobq_medium`;
16
+
17
+
18
+ export {$f7081ce6e3bea695$exports as default};
19
+ //# sourceMappingURL=vars_express_css.module.js.map
package/dist/vars_express_css.module.js ADDED
@@ -0,0 +1,19 @@
1
+
2
+ function $parcel$export(e, n, v, s) {
3
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
+ }
5
+ var $f7081ce6e3bea695$exports = {};
6
+
7
+ $parcel$export($f7081ce6e3bea695$exports, "express", () => $f7081ce6e3bea695$export$7cee79dbff713def, (v) => $f7081ce6e3bea695$export$7cee79dbff713def = v);
8
+ $parcel$export($f7081ce6e3bea695$exports, "large", () => $f7081ce6e3bea695$export$f09585a853dddd32, (v) => $f7081ce6e3bea695$export$f09585a853dddd32 = v);
9
+ $parcel$export($f7081ce6e3bea695$exports, "medium", () => $f7081ce6e3bea695$export$649ecc744817b5c7, (v) => $f7081ce6e3bea695$export$649ecc744817b5c7 = v);
10
+ var $f7081ce6e3bea695$export$7cee79dbff713def;
11
+ var $f7081ce6e3bea695$export$f09585a853dddd32;
12
+ var $f7081ce6e3bea695$export$649ecc744817b5c7;
13
+ $f7081ce6e3bea695$export$7cee79dbff713def = `u4Zobq_express`;
14
+ $f7081ce6e3bea695$export$f09585a853dddd32 = `u4Zobq_large`;
15
+ $f7081ce6e3bea695$export$649ecc744817b5c7 = `u4Zobq_medium`;
16
+
17
+
18
+ export {$f7081ce6e3bea695$exports as default};
19
+ //# sourceMappingURL=vars_express_css.module.js.map
package/dist/vars_express_css.module.js.map ADDED
@@ -0,0 +1 @@
1
+ {"mappings":";;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n --spectrum-accent-color-100: var(--spectrum-indigo-100);\n --spectrum-accent-color-200: var(--spectrum-indigo-200);\n --spectrum-accent-color-300: var(--spectrum-indigo-300);\n --spectrum-accent-color-400: var(--spectrum-indigo-400);\n --spectrum-accent-color-500: var(--spectrum-indigo-500);\n --spectrum-accent-color-600: var(--spectrum-indigo-600);\n --spectrum-accent-color-700: var(--spectrum-indigo-700);\n --spectrum-accent-color-800: var(--spectrum-indigo-800);\n --spectrum-accent-color-900: var(--spectrum-indigo-900);\n --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n --spectrum-alias-border-color: var(--spectrum-gray-400);\n --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-actionbutton-static-black-border-color: transparent;\n --spectrum-actionbutton-static-black-border-color-hover: transparent;\n --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-black-border-color-down: transparent;\n --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n --spectrum-actionbutton-static-white-border-color: transparent;\n --spectrum-actionbutton-static-white-border-color-hover: transparent;\n --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n --spectrum-actionbutton-static-white-border-color-down: transparent;\n --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n --spectrum-combobox-fieldbutton-border-left-width: 0;\n --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n --spectrum-slider-handle-gap: 0px;\n --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n /* These are missing from spectrum-css */\n --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n .express.express {\n --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n }\n}\n"],"names":[],"version":3,"file":"vars_express_css.module.js.map"}
package/package.json CHANGED
@@ -1,12 +1,16 @@
1
1
  {
2
2
  "name": "@react-spectrum/theme-express",
3
- "version": "3.0.0-alpha.2",
3
+ "version": "3.0.0-alpha.21",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
7
7
  "module": "dist/module.js",
8
8
  "exports": {
9
- "types": "./dist/types.d.ts",
9
+ "source": "./src/index.ts",
10
+ "types": [
11
+ "./dist/types.d.ts",
12
+ "./src/index.ts"
13
+ ],
10
14
  "import": "./dist/import.mjs",
11
15
  "require": "./dist/main.js"
12
16
  },
@@ -36,9 +40,9 @@
36
40
  "url": "https://github.com/adobe/react-spectrum"
37
41
  },
38
42
  "dependencies": {
39
- "@react-spectrum/theme-default": "^3.5.0",
40
- "@react-types/provider": "^3.6.0",
41
- "@swc/helpers": "^0.4.14"
43
+ "@react-spectrum/theme-default": "^3.5.19",
44
+ "@react-types/provider": "^3.8.10",
45
+ "@swc/helpers": "^0.5.0"
42
46
  },
43
47
  "devDependencies": {
44
48
  "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
@@ -47,7 +51,7 @@
47
51
  "access": "public"
48
52
  },
49
53
  "peerDependencies": {
50
- "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
54
+ "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
51
55
  },
52
- "gitHead": "a0efee84aa178cb1a202951dfd6d8de02b292307"
56
+ "gitHead": "265b4d7f107905ee1c6e87a8af1613ab440a6849"
53
57
  }
package/dist/main.css DELETED
@@ -1 +0,0 @@
1
- .express_814f06.express_814f06{--spectrum-accent-color-100:var(--spectrum-indigo-100);--spectrum-accent-color-200:var(--spectrum-indigo-200);--spectrum-accent-color-300:var(--spectrum-indigo-300);--spectrum-accent-color-400:var(--spectrum-indigo-400);--spectrum-accent-color-500:var(--spectrum-indigo-500);--spectrum-accent-color-600:var(--spectrum-indigo-600);--spectrum-accent-color-700:var(--spectrum-indigo-700);--spectrum-accent-color-800:var(--spectrum-indigo-800);--spectrum-accent-color-900:var(--spectrum-indigo-900);--spectrum-accent-color-1000:var(--spectrum-indigo-1000);--spectrum-accent-color-1100:var(--spectrum-indigo-1100);--spectrum-accent-color-1200:var(--spectrum-indigo-1200);--spectrum-accent-color-1300:var(--spectrum-indigo-1300);--spectrum-accent-color-1400:var(--spectrum-indigo-1400);--spectrum-alias-heading-text-font-weight-regular:var(--spectrum-global-font-weight-black,900);--spectrum-alias-border-radius-xsmall:var(--spectrum-global-dimension-size-25);--spectrum-alias-border-radius-small:var(--spectrum-global-dimension-size-40);--spectrum-alias-border-radius-regular:var(--spectrum-global-dimension-size-75);--spectrum-alias-border-radius-medium:var(--spectrum-global-dimension-size-125);--spectrum-alias-border-radius-large:var(--spectrum-global-dimension-size-150);--spectrum-button-primary-border-radius:var(--spectrum-global-dimension-size-200);--spectrum-alias-input-border-size:var(--spectrum-global-dimension-static-size-25,2px);--spectrum-alias-input-focusring-gap:var(--spectrum-global-dimension-static-size-25,2px);--spectrum-alias-input-border-color-key-focus:var(--spectrum-global-color-gray-900);--spectrum-alias-input-focusring-size:var(--spectrum-global-dimension-static-size-25,2px);--spectrum-alias-border-color:var(--spectrum-gray-400);--spectrum-alias-border-color-hover:var(--spectrum-gray-500);--spectrum-alias-border-color-down:var(--spectrum-gray-900);--spectrum-textfield-border-color-key-focus:var(--spectrum-alias-input-border-color-key-focus);--spectrum-textfield-border-color-down:var(--spectrum-global-color-gray-900);--spectrum-textfield-quiet-border-color-key-focus:var(--spectrum-alias-input-border-color-key-focus);--spectrum-checkbox-box-size:var(--spectrum-global-dimension-size-200);--spectrum-radio-circle-diameter:var(--spectrum-global-dimension-size-200);--spectrum-switch-handle-size:var(--spectrum-global-dimension-size-200);--spectrum-switch-track-height:var(--spectrum-global-dimension-size-200);--spectrum-alias-toggle-color-default:var(--spectrum-global-color-gray-800);--spectrum-alias-toggle-color-hover:var(--spectrum-global-color-gray-900);--spectrum-alias-toggle-color-key-focus:var(--spectrum-global-color-gray-900);--spectrum-alias-toggle-color-selected:var(--spectrum-gray-800);--spectrum-alias-toggle-color-selected-hover:var(--spectrum-gray-900);--spectrum-alias-toggle-color-selected-key-focus:var(--spectrum-gray-900);--spectrum-alias-toggle-color-selected-down:var(--spectrum-gray-900);--spectrum-actionbutton-icon-color:var(--spectrum-global-color-gray-800);--spectrum-actionbutton-background-color:var(--spectrum-global-color-gray-200);--spectrum-actionbutton-background-color-hover:var(--spectrum-global-color-gray-300);--spectrum-actionbutton-background-color-key-focus:var(--spectrum-global-color-gray-300);--spectrum-actionbutton-background-color-down:var(--spectrum-global-color-gray-400);--spectrum-actionbutton-background-color-disabled:var(--spectrum-global-color-gray-200);--spectrum-actionbutton-border-color-disabled:var(--spectrum-global-color-gray-200);--spectrum-actionbutton-border-color:var(--spectrum-actionbutton-background-color,var(--spectrum-global-color-gray-75));--spectrum-actionbutton-border-color-hover:var(--spectrum-actionbutton-background-color-hover,var(--spectrum-global-color-gray-50));--spectrum-actionbutton-border-color-key-focus:var(--spectrum-actionbutton-background-color-key-focus,var(--spectrum-global-color-gray-50));--spectrum-actionbutton-border-color-down:var(--spectrum-actionbutton-background-color-down,var(--spectrum-global-color-gray-200));--spectrum-actionbutton-quiet-background-color-hover:var(--spectrum-actionbutton-background-color-hover,var(--spectrum-global-color-gray-50));--spectrum-actionbutton-quiet-background-color-key-focus:var(--spectrum-actionbutton-background-color-key-focus,var(--spectrum-global-color-gray-50));--spectrum-actionbutton-quiet-background-color-down:var(--spectrum-actionbutton-background-color-down,var(--spectrum-global-color-gray-200));--spectrum-actionbutton-quiet-border-color-hover:var(--spectrum-actionbutton-border-color-hover,var(--spectrum-alias-border-color-hover));--spectrum-actionbutton-quiet-border-color-key-focus:var(--spectrum-actionbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus));--spectrum-actionbutton-quiet-border-color-down:var(--spectrum-actionbutton-border-color-down,var(--spectrum-alias-border-color-down));--spectrum-actionbutton-static-black-border-color:transparent;--spectrum-actionbutton-static-black-border-color-hover:transparent;--spectrum-actionbutton-static-black-border-color-key-focus:transparent;--spectrum-actionbutton-static-black-border-color-down:transparent;--spectrum-actionbutton-static-black-border-color-disabled:transparent;--spectrum-actionbutton-static-black-border-color-selected-disabled:transparent;--spectrum-actionbutton-static-black-background-color:#00000012;--spectrum-actionbutton-static-black-background-color-disabled:#00000012;--spectrum-actionbutton-static-white-border-color:transparent;--spectrum-actionbutton-static-white-border-color-hover:transparent;--spectrum-actionbutton-static-white-border-color-key-focus:transparent;--spectrum-actionbutton-static-white-border-color-down:transparent;--spectrum-actionbutton-static-white-border-color-disabled:transparent;--spectrum-actionbutton-static-white-border-color-selected-disabled:transparent;--spectrum-actionbutton-static-white-background-color:#ffffff12;--spectrum-actionbutton-static-white-background-color-disabled:#ffffff12;--spectrum-fieldbutton-background-color:var(--spectrum-actionbutton-background-color,var(--spectrum-global-color-gray-75));--spectrum-fieldbutton-background-color-hover:var(--spectrum-actionbutton-background-color-hover,var(--spectrum-global-color-gray-50));--spectrum-fieldbutton-background-color-key-focus:var(--spectrum-actionbutton-background-color-key-focus,var(--spectrum-global-color-gray-50));--spectrum-fieldbutton-background-color-down:var(--spectrum-actionbutton-background-color-down,var(--spectrum-global-color-gray-200));--spectrum-fieldbutton-border-color:var(--spectrum-actionbutton-border-color,var(--spectrum-alias-border-color));--spectrum-fieldbutton-border-color-hover:var(--spectrum-actionbutton-border-color-hover,var(--spectrum-alias-border-color-hover));--spectrum-fieldbutton-border-color-key-focus:var(--spectrum-actionbutton-border-color-key-focus,var(--spectrum-alias-border-color-focus));--spectrum-fieldbutton-border-color-error-key-focus:var(--spectrum-fieldbutton-border-color-error,var(--spectrum-global-color-red-500));--spectrum-fieldbutton-border-color-down:var(--spectrum-actionbutton-border-color-down,var(--spectrum-alias-border-color-down));--spectrum-combobox-fieldbutton-inset:var(--spectrum-global-dimension-size-75);--spectrum-combobox-fieldbutton-border-left-width:0;--spectrum-combobox-fieldbutton-focus-ring-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-combobox-fieldbutton-start-border-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) + var(--spectrum-alias-input-border-size));--spectrum-combobox-fieldbutton-end-border-radius:var(--spectrum-combobox-fieldbutton-start-border-radius);--spectrum-search-border-radius:var(--spectrum-global-dimension-size-300);--spectrum-search-clear-button-padding:var(--spectrum-global-dimension-size-50);--spectrum-search-clear-button-background-color-hover:var(--spectrum-global-color-gray-200);--spectrum-search-clear-button-background-color-key-focus:var(--spectrum-global-color-gray-200);--spectrum-search-clear-button-background-color-down:var(--spectrum-global-color-gray-300);--spectrum-label-text-size:var(--spectrum-global-dimension-font-size-100);--spectrum-fieldlabel-text-size:var(--spectrum-global-dimension-font-size-100);--spectrum-slider-track-height:var(--spectrum-global-dimension-size-50);--spectrum-slider-track-color:var(--spectrum-global-color-gray-200);--spectrum-slider-track-color-disabled:var(--spectrum-global-color-gray-200);--spectrum-slider-track-border-radius:var(--spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10));--spectrum-slider-fill-track-height:var(--spectrum-slider-track-height,var(--spectrum-alias-border-size-thick));--spectrum-slider-fill-track-color:var(--spectrum-global-color-gray-600);--spectrum-slider-handle-gap:0px;--spectrum-slider-handle-border-size-down:var(--spectrum-slider-handle-border-size,var(--spectrum-alias-border-size-thick));--spectrum-slider-handle-width:var(--spectrum-global-dimension-size-225);--spectrum-slider-handle-height:var(--spectrum-global-dimension-size-225);--spectrum-slider-handle-background-color:var(--spectrum-global-color-gray-50);--spectrum-slider-handle-border-color:var(--spectrum-global-color-gray-800);--spectrum-slider-handle-border-color-hover:var(--spectrum-global-color-gray-900);--spectrum-slider-handle-border-color-key-focus:var(--spectrum-global-color-gray-900);--spectrum-slider-handle-border-color-down:var(--spectrum-global-color-gray-900);--spectrum-slider-handle-border-color-disabled:var(--spectrum-global-color-gray-300);--spectrum-actiongroup-compact-button-gap:var(--spectrum-global-dimension-size-25);--spectrum-tag-border-size:var(--spectrum-global-dimension-static-size-25,2px);--spectrum-tag-border-radius:var(--spectrum-global-dimension-size-300);--spectrum-tag-border-color:var(--spectrum-global-color-gray-300);--spectrum-tag-border-color-hover:var(--spectrum-global-color-gray-400);--spectrum-tag-border-color-key-focus:var(--spectrum-global-color-gray-400);--spectrum-tag-border-color-down:var(--spectrum-global-color-gray-500);--spectrum-tag-border-color-disabled:var(--spectrum-global-color-gray-300);--spectrum-tag-background-color:var(--spectrum-global-color-gray-100);--spectrum-tag-background-color-hover:var(--spectrum-global-color-gray-300);--spectrum-tag-background-color-key-focus:var(--spectrum-global-color-gray-300);--spectrum-tag-background-color-down:var(--spectrum-global-color-gray-400);--spectrum-tag-background-color-disabled:var(--spectrum-global-color-gray-100);--spectrum-alias-dropshadow-blur:var(--spectrum-global-dimension-size-200);--spectrum-alias-dropshadow-offset-y:var(--spectrum-global-dimension-size-50);--spectrum-popover-border-size:0px;--spectrum-tooltip-dropshadow:drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y,var(--spectrum-global-dimension-size-10))var(--spectrum-alias-dropshadow-blur,var(--spectrum-global-dimension-size-50))var(--spectrum-alias-dropshadow-color));--spectrum-selectlist-option-icon-color-selected:var(--spectrum-global-color-indigo-500);--spectrum-alias-neutral-background-color:var(--spectrum-neutral-background-color-default)}.express_814f06.medium_814f06{--spectrum-switch-track-width:28px}.express_814f06.large_814f06{--spectrum-switch-track-width:36px}