@carbon/element-styles 0.3.3 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/element-styles",
|
|
3
3
|
"description": "An experimental styling system for native HTML elements, relying on semantic, attribute-focused selectors instead of class names.",
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.4",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"sass": "index.scss",
|
|
@@ -18,7 +18,9 @@
|
|
|
18
18
|
"keywords": [
|
|
19
19
|
"ibm",
|
|
20
20
|
"carbon",
|
|
21
|
-
"carbon-design-system"
|
|
21
|
+
"carbon-design-system",
|
|
22
|
+
"components",
|
|
23
|
+
"css"
|
|
22
24
|
],
|
|
23
25
|
"publishConfig": {
|
|
24
26
|
"access": "public",
|
|
@@ -28,10 +30,9 @@
|
|
|
28
30
|
"postinstall": "ibmtelemetry --config=telemetry.yml",
|
|
29
31
|
"dev": "vite docs",
|
|
30
32
|
"build": "npm run build:icons && npm run build:prebuilts && npm run build:docs",
|
|
31
|
-
"build:scss-docs": "node tasks/build-scss-docs.ts",
|
|
32
33
|
"build:icons": "node tasks/build-icons.ts",
|
|
33
34
|
"build:prebuilts": "node tasks/build-prebuilts.ts",
|
|
34
|
-
"build:docs": "
|
|
35
|
+
"build:docs": "vite build docs"
|
|
35
36
|
},
|
|
36
37
|
"dependencies": {
|
|
37
38
|
"@ibm/telemetry-js": "^1.11.0"
|
|
@@ -42,7 +43,9 @@
|
|
|
42
43
|
"devDependencies": {
|
|
43
44
|
"@carbon/icons": "^11.77.0",
|
|
44
45
|
"@types/node": "^26.1.1",
|
|
46
|
+
"highlight.js": "^11.11.1",
|
|
45
47
|
"marked": "^18.0.6",
|
|
48
|
+
"marked-highlight": "^2.2.4",
|
|
46
49
|
"sass": "^1.98.0",
|
|
47
50
|
"vite": "^8.0.3"
|
|
48
51
|
}
|
|
@@ -166,11 +166,13 @@ $-default-config: (
|
|
|
166
166
|
margin-inline-start: spacing.$spacing-03;
|
|
167
167
|
}
|
|
168
168
|
|
|
169
|
-
& > svg:only-child
|
|
169
|
+
& > svg:only-child,
|
|
170
|
+
& > svg:first-child:has(+ [popover="hint"]:last-child) {
|
|
170
171
|
color: theme.$icon-primary;
|
|
171
172
|
}
|
|
172
173
|
|
|
173
|
-
&:disabled > svg:only-child
|
|
174
|
+
&:disabled > svg:only-child,
|
|
175
|
+
&:disabled > svg:first-child:has(+ [popover="hint"]:last-child) {
|
|
174
176
|
color: theme.$icon-disabled;
|
|
175
177
|
}
|
|
176
178
|
}
|
|
@@ -42,8 +42,18 @@ $-default-config: (
|
|
|
42
42
|
border: 0.0625rem solid theme.$border-tile;
|
|
43
43
|
transition: background-color layout.$mode--transition-duration layout.$mode--transition-timing-function;
|
|
44
44
|
|
|
45
|
+
&:visited {
|
|
46
|
+
color: inherit;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
& svg,
|
|
50
|
+
&:visited svg {
|
|
51
|
+
fill: currentColor;
|
|
52
|
+
}
|
|
53
|
+
|
|
45
54
|
&:hover {
|
|
46
55
|
@include layer.layer-background-hover;
|
|
56
|
+
color: inherit;
|
|
47
57
|
}
|
|
48
58
|
|
|
49
59
|
&:active {
|