@ozen-ui/kit 0.3.0 → 0.3.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.
Files changed (9) hide show
  1. package/__inner__/cjs/components/Container/Container.css +4 -4
  2. package/__inner__/cjs/components/Grid/Grid.css +8 -8
  3. package/__inner__/cjs/components/Skeleton/Skeleton.css +1 -1
  4. package/__inner__/cjs/components/Stack/Stack.css +4 -4
  5. package/__inner__/esm/components/Container/Container.css +4 -4
  6. package/__inner__/esm/components/Grid/Grid.css +8 -8
  7. package/__inner__/esm/components/Skeleton/Skeleton.css +1 -1
  8. package/__inner__/esm/components/Stack/Stack.css +4 -4
  9. package/package.json +1 -1
package/__inner__/cjs/components/Container/Container.css CHANGED
@@ -44,7 +44,7 @@
44
44
  .Container_gutters_2xl {
45
45
  padding: 0 var(--space-2xl);
46
46
  }
47
- @media (width >= 0) {
47
+ @media (min-width: 0) {
48
48
  .Container_gutters_xs_xs {
49
49
  padding: 0 var(--space-xs);
50
50
  }
@@ -76,7 +76,7 @@
76
76
  max-inline-size: 100%;
77
77
  }
78
78
  }
79
- @media (width >= 640px) {
79
+ @media (min-width: 640px) {
80
80
  .Container_gutters_s_xs {
81
81
  padding: 0 var(--space-xs);
82
82
  }
@@ -108,7 +108,7 @@
108
108
  max-inline-size: 100%;
109
109
  }
110
110
  }
111
- @media (width >= 1024px) {
111
+ @media (min-width: 1024px) {
112
112
  .Container_gutters_m_xs {
113
113
  padding: 0 var(--space-xs);
114
114
  }
@@ -140,7 +140,7 @@
140
140
  max-inline-size: 100%;
141
141
  }
142
142
  }
143
- @media (width >= 1280px) {
143
+ @media (min-width: 1280px) {
144
144
  .Container_gutters_l_xs {
145
145
  padding: 0 var(--space-xs);
146
146
  }
package/__inner__/cjs/components/Grid/Grid.css CHANGED
@@ -80,7 +80,7 @@
80
80
  .Grid_gap_8xl {
81
81
  grid-gap: var(--space-8xl);
82
82
  }
83
- @media (width >= 0) {
83
+ @media (min-width: 0) {
84
84
  .Grid_gap_xs_0 {
85
85
  grid-gap: 0;
86
86
  }
@@ -157,7 +157,7 @@
157
157
  grid-template-columns: repeat(12, 1fr);
158
158
  }
159
159
  }
160
- @media (width >= 640px) {
160
+ @media (min-width: 640px) {
161
161
  .Grid_gap_s_0 {
162
162
  grid-gap: 0;
163
163
  }
@@ -234,7 +234,7 @@
234
234
  grid-template-columns: repeat(12, 1fr);
235
235
  }
236
236
  }
237
- @media (width >= 1024px) {
237
+ @media (min-width: 1024px) {
238
238
  .Grid_gap_m_0 {
239
239
  grid-gap: 0;
240
240
  }
@@ -311,7 +311,7 @@
311
311
  grid-template-columns: repeat(12, 1fr);
312
312
  }
313
313
  }
314
- @media (width >= 1280px) {
314
+ @media (min-width: 1280px) {
315
315
  .Grid_gap_l_0 {
316
316
  grid-gap: 0;
317
317
  }
@@ -522,7 +522,7 @@
522
522
  .GridItem_rowStart_6 {
523
523
  --grid-row-start: 6;
524
524
  }
525
- @media (width >= 0) {
525
+ @media (min-width: 0) {
526
526
  .GridItem_col_xs_1 {
527
527
  --grid-col-start: auto;
528
528
  --grid-col-end: span 1;
@@ -650,7 +650,7 @@
650
650
  --grid-row-start: 6;
651
651
  }
652
652
  }
653
- @media (width >= 640px) {
653
+ @media (min-width: 640px) {
654
654
  .GridItem_col_s_1 {
655
655
  --grid-col-start: auto;
656
656
  --grid-col-end: span 1;
@@ -778,7 +778,7 @@
778
778
  --grid-row-start: 6;
779
779
  }
780
780
  }
781
- @media (width >= 1024px) {
781
+ @media (min-width: 1024px) {
782
782
  .GridItem_col_m_1 {
783
783
  --grid-col-start: auto;
784
784
  --grid-col-end: span 1;
@@ -906,7 +906,7 @@
906
906
  --grid-row-start: 6;
907
907
  }
908
908
  }
909
- @media (width >= 1280px) {
909
+ @media (min-width: 1280px) {
910
910
  .GridItem_col_l_1 {
911
911
  --grid-col-start: auto;
912
912
  --grid-col-end: span 1;
package/__inner__/cjs/components/Skeleton/Skeleton.css CHANGED
@@ -20,7 +20,7 @@
20
20
  background-repeat: no-repeat;
21
21
  background-attachment: fixed;
22
22
  }
23
- @media (width >= 640px) {
23
+ @media (min-width: 640px) {
24
24
  .Skeleton {
25
25
  animation: skeleton-wave 2.5s linear infinite;
26
26
  }
package/__inner__/cjs/components/Stack/Stack.css CHANGED
@@ -93,7 +93,7 @@
93
93
  .Stack_justify_spaceAround {
94
94
  justify-content: space-around;
95
95
  }
96
- @media (width >= 0) {
96
+ @media (min-width: 0) {
97
97
  .Stack_direction_xs_row {
98
98
  flex-direction: row;
99
99
  }
@@ -146,7 +146,7 @@
146
146
  gap: var(--space-8xl);
147
147
  }
148
148
  }
149
- @media (width >= 640px) {
149
+ @media (min-width: 640px) {
150
150
  .Stack_direction_s_row {
151
151
  flex-direction: row;
152
152
  }
@@ -199,7 +199,7 @@
199
199
  gap: var(--space-8xl);
200
200
  }
201
201
  }
202
- @media (width >= 1024px) {
202
+ @media (min-width: 1024px) {
203
203
  .Stack_direction_m_row {
204
204
  flex-direction: row;
205
205
  }
@@ -252,7 +252,7 @@
252
252
  gap: var(--space-8xl);
253
253
  }
254
254
  }
255
- @media (width >= 1280px) {
255
+ @media (min-width: 1280px) {
256
256
  .Stack_direction_l_row {
257
257
  flex-direction: row;
258
258
  }
package/__inner__/esm/components/Container/Container.css CHANGED
@@ -44,7 +44,7 @@
44
44
  .Container_gutters_2xl {
45
45
  padding: 0 var(--space-2xl);
46
46
  }
47
- @media (width >= 0) {
47
+ @media (min-width: 0) {
48
48
  .Container_gutters_xs_xs {
49
49
  padding: 0 var(--space-xs);
50
50
  }
@@ -76,7 +76,7 @@
76
76
  max-inline-size: 100%;
77
77
  }
78
78
  }
79
- @media (width >= 640px) {
79
+ @media (min-width: 640px) {
80
80
  .Container_gutters_s_xs {
81
81
  padding: 0 var(--space-xs);
82
82
  }
@@ -108,7 +108,7 @@
108
108
  max-inline-size: 100%;
109
109
  }
110
110
  }
111
- @media (width >= 1024px) {
111
+ @media (min-width: 1024px) {
112
112
  .Container_gutters_m_xs {
113
113
  padding: 0 var(--space-xs);
114
114
  }
@@ -140,7 +140,7 @@
140
140
  max-inline-size: 100%;
141
141
  }
142
142
  }
143
- @media (width >= 1280px) {
143
+ @media (min-width: 1280px) {
144
144
  .Container_gutters_l_xs {
145
145
  padding: 0 var(--space-xs);
146
146
  }
package/__inner__/esm/components/Grid/Grid.css CHANGED
@@ -80,7 +80,7 @@
80
80
  .Grid_gap_8xl {
81
81
  grid-gap: var(--space-8xl);
82
82
  }
83
- @media (width >= 0) {
83
+ @media (min-width: 0) {
84
84
  .Grid_gap_xs_0 {
85
85
  grid-gap: 0;
86
86
  }
@@ -157,7 +157,7 @@
157
157
  grid-template-columns: repeat(12, 1fr);
158
158
  }
159
159
  }
160
- @media (width >= 640px) {
160
+ @media (min-width: 640px) {
161
161
  .Grid_gap_s_0 {
162
162
  grid-gap: 0;
163
163
  }
@@ -234,7 +234,7 @@
234
234
  grid-template-columns: repeat(12, 1fr);
235
235
  }
236
236
  }
237
- @media (width >= 1024px) {
237
+ @media (min-width: 1024px) {
238
238
  .Grid_gap_m_0 {
239
239
  grid-gap: 0;
240
240
  }
@@ -311,7 +311,7 @@
311
311
  grid-template-columns: repeat(12, 1fr);
312
312
  }
313
313
  }
314
- @media (width >= 1280px) {
314
+ @media (min-width: 1280px) {
315
315
  .Grid_gap_l_0 {
316
316
  grid-gap: 0;
317
317
  }
@@ -522,7 +522,7 @@
522
522
  .GridItem_rowStart_6 {
523
523
  --grid-row-start: 6;
524
524
  }
525
- @media (width >= 0) {
525
+ @media (min-width: 0) {
526
526
  .GridItem_col_xs_1 {
527
527
  --grid-col-start: auto;
528
528
  --grid-col-end: span 1;
@@ -650,7 +650,7 @@
650
650
  --grid-row-start: 6;
651
651
  }
652
652
  }
653
- @media (width >= 640px) {
653
+ @media (min-width: 640px) {
654
654
  .GridItem_col_s_1 {
655
655
  --grid-col-start: auto;
656
656
  --grid-col-end: span 1;
@@ -778,7 +778,7 @@
778
778
  --grid-row-start: 6;
779
779
  }
780
780
  }
781
- @media (width >= 1024px) {
781
+ @media (min-width: 1024px) {
782
782
  .GridItem_col_m_1 {
783
783
  --grid-col-start: auto;
784
784
  --grid-col-end: span 1;
@@ -906,7 +906,7 @@
906
906
  --grid-row-start: 6;
907
907
  }
908
908
  }
909
- @media (width >= 1280px) {
909
+ @media (min-width: 1280px) {
910
910
  .GridItem_col_l_1 {
911
911
  --grid-col-start: auto;
912
912
  --grid-col-end: span 1;
package/__inner__/esm/components/Skeleton/Skeleton.css CHANGED
@@ -20,7 +20,7 @@
20
20
  background-repeat: no-repeat;
21
21
  background-attachment: fixed;
22
22
  }
23
- @media (width >= 640px) {
23
+ @media (min-width: 640px) {
24
24
  .Skeleton {
25
25
  animation: skeleton-wave 2.5s linear infinite;
26
26
  }
package/__inner__/esm/components/Stack/Stack.css CHANGED
@@ -93,7 +93,7 @@
93
93
  .Stack_justify_spaceAround {
94
94
  justify-content: space-around;
95
95
  }
96
- @media (width >= 0) {
96
+ @media (min-width: 0) {
97
97
  .Stack_direction_xs_row {
98
98
  flex-direction: row;
99
99
  }
@@ -146,7 +146,7 @@
146
146
  gap: var(--space-8xl);
147
147
  }
148
148
  }
149
- @media (width >= 640px) {
149
+ @media (min-width: 640px) {
150
150
  .Stack_direction_s_row {
151
151
  flex-direction: row;
152
152
  }
@@ -199,7 +199,7 @@
199
199
  gap: var(--space-8xl);
200
200
  }
201
201
  }
202
- @media (width >= 1024px) {
202
+ @media (min-width: 1024px) {
203
203
  .Stack_direction_m_row {
204
204
  flex-direction: row;
205
205
  }
@@ -252,7 +252,7 @@
252
252
  gap: var(--space-8xl);
253
253
  }
254
254
  }
255
- @media (width >= 1280px) {
255
+ @media (min-width: 1280px) {
256
256
  .Stack_direction_l_row {
257
257
  flex-direction: row;
258
258
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ozen-ui/kit",
3
- "version": "0.3.0",
3
+ "version": "0.3.1",
4
4
  "description": "React component library",
5
5
  "files": [
6
6
  "*"