@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 CHANGED
@@ -1149,95 +1149,92 @@
1149
1149
  }
1150
1150
 
1151
1151
  /* esbuild-sass-plugin:css-chunk:src/components/Label/style.module.scss */
1152
- ._label_1km3w_1 {
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
- ._label_1km3w_1:has([disabled]) {
1159
+ ._label_1bwg6_1:has([disabled]) {
1160
1160
  color: var(--neutral-label-tertiary);
1161
1161
  cursor: not-allowed;
1162
1162
  }
1163
- ._label_1km3w_1:has([disabled]) > div > p {
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
- ._primary_1km3w_19 {
1166
+ ._primary_1bwg6_16 {
1170
1167
  color: var(--neutral-label-primary);
1171
1168
  }
1172
- ._primary_1km3w_19:has([disabled]) {
1169
+ ._primary_1bwg6_16:has([disabled]) {
1173
1170
  color: var(--neutral-label-tertiary);
1174
1171
  cursor: not-allowed;
1175
1172
  }
1176
- ._primary_1km3w_19._error_1km3w_15 {
1173
+ ._primary_1bwg6_16._error_1bwg6_12 {
1177
1174
  color: var(--function-label-negative);
1178
1175
  }
1179
- ._secondary_1km3w_30 {
1176
+ ._secondary_1bwg6_27 {
1180
1177
  color: var(--neutral-label-secondary);
1181
1178
  }
1182
- ._secondary_1km3w_30:has([disabled]) {
1179
+ ._secondary_1bwg6_27:has([disabled]) {
1183
1180
  color: var(--neutral-label-tertiary);
1184
1181
  cursor: not-allowed;
1185
1182
  }
1186
- ._secondary_1km3w_30._error_1km3w_15 {
1183
+ ._secondary_1bwg6_27._error_1bwg6_12 {
1187
1184
  color: var(--function-label-negative);
1188
1185
  }
1189
- ._top_1km3w_41 {
1186
+ ._top_1bwg6_38 {
1190
1187
  flex-direction: column;
1191
1188
  }
1192
- ._top_1km3w_41._l_1km3w_1._offset-high_1km3w_44 {
1189
+ ._top_1bwg6_38._l_1bwg6_1._offset-high_1bwg6_41 {
1193
1190
  gap: var(--lp-sys-padding-component-400);
1194
1191
  }
1195
- ._top_1km3w_41._l_1km3w_1._offset-medium_1km3w_47 {
1192
+ ._top_1bwg6_38._l_1bwg6_1._offset-medium_1bwg6_44 {
1196
1193
  gap: var(--lp-sys-padding-component-300);
1197
1194
  }
1198
- ._top_1km3w_41._l_1km3w_1._offset-low_1km3w_50 {
1195
+ ._top_1bwg6_38._l_1bwg6_1._offset-low_1bwg6_47 {
1199
1196
  gap: var(--lp-sys-padding-component-300);
1200
1197
  }
1201
- ._top_1km3w_41._m_1km3w_53._offset-high_1km3w_44 {
1198
+ ._top_1bwg6_38._m_1bwg6_50._offset-high_1bwg6_41 {
1202
1199
  gap: var(--lp-sys-padding-component-300);
1203
1200
  }
1204
- ._top_1km3w_41._m_1km3w_53._offset-medium_1km3w_47 {
1201
+ ._top_1bwg6_38._m_1bwg6_50._offset-medium_1bwg6_44 {
1205
1202
  gap: var(--lp-sys-padding-component-200);
1206
1203
  }
1207
- ._top_1km3w_41._m_1km3w_53._offset-low_1km3w_50 {
1204
+ ._top_1bwg6_38._m_1bwg6_50._offset-low_1bwg6_47 {
1208
1205
  gap: var(--lp-sys-padding-component-150);
1209
1206
  }
1210
- ._top_1km3w_41._s_1km3w_30._offset-high_1km3w_44 {
1207
+ ._top_1bwg6_38._s_1bwg6_27._offset-high_1bwg6_41 {
1211
1208
  gap: var(--lp-sys-padding-component-200);
1212
1209
  }
1213
- ._top_1km3w_41._s_1km3w_30._offset-medium_1km3w_47 {
1210
+ ._top_1bwg6_38._s_1bwg6_27._offset-medium_1bwg6_44 {
1214
1211
  gap: var(--lp-sys-padding-component-150);
1215
1212
  }
1216
- ._top_1km3w_41._s_1km3w_30._offset-low_1km3w_50 {
1213
+ ._top_1bwg6_38._s_1bwg6_27._offset-low_1bwg6_47 {
1217
1214
  gap: var(--lp-sys-padding-component-100);
1218
1215
  }
1219
- ._right_1km3w_72 {
1216
+ ._right_1bwg6_69 {
1220
1217
  flex-direction: row-reverse;
1221
1218
  }
1222
- ._right_1km3w_72._l_1km3w_1._offset-medium_1km3w_47 {
1219
+ ._right_1bwg6_69._l_1bwg6_1._offset-medium_1bwg6_44 {
1223
1220
  gap: var(--lp-sys-padding-component-300);
1224
1221
  }
1225
- ._right_1km3w_72._l_1km3w_1._offset-low_1km3w_50 {
1222
+ ._right_1bwg6_69._l_1bwg6_1._offset-low_1bwg6_47 {
1226
1223
  gap: var(--lp-sys-padding-component-200);
1227
1224
  }
1228
- ._right_1km3w_72._m_1km3w_53._offset-medium_1km3w_47 {
1225
+ ._right_1bwg6_69._m_1bwg6_50._offset-medium_1bwg6_44 {
1229
1226
  gap: var(--lp-sys-padding-component-200);
1230
1227
  }
1231
- ._right_1km3w_72._m_1km3w_53._offset-low_1km3w_50 {
1228
+ ._right_1bwg6_69._m_1bwg6_50._offset-low_1bwg6_47 {
1232
1229
  gap: var(--lp-sys-padding-component-150);
1233
1230
  }
1234
- ._right_1km3w_72._s_1km3w_30._offset-medium_1km3w_47 {
1231
+ ._right_1bwg6_69._s_1bwg6_27._offset-medium_1bwg6_44 {
1235
1232
  gap: var(--lp-sys-padding-component-150);
1236
1233
  }
1237
- ._right_1km3w_72._s_1km3w_30._offset-low_1km3w_50 {
1234
+ ._right_1bwg6_69._s_1bwg6_27._offset-low_1bwg6_47 {
1238
1235
  gap: var(--lp-sys-padding-component-100);
1239
1236
  }
1240
- ._disabled_1km3w_94 {
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, Slider as Slider$1, Select as Select$1, Label as Label$1 } from 'radix-ui';
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, Slider, 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 };
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 };