@x-plat/design-system 0.4.0 → 0.4.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.
@@ -1,6 +1,7 @@
1
1
  /* src/components/Calendar/calendar.scss */
2
2
  .lib-xplat-calendar {
3
3
  width: 100%;
4
+ min-width: 280px;
4
5
  user-select: none;
5
6
  container-type: inline-size;
6
7
  }
@@ -88,6 +88,7 @@
88
88
  .lib-xplat-datepicker {
89
89
  user-select: none;
90
90
  container-type: inline-size;
91
+ width: 280px;
91
92
  }
92
93
  .lib-xplat-datepicker .datepicker-header {
93
94
  display: flex;
@@ -205,9 +206,11 @@
205
206
  .lib-xplat-datepicker.range {
206
207
  display: flex;
207
208
  gap: 1.5rem;
209
+ width: auto;
208
210
  }
209
211
  .lib-xplat-datepicker .datepicker-range-panel {
210
- flex: 1;
212
+ width: 280px;
213
+ flex-shrink: 0;
211
214
  }
212
215
  .lib-xplat-datepicker .datepicker-range-label {
213
216
  display: block;
@@ -219,6 +222,7 @@
219
222
  }
220
223
  .lib-xplat-datepicker.input-datepicker {
221
224
  position: relative;
225
+ width: auto;
222
226
  }
223
227
  .lib-xplat-datepicker.input-datepicker .input-datepicker-dropdown {
224
228
  position: absolute;
@@ -676,6 +676,7 @@
676
676
  /* src/components/Calendar/calendar.scss */
677
677
  .lib-xplat-calendar {
678
678
  width: 100%;
679
+ min-width: 280px;
679
680
  user-select: none;
680
681
  container-type: inline-size;
681
682
  }
@@ -1157,6 +1158,7 @@
1157
1158
  .lib-xplat-datepicker {
1158
1159
  user-select: none;
1159
1160
  container-type: inline-size;
1161
+ width: 280px;
1160
1162
  }
1161
1163
  .lib-xplat-datepicker .datepicker-header {
1162
1164
  display: flex;
@@ -1274,9 +1276,11 @@
1274
1276
  .lib-xplat-datepicker.range {
1275
1277
  display: flex;
1276
1278
  gap: 1.5rem;
1279
+ width: auto;
1277
1280
  }
1278
1281
  .lib-xplat-datepicker .datepicker-range-panel {
1279
- flex: 1;
1282
+ width: 280px;
1283
+ flex-shrink: 0;
1280
1284
  }
1281
1285
  .lib-xplat-datepicker .datepicker-range-label {
1282
1286
  display: block;
@@ -1288,6 +1292,7 @@
1288
1292
  }
1289
1293
  .lib-xplat-datepicker.input-datepicker {
1290
1294
  position: relative;
1295
+ width: auto;
1291
1296
  }
1292
1297
  .lib-xplat-datepicker.input-datepicker .input-datepicker-dropdown {
1293
1298
  position: absolute;
package/dist/index.css CHANGED
@@ -676,6 +676,7 @@
676
676
  /* src/components/Calendar/calendar.scss */
677
677
  .lib-xplat-calendar {
678
678
  width: 100%;
679
+ min-width: 280px;
679
680
  user-select: none;
680
681
  container-type: inline-size;
681
682
  }
@@ -1157,6 +1158,7 @@
1157
1158
  .lib-xplat-datepicker {
1158
1159
  user-select: none;
1159
1160
  container-type: inline-size;
1161
+ width: 280px;
1160
1162
  }
1161
1163
  .lib-xplat-datepicker .datepicker-header {
1162
1164
  display: flex;
@@ -1274,9 +1276,11 @@
1274
1276
  .lib-xplat-datepicker.range {
1275
1277
  display: flex;
1276
1278
  gap: 1.5rem;
1279
+ width: auto;
1277
1280
  }
1278
1281
  .lib-xplat-datepicker .datepicker-range-panel {
1279
- flex: 1;
1282
+ width: 280px;
1283
+ flex-shrink: 0;
1280
1284
  }
1281
1285
  .lib-xplat-datepicker .datepicker-range-label {
1282
1286
  display: block;
@@ -1288,6 +1292,7 @@
1288
1292
  }
1289
1293
  .lib-xplat-datepicker.input-datepicker {
1290
1294
  position: relative;
1295
+ width: auto;
1291
1296
  }
1292
1297
  .lib-xplat-datepicker.input-datepicker .input-datepicker-dropdown {
1293
1298
  position: absolute;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@x-plat/design-system",
3
- "version": "0.4.0",
3
+ "version": "0.4.1",
4
4
  "description": "XPLAT UI Design System",
5
5
  "author": "XPLAT WOONG",
6
6
  "main": "dist/index.cjs",