@x-plat/design-system 0.5.54 → 0.5.55
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.
- package/dist/components/Select/index.cjs +1 -1
- package/dist/components/Select/index.css +10 -10
- package/dist/components/Select/index.js +1 -1
- package/dist/components/index.cjs +1 -1
- package/dist/components/index.css +10 -10
- package/dist/components/index.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.css +10 -10
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -1229,7 +1229,7 @@ var SelectRoot = (props) => {
|
|
|
1229
1229
|
mounted && /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(Portal_default, { children: /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
|
|
1230
1230
|
"div",
|
|
1231
1231
|
{
|
|
1232
|
-
className: clsx_default("lib-xplat-select-content", position.direction, stateClass),
|
|
1232
|
+
className: clsx_default("lib-xplat-select-content", size, position.direction, stateClass),
|
|
1233
1233
|
ref: contentRef,
|
|
1234
1234
|
style: { ...position.position, width: triggerRef.current?.offsetWidth },
|
|
1235
1235
|
role: "listbox",
|
|
@@ -26,16 +26,6 @@
|
|
|
26
26
|
font-size: var(--semantic-typo-body-1-m-size);
|
|
27
27
|
line-height: var(--semantic-typo-body-1-m-lh);
|
|
28
28
|
}
|
|
29
|
-
.lib-xplat-select.sm .select-content .select-item {
|
|
30
|
-
padding: var(--spacing-space-2) var(--spacing-space-2);
|
|
31
|
-
font-size: var(--semantic-typo-label-2-m-size);
|
|
32
|
-
line-height: var(--semantic-typo-label-2-m-lh);
|
|
33
|
-
}
|
|
34
|
-
.lib-xplat-select.lg .select-content .select-item {
|
|
35
|
-
padding: var(--spacing-space-2) var(--spacing-space-4);
|
|
36
|
-
font-size: var(--semantic-typo-body-1-m-size);
|
|
37
|
-
line-height: var(--semantic-typo-body-1-m-lh);
|
|
38
|
-
}
|
|
39
29
|
.lib-xplat-select .select-trigger {
|
|
40
30
|
cursor: pointer;
|
|
41
31
|
user-select: none;
|
|
@@ -139,6 +129,16 @@
|
|
|
139
129
|
opacity: 0;
|
|
140
130
|
transform: translateY(8px);
|
|
141
131
|
}
|
|
132
|
+
.lib-xplat-select-content.sm .select-item {
|
|
133
|
+
padding: var(--spacing-space-2) var(--spacing-space-2);
|
|
134
|
+
font-size: var(--semantic-typo-label-2-m-size);
|
|
135
|
+
line-height: var(--semantic-typo-label-2-m-lh);
|
|
136
|
+
}
|
|
137
|
+
.lib-xplat-select-content.lg .select-item {
|
|
138
|
+
padding: var(--spacing-space-2) var(--spacing-space-4);
|
|
139
|
+
font-size: var(--semantic-typo-body-1-m-size);
|
|
140
|
+
line-height: var(--semantic-typo-body-1-m-lh);
|
|
141
|
+
}
|
|
142
142
|
.lib-xplat-select-content .select-item {
|
|
143
143
|
padding: var(--spacing-space-2) var(--spacing-space-3);
|
|
144
144
|
font-size: var(--semantic-typo-label-1-m-size);
|
|
@@ -1192,7 +1192,7 @@ var SelectRoot = (props) => {
|
|
|
1192
1192
|
mounted && /* @__PURE__ */ jsx297(Portal_default, { children: /* @__PURE__ */ jsx297(
|
|
1193
1193
|
"div",
|
|
1194
1194
|
{
|
|
1195
|
-
className: clsx_default("lib-xplat-select-content", position.direction, stateClass),
|
|
1195
|
+
className: clsx_default("lib-xplat-select-content", size, position.direction, stateClass),
|
|
1196
1196
|
ref: contentRef,
|
|
1197
1197
|
style: { ...position.position, width: triggerRef.current?.offsetWidth },
|
|
1198
1198
|
role: "listbox",
|
|
@@ -5296,7 +5296,7 @@ var SelectRoot = (props) => {
|
|
|
5296
5296
|
mounted && /* @__PURE__ */ (0, import_jsx_runtime335.jsx)(Portal_default, { children: /* @__PURE__ */ (0, import_jsx_runtime335.jsx)(
|
|
5297
5297
|
"div",
|
|
5298
5298
|
{
|
|
5299
|
-
className: clsx_default("lib-xplat-select-content", position.direction, stateClass),
|
|
5299
|
+
className: clsx_default("lib-xplat-select-content", size, position.direction, stateClass),
|
|
5300
5300
|
ref: contentRef,
|
|
5301
5301
|
style: { ...position.position, width: triggerRef.current?.offsetWidth },
|
|
5302
5302
|
role: "listbox",
|
|
@@ -4212,16 +4212,6 @@
|
|
|
4212
4212
|
font-size: var(--semantic-typo-body-1-m-size);
|
|
4213
4213
|
line-height: var(--semantic-typo-body-1-m-lh);
|
|
4214
4214
|
}
|
|
4215
|
-
.lib-xplat-select.sm .select-content .select-item {
|
|
4216
|
-
padding: var(--spacing-space-2) var(--spacing-space-2);
|
|
4217
|
-
font-size: var(--semantic-typo-label-2-m-size);
|
|
4218
|
-
line-height: var(--semantic-typo-label-2-m-lh);
|
|
4219
|
-
}
|
|
4220
|
-
.lib-xplat-select.lg .select-content .select-item {
|
|
4221
|
-
padding: var(--spacing-space-2) var(--spacing-space-4);
|
|
4222
|
-
font-size: var(--semantic-typo-body-1-m-size);
|
|
4223
|
-
line-height: var(--semantic-typo-body-1-m-lh);
|
|
4224
|
-
}
|
|
4225
4215
|
.lib-xplat-select .select-trigger {
|
|
4226
4216
|
cursor: pointer;
|
|
4227
4217
|
user-select: none;
|
|
@@ -4325,6 +4315,16 @@
|
|
|
4325
4315
|
opacity: 0;
|
|
4326
4316
|
transform: translateY(8px);
|
|
4327
4317
|
}
|
|
4318
|
+
.lib-xplat-select-content.sm .select-item {
|
|
4319
|
+
padding: var(--spacing-space-2) var(--spacing-space-2);
|
|
4320
|
+
font-size: var(--semantic-typo-label-2-m-size);
|
|
4321
|
+
line-height: var(--semantic-typo-label-2-m-lh);
|
|
4322
|
+
}
|
|
4323
|
+
.lib-xplat-select-content.lg .select-item {
|
|
4324
|
+
padding: var(--spacing-space-2) var(--spacing-space-4);
|
|
4325
|
+
font-size: var(--semantic-typo-body-1-m-size);
|
|
4326
|
+
line-height: var(--semantic-typo-body-1-m-lh);
|
|
4327
|
+
}
|
|
4328
4328
|
.lib-xplat-select-content .select-item {
|
|
4329
4329
|
padding: var(--spacing-space-2) var(--spacing-space-3);
|
|
4330
4330
|
font-size: var(--semantic-typo-label-1-m-size);
|
package/dist/components/index.js
CHANGED
|
@@ -5205,7 +5205,7 @@ var SelectRoot = (props) => {
|
|
|
5205
5205
|
mounted && /* @__PURE__ */ jsx335(Portal_default, { children: /* @__PURE__ */ jsx335(
|
|
5206
5206
|
"div",
|
|
5207
5207
|
{
|
|
5208
|
-
className: clsx_default("lib-xplat-select-content", position.direction, stateClass),
|
|
5208
|
+
className: clsx_default("lib-xplat-select-content", size, position.direction, stateClass),
|
|
5209
5209
|
ref: contentRef,
|
|
5210
5210
|
style: { ...position.position, width: triggerRef.current?.offsetWidth },
|
|
5211
5211
|
role: "listbox",
|
package/dist/index.cjs
CHANGED
|
@@ -9708,7 +9708,7 @@ var SelectRoot = (props) => {
|
|
|
9708
9708
|
mounted && /* @__PURE__ */ (0, import_jsx_runtime335.jsx)(Portal_default, { children: /* @__PURE__ */ (0, import_jsx_runtime335.jsx)(
|
|
9709
9709
|
"div",
|
|
9710
9710
|
{
|
|
9711
|
-
className: clsx_default("lib-xplat-select-content", position.direction, stateClass),
|
|
9711
|
+
className: clsx_default("lib-xplat-select-content", size, position.direction, stateClass),
|
|
9712
9712
|
ref: contentRef,
|
|
9713
9713
|
style: { ...position.position, width: triggerRef.current?.offsetWidth },
|
|
9714
9714
|
role: "listbox",
|
package/dist/index.css
CHANGED
|
@@ -4212,16 +4212,6 @@
|
|
|
4212
4212
|
font-size: var(--semantic-typo-body-1-m-size);
|
|
4213
4213
|
line-height: var(--semantic-typo-body-1-m-lh);
|
|
4214
4214
|
}
|
|
4215
|
-
.lib-xplat-select.sm .select-content .select-item {
|
|
4216
|
-
padding: var(--spacing-space-2) var(--spacing-space-2);
|
|
4217
|
-
font-size: var(--semantic-typo-label-2-m-size);
|
|
4218
|
-
line-height: var(--semantic-typo-label-2-m-lh);
|
|
4219
|
-
}
|
|
4220
|
-
.lib-xplat-select.lg .select-content .select-item {
|
|
4221
|
-
padding: var(--spacing-space-2) var(--spacing-space-4);
|
|
4222
|
-
font-size: var(--semantic-typo-body-1-m-size);
|
|
4223
|
-
line-height: var(--semantic-typo-body-1-m-lh);
|
|
4224
|
-
}
|
|
4225
4215
|
.lib-xplat-select .select-trigger {
|
|
4226
4216
|
cursor: pointer;
|
|
4227
4217
|
user-select: none;
|
|
@@ -4325,6 +4315,16 @@
|
|
|
4325
4315
|
opacity: 0;
|
|
4326
4316
|
transform: translateY(8px);
|
|
4327
4317
|
}
|
|
4318
|
+
.lib-xplat-select-content.sm .select-item {
|
|
4319
|
+
padding: var(--spacing-space-2) var(--spacing-space-2);
|
|
4320
|
+
font-size: var(--semantic-typo-label-2-m-size);
|
|
4321
|
+
line-height: var(--semantic-typo-label-2-m-lh);
|
|
4322
|
+
}
|
|
4323
|
+
.lib-xplat-select-content.lg .select-item {
|
|
4324
|
+
padding: var(--spacing-space-2) var(--spacing-space-4);
|
|
4325
|
+
font-size: var(--semantic-typo-body-1-m-size);
|
|
4326
|
+
line-height: var(--semantic-typo-body-1-m-lh);
|
|
4327
|
+
}
|
|
4328
4328
|
.lib-xplat-select-content .select-item {
|
|
4329
4329
|
padding: var(--spacing-space-2) var(--spacing-space-3);
|
|
4330
4330
|
font-size: var(--semantic-typo-label-1-m-size);
|
package/dist/index.js
CHANGED
|
@@ -9308,7 +9308,7 @@ var SelectRoot = (props) => {
|
|
|
9308
9308
|
mounted && /* @__PURE__ */ jsx335(Portal_default, { children: /* @__PURE__ */ jsx335(
|
|
9309
9309
|
"div",
|
|
9310
9310
|
{
|
|
9311
|
-
className: clsx_default("lib-xplat-select-content", position.direction, stateClass),
|
|
9311
|
+
className: clsx_default("lib-xplat-select-content", size, position.direction, stateClass),
|
|
9312
9312
|
ref: contentRef,
|
|
9313
9313
|
style: { ...position.position, width: triggerRef.current?.offsetWidth },
|
|
9314
9314
|
role: "listbox",
|