@universal-material/web 3.0.43 → 3.0.45

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 (8) hide show
  1. package/chip-field/chip-field.styles.d.ts.map +1 -1
  2. package/chip-field/chip-field.styles.js +1 -0
  3. package/chip-field/chip-field.styles.js.map +1 -1
  4. package/custom-elements.json +1758 -1758
  5. package/package.json +1 -1
  6. package/typeahead/typeahead.d.ts.map +1 -1
  7. package/typeahead/typeahead.js +0 -1
  8. package/typeahead/typeahead.js.map +1 -1
package/custom-elements.json CHANGED
@@ -3594,12 +3594,12 @@
3594
3594
  },
3595
3595
  {
3596
3596
  "kind": "javascript-module",
3597
- "path": "src/chip/chip-set.styles.ts",
3597
+ "path": "src/chip-field/chip-field.styles.ts",
3598
3598
  "declarations": [
3599
3599
  {
3600
3600
  "kind": "variable",
3601
3601
  "name": "styles",
3602
- "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n\n :host {\n flex-wrap: wrap;\n }\n`"
3602
+ "default": "css `\n input {\n appearance: none;\n padding: none;\n }\n\n u-chip {\n flex-basis: 0;\n }\n\n ::part(wrapper) {\n gap: 8px;\n flex-wrap: wrap;\n }\n\n input {\n flex-basis: 200px;\n }\n`"
3603
3603
  }
3604
3604
  ],
3605
3605
  "exports": [
@@ -3608,507 +3608,308 @@
3608
3608
  "name": "styles",
3609
3609
  "declaration": {
3610
3610
  "name": "styles",
3611
- "module": "src/chip/chip-set.styles.ts"
3611
+ "module": "src/chip-field/chip-field.styles.ts"
3612
3612
  }
3613
3613
  }
3614
3614
  ]
3615
3615
  },
3616
3616
  {
3617
3617
  "kind": "javascript-module",
3618
- "path": "src/chip/chip-set.ts",
3618
+ "path": "src/chip-field/chip-field.ts",
3619
3619
  "declarations": [
3620
3620
  {
3621
3621
  "kind": "class",
3622
3622
  "description": "",
3623
- "name": "UmChipSet",
3623
+ "name": "UmChipField",
3624
3624
  "members": [
3625
3625
  {
3626
3626
  "kind": "field",
3627
- "name": "alignment",
3628
- "type": {
3629
- "text": "'start' | 'center' | 'end'"
3630
- },
3631
- "default": "'start'",
3632
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3633
- "attribute": "alignment",
3634
- "reflects": true,
3635
- "inheritedFrom": {
3636
- "name": "UmSetBase",
3637
- "module": "src/shared/sets/set-base.ts"
3638
- }
3639
- }
3640
- ],
3641
- "superclass": {
3642
- "name": "UmSetBase",
3643
- "module": "/src/shared/sets/set-base.js"
3644
- },
3645
- "tagName": "u-chip-set",
3646
- "customElement": true,
3647
- "attributes": [
3648
- {
3649
- "name": "alignment",
3627
+ "name": "input",
3650
3628
  "type": {
3651
- "text": "'start' | 'center' | 'end'"
3652
- },
3653
- "default": "'start'",
3654
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3655
- "fieldName": "alignment",
3656
- "inheritedFrom": {
3657
- "name": "UmSetBase",
3658
- "module": "src/shared/sets/set-base.ts"
3629
+ "text": "HTMLInputElement"
3659
3630
  }
3660
- }
3661
- ]
3662
- }
3663
- ],
3664
- "exports": [
3665
- {
3666
- "kind": "js",
3667
- "name": "UmChipSet",
3668
- "declaration": {
3669
- "name": "UmChipSet",
3670
- "module": "src/chip/chip-set.ts"
3671
- }
3672
- },
3673
- {
3674
- "kind": "custom-element-definition",
3675
- "name": "u-chip-set",
3676
- "declaration": {
3677
- "name": "UmChipSet",
3678
- "module": "src/chip/chip-set.ts"
3679
- }
3680
- }
3681
- ]
3682
- },
3683
- {
3684
- "kind": "javascript-module",
3685
- "path": "src/chip/chip.styles.ts",
3686
- "declarations": [
3687
- {
3688
- "kind": "variable",
3689
- "name": "styles",
3690
- "default": "css `\n :host,\n * {\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n box-sizing: border-box;\n outline: 0;\n }\n\n .focus-ring:focus-visible {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: 2px;\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_color-primary);\n }\n 50% {\n outline: 6px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n --u-elevation-level: 0;\n position: relative;\n display: inline-block;\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n appearance: none !important;\n }\n\n :host([disabled]) {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-background-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n }\n\n :host([disabled]) .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .content {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: var(--_icon-size);\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-background-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
3691
- }
3692
- ],
3693
- "exports": [
3694
- {
3695
- "kind": "js",
3696
- "name": "styles",
3697
- "declaration": {
3698
- "name": "styles",
3699
- "module": "src/chip/chip.styles.ts"
3700
- }
3701
- }
3702
- ]
3703
- },
3704
- {
3705
- "kind": "javascript-module",
3706
- "path": "src/chip/chip.ts",
3707
- "declarations": [
3708
- {
3709
- "kind": "class",
3710
- "description": "",
3711
- "name": "UmChip",
3712
- "members": [
3713
- {
3714
- "kind": "field",
3715
- "name": "#clickable",
3716
- "privacy": "private",
3717
- "type": {
3718
- "text": "boolean"
3719
- },
3720
- "default": "false"
3721
3631
  },
3722
3632
  {
3723
3633
  "kind": "field",
3724
- "name": "#toggle",
3725
- "privacy": "private",
3634
+ "name": "name",
3726
3635
  "type": {
3727
- "text": "boolean"
3636
+ "text": "string"
3728
3637
  },
3729
- "default": "false"
3638
+ "attribute": "name"
3730
3639
  },
3731
3640
  {
3732
3641
  "kind": "field",
3733
- "name": "selected",
3642
+ "name": "manual",
3734
3643
  "type": {
3735
3644
  "text": "boolean"
3736
3645
  },
3737
3646
  "default": "false",
3738
- "description": "Whether the chip is selected or not",
3739
- "attribute": "selected",
3740
- "reflects": true
3741
- },
3742
- {
3743
- "kind": "field",
3744
- "name": "clickable",
3745
- "type": {
3746
- "text": "boolean"
3747
- },
3748
- "attribute": "clickable",
3749
- "reflects": true
3647
+ "attribute": "manual"
3750
3648
  },
3751
3649
  {
3752
3650
  "kind": "field",
3753
- "name": "elevated",
3651
+ "name": "formatter",
3754
3652
  "type": {
3755
- "text": "boolean"
3653
+ "text": "((value: any) => string) | undefined"
3756
3654
  },
3757
- "default": "false",
3758
- "description": "Adds elevation to the chip",
3759
- "attribute": "elevated",
3760
- "reflects": true
3655
+ "attribute": "formatter"
3761
3656
  },
3762
3657
  {
3763
3658
  "kind": "field",
3764
- "name": "toggle",
3659
+ "name": "leadingIconTemplate",
3765
3660
  "type": {
3766
- "text": "boolean"
3767
- },
3768
- "description": "When true, the chip will toggle between selected and unselected\nstates",
3769
- "attribute": "toggle",
3770
- "reflects": true
3661
+ "text": "((value: any) => string) | undefined"
3662
+ }
3771
3663
  },
3772
3664
  {
3773
3665
  "kind": "field",
3774
- "name": "removable",
3666
+ "name": "#value",
3667
+ "privacy": "private",
3775
3668
  "type": {
3776
- "text": "boolean"
3669
+ "text": "any[]"
3777
3670
  },
3778
- "default": "false",
3779
- "description": "Add the remove icon",
3780
- "attribute": "removable",
3781
- "reflects": true
3671
+ "default": "[]"
3782
3672
  },
3783
3673
  {
3784
3674
  "kind": "field",
3785
- "name": "hideSelectedIcon",
3675
+ "name": "value",
3786
3676
  "type": {
3787
- "text": "boolean"
3788
- },
3789
- "default": "false",
3790
- "description": "Hide the selected icon",
3791
- "attribute": "hide-selected-icon",
3792
- "reflects": true
3677
+ "text": "any[]"
3678
+ }
3793
3679
  },
3794
3680
  {
3795
- "kind": "field",
3796
- "name": "hasLeadingIcon",
3797
- "type": {
3798
- "text": "boolean"
3799
- },
3800
- "default": "false",
3801
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3802
- "attribute": "has-leading-icon",
3803
- "reflects": true
3681
+ "kind": "method",
3682
+ "name": "setFormValue",
3683
+ "privacy": "private"
3804
3684
  },
3805
3685
  {
3806
- "kind": "field",
3807
- "name": "hasSelectedIcon",
3808
- "type": {
3809
- "text": "boolean"
3810
- },
3811
- "default": "false",
3812
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3813
- "attribute": "has-selected-icon",
3814
- "reflects": true
3686
+ "kind": "method",
3687
+ "name": "focus"
3815
3688
  },
3816
3689
  {
3817
3690
  "kind": "field",
3818
- "name": "hasTrailingIcon",
3691
+ "name": "empty",
3819
3692
  "type": {
3820
3693
  "text": "boolean"
3821
3694
  },
3822
- "default": "false",
3823
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3824
- "attribute": "has-trailing-icon",
3825
- "reflects": true
3826
- },
3827
- {
3828
- "kind": "field",
3829
- "name": "assignedLeadingIcons",
3830
- "type": {
3831
- "text": "HTMLElement[]"
3832
- },
3833
- "privacy": "private"
3695
+ "inheritedFrom": {
3696
+ "name": "UmTextFieldBase",
3697
+ "module": "src/shared/text-field-base/text-field-base.ts"
3698
+ }
3834
3699
  },
3835
3700
  {
3836
- "kind": "field",
3837
- "name": "assignedSelectedIcons",
3838
- "type": {
3839
- "text": "HTMLElement[]"
3701
+ "kind": "method",
3702
+ "name": "renderContent",
3703
+ "privacy": "protected",
3704
+ "return": {
3705
+ "type": {
3706
+ "text": "HTMLTemplateResult"
3707
+ }
3840
3708
  },
3841
- "privacy": "private"
3709
+ "inheritedFrom": {
3710
+ "name": "UmTextFieldBase",
3711
+ "module": "src/shared/text-field-base/text-field-base.ts"
3712
+ }
3842
3713
  },
3843
3714
  {
3844
- "kind": "field",
3845
- "name": "assignedTrailingIcons",
3846
- "type": {
3847
- "text": "HTMLElement[]"
3848
- },
3849
- "privacy": "private"
3715
+ "kind": "method",
3716
+ "name": "#getChips"
3850
3717
  },
3851
3718
  {
3852
- "kind": "field",
3853
- "name": "removeRipple",
3854
- "type": {
3855
- "text": "UmRipple"
3856
- }
3719
+ "kind": "method",
3720
+ "name": "#handleBlur"
3857
3721
  },
3858
3722
  {
3859
3723
  "kind": "method",
3860
- "name": "#handleRemoveClick",
3724
+ "name": "#handleKeyDown",
3861
3725
  "parameters": [
3862
3726
  {
3863
3727
  "name": "e",
3864
3728
  "type": {
3865
- "text": "Event"
3729
+ "text": "KeyboardEvent"
3866
3730
  }
3867
3731
  }
3868
3732
  ]
3869
3733
  },
3870
3734
  {
3871
3735
  "kind": "method",
3872
- "name": "#handleTrailingIconSlotChange"
3736
+ "name": "add",
3737
+ "parameters": [
3738
+ {
3739
+ "name": "value",
3740
+ "type": {
3741
+ "text": "any"
3742
+ }
3743
+ }
3744
+ ]
3873
3745
  },
3874
3746
  {
3875
- "kind": "method",
3876
- "name": "#handleLeadingIconSlotChange"
3747
+ "kind": "field",
3748
+ "name": "#removeChip",
3749
+ "privacy": "private"
3877
3750
  },
3878
3751
  {
3879
3752
  "kind": "method",
3880
- "name": "#handleSelectedIconSlotChange"
3753
+ "name": "#updated"
3881
3754
  },
3882
3755
  {
3883
3756
  "kind": "method",
3884
- "name": "handleClick",
3885
- "privacy": "protected",
3886
- "return": {
3887
- "type": {
3888
- "text": "void"
3889
- }
3890
- },
3757
+ "name": "getItemLabel",
3758
+ "privacy": "private",
3891
3759
  "parameters": [
3892
3760
  {
3893
- "name": "event",
3761
+ "name": "item",
3894
3762
  "type": {
3895
- "text": "UIEvent"
3763
+ "text": "any"
3896
3764
  }
3897
3765
  }
3898
- ],
3899
- "inheritedFrom": {
3900
- "name": "UmButtonWrapper",
3901
- "module": "src/shared/button-wrapper.ts"
3902
- }
3903
- },
3904
- {
3905
- "kind": "method",
3906
- "name": "renderContent",
3907
- "privacy": "protected",
3908
- "return": {
3909
- "type": {
3910
- "text": "HTMLTemplateResult"
3911
- }
3912
- },
3913
- "inheritedFrom": {
3914
- "name": "UmButtonWrapper",
3915
- "module": "src/shared/button-wrapper.ts"
3916
- }
3766
+ ]
3917
3767
  },
3918
3768
  {
3919
3769
  "kind": "field",
3920
- "name": "disabled",
3770
+ "name": "formAssociated",
3921
3771
  "type": {
3922
3772
  "text": "boolean"
3923
3773
  },
3924
- "default": "false",
3925
- "description": "Whether the button is disabled or not.",
3926
- "attribute": "disabled",
3927
- "reflects": true,
3774
+ "static": true,
3775
+ "default": "true",
3928
3776
  "inheritedFrom": {
3929
- "name": "UmButtonWrapper",
3930
- "module": "src/shared/button-wrapper.ts"
3777
+ "name": "UmTextFieldBase",
3778
+ "module": "src/shared/text-field-base/text-field-base.ts"
3931
3779
  }
3932
3780
  },
3933
3781
  {
3934
3782
  "kind": "field",
3935
- "name": "renderRipple",
3783
+ "name": "shadowRootOptions",
3936
3784
  "type": {
3937
- "text": "boolean"
3785
+ "text": "ShadowRootInit"
3938
3786
  },
3939
- "default": "true",
3787
+ "static": true,
3788
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
3940
3789
  "inheritedFrom": {
3941
- "name": "UmButtonWrapper",
3942
- "module": "src/shared/button-wrapper.ts"
3790
+ "name": "UmTextFieldBase",
3791
+ "module": "src/shared/text-field-base/text-field-base.ts"
3943
3792
  }
3944
3793
  },
3945
3794
  {
3946
3795
  "kind": "field",
3947
- "name": "href",
3948
- "type": {
3949
- "text": "string | undefined"
3950
- },
3951
- "description": "The URL that the link button points to.",
3952
- "attribute": "href",
3796
+ "name": "variant",
3797
+ "attribute": "variant",
3953
3798
  "inheritedFrom": {
3954
- "name": "UmButtonWrapper",
3955
- "module": "src/shared/button-wrapper.ts"
3799
+ "name": "UmTextFieldBase",
3800
+ "module": "src/shared/text-field-base/text-field-base.ts"
3956
3801
  }
3957
3802
  },
3958
3803
  {
3959
3804
  "kind": "field",
3960
- "name": "target",
3805
+ "name": "label",
3961
3806
  "type": {
3962
3807
  "text": "string | undefined"
3963
3808
  },
3964
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3965
- "attribute": "target",
3809
+ "attribute": "label",
3966
3810
  "inheritedFrom": {
3967
- "name": "UmButtonWrapper",
3968
- "module": "src/shared/button-wrapper.ts"
3811
+ "name": "UmTextFieldBase",
3812
+ "module": "src/shared/text-field-base/text-field-base.ts"
3969
3813
  }
3970
3814
  },
3971
3815
  {
3972
3816
  "kind": "field",
3973
- "name": "name",
3817
+ "name": "counter",
3974
3818
  "type": {
3975
3819
  "text": "string | undefined"
3976
3820
  },
3977
- "attribute": "name",
3821
+ "attribute": "counter",
3978
3822
  "inheritedFrom": {
3979
- "name": "UmButtonWrapper",
3980
- "module": "src/shared/button-wrapper.ts"
3823
+ "name": "UmTextFieldBase",
3824
+ "module": "src/shared/text-field-base/text-field-base.ts"
3981
3825
  }
3982
3826
  },
3983
3827
  {
3984
3828
  "kind": "field",
3985
- "name": "buttonElement",
3829
+ "name": "placeholder",
3986
3830
  "type": {
3987
- "text": "HTMLElement"
3831
+ "text": "string | undefined"
3988
3832
  },
3989
- "privacy": "protected",
3833
+ "attribute": "placeholder",
3834
+ "reflects": true,
3990
3835
  "inheritedFrom": {
3991
- "name": "UmButtonWrapper",
3992
- "module": "src/shared/button-wrapper.ts"
3836
+ "name": "UmTextFieldBase",
3837
+ "module": "src/shared/text-field-base/text-field-base.ts"
3993
3838
  }
3994
3839
  },
3995
3840
  {
3996
3841
  "kind": "field",
3997
- "name": "ripple",
3842
+ "name": "supportingText",
3998
3843
  "type": {
3999
- "text": "UmRipple"
3844
+ "text": "string | undefined"
4000
3845
  },
4001
- "privacy": "private",
3846
+ "attribute": "supporting-text",
4002
3847
  "inheritedFrom": {
4003
- "name": "UmButtonWrapper",
4004
- "module": "src/shared/button-wrapper.ts"
3848
+ "name": "UmTextFieldBase",
3849
+ "module": "src/shared/text-field-base/text-field-base.ts"
4005
3850
  }
4006
3851
  },
4007
3852
  {
4008
3853
  "kind": "field",
4009
- "name": "innerRole",
3854
+ "name": "errorText",
4010
3855
  "type": {
4011
- "text": "string | null"
3856
+ "text": "string | undefined"
4012
3857
  },
4013
- "privacy": "protected",
4014
- "default": "null",
3858
+ "attribute": "error-text",
4015
3859
  "inheritedFrom": {
4016
- "name": "UmButtonWrapper",
4017
- "module": "src/shared/button-wrapper.ts"
3860
+ "name": "UmTextFieldBase",
3861
+ "module": "src/shared/text-field-base/text-field-base.ts"
4018
3862
  }
4019
3863
  },
4020
3864
  {
4021
3865
  "kind": "field",
4022
- "name": "pathname",
3866
+ "name": "disabled",
4023
3867
  "type": {
4024
- "text": "string"
3868
+ "text": "boolean"
4025
3869
  },
3870
+ "default": "false",
3871
+ "attribute": "disabled",
3872
+ "reflects": true,
4026
3873
  "inheritedFrom": {
4027
- "name": "UmButtonWrapper",
4028
- "module": "src/shared/button-wrapper.ts"
4029
- }
4030
- },
4031
- {
4032
- "kind": "method",
4033
- "name": "renderButton",
4034
- "privacy": "private",
4035
- "inheritedFrom": {
4036
- "name": "UmButtonWrapper",
4037
- "module": "src/shared/button-wrapper.ts"
4038
- }
4039
- },
4040
- {
4041
- "kind": "method",
4042
- "name": "renderLink",
4043
- "privacy": "private",
4044
- "inheritedFrom": {
4045
- "name": "UmButtonWrapper",
4046
- "module": "src/shared/button-wrapper.ts"
4047
- }
4048
- },
4049
- {
4050
- "kind": "method",
4051
- "name": "focus",
4052
- "inheritedFrom": {
4053
- "name": "UmButtonWrapper",
4054
- "module": "src/shared/button-wrapper.ts"
4055
- }
4056
- },
4057
- {
4058
- "kind": "method",
4059
- "name": "blur",
4060
- "inheritedFrom": {
4061
- "name": "UmButtonWrapper",
4062
- "module": "src/shared/button-wrapper.ts"
3874
+ "name": "UmTextFieldBase",
3875
+ "module": "src/shared/text-field-base/text-field-base.ts"
4063
3876
  }
4064
3877
  },
4065
3878
  {
4066
- "kind": "method",
4067
- "name": "getAriaLabel",
4068
- "privacy": "protected",
4069
- "return": {
4070
- "type": {
4071
- "text": "string | null"
4072
- }
3879
+ "kind": "field",
3880
+ "name": "invalid",
3881
+ "type": {
3882
+ "text": "boolean"
4073
3883
  },
3884
+ "default": "false",
3885
+ "attribute": "invalid",
3886
+ "reflects": true,
4074
3887
  "inheritedFrom": {
4075
- "name": "UmButtonWrapper",
4076
- "module": "src/shared/button-wrapper.ts"
3888
+ "name": "UmTextFieldBase",
3889
+ "module": "src/shared/text-field-base/text-field-base.ts"
4077
3890
  }
4078
3891
  },
4079
3892
  {
4080
- "kind": "method",
4081
- "name": "innerFocusHandler",
4082
- "privacy": "private",
4083
- "return": {
4084
- "type": {
4085
- "text": "void"
4086
- }
3893
+ "kind": "field",
3894
+ "name": "form",
3895
+ "type": {
3896
+ "text": "HTMLFormElement | null"
4087
3897
  },
4088
3898
  "inheritedFrom": {
4089
- "name": "UmButtonWrapper",
4090
- "module": "src/shared/button-wrapper.ts"
3899
+ "name": "UmTextFieldBase",
3900
+ "module": "src/shared/text-field-base/text-field-base.ts"
4091
3901
  }
4092
3902
  },
4093
3903
  {
4094
- "kind": "method",
4095
- "name": "#innerClickHandler",
4096
- "return": {
4097
- "type": {
4098
- "text": "void"
4099
- }
3904
+ "kind": "field",
3905
+ "name": "elementInternals",
3906
+ "type": {
3907
+ "text": "ElementInternals"
4100
3908
  },
4101
- "parameters": [
4102
- {
4103
- "name": "event",
4104
- "type": {
4105
- "text": "MouseEvent"
4106
- }
4107
- }
4108
- ],
3909
+ "privacy": "protected",
4109
3910
  "inheritedFrom": {
4110
- "name": "UmButtonWrapper",
4111
- "module": "src/shared/button-wrapper.ts"
3911
+ "name": "UmTextFieldBase",
3912
+ "module": "src/shared/text-field-base/text-field-base.ts"
4112
3913
  }
4113
3914
  }
4114
3915
  ],
@@ -4122,82 +3923,89 @@
4122
3923
  ],
4123
3924
  "attributes": [
4124
3925
  {
4125
- "name": "selected",
3926
+ "name": "name",
4126
3927
  "type": {
4127
- "text": "boolean"
3928
+ "text": "string"
4128
3929
  },
4129
- "default": "false",
4130
- "description": "Whether the chip is selected or not",
4131
- "fieldName": "selected"
3930
+ "fieldName": "name"
4132
3931
  },
4133
3932
  {
4134
- "name": "clickable",
3933
+ "name": "manual",
4135
3934
  "type": {
4136
3935
  "text": "boolean"
4137
3936
  },
4138
- "fieldName": "clickable"
3937
+ "default": "false",
3938
+ "fieldName": "manual"
4139
3939
  },
4140
3940
  {
4141
- "name": "elevated",
3941
+ "name": "formatter",
4142
3942
  "type": {
4143
- "text": "boolean"
3943
+ "text": "((value: any) => string) | undefined"
4144
3944
  },
4145
- "default": "false",
4146
- "description": "Adds elevation to the chip",
4147
- "fieldName": "elevated"
3945
+ "fieldName": "formatter"
4148
3946
  },
4149
3947
  {
4150
- "name": "toggle",
4151
- "type": {
4152
- "text": "boolean"
4153
- },
4154
- "description": "When true, the chip will toggle between selected and unselected\nstates",
4155
- "fieldName": "toggle"
3948
+ "name": "variant",
3949
+ "fieldName": "variant",
3950
+ "inheritedFrom": {
3951
+ "name": "UmTextFieldBase",
3952
+ "module": "src/shared/text-field-base/text-field-base.ts"
3953
+ }
4156
3954
  },
4157
3955
  {
4158
- "name": "removable",
3956
+ "name": "label",
4159
3957
  "type": {
4160
- "text": "boolean"
3958
+ "text": "string | undefined"
4161
3959
  },
4162
- "default": "false",
4163
- "description": "Add the remove icon",
4164
- "fieldName": "removable"
3960
+ "fieldName": "label",
3961
+ "inheritedFrom": {
3962
+ "name": "UmTextFieldBase",
3963
+ "module": "src/shared/text-field-base/text-field-base.ts"
3964
+ }
4165
3965
  },
4166
3966
  {
4167
- "name": "hide-selected-icon",
3967
+ "name": "counter",
4168
3968
  "type": {
4169
- "text": "boolean"
3969
+ "text": "string | undefined"
4170
3970
  },
4171
- "default": "false",
4172
- "description": "Hide the selected icon",
4173
- "fieldName": "hideSelectedIcon"
3971
+ "fieldName": "counter",
3972
+ "inheritedFrom": {
3973
+ "name": "UmTextFieldBase",
3974
+ "module": "src/shared/text-field-base/text-field-base.ts"
3975
+ }
4174
3976
  },
4175
3977
  {
4176
- "name": "has-leading-icon",
3978
+ "name": "placeholder",
4177
3979
  "type": {
4178
- "text": "boolean"
3980
+ "text": "string | undefined"
4179
3981
  },
4180
- "default": "false",
4181
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4182
- "fieldName": "hasLeadingIcon"
3982
+ "fieldName": "placeholder",
3983
+ "inheritedFrom": {
3984
+ "name": "UmTextFieldBase",
3985
+ "module": "src/shared/text-field-base/text-field-base.ts"
3986
+ }
4183
3987
  },
4184
3988
  {
4185
- "name": "has-selected-icon",
3989
+ "name": "supporting-text",
4186
3990
  "type": {
4187
- "text": "boolean"
3991
+ "text": "string | undefined"
4188
3992
  },
4189
- "default": "false",
4190
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4191
- "fieldName": "hasSelectedIcon"
3993
+ "fieldName": "supportingText",
3994
+ "inheritedFrom": {
3995
+ "name": "UmTextFieldBase",
3996
+ "module": "src/shared/text-field-base/text-field-base.ts"
3997
+ }
4192
3998
  },
4193
3999
  {
4194
- "name": "has-trailing-icon",
4000
+ "name": "error-text",
4195
4001
  "type": {
4196
- "text": "boolean"
4002
+ "text": "string | undefined"
4197
4003
  },
4198
- "default": "false",
4199
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4200
- "fieldName": "hasTrailingIcon"
4004
+ "fieldName": "errorText",
4005
+ "inheritedFrom": {
4006
+ "name": "UmTextFieldBase",
4007
+ "module": "src/shared/text-field-base/text-field-base.ts"
4008
+ }
4201
4009
  },
4202
4010
  {
4203
4011
  "name": "disabled",
@@ -4205,84 +4013,148 @@
4205
4013
  "text": "boolean"
4206
4014
  },
4207
4015
  "default": "false",
4208
- "description": "Whether the button is disabled or not.",
4209
4016
  "fieldName": "disabled",
4210
4017
  "inheritedFrom": {
4211
- "name": "UmButtonWrapper",
4212
- "module": "src/shared/button-wrapper.ts"
4018
+ "name": "UmTextFieldBase",
4019
+ "module": "src/shared/text-field-base/text-field-base.ts"
4213
4020
  }
4214
4021
  },
4215
4022
  {
4216
- "name": "href",
4023
+ "name": "invalid",
4217
4024
  "type": {
4218
- "text": "string | undefined"
4025
+ "text": "boolean"
4219
4026
  },
4220
- "description": "The URL that the link button points to.",
4221
- "fieldName": "href",
4027
+ "default": "false",
4028
+ "fieldName": "invalid",
4222
4029
  "inheritedFrom": {
4223
- "name": "UmButtonWrapper",
4224
- "module": "src/shared/button-wrapper.ts"
4030
+ "name": "UmTextFieldBase",
4031
+ "module": "src/shared/text-field-base/text-field-base.ts"
4225
4032
  }
4226
- },
4033
+ }
4034
+ ],
4035
+ "superclass": {
4036
+ "name": "UmTextFieldBase",
4037
+ "module": "/src/shared/text-field-base/text-field-base.js"
4038
+ },
4039
+ "tagName": "u-chip-field",
4040
+ "customElement": true
4041
+ }
4042
+ ],
4043
+ "exports": [
4044
+ {
4045
+ "kind": "js",
4046
+ "name": "UmChipField",
4047
+ "declaration": {
4048
+ "name": "UmChipField",
4049
+ "module": "src/chip-field/chip-field.ts"
4050
+ }
4051
+ },
4052
+ {
4053
+ "kind": "custom-element-definition",
4054
+ "name": "u-chip-field",
4055
+ "declaration": {
4056
+ "name": "UmChipField",
4057
+ "module": "src/chip-field/chip-field.ts"
4058
+ }
4059
+ }
4060
+ ]
4061
+ },
4062
+ {
4063
+ "kind": "javascript-module",
4064
+ "path": "src/chip/chip-set.styles.ts",
4065
+ "declarations": [
4066
+ {
4067
+ "kind": "variable",
4068
+ "name": "styles",
4069
+ "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n\n :host {\n flex-wrap: wrap;\n }\n`"
4070
+ }
4071
+ ],
4072
+ "exports": [
4073
+ {
4074
+ "kind": "js",
4075
+ "name": "styles",
4076
+ "declaration": {
4077
+ "name": "styles",
4078
+ "module": "src/chip/chip-set.styles.ts"
4079
+ }
4080
+ }
4081
+ ]
4082
+ },
4083
+ {
4084
+ "kind": "javascript-module",
4085
+ "path": "src/chip/chip-set.ts",
4086
+ "declarations": [
4087
+ {
4088
+ "kind": "class",
4089
+ "description": "",
4090
+ "name": "UmChipSet",
4091
+ "members": [
4227
4092
  {
4228
- "name": "target",
4093
+ "kind": "field",
4094
+ "name": "alignment",
4229
4095
  "type": {
4230
- "text": "string | undefined"
4096
+ "text": "'start' | 'center' | 'end'"
4231
4097
  },
4232
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4233
- "fieldName": "target",
4098
+ "default": "'start'",
4099
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
4100
+ "attribute": "alignment",
4101
+ "reflects": true,
4234
4102
  "inheritedFrom": {
4235
- "name": "UmButtonWrapper",
4236
- "module": "src/shared/button-wrapper.ts"
4103
+ "name": "UmSetBase",
4104
+ "module": "src/shared/sets/set-base.ts"
4237
4105
  }
4238
- },
4106
+ }
4107
+ ],
4108
+ "superclass": {
4109
+ "name": "UmSetBase",
4110
+ "module": "/src/shared/sets/set-base.js"
4111
+ },
4112
+ "tagName": "u-chip-set",
4113
+ "customElement": true,
4114
+ "attributes": [
4239
4115
  {
4240
- "name": "name",
4116
+ "name": "alignment",
4241
4117
  "type": {
4242
- "text": "string | undefined"
4118
+ "text": "'start' | 'center' | 'end'"
4243
4119
  },
4244
- "fieldName": "name",
4120
+ "default": "'start'",
4121
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
4122
+ "fieldName": "alignment",
4245
4123
  "inheritedFrom": {
4246
- "name": "UmButtonWrapper",
4247
- "module": "src/shared/button-wrapper.ts"
4124
+ "name": "UmSetBase",
4125
+ "module": "src/shared/sets/set-base.ts"
4248
4126
  }
4249
4127
  }
4250
- ],
4251
- "superclass": {
4252
- "name": "UmButtonWrapper",
4253
- "module": "/src/shared/button-wrapper.js"
4254
- },
4255
- "tagName": "u-chip",
4256
- "customElement": true
4128
+ ]
4257
4129
  }
4258
4130
  ],
4259
4131
  "exports": [
4260
4132
  {
4261
4133
  "kind": "js",
4262
- "name": "UmChip",
4134
+ "name": "UmChipSet",
4263
4135
  "declaration": {
4264
- "name": "UmChip",
4265
- "module": "src/chip/chip.ts"
4136
+ "name": "UmChipSet",
4137
+ "module": "src/chip/chip-set.ts"
4266
4138
  }
4267
4139
  },
4268
4140
  {
4269
4141
  "kind": "custom-element-definition",
4270
- "name": "u-chip",
4142
+ "name": "u-chip-set",
4271
4143
  "declaration": {
4272
- "name": "UmChip",
4273
- "module": "src/chip/chip.ts"
4144
+ "name": "UmChipSet",
4145
+ "module": "src/chip/chip-set.ts"
4274
4146
  }
4275
4147
  }
4276
4148
  ]
4277
4149
  },
4278
4150
  {
4279
4151
  "kind": "javascript-module",
4280
- "path": "src/chip-field/chip-field.styles.ts",
4152
+ "path": "src/chip/chip.styles.ts",
4281
4153
  "declarations": [
4282
4154
  {
4283
4155
  "kind": "variable",
4284
4156
  "name": "styles",
4285
- "default": "css `\n input {\n appearance: none;\n padding: none;\n }\n\n u-chip {\n flex-basis: 0;\n }\n\n ::part(wrapper) {\n gap: 8px;\n }\n\n input {\n flex-basis: 200px;\n }\n`"
4157
+ "default": "css `\n :host,\n * {\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n box-sizing: border-box;\n outline: 0;\n }\n\n .focus-ring:focus-visible {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: 2px;\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_color-primary);\n }\n 50% {\n outline: 6px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n --u-elevation-level: 0;\n position: relative;\n display: inline-block;\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n appearance: none !important;\n }\n\n :host([disabled]) {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-background-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n }\n\n :host([disabled]) .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .content {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: var(--_icon-size);\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-background-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
4286
4158
  }
4287
4159
  ],
4288
4160
  "exports": [
@@ -4291,308 +4163,419 @@
4291
4163
  "name": "styles",
4292
4164
  "declaration": {
4293
4165
  "name": "styles",
4294
- "module": "src/chip-field/chip-field.styles.ts"
4166
+ "module": "src/chip/chip.styles.ts"
4295
4167
  }
4296
4168
  }
4297
4169
  ]
4298
4170
  },
4299
4171
  {
4300
4172
  "kind": "javascript-module",
4301
- "path": "src/chip-field/chip-field.ts",
4173
+ "path": "src/chip/chip.ts",
4302
4174
  "declarations": [
4303
4175
  {
4304
4176
  "kind": "class",
4305
4177
  "description": "",
4306
- "name": "UmChipField",
4178
+ "name": "UmChip",
4307
4179
  "members": [
4308
4180
  {
4309
4181
  "kind": "field",
4310
- "name": "input",
4182
+ "name": "#clickable",
4183
+ "privacy": "private",
4311
4184
  "type": {
4312
- "text": "HTMLInputElement"
4313
- }
4185
+ "text": "boolean"
4186
+ },
4187
+ "default": "false"
4314
4188
  },
4315
4189
  {
4316
4190
  "kind": "field",
4317
- "name": "name",
4191
+ "name": "#toggle",
4192
+ "privacy": "private",
4318
4193
  "type": {
4319
- "text": "string"
4194
+ "text": "boolean"
4320
4195
  },
4321
- "attribute": "name"
4196
+ "default": "false"
4322
4197
  },
4323
4198
  {
4324
4199
  "kind": "field",
4325
- "name": "manual",
4200
+ "name": "selected",
4326
4201
  "type": {
4327
4202
  "text": "boolean"
4328
4203
  },
4329
4204
  "default": "false",
4330
- "attribute": "manual"
4205
+ "description": "Whether the chip is selected or not",
4206
+ "attribute": "selected",
4207
+ "reflects": true
4331
4208
  },
4332
4209
  {
4333
4210
  "kind": "field",
4334
- "name": "formatter",
4211
+ "name": "clickable",
4335
4212
  "type": {
4336
- "text": "((value: any) => string) | undefined"
4213
+ "text": "boolean"
4337
4214
  },
4338
- "attribute": "formatter"
4215
+ "attribute": "clickable",
4216
+ "reflects": true
4339
4217
  },
4340
4218
  {
4341
4219
  "kind": "field",
4342
- "name": "leadingIconTemplate",
4220
+ "name": "elevated",
4343
4221
  "type": {
4344
- "text": "((value: any) => string) | undefined"
4345
- }
4222
+ "text": "boolean"
4223
+ },
4224
+ "default": "false",
4225
+ "description": "Adds elevation to the chip",
4226
+ "attribute": "elevated",
4227
+ "reflects": true
4346
4228
  },
4347
4229
  {
4348
4230
  "kind": "field",
4349
- "name": "#value",
4350
- "privacy": "private",
4231
+ "name": "toggle",
4351
4232
  "type": {
4352
- "text": "any[]"
4233
+ "text": "boolean"
4353
4234
  },
4354
- "default": "[]"
4235
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
4236
+ "attribute": "toggle",
4237
+ "reflects": true
4355
4238
  },
4356
4239
  {
4357
4240
  "kind": "field",
4358
- "name": "value",
4241
+ "name": "removable",
4359
4242
  "type": {
4360
- "text": "any[]"
4361
- }
4243
+ "text": "boolean"
4244
+ },
4245
+ "default": "false",
4246
+ "description": "Add the remove icon",
4247
+ "attribute": "removable",
4248
+ "reflects": true
4362
4249
  },
4363
4250
  {
4364
- "kind": "method",
4365
- "name": "setFormValue",
4366
- "privacy": "private"
4251
+ "kind": "field",
4252
+ "name": "hideSelectedIcon",
4253
+ "type": {
4254
+ "text": "boolean"
4255
+ },
4256
+ "default": "false",
4257
+ "description": "Hide the selected icon",
4258
+ "attribute": "hide-selected-icon",
4259
+ "reflects": true
4367
4260
  },
4368
4261
  {
4369
- "kind": "method",
4370
- "name": "focus"
4262
+ "kind": "field",
4263
+ "name": "hasLeadingIcon",
4264
+ "type": {
4265
+ "text": "boolean"
4266
+ },
4267
+ "default": "false",
4268
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4269
+ "attribute": "has-leading-icon",
4270
+ "reflects": true
4371
4271
  },
4372
4272
  {
4373
4273
  "kind": "field",
4374
- "name": "empty",
4274
+ "name": "hasSelectedIcon",
4375
4275
  "type": {
4376
4276
  "text": "boolean"
4377
4277
  },
4378
- "inheritedFrom": {
4379
- "name": "UmTextFieldBase",
4380
- "module": "src/shared/text-field-base/text-field-base.ts"
4381
- }
4278
+ "default": "false",
4279
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4280
+ "attribute": "has-selected-icon",
4281
+ "reflects": true
4382
4282
  },
4383
4283
  {
4384
- "kind": "method",
4385
- "name": "renderContent",
4386
- "privacy": "protected",
4387
- "return": {
4388
- "type": {
4389
- "text": "HTMLTemplateResult"
4390
- }
4284
+ "kind": "field",
4285
+ "name": "hasTrailingIcon",
4286
+ "type": {
4287
+ "text": "boolean"
4391
4288
  },
4392
- "inheritedFrom": {
4393
- "name": "UmTextFieldBase",
4394
- "module": "src/shared/text-field-base/text-field-base.ts"
4395
- }
4289
+ "default": "false",
4290
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4291
+ "attribute": "has-trailing-icon",
4292
+ "reflects": true
4396
4293
  },
4397
4294
  {
4398
- "kind": "method",
4399
- "name": "#getChips"
4295
+ "kind": "field",
4296
+ "name": "assignedLeadingIcons",
4297
+ "type": {
4298
+ "text": "HTMLElement[]"
4299
+ },
4300
+ "privacy": "private"
4400
4301
  },
4401
4302
  {
4402
- "kind": "method",
4403
- "name": "#handleBlur"
4303
+ "kind": "field",
4304
+ "name": "assignedSelectedIcons",
4305
+ "type": {
4306
+ "text": "HTMLElement[]"
4307
+ },
4308
+ "privacy": "private"
4309
+ },
4310
+ {
4311
+ "kind": "field",
4312
+ "name": "assignedTrailingIcons",
4313
+ "type": {
4314
+ "text": "HTMLElement[]"
4315
+ },
4316
+ "privacy": "private"
4317
+ },
4318
+ {
4319
+ "kind": "field",
4320
+ "name": "removeRipple",
4321
+ "type": {
4322
+ "text": "UmRipple"
4323
+ }
4404
4324
  },
4405
4325
  {
4406
4326
  "kind": "method",
4407
- "name": "#handleKeyDown",
4327
+ "name": "#handleRemoveClick",
4408
4328
  "parameters": [
4409
4329
  {
4410
4330
  "name": "e",
4411
4331
  "type": {
4412
- "text": "KeyboardEvent"
4332
+ "text": "Event"
4413
4333
  }
4414
4334
  }
4415
4335
  ]
4416
4336
  },
4417
4337
  {
4418
4338
  "kind": "method",
4419
- "name": "add",
4420
- "parameters": [
4421
- {
4422
- "name": "value",
4423
- "type": {
4424
- "text": "any"
4425
- }
4426
- }
4427
- ]
4339
+ "name": "#handleTrailingIconSlotChange"
4428
4340
  },
4429
4341
  {
4430
- "kind": "field",
4431
- "name": "#removeChip",
4432
- "privacy": "private"
4342
+ "kind": "method",
4343
+ "name": "#handleLeadingIconSlotChange"
4433
4344
  },
4434
4345
  {
4435
4346
  "kind": "method",
4436
- "name": "#updated"
4347
+ "name": "#handleSelectedIconSlotChange"
4437
4348
  },
4438
4349
  {
4439
4350
  "kind": "method",
4440
- "name": "getItemLabel",
4441
- "privacy": "private",
4351
+ "name": "handleClick",
4352
+ "privacy": "protected",
4353
+ "return": {
4354
+ "type": {
4355
+ "text": "void"
4356
+ }
4357
+ },
4442
4358
  "parameters": [
4443
4359
  {
4444
- "name": "item",
4360
+ "name": "event",
4445
4361
  "type": {
4446
- "text": "any"
4362
+ "text": "UIEvent"
4447
4363
  }
4448
4364
  }
4449
- ]
4365
+ ],
4366
+ "inheritedFrom": {
4367
+ "name": "UmButtonWrapper",
4368
+ "module": "src/shared/button-wrapper.ts"
4369
+ }
4450
4370
  },
4451
4371
  {
4452
- "kind": "field",
4453
- "name": "formAssociated",
4454
- "type": {
4455
- "text": "boolean"
4372
+ "kind": "method",
4373
+ "name": "renderContent",
4374
+ "privacy": "protected",
4375
+ "return": {
4376
+ "type": {
4377
+ "text": "HTMLTemplateResult"
4378
+ }
4456
4379
  },
4457
- "static": true,
4458
- "default": "true",
4459
4380
  "inheritedFrom": {
4460
- "name": "UmTextFieldBase",
4461
- "module": "src/shared/text-field-base/text-field-base.ts"
4381
+ "name": "UmButtonWrapper",
4382
+ "module": "src/shared/button-wrapper.ts"
4462
4383
  }
4463
4384
  },
4464
4385
  {
4465
4386
  "kind": "field",
4466
- "name": "shadowRootOptions",
4387
+ "name": "disabled",
4467
4388
  "type": {
4468
- "text": "ShadowRootInit"
4389
+ "text": "boolean"
4469
4390
  },
4470
- "static": true,
4471
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
4391
+ "default": "false",
4392
+ "description": "Whether the button is disabled or not.",
4393
+ "attribute": "disabled",
4394
+ "reflects": true,
4472
4395
  "inheritedFrom": {
4473
- "name": "UmTextFieldBase",
4474
- "module": "src/shared/text-field-base/text-field-base.ts"
4396
+ "name": "UmButtonWrapper",
4397
+ "module": "src/shared/button-wrapper.ts"
4475
4398
  }
4476
4399
  },
4477
4400
  {
4478
4401
  "kind": "field",
4479
- "name": "variant",
4480
- "attribute": "variant",
4402
+ "name": "renderRipple",
4403
+ "type": {
4404
+ "text": "boolean"
4405
+ },
4406
+ "default": "true",
4481
4407
  "inheritedFrom": {
4482
- "name": "UmTextFieldBase",
4483
- "module": "src/shared/text-field-base/text-field-base.ts"
4408
+ "name": "UmButtonWrapper",
4409
+ "module": "src/shared/button-wrapper.ts"
4484
4410
  }
4485
4411
  },
4486
4412
  {
4487
4413
  "kind": "field",
4488
- "name": "label",
4414
+ "name": "href",
4489
4415
  "type": {
4490
4416
  "text": "string | undefined"
4491
4417
  },
4492
- "attribute": "label",
4418
+ "description": "The URL that the link button points to.",
4419
+ "attribute": "href",
4493
4420
  "inheritedFrom": {
4494
- "name": "UmTextFieldBase",
4495
- "module": "src/shared/text-field-base/text-field-base.ts"
4421
+ "name": "UmButtonWrapper",
4422
+ "module": "src/shared/button-wrapper.ts"
4496
4423
  }
4497
4424
  },
4498
4425
  {
4499
4426
  "kind": "field",
4500
- "name": "counter",
4427
+ "name": "target",
4501
4428
  "type": {
4502
4429
  "text": "string | undefined"
4503
4430
  },
4504
- "attribute": "counter",
4431
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4432
+ "attribute": "target",
4505
4433
  "inheritedFrom": {
4506
- "name": "UmTextFieldBase",
4507
- "module": "src/shared/text-field-base/text-field-base.ts"
4434
+ "name": "UmButtonWrapper",
4435
+ "module": "src/shared/button-wrapper.ts"
4508
4436
  }
4509
4437
  },
4510
4438
  {
4511
4439
  "kind": "field",
4512
- "name": "placeholder",
4440
+ "name": "name",
4513
4441
  "type": {
4514
4442
  "text": "string | undefined"
4515
4443
  },
4516
- "attribute": "placeholder",
4517
- "reflects": true,
4444
+ "attribute": "name",
4518
4445
  "inheritedFrom": {
4519
- "name": "UmTextFieldBase",
4520
- "module": "src/shared/text-field-base/text-field-base.ts"
4446
+ "name": "UmButtonWrapper",
4447
+ "module": "src/shared/button-wrapper.ts"
4521
4448
  }
4522
4449
  },
4523
4450
  {
4524
4451
  "kind": "field",
4525
- "name": "supportingText",
4452
+ "name": "buttonElement",
4526
4453
  "type": {
4527
- "text": "string | undefined"
4454
+ "text": "HTMLElement"
4528
4455
  },
4529
- "attribute": "supporting-text",
4456
+ "privacy": "protected",
4530
4457
  "inheritedFrom": {
4531
- "name": "UmTextFieldBase",
4532
- "module": "src/shared/text-field-base/text-field-base.ts"
4458
+ "name": "UmButtonWrapper",
4459
+ "module": "src/shared/button-wrapper.ts"
4533
4460
  }
4534
4461
  },
4535
4462
  {
4536
4463
  "kind": "field",
4537
- "name": "errorText",
4464
+ "name": "ripple",
4538
4465
  "type": {
4539
- "text": "string | undefined"
4466
+ "text": "UmRipple"
4540
4467
  },
4541
- "attribute": "error-text",
4468
+ "privacy": "private",
4542
4469
  "inheritedFrom": {
4543
- "name": "UmTextFieldBase",
4544
- "module": "src/shared/text-field-base/text-field-base.ts"
4470
+ "name": "UmButtonWrapper",
4471
+ "module": "src/shared/button-wrapper.ts"
4545
4472
  }
4546
4473
  },
4547
4474
  {
4548
4475
  "kind": "field",
4549
- "name": "disabled",
4476
+ "name": "innerRole",
4550
4477
  "type": {
4551
- "text": "boolean"
4478
+ "text": "string | null"
4552
4479
  },
4553
- "default": "false",
4554
- "attribute": "disabled",
4555
- "reflects": true,
4480
+ "privacy": "protected",
4481
+ "default": "null",
4556
4482
  "inheritedFrom": {
4557
- "name": "UmTextFieldBase",
4558
- "module": "src/shared/text-field-base/text-field-base.ts"
4483
+ "name": "UmButtonWrapper",
4484
+ "module": "src/shared/button-wrapper.ts"
4559
4485
  }
4560
4486
  },
4561
4487
  {
4562
4488
  "kind": "field",
4563
- "name": "invalid",
4489
+ "name": "pathname",
4564
4490
  "type": {
4565
- "text": "boolean"
4491
+ "text": "string"
4566
4492
  },
4567
- "default": "false",
4568
- "attribute": "invalid",
4569
- "reflects": true,
4570
4493
  "inheritedFrom": {
4571
- "name": "UmTextFieldBase",
4572
- "module": "src/shared/text-field-base/text-field-base.ts"
4494
+ "name": "UmButtonWrapper",
4495
+ "module": "src/shared/button-wrapper.ts"
4573
4496
  }
4574
4497
  },
4575
4498
  {
4576
- "kind": "field",
4577
- "name": "form",
4578
- "type": {
4579
- "text": "HTMLFormElement | null"
4580
- },
4499
+ "kind": "method",
4500
+ "name": "renderButton",
4501
+ "privacy": "private",
4581
4502
  "inheritedFrom": {
4582
- "name": "UmTextFieldBase",
4583
- "module": "src/shared/text-field-base/text-field-base.ts"
4503
+ "name": "UmButtonWrapper",
4504
+ "module": "src/shared/button-wrapper.ts"
4584
4505
  }
4585
4506
  },
4586
4507
  {
4587
- "kind": "field",
4588
- "name": "elementInternals",
4589
- "type": {
4590
- "text": "ElementInternals"
4591
- },
4592
- "privacy": "protected",
4508
+ "kind": "method",
4509
+ "name": "renderLink",
4510
+ "privacy": "private",
4593
4511
  "inheritedFrom": {
4594
- "name": "UmTextFieldBase",
4595
- "module": "src/shared/text-field-base/text-field-base.ts"
4512
+ "name": "UmButtonWrapper",
4513
+ "module": "src/shared/button-wrapper.ts"
4514
+ }
4515
+ },
4516
+ {
4517
+ "kind": "method",
4518
+ "name": "focus",
4519
+ "inheritedFrom": {
4520
+ "name": "UmButtonWrapper",
4521
+ "module": "src/shared/button-wrapper.ts"
4522
+ }
4523
+ },
4524
+ {
4525
+ "kind": "method",
4526
+ "name": "blur",
4527
+ "inheritedFrom": {
4528
+ "name": "UmButtonWrapper",
4529
+ "module": "src/shared/button-wrapper.ts"
4530
+ }
4531
+ },
4532
+ {
4533
+ "kind": "method",
4534
+ "name": "getAriaLabel",
4535
+ "privacy": "protected",
4536
+ "return": {
4537
+ "type": {
4538
+ "text": "string | null"
4539
+ }
4540
+ },
4541
+ "inheritedFrom": {
4542
+ "name": "UmButtonWrapper",
4543
+ "module": "src/shared/button-wrapper.ts"
4544
+ }
4545
+ },
4546
+ {
4547
+ "kind": "method",
4548
+ "name": "innerFocusHandler",
4549
+ "privacy": "private",
4550
+ "return": {
4551
+ "type": {
4552
+ "text": "void"
4553
+ }
4554
+ },
4555
+ "inheritedFrom": {
4556
+ "name": "UmButtonWrapper",
4557
+ "module": "src/shared/button-wrapper.ts"
4558
+ }
4559
+ },
4560
+ {
4561
+ "kind": "method",
4562
+ "name": "#innerClickHandler",
4563
+ "return": {
4564
+ "type": {
4565
+ "text": "void"
4566
+ }
4567
+ },
4568
+ "parameters": [
4569
+ {
4570
+ "name": "event",
4571
+ "type": {
4572
+ "text": "MouseEvent"
4573
+ }
4574
+ }
4575
+ ],
4576
+ "inheritedFrom": {
4577
+ "name": "UmButtonWrapper",
4578
+ "module": "src/shared/button-wrapper.ts"
4596
4579
  }
4597
4580
  }
4598
4581
  ],
@@ -4606,138 +4589,155 @@
4606
4589
  ],
4607
4590
  "attributes": [
4608
4591
  {
4609
- "name": "name",
4592
+ "name": "selected",
4610
4593
  "type": {
4611
- "text": "string"
4594
+ "text": "boolean"
4612
4595
  },
4613
- "fieldName": "name"
4596
+ "default": "false",
4597
+ "description": "Whether the chip is selected or not",
4598
+ "fieldName": "selected"
4614
4599
  },
4615
4600
  {
4616
- "name": "manual",
4601
+ "name": "clickable",
4602
+ "type": {
4603
+ "text": "boolean"
4604
+ },
4605
+ "fieldName": "clickable"
4606
+ },
4607
+ {
4608
+ "name": "elevated",
4617
4609
  "type": {
4618
4610
  "text": "boolean"
4619
4611
  },
4620
4612
  "default": "false",
4621
- "fieldName": "manual"
4613
+ "description": "Adds elevation to the chip",
4614
+ "fieldName": "elevated"
4622
4615
  },
4623
4616
  {
4624
- "name": "formatter",
4617
+ "name": "toggle",
4625
4618
  "type": {
4626
- "text": "((value: any) => string) | undefined"
4619
+ "text": "boolean"
4627
4620
  },
4628
- "fieldName": "formatter"
4621
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
4622
+ "fieldName": "toggle"
4629
4623
  },
4630
4624
  {
4631
- "name": "variant",
4632
- "fieldName": "variant",
4633
- "inheritedFrom": {
4634
- "name": "UmTextFieldBase",
4635
- "module": "src/shared/text-field-base/text-field-base.ts"
4636
- }
4625
+ "name": "removable",
4626
+ "type": {
4627
+ "text": "boolean"
4628
+ },
4629
+ "default": "false",
4630
+ "description": "Add the remove icon",
4631
+ "fieldName": "removable"
4637
4632
  },
4638
4633
  {
4639
- "name": "label",
4634
+ "name": "hide-selected-icon",
4640
4635
  "type": {
4641
- "text": "string | undefined"
4636
+ "text": "boolean"
4642
4637
  },
4643
- "fieldName": "label",
4644
- "inheritedFrom": {
4645
- "name": "UmTextFieldBase",
4646
- "module": "src/shared/text-field-base/text-field-base.ts"
4647
- }
4638
+ "default": "false",
4639
+ "description": "Hide the selected icon",
4640
+ "fieldName": "hideSelectedIcon"
4648
4641
  },
4649
4642
  {
4650
- "name": "counter",
4643
+ "name": "has-leading-icon",
4651
4644
  "type": {
4652
- "text": "string | undefined"
4645
+ "text": "boolean"
4653
4646
  },
4654
- "fieldName": "counter",
4655
- "inheritedFrom": {
4656
- "name": "UmTextFieldBase",
4657
- "module": "src/shared/text-field-base/text-field-base.ts"
4658
- }
4647
+ "default": "false",
4648
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4649
+ "fieldName": "hasLeadingIcon"
4659
4650
  },
4660
4651
  {
4661
- "name": "placeholder",
4652
+ "name": "has-selected-icon",
4662
4653
  "type": {
4663
- "text": "string | undefined"
4654
+ "text": "boolean"
4664
4655
  },
4665
- "fieldName": "placeholder",
4666
- "inheritedFrom": {
4667
- "name": "UmTextFieldBase",
4668
- "module": "src/shared/text-field-base/text-field-base.ts"
4669
- }
4656
+ "default": "false",
4657
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4658
+ "fieldName": "hasSelectedIcon"
4670
4659
  },
4671
4660
  {
4672
- "name": "supporting-text",
4661
+ "name": "has-trailing-icon",
4673
4662
  "type": {
4674
- "text": "string | undefined"
4663
+ "text": "boolean"
4675
4664
  },
4676
- "fieldName": "supportingText",
4665
+ "default": "false",
4666
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4667
+ "fieldName": "hasTrailingIcon"
4668
+ },
4669
+ {
4670
+ "name": "disabled",
4671
+ "type": {
4672
+ "text": "boolean"
4673
+ },
4674
+ "default": "false",
4675
+ "description": "Whether the button is disabled or not.",
4676
+ "fieldName": "disabled",
4677
4677
  "inheritedFrom": {
4678
- "name": "UmTextFieldBase",
4679
- "module": "src/shared/text-field-base/text-field-base.ts"
4678
+ "name": "UmButtonWrapper",
4679
+ "module": "src/shared/button-wrapper.ts"
4680
4680
  }
4681
4681
  },
4682
4682
  {
4683
- "name": "error-text",
4683
+ "name": "href",
4684
4684
  "type": {
4685
4685
  "text": "string | undefined"
4686
4686
  },
4687
- "fieldName": "errorText",
4687
+ "description": "The URL that the link button points to.",
4688
+ "fieldName": "href",
4688
4689
  "inheritedFrom": {
4689
- "name": "UmTextFieldBase",
4690
- "module": "src/shared/text-field-base/text-field-base.ts"
4690
+ "name": "UmButtonWrapper",
4691
+ "module": "src/shared/button-wrapper.ts"
4691
4692
  }
4692
4693
  },
4693
4694
  {
4694
- "name": "disabled",
4695
+ "name": "target",
4695
4696
  "type": {
4696
- "text": "boolean"
4697
+ "text": "string | undefined"
4697
4698
  },
4698
- "default": "false",
4699
- "fieldName": "disabled",
4699
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4700
+ "fieldName": "target",
4700
4701
  "inheritedFrom": {
4701
- "name": "UmTextFieldBase",
4702
- "module": "src/shared/text-field-base/text-field-base.ts"
4702
+ "name": "UmButtonWrapper",
4703
+ "module": "src/shared/button-wrapper.ts"
4703
4704
  }
4704
4705
  },
4705
4706
  {
4706
- "name": "invalid",
4707
+ "name": "name",
4707
4708
  "type": {
4708
- "text": "boolean"
4709
+ "text": "string | undefined"
4709
4710
  },
4710
- "default": "false",
4711
- "fieldName": "invalid",
4711
+ "fieldName": "name",
4712
4712
  "inheritedFrom": {
4713
- "name": "UmTextFieldBase",
4714
- "module": "src/shared/text-field-base/text-field-base.ts"
4713
+ "name": "UmButtonWrapper",
4714
+ "module": "src/shared/button-wrapper.ts"
4715
4715
  }
4716
4716
  }
4717
4717
  ],
4718
4718
  "superclass": {
4719
- "name": "UmTextFieldBase",
4720
- "module": "/src/shared/text-field-base/text-field-base.js"
4719
+ "name": "UmButtonWrapper",
4720
+ "module": "/src/shared/button-wrapper.js"
4721
4721
  },
4722
- "tagName": "u-chip-field",
4722
+ "tagName": "u-chip",
4723
4723
  "customElement": true
4724
4724
  }
4725
4725
  ],
4726
4726
  "exports": [
4727
4727
  {
4728
4728
  "kind": "js",
4729
- "name": "UmChipField",
4729
+ "name": "UmChip",
4730
4730
  "declaration": {
4731
- "name": "UmChipField",
4732
- "module": "src/chip-field/chip-field.ts"
4731
+ "name": "UmChip",
4732
+ "module": "src/chip/chip.ts"
4733
4733
  }
4734
4734
  },
4735
4735
  {
4736
4736
  "kind": "custom-element-definition",
4737
- "name": "u-chip-field",
4737
+ "name": "u-chip",
4738
4738
  "declaration": {
4739
- "name": "UmChipField",
4740
- "module": "src/chip-field/chip-field.ts"
4739
+ "name": "UmChip",
4740
+ "module": "src/chip/chip.ts"
4741
4741
  }
4742
4742
  }
4743
4743
  ]
@@ -8024,338 +8024,322 @@
8024
8024
  },
8025
8025
  {
8026
8026
  "kind": "javascript-module",
8027
- "path": "src/switch/switch-list-item.ts",
8027
+ "path": "src/snackbar/snackbar.styles.ts",
8028
+ "declarations": [
8029
+ {
8030
+ "kind": "variable",
8031
+ "name": "styles",
8032
+ "default": "css `\n :host {\n --u-elevation-level: var(--u-snackbar-elevation-level, 3);\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px));\n position: fixed;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--_snackbar-margin);\n z-index: var(--u-snackbar-z-index, 1070);\n display: flex;\n justify-content: center;\n }\n\n .snackbar {\n display: flex;\n align-items: center;\n min-height: var(--u-snackbar-height, 48px);\n color: var(--u-snackbar-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n background-color: var(--u-snackbar-background-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px));\n animation-name: snackbar-fade-in;\n animation-duration: 450ms;\n animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n animation-fill-mode: forwards;\n min-width: var(--u-snackbar-min-width, 100%);\n max-width: var(--u-snackbar-max-width, 100%);\n }\n .snackbar.dismiss {\n animation-name: snackbar-fade-out;\n }\n\n u-button {\n color: var(--u-color-inverse-primary, );\n margin-inline: var(--u-snackbar-text-button-margin, var(--u-spacing-small, 8px));\n }\n\n u-icon-button {\n color: var(--u-color-on-inverse-surface, rgb(245, 239, 247));\n margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px));\n }\n\n .label {\n flex: 1;\n overflow: hidden;\n color: var(--u-on-inverse-surface-color);\n padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px));\n line-height: 18px;\n }\n\n @media (min-width: 840px) {\n :host {\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px));\n }\n .snackbar {\n min-width: var(--u-snackbar-min-width, 288px);\n max-width: var(--u-snackbar-max-width, 568px);\n }\n }\n @keyframes snackbar-fade-in {\n 0% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes snackbar-fade-out {\n 0% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n }\n`"
8033
+ }
8034
+ ],
8035
+ "exports": [
8036
+ {
8037
+ "kind": "js",
8038
+ "name": "styles",
8039
+ "declaration": {
8040
+ "name": "styles",
8041
+ "module": "src/snackbar/snackbar.styles.ts"
8042
+ }
8043
+ }
8044
+ ]
8045
+ },
8046
+ {
8047
+ "kind": "javascript-module",
8048
+ "path": "src/snackbar/snackbar.ts",
8028
8049
  "declarations": [
8029
8050
  {
8030
8051
  "kind": "class",
8031
8052
  "description": "",
8032
- "name": "UmSwitchListItem",
8033
- "mixins": [
8034
- {
8035
- "name": "mixinSelectionControlListItem",
8036
- "module": "/src/shared/selection-control/selection-control-list-item.js"
8037
- }
8038
- ],
8039
- "superclass": {
8040
- "name": "UmSwitch",
8041
- "module": "/src/switch/switch.js"
8042
- },
8043
- "tagName": "u-switch-list-item",
8044
- "customElement": true,
8053
+ "name": "UmSnackbar",
8045
8054
  "members": [
8046
8055
  {
8047
8056
  "kind": "field",
8048
- "name": "styles",
8057
+ "name": "label",
8049
8058
  "type": {
8050
- "text": "array"
8059
+ "text": "string"
8051
8060
  },
8052
- "static": true,
8053
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`:host {\n --u-list-item-block-padding: 0;\n display: block;\n }`\n ]",
8054
- "inheritedFrom": {
8055
- "name": "mixinSelectionControlListItem",
8056
- "module": "src/shared/selection-control/selection-control-list-item.ts"
8057
- }
8061
+ "default": "''",
8062
+ "attribute": "label",
8063
+ "reflects": true
8058
8064
  },
8059
8065
  {
8060
- "kind": "method",
8061
- "name": "render",
8062
- "return": {
8063
- "type": {
8064
- "text": "HTMLTemplateResult"
8065
- }
8066
+ "kind": "field",
8067
+ "name": "buttonLabel",
8068
+ "type": {
8069
+ "text": "string"
8066
8070
  },
8067
- "inheritedFrom": {
8068
- "name": "mixinSelectionControlListItem",
8069
- "module": "src/shared/selection-control/selection-control-list-item.ts"
8070
- }
8071
+ "default": "''",
8072
+ "attribute": "buttonLabel",
8073
+ "reflects": true
8071
8074
  },
8072
8075
  {
8073
8076
  "kind": "field",
8074
- "name": "renderRipple",
8077
+ "name": "showClose",
8075
8078
  "type": {
8076
8079
  "text": "boolean"
8077
8080
  },
8078
- "privacy": "protected",
8079
8081
  "default": "false",
8080
- "inheritedFrom": {
8081
- "name": "UmSelectionControl",
8082
- "module": "src/shared/selection-control/selection-control.ts"
8083
- }
8084
- },
8085
- {
8086
- "kind": "method",
8087
- "name": "renderIndicator",
8088
- "privacy": "protected",
8089
- "return": {
8090
- "type": {
8091
- "text": "HTMLTemplateResult"
8092
- }
8093
- },
8094
- "inheritedFrom": {
8095
- "name": "UmSelectionControl",
8096
- "module": "src/shared/selection-control/selection-control.ts"
8097
- }
8082
+ "attribute": "show-close",
8083
+ "reflects": true
8098
8084
  },
8099
8085
  {
8100
8086
  "kind": "field",
8101
- "name": "formAssociated",
8087
+ "name": "dismissed",
8102
8088
  "type": {
8103
8089
  "text": "boolean"
8104
8090
  },
8105
- "static": true,
8106
- "default": "true",
8107
- "inheritedFrom": {
8108
- "name": "UmSelectionControl",
8109
- "module": "src/shared/selection-control/selection-control.ts"
8110
- }
8091
+ "default": "false",
8092
+ "attribute": "dismissed",
8093
+ "reflects": true
8111
8094
  },
8112
8095
  {
8113
8096
  "kind": "field",
8114
- "name": "elementInternals",
8097
+ "name": "duration",
8115
8098
  "type": {
8116
- "text": "ElementInternals"
8099
+ "text": "SnackbarDuration"
8117
8100
  },
8118
- "privacy": "protected",
8119
- "inheritedFrom": {
8120
- "name": "UmSelectionControl",
8121
- "module": "src/shared/selection-control/selection-control.ts"
8122
- }
8101
+ "privacy": "private"
8123
8102
  },
8124
8103
  {
8125
8104
  "kind": "field",
8126
- "name": "name",
8105
+ "name": "snackbar",
8127
8106
  "type": {
8128
- "text": "string | undefined"
8107
+ "text": "HTMLElement"
8129
8108
  },
8130
- "default": "''",
8131
- "attribute": "name",
8132
- "inheritedFrom": {
8133
- "name": "UmSelectionControl",
8134
- "module": "src/shared/selection-control/selection-control.ts"
8135
- }
8109
+ "privacy": "private"
8136
8110
  },
8137
8111
  {
8138
- "kind": "field",
8139
- "name": "disabled",
8140
- "type": {
8141
- "text": "boolean"
8142
- },
8143
- "default": "false",
8144
- "attribute": "disabled",
8145
- "reflects": true,
8146
- "inheritedFrom": {
8147
- "name": "UmSelectionControl",
8148
- "module": "src/shared/selection-control/selection-control.ts"
8149
- }
8112
+ "kind": "method",
8113
+ "name": "renderButton",
8114
+ "privacy": "private"
8150
8115
  },
8151
8116
  {
8152
- "kind": "field",
8153
- "name": "input",
8154
- "type": {
8155
- "text": "HTMLInputElement"
8156
- },
8157
- "inheritedFrom": {
8158
- "name": "UmSelectionControl",
8159
- "module": "src/shared/selection-control/selection-control.ts"
8117
+ "kind": "method",
8118
+ "name": "renderCloseButton",
8119
+ "privacy": "private"
8120
+ },
8121
+ {
8122
+ "kind": "method",
8123
+ "name": "dismiss",
8124
+ "return": {
8125
+ "type": {
8126
+ "text": "void"
8127
+ }
8160
8128
  }
8161
8129
  },
8162
8130
  {
8163
8131
  "kind": "field",
8164
- "name": "form",
8132
+ "name": "_queue",
8165
8133
  "type": {
8166
- "text": "HTMLFormElement | null"
8134
+ "text": "UmSnackbar[]"
8167
8135
  },
8168
- "inheritedFrom": {
8169
- "name": "UmSelectionControl",
8170
- "module": "src/shared/selection-control/selection-control.ts"
8171
- }
8136
+ "privacy": "private",
8137
+ "static": true,
8138
+ "default": "[]"
8172
8139
  },
8173
8140
  {
8174
8141
  "kind": "field",
8175
- "name": "#checked",
8176
- "privacy": "private",
8142
+ "name": "_consuming",
8177
8143
  "type": {
8178
8144
  "text": "boolean"
8179
8145
  },
8180
- "default": "false",
8181
- "inheritedFrom": {
8182
- "name": "UmSelectionControl",
8183
- "module": "src/shared/selection-control/selection-control.ts"
8184
- }
8146
+ "privacy": "private",
8147
+ "static": true
8185
8148
  },
8186
8149
  {
8187
- "kind": "field",
8188
- "name": "inputType",
8189
- "type": {
8190
- "text": "'checkbox' | 'radio'"
8150
+ "kind": "method",
8151
+ "name": "show",
8152
+ "static": true,
8153
+ "return": {
8154
+ "type": {
8155
+ "text": "UmSnackbar"
8156
+ }
8191
8157
  },
8192
- "privacy": "protected",
8193
- "default": "'checkbox'",
8194
- "inheritedFrom": {
8195
- "name": "UmSelectionControl",
8196
- "module": "src/shared/selection-control/selection-control.ts"
8197
- }
8158
+ "parameters": [
8159
+ {
8160
+ "name": "label",
8161
+ "type": {
8162
+ "text": "string"
8163
+ }
8164
+ }
8165
+ ]
8198
8166
  },
8199
8167
  {
8200
- "kind": "field",
8201
- "name": "value",
8202
- "type": {
8203
- "text": "string"
8168
+ "kind": "method",
8169
+ "name": "show",
8170
+ "static": true,
8171
+ "return": {
8172
+ "type": {
8173
+ "text": "UmSnackbar"
8174
+ }
8204
8175
  },
8205
- "default": "'on'",
8206
- "description": "The element value to use in form submission when checked.",
8207
- "attribute": "value",
8208
- "inheritedFrom": {
8209
- "name": "UmSelectionControl",
8210
- "module": "src/shared/selection-control/selection-control.ts"
8211
- }
8176
+ "parameters": [
8177
+ {
8178
+ "name": "config",
8179
+ "type": {
8180
+ "text": "SnackbarConfig"
8181
+ }
8182
+ }
8183
+ ]
8212
8184
  },
8213
8185
  {
8214
- "kind": "field",
8215
- "name": "checked",
8216
- "attribute": "checked",
8217
- "inheritedFrom": {
8218
- "name": "UmSelectionControl",
8219
- "module": "src/shared/selection-control/selection-control.ts"
8220
- }
8186
+ "kind": "method",
8187
+ "name": "show",
8188
+ "static": true,
8189
+ "return": {
8190
+ "type": {
8191
+ "text": "UmSnackbar"
8192
+ }
8193
+ },
8194
+ "parameters": [
8195
+ {
8196
+ "name": "configOrLabel",
8197
+ "type": {
8198
+ "text": "SnackbarConfig | string"
8199
+ }
8200
+ }
8201
+ ]
8221
8202
  },
8222
8203
  {
8223
8204
  "kind": "method",
8224
- "name": "#handleClick",
8205
+ "name": "consumeQueue",
8206
+ "privacy": "private",
8207
+ "static": true
8208
+ },
8209
+ {
8210
+ "kind": "method",
8211
+ "name": "showNext",
8212
+ "privacy": "private",
8213
+ "static": true
8214
+ },
8215
+ {
8216
+ "kind": "method",
8217
+ "name": "createSnackbar",
8218
+ "privacy": "private",
8219
+ "static": true,
8220
+ "return": {
8221
+ "type": {
8222
+ "text": "UmSnackbar"
8223
+ }
8224
+ },
8225
8225
  "parameters": [
8226
8226
  {
8227
- "name": "e",
8227
+ "name": "config",
8228
8228
  "type": {
8229
- "text": "Event"
8229
+ "text": "SnackbarConfig"
8230
8230
  }
8231
8231
  }
8232
- ],
8233
- "inheritedFrom": {
8234
- "name": "UmSelectionControl",
8235
- "module": "src/shared/selection-control/selection-control.ts"
8236
- }
8232
+ ]
8237
8233
  }
8238
8234
  ],
8239
8235
  "attributes": [
8240
8236
  {
8241
- "name": "name",
8237
+ "name": "label",
8242
8238
  "type": {
8243
- "text": "string | undefined"
8239
+ "text": "string"
8244
8240
  },
8245
8241
  "default": "''",
8246
- "fieldName": "name",
8247
- "inheritedFrom": {
8248
- "name": "UmSelectionControl",
8249
- "module": "src/shared/selection-control/selection-control.ts"
8250
- }
8242
+ "fieldName": "label"
8251
8243
  },
8252
8244
  {
8253
- "name": "disabled",
8245
+ "name": "buttonLabel",
8254
8246
  "type": {
8255
- "text": "boolean"
8247
+ "text": "string"
8256
8248
  },
8257
- "default": "false",
8258
- "fieldName": "disabled",
8259
- "inheritedFrom": {
8260
- "name": "UmSelectionControl",
8261
- "module": "src/shared/selection-control/selection-control.ts"
8262
- }
8263
- },
8264
- {
8265
- "name": "value",
8266
- "type": {
8267
- "text": "string"
8268
- },
8269
- "default": "'on'",
8270
- "description": "The element value to use in form submission when checked.",
8271
- "fieldName": "value",
8272
- "inheritedFrom": {
8273
- "name": "UmSelectionControl",
8274
- "module": "src/shared/selection-control/selection-control.ts"
8275
- }
8249
+ "default": "''",
8250
+ "fieldName": "buttonLabel"
8276
8251
  },
8277
8252
  {
8278
- "name": "checked",
8279
- "fieldName": "checked",
8280
- "inheritedFrom": {
8281
- "name": "UmSelectionControl",
8282
- "module": "src/shared/selection-control/selection-control.ts"
8283
- }
8284
- }
8285
- ],
8286
- "events": [
8287
- {
8288
- "name": "input",
8253
+ "name": "show-close",
8289
8254
  "type": {
8290
- "text": "InputEvent"
8255
+ "text": "boolean"
8291
8256
  },
8292
- "inheritedFrom": {
8293
- "name": "UmSelectionControl",
8294
- "module": "src/shared/selection-control/selection-control.ts"
8295
- }
8257
+ "default": "false",
8258
+ "fieldName": "showClose"
8296
8259
  },
8297
8260
  {
8298
- "name": "change",
8261
+ "name": "dismissed",
8299
8262
  "type": {
8300
- "text": "Event"
8263
+ "text": "boolean"
8301
8264
  },
8302
- "inheritedFrom": {
8303
- "name": "UmSelectionControl",
8304
- "module": "src/shared/selection-control/selection-control.ts"
8305
- }
8265
+ "default": "false",
8266
+ "fieldName": "dismissed"
8306
8267
  }
8307
- ]
8268
+ ],
8269
+ "superclass": {
8270
+ "name": "LitElement",
8271
+ "package": "lit"
8272
+ },
8273
+ "tagName": "u-snackbar",
8274
+ "customElement": true
8308
8275
  }
8309
8276
  ],
8310
8277
  "exports": [
8311
8278
  {
8312
8279
  "kind": "js",
8313
- "name": "UmSwitchListItem",
8280
+ "name": "UmSnackbar",
8314
8281
  "declaration": {
8315
- "name": "UmSwitchListItem",
8316
- "module": "src/switch/switch-list-item.ts"
8282
+ "name": "UmSnackbar",
8283
+ "module": "src/snackbar/snackbar.ts"
8317
8284
  }
8318
8285
  },
8319
8286
  {
8320
8287
  "kind": "custom-element-definition",
8321
- "name": "u-switch-list-item",
8322
- "declaration": {
8323
- "name": "UmSwitchListItem",
8324
- "module": "src/switch/switch-list-item.ts"
8325
- }
8326
- }
8327
- ]
8328
- },
8329
- {
8330
- "kind": "javascript-module",
8331
- "path": "src/switch/switch.styles.ts",
8332
- "declarations": [
8333
- {
8334
- "kind": "variable",
8335
- "name": "styles",
8336
- "default": "css `\n :host {\n --_state-layer-padding: var(--u-switch-state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u-switch-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u-switch-indicator-unselected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u-switch-disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u-switch-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n\n :host {\n --_width: 3.25rem;\n --_height: 2rem;\n --_state-layer-padding: 0;\n --_selected-track-background: var(--u-switch-track-background-color, var(--u-color-primary, rgb(103, 80, 164)));\n --_state-layer-size: var(--u-switch-state-layer-size, 2.5rem);\n --_unselected-color: var(--u-switch-track-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_unselected-handle-size: var(--u-swich-unselected-handle-size, 1rem);\n --_selected-handle-size: var(--u-swich-unselected-handle-size, 1.5rem);\n --_active-handle-size: var(--u-swich-unselected-handle-size, 1.75rem);\n }\n\n .indicator-container {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n width: var(--_height);\n transition: width 200ms;\n }\n\n .state-layer,\n .indicator {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .indicator {\n width: var(--_height);\n height: var(--_height);\n }\n\n .state-layer {\n flex-shrink: 0;\n width: var(--_state-layer-size);\n height: var(--_state-layer-size);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n .handle {\n width: var(--_unselected-handle-size);\n height: var(--_unselected-handle-size);\n background-color: var(--u-switch-unselected-handle-color, var(--_unselected-color));\n border-radius: var(--u-switch-handle-shape-corner, var(--u-shape-corner-full, 9999px));\n transition: background 200ms, width 200ms, height 200ms;\n }\n\n input {\n border: var(--u-switch-track-width, 0.125rem) solid var(--u-switch-unselected-track-outline-color, var(--_unselected-color));\n background-color: var(--u-switch-unselected-track-background-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n transition: background 200ms, border-color 200ms;\n }\n input:checked {\n background-color: var(--_selected-track-background);\n border-color: var(--_selected-track-background);\n }\n input:checked ~ .indicator-container {\n width: 100%;\n }\n input:checked ~ .indicator-container .handle {\n width: var(--_selected-handle-size);\n height: var(--_selected-handle-size);\n background-color: var(--u-switch-selected-handle-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .state-layer {\n background-color: rgba(var(--u-color-on-surface-rgb, ), var(--u-switch-state-layer-hover-opacity, var(--u-state-hover-opacity, 0.08)));\n }\n }\n :host(:not([disabled]):active) .indicator-container .handle {\n width: var(--_active-handle-size);\n height: var(--_active-handle-size);\n }\n`"
8337
- }
8338
- ],
8339
- "exports": [
8340
- {
8341
- "kind": "js",
8342
- "name": "styles",
8288
+ "name": "u-snackbar",
8343
8289
  "declaration": {
8344
- "name": "styles",
8345
- "module": "src/switch/switch.styles.ts"
8290
+ "name": "UmSnackbar",
8291
+ "module": "src/snackbar/snackbar.ts"
8346
8292
  }
8347
8293
  }
8348
8294
  ]
8349
8295
  },
8350
8296
  {
8351
8297
  "kind": "javascript-module",
8352
- "path": "src/switch/switch.ts",
8298
+ "path": "src/switch/switch-list-item.ts",
8353
8299
  "declarations": [
8354
8300
  {
8355
8301
  "kind": "class",
8356
8302
  "description": "",
8357
- "name": "UmSwitch",
8303
+ "name": "UmSwitchListItem",
8304
+ "mixins": [
8305
+ {
8306
+ "name": "mixinSelectionControlListItem",
8307
+ "module": "/src/shared/selection-control/selection-control-list-item.js"
8308
+ }
8309
+ ],
8310
+ "superclass": {
8311
+ "name": "UmSwitch",
8312
+ "module": "/src/switch/switch.js"
8313
+ },
8314
+ "tagName": "u-switch-list-item",
8315
+ "customElement": true,
8358
8316
  "members": [
8317
+ {
8318
+ "kind": "field",
8319
+ "name": "styles",
8320
+ "type": {
8321
+ "text": "array"
8322
+ },
8323
+ "static": true,
8324
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`:host {\n --u-list-item-block-padding: 0;\n display: block;\n }`\n ]",
8325
+ "inheritedFrom": {
8326
+ "name": "mixinSelectionControlListItem",
8327
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
8328
+ }
8329
+ },
8330
+ {
8331
+ "kind": "method",
8332
+ "name": "render",
8333
+ "return": {
8334
+ "type": {
8335
+ "text": "HTMLTemplateResult"
8336
+ }
8337
+ },
8338
+ "inheritedFrom": {
8339
+ "name": "mixinSelectionControlListItem",
8340
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
8341
+ }
8342
+ },
8359
8343
  {
8360
8344
  "kind": "field",
8361
8345
  "name": "renderRipple",
@@ -8523,12 +8507,6 @@
8523
8507
  }
8524
8508
  }
8525
8509
  ],
8526
- "superclass": {
8527
- "name": "UmSelectionControl",
8528
- "module": "/src/shared/selection-control/selection-control.js"
8529
- },
8530
- "tagName": "u-switch",
8531
- "customElement": true,
8532
8510
  "attributes": [
8533
8511
  {
8534
8512
  "name": "name",
@@ -8603,30 +8581,30 @@
8603
8581
  "exports": [
8604
8582
  {
8605
8583
  "kind": "js",
8606
- "name": "UmSwitch",
8584
+ "name": "UmSwitchListItem",
8607
8585
  "declaration": {
8608
- "name": "UmSwitch",
8609
- "module": "src/switch/switch.ts"
8586
+ "name": "UmSwitchListItem",
8587
+ "module": "src/switch/switch-list-item.ts"
8610
8588
  }
8611
8589
  },
8612
8590
  {
8613
8591
  "kind": "custom-element-definition",
8614
- "name": "u-switch",
8592
+ "name": "u-switch-list-item",
8615
8593
  "declaration": {
8616
- "name": "UmSwitch",
8617
- "module": "src/switch/switch.ts"
8594
+ "name": "UmSwitchListItem",
8595
+ "module": "src/switch/switch-list-item.ts"
8618
8596
  }
8619
8597
  }
8620
8598
  ]
8621
8599
  },
8622
8600
  {
8623
8601
  "kind": "javascript-module",
8624
- "path": "src/snackbar/snackbar.styles.ts",
8602
+ "path": "src/switch/switch.styles.ts",
8625
8603
  "declarations": [
8626
8604
  {
8627
8605
  "kind": "variable",
8628
8606
  "name": "styles",
8629
- "default": "css `\n :host {\n --u-elevation-level: var(--u-snackbar-elevation-level, 3);\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px));\n position: fixed;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--_snackbar-margin);\n z-index: var(--u-snackbar-z-index, 1070);\n display: flex;\n justify-content: center;\n }\n\n .snackbar {\n display: flex;\n align-items: center;\n min-height: var(--u-snackbar-height, 48px);\n color: var(--u-snackbar-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n background-color: var(--u-snackbar-background-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px));\n animation-name: snackbar-fade-in;\n animation-duration: 450ms;\n animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n animation-fill-mode: forwards;\n min-width: var(--u-snackbar-min-width, 100%);\n max-width: var(--u-snackbar-max-width, 100%);\n }\n .snackbar.dismiss {\n animation-name: snackbar-fade-out;\n }\n\n u-button {\n color: var(--u-color-inverse-primary, );\n margin-inline: var(--u-snackbar-text-button-margin, var(--u-spacing-small, 8px));\n }\n\n u-icon-button {\n color: var(--u-color-on-inverse-surface, rgb(245, 239, 247));\n margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px));\n }\n\n .label {\n flex: 1;\n overflow: hidden;\n color: var(--u-on-inverse-surface-color);\n padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px));\n line-height: 18px;\n }\n\n @media (min-width: 840px) {\n :host {\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px));\n }\n .snackbar {\n min-width: var(--u-snackbar-min-width, 288px);\n max-width: var(--u-snackbar-max-width, 568px);\n }\n }\n @keyframes snackbar-fade-in {\n 0% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes snackbar-fade-out {\n 0% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n }\n`"
8607
+ "default": "css `\n :host {\n --_state-layer-padding: var(--u-switch-state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u-switch-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u-switch-indicator-unselected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u-switch-disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u-switch-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n\n :host {\n --_width: 3.25rem;\n --_height: 2rem;\n --_state-layer-padding: 0;\n --_selected-track-background: var(--u-switch-track-background-color, var(--u-color-primary, rgb(103, 80, 164)));\n --_state-layer-size: var(--u-switch-state-layer-size, 2.5rem);\n --_unselected-color: var(--u-switch-track-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_unselected-handle-size: var(--u-swich-unselected-handle-size, 1rem);\n --_selected-handle-size: var(--u-swich-unselected-handle-size, 1.5rem);\n --_active-handle-size: var(--u-swich-unselected-handle-size, 1.75rem);\n }\n\n .indicator-container {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n width: var(--_height);\n transition: width 200ms;\n }\n\n .state-layer,\n .indicator {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .indicator {\n width: var(--_height);\n height: var(--_height);\n }\n\n .state-layer {\n flex-shrink: 0;\n width: var(--_state-layer-size);\n height: var(--_state-layer-size);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n .handle {\n width: var(--_unselected-handle-size);\n height: var(--_unselected-handle-size);\n background-color: var(--u-switch-unselected-handle-color, var(--_unselected-color));\n border-radius: var(--u-switch-handle-shape-corner, var(--u-shape-corner-full, 9999px));\n transition: background 200ms, width 200ms, height 200ms;\n }\n\n input {\n border: var(--u-switch-track-width, 0.125rem) solid var(--u-switch-unselected-track-outline-color, var(--_unselected-color));\n background-color: var(--u-switch-unselected-track-background-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n transition: background 200ms, border-color 200ms;\n }\n input:checked {\n background-color: var(--_selected-track-background);\n border-color: var(--_selected-track-background);\n }\n input:checked ~ .indicator-container {\n width: 100%;\n }\n input:checked ~ .indicator-container .handle {\n width: var(--_selected-handle-size);\n height: var(--_selected-handle-size);\n background-color: var(--u-switch-selected-handle-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .state-layer {\n background-color: rgba(var(--u-color-on-surface-rgb, ), var(--u-switch-state-layer-hover-opacity, var(--u-state-hover-opacity, 0.08)));\n }\n }\n :host(:not([disabled]):active) .indicator-container .handle {\n width: var(--_active-handle-size);\n height: var(--_active-handle-size);\n }\n`"
8630
8608
  }
8631
8609
  ],
8632
8610
  "exports": [
@@ -8635,815 +8613,741 @@
8635
8613
  "name": "styles",
8636
8614
  "declaration": {
8637
8615
  "name": "styles",
8638
- "module": "src/snackbar/snackbar.styles.ts"
8616
+ "module": "src/switch/switch.styles.ts"
8639
8617
  }
8640
8618
  }
8641
8619
  ]
8642
8620
  },
8643
8621
  {
8644
8622
  "kind": "javascript-module",
8645
- "path": "src/snackbar/snackbar.ts",
8623
+ "path": "src/switch/switch.ts",
8646
8624
  "declarations": [
8647
8625
  {
8648
8626
  "kind": "class",
8649
8627
  "description": "",
8650
- "name": "UmSnackbar",
8628
+ "name": "UmSwitch",
8651
8629
  "members": [
8652
8630
  {
8653
8631
  "kind": "field",
8654
- "name": "label",
8632
+ "name": "renderRipple",
8655
8633
  "type": {
8656
- "text": "string"
8634
+ "text": "boolean"
8657
8635
  },
8658
- "default": "''",
8659
- "attribute": "label",
8660
- "reflects": true
8636
+ "privacy": "protected",
8637
+ "default": "false",
8638
+ "inheritedFrom": {
8639
+ "name": "UmSelectionControl",
8640
+ "module": "src/shared/selection-control/selection-control.ts"
8641
+ }
8642
+ },
8643
+ {
8644
+ "kind": "method",
8645
+ "name": "renderIndicator",
8646
+ "privacy": "protected",
8647
+ "return": {
8648
+ "type": {
8649
+ "text": "HTMLTemplateResult"
8650
+ }
8651
+ },
8652
+ "inheritedFrom": {
8653
+ "name": "UmSelectionControl",
8654
+ "module": "src/shared/selection-control/selection-control.ts"
8655
+ }
8661
8656
  },
8662
8657
  {
8663
8658
  "kind": "field",
8664
- "name": "buttonLabel",
8659
+ "name": "formAssociated",
8665
8660
  "type": {
8666
- "text": "string"
8661
+ "text": "boolean"
8667
8662
  },
8668
- "default": "''",
8669
- "attribute": "buttonLabel",
8670
- "reflects": true
8663
+ "static": true,
8664
+ "default": "true",
8665
+ "inheritedFrom": {
8666
+ "name": "UmSelectionControl",
8667
+ "module": "src/shared/selection-control/selection-control.ts"
8668
+ }
8671
8669
  },
8672
8670
  {
8673
8671
  "kind": "field",
8674
- "name": "showClose",
8672
+ "name": "elementInternals",
8675
8673
  "type": {
8676
- "text": "boolean"
8674
+ "text": "ElementInternals"
8677
8675
  },
8678
- "default": "false",
8679
- "attribute": "show-close",
8680
- "reflects": true
8676
+ "privacy": "protected",
8677
+ "inheritedFrom": {
8678
+ "name": "UmSelectionControl",
8679
+ "module": "src/shared/selection-control/selection-control.ts"
8680
+ }
8681
8681
  },
8682
8682
  {
8683
8683
  "kind": "field",
8684
- "name": "dismissed",
8684
+ "name": "name",
8685
+ "type": {
8686
+ "text": "string | undefined"
8687
+ },
8688
+ "default": "''",
8689
+ "attribute": "name",
8690
+ "inheritedFrom": {
8691
+ "name": "UmSelectionControl",
8692
+ "module": "src/shared/selection-control/selection-control.ts"
8693
+ }
8694
+ },
8695
+ {
8696
+ "kind": "field",
8697
+ "name": "disabled",
8685
8698
  "type": {
8686
8699
  "text": "boolean"
8687
8700
  },
8688
8701
  "default": "false",
8689
- "attribute": "dismissed",
8690
- "reflects": true
8702
+ "attribute": "disabled",
8703
+ "reflects": true,
8704
+ "inheritedFrom": {
8705
+ "name": "UmSelectionControl",
8706
+ "module": "src/shared/selection-control/selection-control.ts"
8707
+ }
8691
8708
  },
8692
8709
  {
8693
8710
  "kind": "field",
8694
- "name": "duration",
8711
+ "name": "input",
8695
8712
  "type": {
8696
- "text": "SnackbarDuration"
8713
+ "text": "HTMLInputElement"
8697
8714
  },
8698
- "privacy": "private"
8715
+ "inheritedFrom": {
8716
+ "name": "UmSelectionControl",
8717
+ "module": "src/shared/selection-control/selection-control.ts"
8718
+ }
8699
8719
  },
8700
8720
  {
8701
8721
  "kind": "field",
8702
- "name": "snackbar",
8722
+ "name": "form",
8703
8723
  "type": {
8704
- "text": "HTMLElement"
8724
+ "text": "HTMLFormElement | null"
8705
8725
  },
8706
- "privacy": "private"
8707
- },
8708
- {
8709
- "kind": "method",
8710
- "name": "renderButton",
8711
- "privacy": "private"
8712
- },
8713
- {
8714
- "kind": "method",
8715
- "name": "renderCloseButton",
8716
- "privacy": "private"
8717
- },
8718
- {
8719
- "kind": "method",
8720
- "name": "dismiss",
8721
- "return": {
8722
- "type": {
8723
- "text": "void"
8724
- }
8725
- }
8726
+ "inheritedFrom": {
8727
+ "name": "UmSelectionControl",
8728
+ "module": "src/shared/selection-control/selection-control.ts"
8729
+ }
8726
8730
  },
8727
8731
  {
8728
8732
  "kind": "field",
8729
- "name": "_queue",
8730
- "type": {
8731
- "text": "UmSnackbar[]"
8732
- },
8733
+ "name": "#checked",
8733
8734
  "privacy": "private",
8734
- "static": true,
8735
- "default": "[]"
8736
- },
8737
- {
8738
- "kind": "field",
8739
- "name": "_consuming",
8740
8735
  "type": {
8741
8736
  "text": "boolean"
8742
8737
  },
8743
- "privacy": "private",
8744
- "static": true
8745
- },
8746
- {
8747
- "kind": "method",
8748
- "name": "show",
8749
- "static": true,
8750
- "return": {
8751
- "type": {
8752
- "text": "UmSnackbar"
8753
- }
8754
- },
8755
- "parameters": [
8756
- {
8757
- "name": "label",
8758
- "type": {
8759
- "text": "string"
8760
- }
8761
- }
8762
- ]
8738
+ "default": "false",
8739
+ "inheritedFrom": {
8740
+ "name": "UmSelectionControl",
8741
+ "module": "src/shared/selection-control/selection-control.ts"
8742
+ }
8763
8743
  },
8764
8744
  {
8765
- "kind": "method",
8766
- "name": "show",
8767
- "static": true,
8768
- "return": {
8769
- "type": {
8770
- "text": "UmSnackbar"
8771
- }
8745
+ "kind": "field",
8746
+ "name": "inputType",
8747
+ "type": {
8748
+ "text": "'checkbox' | 'radio'"
8772
8749
  },
8773
- "parameters": [
8774
- {
8775
- "name": "config",
8776
- "type": {
8777
- "text": "SnackbarConfig"
8778
- }
8779
- }
8780
- ]
8750
+ "privacy": "protected",
8751
+ "default": "'checkbox'",
8752
+ "inheritedFrom": {
8753
+ "name": "UmSelectionControl",
8754
+ "module": "src/shared/selection-control/selection-control.ts"
8755
+ }
8781
8756
  },
8782
8757
  {
8783
- "kind": "method",
8784
- "name": "show",
8785
- "static": true,
8786
- "return": {
8787
- "type": {
8788
- "text": "UmSnackbar"
8789
- }
8758
+ "kind": "field",
8759
+ "name": "value",
8760
+ "type": {
8761
+ "text": "string"
8790
8762
  },
8791
- "parameters": [
8792
- {
8793
- "name": "configOrLabel",
8794
- "type": {
8795
- "text": "SnackbarConfig | string"
8796
- }
8797
- }
8798
- ]
8799
- },
8800
- {
8801
- "kind": "method",
8802
- "name": "consumeQueue",
8803
- "privacy": "private",
8804
- "static": true
8763
+ "default": "'on'",
8764
+ "description": "The element value to use in form submission when checked.",
8765
+ "attribute": "value",
8766
+ "inheritedFrom": {
8767
+ "name": "UmSelectionControl",
8768
+ "module": "src/shared/selection-control/selection-control.ts"
8769
+ }
8805
8770
  },
8806
8771
  {
8807
- "kind": "method",
8808
- "name": "showNext",
8809
- "privacy": "private",
8810
- "static": true
8772
+ "kind": "field",
8773
+ "name": "checked",
8774
+ "attribute": "checked",
8775
+ "inheritedFrom": {
8776
+ "name": "UmSelectionControl",
8777
+ "module": "src/shared/selection-control/selection-control.ts"
8778
+ }
8811
8779
  },
8812
8780
  {
8813
8781
  "kind": "method",
8814
- "name": "createSnackbar",
8815
- "privacy": "private",
8816
- "static": true,
8817
- "return": {
8818
- "type": {
8819
- "text": "UmSnackbar"
8820
- }
8821
- },
8782
+ "name": "#handleClick",
8822
8783
  "parameters": [
8823
8784
  {
8824
- "name": "config",
8785
+ "name": "e",
8825
8786
  "type": {
8826
- "text": "SnackbarConfig"
8787
+ "text": "Event"
8827
8788
  }
8828
8789
  }
8829
- ]
8790
+ ],
8791
+ "inheritedFrom": {
8792
+ "name": "UmSelectionControl",
8793
+ "module": "src/shared/selection-control/selection-control.ts"
8794
+ }
8830
8795
  }
8831
8796
  ],
8797
+ "superclass": {
8798
+ "name": "UmSelectionControl",
8799
+ "module": "/src/shared/selection-control/selection-control.js"
8800
+ },
8801
+ "tagName": "u-switch",
8802
+ "customElement": true,
8832
8803
  "attributes": [
8833
8804
  {
8834
- "name": "label",
8805
+ "name": "name",
8835
8806
  "type": {
8836
- "text": "string"
8807
+ "text": "string | undefined"
8837
8808
  },
8838
8809
  "default": "''",
8839
- "fieldName": "label"
8810
+ "fieldName": "name",
8811
+ "inheritedFrom": {
8812
+ "name": "UmSelectionControl",
8813
+ "module": "src/shared/selection-control/selection-control.ts"
8814
+ }
8840
8815
  },
8841
8816
  {
8842
- "name": "buttonLabel",
8817
+ "name": "disabled",
8818
+ "type": {
8819
+ "text": "boolean"
8820
+ },
8821
+ "default": "false",
8822
+ "fieldName": "disabled",
8823
+ "inheritedFrom": {
8824
+ "name": "UmSelectionControl",
8825
+ "module": "src/shared/selection-control/selection-control.ts"
8826
+ }
8827
+ },
8828
+ {
8829
+ "name": "value",
8843
8830
  "type": {
8844
8831
  "text": "string"
8845
8832
  },
8846
- "default": "''",
8847
- "fieldName": "buttonLabel"
8833
+ "default": "'on'",
8834
+ "description": "The element value to use in form submission when checked.",
8835
+ "fieldName": "value",
8836
+ "inheritedFrom": {
8837
+ "name": "UmSelectionControl",
8838
+ "module": "src/shared/selection-control/selection-control.ts"
8839
+ }
8848
8840
  },
8849
8841
  {
8850
- "name": "show-close",
8842
+ "name": "checked",
8843
+ "fieldName": "checked",
8844
+ "inheritedFrom": {
8845
+ "name": "UmSelectionControl",
8846
+ "module": "src/shared/selection-control/selection-control.ts"
8847
+ }
8848
+ }
8849
+ ],
8850
+ "events": [
8851
+ {
8852
+ "name": "input",
8851
8853
  "type": {
8852
- "text": "boolean"
8854
+ "text": "InputEvent"
8853
8855
  },
8854
- "default": "false",
8855
- "fieldName": "showClose"
8856
+ "inheritedFrom": {
8857
+ "name": "UmSelectionControl",
8858
+ "module": "src/shared/selection-control/selection-control.ts"
8859
+ }
8856
8860
  },
8857
8861
  {
8858
- "name": "dismissed",
8862
+ "name": "change",
8859
8863
  "type": {
8860
- "text": "boolean"
8864
+ "text": "Event"
8861
8865
  },
8862
- "default": "false",
8863
- "fieldName": "dismissed"
8866
+ "inheritedFrom": {
8867
+ "name": "UmSelectionControl",
8868
+ "module": "src/shared/selection-control/selection-control.ts"
8869
+ }
8864
8870
  }
8865
- ],
8866
- "superclass": {
8867
- "name": "LitElement",
8868
- "package": "lit"
8869
- },
8870
- "tagName": "u-snackbar",
8871
- "customElement": true
8871
+ ]
8872
8872
  }
8873
8873
  ],
8874
8874
  "exports": [
8875
8875
  {
8876
8876
  "kind": "js",
8877
- "name": "UmSnackbar",
8877
+ "name": "UmSwitch",
8878
8878
  "declaration": {
8879
- "name": "UmSnackbar",
8880
- "module": "src/snackbar/snackbar.ts"
8879
+ "name": "UmSwitch",
8880
+ "module": "src/switch/switch.ts"
8881
8881
  }
8882
8882
  },
8883
8883
  {
8884
8884
  "kind": "custom-element-definition",
8885
- "name": "u-snackbar",
8885
+ "name": "u-switch",
8886
8886
  "declaration": {
8887
- "name": "UmSnackbar",
8888
- "module": "src/snackbar/snackbar.ts"
8887
+ "name": "UmSwitch",
8888
+ "module": "src/switch/switch.ts"
8889
8889
  }
8890
8890
  }
8891
8891
  ]
8892
8892
  },
8893
8893
  {
8894
8894
  "kind": "javascript-module",
8895
- "path": "src/theme/color.ts",
8896
- "declarations": [],
8897
- "exports": []
8895
+ "path": "src/text-field/text-field.styles.ts",
8896
+ "declarations": [
8897
+ {
8898
+ "kind": "variable",
8899
+ "name": "styles",
8900
+ "default": "css `\n .prefix {\n color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px));\n }\n\n .suffix {\n color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px));\n }\n\n :host([disabled]) .prefix {\n color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n :host([disabled]) .suffix {\n color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n`"
8901
+ }
8902
+ ],
8903
+ "exports": [
8904
+ {
8905
+ "kind": "js",
8906
+ "name": "styles",
8907
+ "declaration": {
8908
+ "name": "styles",
8909
+ "module": "src/text-field/text-field.styles.ts"
8910
+ }
8911
+ }
8912
+ ]
8898
8913
  },
8899
8914
  {
8900
8915
  "kind": "javascript-module",
8901
- "path": "src/theme/css-var-builder.ts",
8916
+ "path": "src/text-field/text-field.ts",
8902
8917
  "declarations": [
8903
8918
  {
8904
8919
  "kind": "class",
8905
8920
  "description": "",
8906
- "name": "CssVarBuilder",
8921
+ "name": "UmTextField",
8907
8922
  "members": [
8908
8923
  {
8909
8924
  "kind": "field",
8910
- "name": "content",
8925
+ "name": "#value",
8926
+ "privacy": "private",
8911
8927
  "type": {
8912
8928
  "text": "string"
8913
8929
  },
8914
- "privacy": "private",
8915
8930
  "default": "''"
8916
8931
  },
8917
8932
  {
8918
- "kind": "method",
8919
- "name": "create",
8920
- "static": true,
8921
- "return": {
8922
- "type": {
8923
- "text": "CssVarBuilder"
8924
- }
8925
- }
8926
- },
8927
- {
8928
- "kind": "method",
8929
- "name": "add",
8930
- "return": {
8931
- "type": {
8932
- "text": "CssVarBuilder"
8933
- }
8934
- },
8935
- "parameters": [
8936
- {
8937
- "name": "name",
8938
- "type": {
8939
- "text": "string"
8940
- }
8941
- },
8942
- {
8943
- "name": "value",
8944
- "type": {
8945
- "text": "string"
8946
- }
8947
- }
8948
- ]
8949
- },
8950
- {
8951
- "kind": "method",
8952
- "name": "addFromArgb",
8953
- "return": {
8954
- "type": {
8955
- "text": "CssVarBuilder"
8956
- }
8957
- },
8958
- "parameters": [
8959
- {
8960
- "name": "name",
8961
- "type": {
8962
- "text": "string"
8963
- }
8964
- },
8965
- {
8966
- "name": "argb",
8967
- "type": {
8968
- "text": "number"
8969
- }
8970
- }
8971
- ]
8933
+ "kind": "field",
8934
+ "name": "value",
8935
+ "attribute": "value"
8972
8936
  },
8973
- {
8974
- "kind": "method",
8975
- "name": "build",
8976
- "return": {
8977
- "type": {
8978
- "text": "string"
8979
- }
8980
- }
8981
- }
8982
- ]
8983
- }
8984
- ],
8985
- "exports": [
8986
- {
8987
- "kind": "js",
8988
- "name": "CssVarBuilder",
8989
- "declaration": {
8990
- "name": "CssVarBuilder",
8991
- "module": "src/theme/css-var-builder.ts"
8992
- }
8993
- }
8994
- ]
8995
- },
8996
- {
8997
- "kind": "javascript-module",
8998
- "path": "src/theme/index.ts",
8999
- "declarations": [],
9000
- "exports": [
9001
- {
9002
- "kind": "js",
9003
- "name": "*",
9004
- "declaration": {
9005
- "name": "*",
9006
- "package": "./theme-builder.js"
9007
- }
9008
- }
9009
- ]
9010
- },
9011
- {
9012
- "kind": "javascript-module",
9013
- "path": "src/theme/neutral-colors.ts",
9014
- "declarations": [
9015
- {
9016
- "kind": "variable",
9017
- "name": "neutralColors",
9018
- "type": {
9019
- "text": "Color[]"
9020
- },
9021
- "default": "[\n { name: 'surface', lightTone: 98, darkTone: 6 },\n { name: 'surface-bright', lightTone: 98, darkTone: 24 },\n { name: 'surface-dim', lightTone: 87, darkTone: 6 },\n { name: 'surface-container-lowest', lightTone: 100, darkTone: 4 },\n { name: 'surface-container-low', lightTone: 96, darkTone: 10 },\n { name: 'surface-container', lightTone: 94, darkTone: 12 },\n { name: 'surface-container-high', lightTone: 92, darkTone: 17 },\n { name: 'surface-container-highest', lightTone: 90, darkTone: 22 },\n { name: 'on-surface', lightTone: 10, darkTone: 90 },\n { name: 'light', fixedTone: 98 },\n { name: 'on-light', fixedTone: 10 },\n { name: 'dark', fixedTone: 6 },\n { name: 'on-dark', fixedTone: 90 },\n { name: 'scrim', fixedTone: 0 },\n { name: 'shadow', fixedTone: 0 },\n]"
9022
- },
9023
- {
9024
- "kind": "variable",
9025
- "name": "neutralVariantColors",
9026
- "type": {
9027
- "text": "Color[]"
9028
- },
9029
- "default": "[\n { name: 'surface-variant', lightTone: 90, darkTone: 30 },\n { name: 'on-surface-variant', lightTone: 30, darkTone: 80 },\n { name: 'outline', lightTone: 50, darkTone: 60 },\n { name: 'outline-variant', lightTone: 80, darkTone: 30 }\n]"
9030
- }
9031
- ],
9032
- "exports": [
9033
- {
9034
- "kind": "js",
9035
- "name": "neutralColors",
9036
- "declaration": {
9037
- "name": "neutralColors",
9038
- "module": "src/theme/neutral-colors.ts"
9039
- }
9040
- },
9041
- {
9042
- "kind": "js",
9043
- "name": "neutralVariantColors",
9044
- "declaration": {
9045
- "name": "neutralVariantColors",
9046
- "module": "src/theme/neutral-colors.ts"
9047
- }
9048
- }
9049
- ]
9050
- },
9051
- {
9052
- "kind": "javascript-module",
9053
- "path": "src/theme/rgb-color.ts",
9054
- "declarations": [
9055
- {
9056
- "kind": "class",
9057
- "description": "",
9058
- "name": "RgbColor",
9059
- "members": [
9060
8937
  {
9061
8938
  "kind": "field",
9062
- "name": "r",
8939
+ "name": "prefixText",
9063
8940
  "type": {
9064
- "text": "number"
8941
+ "text": "string | undefined"
9065
8942
  },
9066
- "default": "r"
8943
+ "attribute": "prefix-text"
9067
8944
  },
9068
8945
  {
9069
8946
  "kind": "field",
9070
- "name": "g",
8947
+ "name": "suffixText",
9071
8948
  "type": {
9072
- "text": "number"
8949
+ "text": "string | undefined"
9073
8950
  },
9074
- "default": "g"
8951
+ "attribute": "suffix-text"
9075
8952
  },
9076
8953
  {
9077
8954
  "kind": "field",
9078
- "name": "b",
8955
+ "name": "input",
9079
8956
  "type": {
9080
- "text": "number"
9081
- },
9082
- "default": "b"
8957
+ "text": "HTMLInputElement"
8958
+ }
9083
8959
  },
9084
8960
  {
9085
8961
  "kind": "method",
9086
- "name": "fromArgb",
9087
- "static": true,
8962
+ "name": "focus"
8963
+ },
8964
+ {
8965
+ "kind": "method",
8966
+ "name": "renderContent",
8967
+ "privacy": "protected",
9088
8968
  "return": {
9089
8969
  "type": {
9090
- "text": "RgbColor"
8970
+ "text": "HTMLTemplateResult"
9091
8971
  }
9092
8972
  },
9093
- "parameters": [
9094
- {
9095
- "name": "argb",
9096
- "type": {
9097
- "text": "number"
9098
- }
9099
- }
9100
- ]
8973
+ "inheritedFrom": {
8974
+ "name": "UmTextFieldBase",
8975
+ "module": "src/shared/text-field-base/text-field-base.ts"
8976
+ }
9101
8977
  },
9102
8978
  {
9103
8979
  "kind": "field",
9104
- "name": "toString"
9105
- }
9106
- ]
9107
- }
9108
- ],
9109
- "exports": [
9110
- {
9111
- "kind": "js",
9112
- "name": "RgbColor",
9113
- "declaration": {
9114
- "name": "RgbColor",
9115
- "module": "src/theme/rgb-color.ts"
9116
- }
9117
- }
9118
- ]
9119
- },
9120
- {
9121
- "kind": "javascript-module",
9122
- "path": "src/theme/theme-builder.ts",
9123
- "declarations": [
9124
- {
9125
- "kind": "class",
9126
- "description": "",
9127
- "name": "ThemeBuilder",
9128
- "members": [
9129
- {
9130
- "kind": "field",
9131
- "name": "cssClass",
8980
+ "name": "empty",
9132
8981
  "type": {
9133
- "text": "string | null"
8982
+ "text": "boolean"
9134
8983
  },
9135
- "default": "null"
8984
+ "inheritedFrom": {
8985
+ "name": "UmTextFieldBase",
8986
+ "module": "src/shared/text-field-base/text-field-base.ts"
8987
+ }
9136
8988
  },
9137
8989
  {
9138
- "kind": "field",
9139
- "name": "colors",
9140
- "type": {
9141
- "text": "ThemeColor[]"
9142
- },
9143
- "default": "[]"
8990
+ "kind": "method",
8991
+ "name": "#handleInput"
9144
8992
  },
9145
8993
  {
9146
8994
  "kind": "field",
9147
- "name": "neutralColorPalette",
8995
+ "name": "formAssociated",
9148
8996
  "type": {
9149
- "text": "TonalPalette"
8997
+ "text": "boolean"
8998
+ },
8999
+ "static": true,
9000
+ "default": "true",
9001
+ "inheritedFrom": {
9002
+ "name": "UmTextFieldBase",
9003
+ "module": "src/shared/text-field-base/text-field-base.ts"
9150
9004
  }
9151
9005
  },
9152
9006
  {
9153
9007
  "kind": "field",
9154
- "name": "neutralVariantColorPalette",
9008
+ "name": "shadowRootOptions",
9155
9009
  "type": {
9156
- "text": "TonalPalette"
9010
+ "text": "ShadowRootInit"
9011
+ },
9012
+ "static": true,
9013
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
9014
+ "inheritedFrom": {
9015
+ "name": "UmTextFieldBase",
9016
+ "module": "src/shared/text-field-base/text-field-base.ts"
9157
9017
  }
9158
9018
  },
9159
9019
  {
9160
9020
  "kind": "field",
9161
- "name": "partial",
9162
- "type": {
9163
- "text": "boolean"
9164
- },
9165
- "privacy": "private",
9166
- "default": "false"
9021
+ "name": "variant",
9022
+ "attribute": "variant",
9023
+ "inheritedFrom": {
9024
+ "name": "UmTextFieldBase",
9025
+ "module": "src/shared/text-field-base/text-field-base.ts"
9026
+ }
9167
9027
  },
9168
9028
  {
9169
- "kind": "method",
9170
- "name": "create",
9171
- "static": true,
9172
- "return": {
9173
- "type": {
9174
- "text": "ThemeBuilder"
9175
- }
9029
+ "kind": "field",
9030
+ "name": "label",
9031
+ "type": {
9032
+ "text": "string | undefined"
9176
9033
  },
9177
- "parameters": [
9178
- {
9179
- "name": "primaryColorHex",
9180
- "type": {
9181
- "text": "string"
9182
- }
9183
- }
9184
- ]
9034
+ "attribute": "label",
9035
+ "inheritedFrom": {
9036
+ "name": "UmTextFieldBase",
9037
+ "module": "src/shared/text-field-base/text-field-base.ts"
9038
+ }
9185
9039
  },
9186
9040
  {
9187
- "kind": "method",
9188
- "name": "createPartial",
9189
- "static": true,
9190
- "return": {
9191
- "type": {
9192
- "text": "ThemeBuilder"
9193
- }
9041
+ "kind": "field",
9042
+ "name": "counter",
9043
+ "type": {
9044
+ "text": "string | undefined"
9045
+ },
9046
+ "attribute": "counter",
9047
+ "inheritedFrom": {
9048
+ "name": "UmTextFieldBase",
9049
+ "module": "src/shared/text-field-base/text-field-base.ts"
9194
9050
  }
9195
9051
  },
9196
9052
  {
9197
- "kind": "method",
9198
- "name": "addColorFromHex",
9199
- "return": {
9200
- "type": {
9201
- "text": "ThemeBuilder"
9202
- }
9053
+ "kind": "field",
9054
+ "name": "placeholder",
9055
+ "type": {
9056
+ "text": "string | undefined"
9203
9057
  },
9204
- "parameters": [
9205
- {
9206
- "name": "name",
9207
- "type": {
9208
- "text": "string"
9209
- }
9210
- },
9211
- {
9212
- "name": "hex",
9213
- "type": {
9214
- "text": "string"
9215
- }
9216
- }
9217
- ]
9058
+ "attribute": "placeholder",
9059
+ "reflects": true,
9060
+ "inheritedFrom": {
9061
+ "name": "UmTextFieldBase",
9062
+ "module": "src/shared/text-field-base/text-field-base.ts"
9063
+ }
9218
9064
  },
9219
9065
  {
9220
- "kind": "method",
9221
- "name": "addColorFromPalette",
9222
- "return": {
9223
- "type": {
9224
- "text": "ThemeBuilder"
9225
- }
9066
+ "kind": "field",
9067
+ "name": "supportingText",
9068
+ "type": {
9069
+ "text": "string | undefined"
9226
9070
  },
9227
- "parameters": [
9228
- {
9229
- "name": "name",
9230
- "type": {
9231
- "text": "string"
9232
- }
9233
- },
9234
- {
9235
- "name": "palette",
9236
- "type": {
9237
- "text": "TonalPalette"
9238
- }
9239
- }
9240
- ]
9071
+ "attribute": "supporting-text",
9072
+ "inheritedFrom": {
9073
+ "name": "UmTextFieldBase",
9074
+ "module": "src/shared/text-field-base/text-field-base.ts"
9075
+ }
9241
9076
  },
9242
9077
  {
9243
- "kind": "method",
9244
- "name": "addFixedColor",
9245
- "return": {
9246
- "type": {
9247
- "text": "ThemeBuilder"
9248
- }
9078
+ "kind": "field",
9079
+ "name": "errorText",
9080
+ "type": {
9081
+ "text": "string | undefined"
9249
9082
  },
9250
- "parameters": [
9251
- {
9252
- "name": "name",
9253
- "type": {
9254
- "text": "string"
9255
- }
9256
- },
9257
- {
9258
- "name": "hex",
9259
- "type": {
9260
- "text": "string"
9261
- }
9262
- }
9263
- ]
9083
+ "attribute": "error-text",
9084
+ "inheritedFrom": {
9085
+ "name": "UmTextFieldBase",
9086
+ "module": "src/shared/text-field-base/text-field-base.ts"
9087
+ }
9264
9088
  },
9265
9089
  {
9266
- "kind": "method",
9267
- "name": "setCssClass",
9268
- "return": {
9269
- "type": {
9270
- "text": "ThemeBuilder"
9271
- }
9090
+ "kind": "field",
9091
+ "name": "disabled",
9092
+ "type": {
9093
+ "text": "boolean"
9272
9094
  },
9273
- "parameters": [
9274
- {
9275
- "name": "cssClass",
9276
- "type": {
9277
- "text": "string"
9278
- }
9279
- }
9280
- ]
9095
+ "default": "false",
9096
+ "attribute": "disabled",
9097
+ "reflects": true,
9098
+ "inheritedFrom": {
9099
+ "name": "UmTextFieldBase",
9100
+ "module": "src/shared/text-field-base/text-field-base.ts"
9101
+ }
9281
9102
  },
9282
9103
  {
9283
- "kind": "method",
9284
- "name": "ensureCssClassStartsWithDot",
9285
- "privacy": "private",
9286
- "return": {
9287
- "type": {
9288
- "text": "void"
9289
- }
9104
+ "kind": "field",
9105
+ "name": "invalid",
9106
+ "type": {
9107
+ "text": "boolean"
9108
+ },
9109
+ "default": "false",
9110
+ "attribute": "invalid",
9111
+ "reflects": true,
9112
+ "inheritedFrom": {
9113
+ "name": "UmTextFieldBase",
9114
+ "module": "src/shared/text-field-base/text-field-base.ts"
9290
9115
  }
9291
9116
  },
9292
9117
  {
9293
- "kind": "method",
9294
- "name": "ensureThemeColors",
9295
- "privacy": "private",
9296
- "return": {
9297
- "type": {
9298
- "text": "void"
9299
- }
9118
+ "kind": "field",
9119
+ "name": "form",
9120
+ "type": {
9121
+ "text": "HTMLFormElement | null"
9122
+ },
9123
+ "inheritedFrom": {
9124
+ "name": "UmTextFieldBase",
9125
+ "module": "src/shared/text-field-base/text-field-base.ts"
9300
9126
  }
9301
9127
  },
9302
9128
  {
9303
- "kind": "method",
9304
- "name": "getNeutralVariables",
9305
- "privacy": "private",
9306
- "return": {
9307
- "type": {
9308
- "text": "string"
9309
- }
9129
+ "kind": "field",
9130
+ "name": "elementInternals",
9131
+ "type": {
9132
+ "text": "ElementInternals"
9310
9133
  },
9311
- "parameters": [
9312
- {
9313
- "name": "dark",
9314
- "type": {
9315
- "text": "boolean"
9316
- }
9317
- }
9318
- ]
9134
+ "privacy": "protected",
9135
+ "inheritedFrom": {
9136
+ "name": "UmTextFieldBase",
9137
+ "module": "src/shared/text-field-base/text-field-base.ts"
9138
+ }
9139
+ }
9140
+ ],
9141
+ "attributes": [
9142
+ {
9143
+ "name": "value",
9144
+ "fieldName": "value"
9319
9145
  },
9320
9146
  {
9321
- "kind": "method",
9322
- "name": "getNeutralVariantVariables",
9323
- "privacy": "private",
9324
- "return": {
9325
- "type": {
9326
- "text": "string"
9327
- }
9147
+ "name": "prefix-text",
9148
+ "type": {
9149
+ "text": "string | undefined"
9328
9150
  },
9329
- "parameters": [
9330
- {
9331
- "name": "dark",
9332
- "type": {
9333
- "text": "boolean"
9334
- }
9335
- }
9336
- ]
9151
+ "fieldName": "prefixText"
9337
9152
  },
9338
9153
  {
9339
- "kind": "method",
9340
- "name": "getColorVariables",
9341
- "return": {
9342
- "type": {
9343
- "text": "string"
9344
- }
9154
+ "name": "suffix-text",
9155
+ "type": {
9156
+ "text": "string | undefined"
9345
9157
  },
9346
- "parameters": [
9347
- {
9348
- "name": "color",
9349
- "type": {
9350
- "text": "ThemeColor"
9351
- }
9352
- },
9353
- {
9354
- "name": "dark",
9355
- "type": {
9356
- "text": "boolean"
9357
- }
9358
- }
9359
- ]
9158
+ "fieldName": "suffixText"
9360
9159
  },
9361
9160
  {
9362
- "kind": "method",
9363
- "name": "getColorsVariables",
9161
+ "name": "variant",
9162
+ "fieldName": "variant",
9163
+ "inheritedFrom": {
9164
+ "name": "UmTextFieldBase",
9165
+ "module": "src/shared/text-field-base/text-field-base.ts"
9166
+ }
9167
+ },
9168
+ {
9169
+ "name": "label",
9170
+ "type": {
9171
+ "text": "string | undefined"
9172
+ },
9173
+ "fieldName": "label",
9174
+ "inheritedFrom": {
9175
+ "name": "UmTextFieldBase",
9176
+ "module": "src/shared/text-field-base/text-field-base.ts"
9177
+ }
9178
+ },
9179
+ {
9180
+ "name": "counter",
9181
+ "type": {
9182
+ "text": "string | undefined"
9183
+ },
9184
+ "fieldName": "counter",
9185
+ "inheritedFrom": {
9186
+ "name": "UmTextFieldBase",
9187
+ "module": "src/shared/text-field-base/text-field-base.ts"
9188
+ }
9189
+ },
9190
+ {
9191
+ "name": "placeholder",
9192
+ "type": {
9193
+ "text": "string | undefined"
9194
+ },
9195
+ "fieldName": "placeholder",
9196
+ "inheritedFrom": {
9197
+ "name": "UmTextFieldBase",
9198
+ "module": "src/shared/text-field-base/text-field-base.ts"
9199
+ }
9200
+ },
9201
+ {
9202
+ "name": "supporting-text",
9203
+ "type": {
9204
+ "text": "string | undefined"
9205
+ },
9206
+ "fieldName": "supportingText",
9207
+ "inheritedFrom": {
9208
+ "name": "UmTextFieldBase",
9209
+ "module": "src/shared/text-field-base/text-field-base.ts"
9210
+ }
9211
+ },
9212
+ {
9213
+ "name": "error-text",
9214
+ "type": {
9215
+ "text": "string | undefined"
9216
+ },
9217
+ "fieldName": "errorText",
9218
+ "inheritedFrom": {
9219
+ "name": "UmTextFieldBase",
9220
+ "module": "src/shared/text-field-base/text-field-base.ts"
9221
+ }
9222
+ },
9223
+ {
9224
+ "name": "disabled",
9225
+ "type": {
9226
+ "text": "boolean"
9227
+ },
9228
+ "default": "false",
9229
+ "fieldName": "disabled",
9230
+ "inheritedFrom": {
9231
+ "name": "UmTextFieldBase",
9232
+ "module": "src/shared/text-field-base/text-field-base.ts"
9233
+ }
9234
+ },
9235
+ {
9236
+ "name": "invalid",
9237
+ "type": {
9238
+ "text": "boolean"
9239
+ },
9240
+ "default": "false",
9241
+ "fieldName": "invalid",
9242
+ "inheritedFrom": {
9243
+ "name": "UmTextFieldBase",
9244
+ "module": "src/shared/text-field-base/text-field-base.ts"
9245
+ }
9246
+ }
9247
+ ],
9248
+ "superclass": {
9249
+ "name": "UmTextFieldBase",
9250
+ "module": "/src/shared/text-field-base/text-field-base.js"
9251
+ },
9252
+ "tagName": "u-text-field",
9253
+ "customElement": true
9254
+ }
9255
+ ],
9256
+ "exports": [
9257
+ {
9258
+ "kind": "js",
9259
+ "name": "UmTextField",
9260
+ "declaration": {
9261
+ "name": "UmTextField",
9262
+ "module": "src/text-field/text-field.ts"
9263
+ }
9264
+ },
9265
+ {
9266
+ "kind": "custom-element-definition",
9267
+ "name": "u-text-field",
9268
+ "declaration": {
9269
+ "name": "UmTextField",
9270
+ "module": "src/text-field/text-field.ts"
9271
+ }
9272
+ }
9273
+ ]
9274
+ },
9275
+ {
9276
+ "kind": "javascript-module",
9277
+ "path": "src/theme/color.ts",
9278
+ "declarations": [],
9279
+ "exports": []
9280
+ },
9281
+ {
9282
+ "kind": "javascript-module",
9283
+ "path": "src/theme/css-var-builder.ts",
9284
+ "declarations": [
9285
+ {
9286
+ "kind": "class",
9287
+ "description": "",
9288
+ "name": "CssVarBuilder",
9289
+ "members": [
9290
+ {
9291
+ "kind": "field",
9292
+ "name": "content",
9293
+ "type": {
9294
+ "text": "string"
9295
+ },
9364
9296
  "privacy": "private",
9297
+ "default": "''"
9298
+ },
9299
+ {
9300
+ "kind": "method",
9301
+ "name": "create",
9302
+ "static": true,
9365
9303
  "return": {
9366
9304
  "type": {
9367
- "text": "string"
9368
- }
9369
- },
9370
- "parameters": [
9371
- {
9372
- "name": "dark",
9373
- "type": {
9374
- "text": "boolean"
9375
- }
9305
+ "text": "CssVarBuilder"
9376
9306
  }
9377
- ]
9307
+ }
9378
9308
  },
9379
9309
  {
9380
9310
  "kind": "method",
9381
- "name": "addColors",
9382
- "privacy": "private",
9311
+ "name": "add",
9383
9312
  "return": {
9384
9313
  "type": {
9385
- "text": "void"
9314
+ "text": "CssVarBuilder"
9386
9315
  }
9387
9316
  },
9388
9317
  "parameters": [
9389
9318
  {
9390
- "name": "builder",
9391
- "type": {
9392
- "text": "CssVarBuilder"
9393
- }
9394
- },
9395
- {
9396
- "name": "colors",
9397
- "type": {
9398
- "text": "Color[]"
9399
- }
9400
- },
9401
- {
9402
- "name": "palette",
9319
+ "name": "name",
9403
9320
  "type": {
9404
- "text": "TonalPalette"
9321
+ "text": "string"
9405
9322
  }
9406
9323
  },
9407
9324
  {
9408
- "name": "dark",
9325
+ "name": "value",
9409
9326
  "type": {
9410
- "text": "boolean"
9327
+ "text": "string"
9411
9328
  }
9412
9329
  }
9413
9330
  ]
9414
9331
  },
9415
9332
  {
9416
9333
  "kind": "method",
9417
- "name": "addToneColor",
9418
- "privacy": "private",
9334
+ "name": "addFromArgb",
9419
9335
  "return": {
9420
9336
  "type": {
9421
- "text": "void"
9337
+ "text": "CssVarBuilder"
9422
9338
  }
9423
9339
  },
9424
9340
  "parameters": [
9425
9341
  {
9426
- "name": "builder",
9427
- "type": {
9428
- "text": "CssVarBuilder"
9429
- }
9430
- },
9431
- {
9432
- "name": "color",
9433
- "type": {
9434
- "text": "Color"
9435
- }
9436
- },
9437
- {
9438
- "name": "palette",
9342
+ "name": "name",
9439
9343
  "type": {
9440
- "text": "TonalPalette"
9344
+ "text": "string"
9441
9345
  }
9442
9346
  },
9443
9347
  {
9444
- "name": "dark",
9348
+ "name": "argb",
9445
9349
  "type": {
9446
- "text": "boolean"
9350
+ "text": "number"
9447
9351
  }
9448
9352
  }
9449
9353
  ]
@@ -9463,402 +9367,498 @@
9463
9367
  "exports": [
9464
9368
  {
9465
9369
  "kind": "js",
9466
- "name": "ThemeBuilder",
9370
+ "name": "CssVarBuilder",
9467
9371
  "declaration": {
9468
- "name": "ThemeBuilder",
9469
- "module": "src/theme/theme-builder.ts"
9372
+ "name": "CssVarBuilder",
9373
+ "module": "src/theme/css-var-builder.ts"
9470
9374
  }
9471
9375
  }
9472
9376
  ]
9473
9377
  },
9474
9378
  {
9475
9379
  "kind": "javascript-module",
9476
- "path": "src/theme/theme-color.ts",
9380
+ "path": "src/theme/index.ts",
9477
9381
  "declarations": [],
9478
- "exports": []
9382
+ "exports": [
9383
+ {
9384
+ "kind": "js",
9385
+ "name": "*",
9386
+ "declaration": {
9387
+ "name": "*",
9388
+ "package": "./theme-builder.js"
9389
+ }
9390
+ }
9391
+ ]
9479
9392
  },
9480
9393
  {
9481
9394
  "kind": "javascript-module",
9482
- "path": "src/text-field/text-field.styles.ts",
9395
+ "path": "src/theme/neutral-colors.ts",
9483
9396
  "declarations": [
9484
9397
  {
9485
9398
  "kind": "variable",
9486
- "name": "styles",
9487
- "default": "css `\n .prefix {\n color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px));\n }\n\n .suffix {\n color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px));\n }\n\n :host([disabled]) .prefix {\n color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n :host([disabled]) .suffix {\n color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n`"
9399
+ "name": "neutralColors",
9400
+ "type": {
9401
+ "text": "Color[]"
9402
+ },
9403
+ "default": "[\n { name: 'surface', lightTone: 98, darkTone: 6 },\n { name: 'surface-bright', lightTone: 98, darkTone: 24 },\n { name: 'surface-dim', lightTone: 87, darkTone: 6 },\n { name: 'surface-container-lowest', lightTone: 100, darkTone: 4 },\n { name: 'surface-container-low', lightTone: 96, darkTone: 10 },\n { name: 'surface-container', lightTone: 94, darkTone: 12 },\n { name: 'surface-container-high', lightTone: 92, darkTone: 17 },\n { name: 'surface-container-highest', lightTone: 90, darkTone: 22 },\n { name: 'on-surface', lightTone: 10, darkTone: 90 },\n { name: 'light', fixedTone: 98 },\n { name: 'on-light', fixedTone: 10 },\n { name: 'dark', fixedTone: 6 },\n { name: 'on-dark', fixedTone: 90 },\n { name: 'scrim', fixedTone: 0 },\n { name: 'shadow', fixedTone: 0 },\n]"
9404
+ },
9405
+ {
9406
+ "kind": "variable",
9407
+ "name": "neutralVariantColors",
9408
+ "type": {
9409
+ "text": "Color[]"
9410
+ },
9411
+ "default": "[\n { name: 'surface-variant', lightTone: 90, darkTone: 30 },\n { name: 'on-surface-variant', lightTone: 30, darkTone: 80 },\n { name: 'outline', lightTone: 50, darkTone: 60 },\n { name: 'outline-variant', lightTone: 80, darkTone: 30 }\n]"
9488
9412
  }
9489
9413
  ],
9490
9414
  "exports": [
9491
9415
  {
9492
9416
  "kind": "js",
9493
- "name": "styles",
9417
+ "name": "neutralColors",
9494
9418
  "declaration": {
9495
- "name": "styles",
9496
- "module": "src/text-field/text-field.styles.ts"
9419
+ "name": "neutralColors",
9420
+ "module": "src/theme/neutral-colors.ts"
9421
+ }
9422
+ },
9423
+ {
9424
+ "kind": "js",
9425
+ "name": "neutralVariantColors",
9426
+ "declaration": {
9427
+ "name": "neutralVariantColors",
9428
+ "module": "src/theme/neutral-colors.ts"
9497
9429
  }
9498
9430
  }
9499
9431
  ]
9500
9432
  },
9501
9433
  {
9502
9434
  "kind": "javascript-module",
9503
- "path": "src/text-field/text-field.ts",
9435
+ "path": "src/theme/rgb-color.ts",
9504
9436
  "declarations": [
9505
9437
  {
9506
9438
  "kind": "class",
9507
9439
  "description": "",
9508
- "name": "UmTextField",
9440
+ "name": "RgbColor",
9509
9441
  "members": [
9510
9442
  {
9511
9443
  "kind": "field",
9512
- "name": "#value",
9513
- "privacy": "private",
9444
+ "name": "r",
9514
9445
  "type": {
9515
- "text": "string"
9446
+ "text": "number"
9516
9447
  },
9517
- "default": "''"
9518
- },
9519
- {
9520
- "kind": "field",
9521
- "name": "value",
9522
- "attribute": "value"
9448
+ "default": "r"
9523
9449
  },
9524
9450
  {
9525
9451
  "kind": "field",
9526
- "name": "prefixText",
9452
+ "name": "g",
9527
9453
  "type": {
9528
- "text": "string | undefined"
9454
+ "text": "number"
9529
9455
  },
9530
- "attribute": "prefix-text"
9456
+ "default": "g"
9531
9457
  },
9532
9458
  {
9533
9459
  "kind": "field",
9534
- "name": "suffixText",
9460
+ "name": "b",
9535
9461
  "type": {
9536
- "text": "string | undefined"
9462
+ "text": "number"
9537
9463
  },
9538
- "attribute": "suffix-text"
9539
- },
9540
- {
9541
- "kind": "field",
9542
- "name": "input",
9543
- "type": {
9544
- "text": "HTMLInputElement"
9545
- }
9546
- },
9547
- {
9548
- "kind": "method",
9549
- "name": "focus"
9464
+ "default": "b"
9550
9465
  },
9551
9466
  {
9552
9467
  "kind": "method",
9553
- "name": "renderContent",
9554
- "privacy": "protected",
9468
+ "name": "fromArgb",
9469
+ "static": true,
9555
9470
  "return": {
9556
9471
  "type": {
9557
- "text": "HTMLTemplateResult"
9472
+ "text": "RgbColor"
9558
9473
  }
9559
9474
  },
9560
- "inheritedFrom": {
9561
- "name": "UmTextFieldBase",
9562
- "module": "src/shared/text-field-base/text-field-base.ts"
9563
- }
9564
- },
9565
- {
9566
- "kind": "field",
9567
- "name": "empty",
9568
- "type": {
9569
- "text": "boolean"
9570
- },
9571
- "inheritedFrom": {
9572
- "name": "UmTextFieldBase",
9573
- "module": "src/shared/text-field-base/text-field-base.ts"
9574
- }
9575
- },
9576
- {
9577
- "kind": "method",
9578
- "name": "#handleInput"
9579
- },
9580
- {
9581
- "kind": "field",
9582
- "name": "formAssociated",
9583
- "type": {
9584
- "text": "boolean"
9585
- },
9586
- "static": true,
9587
- "default": "true",
9588
- "inheritedFrom": {
9589
- "name": "UmTextFieldBase",
9590
- "module": "src/shared/text-field-base/text-field-base.ts"
9591
- }
9592
- },
9593
- {
9594
- "kind": "field",
9595
- "name": "shadowRootOptions",
9596
- "type": {
9597
- "text": "ShadowRootInit"
9598
- },
9599
- "static": true,
9600
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
9601
- "inheritedFrom": {
9602
- "name": "UmTextFieldBase",
9603
- "module": "src/shared/text-field-base/text-field-base.ts"
9604
- }
9605
- },
9606
- {
9607
- "kind": "field",
9608
- "name": "variant",
9609
- "attribute": "variant",
9610
- "inheritedFrom": {
9611
- "name": "UmTextFieldBase",
9612
- "module": "src/shared/text-field-base/text-field-base.ts"
9613
- }
9614
- },
9615
- {
9616
- "kind": "field",
9617
- "name": "label",
9618
- "type": {
9619
- "text": "string | undefined"
9620
- },
9621
- "attribute": "label",
9622
- "inheritedFrom": {
9623
- "name": "UmTextFieldBase",
9624
- "module": "src/shared/text-field-base/text-field-base.ts"
9625
- }
9626
- },
9627
- {
9628
- "kind": "field",
9629
- "name": "counter",
9630
- "type": {
9631
- "text": "string | undefined"
9632
- },
9633
- "attribute": "counter",
9634
- "inheritedFrom": {
9635
- "name": "UmTextFieldBase",
9636
- "module": "src/shared/text-field-base/text-field-base.ts"
9637
- }
9475
+ "parameters": [
9476
+ {
9477
+ "name": "argb",
9478
+ "type": {
9479
+ "text": "number"
9480
+ }
9481
+ }
9482
+ ]
9638
9483
  },
9639
9484
  {
9640
9485
  "kind": "field",
9641
- "name": "placeholder",
9642
- "type": {
9643
- "text": "string | undefined"
9644
- },
9645
- "attribute": "placeholder",
9646
- "reflects": true,
9647
- "inheritedFrom": {
9648
- "name": "UmTextFieldBase",
9649
- "module": "src/shared/text-field-base/text-field-base.ts"
9650
- }
9651
- },
9486
+ "name": "toString"
9487
+ }
9488
+ ]
9489
+ }
9490
+ ],
9491
+ "exports": [
9492
+ {
9493
+ "kind": "js",
9494
+ "name": "RgbColor",
9495
+ "declaration": {
9496
+ "name": "RgbColor",
9497
+ "module": "src/theme/rgb-color.ts"
9498
+ }
9499
+ }
9500
+ ]
9501
+ },
9502
+ {
9503
+ "kind": "javascript-module",
9504
+ "path": "src/theme/theme-builder.ts",
9505
+ "declarations": [
9506
+ {
9507
+ "kind": "class",
9508
+ "description": "",
9509
+ "name": "ThemeBuilder",
9510
+ "members": [
9652
9511
  {
9653
9512
  "kind": "field",
9654
- "name": "supportingText",
9513
+ "name": "cssClass",
9655
9514
  "type": {
9656
- "text": "string | undefined"
9515
+ "text": "string | null"
9657
9516
  },
9658
- "attribute": "supporting-text",
9659
- "inheritedFrom": {
9660
- "name": "UmTextFieldBase",
9661
- "module": "src/shared/text-field-base/text-field-base.ts"
9662
- }
9517
+ "default": "null"
9663
9518
  },
9664
9519
  {
9665
9520
  "kind": "field",
9666
- "name": "errorText",
9521
+ "name": "colors",
9667
9522
  "type": {
9668
- "text": "string | undefined"
9523
+ "text": "ThemeColor[]"
9669
9524
  },
9670
- "attribute": "error-text",
9671
- "inheritedFrom": {
9672
- "name": "UmTextFieldBase",
9673
- "module": "src/shared/text-field-base/text-field-base.ts"
9674
- }
9525
+ "default": "[]"
9675
9526
  },
9676
9527
  {
9677
9528
  "kind": "field",
9678
- "name": "disabled",
9529
+ "name": "neutralColorPalette",
9679
9530
  "type": {
9680
- "text": "boolean"
9681
- },
9682
- "default": "false",
9683
- "attribute": "disabled",
9684
- "reflects": true,
9685
- "inheritedFrom": {
9686
- "name": "UmTextFieldBase",
9687
- "module": "src/shared/text-field-base/text-field-base.ts"
9531
+ "text": "TonalPalette"
9688
9532
  }
9689
9533
  },
9690
9534
  {
9691
9535
  "kind": "field",
9692
- "name": "invalid",
9536
+ "name": "neutralVariantColorPalette",
9693
9537
  "type": {
9694
- "text": "boolean"
9695
- },
9696
- "default": "false",
9697
- "attribute": "invalid",
9698
- "reflects": true,
9699
- "inheritedFrom": {
9700
- "name": "UmTextFieldBase",
9701
- "module": "src/shared/text-field-base/text-field-base.ts"
9538
+ "text": "TonalPalette"
9702
9539
  }
9703
9540
  },
9704
9541
  {
9705
9542
  "kind": "field",
9706
- "name": "form",
9543
+ "name": "partial",
9707
9544
  "type": {
9708
- "text": "HTMLFormElement | null"
9545
+ "text": "boolean"
9709
9546
  },
9710
- "inheritedFrom": {
9711
- "name": "UmTextFieldBase",
9712
- "module": "src/shared/text-field-base/text-field-base.ts"
9713
- }
9547
+ "privacy": "private",
9548
+ "default": "false"
9714
9549
  },
9715
9550
  {
9716
- "kind": "field",
9717
- "name": "elementInternals",
9718
- "type": {
9719
- "text": "ElementInternals"
9551
+ "kind": "method",
9552
+ "name": "create",
9553
+ "static": true,
9554
+ "return": {
9555
+ "type": {
9556
+ "text": "ThemeBuilder"
9557
+ }
9720
9558
  },
9721
- "privacy": "protected",
9722
- "inheritedFrom": {
9723
- "name": "UmTextFieldBase",
9724
- "module": "src/shared/text-field-base/text-field-base.ts"
9559
+ "parameters": [
9560
+ {
9561
+ "name": "primaryColorHex",
9562
+ "type": {
9563
+ "text": "string"
9564
+ }
9565
+ }
9566
+ ]
9567
+ },
9568
+ {
9569
+ "kind": "method",
9570
+ "name": "createPartial",
9571
+ "static": true,
9572
+ "return": {
9573
+ "type": {
9574
+ "text": "ThemeBuilder"
9575
+ }
9725
9576
  }
9726
- }
9727
- ],
9728
- "attributes": [
9577
+ },
9729
9578
  {
9730
- "name": "value",
9731
- "fieldName": "value"
9579
+ "kind": "method",
9580
+ "name": "addColorFromHex",
9581
+ "return": {
9582
+ "type": {
9583
+ "text": "ThemeBuilder"
9584
+ }
9585
+ },
9586
+ "parameters": [
9587
+ {
9588
+ "name": "name",
9589
+ "type": {
9590
+ "text": "string"
9591
+ }
9592
+ },
9593
+ {
9594
+ "name": "hex",
9595
+ "type": {
9596
+ "text": "string"
9597
+ }
9598
+ }
9599
+ ]
9732
9600
  },
9733
9601
  {
9734
- "name": "prefix-text",
9735
- "type": {
9736
- "text": "string | undefined"
9602
+ "kind": "method",
9603
+ "name": "addColorFromPalette",
9604
+ "return": {
9605
+ "type": {
9606
+ "text": "ThemeBuilder"
9607
+ }
9737
9608
  },
9738
- "fieldName": "prefixText"
9609
+ "parameters": [
9610
+ {
9611
+ "name": "name",
9612
+ "type": {
9613
+ "text": "string"
9614
+ }
9615
+ },
9616
+ {
9617
+ "name": "palette",
9618
+ "type": {
9619
+ "text": "TonalPalette"
9620
+ }
9621
+ }
9622
+ ]
9739
9623
  },
9740
9624
  {
9741
- "name": "suffix-text",
9742
- "type": {
9743
- "text": "string | undefined"
9625
+ "kind": "method",
9626
+ "name": "addFixedColor",
9627
+ "return": {
9628
+ "type": {
9629
+ "text": "ThemeBuilder"
9630
+ }
9744
9631
  },
9745
- "fieldName": "suffixText"
9632
+ "parameters": [
9633
+ {
9634
+ "name": "name",
9635
+ "type": {
9636
+ "text": "string"
9637
+ }
9638
+ },
9639
+ {
9640
+ "name": "hex",
9641
+ "type": {
9642
+ "text": "string"
9643
+ }
9644
+ }
9645
+ ]
9746
9646
  },
9747
9647
  {
9748
- "name": "variant",
9749
- "fieldName": "variant",
9750
- "inheritedFrom": {
9751
- "name": "UmTextFieldBase",
9752
- "module": "src/shared/text-field-base/text-field-base.ts"
9648
+ "kind": "method",
9649
+ "name": "setCssClass",
9650
+ "return": {
9651
+ "type": {
9652
+ "text": "ThemeBuilder"
9653
+ }
9654
+ },
9655
+ "parameters": [
9656
+ {
9657
+ "name": "cssClass",
9658
+ "type": {
9659
+ "text": "string"
9660
+ }
9661
+ }
9662
+ ]
9663
+ },
9664
+ {
9665
+ "kind": "method",
9666
+ "name": "ensureCssClassStartsWithDot",
9667
+ "privacy": "private",
9668
+ "return": {
9669
+ "type": {
9670
+ "text": "void"
9671
+ }
9753
9672
  }
9754
9673
  },
9755
9674
  {
9756
- "name": "label",
9757
- "type": {
9758
- "text": "string | undefined"
9759
- },
9760
- "fieldName": "label",
9761
- "inheritedFrom": {
9762
- "name": "UmTextFieldBase",
9763
- "module": "src/shared/text-field-base/text-field-base.ts"
9675
+ "kind": "method",
9676
+ "name": "ensureThemeColors",
9677
+ "privacy": "private",
9678
+ "return": {
9679
+ "type": {
9680
+ "text": "void"
9681
+ }
9764
9682
  }
9765
9683
  },
9766
9684
  {
9767
- "name": "counter",
9768
- "type": {
9769
- "text": "string | undefined"
9685
+ "kind": "method",
9686
+ "name": "getNeutralVariables",
9687
+ "privacy": "private",
9688
+ "return": {
9689
+ "type": {
9690
+ "text": "string"
9691
+ }
9770
9692
  },
9771
- "fieldName": "counter",
9772
- "inheritedFrom": {
9773
- "name": "UmTextFieldBase",
9774
- "module": "src/shared/text-field-base/text-field-base.ts"
9775
- }
9693
+ "parameters": [
9694
+ {
9695
+ "name": "dark",
9696
+ "type": {
9697
+ "text": "boolean"
9698
+ }
9699
+ }
9700
+ ]
9776
9701
  },
9777
9702
  {
9778
- "name": "placeholder",
9779
- "type": {
9780
- "text": "string | undefined"
9703
+ "kind": "method",
9704
+ "name": "getNeutralVariantVariables",
9705
+ "privacy": "private",
9706
+ "return": {
9707
+ "type": {
9708
+ "text": "string"
9709
+ }
9781
9710
  },
9782
- "fieldName": "placeholder",
9783
- "inheritedFrom": {
9784
- "name": "UmTextFieldBase",
9785
- "module": "src/shared/text-field-base/text-field-base.ts"
9786
- }
9711
+ "parameters": [
9712
+ {
9713
+ "name": "dark",
9714
+ "type": {
9715
+ "text": "boolean"
9716
+ }
9717
+ }
9718
+ ]
9719
+ },
9720
+ {
9721
+ "kind": "method",
9722
+ "name": "getColorVariables",
9723
+ "return": {
9724
+ "type": {
9725
+ "text": "string"
9726
+ }
9727
+ },
9728
+ "parameters": [
9729
+ {
9730
+ "name": "color",
9731
+ "type": {
9732
+ "text": "ThemeColor"
9733
+ }
9734
+ },
9735
+ {
9736
+ "name": "dark",
9737
+ "type": {
9738
+ "text": "boolean"
9739
+ }
9740
+ }
9741
+ ]
9787
9742
  },
9788
9743
  {
9789
- "name": "supporting-text",
9790
- "type": {
9791
- "text": "string | undefined"
9744
+ "kind": "method",
9745
+ "name": "getColorsVariables",
9746
+ "privacy": "private",
9747
+ "return": {
9748
+ "type": {
9749
+ "text": "string"
9750
+ }
9792
9751
  },
9793
- "fieldName": "supportingText",
9794
- "inheritedFrom": {
9795
- "name": "UmTextFieldBase",
9796
- "module": "src/shared/text-field-base/text-field-base.ts"
9797
- }
9752
+ "parameters": [
9753
+ {
9754
+ "name": "dark",
9755
+ "type": {
9756
+ "text": "boolean"
9757
+ }
9758
+ }
9759
+ ]
9798
9760
  },
9799
9761
  {
9800
- "name": "error-text",
9801
- "type": {
9802
- "text": "string | undefined"
9762
+ "kind": "method",
9763
+ "name": "addColors",
9764
+ "privacy": "private",
9765
+ "return": {
9766
+ "type": {
9767
+ "text": "void"
9768
+ }
9803
9769
  },
9804
- "fieldName": "errorText",
9805
- "inheritedFrom": {
9806
- "name": "UmTextFieldBase",
9807
- "module": "src/shared/text-field-base/text-field-base.ts"
9808
- }
9770
+ "parameters": [
9771
+ {
9772
+ "name": "builder",
9773
+ "type": {
9774
+ "text": "CssVarBuilder"
9775
+ }
9776
+ },
9777
+ {
9778
+ "name": "colors",
9779
+ "type": {
9780
+ "text": "Color[]"
9781
+ }
9782
+ },
9783
+ {
9784
+ "name": "palette",
9785
+ "type": {
9786
+ "text": "TonalPalette"
9787
+ }
9788
+ },
9789
+ {
9790
+ "name": "dark",
9791
+ "type": {
9792
+ "text": "boolean"
9793
+ }
9794
+ }
9795
+ ]
9809
9796
  },
9810
9797
  {
9811
- "name": "disabled",
9812
- "type": {
9813
- "text": "boolean"
9798
+ "kind": "method",
9799
+ "name": "addToneColor",
9800
+ "privacy": "private",
9801
+ "return": {
9802
+ "type": {
9803
+ "text": "void"
9804
+ }
9814
9805
  },
9815
- "default": "false",
9816
- "fieldName": "disabled",
9817
- "inheritedFrom": {
9818
- "name": "UmTextFieldBase",
9819
- "module": "src/shared/text-field-base/text-field-base.ts"
9820
- }
9806
+ "parameters": [
9807
+ {
9808
+ "name": "builder",
9809
+ "type": {
9810
+ "text": "CssVarBuilder"
9811
+ }
9812
+ },
9813
+ {
9814
+ "name": "color",
9815
+ "type": {
9816
+ "text": "Color"
9817
+ }
9818
+ },
9819
+ {
9820
+ "name": "palette",
9821
+ "type": {
9822
+ "text": "TonalPalette"
9823
+ }
9824
+ },
9825
+ {
9826
+ "name": "dark",
9827
+ "type": {
9828
+ "text": "boolean"
9829
+ }
9830
+ }
9831
+ ]
9821
9832
  },
9822
9833
  {
9823
- "name": "invalid",
9824
- "type": {
9825
- "text": "boolean"
9826
- },
9827
- "default": "false",
9828
- "fieldName": "invalid",
9829
- "inheritedFrom": {
9830
- "name": "UmTextFieldBase",
9831
- "module": "src/shared/text-field-base/text-field-base.ts"
9834
+ "kind": "method",
9835
+ "name": "build",
9836
+ "return": {
9837
+ "type": {
9838
+ "text": "string"
9839
+ }
9832
9840
  }
9833
9841
  }
9834
- ],
9835
- "superclass": {
9836
- "name": "UmTextFieldBase",
9837
- "module": "/src/shared/text-field-base/text-field-base.js"
9838
- },
9839
- "tagName": "u-text-field",
9840
- "customElement": true
9842
+ ]
9841
9843
  }
9842
9844
  ],
9843
9845
  "exports": [
9844
9846
  {
9845
9847
  "kind": "js",
9846
- "name": "UmTextField",
9847
- "declaration": {
9848
- "name": "UmTextField",
9849
- "module": "src/text-field/text-field.ts"
9850
- }
9851
- },
9852
- {
9853
- "kind": "custom-element-definition",
9854
- "name": "u-text-field",
9848
+ "name": "ThemeBuilder",
9855
9849
  "declaration": {
9856
- "name": "UmTextField",
9857
- "module": "src/text-field/text-field.ts"
9850
+ "name": "ThemeBuilder",
9851
+ "module": "src/theme/theme-builder.ts"
9858
9852
  }
9859
9853
  }
9860
9854
  ]
9861
9855
  },
9856
+ {
9857
+ "kind": "javascript-module",
9858
+ "path": "src/theme/theme-color.ts",
9859
+ "declarations": [],
9860
+ "exports": []
9861
+ },
9862
9862
  {
9863
9863
  "kind": "javascript-module",
9864
9864
  "path": "src/typeahead/highlight.styles.ts",
@@ -10377,6 +10377,56 @@
10377
10377
  }
10378
10378
  ]
10379
10379
  },
10380
+ {
10381
+ "kind": "javascript-module",
10382
+ "path": "src/shared/sets/set-base.ts",
10383
+ "declarations": [
10384
+ {
10385
+ "kind": "class",
10386
+ "description": "",
10387
+ "name": "UmSetBase",
10388
+ "members": [
10389
+ {
10390
+ "kind": "field",
10391
+ "name": "alignment",
10392
+ "type": {
10393
+ "text": "'start' | 'center' | 'end'"
10394
+ },
10395
+ "default": "'start'",
10396
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10397
+ "attribute": "alignment",
10398
+ "reflects": true
10399
+ }
10400
+ ],
10401
+ "attributes": [
10402
+ {
10403
+ "name": "alignment",
10404
+ "type": {
10405
+ "text": "'start' | 'center' | 'end'"
10406
+ },
10407
+ "default": "'start'",
10408
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10409
+ "fieldName": "alignment"
10410
+ }
10411
+ ],
10412
+ "superclass": {
10413
+ "name": "LitElement",
10414
+ "package": "lit"
10415
+ },
10416
+ "customElement": true
10417
+ }
10418
+ ],
10419
+ "exports": [
10420
+ {
10421
+ "kind": "js",
10422
+ "name": "UmSetBase",
10423
+ "declaration": {
10424
+ "name": "UmSetBase",
10425
+ "module": "src/shared/sets/set-base.ts"
10426
+ }
10427
+ }
10428
+ ]
10429
+ },
10380
10430
  {
10381
10431
  "kind": "javascript-module",
10382
10432
  "path": "src/shared/selection-control/selection-control-list-item.ts",
@@ -10634,56 +10684,6 @@
10634
10684
  }
10635
10685
  ]
10636
10686
  },
10637
- {
10638
- "kind": "javascript-module",
10639
- "path": "src/shared/sets/set-base.ts",
10640
- "declarations": [
10641
- {
10642
- "kind": "class",
10643
- "description": "",
10644
- "name": "UmSetBase",
10645
- "members": [
10646
- {
10647
- "kind": "field",
10648
- "name": "alignment",
10649
- "type": {
10650
- "text": "'start' | 'center' | 'end'"
10651
- },
10652
- "default": "'start'",
10653
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10654
- "attribute": "alignment",
10655
- "reflects": true
10656
- }
10657
- ],
10658
- "attributes": [
10659
- {
10660
- "name": "alignment",
10661
- "type": {
10662
- "text": "'start' | 'center' | 'end'"
10663
- },
10664
- "default": "'start'",
10665
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10666
- "fieldName": "alignment"
10667
- }
10668
- ],
10669
- "superclass": {
10670
- "name": "LitElement",
10671
- "package": "lit"
10672
- },
10673
- "customElement": true
10674
- }
10675
- ],
10676
- "exports": [
10677
- {
10678
- "kind": "js",
10679
- "name": "UmSetBase",
10680
- "declaration": {
10681
- "name": "UmSetBase",
10682
- "module": "src/shared/sets/set-base.ts"
10683
- }
10684
- }
10685
- ]
10686
- },
10687
10687
  {
10688
10688
  "kind": "javascript-module",
10689
10689
  "path": "src/shared/text-field-base/text-field-base.styles.ts",