Skip to content

Commit 8a0bac8

Browse files
jenndiazcastastrophe
jenndiaz
authored and
castastrophe
committed
refactor(backgroudlayers): use newest tokens
1 parent 094d4c5 commit 8a0bac8

File tree

6 files changed

+68
-84
lines changed

6 files changed

+68
-84
lines changed

‎components/backgroundlayers/gulpfile.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎components/backgroundlayers/index.css

Lines changed: 7 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -11,17 +11,15 @@ governing permissions and limitations under the License.
1111
*/
1212
/* for use only in editing contexts */
1313
.spectrum-BackgroundLayers-edit-elevated {
14-
--spectrum-backgroundlayers-background-color: var(--spectrum-gray-25);
1514
--spectrum-backgroundlayers-shadow-horizontal: 0;
1615
--spectrum-backgroundlayers-shadow-vertical: 0;
1716
--spectrum-backgroundlayers-shadow-blur: 5px;
1817
--spectrum-backgroundlayers-shadow-color: var(--spectrum-gray-600);
1918

2019
.spectrum--dark & {
21-
--spectrum-backgroundlayers-background-color: var(--spectrum-gray-75);
2220
--spectrum-backgroundlayers-shadow-color: var(--spectrum-gray-100);
2321
}
24-
background-color: var(--spectrum-backgroundlayers-background-color);
22+
background-color: var(--spectrum-background-elevated-color);
2523
box-shadow:
2624
var(--spectrum-backgroundlayers-shadow-horizontal)
2725
var(--spectrum-backgroundlayers-shadow-vertical)
@@ -30,42 +28,29 @@ governing permissions and limitations under the License.
3028
}
3129

3230
.spectrum-BackgroundLayers-edit-layer2 {
33-
--spectrum-backgroundlayers-background-color: var(--spectrum-gray-25);
34-
35-
.spectrum--dark & {
36-
--spectrum-backgroundlayers-background-color: var(--spectrum-gray-75);
37-
}
38-
background-color: var(--spectrum-backgroundlayers-background-color);
31+
background-color: var(--spectrum-background-layer-2-color);
3932
border: 2px solid rgba(180, 180, 180, 25%);
4033
}
4134

4235
.spectrum-BackgroundLayers-edit-layer1 {
43-
--spectrum-backgroundlayers-background-color: var(--spectrum-gray-50);
44-
background-color: var(--spectrum-backgroundlayers-background-color);
36+
background-color: var(--spectrum-background-layer-1-color);
4537
}
4638

4739
.spectrum-BackgroundLayers-edit-pasteboard {
48-
--spectrum-backgroundlayers-background-color: var(--spectrum-gray-100);
49-
50-
.spectrum--dark & {
51-
--spectrum-backgroundlayers-background-color: var(--spectrum-gray-25);
52-
}
53-
background-color: var(--spectrum-backgroundlayers-background-color);
40+
background-color: var(--spectrum-background-pasteboard-color);
5441
}
5542

5643
/* only used in browsing contexts */
5744
.spectrum-BackgroundLayers-browse-elevated {
58-
--spectrum-backgroundlayers-background-color: var(--spectrum-gray-25);
5945
--spectrum-backgroundlayers-shadow-horizontal: 0;
6046
--spectrum-backgroundlayers-shadow-vertical: 0;
6147
--spectrum-backgroundlayers-shadow-blur: 5px;
6248
--spectrum-backgroundlayers-shadow-color: var(--spectrum-gray-600);
6349

6450
.spectrum--dark & {
65-
--spectrum-backgroundlayers-background-color: var(--spectrum-gray-75);
6651
--spectrum-backgroundlayers-shadow-color: var(--spectrum-gray-100);
6752
}
68-
background-color: var(--spectrum-backgroundlayers-background-color);
53+
background-color: var(--spectrum-background-elevated-color);
6954
box-shadow:
7055
var(--spectrum-backgroundlayers-shadow-horizontal)
7156
var(--spectrum-backgroundlayers-shadow-vertical)
@@ -74,12 +59,10 @@ governing permissions and limitations under the License.
7459
}
7560

7661
.spectrum-BackgroundLayers-browse-layer1 {
77-
--spectrum-backgroundlayers-background-color: var(--spectrum-gray-50);
78-
background-color: var(--spectrum-backgroundlayers-background-color);
62+
background-color: var(--spectrum-background-layer-1-color);
7963
}
8064

8165
.spectrum-BackgroundLayers-browse-base {
82-
--spectrum-backgroundlayers-background-color: var(--spectrum-gray-25);
8366
border: 2px solid rgba(180, 180, 180, 25%);
84-
background-color: var(--spectrum-backgroundlayers-background-color);
67+
background-color: var(--spectrum-background-base-color);
8568
}

‎components/backgroundlayers/package.json

Lines changed: 48 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,50 @@
11
{
2-
"name": "@spectrum-css/backgroundlayers",
3-
"version": "1.0.0-alpha.0",
4-
"description": "The Spectrum CSS backgroundlayers component",
5-
"license": "Apache-2.0",
6-
"author": "Adobe",
7-
"homepage": "https://opensource.adobe.com/spectrum-css/",
8-
"repository": {
9-
"type": "git",
10-
"url": "https://github.com/adobe/spectrum-css.git",
11-
"directory": "components/backgroundlayers"
12-
},
13-
"bugs": {
14-
"url": "https://github.com/adobe/spectrum-css/issues"
15-
},
16-
"main": "dist/index-vars.css",
17-
"scripts": {
18-
"build": "gulp",
19-
"clean": "rimraf dist",
20-
"test": "nx test:scope @spectrum-css/preview backgroundlayers"
21-
},
22-
"peerDependencies": {
23-
"@spectrum-css/tokens": ">=13"
24-
},
25-
"devDependencies": {
26-
"@spectrum-css/component-builder-simple": "^2.0.17",
27-
"@spectrum-css/tokens": "^13.0.0-beta.5",
28-
"gulp": "^4.0.0",
29-
"nx": "^17.0.3",
30-
"rimraf": "^5.0.1"
31-
},
32-
"publishConfig": {
33-
"access": "public"
34-
}
2+
"name": "@spectrum-css/backgroundlayers",
3+
"version": "1.0.0-alpha.0",
4+
"description": "The Spectrum CSS backgroundlayers component",
5+
"license": "Apache-2.0",
6+
"author": "Adobe",
7+
"homepage": "https://opensource.adobe.com/spectrum-css/",
8+
"repository": {
9+
"type": "git",
10+
"url": "https://github.com/adobe/spectrum-css.git",
11+
"directory": "components/backgroundlayers"
12+
},
13+
"bugs": {
14+
"url": "https://github.com/adobe/spectrum-css/issues"
15+
},
16+
"exports": {
17+
".": "./dist/index.css",
18+
"./*.md": "./*.md",
19+
"./dist/*": "./dist/*",
20+
"./index-*.css": "./dist/index-*.css",
21+
"./index.css": "./dist/index.css",
22+
"./metadata.json": "./dist/metadata.json",
23+
"./package.json": "./package.json",
24+
"./stories/*": "./stories/*"
25+
},
26+
"main": "dist/index.css",
27+
"peerDependencies": {
28+
"@spectrum-css/tokens": ">=16.1.0-next.0"
29+
},
30+
"peerDependenciesMeta": {
31+
"@spectrum-css/tokens": {
32+
"optional": true
33+
}
34+
},
35+
"devDependencies": {
36+
"@spectrum-css/tokens": "16.1.0-next.8"
37+
},
38+
"keywords": [
39+
"design-system",
40+
"spectrum",
41+
"spectrum-css",
42+
"adobe",
43+
"adobe-spectrum",
44+
"component",
45+
"css"
46+
],
47+
"publishConfig": {
48+
"access": "public"
49+
}
3550
}

‎components/backgroundlayers/themes/express.css

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎components/backgroundlayers/themes/spectrum.css

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎yarn.lock

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4241,6 +4241,19 @@ __metadata:
42414241
languageName: unknown
42424242
linkType: soft
42434243

4244+
"@spectrum-css/backgroundlayers@workspace:components/backgroundlayers":
4245+
version: 0.0.0-use.local
4246+
resolution: "@spectrum-css/backgroundlayers@workspace:components/backgroundlayers"
4247+
dependencies:
4248+
"@spectrum-css/tokens": "npm:16.1.0-next.8"
4249+
peerDependencies:
4250+
"@spectrum-css/tokens": ">=16.1.0-next.0"
4251+
peerDependenciesMeta:
4252+
"@spectrum-css/tokens":
4253+
optional: true
4254+
languageName: unknown
4255+
linkType: soft
4256+
42444257
"@spectrum-css/badge@npm:7.0.0-next.2, @spectrum-css/badge@workspace:components/badge":
42454258
version: 0.0.0-use.local
42464259
resolution: "@spectrum-css/badge@workspace:components/badge"

0 commit comments

Comments
 (0)