@texturehq/edges 1.25.3 → 1.26.1

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.
@@ -32,7 +32,6 @@
32
32
  [data-react-aria-modal],
33
33
  [data-react-aria-modal-overlay] {
34
34
  outline: none !important;
35
- box-shadow: none !important;
36
35
  }
37
36
 
38
37
  /* Remove focus outlines from React Aria Modal and Dialog components */
@@ -43,7 +42,6 @@
43
42
  [role="dialog"]:focus,
44
43
  [role="dialog"]:focus-visible {
45
44
  outline: none !important;
46
- box-shadow: none !important;
47
45
  }
48
46
 
49
47
  /**
package/dist/styles.css CHANGED
@@ -1229,11 +1229,9 @@
1229
1229
  }
1230
1230
  [role="dialog"], [role="menu"], [role="listbox"], [data-react-aria-dialog], [data-react-aria-modal], [data-react-aria-modal-overlay] {
1231
1231
  outline: none !important;
1232
- box-shadow: none !important;
1233
1232
  }
1234
1233
  [data-react-aria-modal]:focus, [data-react-aria-modal]:focus-visible, [data-react-aria-dialog]:focus, [data-react-aria-dialog]:focus-visible, [role="dialog"]:focus, [role="dialog"]:focus-visible {
1235
1234
  outline: none !important;
1236
- box-shadow: none !important;
1237
1235
  }
1238
1236
  [role="menuitem"], [role="option"] {
1239
1237
  outline: none;
@@ -2149,6 +2147,9 @@
2149
2147
  .w-\[320px\] {
2150
2148
  width: 320px;
2151
2149
  }
2150
+ .w-\[360px\] {
2151
+ width: 360px;
2152
+ }
2152
2153
  .w-\[400px\] {
2153
2154
  width: 400px;
2154
2155
  }
@@ -3261,6 +3262,12 @@
3261
3262
  background-color: color-mix(in oklab, var(--color-background-muted) 30%, transparent);
3262
3263
  }
3263
3264
  }
3265
+ .bg-background-muted\/50 {
3266
+ background-color: color-mix(in srgb, #f3f4f6 50%, transparent);
3267
+ @supports (color: color-mix(in lab, red, red)) {
3268
+ background-color: color-mix(in oklab, var(--color-background-muted) 50%, transparent);
3269
+ }
3270
+ }
3264
3271
  .bg-background-selected {
3265
3272
  background-color: var(--color-background-selected);
3266
3273
  }
@@ -4991,6 +4998,12 @@
4991
4998
  margin-left: var(--spacing-0);
4992
4999
  }
4993
5000
  }
5001
+ .first\:border-t-0 {
5002
+ &:first-child {
5003
+ border-top-style: var(--tw-border-style);
5004
+ border-top-width: 0px;
5005
+ }
5006
+ }
4994
5007
  .last\:border-0 {
4995
5008
  &:last-child {
4996
5009
  border-style: var(--tw-border-style);
@@ -5034,11 +5047,27 @@
5034
5047
  outline-color: var(--color-feedback-error-border);
5035
5048
  }
5036
5049
  }
5050
+ .focus-within\:border-border-focus {
5051
+ &:focus-within {
5052
+ border-color: var(--color-border-focus);
5053
+ }
5054
+ }
5037
5055
  .focus-within\:border-border-input {
5038
5056
  &:focus-within {
5039
5057
  border-color: var(--color-border-input);
5040
5058
  }
5041
5059
  }
5060
+ .focus-within\:bg-background-body {
5061
+ &:focus-within {
5062
+ background-color: var(--color-background-body);
5063
+ }
5064
+ }
5065
+ .focus-within\:shadow-md {
5066
+ &:focus-within {
5067
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
5068
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5069
+ }
5070
+ }
5042
5071
  .focus-within\:shadow-none {
5043
5072
  &:focus-within {
5044
5073
  --tw-shadow: 0 0 #0000;
@@ -5349,6 +5378,13 @@
5349
5378
  }
5350
5379
  }
5351
5380
  }
5381
+ .hover\:text-brand-primary {
5382
+ &:hover {
5383
+ @media (hover: hover) {
5384
+ color: var(--color-brand-primary);
5385
+ }
5386
+ }
5387
+ }
5352
5388
  .hover\:text-text-body {
5353
5389
  &:hover {
5354
5390
  @media (hover: hover) {
@@ -6021,21 +6057,11 @@
6021
6057
  text-align: right;
6022
6058
  }
6023
6059
  }
6024
- .md\:absolute {
6025
- @media (width >= 48rem) {
6026
- position: absolute;
6027
- }
6028
- }
6029
6060
  .md\:relative {
6030
6061
  @media (width >= 48rem) {
6031
6062
  position: relative;
6032
6063
  }
6033
6064
  }
6034
- .md\:left-1\/2 {
6035
- @media (width >= 48rem) {
6036
- left: calc(1/2 * 100%);
6037
- }
6038
- }
6039
6065
  .md\:order-1 {
6040
6066
  @media (width >= 48rem) {
6041
6067
  order: 1;
@@ -6241,12 +6267,6 @@
6241
6267
  flex-shrink: 0;
6242
6268
  }
6243
6269
  }
6244
- .md\:-translate-x-1\/2 {
6245
- @media (width >= 48rem) {
6246
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
6247
- translate: var(--tw-translate-x) var(--tw-translate-y);
6248
- }
6249
- }
6250
6270
  .md\:translate-x-0 {
6251
6271
  @media (width >= 48rem) {
6252
6272
  --tw-translate-x: var(--spacing-0);
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.25.3",
2
+ "version": "1.26.1",
3
3
  "categories": {
4
4
  "hooks": {
5
5
  "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@texturehq/edges",
3
- "version": "1.25.3",
3
+ "version": "1.26.1",
4
4
  "author": "Nicholas Brown <nick@texturehq.com>",
5
5
  "description": "A shared component library for Texture",
6
6
  "type": "module",