@sellmate/design-system-react 1.0.23 → 1.0.25

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 (5) hide show
  1. package/dist/components/components.server.js +35 -18
  2. package/dist/index.d.ts +1 -1
  3. package/lib/components/components.server.ts +35 -18
  4. package/lib/index.ts +1 -2
  5. package/package.json +2 -2
package/dist/components/components.server.js CHANGED
@@ -138,7 +138,8 @@ export const SdField = /*@__PURE__*/ createComponent({
138
138
  label: 'label',
139
139
  insideLabel: 'inside-label',
140
140
  useLabelRequired: 'use-label-required',
141
- labelTooltip: 'label-tooltip'
141
+ labelTooltip: 'label-tooltip',
142
+ rules: 'rules'
142
143
  },
143
144
  hydrateModule: import('@sellmate/design-system/hydrate'),
144
145
  clientModule: clientComponents.SdField,
@@ -151,7 +152,8 @@ export const SdFilePicker = /*@__PURE__*/ createComponent({
151
152
  disabled: 'disabled',
152
153
  inline: 'inline',
153
154
  multiple: 'multiple',
154
- accept: 'accept'
155
+ accept: 'accept',
156
+ value: 'value'
155
157
  },
156
158
  hydrateModule: import('@sellmate/design-system/hydrate'),
157
159
  clientModule: clientComponents.SdFilePicker,
@@ -223,7 +225,8 @@ export const SdInput = /*@__PURE__*/ createComponent({
223
225
  hovered: 'hovered',
224
226
  label: 'label',
225
227
  useLabelRequired: 'use-label-required',
226
- labelTooltip: 'label-tooltip'
228
+ labelTooltip: 'label-tooltip',
229
+ rules: 'rules'
227
230
  },
228
231
  hydrateModule: import('@sellmate/design-system/hydrate'),
229
232
  clientModule: clientComponents.SdInput,
@@ -244,7 +247,9 @@ export const SdModalCard = /*@__PURE__*/ createComponent({
244
247
  useCloseButton: 'use-close-button',
245
248
  modalTitle: 'modal-title',
246
249
  buttonFlexDirection: 'button-flex-direction',
247
- sdClass: 'sd-class'
250
+ sdClass: 'sd-class',
251
+ buttonProps: 'buttonProps',
252
+ message: 'message'
248
253
  },
249
254
  hydrateModule: import('@sellmate/design-system/hydrate'),
250
255
  clientModule: clientComponents.SdModalCard,
@@ -270,7 +275,8 @@ export const SdNumberInput = /*@__PURE__*/ createComponent({
270
275
  readonly: 'readonly',
271
276
  error: 'error',
272
277
  focused: 'focused',
273
- hovered: 'hovered'
278
+ hovered: 'hovered',
279
+ rules: 'rules'
274
280
  },
275
281
  hydrateModule: import('@sellmate/design-system/hydrate'),
276
282
  clientModule: clientComponents.SdNumberInput,
@@ -301,7 +307,8 @@ export const SdPopover = /*@__PURE__*/ createComponent({
301
307
  menuTitle: 'title',
302
308
  menuClass: 'menu-class',
303
309
  noHover: 'no-hover',
304
- useClose: 'use-close'
310
+ useClose: 'use-close',
311
+ messages: 'messages'
305
312
  },
306
313
  hydrateModule: import('@sellmate/design-system/hydrate'),
307
314
  clientModule: clientComponents.SdPopover,
@@ -350,7 +357,8 @@ export const SdRadioButtonGroup = /*@__PURE__*/ createComponent({
350
357
  value: 'value',
351
358
  size: 'size',
352
359
  disabled: 'disabled',
353
- name: 'name'
360
+ name: 'name',
361
+ radioOptions: 'radioOptions'
354
362
  },
355
363
  hydrateModule: import('@sellmate/design-system/hydrate'),
356
364
  clientModule: clientComponents.SdRadioButtonGroup,
@@ -362,7 +370,8 @@ export const SdRadioGroup = /*@__PURE__*/ createComponent({
362
370
  value: 'value',
363
371
  direction: 'direction',
364
372
  disabled: 'disabled',
365
- groupName: 'group-name'
373
+ groupName: 'group-name',
374
+ radioOptions: 'radioOptions'
366
375
  },
367
376
  hydrateModule: import('@sellmate/design-system/hydrate'),
368
377
  clientModule: clientComponents.SdRadioGroup,
@@ -384,7 +393,9 @@ export const SdSelect = /*@__PURE__*/ createComponent({
384
393
  insideLabel: 'inside-label',
385
394
  useLabelRequired: 'use-label-required',
386
395
  labelTooltip: 'label-tooltip',
387
- error: 'error'
396
+ error: 'error',
397
+ options: 'options',
398
+ rules: 'rules'
388
399
  },
389
400
  hydrateModule: import('@sellmate/design-system/hydrate'),
390
401
  clientModule: clientComponents.SdSelect,
@@ -400,7 +411,8 @@ export const SdSelectDropdown = /*@__PURE__*/ createComponent({
400
411
  searchable: 'searchable',
401
412
  optionPlaceholder: 'option-placeholder',
402
413
  useCheckbox: 'use-checkbox',
403
- useAll: 'use-all'
414
+ useAll: 'use-all',
415
+ options: 'options'
404
416
  },
405
417
  hydrateModule: import('@sellmate/design-system/hydrate'),
406
418
  clientModule: clientComponents.SdSelectDropdown,
@@ -422,7 +434,10 @@ export const SdSelectMultiple = /*@__PURE__*/ createComponent({
422
434
  label: 'label',
423
435
  useLabelRequired: 'use-label-required',
424
436
  labelTooltip: 'label-tooltip',
425
- error: 'error'
437
+ error: 'error',
438
+ value: 'value',
439
+ options: 'options',
440
+ rules: 'rules'
426
441
  },
427
442
  hydrateModule: import('@sellmate/design-system/hydrate'),
428
443
  clientModule: clientComponents.SdSelectMultiple,
@@ -445,7 +460,10 @@ export const SdSelectMultipleGroup = /*@__PURE__*/ createComponent({
445
460
  label: 'label',
446
461
  useLabelRequired: 'use-label-required',
447
462
  labelTooltip: 'label-tooltip',
448
- error: 'error'
463
+ error: 'error',
464
+ value: 'value',
465
+ options: 'options',
466
+ rules: 'rules'
449
467
  },
450
468
  hydrateModule: import('@sellmate/design-system/hydrate'),
451
469
  clientModule: clientComponents.SdSelectMultipleGroup,
@@ -493,7 +511,8 @@ export const SdTabs = /*@__PURE__*/ createComponent({
493
511
  properties: {
494
512
  value: 'value',
495
513
  size: 'size',
496
- isSub: 'is-sub'
514
+ isSub: 'is-sub',
515
+ tabs: 'tabs'
497
516
  },
498
517
  hydrateModule: import('@sellmate/design-system/hydrate'),
499
518
  clientModule: clientComponents.SdTabs,
@@ -502,12 +521,10 @@ export const SdTabs = /*@__PURE__*/ createComponent({
502
521
  export const SdTag = /*@__PURE__*/ createComponent({
503
522
  tagName: 'sd-tag',
504
523
  properties: {
505
- size: 'size',
506
- color: 'color',
507
- rounded: 'rounded',
524
+ name: 'name',
508
525
  label: 'label',
509
- bgColor: 'bg-color',
510
- textColor: 'text-color'
526
+ icon: 'icon',
527
+ isLeft: 'is-left'
511
528
  },
512
529
  hydrateModule: import('@sellmate/design-system/hydrate'),
513
530
  clientModule: clientComponents.SdTag,
package/dist/index.d.ts CHANGED
@@ -2,4 +2,4 @@ export * from './components/components.js';
2
2
  export { defineCustomElements } from '@sellmate/design-system/loader';
3
3
  export { SdTable } from './SdTable';
4
4
  export type { SdTableProps } from './SdTable';
5
- export type { SdTableSortDir, SdTableColumn, Row as SdTableRow, SelectOption, SelectOptionGroup, SelectEvents, SelectMultipleEvents, SelectStyleProps, RadioValue, RadioOption, ButtonVariant, ButtonSize, ButtonV2Name, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, Rule, ValidatableField, SdModalCardButtonProps, SdTooltipProps, TagColor, TagSize, ToastType, CheckedType, Type as DateBoxType, TabOption, } from '@sellmate/design-system';
5
+ export type { SdTableSortDir, SdTableColumn, Row as SdTableRow, SelectOption, SelectOptionGroup, SelectEvents, SelectMultipleEvents, SelectStyleProps, RadioValue, RadioOption, ButtonVariant, ButtonSize, ButtonV2Name, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, Rule, ValidatableField, SdModalCardButtonProps, SdTooltipProps, TagName, ToastType, CheckedType, Type as DateBoxType, TabOption, } from '@sellmate/design-system';
package/lib/components/components.server.ts CHANGED
@@ -220,7 +220,8 @@ export const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents> = /*@
220
220
  label: 'label',
221
221
  insideLabel: 'inside-label',
222
222
  useLabelRequired: 'use-label-required',
223
- labelTooltip: 'label-tooltip'
223
+ labelTooltip: 'label-tooltip',
224
+ rules: 'rules'
224
225
  },
225
226
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
226
227
  clientModule: clientComponents.SdField as ReactWebComponent<SdFieldElement, SdFieldEvents>,
@@ -236,7 +237,8 @@ export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePick
236
237
  disabled: 'disabled',
237
238
  inline: 'inline',
238
239
  multiple: 'multiple',
239
- accept: 'accept'
240
+ accept: 'accept',
241
+ value: 'value'
240
242
  },
241
243
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
242
244
  clientModule: clientComponents.SdFilePicker as ReactWebComponent<SdFilePickerElement, SdFilePickerEvents>,
@@ -330,7 +332,8 @@ export const SdInput: StencilReactComponent<SdInputElement, SdInputEvents> = /*@
330
332
  hovered: 'hovered',
331
333
  label: 'label',
332
334
  useLabelRequired: 'use-label-required',
333
- labelTooltip: 'label-tooltip'
335
+ labelTooltip: 'label-tooltip',
336
+ rules: 'rules'
334
337
  },
335
338
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
336
339
  clientModule: clientComponents.SdInput as ReactWebComponent<SdInputElement, SdInputEvents>,
@@ -360,7 +363,9 @@ export const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardE
360
363
  useCloseButton: 'use-close-button',
361
364
  modalTitle: 'modal-title',
362
365
  buttonFlexDirection: 'button-flex-direction',
363
- sdClass: 'sd-class'
366
+ sdClass: 'sd-class',
367
+ buttonProps: 'buttonProps',
368
+ message: 'message'
364
369
  },
365
370
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
366
371
  clientModule: clientComponents.SdModalCard as ReactWebComponent<SdModalCardElement, SdModalCardEvents>,
@@ -393,7 +398,8 @@ export const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumber
393
398
  readonly: 'readonly',
394
399
  error: 'error',
395
400
  focused: 'focused',
396
- hovered: 'hovered'
401
+ hovered: 'hovered',
402
+ rules: 'rules'
397
403
  },
398
404
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
399
405
  clientModule: clientComponents.SdNumberInput as ReactWebComponent<SdNumberInputElement, SdNumberInputEvents>,
@@ -430,7 +436,8 @@ export const SdPopover: StencilReactComponent<SdPopoverElement, SdPopoverEvents>
430
436
  menuTitle: 'title',
431
437
  menuClass: 'menu-class',
432
438
  noHover: 'no-hover',
433
- useClose: 'use-close'
439
+ useClose: 'use-close',
440
+ messages: 'messages'
434
441
  },
435
442
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
436
443
  clientModule: clientComponents.SdPopover as ReactWebComponent<SdPopoverElement, SdPopoverEvents>,
@@ -491,7 +498,8 @@ export const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement
491
498
  value: 'value',
492
499
  size: 'size',
493
500
  disabled: 'disabled',
494
- name: 'name'
501
+ name: 'name',
502
+ radioOptions: 'radioOptions'
495
503
  },
496
504
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
497
505
  clientModule: clientComponents.SdRadioButtonGroup as ReactWebComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>,
@@ -506,7 +514,8 @@ export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGro
506
514
  value: 'value',
507
515
  direction: 'direction',
508
516
  disabled: 'disabled',
509
- groupName: 'group-name'
517
+ groupName: 'group-name',
518
+ radioOptions: 'radioOptions'
510
519
  },
511
520
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
512
521
  clientModule: clientComponents.SdRadioGroup as ReactWebComponent<SdRadioGroupElement, SdRadioGroupEvents>,
@@ -534,7 +543,9 @@ export const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents> =
534
543
  insideLabel: 'inside-label',
535
544
  useLabelRequired: 'use-label-required',
536
545
  labelTooltip: 'label-tooltip',
537
- error: 'error'
546
+ error: 'error',
547
+ options: 'options',
548
+ rules: 'rules'
538
549
  },
539
550
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
540
551
  clientModule: clientComponents.SdSelect as ReactWebComponent<SdSelectElement, SdSelectEvents>,
@@ -561,7 +572,8 @@ export const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, Sd
561
572
  searchable: 'searchable',
562
573
  optionPlaceholder: 'option-placeholder',
563
574
  useCheckbox: 'use-checkbox',
564
- useAll: 'use-all'
575
+ useAll: 'use-all',
576
+ options: 'options'
565
577
  },
566
578
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
567
579
  clientModule: clientComponents.SdSelectDropdown as ReactWebComponent<SdSelectDropdownElement, SdSelectDropdownEvents>,
@@ -589,7 +601,10 @@ export const SdSelectMultiple: StencilReactComponent<SdSelectMultipleElement, Sd
589
601
  label: 'label',
590
602
  useLabelRequired: 'use-label-required',
591
603
  labelTooltip: 'label-tooltip',
592
- error: 'error'
604
+ error: 'error',
605
+ value: 'value',
606
+ options: 'options',
607
+ rules: 'rules'
593
608
  },
594
609
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
595
610
  clientModule: clientComponents.SdSelectMultiple as ReactWebComponent<SdSelectMultipleElement, SdSelectMultipleEvents>,
@@ -618,7 +633,10 @@ export const SdSelectMultipleGroup: StencilReactComponent<SdSelectMultipleGroupE
618
633
  label: 'label',
619
634
  useLabelRequired: 'use-label-required',
620
635
  labelTooltip: 'label-tooltip',
621
- error: 'error'
636
+ error: 'error',
637
+ value: 'value',
638
+ options: 'options',
639
+ rules: 'rules'
622
640
  },
623
641
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
624
642
  clientModule: clientComponents.SdSelectMultipleGroup as ReactWebComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>,
@@ -694,7 +712,8 @@ export const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents> = /*@__P
694
712
  properties: {
695
713
  value: 'value',
696
714
  size: 'size',
697
- isSub: 'is-sub'
715
+ isSub: 'is-sub',
716
+ tabs: 'tabs'
698
717
  },
699
718
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
700
719
  clientModule: clientComponents.SdTabs as ReactWebComponent<SdTabsElement, SdTabsEvents>,
@@ -706,12 +725,10 @@ export type SdTagEvents = NonNullable<unknown>;
706
725
  export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE__*/ createComponent<SdTagElement, SdTagEvents>({
707
726
  tagName: 'sd-tag',
708
727
  properties: {
709
- size: 'size',
710
- color: 'color',
711
- rounded: 'rounded',
728
+ name: 'name',
712
729
  label: 'label',
713
- bgColor: 'bg-color',
714
- textColor: 'text-color'
730
+ icon: 'icon',
731
+ isLeft: 'is-left'
715
732
  },
716
733
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
717
734
  clientModule: clientComponents.SdTag as ReactWebComponent<SdTagElement, SdTagEvents>,
package/lib/index.ts CHANGED
@@ -36,8 +36,7 @@ export type {
36
36
  // Tooltip types
37
37
  SdTooltipProps,
38
38
  // Tag types
39
- TagColor,
40
- TagSize,
39
+ TagName,
41
40
  // Toast types
42
41
  ToastType,
43
42
  // Checkbox types
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-react",
3
- "version": "1.0.23",
3
+ "version": "1.0.25",
4
4
  "description": "Design System - React Component Wrappers",
5
5
  "keywords": [
6
6
  "react",
@@ -54,7 +54,7 @@
54
54
  "dev": "tsc --watch"
55
55
  },
56
56
  "dependencies": {
57
- "@sellmate/design-system": "^1.0.22",
57
+ "@sellmate/design-system": "^1.0.25",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {