@universal-material/web 3.0.42 → 3.0.43

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 (6) hide show
  1. package/custom-elements.json +1121 -1121
  2. package/package.json +1 -1
  3. package/typeahead/typeahead.d.ts +1 -1
  4. package/typeahead/typeahead.d.ts.map +1 -1
  5. package/typeahead/typeahead.js +1 -1
  6. package/typeahead/typeahead.js.map +1 -1
package/custom-elements.json CHANGED
@@ -8024,322 +8024,338 @@
8024
8024
  },
8025
8025
  {
8026
8026
  "kind": "javascript-module",
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",
8027
+ "path": "src/switch/switch-list-item.ts",
8049
8028
  "declarations": [
8050
8029
  {
8051
8030
  "kind": "class",
8052
8031
  "description": "",
8053
- "name": "UmSnackbar",
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,
8054
8045
  "members": [
8055
8046
  {
8056
8047
  "kind": "field",
8057
- "name": "label",
8048
+ "name": "styles",
8058
8049
  "type": {
8059
- "text": "string"
8050
+ "text": "array"
8060
8051
  },
8061
- "default": "''",
8062
- "attribute": "label",
8063
- "reflects": true
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
+ }
8064
8058
  },
8065
8059
  {
8066
- "kind": "field",
8067
- "name": "buttonLabel",
8068
- "type": {
8069
- "text": "string"
8060
+ "kind": "method",
8061
+ "name": "render",
8062
+ "return": {
8063
+ "type": {
8064
+ "text": "HTMLTemplateResult"
8065
+ }
8070
8066
  },
8071
- "default": "''",
8072
- "attribute": "buttonLabel",
8073
- "reflects": true
8067
+ "inheritedFrom": {
8068
+ "name": "mixinSelectionControlListItem",
8069
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
8070
+ }
8074
8071
  },
8075
8072
  {
8076
8073
  "kind": "field",
8077
- "name": "showClose",
8074
+ "name": "renderRipple",
8078
8075
  "type": {
8079
8076
  "text": "boolean"
8080
8077
  },
8078
+ "privacy": "protected",
8081
8079
  "default": "false",
8082
- "attribute": "show-close",
8083
- "reflects": true
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
+ }
8084
8098
  },
8085
8099
  {
8086
8100
  "kind": "field",
8087
- "name": "dismissed",
8101
+ "name": "formAssociated",
8088
8102
  "type": {
8089
8103
  "text": "boolean"
8090
8104
  },
8091
- "default": "false",
8092
- "attribute": "dismissed",
8093
- "reflects": true
8105
+ "static": true,
8106
+ "default": "true",
8107
+ "inheritedFrom": {
8108
+ "name": "UmSelectionControl",
8109
+ "module": "src/shared/selection-control/selection-control.ts"
8110
+ }
8094
8111
  },
8095
8112
  {
8096
8113
  "kind": "field",
8097
- "name": "duration",
8114
+ "name": "elementInternals",
8098
8115
  "type": {
8099
- "text": "SnackbarDuration"
8116
+ "text": "ElementInternals"
8100
8117
  },
8101
- "privacy": "private"
8118
+ "privacy": "protected",
8119
+ "inheritedFrom": {
8120
+ "name": "UmSelectionControl",
8121
+ "module": "src/shared/selection-control/selection-control.ts"
8122
+ }
8102
8123
  },
8103
8124
  {
8104
8125
  "kind": "field",
8105
- "name": "snackbar",
8126
+ "name": "name",
8106
8127
  "type": {
8107
- "text": "HTMLElement"
8128
+ "text": "string | undefined"
8108
8129
  },
8109
- "privacy": "private"
8110
- },
8111
- {
8112
- "kind": "method",
8113
- "name": "renderButton",
8114
- "privacy": "private"
8130
+ "default": "''",
8131
+ "attribute": "name",
8132
+ "inheritedFrom": {
8133
+ "name": "UmSelectionControl",
8134
+ "module": "src/shared/selection-control/selection-control.ts"
8135
+ }
8115
8136
  },
8116
8137
  {
8117
- "kind": "method",
8118
- "name": "renderCloseButton",
8119
- "privacy": "private"
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
+ }
8120
8150
  },
8121
8151
  {
8122
- "kind": "method",
8123
- "name": "dismiss",
8124
- "return": {
8125
- "type": {
8126
- "text": "void"
8127
- }
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"
8128
8160
  }
8129
8161
  },
8130
8162
  {
8131
8163
  "kind": "field",
8132
- "name": "_queue",
8164
+ "name": "form",
8133
8165
  "type": {
8134
- "text": "UmSnackbar[]"
8166
+ "text": "HTMLFormElement | null"
8135
8167
  },
8136
- "privacy": "private",
8137
- "static": true,
8138
- "default": "[]"
8168
+ "inheritedFrom": {
8169
+ "name": "UmSelectionControl",
8170
+ "module": "src/shared/selection-control/selection-control.ts"
8171
+ }
8139
8172
  },
8140
8173
  {
8141
8174
  "kind": "field",
8142
- "name": "_consuming",
8175
+ "name": "#checked",
8176
+ "privacy": "private",
8143
8177
  "type": {
8144
8178
  "text": "boolean"
8145
8179
  },
8146
- "privacy": "private",
8147
- "static": true
8180
+ "default": "false",
8181
+ "inheritedFrom": {
8182
+ "name": "UmSelectionControl",
8183
+ "module": "src/shared/selection-control/selection-control.ts"
8184
+ }
8148
8185
  },
8149
8186
  {
8150
- "kind": "method",
8151
- "name": "show",
8152
- "static": true,
8153
- "return": {
8154
- "type": {
8155
- "text": "UmSnackbar"
8156
- }
8187
+ "kind": "field",
8188
+ "name": "inputType",
8189
+ "type": {
8190
+ "text": "'checkbox' | 'radio'"
8157
8191
  },
8158
- "parameters": [
8159
- {
8160
- "name": "label",
8161
- "type": {
8162
- "text": "string"
8163
- }
8164
- }
8165
- ]
8192
+ "privacy": "protected",
8193
+ "default": "'checkbox'",
8194
+ "inheritedFrom": {
8195
+ "name": "UmSelectionControl",
8196
+ "module": "src/shared/selection-control/selection-control.ts"
8197
+ }
8166
8198
  },
8167
8199
  {
8168
- "kind": "method",
8169
- "name": "show",
8170
- "static": true,
8171
- "return": {
8172
- "type": {
8173
- "text": "UmSnackbar"
8174
- }
8200
+ "kind": "field",
8201
+ "name": "value",
8202
+ "type": {
8203
+ "text": "string"
8175
8204
  },
8176
- "parameters": [
8177
- {
8178
- "name": "config",
8179
- "type": {
8180
- "text": "SnackbarConfig"
8181
- }
8182
- }
8183
- ]
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
+ }
8212
+ },
8213
+ {
8214
+ "kind": "field",
8215
+ "name": "checked",
8216
+ "attribute": "checked",
8217
+ "inheritedFrom": {
8218
+ "name": "UmSelectionControl",
8219
+ "module": "src/shared/selection-control/selection-control.ts"
8220
+ }
8184
8221
  },
8185
8222
  {
8186
8223
  "kind": "method",
8187
- "name": "show",
8188
- "static": true,
8189
- "return": {
8190
- "type": {
8191
- "text": "UmSnackbar"
8192
- }
8193
- },
8224
+ "name": "#handleClick",
8194
8225
  "parameters": [
8195
8226
  {
8196
- "name": "configOrLabel",
8227
+ "name": "e",
8197
8228
  "type": {
8198
- "text": "SnackbarConfig | string"
8229
+ "text": "Event"
8199
8230
  }
8200
8231
  }
8201
- ]
8202
- },
8203
- {
8204
- "kind": "method",
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
- "parameters": [
8226
- {
8227
- "name": "config",
8228
- "type": {
8229
- "text": "SnackbarConfig"
8230
- }
8231
- }
8232
- ]
8232
+ ],
8233
+ "inheritedFrom": {
8234
+ "name": "UmSelectionControl",
8235
+ "module": "src/shared/selection-control/selection-control.ts"
8236
+ }
8233
8237
  }
8234
8238
  ],
8235
8239
  "attributes": [
8236
8240
  {
8237
- "name": "label",
8241
+ "name": "name",
8238
8242
  "type": {
8239
- "text": "string"
8243
+ "text": "string | undefined"
8240
8244
  },
8241
8245
  "default": "''",
8242
- "fieldName": "label"
8246
+ "fieldName": "name",
8247
+ "inheritedFrom": {
8248
+ "name": "UmSelectionControl",
8249
+ "module": "src/shared/selection-control/selection-control.ts"
8250
+ }
8243
8251
  },
8244
8252
  {
8245
- "name": "buttonLabel",
8253
+ "name": "disabled",
8254
+ "type": {
8255
+ "text": "boolean"
8256
+ },
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",
8246
8266
  "type": {
8247
8267
  "text": "string"
8248
8268
  },
8249
- "default": "''",
8250
- "fieldName": "buttonLabel"
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
+ }
8251
8276
  },
8252
8277
  {
8253
- "name": "show-close",
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",
8254
8289
  "type": {
8255
- "text": "boolean"
8290
+ "text": "InputEvent"
8256
8291
  },
8257
- "default": "false",
8258
- "fieldName": "showClose"
8292
+ "inheritedFrom": {
8293
+ "name": "UmSelectionControl",
8294
+ "module": "src/shared/selection-control/selection-control.ts"
8295
+ }
8259
8296
  },
8260
8297
  {
8261
- "name": "dismissed",
8298
+ "name": "change",
8262
8299
  "type": {
8263
- "text": "boolean"
8300
+ "text": "Event"
8264
8301
  },
8265
- "default": "false",
8266
- "fieldName": "dismissed"
8302
+ "inheritedFrom": {
8303
+ "name": "UmSelectionControl",
8304
+ "module": "src/shared/selection-control/selection-control.ts"
8305
+ }
8267
8306
  }
8268
- ],
8269
- "superclass": {
8270
- "name": "LitElement",
8271
- "package": "lit"
8272
- },
8273
- "tagName": "u-snackbar",
8274
- "customElement": true
8307
+ ]
8275
8308
  }
8276
8309
  ],
8277
8310
  "exports": [
8278
8311
  {
8279
8312
  "kind": "js",
8280
- "name": "UmSnackbar",
8313
+ "name": "UmSwitchListItem",
8281
8314
  "declaration": {
8282
- "name": "UmSnackbar",
8283
- "module": "src/snackbar/snackbar.ts"
8315
+ "name": "UmSwitchListItem",
8316
+ "module": "src/switch/switch-list-item.ts"
8284
8317
  }
8285
8318
  },
8286
8319
  {
8287
8320
  "kind": "custom-element-definition",
8288
- "name": "u-snackbar",
8321
+ "name": "u-switch-list-item",
8289
8322
  "declaration": {
8290
- "name": "UmSnackbar",
8291
- "module": "src/snackbar/snackbar.ts"
8323
+ "name": "UmSwitchListItem",
8324
+ "module": "src/switch/switch-list-item.ts"
8292
8325
  }
8293
8326
  }
8294
8327
  ]
8295
8328
  },
8296
8329
  {
8297
8330
  "kind": "javascript-module",
8298
- "path": "src/switch/switch-list-item.ts",
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",
8343
+ "declaration": {
8344
+ "name": "styles",
8345
+ "module": "src/switch/switch.styles.ts"
8346
+ }
8347
+ }
8348
+ ]
8349
+ },
8350
+ {
8351
+ "kind": "javascript-module",
8352
+ "path": "src/switch/switch.ts",
8299
8353
  "declarations": [
8300
8354
  {
8301
8355
  "kind": "class",
8302
8356
  "description": "",
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,
8357
+ "name": "UmSwitch",
8316
8358
  "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
- },
8343
8359
  {
8344
8360
  "kind": "field",
8345
8361
  "name": "renderRipple",
@@ -8507,6 +8523,12 @@
8507
8523
  }
8508
8524
  }
8509
8525
  ],
8526
+ "superclass": {
8527
+ "name": "UmSelectionControl",
8528
+ "module": "/src/shared/selection-control/selection-control.js"
8529
+ },
8530
+ "tagName": "u-switch",
8531
+ "customElement": true,
8510
8532
  "attributes": [
8511
8533
  {
8512
8534
  "name": "name",
@@ -8581,30 +8603,30 @@
8581
8603
  "exports": [
8582
8604
  {
8583
8605
  "kind": "js",
8584
- "name": "UmSwitchListItem",
8606
+ "name": "UmSwitch",
8585
8607
  "declaration": {
8586
- "name": "UmSwitchListItem",
8587
- "module": "src/switch/switch-list-item.ts"
8608
+ "name": "UmSwitch",
8609
+ "module": "src/switch/switch.ts"
8588
8610
  }
8589
8611
  },
8590
8612
  {
8591
8613
  "kind": "custom-element-definition",
8592
- "name": "u-switch-list-item",
8614
+ "name": "u-switch",
8593
8615
  "declaration": {
8594
- "name": "UmSwitchListItem",
8595
- "module": "src/switch/switch-list-item.ts"
8616
+ "name": "UmSwitch",
8617
+ "module": "src/switch/switch.ts"
8596
8618
  }
8597
8619
  }
8598
8620
  ]
8599
8621
  },
8600
8622
  {
8601
8623
  "kind": "javascript-module",
8602
- "path": "src/switch/switch.styles.ts",
8624
+ "path": "src/snackbar/snackbar.styles.ts",
8603
8625
  "declarations": [
8604
8626
  {
8605
8627
  "kind": "variable",
8606
8628
  "name": "styles",
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`"
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`"
8608
8630
  }
8609
8631
  ],
8610
8632
  "exports": [
@@ -8613,741 +8635,815 @@
8613
8635
  "name": "styles",
8614
8636
  "declaration": {
8615
8637
  "name": "styles",
8616
- "module": "src/switch/switch.styles.ts"
8638
+ "module": "src/snackbar/snackbar.styles.ts"
8617
8639
  }
8618
8640
  }
8619
8641
  ]
8620
8642
  },
8621
8643
  {
8622
8644
  "kind": "javascript-module",
8623
- "path": "src/switch/switch.ts",
8645
+ "path": "src/snackbar/snackbar.ts",
8624
8646
  "declarations": [
8625
8647
  {
8626
8648
  "kind": "class",
8627
8649
  "description": "",
8628
- "name": "UmSwitch",
8650
+ "name": "UmSnackbar",
8629
8651
  "members": [
8630
8652
  {
8631
8653
  "kind": "field",
8632
- "name": "renderRipple",
8654
+ "name": "label",
8633
8655
  "type": {
8634
- "text": "boolean"
8656
+ "text": "string"
8635
8657
  },
8636
- "privacy": "protected",
8637
- "default": "false",
8638
- "inheritedFrom": {
8639
- "name": "UmSelectionControl",
8640
- "module": "src/shared/selection-control/selection-control.ts"
8641
- }
8658
+ "default": "''",
8659
+ "attribute": "label",
8660
+ "reflects": true
8642
8661
  },
8643
8662
  {
8644
- "kind": "method",
8645
- "name": "renderIndicator",
8646
- "privacy": "protected",
8647
- "return": {
8648
- "type": {
8649
- "text": "HTMLTemplateResult"
8650
- }
8663
+ "kind": "field",
8664
+ "name": "buttonLabel",
8665
+ "type": {
8666
+ "text": "string"
8651
8667
  },
8652
- "inheritedFrom": {
8653
- "name": "UmSelectionControl",
8654
- "module": "src/shared/selection-control/selection-control.ts"
8655
- }
8668
+ "default": "''",
8669
+ "attribute": "buttonLabel",
8670
+ "reflects": true
8656
8671
  },
8657
8672
  {
8658
8673
  "kind": "field",
8659
- "name": "formAssociated",
8674
+ "name": "showClose",
8660
8675
  "type": {
8661
8676
  "text": "boolean"
8662
8677
  },
8663
- "static": true,
8664
- "default": "true",
8665
- "inheritedFrom": {
8666
- "name": "UmSelectionControl",
8667
- "module": "src/shared/selection-control/selection-control.ts"
8668
- }
8678
+ "default": "false",
8679
+ "attribute": "show-close",
8680
+ "reflects": true
8669
8681
  },
8670
8682
  {
8671
8683
  "kind": "field",
8672
- "name": "elementInternals",
8684
+ "name": "dismissed",
8673
8685
  "type": {
8674
- "text": "ElementInternals"
8686
+ "text": "boolean"
8675
8687
  },
8676
- "privacy": "protected",
8677
- "inheritedFrom": {
8678
- "name": "UmSelectionControl",
8679
- "module": "src/shared/selection-control/selection-control.ts"
8680
- }
8681
- },
8688
+ "default": "false",
8689
+ "attribute": "dismissed",
8690
+ "reflects": true
8691
+ },
8682
8692
  {
8683
8693
  "kind": "field",
8684
- "name": "name",
8694
+ "name": "duration",
8685
8695
  "type": {
8686
- "text": "string | undefined"
8696
+ "text": "SnackbarDuration"
8687
8697
  },
8688
- "default": "''",
8689
- "attribute": "name",
8690
- "inheritedFrom": {
8691
- "name": "UmSelectionControl",
8692
- "module": "src/shared/selection-control/selection-control.ts"
8693
- }
8698
+ "privacy": "private"
8694
8699
  },
8695
8700
  {
8696
8701
  "kind": "field",
8697
- "name": "disabled",
8702
+ "name": "snackbar",
8698
8703
  "type": {
8699
- "text": "boolean"
8704
+ "text": "HTMLElement"
8700
8705
  },
8701
- "default": "false",
8702
- "attribute": "disabled",
8703
- "reflects": true,
8704
- "inheritedFrom": {
8705
- "name": "UmSelectionControl",
8706
- "module": "src/shared/selection-control/selection-control.ts"
8707
- }
8706
+ "privacy": "private"
8708
8707
  },
8709
8708
  {
8710
- "kind": "field",
8711
- "name": "input",
8712
- "type": {
8713
- "text": "HTMLInputElement"
8714
- },
8715
- "inheritedFrom": {
8716
- "name": "UmSelectionControl",
8717
- "module": "src/shared/selection-control/selection-control.ts"
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
+ }
8718
8725
  }
8719
8726
  },
8720
8727
  {
8721
8728
  "kind": "field",
8722
- "name": "form",
8729
+ "name": "_queue",
8723
8730
  "type": {
8724
- "text": "HTMLFormElement | null"
8731
+ "text": "UmSnackbar[]"
8725
8732
  },
8726
- "inheritedFrom": {
8727
- "name": "UmSelectionControl",
8728
- "module": "src/shared/selection-control/selection-control.ts"
8729
- }
8733
+ "privacy": "private",
8734
+ "static": true,
8735
+ "default": "[]"
8730
8736
  },
8731
8737
  {
8732
8738
  "kind": "field",
8733
- "name": "#checked",
8734
- "privacy": "private",
8739
+ "name": "_consuming",
8735
8740
  "type": {
8736
8741
  "text": "boolean"
8737
8742
  },
8738
- "default": "false",
8739
- "inheritedFrom": {
8740
- "name": "UmSelectionControl",
8741
- "module": "src/shared/selection-control/selection-control.ts"
8742
- }
8743
+ "privacy": "private",
8744
+ "static": true
8743
8745
  },
8744
8746
  {
8745
- "kind": "field",
8746
- "name": "inputType",
8747
- "type": {
8748
- "text": "'checkbox' | 'radio'"
8747
+ "kind": "method",
8748
+ "name": "show",
8749
+ "static": true,
8750
+ "return": {
8751
+ "type": {
8752
+ "text": "UmSnackbar"
8753
+ }
8749
8754
  },
8750
- "privacy": "protected",
8751
- "default": "'checkbox'",
8752
- "inheritedFrom": {
8753
- "name": "UmSelectionControl",
8754
- "module": "src/shared/selection-control/selection-control.ts"
8755
- }
8755
+ "parameters": [
8756
+ {
8757
+ "name": "label",
8758
+ "type": {
8759
+ "text": "string"
8760
+ }
8761
+ }
8762
+ ]
8756
8763
  },
8757
8764
  {
8758
- "kind": "field",
8759
- "name": "value",
8760
- "type": {
8761
- "text": "string"
8765
+ "kind": "method",
8766
+ "name": "show",
8767
+ "static": true,
8768
+ "return": {
8769
+ "type": {
8770
+ "text": "UmSnackbar"
8771
+ }
8762
8772
  },
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
- }
8773
+ "parameters": [
8774
+ {
8775
+ "name": "config",
8776
+ "type": {
8777
+ "text": "SnackbarConfig"
8778
+ }
8779
+ }
8780
+ ]
8770
8781
  },
8771
8782
  {
8772
- "kind": "field",
8773
- "name": "checked",
8774
- "attribute": "checked",
8775
- "inheritedFrom": {
8776
- "name": "UmSelectionControl",
8777
- "module": "src/shared/selection-control/selection-control.ts"
8778
- }
8783
+ "kind": "method",
8784
+ "name": "show",
8785
+ "static": true,
8786
+ "return": {
8787
+ "type": {
8788
+ "text": "UmSnackbar"
8789
+ }
8790
+ },
8791
+ "parameters": [
8792
+ {
8793
+ "name": "configOrLabel",
8794
+ "type": {
8795
+ "text": "SnackbarConfig | string"
8796
+ }
8797
+ }
8798
+ ]
8779
8799
  },
8780
8800
  {
8781
8801
  "kind": "method",
8782
- "name": "#handleClick",
8802
+ "name": "consumeQueue",
8803
+ "privacy": "private",
8804
+ "static": true
8805
+ },
8806
+ {
8807
+ "kind": "method",
8808
+ "name": "showNext",
8809
+ "privacy": "private",
8810
+ "static": true
8811
+ },
8812
+ {
8813
+ "kind": "method",
8814
+ "name": "createSnackbar",
8815
+ "privacy": "private",
8816
+ "static": true,
8817
+ "return": {
8818
+ "type": {
8819
+ "text": "UmSnackbar"
8820
+ }
8821
+ },
8783
8822
  "parameters": [
8784
8823
  {
8785
- "name": "e",
8824
+ "name": "config",
8786
8825
  "type": {
8787
- "text": "Event"
8826
+ "text": "SnackbarConfig"
8788
8827
  }
8789
8828
  }
8790
- ],
8791
- "inheritedFrom": {
8792
- "name": "UmSelectionControl",
8793
- "module": "src/shared/selection-control/selection-control.ts"
8794
- }
8829
+ ]
8795
8830
  }
8796
8831
  ],
8797
- "superclass": {
8798
- "name": "UmSelectionControl",
8799
- "module": "/src/shared/selection-control/selection-control.js"
8800
- },
8801
- "tagName": "u-switch",
8802
- "customElement": true,
8803
8832
  "attributes": [
8804
8833
  {
8805
- "name": "name",
8834
+ "name": "label",
8806
8835
  "type": {
8807
- "text": "string | undefined"
8836
+ "text": "string"
8808
8837
  },
8809
8838
  "default": "''",
8810
- "fieldName": "name",
8811
- "inheritedFrom": {
8812
- "name": "UmSelectionControl",
8813
- "module": "src/shared/selection-control/selection-control.ts"
8814
- }
8815
- },
8816
- {
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
- }
8839
+ "fieldName": "label"
8827
8840
  },
8828
8841
  {
8829
- "name": "value",
8842
+ "name": "buttonLabel",
8830
8843
  "type": {
8831
8844
  "text": "string"
8832
8845
  },
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
- }
8846
+ "default": "''",
8847
+ "fieldName": "buttonLabel"
8840
8848
  },
8841
8849
  {
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",
8850
+ "name": "show-close",
8853
8851
  "type": {
8854
- "text": "InputEvent"
8852
+ "text": "boolean"
8855
8853
  },
8856
- "inheritedFrom": {
8857
- "name": "UmSelectionControl",
8858
- "module": "src/shared/selection-control/selection-control.ts"
8859
- }
8854
+ "default": "false",
8855
+ "fieldName": "showClose"
8860
8856
  },
8861
8857
  {
8862
- "name": "change",
8858
+ "name": "dismissed",
8863
8859
  "type": {
8864
- "text": "Event"
8860
+ "text": "boolean"
8865
8861
  },
8866
- "inheritedFrom": {
8867
- "name": "UmSelectionControl",
8868
- "module": "src/shared/selection-control/selection-control.ts"
8869
- }
8862
+ "default": "false",
8863
+ "fieldName": "dismissed"
8870
8864
  }
8871
- ]
8865
+ ],
8866
+ "superclass": {
8867
+ "name": "LitElement",
8868
+ "package": "lit"
8869
+ },
8870
+ "tagName": "u-snackbar",
8871
+ "customElement": true
8872
8872
  }
8873
8873
  ],
8874
8874
  "exports": [
8875
8875
  {
8876
8876
  "kind": "js",
8877
- "name": "UmSwitch",
8877
+ "name": "UmSnackbar",
8878
8878
  "declaration": {
8879
- "name": "UmSwitch",
8880
- "module": "src/switch/switch.ts"
8879
+ "name": "UmSnackbar",
8880
+ "module": "src/snackbar/snackbar.ts"
8881
8881
  }
8882
8882
  },
8883
8883
  {
8884
8884
  "kind": "custom-element-definition",
8885
- "name": "u-switch",
8885
+ "name": "u-snackbar",
8886
8886
  "declaration": {
8887
- "name": "UmSwitch",
8888
- "module": "src/switch/switch.ts"
8887
+ "name": "UmSnackbar",
8888
+ "module": "src/snackbar/snackbar.ts"
8889
8889
  }
8890
8890
  }
8891
8891
  ]
8892
8892
  },
8893
8893
  {
8894
8894
  "kind": "javascript-module",
8895
- "path": "src/text-field/text-field.styles.ts",
8895
+ "path": "src/theme/color.ts",
8896
+ "declarations": [],
8897
+ "exports": []
8898
+ },
8899
+ {
8900
+ "kind": "javascript-module",
8901
+ "path": "src/theme/css-var-builder.ts",
8902
+ "declarations": [
8903
+ {
8904
+ "kind": "class",
8905
+ "description": "",
8906
+ "name": "CssVarBuilder",
8907
+ "members": [
8908
+ {
8909
+ "kind": "field",
8910
+ "name": "content",
8911
+ "type": {
8912
+ "text": "string"
8913
+ },
8914
+ "privacy": "private",
8915
+ "default": "''"
8916
+ },
8917
+ {
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
+ ]
8972
+ },
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",
8896
9014
  "declarations": [
8897
9015
  {
8898
9016
  "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`"
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]"
8901
9030
  }
8902
9031
  ],
8903
9032
  "exports": [
8904
9033
  {
8905
9034
  "kind": "js",
8906
- "name": "styles",
9035
+ "name": "neutralColors",
8907
9036
  "declaration": {
8908
- "name": "styles",
8909
- "module": "src/text-field/text-field.styles.ts"
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"
8910
9047
  }
8911
9048
  }
8912
9049
  ]
8913
9050
  },
8914
9051
  {
8915
9052
  "kind": "javascript-module",
8916
- "path": "src/text-field/text-field.ts",
9053
+ "path": "src/theme/rgb-color.ts",
8917
9054
  "declarations": [
8918
9055
  {
8919
9056
  "kind": "class",
8920
9057
  "description": "",
8921
- "name": "UmTextField",
9058
+ "name": "RgbColor",
8922
9059
  "members": [
8923
9060
  {
8924
9061
  "kind": "field",
8925
- "name": "#value",
8926
- "privacy": "private",
9062
+ "name": "r",
8927
9063
  "type": {
8928
- "text": "string"
9064
+ "text": "number"
8929
9065
  },
8930
- "default": "''"
8931
- },
8932
- {
8933
- "kind": "field",
8934
- "name": "value",
8935
- "attribute": "value"
9066
+ "default": "r"
8936
9067
  },
8937
9068
  {
8938
9069
  "kind": "field",
8939
- "name": "prefixText",
9070
+ "name": "g",
8940
9071
  "type": {
8941
- "text": "string | undefined"
9072
+ "text": "number"
8942
9073
  },
8943
- "attribute": "prefix-text"
9074
+ "default": "g"
8944
9075
  },
8945
9076
  {
8946
9077
  "kind": "field",
8947
- "name": "suffixText",
9078
+ "name": "b",
8948
9079
  "type": {
8949
- "text": "string | undefined"
9080
+ "text": "number"
8950
9081
  },
8951
- "attribute": "suffix-text"
8952
- },
8953
- {
8954
- "kind": "field",
8955
- "name": "input",
8956
- "type": {
8957
- "text": "HTMLInputElement"
8958
- }
8959
- },
8960
- {
8961
- "kind": "method",
8962
- "name": "focus"
9082
+ "default": "b"
8963
9083
  },
8964
9084
  {
8965
9085
  "kind": "method",
8966
- "name": "renderContent",
8967
- "privacy": "protected",
9086
+ "name": "fromArgb",
9087
+ "static": true,
8968
9088
  "return": {
8969
9089
  "type": {
8970
- "text": "HTMLTemplateResult"
9090
+ "text": "RgbColor"
8971
9091
  }
8972
9092
  },
8973
- "inheritedFrom": {
8974
- "name": "UmTextFieldBase",
8975
- "module": "src/shared/text-field-base/text-field-base.ts"
8976
- }
9093
+ "parameters": [
9094
+ {
9095
+ "name": "argb",
9096
+ "type": {
9097
+ "text": "number"
9098
+ }
9099
+ }
9100
+ ]
8977
9101
  },
8978
9102
  {
8979
9103
  "kind": "field",
8980
- "name": "empty",
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",
8981
9132
  "type": {
8982
- "text": "boolean"
9133
+ "text": "string | null"
8983
9134
  },
8984
- "inheritedFrom": {
8985
- "name": "UmTextFieldBase",
8986
- "module": "src/shared/text-field-base/text-field-base.ts"
8987
- }
8988
- },
8989
- {
8990
- "kind": "method",
8991
- "name": "#handleInput"
9135
+ "default": "null"
8992
9136
  },
8993
9137
  {
8994
9138
  "kind": "field",
8995
- "name": "formAssociated",
9139
+ "name": "colors",
8996
9140
  "type": {
8997
- "text": "boolean"
9141
+ "text": "ThemeColor[]"
8998
9142
  },
8999
- "static": true,
9000
- "default": "true",
9001
- "inheritedFrom": {
9002
- "name": "UmTextFieldBase",
9003
- "module": "src/shared/text-field-base/text-field-base.ts"
9004
- }
9143
+ "default": "[]"
9005
9144
  },
9006
9145
  {
9007
9146
  "kind": "field",
9008
- "name": "shadowRootOptions",
9147
+ "name": "neutralColorPalette",
9009
9148
  "type": {
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"
9149
+ "text": "TonalPalette"
9017
9150
  }
9018
9151
  },
9019
9152
  {
9020
9153
  "kind": "field",
9021
- "name": "variant",
9022
- "attribute": "variant",
9023
- "inheritedFrom": {
9024
- "name": "UmTextFieldBase",
9025
- "module": "src/shared/text-field-base/text-field-base.ts"
9154
+ "name": "neutralVariantColorPalette",
9155
+ "type": {
9156
+ "text": "TonalPalette"
9026
9157
  }
9027
9158
  },
9028
9159
  {
9029
9160
  "kind": "field",
9030
- "name": "label",
9161
+ "name": "partial",
9031
9162
  "type": {
9032
- "text": "string | undefined"
9163
+ "text": "boolean"
9033
9164
  },
9034
- "attribute": "label",
9035
- "inheritedFrom": {
9036
- "name": "UmTextFieldBase",
9037
- "module": "src/shared/text-field-base/text-field-base.ts"
9038
- }
9165
+ "privacy": "private",
9166
+ "default": "false"
9039
9167
  },
9040
9168
  {
9041
- "kind": "field",
9042
- "name": "counter",
9043
- "type": {
9044
- "text": "string | undefined"
9169
+ "kind": "method",
9170
+ "name": "create",
9171
+ "static": true,
9172
+ "return": {
9173
+ "type": {
9174
+ "text": "ThemeBuilder"
9175
+ }
9045
9176
  },
9046
- "attribute": "counter",
9047
- "inheritedFrom": {
9048
- "name": "UmTextFieldBase",
9049
- "module": "src/shared/text-field-base/text-field-base.ts"
9050
- }
9177
+ "parameters": [
9178
+ {
9179
+ "name": "primaryColorHex",
9180
+ "type": {
9181
+ "text": "string"
9182
+ }
9183
+ }
9184
+ ]
9051
9185
  },
9052
9186
  {
9053
- "kind": "field",
9054
- "name": "placeholder",
9055
- "type": {
9056
- "text": "string | undefined"
9057
- },
9058
- "attribute": "placeholder",
9059
- "reflects": true,
9060
- "inheritedFrom": {
9061
- "name": "UmTextFieldBase",
9062
- "module": "src/shared/text-field-base/text-field-base.ts"
9187
+ "kind": "method",
9188
+ "name": "createPartial",
9189
+ "static": true,
9190
+ "return": {
9191
+ "type": {
9192
+ "text": "ThemeBuilder"
9193
+ }
9063
9194
  }
9064
9195
  },
9065
9196
  {
9066
- "kind": "field",
9067
- "name": "supportingText",
9068
- "type": {
9069
- "text": "string | undefined"
9197
+ "kind": "method",
9198
+ "name": "addColorFromHex",
9199
+ "return": {
9200
+ "type": {
9201
+ "text": "ThemeBuilder"
9202
+ }
9070
9203
  },
9071
- "attribute": "supporting-text",
9072
- "inheritedFrom": {
9073
- "name": "UmTextFieldBase",
9074
- "module": "src/shared/text-field-base/text-field-base.ts"
9075
- }
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
+ ]
9076
9218
  },
9077
9219
  {
9078
- "kind": "field",
9079
- "name": "errorText",
9080
- "type": {
9081
- "text": "string | undefined"
9220
+ "kind": "method",
9221
+ "name": "addColorFromPalette",
9222
+ "return": {
9223
+ "type": {
9224
+ "text": "ThemeBuilder"
9225
+ }
9082
9226
  },
9083
- "attribute": "error-text",
9084
- "inheritedFrom": {
9085
- "name": "UmTextFieldBase",
9086
- "module": "src/shared/text-field-base/text-field-base.ts"
9087
- }
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
+ ]
9088
9241
  },
9089
9242
  {
9090
- "kind": "field",
9091
- "name": "disabled",
9092
- "type": {
9093
- "text": "boolean"
9243
+ "kind": "method",
9244
+ "name": "addFixedColor",
9245
+ "return": {
9246
+ "type": {
9247
+ "text": "ThemeBuilder"
9248
+ }
9094
9249
  },
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
- }
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
+ ]
9102
9264
  },
9103
9265
  {
9104
- "kind": "field",
9105
- "name": "invalid",
9106
- "type": {
9107
- "text": "boolean"
9266
+ "kind": "method",
9267
+ "name": "setCssClass",
9268
+ "return": {
9269
+ "type": {
9270
+ "text": "ThemeBuilder"
9271
+ }
9108
9272
  },
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"
9115
- }
9273
+ "parameters": [
9274
+ {
9275
+ "name": "cssClass",
9276
+ "type": {
9277
+ "text": "string"
9278
+ }
9279
+ }
9280
+ ]
9116
9281
  },
9117
9282
  {
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"
9283
+ "kind": "method",
9284
+ "name": "ensureCssClassStartsWithDot",
9285
+ "privacy": "private",
9286
+ "return": {
9287
+ "type": {
9288
+ "text": "void"
9289
+ }
9126
9290
  }
9127
9291
  },
9128
9292
  {
9129
- "kind": "field",
9130
- "name": "elementInternals",
9131
- "type": {
9132
- "text": "ElementInternals"
9133
- },
9134
- "privacy": "protected",
9135
- "inheritedFrom": {
9136
- "name": "UmTextFieldBase",
9137
- "module": "src/shared/text-field-base/text-field-base.ts"
9293
+ "kind": "method",
9294
+ "name": "ensureThemeColors",
9295
+ "privacy": "private",
9296
+ "return": {
9297
+ "type": {
9298
+ "text": "void"
9299
+ }
9138
9300
  }
9139
- }
9140
- ],
9141
- "attributes": [
9142
- {
9143
- "name": "value",
9144
- "fieldName": "value"
9145
9301
  },
9146
9302
  {
9147
- "name": "prefix-text",
9148
- "type": {
9149
- "text": "string | undefined"
9303
+ "kind": "method",
9304
+ "name": "getNeutralVariables",
9305
+ "privacy": "private",
9306
+ "return": {
9307
+ "type": {
9308
+ "text": "string"
9309
+ }
9150
9310
  },
9151
- "fieldName": "prefixText"
9311
+ "parameters": [
9312
+ {
9313
+ "name": "dark",
9314
+ "type": {
9315
+ "text": "boolean"
9316
+ }
9317
+ }
9318
+ ]
9152
9319
  },
9153
9320
  {
9154
- "name": "suffix-text",
9155
- "type": {
9156
- "text": "string | undefined"
9157
- },
9158
- "fieldName": "suffixText"
9159
- },
9160
- {
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"
9321
+ "kind": "method",
9322
+ "name": "getNeutralVariantVariables",
9323
+ "privacy": "private",
9324
+ "return": {
9325
+ "type": {
9326
+ "text": "string"
9327
+ }
9227
9328
  },
9228
- "default": "false",
9229
- "fieldName": "disabled",
9230
- "inheritedFrom": {
9231
- "name": "UmTextFieldBase",
9232
- "module": "src/shared/text-field-base/text-field-base.ts"
9233
- }
9329
+ "parameters": [
9330
+ {
9331
+ "name": "dark",
9332
+ "type": {
9333
+ "text": "boolean"
9334
+ }
9335
+ }
9336
+ ]
9234
9337
  },
9235
9338
  {
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"
9339
+ "kind": "method",
9340
+ "name": "getColorVariables",
9341
+ "return": {
9342
+ "type": {
9343
+ "text": "string"
9344
+ }
9295
9345
  },
9296
- "privacy": "private",
9297
- "default": "''"
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
+ ]
9298
9360
  },
9299
9361
  {
9300
9362
  "kind": "method",
9301
- "name": "create",
9302
- "static": true,
9363
+ "name": "getColorsVariables",
9364
+ "privacy": "private",
9303
9365
  "return": {
9304
9366
  "type": {
9305
- "text": "CssVarBuilder"
9367
+ "text": "string"
9306
9368
  }
9307
- }
9369
+ },
9370
+ "parameters": [
9371
+ {
9372
+ "name": "dark",
9373
+ "type": {
9374
+ "text": "boolean"
9375
+ }
9376
+ }
9377
+ ]
9308
9378
  },
9309
9379
  {
9310
9380
  "kind": "method",
9311
- "name": "add",
9381
+ "name": "addColors",
9382
+ "privacy": "private",
9312
9383
  "return": {
9313
9384
  "type": {
9314
- "text": "CssVarBuilder"
9385
+ "text": "void"
9315
9386
  }
9316
9387
  },
9317
9388
  "parameters": [
9318
9389
  {
9319
- "name": "name",
9390
+ "name": "builder",
9320
9391
  "type": {
9321
- "text": "string"
9392
+ "text": "CssVarBuilder"
9322
9393
  }
9323
9394
  },
9324
9395
  {
9325
- "name": "value",
9396
+ "name": "colors",
9326
9397
  "type": {
9327
- "text": "string"
9398
+ "text": "Color[]"
9399
+ }
9400
+ },
9401
+ {
9402
+ "name": "palette",
9403
+ "type": {
9404
+ "text": "TonalPalette"
9405
+ }
9406
+ },
9407
+ {
9408
+ "name": "dark",
9409
+ "type": {
9410
+ "text": "boolean"
9328
9411
  }
9329
9412
  }
9330
9413
  ]
9331
9414
  },
9332
9415
  {
9333
9416
  "kind": "method",
9334
- "name": "addFromArgb",
9417
+ "name": "addToneColor",
9418
+ "privacy": "private",
9335
9419
  "return": {
9336
9420
  "type": {
9337
- "text": "CssVarBuilder"
9421
+ "text": "void"
9338
9422
  }
9339
9423
  },
9340
9424
  "parameters": [
9341
9425
  {
9342
- "name": "name",
9426
+ "name": "builder",
9343
9427
  "type": {
9344
- "text": "string"
9428
+ "text": "CssVarBuilder"
9345
9429
  }
9346
9430
  },
9347
9431
  {
9348
- "name": "argb",
9432
+ "name": "color",
9349
9433
  "type": {
9350
- "text": "number"
9434
+ "text": "Color"
9435
+ }
9436
+ },
9437
+ {
9438
+ "name": "palette",
9439
+ "type": {
9440
+ "text": "TonalPalette"
9441
+ }
9442
+ },
9443
+ {
9444
+ "name": "dark",
9445
+ "type": {
9446
+ "text": "boolean"
9351
9447
  }
9352
9448
  }
9353
9449
  ]
@@ -9367,498 +9463,402 @@
9367
9463
  "exports": [
9368
9464
  {
9369
9465
  "kind": "js",
9370
- "name": "CssVarBuilder",
9466
+ "name": "ThemeBuilder",
9371
9467
  "declaration": {
9372
- "name": "CssVarBuilder",
9373
- "module": "src/theme/css-var-builder.ts"
9468
+ "name": "ThemeBuilder",
9469
+ "module": "src/theme/theme-builder.ts"
9374
9470
  }
9375
9471
  }
9376
9472
  ]
9377
9473
  },
9378
9474
  {
9379
9475
  "kind": "javascript-module",
9380
- "path": "src/theme/index.ts",
9476
+ "path": "src/theme/theme-color.ts",
9381
9477
  "declarations": [],
9382
- "exports": [
9383
- {
9384
- "kind": "js",
9385
- "name": "*",
9386
- "declaration": {
9387
- "name": "*",
9388
- "package": "./theme-builder.js"
9389
- }
9390
- }
9391
- ]
9478
+ "exports": []
9392
9479
  },
9393
9480
  {
9394
9481
  "kind": "javascript-module",
9395
- "path": "src/theme/neutral-colors.ts",
9482
+ "path": "src/text-field/text-field.styles.ts",
9396
9483
  "declarations": [
9397
9484
  {
9398
9485
  "kind": "variable",
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]"
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`"
9412
9488
  }
9413
9489
  ],
9414
9490
  "exports": [
9415
9491
  {
9416
9492
  "kind": "js",
9417
- "name": "neutralColors",
9418
- "declaration": {
9419
- "name": "neutralColors",
9420
- "module": "src/theme/neutral-colors.ts"
9421
- }
9422
- },
9423
- {
9424
- "kind": "js",
9425
- "name": "neutralVariantColors",
9493
+ "name": "styles",
9426
9494
  "declaration": {
9427
- "name": "neutralVariantColors",
9428
- "module": "src/theme/neutral-colors.ts"
9495
+ "name": "styles",
9496
+ "module": "src/text-field/text-field.styles.ts"
9429
9497
  }
9430
9498
  }
9431
9499
  ]
9432
9500
  },
9433
9501
  {
9434
9502
  "kind": "javascript-module",
9435
- "path": "src/theme/rgb-color.ts",
9503
+ "path": "src/text-field/text-field.ts",
9436
9504
  "declarations": [
9437
9505
  {
9438
9506
  "kind": "class",
9439
9507
  "description": "",
9440
- "name": "RgbColor",
9508
+ "name": "UmTextField",
9441
9509
  "members": [
9442
9510
  {
9443
9511
  "kind": "field",
9444
- "name": "r",
9512
+ "name": "#value",
9513
+ "privacy": "private",
9445
9514
  "type": {
9446
- "text": "number"
9515
+ "text": "string"
9447
9516
  },
9448
- "default": "r"
9517
+ "default": "''"
9449
9518
  },
9450
9519
  {
9451
9520
  "kind": "field",
9452
- "name": "g",
9521
+ "name": "value",
9522
+ "attribute": "value"
9523
+ },
9524
+ {
9525
+ "kind": "field",
9526
+ "name": "prefixText",
9453
9527
  "type": {
9454
- "text": "number"
9528
+ "text": "string | undefined"
9455
9529
  },
9456
- "default": "g"
9530
+ "attribute": "prefix-text"
9457
9531
  },
9458
9532
  {
9459
9533
  "kind": "field",
9460
- "name": "b",
9534
+ "name": "suffixText",
9461
9535
  "type": {
9462
- "text": "number"
9536
+ "text": "string | undefined"
9463
9537
  },
9464
- "default": "b"
9538
+ "attribute": "suffix-text"
9539
+ },
9540
+ {
9541
+ "kind": "field",
9542
+ "name": "input",
9543
+ "type": {
9544
+ "text": "HTMLInputElement"
9545
+ }
9465
9546
  },
9466
9547
  {
9467
9548
  "kind": "method",
9468
- "name": "fromArgb",
9469
- "static": true,
9549
+ "name": "focus"
9550
+ },
9551
+ {
9552
+ "kind": "method",
9553
+ "name": "renderContent",
9554
+ "privacy": "protected",
9470
9555
  "return": {
9471
9556
  "type": {
9472
- "text": "RgbColor"
9557
+ "text": "HTMLTemplateResult"
9473
9558
  }
9474
9559
  },
9475
- "parameters": [
9476
- {
9477
- "name": "argb",
9478
- "type": {
9479
- "text": "number"
9480
- }
9481
- }
9482
- ]
9560
+ "inheritedFrom": {
9561
+ "name": "UmTextFieldBase",
9562
+ "module": "src/shared/text-field-base/text-field-base.ts"
9563
+ }
9483
9564
  },
9484
9565
  {
9485
9566
  "kind": "field",
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": [
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
+ },
9511
9580
  {
9512
9581
  "kind": "field",
9513
- "name": "cssClass",
9582
+ "name": "formAssociated",
9514
9583
  "type": {
9515
- "text": "string | null"
9584
+ "text": "boolean"
9516
9585
  },
9517
- "default": "null"
9586
+ "static": true,
9587
+ "default": "true",
9588
+ "inheritedFrom": {
9589
+ "name": "UmTextFieldBase",
9590
+ "module": "src/shared/text-field-base/text-field-base.ts"
9591
+ }
9518
9592
  },
9519
9593
  {
9520
9594
  "kind": "field",
9521
- "name": "colors",
9595
+ "name": "shadowRootOptions",
9522
9596
  "type": {
9523
- "text": "ThemeColor[]"
9597
+ "text": "ShadowRootInit"
9524
9598
  },
9525
- "default": "[]"
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
+ }
9526
9605
  },
9527
9606
  {
9528
9607
  "kind": "field",
9529
- "name": "neutralColorPalette",
9530
- "type": {
9531
- "text": "TonalPalette"
9608
+ "name": "variant",
9609
+ "attribute": "variant",
9610
+ "inheritedFrom": {
9611
+ "name": "UmTextFieldBase",
9612
+ "module": "src/shared/text-field-base/text-field-base.ts"
9532
9613
  }
9533
9614
  },
9534
9615
  {
9535
9616
  "kind": "field",
9536
- "name": "neutralVariantColorPalette",
9617
+ "name": "label",
9537
9618
  "type": {
9538
- "text": "TonalPalette"
9619
+ "text": "string | undefined"
9620
+ },
9621
+ "attribute": "label",
9622
+ "inheritedFrom": {
9623
+ "name": "UmTextFieldBase",
9624
+ "module": "src/shared/text-field-base/text-field-base.ts"
9539
9625
  }
9540
9626
  },
9541
9627
  {
9542
9628
  "kind": "field",
9543
- "name": "partial",
9629
+ "name": "counter",
9544
9630
  "type": {
9545
- "text": "boolean"
9631
+ "text": "string | undefined"
9546
9632
  },
9547
- "privacy": "private",
9548
- "default": "false"
9633
+ "attribute": "counter",
9634
+ "inheritedFrom": {
9635
+ "name": "UmTextFieldBase",
9636
+ "module": "src/shared/text-field-base/text-field-base.ts"
9637
+ }
9549
9638
  },
9550
9639
  {
9551
- "kind": "method",
9552
- "name": "create",
9553
- "static": true,
9554
- "return": {
9555
- "type": {
9556
- "text": "ThemeBuilder"
9557
- }
9640
+ "kind": "field",
9641
+ "name": "placeholder",
9642
+ "type": {
9643
+ "text": "string | undefined"
9558
9644
  },
9559
- "parameters": [
9560
- {
9561
- "name": "primaryColorHex",
9562
- "type": {
9563
- "text": "string"
9564
- }
9565
- }
9566
- ]
9645
+ "attribute": "placeholder",
9646
+ "reflects": true,
9647
+ "inheritedFrom": {
9648
+ "name": "UmTextFieldBase",
9649
+ "module": "src/shared/text-field-base/text-field-base.ts"
9650
+ }
9567
9651
  },
9568
9652
  {
9569
- "kind": "method",
9570
- "name": "createPartial",
9571
- "static": true,
9572
- "return": {
9573
- "type": {
9574
- "text": "ThemeBuilder"
9575
- }
9653
+ "kind": "field",
9654
+ "name": "supportingText",
9655
+ "type": {
9656
+ "text": "string | undefined"
9657
+ },
9658
+ "attribute": "supporting-text",
9659
+ "inheritedFrom": {
9660
+ "name": "UmTextFieldBase",
9661
+ "module": "src/shared/text-field-base/text-field-base.ts"
9576
9662
  }
9577
9663
  },
9578
9664
  {
9579
- "kind": "method",
9580
- "name": "addColorFromHex",
9581
- "return": {
9582
- "type": {
9583
- "text": "ThemeBuilder"
9584
- }
9665
+ "kind": "field",
9666
+ "name": "errorText",
9667
+ "type": {
9668
+ "text": "string | undefined"
9585
9669
  },
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
- ]
9670
+ "attribute": "error-text",
9671
+ "inheritedFrom": {
9672
+ "name": "UmTextFieldBase",
9673
+ "module": "src/shared/text-field-base/text-field-base.ts"
9674
+ }
9600
9675
  },
9601
9676
  {
9602
- "kind": "method",
9603
- "name": "addColorFromPalette",
9604
- "return": {
9605
- "type": {
9606
- "text": "ThemeBuilder"
9607
- }
9677
+ "kind": "field",
9678
+ "name": "disabled",
9679
+ "type": {
9680
+ "text": "boolean"
9608
9681
  },
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
- ]
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"
9688
+ }
9623
9689
  },
9624
9690
  {
9625
- "kind": "method",
9626
- "name": "addFixedColor",
9627
- "return": {
9628
- "type": {
9629
- "text": "ThemeBuilder"
9630
- }
9691
+ "kind": "field",
9692
+ "name": "invalid",
9693
+ "type": {
9694
+ "text": "boolean"
9631
9695
  },
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
- ]
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"
9702
+ }
9646
9703
  },
9647
9704
  {
9648
- "kind": "method",
9649
- "name": "setCssClass",
9650
- "return": {
9651
- "type": {
9652
- "text": "ThemeBuilder"
9653
- }
9705
+ "kind": "field",
9706
+ "name": "form",
9707
+ "type": {
9708
+ "text": "HTMLFormElement | null"
9654
9709
  },
9655
- "parameters": [
9656
- {
9657
- "name": "cssClass",
9658
- "type": {
9659
- "text": "string"
9660
- }
9661
- }
9662
- ]
9710
+ "inheritedFrom": {
9711
+ "name": "UmTextFieldBase",
9712
+ "module": "src/shared/text-field-base/text-field-base.ts"
9713
+ }
9663
9714
  },
9664
9715
  {
9665
- "kind": "method",
9666
- "name": "ensureCssClassStartsWithDot",
9667
- "privacy": "private",
9668
- "return": {
9669
- "type": {
9670
- "text": "void"
9671
- }
9716
+ "kind": "field",
9717
+ "name": "elementInternals",
9718
+ "type": {
9719
+ "text": "ElementInternals"
9720
+ },
9721
+ "privacy": "protected",
9722
+ "inheritedFrom": {
9723
+ "name": "UmTextFieldBase",
9724
+ "module": "src/shared/text-field-base/text-field-base.ts"
9672
9725
  }
9726
+ }
9727
+ ],
9728
+ "attributes": [
9729
+ {
9730
+ "name": "value",
9731
+ "fieldName": "value"
9673
9732
  },
9674
9733
  {
9675
- "kind": "method",
9676
- "name": "ensureThemeColors",
9677
- "privacy": "private",
9678
- "return": {
9679
- "type": {
9680
- "text": "void"
9681
- }
9682
- }
9734
+ "name": "prefix-text",
9735
+ "type": {
9736
+ "text": "string | undefined"
9737
+ },
9738
+ "fieldName": "prefixText"
9683
9739
  },
9684
9740
  {
9685
- "kind": "method",
9686
- "name": "getNeutralVariables",
9687
- "privacy": "private",
9688
- "return": {
9689
- "type": {
9690
- "text": "string"
9691
- }
9741
+ "name": "suffix-text",
9742
+ "type": {
9743
+ "text": "string | undefined"
9692
9744
  },
9693
- "parameters": [
9694
- {
9695
- "name": "dark",
9696
- "type": {
9697
- "text": "boolean"
9698
- }
9699
- }
9700
- ]
9745
+ "fieldName": "suffixText"
9701
9746
  },
9702
9747
  {
9703
- "kind": "method",
9704
- "name": "getNeutralVariantVariables",
9705
- "privacy": "private",
9706
- "return": {
9707
- "type": {
9708
- "text": "string"
9709
- }
9748
+ "name": "variant",
9749
+ "fieldName": "variant",
9750
+ "inheritedFrom": {
9751
+ "name": "UmTextFieldBase",
9752
+ "module": "src/shared/text-field-base/text-field-base.ts"
9753
+ }
9754
+ },
9755
+ {
9756
+ "name": "label",
9757
+ "type": {
9758
+ "text": "string | undefined"
9710
9759
  },
9711
- "parameters": [
9712
- {
9713
- "name": "dark",
9714
- "type": {
9715
- "text": "boolean"
9716
- }
9717
- }
9718
- ]
9760
+ "fieldName": "label",
9761
+ "inheritedFrom": {
9762
+ "name": "UmTextFieldBase",
9763
+ "module": "src/shared/text-field-base/text-field-base.ts"
9764
+ }
9719
9765
  },
9720
9766
  {
9721
- "kind": "method",
9722
- "name": "getColorVariables",
9723
- "return": {
9724
- "type": {
9725
- "text": "string"
9726
- }
9767
+ "name": "counter",
9768
+ "type": {
9769
+ "text": "string | undefined"
9727
9770
  },
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
- ]
9771
+ "fieldName": "counter",
9772
+ "inheritedFrom": {
9773
+ "name": "UmTextFieldBase",
9774
+ "module": "src/shared/text-field-base/text-field-base.ts"
9775
+ }
9776
+ },
9777
+ {
9778
+ "name": "placeholder",
9779
+ "type": {
9780
+ "text": "string | undefined"
9781
+ },
9782
+ "fieldName": "placeholder",
9783
+ "inheritedFrom": {
9784
+ "name": "UmTextFieldBase",
9785
+ "module": "src/shared/text-field-base/text-field-base.ts"
9786
+ }
9742
9787
  },
9743
9788
  {
9744
- "kind": "method",
9745
- "name": "getColorsVariables",
9746
- "privacy": "private",
9747
- "return": {
9748
- "type": {
9749
- "text": "string"
9750
- }
9789
+ "name": "supporting-text",
9790
+ "type": {
9791
+ "text": "string | undefined"
9751
9792
  },
9752
- "parameters": [
9753
- {
9754
- "name": "dark",
9755
- "type": {
9756
- "text": "boolean"
9757
- }
9758
- }
9759
- ]
9793
+ "fieldName": "supportingText",
9794
+ "inheritedFrom": {
9795
+ "name": "UmTextFieldBase",
9796
+ "module": "src/shared/text-field-base/text-field-base.ts"
9797
+ }
9760
9798
  },
9761
9799
  {
9762
- "kind": "method",
9763
- "name": "addColors",
9764
- "privacy": "private",
9765
- "return": {
9766
- "type": {
9767
- "text": "void"
9768
- }
9800
+ "name": "error-text",
9801
+ "type": {
9802
+ "text": "string | undefined"
9769
9803
  },
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
- ]
9804
+ "fieldName": "errorText",
9805
+ "inheritedFrom": {
9806
+ "name": "UmTextFieldBase",
9807
+ "module": "src/shared/text-field-base/text-field-base.ts"
9808
+ }
9796
9809
  },
9797
9810
  {
9798
- "kind": "method",
9799
- "name": "addToneColor",
9800
- "privacy": "private",
9801
- "return": {
9802
- "type": {
9803
- "text": "void"
9804
- }
9811
+ "name": "disabled",
9812
+ "type": {
9813
+ "text": "boolean"
9805
9814
  },
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
- ]
9815
+ "default": "false",
9816
+ "fieldName": "disabled",
9817
+ "inheritedFrom": {
9818
+ "name": "UmTextFieldBase",
9819
+ "module": "src/shared/text-field-base/text-field-base.ts"
9820
+ }
9832
9821
  },
9833
9822
  {
9834
- "kind": "method",
9835
- "name": "build",
9836
- "return": {
9837
- "type": {
9838
- "text": "string"
9839
- }
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"
9840
9832
  }
9841
9833
  }
9842
- ]
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
9843
9841
  }
9844
9842
  ],
9845
9843
  "exports": [
9846
9844
  {
9847
9845
  "kind": "js",
9848
- "name": "ThemeBuilder",
9846
+ "name": "UmTextField",
9849
9847
  "declaration": {
9850
- "name": "ThemeBuilder",
9851
- "module": "src/theme/theme-builder.ts"
9848
+ "name": "UmTextField",
9849
+ "module": "src/text-field/text-field.ts"
9850
+ }
9851
+ },
9852
+ {
9853
+ "kind": "custom-element-definition",
9854
+ "name": "u-text-field",
9855
+ "declaration": {
9856
+ "name": "UmTextField",
9857
+ "module": "src/text-field/text-field.ts"
9852
9858
  }
9853
9859
  }
9854
9860
  ]
9855
9861
  },
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",
@@ -10101,7 +10101,7 @@
10101
10101
  "kind": "field",
10102
10102
  "name": "source",
10103
10103
  "type": {
10104
- "text": "(any[] | (() => Promise<any[]>)) | undefined"
10104
+ "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
10105
10105
  },
10106
10106
  "attribute": "source"
10107
10107
  },
@@ -10291,7 +10291,7 @@
10291
10291
  {
10292
10292
  "name": "source",
10293
10293
  "type": {
10294
- "text": "(any[] | (() => Promise<any[]>)) | undefined"
10294
+ "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
10295
10295
  },
10296
10296
  "fieldName": "source"
10297
10297
  },
@@ -10634,6 +10634,56 @@
10634
10634
  }
10635
10635
  ]
10636
10636
  },
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
+ },
10637
10687
  {
10638
10688
  "kind": "javascript-module",
10639
10689
  "path": "src/shared/text-field-base/text-field-base.styles.ts",
@@ -10852,56 +10902,6 @@
10852
10902
  }
10853
10903
  }
10854
10904
  ]
10855
- },
10856
- {
10857
- "kind": "javascript-module",
10858
- "path": "src/shared/sets/set-base.ts",
10859
- "declarations": [
10860
- {
10861
- "kind": "class",
10862
- "description": "",
10863
- "name": "UmSetBase",
10864
- "members": [
10865
- {
10866
- "kind": "field",
10867
- "name": "alignment",
10868
- "type": {
10869
- "text": "'start' | 'center' | 'end'"
10870
- },
10871
- "default": "'start'",
10872
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10873
- "attribute": "alignment",
10874
- "reflects": true
10875
- }
10876
- ],
10877
- "attributes": [
10878
- {
10879
- "name": "alignment",
10880
- "type": {
10881
- "text": "'start' | 'center' | 'end'"
10882
- },
10883
- "default": "'start'",
10884
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10885
- "fieldName": "alignment"
10886
- }
10887
- ],
10888
- "superclass": {
10889
- "name": "LitElement",
10890
- "package": "lit"
10891
- },
10892
- "customElement": true
10893
- }
10894
- ],
10895
- "exports": [
10896
- {
10897
- "kind": "js",
10898
- "name": "UmSetBase",
10899
- "declaration": {
10900
- "name": "UmSetBase",
10901
- "module": "src/shared/sets/set-base.ts"
10902
- }
10903
- }
10904
- ]
10905
10905
  }
10906
10906
  ]
10907
10907
  }