@skedulo/breeze-ui 1.22.10 → 1.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +21 -1
- package/dist/lib/cjs/breeze-ui.js +235 -231
- package/dist/lib/es/breeze-ui.js +393 -385
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/components/inline-edit/inline-edit-field.d.ts +4 -0
- package/dist/types/components/inline-edit/inline-edit-field.d.ts.map +1 -1
- package/dist/types/components/inline-edit/inline-edit.styles.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -31375,6 +31375,17 @@
|
|
|
31375
31375
|
"description": "Truncates the field value in read mode.",
|
|
31376
31376
|
"attribute": "truncate"
|
|
31377
31377
|
},
|
|
31378
|
+
{
|
|
31379
|
+
"kind": "field",
|
|
31380
|
+
"name": "placeholder",
|
|
31381
|
+
"type": {
|
|
31382
|
+
"text": "string"
|
|
31383
|
+
},
|
|
31384
|
+
"default": "'None'",
|
|
31385
|
+
"description": "Specifies the text to display when the field value is empty.",
|
|
31386
|
+
"attribute": "placeholder",
|
|
31387
|
+
"reflects": true
|
|
31388
|
+
},
|
|
31378
31389
|
{
|
|
31379
31390
|
"kind": "method",
|
|
31380
31391
|
"name": "setOverflowingState",
|
|
@@ -31615,6 +31626,15 @@
|
|
|
31615
31626
|
"description": "Truncates the field value in read mode.",
|
|
31616
31627
|
"fieldName": "truncate"
|
|
31617
31628
|
},
|
|
31629
|
+
{
|
|
31630
|
+
"name": "placeholder",
|
|
31631
|
+
"type": {
|
|
31632
|
+
"text": "string"
|
|
31633
|
+
},
|
|
31634
|
+
"default": "'None'",
|
|
31635
|
+
"description": "Specifies the text to display when the field value is empty.",
|
|
31636
|
+
"fieldName": "placeholder"
|
|
31637
|
+
},
|
|
31618
31638
|
{
|
|
31619
31639
|
"name": "locked",
|
|
31620
31640
|
"type": {
|
|
@@ -32199,7 +32219,7 @@
|
|
|
32199
32219
|
{
|
|
32200
32220
|
"kind": "variable",
|
|
32201
32221
|
"name": "inlineEditFieldStyles",
|
|
32202
|
-
"default": "css`\n :host {\n display: block;\n }\n\n .button {\n --brz-button-color: var(--brz-color-neutral-850);\n --brz-button-icon-color: var(--brz-color-neutral-600);\n --brz-button-font-weight: var(--brz-font-weight-normal);\n }\n\n .button.offset {\n margin-left: calc(0px - var(--brz-spacing-2));\n margin-top: calc(0px - var(--brz-spacing-1));\n }\n\n :host(:not([locked])) .button {\n width: 100%;\n }\n\n .button[disabled]::part(button) {\n --brz-button-color: inherit !important;\n }\n\n .button::part(button) {\n height: auto;\n min-height: var(--brz-button-height);\n width: 100%;\n }\n\n .button:hover:not([disabled])::part(button) {\n --brz-button-background-color: var(--brz-color-neutral-250);\n }\n\n .button::part(contents) {\n justify-content: space-between;\n width: 100%;\n }\n\n .button::part(icon-right) {\n display: none;\n }\n\n .button:hover::part(button) {\n transition: background-color 100ms ease-in-out;\n }\n\n .button:hover::part(icon-right),\n .button:focus::part(icon-right) {\n display: block;\n }\n\n .button.overflowing:hover::part(icon-right),\n .button.overflowing:focus::part(icon-right) {\n align-self: flex-start;\n margin-top: var(--brz-spacing-2);\n }\n\n .edit-mode {\n display: inline-block;\n }\n\n .edit-mode.block {\n display: block;\n }\n\n .value {\n max-width: calc(100% - var(--brz-spacing-5));\n text-align: left;\n }\n\n .value.overflowing {\n padding: calc(var(--brz-spacing-2) - var(--brz-spacing-px)) 0;\n }\n\n :host([locked]) .button:not(:hover) .value {\n padding-right: var(--brz-spacing-5);\n }\n\n .value.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n brz-inline-edit-controls {\n --brz-inline-edit-controls-spacing: var(--brz-spacing-2);\n\n margin-top: var(--brz-inline-edit-controls-spacing);\n }\n`"
|
|
32222
|
+
"default": "css`\n :host {\n display: block;\n }\n\n .button {\n --brz-button-color: var(--brz-color-neutral-850);\n --brz-button-icon-color: var(--brz-color-neutral-600);\n --brz-button-font-weight: var(--brz-font-weight-normal);\n }\n\n .button.offset {\n margin-left: calc(0px - var(--brz-spacing-2));\n margin-top: calc(0px - var(--brz-spacing-1));\n }\n\n :host(:not([locked])) .button {\n width: 100%;\n }\n\n .button[disabled]::part(button) {\n --brz-button-color: inherit !important;\n }\n\n .button::part(button) {\n height: auto;\n min-height: var(--brz-button-height);\n width: 100%;\n }\n\n .button:hover:not([disabled])::part(button) {\n --brz-button-background-color: var(--brz-color-neutral-250);\n }\n\n .button::part(contents) {\n justify-content: space-between;\n width: 100%;\n }\n\n .button::part(icon-right) {\n display: none;\n }\n\n .button:hover::part(button) {\n transition: background-color 100ms ease-in-out;\n }\n\n .button:hover::part(icon-right),\n .button:focus::part(icon-right) {\n display: block;\n }\n\n .button.overflowing:hover::part(icon-right),\n .button.overflowing:focus::part(icon-right) {\n align-self: flex-start;\n margin-top: var(--brz-spacing-2);\n }\n\n .edit-mode {\n display: inline-block;\n }\n\n .edit-mode.block {\n display: block;\n }\n\n .value {\n max-width: calc(100% - var(--brz-spacing-5));\n text-align: left;\n }\n\n .value.overflowing {\n padding: calc(var(--brz-spacing-2) - var(--brz-spacing-px)) 0;\n }\n\n :host([locked]) .button:not(:hover) .value {\n padding-right: var(--brz-spacing-5);\n }\n\n .value.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .value.empty {\n color: var(--brz-color-neutral-550);\n }\n\n brz-inline-edit-controls {\n --brz-inline-edit-controls-spacing: var(--brz-spacing-2);\n\n margin-top: var(--brz-inline-edit-controls-spacing);\n }\n`"
|
|
32203
32223
|
},
|
|
32204
32224
|
{
|
|
32205
32225
|
"kind": "variable",
|