@react-spectrum/theme-express 3.0.0-alpha.26 → 3.0.0-alpha.28

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 (17) hide show
  1. package/dist/import.mjs +2 -24
  2. package/dist/main.js +2 -24
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +2 -24
  5. package/dist/module.js.map +1 -1
  6. package/dist/types/src/index.d.ts +1 -0
  7. package/package.json +25 -33
  8. package/src/index.ts +1 -20
  9. package/dist/theme-express.e067e675.css +0 -156
  10. package/dist/theme-express.e067e675.css.map +0 -1
  11. package/dist/types.d.ts +0 -4
  12. package/dist/types.d.ts.map +0 -1
  13. package/dist/vars_express_css.main.js +0 -17
  14. package/dist/vars_express_css.main.js.map +0 -1
  15. package/dist/vars_express_css.mjs +0 -19
  16. package/dist/vars_express_css.module.js +0 -19
  17. package/dist/vars_express_css.module.js.map +0 -1
package/dist/import.mjs CHANGED
@@ -1,11 +1,5 @@
1
- import "./theme-express.e067e675.css";
2
- import $aUolJ$vars_express_cssmodulejs from "./vars_express_css.mjs";
3
- import {theme as $aUolJ$theme} from "@react-spectrum/theme-default";
1
+ import {expressTheme as $085d6ce325a026a0$re_export$theme} from "@adobe/react-spectrum/private/theme-express/expressTheme";
4
2
 
5
-
6
- function $parcel$interopDefault(a) {
7
- return a && a.__esModule ? a.default : a;
8
- }
9
3
  /*
10
4
  * Copyright 2020 Adobe. All rights reserved.
11
5
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -19,22 +13,6 @@ function $parcel$interopDefault(a) {
19
13
  */ /// <reference types="css-module-types" />
20
14
 
21
15
 
22
- let $deb24b9d30a568dd$export$bca14c5b3b88a9c9 = {
23
- ...(0, $aUolJ$theme),
24
- global: {
25
- ...(0, $aUolJ$theme).global,
26
- express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).express
27
- },
28
- medium: {
29
- ...(0, $aUolJ$theme).medium,
30
- express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).medium
31
- },
32
- large: {
33
- ...(0, $aUolJ$theme).large,
34
- express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).large
35
- }
36
- };
37
-
38
16
 
39
- export {$deb24b9d30a568dd$export$bca14c5b3b88a9c9 as theme};
17
+ export {$085d6ce325a026a0$re_export$theme as theme};
40
18
  //# sourceMappingURL=module.js.map
package/dist/main.js CHANGED
@@ -1,17 +1,11 @@
1
- require("./theme-express.e067e675.css");
2
- var $f17eaf2199c04a30$exports = require("./vars_express_css.main.js");
3
- var $xLzsa$reactspectrumthemedefault = require("@react-spectrum/theme-default");
1
+ var $3RNdU$adobereactspectrumprivatethemeexpressexpressTheme = require("@adobe/react-spectrum/private/theme-express/expressTheme");
4
2
 
5
3
 
6
- function $parcel$interopDefault(a) {
7
- return a && a.__esModule ? a.default : a;
8
- }
9
-
10
4
  function $parcel$export(e, n, v, s) {
11
5
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
12
6
  }
13
7
 
14
- $parcel$export(module.exports, "theme", () => $b4cff187ce2e1b51$export$bca14c5b3b88a9c9);
8
+ $parcel$export(module.exports, "theme", function () { return $3RNdU$adobereactspectrumprivatethemeexpressexpressTheme.expressTheme; });
15
9
  /*
16
10
  * Copyright 2020 Adobe. All rights reserved.
17
11
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -25,21 +19,5 @@ $parcel$export(module.exports, "theme", () => $b4cff187ce2e1b51$export$bca14c5b3
25
19
  */ /// <reference types="css-module-types" />
26
20
 
27
21
 
28
- let $b4cff187ce2e1b51$export$bca14c5b3b88a9c9 = {
29
- ...(0, $xLzsa$reactspectrumthemedefault.theme),
30
- global: {
31
- ...(0, $xLzsa$reactspectrumthemedefault.theme).global,
32
- express: (0, ($parcel$interopDefault($f17eaf2199c04a30$exports))).express
33
- },
34
- medium: {
35
- ...(0, $xLzsa$reactspectrumthemedefault.theme).medium,
36
- express: (0, ($parcel$interopDefault($f17eaf2199c04a30$exports))).medium
37
- },
38
- large: {
39
- ...(0, $xLzsa$reactspectrumthemedefault.theme).large,
40
- express: (0, ($parcel$interopDefault($f17eaf2199c04a30$exports))).large
41
- }
42
- };
43
-
44
22
 
45
23
  //# sourceMappingURL=main.js.map
package/dist/main.js.map CHANGED
@@ -1 +1 @@
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"}
1
+ {"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","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\" />\nexport {expressTheme as theme} from '@adobe/react-spectrum/private/theme-express/expressTheme';\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/module.js CHANGED
@@ -1,11 +1,5 @@
1
- import "./theme-express.e067e675.css";
2
- import $aUolJ$vars_express_cssmodulejs from "./vars_express_css.module.js";
3
- import {theme as $aUolJ$theme} from "@react-spectrum/theme-default";
1
+ import {expressTheme as $085d6ce325a026a0$re_export$theme} from "@adobe/react-spectrum/private/theme-express/expressTheme";
4
2
 
5
-
6
- function $parcel$interopDefault(a) {
7
- return a && a.__esModule ? a.default : a;
8
- }
9
3
  /*
10
4
  * Copyright 2020 Adobe. All rights reserved.
11
5
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -19,22 +13,6 @@ function $parcel$interopDefault(a) {
19
13
  */ /// <reference types="css-module-types" />
20
14
 
21
15
 
22
- let $deb24b9d30a568dd$export$bca14c5b3b88a9c9 = {
23
- ...(0, $aUolJ$theme),
24
- global: {
25
- ...(0, $aUolJ$theme).global,
26
- express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).express
27
- },
28
- medium: {
29
- ...(0, $aUolJ$theme).medium,
30
- express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).medium
31
- },
32
- large: {
33
- ...(0, $aUolJ$theme).large,
34
- express: (0, ($parcel$interopDefault($aUolJ$vars_express_cssmodulejs))).large
35
- }
36
- };
37
-
38
16
 
39
- export {$deb24b9d30a568dd$export$bca14c5b3b88a9c9 as theme};
17
+ export {$085d6ce325a026a0$re_export$theme as theme};
40
18
  //# sourceMappingURL=module.js.map
package/dist/module.js.map CHANGED
@@ -1 +1 @@
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"}
1
+ {"mappings":";;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","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\" />\nexport {expressTheme as theme} from '@adobe/react-spectrum/private/theme-express/expressTheme';\n"],"names":[],"version":3,"file":"module.js.map"}
package/dist/types/src/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { expressTheme as theme } from '@adobe/react-spectrum/private/theme-express/expressTheme';
package/package.json CHANGED
@@ -1,20 +1,12 @@
1
1
  {
2
2
  "name": "@react-spectrum/theme-express",
3
- "version": "3.0.0-alpha.26",
3
+ "version": "3.0.0-alpha.28",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
- "main": "dist/main.js",
7
- "module": "dist/module.js",
8
- "exports": {
9
- "source": "./src/index.ts",
10
- "types": [
11
- "./dist/types.d.ts",
12
- "./src/index.ts"
13
- ],
14
- "import": "./dist/import.mjs",
15
- "require": "./dist/main.js"
6
+ "repository": {
7
+ "type": "git",
8
+ "url": "https://github.com/adobe/react-spectrum"
16
9
  },
17
- "types": "dist/types.d.ts",
18
10
  "source": "src/index.ts",
19
11
  "files": [
20
12
  "dist",
@@ -23,35 +15,35 @@
23
15
  "sideEffects": [
24
16
  "*.css"
25
17
  ],
26
- "targets": {
27
- "main": {
28
- "includeNodeModules": [
29
- "@adobe/spectrum-css-temp"
30
- ]
18
+ "main": "dist/main.js",
19
+ "module": "dist/module.js",
20
+ "types": "dist/types/src/index.d.ts",
21
+ "exports": {
22
+ ".": {
23
+ "source": "./src/index.ts",
24
+ "types": "./dist/types/src/index.d.ts",
25
+ "import": "./dist/import.mjs",
26
+ "require": "./dist/main.js"
31
27
  },
32
- "module": {
33
- "includeNodeModules": [
34
- "@adobe/spectrum-css-temp"
35
- ]
36
- }
28
+ "./package.json": "./package.json"
37
29
  },
38
- "repository": {
39
- "type": "git",
40
- "url": "https://github.com/adobe/react-spectrum"
30
+ "publishConfig": {
31
+ "access": "public"
41
32
  },
42
33
  "dependencies": {
43
- "@react-spectrum/theme-default": "^3.5.24",
44
- "@react-types/provider": "^3.8.15",
34
+ "@adobe/react-spectrum": "^3.47.0",
45
35
  "@swc/helpers": "^0.5.0"
46
36
  },
47
37
  "devDependencies": {
48
- "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
49
- },
50
- "publishConfig": {
51
- "access": "public"
38
+ "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
39
+ "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
52
40
  },
53
41
  "peerDependencies": {
54
- "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
42
+ "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
43
+ "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
44
+ },
45
+ "targets": {
46
+ "types": false
55
47
  },
56
- "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
48
+ "gitHead": "3577a20859b9585a000010c720f6ee39c1c588cc"
57
49
  }
package/src/index.ts CHANGED
@@ -11,23 +11,4 @@
11
11
  */
12
12
 
13
13
  /// <reference types="css-module-types" />
14
-
15
- import {theme as defaultTheme} from '@react-spectrum/theme-default';
16
- import express from '@adobe/spectrum-css-temp/vars/express.css';
17
- import {Theme} from '@react-types/provider';
18
-
19
- export let theme: Theme = {
20
- ...defaultTheme,
21
- global: {
22
- ...defaultTheme.global,
23
- express: express.express
24
- },
25
- medium: {
26
- ...defaultTheme.medium,
27
- express: express.medium
28
- },
29
- large: {
30
- ...defaultTheme.large,
31
- express: express.large
32
- }
33
- };
14
+ export {expressTheme as theme} from '@adobe/react-spectrum/private/theme-express/expressTheme';
package/dist/theme-express.e067e675.css DELETED
@@ -1,156 +0,0 @@
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 DELETED
@@ -1 +0,0 @@
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/types.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import { Theme } from "@react-types/provider";
2
- export let theme: Theme;
3
-
4
- //# sourceMappingURL=types.d.ts.map
package/dist/types.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"mappings":";AAkBA,OAAO,IAAI,OAAO,KAcjB,CAAC","sources":["packages/@react-spectrum/theme-express/src/packages/@react-spectrum/theme-express/src/index.ts","packages/@react-spectrum/theme-express/src/index.ts"],"sourcesContent":[null,"/*\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":"types.d.ts.map"}
package/dist/vars_express_css.main.js DELETED
@@ -1,17 +0,0 @@
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 DELETED
@@ -1 +0,0 @@
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 DELETED
@@ -1,19 +0,0 @@
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 DELETED
@@ -1,19 +0,0 @@
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 DELETED
@@ -1 +0,0 @@
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"}