@rojaostudio/ds 2.0.0-next.1 → 2.0.0-next.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": "@rojaostudio/ds",
3
- "version": "2.0.0-next.1",
3
+ "version": "2.0.0-next.3",
4
4
  "type": "module",
5
5
  "description": "Rojão Design System — componentes React, estilos e alvo React Native. O motor vive em @rojaostudio/ds-core.",
6
6
  "license": "MIT",
@@ -153,7 +153,7 @@
153
153
  "publishConfig": {
154
154
  "registry": "https://registry.npmjs.org",
155
155
  "access": "public",
156
- "provenance": false
156
+ "provenance": true
157
157
  },
158
158
  "devDependencies": {
159
159
  "@types/node": "^20.19.43",
@@ -190,7 +190,7 @@
190
190
  "@radix-ui/react-toggle": "^1.1.18",
191
191
  "@radix-ui/react-toggle-group": "^1.1.19",
192
192
  "@radix-ui/react-tooltip": "^1.2.16",
193
- "@rojaostudio/ds-core": "1.1.0-next.0"
193
+ "@rojaostudio/ds-core": "1.1.0-next.1"
194
194
  },
195
195
  "scripts": {
196
196
  "build": "pnpm run build:tokens && pnpm run build:themes && pnpm run build:rds && pnpm run build:native && tsup",
@@ -5298,6 +5298,23 @@ input:focus-visible + .rds-checkbox__box {
5298
5298
  font: inherit;
5299
5299
  }
5300
5300
 
5301
+ /*
5302
+ * Browser autofill paints the control's own background (blue in light, yellow in dark) and the control is smaller
5303
+ * than the box that draws the border: it showed as a patch in the middle of the field. Cover it with the box
5304
+ * colour and keep the value colour. The background-color transition is the fallback for browsers that ignore the
5305
+ * inset shadow on autofill.
5306
+ */
5307
+ .rds-field__control:-webkit-autofill,
5308
+ .rds-field__control:-webkit-autofill:hover,
5309
+ .rds-field__control:-webkit-autofill:focus,
5310
+ .rds-field__control:autofill {
5311
+ -webkit-box-shadow: 0 0 0 1000px var(--_background) inset;
5312
+ box-shadow: 0 0 0 1000px var(--_background) inset;
5313
+ -webkit-text-fill-color: var(--_value);
5314
+ caret-color: var(--_value);
5315
+ transition: background-color 600000s 0s;
5316
+ }
5317
+
5301
5318
  .rds-field__control::placeholder {
5302
5319
  color: var(--_placeholder);
5303
5320
  opacity: 1;