@liner-fe/prism 2.6.20 → 2.6.22
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/lib/index.css +27 -116
- package/lib/index.d.ts +2 -14
- package/lib/index.js +248 -298
- package/package.json +1 -1
package/lib/index.css
CHANGED
|
@@ -1149,95 +1149,92 @@
|
|
|
1149
1149
|
}
|
|
1150
1150
|
|
|
1151
1151
|
/* esbuild-sass-plugin:css-chunk:src/components/Label/style.module.scss */
|
|
1152
|
-
.
|
|
1152
|
+
._label_1bwg6_1 {
|
|
1153
1153
|
position: relative;
|
|
1154
1154
|
display: flex;
|
|
1155
1155
|
flex-direction: column;
|
|
1156
1156
|
align-items: flex-start;
|
|
1157
1157
|
color: var(--neutral-label-primary);
|
|
1158
1158
|
}
|
|
1159
|
-
.
|
|
1159
|
+
._label_1bwg6_1:has([disabled]) {
|
|
1160
1160
|
color: var(--neutral-label-tertiary);
|
|
1161
1161
|
cursor: not-allowed;
|
|
1162
1162
|
}
|
|
1163
|
-
.
|
|
1164
|
-
color: var(--neutral-label-tertiary);
|
|
1165
|
-
}
|
|
1166
|
-
._label_1km3w_1._error_1km3w_15 {
|
|
1163
|
+
._label_1bwg6_1._error_1bwg6_12 {
|
|
1167
1164
|
color: var(--function-label-negative);
|
|
1168
1165
|
}
|
|
1169
|
-
.
|
|
1166
|
+
._primary_1bwg6_16 {
|
|
1170
1167
|
color: var(--neutral-label-primary);
|
|
1171
1168
|
}
|
|
1172
|
-
.
|
|
1169
|
+
._primary_1bwg6_16:has([disabled]) {
|
|
1173
1170
|
color: var(--neutral-label-tertiary);
|
|
1174
1171
|
cursor: not-allowed;
|
|
1175
1172
|
}
|
|
1176
|
-
.
|
|
1173
|
+
._primary_1bwg6_16._error_1bwg6_12 {
|
|
1177
1174
|
color: var(--function-label-negative);
|
|
1178
1175
|
}
|
|
1179
|
-
.
|
|
1176
|
+
._secondary_1bwg6_27 {
|
|
1180
1177
|
color: var(--neutral-label-secondary);
|
|
1181
1178
|
}
|
|
1182
|
-
.
|
|
1179
|
+
._secondary_1bwg6_27:has([disabled]) {
|
|
1183
1180
|
color: var(--neutral-label-tertiary);
|
|
1184
1181
|
cursor: not-allowed;
|
|
1185
1182
|
}
|
|
1186
|
-
.
|
|
1183
|
+
._secondary_1bwg6_27._error_1bwg6_12 {
|
|
1187
1184
|
color: var(--function-label-negative);
|
|
1188
1185
|
}
|
|
1189
|
-
.
|
|
1186
|
+
._top_1bwg6_38 {
|
|
1190
1187
|
flex-direction: column;
|
|
1191
1188
|
}
|
|
1192
|
-
.
|
|
1189
|
+
._top_1bwg6_38._l_1bwg6_1._offset-high_1bwg6_41 {
|
|
1193
1190
|
gap: var(--lp-sys-padding-component-400);
|
|
1194
1191
|
}
|
|
1195
|
-
.
|
|
1192
|
+
._top_1bwg6_38._l_1bwg6_1._offset-medium_1bwg6_44 {
|
|
1196
1193
|
gap: var(--lp-sys-padding-component-300);
|
|
1197
1194
|
}
|
|
1198
|
-
.
|
|
1195
|
+
._top_1bwg6_38._l_1bwg6_1._offset-low_1bwg6_47 {
|
|
1199
1196
|
gap: var(--lp-sys-padding-component-300);
|
|
1200
1197
|
}
|
|
1201
|
-
.
|
|
1198
|
+
._top_1bwg6_38._m_1bwg6_50._offset-high_1bwg6_41 {
|
|
1202
1199
|
gap: var(--lp-sys-padding-component-300);
|
|
1203
1200
|
}
|
|
1204
|
-
.
|
|
1201
|
+
._top_1bwg6_38._m_1bwg6_50._offset-medium_1bwg6_44 {
|
|
1205
1202
|
gap: var(--lp-sys-padding-component-200);
|
|
1206
1203
|
}
|
|
1207
|
-
.
|
|
1204
|
+
._top_1bwg6_38._m_1bwg6_50._offset-low_1bwg6_47 {
|
|
1208
1205
|
gap: var(--lp-sys-padding-component-150);
|
|
1209
1206
|
}
|
|
1210
|
-
.
|
|
1207
|
+
._top_1bwg6_38._s_1bwg6_27._offset-high_1bwg6_41 {
|
|
1211
1208
|
gap: var(--lp-sys-padding-component-200);
|
|
1212
1209
|
}
|
|
1213
|
-
.
|
|
1210
|
+
._top_1bwg6_38._s_1bwg6_27._offset-medium_1bwg6_44 {
|
|
1214
1211
|
gap: var(--lp-sys-padding-component-150);
|
|
1215
1212
|
}
|
|
1216
|
-
.
|
|
1213
|
+
._top_1bwg6_38._s_1bwg6_27._offset-low_1bwg6_47 {
|
|
1217
1214
|
gap: var(--lp-sys-padding-component-100);
|
|
1218
1215
|
}
|
|
1219
|
-
.
|
|
1216
|
+
._right_1bwg6_69 {
|
|
1220
1217
|
flex-direction: row-reverse;
|
|
1221
1218
|
}
|
|
1222
|
-
.
|
|
1219
|
+
._right_1bwg6_69._l_1bwg6_1._offset-medium_1bwg6_44 {
|
|
1223
1220
|
gap: var(--lp-sys-padding-component-300);
|
|
1224
1221
|
}
|
|
1225
|
-
.
|
|
1222
|
+
._right_1bwg6_69._l_1bwg6_1._offset-low_1bwg6_47 {
|
|
1226
1223
|
gap: var(--lp-sys-padding-component-200);
|
|
1227
1224
|
}
|
|
1228
|
-
.
|
|
1225
|
+
._right_1bwg6_69._m_1bwg6_50._offset-medium_1bwg6_44 {
|
|
1229
1226
|
gap: var(--lp-sys-padding-component-200);
|
|
1230
1227
|
}
|
|
1231
|
-
.
|
|
1228
|
+
._right_1bwg6_69._m_1bwg6_50._offset-low_1bwg6_47 {
|
|
1232
1229
|
gap: var(--lp-sys-padding-component-150);
|
|
1233
1230
|
}
|
|
1234
|
-
.
|
|
1231
|
+
._right_1bwg6_69._s_1bwg6_27._offset-medium_1bwg6_44 {
|
|
1235
1232
|
gap: var(--lp-sys-padding-component-150);
|
|
1236
1233
|
}
|
|
1237
|
-
.
|
|
1234
|
+
._right_1bwg6_69._s_1bwg6_27._offset-low_1bwg6_47 {
|
|
1238
1235
|
gap: var(--lp-sys-padding-component-100);
|
|
1239
1236
|
}
|
|
1240
|
-
.
|
|
1237
|
+
._disabled_1bwg6_91 {
|
|
1241
1238
|
color: var(--neutral-label-tertiary);
|
|
1242
1239
|
cursor: not-allowed;
|
|
1243
1240
|
}
|
|
@@ -1470,92 +1467,6 @@
|
|
|
1470
1467
|
color: var(--neutral-label-secondary);
|
|
1471
1468
|
}
|
|
1472
1469
|
|
|
1473
|
-
/* esbuild-sass-plugin:css-chunk:src/components/Slider/style.module.scss */
|
|
1474
|
-
._label_8exch_1 {
|
|
1475
|
-
color: var(--neutral-label-secondary);
|
|
1476
|
-
padding-bottom: var(--lp-sys-padding-component-300);
|
|
1477
|
-
}
|
|
1478
|
-
._optionText_8exch_6 {
|
|
1479
|
-
color: var(--neutral-label-primary);
|
|
1480
|
-
}
|
|
1481
|
-
._slider-wrapper_8exch_10 {
|
|
1482
|
-
display: flex;
|
|
1483
|
-
align-items: center;
|
|
1484
|
-
gap: var(--lp-sys-gap-positive-400);
|
|
1485
|
-
padding: var(--lp-sys-padding-component-200) 0px;
|
|
1486
|
-
}
|
|
1487
|
-
._slider-wrapper_8exch_10:has([data-disabled]) {
|
|
1488
|
-
pointer-events: none;
|
|
1489
|
-
}
|
|
1490
|
-
._slider-wrapper_8exch_10:has([data-disabled]) > ._slider-option-wrapper_8exch_19 > * {
|
|
1491
|
-
color: var(--neutral-label-tertiary);
|
|
1492
|
-
}
|
|
1493
|
-
._slider-wrapper_8exch_10:has([data-disabled]) > ._slider-option-wrapper_8exch_19 > * > * {
|
|
1494
|
-
fill: var(--neutral-label-tertiary);
|
|
1495
|
-
}
|
|
1496
|
-
._slider-wrapper_8exch_10:has([data-disabled]) ._slider-thumb_8exch_25 {
|
|
1497
|
-
border: 2px solid var(--neutral-border-overlay-normal);
|
|
1498
|
-
}
|
|
1499
|
-
._slider-wrapper_8exch_10:has([data-disabled]) ._slider-step_8exch_28 {
|
|
1500
|
-
background-color: var(--neutral-fill-overlay-high);
|
|
1501
|
-
}
|
|
1502
|
-
._slider-option-wrapper_8exch_19 {
|
|
1503
|
-
display: flex;
|
|
1504
|
-
align-items: flex-start;
|
|
1505
|
-
gap: var(--lp-sys-gap-positive-100);
|
|
1506
|
-
}
|
|
1507
|
-
._slider-root_8exch_38 {
|
|
1508
|
-
position: relative;
|
|
1509
|
-
display: flex;
|
|
1510
|
-
align-items: center;
|
|
1511
|
-
user-select: none;
|
|
1512
|
-
touch-action: none;
|
|
1513
|
-
width: 100%;
|
|
1514
|
-
height: 20px;
|
|
1515
|
-
}
|
|
1516
|
-
._slider-track_8exch_48 {
|
|
1517
|
-
display: flex;
|
|
1518
|
-
align-items: center;
|
|
1519
|
-
justify-content: space-between;
|
|
1520
|
-
padding: 0 var(--lp-pri-size-2);
|
|
1521
|
-
background-color: var(--neutral-container-highest);
|
|
1522
|
-
position: relative;
|
|
1523
|
-
flex-grow: 1;
|
|
1524
|
-
border-radius: var(--lp-sys-radius-xs);
|
|
1525
|
-
height: 8px;
|
|
1526
|
-
z-index: 0;
|
|
1527
|
-
}
|
|
1528
|
-
._slider-range_8exch_61 {
|
|
1529
|
-
position: absolute;
|
|
1530
|
-
background-color: none;
|
|
1531
|
-
border-radius: 9999px;
|
|
1532
|
-
height: 100%;
|
|
1533
|
-
}
|
|
1534
|
-
._slider-thumb_8exch_25 {
|
|
1535
|
-
box-sizing: border-box;
|
|
1536
|
-
position: relative;
|
|
1537
|
-
display: block;
|
|
1538
|
-
width: 20px;
|
|
1539
|
-
height: 20px;
|
|
1540
|
-
background-color: var(--neutral-container-lowest);
|
|
1541
|
-
border: 2px solid var(--brand-border-opaque-normal);
|
|
1542
|
-
border-radius: 20px;
|
|
1543
|
-
}
|
|
1544
|
-
._slider-thumb_8exch_25:hover {
|
|
1545
|
-
background-color: var(--function-fill-selection);
|
|
1546
|
-
}
|
|
1547
|
-
._slider-thumb_8exch_25:focus {
|
|
1548
|
-
outline: none;
|
|
1549
|
-
border: 2px solid var(--brand-border-opaque-normal);
|
|
1550
|
-
}
|
|
1551
|
-
._slider-step_8exch_28 {
|
|
1552
|
-
width: var(--lp-pri-size-4);
|
|
1553
|
-
height: var(--lp-pri-size-4);
|
|
1554
|
-
border-radius: 9999px;
|
|
1555
|
-
background: var(--brand-container-mid);
|
|
1556
|
-
z-index: 1;
|
|
1557
|
-
}
|
|
1558
|
-
|
|
1559
1470
|
/* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
|
|
1560
1471
|
@-webkit-keyframes _slide-up_c4pnp_1 {
|
|
1561
1472
|
0% {
|
package/lib/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
7
7
|
import { ToastProps } from '@radix-ui/react-toast';
|
|
8
8
|
import * as _artsy_fresnel_dist_Media from '@artsy/fresnel/dist/Media';
|
|
9
9
|
import { breakpointOrigin } from '@liner-fe/design-token';
|
|
10
|
-
import { Popover as Popover$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, RadioGroup,
|
|
10
|
+
import { Popover as Popover$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, RadioGroup, Select as Select$1, Label as Label$1 } from 'radix-ui';
|
|
11
11
|
import * as recoil from 'recoil';
|
|
12
12
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
13
13
|
import { PopoverProps, PopoverPortalProps } from '@radix-ui/react-popover';
|
|
@@ -415,18 +415,6 @@ interface TextfieldProps extends InputHTMLAttributes<HTMLInputElement>, VariantP
|
|
|
415
415
|
}
|
|
416
416
|
declare const Textfield: react.ForwardRefExoticComponent<TextfieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
417
417
|
|
|
418
|
-
interface Range {
|
|
419
|
-
text: string;
|
|
420
|
-
icon: IconKey;
|
|
421
|
-
}
|
|
422
|
-
interface SliderRootProps extends ComponentPropsWithoutRef<typeof Slider$1.Root> {
|
|
423
|
-
label?: string;
|
|
424
|
-
tooltip?: string;
|
|
425
|
-
rangeLeft: Range;
|
|
426
|
-
rangeRight: Range;
|
|
427
|
-
}
|
|
428
|
-
declare const Slider: react.ForwardRefExoticComponent<SliderRootProps & react.RefAttributes<HTMLSpanElement>>;
|
|
429
|
-
|
|
430
418
|
interface SelectProps extends ComponentPropsWithoutRef<typeof Select$1.Root> {
|
|
431
419
|
id?: string;
|
|
432
420
|
placeholder?: string;
|
|
@@ -686,4 +674,4 @@ interface TagProps extends Omit<IPropsNormalBold, 'type' | 'size' | 'weight'> {
|
|
|
686
674
|
}
|
|
687
675
|
declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLParagraphElement>>;
|
|
688
676
|
|
|
689
|
-
export { type BaseCoachMarkContentProps, type BasicColorType, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, CoachMark, type CoachMarkContentProps, type CommonButtonProps, CompactCoachMark, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsNormalBold, type IPropsPost, type ITitleProps, Icon, IconButton, type IconButtonLevelType, type IconButtonProps, type IconColorType, type IconComponent, type IconComponentProps, type IconKey, type IconMapType, type IconProps, type IconSizeKey, type IconSizeType, type ItemProps, Label, List, Loading, Logo, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, PrimitiveCoachMark, type PrimitiveCoachMarkContentProps, type PrimitiveCoachMarkRootProps, Radio, Select, type SelectItemProps, type SelectProps, SingleSnackbar,
|
|
677
|
+
export { type BaseCoachMarkContentProps, type BasicColorType, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, CoachMark, type CoachMarkContentProps, type CommonButtonProps, CompactCoachMark, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsNormalBold, type IPropsPost, type ITitleProps, Icon, IconButton, type IconButtonLevelType, type IconButtonProps, type IconColorType, type IconComponent, type IconComponentProps, type IconKey, type IconMapType, type IconProps, type IconSizeKey, type IconSizeType, type ItemProps, Label, List, Loading, Logo, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, PrimitiveCoachMark, type PrimitiveCoachMarkContentProps, type PrimitiveCoachMarkRootProps, Radio, Select, type SelectItemProps, type SelectProps, SingleSnackbar, Snackbar, Tag, TextButton, type TextButtonProps, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, Toaster, Tooltip, Typography, arrayToStyleObject, getIconComponent, iconKeyOptions, iconMap, isEmptyObject, objectToArray, rootMediaStyle, snackbarAtom, useSnackbar, useToast };
|