@eqtylab/equality 1.0.2 → 1.1.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.
@@ -88,10 +88,9 @@
88
88
  inset-block: calc(0.25rem * 0);
89
89
  left: calc(0.25rem * 0);
90
90
  height: 100%;
91
- width: calc(3/4 * 100%);
92
- @media (width >= 40rem) {
93
- width: calc(1/3 * 100%);
94
- }
91
+ width: fit-content;
92
+ max-width: calc(3/4 * 100%);
93
+ min-width: calc(1/3 * 100%);
95
94
  &[data-state="closed"] {
96
95
  --tw-exit-translate-x: -100%;
97
96
  }
@@ -105,9 +104,14 @@
105
104
  inset-block: calc(0.25rem * 0);
106
105
  right: calc(0.25rem * 0);
107
106
  height: 100%;
108
- width: calc(3/4 * 100%);
109
- @media (width >= 40rem) {
110
- width: calc(1/3 * 100%);
107
+ width: fit-content;
108
+ max-width: calc(3/4 * 100%);
109
+ min-width: calc(7/8 * 100%);
110
+ @media (width >= 48rem) {
111
+ max-width: 100vw;
112
+ }
113
+ @media (width >= 48rem) {
114
+ min-width: calc(1/4 * 100%);
111
115
  }
112
116
  &[data-state="closed"] {
113
117
  --tw-exit-translate-x: 100%;
@@ -121,6 +125,8 @@
121
125
  }
122
126
  .sheet-header {
123
127
  display: flex;
128
+ width: fit-content;
129
+ width: 100%;
124
130
  flex-shrink: 0;
125
131
  align-items: center;
126
132
  gap: calc(0.25rem * 4);
@@ -159,21 +165,17 @@
159
165
  }
160
166
  .sheet-footer {
161
167
  display: flex;
168
+ width: 100%;
169
+ min-width: fit-content;
162
170
  flex-shrink: 0;
163
171
  flex-direction: column-reverse;
172
+ gap: calc(0.25rem * 2);
164
173
  @media (width >= 40rem) {
165
174
  flex-direction: row;
166
175
  }
167
176
  @media (width >= 40rem) {
168
177
  justify-content: flex-end;
169
178
  }
170
- @media (width >= 40rem) {
171
- :where(& > :not(:last-child)) {
172
- --tw-space-x-reverse: 0;
173
- margin-inline-start: calc(calc(0.25rem * 2) * var(--tw-space-x-reverse));
174
- margin-inline-end: calc(calc(0.25rem * 2) * calc(1 - var(--tw-space-x-reverse)));
175
- }
176
- }
177
179
  border-top-style: var(--tw-border-style);
178
180
  border-top-width: 1px;
179
181
  border-color: var(--color-border);
@@ -352,11 +354,6 @@
352
354
  inherits: false;
353
355
  initial-value: 0;
354
356
  }
355
- @property --tw-space-x-reverse {
356
- syntax: "*";
357
- inherits: false;
358
- initial-value: 0;
359
- }
360
357
  @property --tw-font-weight {
361
358
  syntax: "*";
362
359
  inherits: false;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@eqtylab/equality",
3
3
  "description": "EQTYLab's component and token-based design system",
4
4
  "homepage": "https://equality.eqtylab.io/",
5
- "version": "1.0.2",
5
+ "version": "1.1.1",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
8
8
  "component library",