@osdk/react-components-styles 0.3.0 → 0.4.0-main-90a01d202dfa1e497125bd6cfcdc8175278fb7ec

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 (6) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/package.json +1 -1
  3. package/src/tokens/base.css +9 -0
  4. package/src/tokens/file-picker.css +5 -0
  5. package/src/tokens/form.css +4 -0
  6. package/src/tokens/input.css +3 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @osdk/react-components-styles
2
2
 
3
+ ## 0.4.0-main-90a01d202dfa1e497125bd6cfcdc8175278fb7ec
4
+
5
+ ### Minor Changes
6
+
7
+ - c144b04: Add form field validation with onTouched mode, error display, and submit tooltip
8
+
3
9
  ## 0.3.0
4
10
 
5
11
  ### Minor Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@osdk/react-components-styles",
3
- "version": "0.3.0",
3
+ "version": "0.4.0-main-90a01d202dfa1e497125bd6cfcdc8175278fb7ec",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",
package/src/tokens/base.css CHANGED
@@ -187,6 +187,15 @@
187
187
  fill: currentColor;
188
188
  }
189
189
 
190
+ /*
191
+ * Blueprint 6 icon components use oversized path coordinates (320×320)
192
+ * with scale(0.05, -0.05) transforms. During rendering the path extends
193
+ * beyond the SVG viewBox, so overflow must be visible to prevent clipping.
194
+ */
195
+ .bp6-icon > svg {
196
+ overflow: visible;
197
+ }
198
+
190
199
  *,
191
200
  *::before,
192
201
  *::after {
package/src/tokens/file-picker.css CHANGED
@@ -34,6 +34,11 @@
34
34
  --osdk-typography-color-default-rest
35
35
  );
36
36
 
37
+ /* Error state */
38
+ --osdk-file-picker-trigger-border-color-error: var(
39
+ --osdk-input-border-color-error
40
+ );
41
+
37
42
  /* Browse button */
38
43
  --osdk-file-picker-browse-bg: var(--osdk-button-secondary-bg);
39
44
  --osdk-file-picker-browse-bg-hover: var(--osdk-button-secondary-bg-hover);
package/src/tokens/form.css CHANGED
@@ -26,4 +26,8 @@
26
26
  /* Validation errors */
27
27
  --osdk-form-error-font-size: var(--osdk-typography-size-body-small);
28
28
  --osdk-form-error-color: var(--osdk-typography-color-danger-rest);
29
+
30
+ /* Form footer error indicator */
31
+ --osdk-form-footer-error-color: var(--osdk-form-error-color);
32
+ --osdk-form-footer-error-font-size: var(--osdk-typography-size-body-medium);
29
33
  }
package/src/tokens/input.css CHANGED
@@ -31,4 +31,7 @@
31
31
 
32
32
  /* Input disabled */
33
33
  --osdk-input-disabled-opacity: 0.5;
34
+
35
+ /* Input error */
36
+ --osdk-input-border-color-error: var(--osdk-intent-danger-rest);
34
37
  }