@drivy/cobalt 2.9.2 → 2.9.3

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,6 +1,6 @@
1
1
  {
2
2
  "name": "@drivy/cobalt",
3
- "version": "2.9.2",
3
+ "version": "2.9.3",
4
4
  "description": "Opinionated design system for Drivy's projects.",
5
5
  "main": "src/index.js",
6
6
  "types": "types/src/index.d.ts",
@@ -61,7 +61,7 @@
61
61
  "@types/node": "22.14.1",
62
62
  "@types/react": "18.3.24",
63
63
  "@types/react-dom": "18.3.7",
64
- "autoprefixer": "10.4.22",
64
+ "autoprefixer": "10.4.23",
65
65
  "core-js": "3.47.0",
66
66
  "css-loader": "7.1.2",
67
67
  "eslint": "8.57.1",
@@ -88,7 +88,7 @@
88
88
  "rollup-plugin-copy": "3.5.0",
89
89
  "rollup-plugin-svgo": "2.0.0",
90
90
  "rollup-plugin-typescript2": "0.36.0",
91
- "sass": "1.96.0",
91
+ "sass": "1.97.0",
92
92
  "sass-loader": "13.3.3",
93
93
  "sharp-cli": "5.2.0",
94
94
  "storybook": "7.6.20",
@@ -17,7 +17,7 @@
17
17
  user-select: none;
18
18
  appearance: none;
19
19
 
20
- &:active {
20
+ &:active:not([disabled]) {
21
21
  transform: scale(0.97);
22
22
  }
23
23
 
@@ -25,6 +25,8 @@
25
25
  width: 24px;
26
26
  height: 24px;
27
27
 
28
+ margin: initial;
29
+
28
30
  flex-shrink: 0;
29
31
  }
30
32
 
@@ -102,9 +104,12 @@
102
104
  @apply c-text-error;
103
105
  }
104
106
 
105
- &[disabled][aria-disabled]:not([aria-disabled="false"]):not(
106
- [aria-busy="true"]
107
- ) {
107
+ &[href][aria-disabled="true"] {
108
+ pointer-events: none;
109
+ }
110
+
111
+ &[disabled]:not([aria-busy="true"]),
112
+ &[href][aria-disabled="true"]:not([aria-busy="true"]) {
108
113
  @apply c-state-none c-text-onSurfaceDisabled c-drop-shadow-none hover:c-no-underline;
109
114
  opacity: 1;
110
115
  cursor: not-allowed;
@@ -131,10 +136,16 @@
131
136
  .cobalt-button__loading-icon {
132
137
  position: absolute;
133
138
 
139
+ display: none;
140
+
134
141
  margin: auto;
135
142
  }
136
143
 
137
144
  &[aria-busy="true"] > *:not(.cobalt-button__loading-icon) {
138
145
  color: transparent;
139
146
  }
147
+
148
+ &[aria-busy="true"] > .cobalt-button__loading-icon {
149
+ display: inline-block;
150
+ }
140
151
  }