@skedulo/breeze-ui 1.22.10 → 1.23.1
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 +94 -1
- package/dist/lib/cjs/breeze-ui.js +240 -236
- package/dist/lib/es/breeze-ui.js +1114 -1103
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/components/date-time/base-date-time-range.d.ts +5 -1
- package/dist/types/components/date-time/base-date-time-range.d.ts.map +1 -1
- package/dist/types/components/date-time/base-date-time.types.d.ts +3 -0
- package/dist/types/components/date-time/base-date-time.types.d.ts.map +1 -1
- package/dist/types/components/date-time/time-range/time-range.d.ts +1 -1
- package/dist/types/components/date-time/time-range/time-range.d.ts.map +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
|
@@ -21295,6 +21295,16 @@
|
|
|
21295
21295
|
"description": "Hide timezone",
|
|
21296
21296
|
"attribute": "hide-timezone"
|
|
21297
21297
|
},
|
|
21298
|
+
{
|
|
21299
|
+
"kind": "field",
|
|
21300
|
+
"name": "timeOnly",
|
|
21301
|
+
"type": {
|
|
21302
|
+
"text": "boolean"
|
|
21303
|
+
},
|
|
21304
|
+
"default": "false",
|
|
21305
|
+
"description": "Force time-only display regardless of date span",
|
|
21306
|
+
"attribute": "time-only"
|
|
21307
|
+
},
|
|
21298
21308
|
{
|
|
21299
21309
|
"kind": "field",
|
|
21300
21310
|
"name": "dateFormat",
|
|
@@ -21378,6 +21388,15 @@
|
|
|
21378
21388
|
"description": "Hide timezone",
|
|
21379
21389
|
"fieldName": "hideTimezone"
|
|
21380
21390
|
},
|
|
21391
|
+
{
|
|
21392
|
+
"name": "time-only",
|
|
21393
|
+
"type": {
|
|
21394
|
+
"text": "boolean"
|
|
21395
|
+
},
|
|
21396
|
+
"default": "false",
|
|
21397
|
+
"description": "Force time-only display regardless of date span",
|
|
21398
|
+
"fieldName": "timeOnly"
|
|
21399
|
+
},
|
|
21381
21400
|
{
|
|
21382
21401
|
"name": "date-format",
|
|
21383
21402
|
"type": {
|
|
@@ -31375,6 +31394,17 @@
|
|
|
31375
31394
|
"description": "Truncates the field value in read mode.",
|
|
31376
31395
|
"attribute": "truncate"
|
|
31377
31396
|
},
|
|
31397
|
+
{
|
|
31398
|
+
"kind": "field",
|
|
31399
|
+
"name": "placeholder",
|
|
31400
|
+
"type": {
|
|
31401
|
+
"text": "string"
|
|
31402
|
+
},
|
|
31403
|
+
"default": "'None'",
|
|
31404
|
+
"description": "Specifies the text to display when the field value is empty.",
|
|
31405
|
+
"attribute": "placeholder",
|
|
31406
|
+
"reflects": true
|
|
31407
|
+
},
|
|
31378
31408
|
{
|
|
31379
31409
|
"kind": "method",
|
|
31380
31410
|
"name": "setOverflowingState",
|
|
@@ -31615,6 +31645,15 @@
|
|
|
31615
31645
|
"description": "Truncates the field value in read mode.",
|
|
31616
31646
|
"fieldName": "truncate"
|
|
31617
31647
|
},
|
|
31648
|
+
{
|
|
31649
|
+
"name": "placeholder",
|
|
31650
|
+
"type": {
|
|
31651
|
+
"text": "string"
|
|
31652
|
+
},
|
|
31653
|
+
"default": "'None'",
|
|
31654
|
+
"description": "Specifies the text to display when the field value is empty.",
|
|
31655
|
+
"fieldName": "placeholder"
|
|
31656
|
+
},
|
|
31618
31657
|
{
|
|
31619
31658
|
"name": "locked",
|
|
31620
31659
|
"type": {
|
|
@@ -32199,7 +32238,7 @@
|
|
|
32199
32238
|
{
|
|
32200
32239
|
"kind": "variable",
|
|
32201
32240
|
"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`"
|
|
32241
|
+
"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
32242
|
},
|
|
32204
32243
|
{
|
|
32205
32244
|
"kind": "variable",
|
|
@@ -35361,6 +35400,20 @@
|
|
|
35361
35400
|
"module": "src/components/date-time/base-date-time-range.ts"
|
|
35362
35401
|
}
|
|
35363
35402
|
},
|
|
35403
|
+
{
|
|
35404
|
+
"kind": "field",
|
|
35405
|
+
"name": "timeOnly",
|
|
35406
|
+
"type": {
|
|
35407
|
+
"text": "boolean"
|
|
35408
|
+
},
|
|
35409
|
+
"default": "false",
|
|
35410
|
+
"description": "Force time-only display regardless of date span",
|
|
35411
|
+
"attribute": "time-only",
|
|
35412
|
+
"inheritedFrom": {
|
|
35413
|
+
"name": "BaseDateTimeRange",
|
|
35414
|
+
"module": "src/components/date-time/base-date-time-range.ts"
|
|
35415
|
+
}
|
|
35416
|
+
},
|
|
35364
35417
|
{
|
|
35365
35418
|
"kind": "field",
|
|
35366
35419
|
"name": "dateFormat",
|
|
@@ -35440,6 +35493,19 @@
|
|
|
35440
35493
|
"module": "src/components/date-time/base-date-time-range.ts"
|
|
35441
35494
|
}
|
|
35442
35495
|
},
|
|
35496
|
+
{
|
|
35497
|
+
"name": "time-only",
|
|
35498
|
+
"type": {
|
|
35499
|
+
"text": "boolean"
|
|
35500
|
+
},
|
|
35501
|
+
"default": "false",
|
|
35502
|
+
"description": "Force time-only display regardless of date span",
|
|
35503
|
+
"fieldName": "timeOnly",
|
|
35504
|
+
"inheritedFrom": {
|
|
35505
|
+
"name": "BaseDateTimeRange",
|
|
35506
|
+
"module": "src/components/date-time/base-date-time-range.ts"
|
|
35507
|
+
}
|
|
35508
|
+
},
|
|
35443
35509
|
{
|
|
35444
35510
|
"name": "date-format",
|
|
35445
35511
|
"type": {
|
|
@@ -35659,6 +35725,20 @@
|
|
|
35659
35725
|
"module": "src/components/date-time/base-date-time-range.ts"
|
|
35660
35726
|
}
|
|
35661
35727
|
},
|
|
35728
|
+
{
|
|
35729
|
+
"kind": "field",
|
|
35730
|
+
"name": "timeOnly",
|
|
35731
|
+
"type": {
|
|
35732
|
+
"text": "boolean"
|
|
35733
|
+
},
|
|
35734
|
+
"default": "false",
|
|
35735
|
+
"description": "Force time-only display regardless of date span",
|
|
35736
|
+
"attribute": "time-only",
|
|
35737
|
+
"inheritedFrom": {
|
|
35738
|
+
"name": "BaseDateTimeRange",
|
|
35739
|
+
"module": "src/components/date-time/base-date-time-range.ts"
|
|
35740
|
+
}
|
|
35741
|
+
},
|
|
35662
35742
|
{
|
|
35663
35743
|
"kind": "field",
|
|
35664
35744
|
"name": "dateFormat",
|
|
@@ -35738,6 +35818,19 @@
|
|
|
35738
35818
|
"module": "src/components/date-time/base-date-time-range.ts"
|
|
35739
35819
|
}
|
|
35740
35820
|
},
|
|
35821
|
+
{
|
|
35822
|
+
"name": "time-only",
|
|
35823
|
+
"type": {
|
|
35824
|
+
"text": "boolean"
|
|
35825
|
+
},
|
|
35826
|
+
"default": "false",
|
|
35827
|
+
"description": "Force time-only display regardless of date span",
|
|
35828
|
+
"fieldName": "timeOnly",
|
|
35829
|
+
"inheritedFrom": {
|
|
35830
|
+
"name": "BaseDateTimeRange",
|
|
35831
|
+
"module": "src/components/date-time/base-date-time-range.ts"
|
|
35832
|
+
}
|
|
35833
|
+
},
|
|
35741
35834
|
{
|
|
35742
35835
|
"name": "date-format",
|
|
35743
35836
|
"type": {
|