@uniformdev/mesh-sdk-react 19.123.1-alpha.9 → 19.126.0

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 (4) hide show
  1. package/dist/index.esm.js +18 -9
  2. package/dist/index.js +18 -9
  3. package/dist/index.mjs +18 -9
  4. package/package.json +5 -5
package/dist/index.esm.js CHANGED
@@ -4076,32 +4076,41 @@ var menuBtn2 = css21`
4076
4076
  transform: translateY(-50%);
4077
4077
  `;
4078
4078
  var input = css21`
4079
+ --input-padding: 12px var(--spacing-base) 12px var(--spacing-sm);
4079
4080
  appearance: none;
4080
4081
  background-color: var(--white);
4081
- border: 1px solid var(--gray-200);
4082
+ border: 1px solid var(--gray-300);
4082
4083
  border-radius: var(--rounded-sm);
4083
4084
  color: var(--gray-700);
4084
- padding-block: var(--spacing-base);
4085
- padding-left: var(--spacing-base);
4086
- padding-right: var(--spacing-lg);
4087
- line-height: 1.75;
4085
+ padding: var(--input-padding);
4086
+ min-height: 50px;
4088
4087
  width: 100%;
4089
4088
  position: relative;
4090
4089
  transition: background var(--duration-fast) var(--timing-ease-out),
4091
4090
  border-color var(--duration-fast) var(--timing-ease-out),
4092
- color var(--duration-fast) var(--timing-ease-out);
4091
+ color var(--duration-fast) var(--timing-ease-out), box-shadow var(--duration-fast) var(--timing-ease-out);
4093
4092
 
4093
+ &::placeholder {
4094
+ color: var(--gray-400);
4095
+ }
4096
+
4097
+ &:hover {
4098
+ border-color: var(--accent-dark-hover);
4099
+ }
4100
+
4101
+ &[data-focus='true'],
4094
4102
  &:focus,
4095
4103
  &:focus-within {
4096
- border-color: var(--typography-base);
4097
- box-shadow: none;
4104
+ border-color: var(--accent-dark-active);
4105
+ box-shadow: var(--elevation-100);
4098
4106
  outline: none;
4099
4107
  }
4100
4108
 
4109
+ &[data-disabled='true'],
4101
4110
  &:disabled,
4102
4111
  &:disabled::placeholder {
4103
4112
  cursor: not-allowed;
4104
- color: var(--gray-400);
4113
+ color: var(--gray-300);
4105
4114
  border-color: var(--gray-300);
4106
4115
  }
4107
4116
 
package/dist/index.js CHANGED
@@ -4255,32 +4255,41 @@ var menuBtn2 = import_react42.css`
4255
4255
  transform: translateY(-50%);
4256
4256
  `;
4257
4257
  var input = import_react42.css`
4258
+ --input-padding: 12px var(--spacing-base) 12px var(--spacing-sm);
4258
4259
  appearance: none;
4259
4260
  background-color: var(--white);
4260
- border: 1px solid var(--gray-200);
4261
+ border: 1px solid var(--gray-300);
4261
4262
  border-radius: var(--rounded-sm);
4262
4263
  color: var(--gray-700);
4263
- padding-block: var(--spacing-base);
4264
- padding-left: var(--spacing-base);
4265
- padding-right: var(--spacing-lg);
4266
- line-height: 1.75;
4264
+ padding: var(--input-padding);
4265
+ min-height: 50px;
4267
4266
  width: 100%;
4268
4267
  position: relative;
4269
4268
  transition: background var(--duration-fast) var(--timing-ease-out),
4270
4269
  border-color var(--duration-fast) var(--timing-ease-out),
4271
- color var(--duration-fast) var(--timing-ease-out);
4270
+ color var(--duration-fast) var(--timing-ease-out), box-shadow var(--duration-fast) var(--timing-ease-out);
4272
4271
 
4272
+ &::placeholder {
4273
+ color: var(--gray-400);
4274
+ }
4275
+
4276
+ &:hover {
4277
+ border-color: var(--accent-dark-hover);
4278
+ }
4279
+
4280
+ &[data-focus='true'],
4273
4281
  &:focus,
4274
4282
  &:focus-within {
4275
- border-color: var(--typography-base);
4276
- box-shadow: none;
4283
+ border-color: var(--accent-dark-active);
4284
+ box-shadow: var(--elevation-100);
4277
4285
  outline: none;
4278
4286
  }
4279
4287
 
4288
+ &[data-disabled='true'],
4280
4289
  &:disabled,
4281
4290
  &:disabled::placeholder {
4282
4291
  cursor: not-allowed;
4283
- color: var(--gray-400);
4292
+ color: var(--gray-300);
4284
4293
  border-color: var(--gray-300);
4285
4294
  }
4286
4295
 
package/dist/index.mjs CHANGED
@@ -4076,32 +4076,41 @@ var menuBtn2 = css21`
4076
4076
  transform: translateY(-50%);
4077
4077
  `;
4078
4078
  var input = css21`
4079
+ --input-padding: 12px var(--spacing-base) 12px var(--spacing-sm);
4079
4080
  appearance: none;
4080
4081
  background-color: var(--white);
4081
- border: 1px solid var(--gray-200);
4082
+ border: 1px solid var(--gray-300);
4082
4083
  border-radius: var(--rounded-sm);
4083
4084
  color: var(--gray-700);
4084
- padding-block: var(--spacing-base);
4085
- padding-left: var(--spacing-base);
4086
- padding-right: var(--spacing-lg);
4087
- line-height: 1.75;
4085
+ padding: var(--input-padding);
4086
+ min-height: 50px;
4088
4087
  width: 100%;
4089
4088
  position: relative;
4090
4089
  transition: background var(--duration-fast) var(--timing-ease-out),
4091
4090
  border-color var(--duration-fast) var(--timing-ease-out),
4092
- color var(--duration-fast) var(--timing-ease-out);
4091
+ color var(--duration-fast) var(--timing-ease-out), box-shadow var(--duration-fast) var(--timing-ease-out);
4093
4092
 
4093
+ &::placeholder {
4094
+ color: var(--gray-400);
4095
+ }
4096
+
4097
+ &:hover {
4098
+ border-color: var(--accent-dark-hover);
4099
+ }
4100
+
4101
+ &[data-focus='true'],
4094
4102
  &:focus,
4095
4103
  &:focus-within {
4096
- border-color: var(--typography-base);
4097
- box-shadow: none;
4104
+ border-color: var(--accent-dark-active);
4105
+ box-shadow: var(--elevation-100);
4098
4106
  outline: none;
4099
4107
  }
4100
4108
 
4109
+ &[data-disabled='true'],
4101
4110
  &:disabled,
4102
4111
  &:disabled::placeholder {
4103
4112
  cursor: not-allowed;
4104
- color: var(--gray-400);
4113
+ color: var(--gray-300);
4105
4114
  border-color: var(--gray-300);
4106
4115
  }
4107
4116
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/mesh-sdk-react",
3
- "version": "19.123.1-alpha.9+0f8fa37358",
3
+ "version": "19.126.0",
4
4
  "description": "Uniform Mesh Framework SDK for React",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -50,9 +50,9 @@
50
50
  "@lexical/selection": "^0.12.0",
51
51
  "@lexical/utils": "^0.12.0",
52
52
  "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v4.10.1/react-icons-all-files-4.10.1.tgz",
53
- "@uniformdev/canvas": "19.123.1-alpha.9+0f8fa37358",
54
- "@uniformdev/design-system": "19.123.1-alpha.9+0f8fa37358",
55
- "@uniformdev/mesh-sdk": "19.123.1-alpha.9+0f8fa37358",
53
+ "@uniformdev/canvas": "19.126.0",
54
+ "@uniformdev/design-system": "19.126.0",
55
+ "@uniformdev/mesh-sdk": "19.126.0",
56
56
  "dequal": "^2.0.3",
57
57
  "lexical": "^0.12.0",
58
58
  "mitt": "^3.0.0",
@@ -86,5 +86,5 @@
86
86
  "publishConfig": {
87
87
  "access": "public"
88
88
  },
89
- "gitHead": "0f8fa37358fa0d8bc2e77e00b09d456c7053ee63"
89
+ "gitHead": "cbb4eaba6a67417f24a50e823d2558bbebf5e3d2"
90
90
  }