@openmrs/esm-styleguide 9.0.3-pre.4556 → 9.0.3-pre.4622

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.
@@ -1,3 +1,3 @@
1
- [0] Successfully compiled: 123 files, copied 164 files with swc (234.42ms)
1
+ [0] Successfully compiled: 123 files, copied 164 files with swc (222.53ms)
2
2
  [0] swc --strip-leading-paths --copy-files src -d dist && svgo -rf dist --quiet exited with code 0
3
3
  [1] tsc --project tsconfig.build.json exited with code 0
@@ -53,6 +53,10 @@
53
53
  &[data-focused='true'] {
54
54
  animation: cursor-blink 1s step-end infinite;
55
55
  }
56
+
57
+ :global([dir='rtl']) &[data-focused='true'] {
58
+ animation: cursor-blink-rtl 1s step-end infinite;
59
+ }
56
60
  }
57
61
 
58
62
  // Shared rules for dimming read-only separators (/, -, etc.) adjacent to
@@ -67,13 +71,28 @@
67
71
  }
68
72
  }
69
73
 
74
+ // Use physical `border-right`/`border-left` rather than logical `border-inline-end`:
75
+ // a PostCSS plugin in the build pipeline incorrectly hoists `border-inline-end`
76
+ // out of @keyframes and re-emits it as a static `border-right` on selectors that
77
+ // reference the animation, which produced a permanent vertical line on the
78
+ // date input wrappers in LTR contexts.
70
79
  @keyframes cursor-blink {
71
80
  from,
72
81
  to {
73
- border-inline-end: 1px solid transparent;
82
+ border-right: 1px solid transparent;
83
+ }
84
+ 50% {
85
+ border-right: 1px solid currentColor;
86
+ }
87
+ }
88
+
89
+ @keyframes cursor-blink-rtl {
90
+ from,
91
+ to {
92
+ border-left: 1px solid transparent;
74
93
  }
75
94
  50% {
76
- border-inline-end: 1px solid currentColor;
95
+ border-left: 1px solid currentColor;
77
96
  }
78
97
  }
79
98
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openmrs/esm-styleguide",
3
- "version": "9.0.3-pre.4556",
3
+ "version": "9.0.3-pre.4622",
4
4
  "license": "MPL-2.0",
5
5
  "description": "The styleguide for OpenMRS SPA",
6
6
  "module": "dist/internal.js",
@@ -98,18 +98,18 @@
98
98
  "swr": "2.x"
99
99
  },
100
100
  "devDependencies": {
101
- "@openmrs/esm-api": "9.0.3-pre.4556",
102
- "@openmrs/esm-config": "9.0.3-pre.4556",
103
- "@openmrs/esm-emr-api": "9.0.3-pre.4556",
104
- "@openmrs/esm-error-handling": "9.0.3-pre.4556",
105
- "@openmrs/esm-extensions": "9.0.3-pre.4556",
106
- "@openmrs/esm-globals": "9.0.3-pre.4556",
107
- "@openmrs/esm-navigation": "9.0.3-pre.4556",
108
- "@openmrs/esm-react-utils": "9.0.3-pre.4556",
109
- "@openmrs/esm-routes": "9.0.3-pre.4556",
110
- "@openmrs/esm-state": "9.0.3-pre.4556",
111
- "@openmrs/esm-translations": "9.0.3-pre.4556",
112
- "@openmrs/esm-utils": "9.0.3-pre.4556",
101
+ "@openmrs/esm-api": "9.0.3-pre.4622",
102
+ "@openmrs/esm-config": "9.0.3-pre.4622",
103
+ "@openmrs/esm-emr-api": "9.0.3-pre.4622",
104
+ "@openmrs/esm-error-handling": "9.0.3-pre.4622",
105
+ "@openmrs/esm-extensions": "9.0.3-pre.4622",
106
+ "@openmrs/esm-globals": "9.0.3-pre.4622",
107
+ "@openmrs/esm-navigation": "9.0.3-pre.4622",
108
+ "@openmrs/esm-react-utils": "9.0.3-pre.4622",
109
+ "@openmrs/esm-routes": "9.0.3-pre.4622",
110
+ "@openmrs/esm-state": "9.0.3-pre.4622",
111
+ "@openmrs/esm-translations": "9.0.3-pre.4622",
112
+ "@openmrs/esm-utils": "9.0.3-pre.4622",
113
113
  "@swc/cli": "0.8.1",
114
114
  "@swc/core": "1.15.21",
115
115
  "@types/geopattern": "^1.2.9",
@@ -53,6 +53,10 @@
53
53
  &[data-focused='true'] {
54
54
  animation: cursor-blink 1s step-end infinite;
55
55
  }
56
+
57
+ :global([dir='rtl']) &[data-focused='true'] {
58
+ animation: cursor-blink-rtl 1s step-end infinite;
59
+ }
56
60
  }
57
61
 
58
62
  // Shared rules for dimming read-only separators (/, -, etc.) adjacent to
@@ -67,13 +71,28 @@
67
71
  }
68
72
  }
69
73
 
74
+ // Use physical `border-right`/`border-left` rather than logical `border-inline-end`:
75
+ // a PostCSS plugin in the build pipeline incorrectly hoists `border-inline-end`
76
+ // out of @keyframes and re-emits it as a static `border-right` on selectors that
77
+ // reference the animation, which produced a permanent vertical line on the
78
+ // date input wrappers in LTR contexts.
70
79
  @keyframes cursor-blink {
71
80
  from,
72
81
  to {
73
- border-inline-end: 1px solid transparent;
82
+ border-right: 1px solid transparent;
83
+ }
84
+ 50% {
85
+ border-right: 1px solid currentColor;
86
+ }
87
+ }
88
+
89
+ @keyframes cursor-blink-rtl {
90
+ from,
91
+ to {
92
+ border-left: 1px solid transparent;
74
93
  }
75
94
  50% {
76
- border-inline-end: 1px solid currentColor;
95
+ border-left: 1px solid currentColor;
77
96
  }
78
97
  }
79
98