@limetech/lime-elements 35.0.0-next.9 → 35.0.1-next.2
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/cjs/{_arrayIncludesWith-36a6fafb.js → _arrayIncludesWith-29083f83.js} +5 -4
- package/dist/cjs/{_assignValue-c9fc3712.js → _assignValue-7c18d8d6.js} +1 -1
- package/dist/cjs/_defineProperty-8f56146d.js +13 -0
- package/dist/cjs/{_defineProperty-8351e789.js → _getNative-60328036.js} +0 -9
- package/dist/cjs/checkbox.template-b6c6562c.js +43 -0
- package/dist/cjs/{component-f7ef9087.js → component-66df95e7.js} +190 -132
- package/dist/cjs/{component-f532119f.js → component-67144c1c.js} +47 -3
- package/dist/cjs/{component-ed21410d.js → component-ae3bfacf.js} +367 -235
- package/dist/cjs/{component-2faaa141.js → component-cf490570.js} +213 -143
- package/dist/cjs/{component-10dbdd60.js → component-dd795ff0.js} +7 -5
- package/dist/cjs/{dateFormatter-26eac73a.js → dateFormatter-05d80b12.js} +37 -31
- package/dist/cjs/identity-6dc34885.js +44 -0
- package/dist/cjs/{index-e63a89d7.js → index-2a28697b.js} +27 -1
- package/dist/cjs/{isEqual-e3b9c27c.js → isEqual-d2a13a24.js} +13 -55
- package/dist/cjs/lime-elements.cjs.js +3 -3
- package/dist/cjs/limel-badge.cjs.entry.js +4 -4
- package/dist/cjs/limel-banner.cjs.entry.js +2 -2
- package/dist/cjs/limel-button-group.cjs.entry.js +3 -3
- package/dist/cjs/limel-button.cjs.entry.js +3 -3
- package/dist/cjs/limel-checkbox.cjs.entry.js +136 -90
- package/dist/cjs/limel-chip-set.cjs.entry.js +235 -191
- package/dist/cjs/limel-circular-progress.cjs.entry.js +3 -3
- package/dist/cjs/limel-code-editor.cjs.entry.js +51 -24
- package/dist/cjs/limel-collapsible-section.cjs.entry.js +2 -2
- package/dist/cjs/limel-color-picker-palette_2.cjs.entry.js +7 -6
- package/dist/cjs/limel-color-picker.cjs.entry.js +2 -2
- package/dist/cjs/limel-config.cjs.entry.js +2 -2
- package/dist/cjs/limel-date-picker.cjs.entry.js +8 -8
- package/dist/cjs/limel-dialog.cjs.entry.js +35 -19
- package/dist/cjs/limel-file.cjs.entry.js +11 -9
- package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +987 -669
- package/dist/cjs/limel-flex-container.cjs.entry.js +6 -2
- package/dist/cjs/limel-form.cjs.entry.js +19985 -20009
- package/dist/cjs/limel-grid.cjs.entry.js +2 -2
- package/dist/cjs/limel-header.cjs.entry.js +2 -2
- package/dist/cjs/limel-icon-button.cjs.entry.js +6 -6
- package/dist/cjs/limel-icon.cjs.entry.js +2 -2
- package/dist/cjs/limel-input-field.cjs.entry.js +12 -10
- package/dist/cjs/limel-linear-progress.cjs.entry.js +4 -4
- package/dist/cjs/limel-list_3.cjs.entry.js +154 -91
- package/dist/cjs/limel-menu-list.cjs.entry.js +87 -74
- package/dist/cjs/limel-menu.cjs.entry.js +6 -5
- package/dist/cjs/limel-picker.cjs.entry.js +6 -8
- package/dist/cjs/limel-popover-surface.cjs.entry.js +3 -3
- package/dist/cjs/limel-progress-flow-item.cjs.entry.js +2 -2
- package/dist/cjs/limel-progress-flow.cjs.entry.js +2 -2
- package/dist/cjs/limel-select.cjs.entry.js +6 -6
- package/dist/cjs/limel-slider.cjs.entry.js +34 -7
- package/dist/cjs/limel-snackbar.cjs.entry.js +79 -73
- package/dist/cjs/limel-spinner.cjs.entry.js +2 -2
- package/dist/cjs/limel-switch.cjs.entry.js +498 -202
- package/dist/cjs/limel-tab-bar.cjs.entry.js +269 -190
- package/dist/cjs/limel-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/limel-table.cjs.entry.js +79 -17
- package/dist/cjs/limel-tooltip_2.cjs.entry.js +3 -3
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{moment-d287c0ed.js → moment-5cfac5cd.js} +94 -79
- package/dist/cjs/{pickBy-88b0430a.js → pickBy-3ef47bf2.js} +6 -5
- package/dist/cjs/{zipObject-4050a45f.js → zipObject-93a471fa.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/badge/badge.css +9 -15
- package/dist/collection/components/badge/badge.js +2 -2
- package/dist/collection/components/button/button.css +333 -145
- package/dist/collection/components/button-group/button-group.css +30 -5
- package/dist/collection/components/checkbox/checkbox.css +71 -20
- package/dist/collection/components/checkbox/checkbox.js +5 -4
- package/dist/collection/components/checkbox/checkbox.template.js +24 -20
- package/dist/collection/components/chip-set/chip-set.css +367 -34
- package/dist/collection/components/circular-progress/circular-progress.css +2 -2
- package/dist/collection/components/code-editor/code-editor.css +8 -13
- package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.css +1 -1
- package/dist/collection/components/dialog/dialog.css +153 -109
- package/dist/collection/components/dialog/dialog.js +36 -11
- package/dist/collection/components/file/icon-background-colors.js +2 -1
- package/dist/collection/components/file/icon-fill-colors.js +2 -1
- package/dist/collection/components/file/icons.js +1 -1
- package/dist/collection/components/flex-container/flex-container.js +10 -0
- package/dist/collection/components/form/fields/schema-field.js +0 -1
- package/dist/collection/components/form/form.css +5 -1
- package/dist/collection/components/form/form.js +34 -0
- package/dist/collection/components/form/form.types.js +0 -1
- package/dist/collection/components/form/templates/common.js +4 -1
- package/dist/collection/components/icon-button/icon-button.css +116 -59
- package/dist/collection/components/icon-button/icon-button.js +1 -0
- package/dist/collection/components/input-field/input-field.css +344 -29
- package/dist/collection/components/input-field/input-field.js +5 -3
- package/dist/collection/components/linear-progress/linear-progress.css +14 -2
- package/dist/collection/components/list/list-renderer.js +1 -4
- package/dist/collection/components/list/list.css +938 -93
- package/dist/collection/components/list/list.js +13 -6
- package/dist/collection/components/menu-list/menu-list-renderer.js +1 -4
- package/dist/collection/components/menu-list/menu-list.css +938 -93
- package/dist/collection/components/menu-surface/menu-surface.css +31 -7
- package/dist/collection/components/picker/picker.js +6 -7
- package/dist/collection/components/popover-surface/popover-surface.css +1 -0
- package/dist/collection/components/select/select.css +424 -17
- package/dist/collection/components/select/select.template.js +1 -1
- package/dist/collection/components/slider/slider.css +49 -2
- package/dist/collection/components/snackbar/snackbar.css +588 -301
- package/dist/collection/components/switch/switch.css +592 -222
- package/dist/collection/components/switch/switch.js +18 -12
- package/dist/collection/components/tab-bar/tab-bar.css +77 -48
- package/dist/collection/components/table/table.css +219 -165
- package/dist/collection/components/table/table.js +99 -15
- package/dist/collection/components/table/table.types.js +0 -1
- package/dist/collection/style/functions.scss +3 -1
- package/dist/collection/style/internal/lime-theme.scss +30 -31
- package/dist/collection/style/internal/lime-typography.scss +55 -56
- package/dist/esm/{_arrayIncludesWith-b5d3fd9e.js → _arrayIncludesWith-969bccda.js} +4 -3
- package/dist/esm/{_assignValue-08fe10bc.js → _assignValue-fb2bf80a.js} +1 -1
- package/dist/esm/_defineProperty-2105cb48.js +11 -0
- package/dist/esm/{_defineProperty-8c869077.js → _getNative-93d6bfe9.js} +1 -9
- package/dist/esm/checkbox.template-2f1bbc98.js +41 -0
- package/dist/esm/{component-89e0ce26.js → component-19eb6e2b.js} +7 -5
- package/dist/esm/{component-2630c3d7.js → component-288691f3.js} +367 -235
- package/dist/esm/{component-d682c974.js → component-410aad5a.js} +44 -4
- package/dist/esm/{component-429e92ee.js → component-5b4ac85a.js} +213 -143
- package/dist/esm/{component-834d85a1.js → component-fffa3419.js} +190 -132
- package/dist/esm/{dateFormatter-c9b41548.js → dateFormatter-2cad0292.js} +37 -31
- package/dist/esm/identity-87aa3962.js +41 -0
- package/dist/esm/{index-2316f345.js → index-11cd0b60.js} +27 -1
- package/dist/esm/{isArrayLike-dd37ba9a.js → isArrayLike-385e0f31.js} +1 -1
- package/dist/esm/{isEqual-4f22635f.js → isEqual-c5a636a4.js} +3 -43
- package/dist/esm/lime-elements.js +3 -3
- package/dist/esm/limel-badge.entry.js +4 -4
- package/dist/esm/limel-banner.entry.js +2 -2
- package/dist/esm/limel-button-group.entry.js +3 -3
- package/dist/esm/limel-button.entry.js +3 -3
- package/dist/esm/limel-checkbox.entry.js +136 -90
- package/dist/esm/limel-chip-set.entry.js +235 -191
- package/dist/esm/limel-circular-progress.entry.js +3 -3
- package/dist/esm/limel-code-editor.entry.js +51 -24
- package/dist/esm/limel-collapsible-section.entry.js +2 -2
- package/dist/esm/limel-color-picker-palette_2.entry.js +7 -6
- package/dist/esm/limel-color-picker.entry.js +2 -2
- package/dist/esm/limel-config.entry.js +2 -2
- package/dist/esm/limel-date-picker.entry.js +8 -8
- package/dist/esm/limel-dialog.entry.js +35 -19
- package/dist/esm/limel-file.entry.js +11 -9
- package/dist/esm/limel-flatpickr-adapter.entry.js +988 -670
- package/dist/esm/limel-flex-container.entry.js +6 -2
- package/dist/esm/limel-form.entry.js +19966 -19990
- package/dist/esm/limel-grid.entry.js +2 -2
- package/dist/esm/limel-header.entry.js +2 -2
- package/dist/esm/limel-icon-button.entry.js +6 -6
- package/dist/esm/limel-icon.entry.js +2 -2
- package/dist/esm/limel-input-field.entry.js +12 -10
- package/dist/esm/limel-linear-progress.entry.js +4 -4
- package/dist/esm/limel-list_3.entry.js +154 -91
- package/dist/esm/limel-menu-list.entry.js +87 -74
- package/dist/esm/limel-menu.entry.js +6 -5
- package/dist/esm/limel-picker.entry.js +6 -8
- package/dist/esm/limel-popover-surface.entry.js +3 -3
- package/dist/esm/limel-progress-flow-item.entry.js +2 -2
- package/dist/esm/limel-progress-flow.entry.js +2 -2
- package/dist/esm/limel-select.entry.js +6 -6
- package/dist/esm/limel-slider.entry.js +34 -7
- package/dist/esm/limel-snackbar.entry.js +79 -73
- package/dist/esm/limel-spinner.entry.js +2 -2
- package/dist/esm/limel-switch.entry.js +498 -202
- package/dist/esm/limel-tab-bar.entry.js +269 -190
- package/dist/esm/limel-tab-panel.entry.js +2 -2
- package/dist/esm/limel-table.entry.js +80 -18
- package/dist/esm/limel-tooltip_2.entry.js +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{moment-8dadd938.js → moment-367e51c5.js} +94 -79
- package/dist/esm/{pickBy-8a849e46.js → pickBy-d359eb12.js} +4 -3
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/{zipObject-22e88ce9.js → zipObject-2bb1968e.js} +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-101af376.entry.js +1 -0
- package/dist/lime-elements/p-1a9a961a.entry.js +11 -0
- package/dist/lime-elements/p-1c284626.js +73 -0
- package/dist/lime-elements/p-1ede893b.js +1 -0
- package/dist/lime-elements/p-2639edf9.entry.js +73 -0
- package/dist/lime-elements/p-2754e134.entry.js +1 -0
- package/dist/lime-elements/p-2da6e2a3.entry.js +1 -0
- package/dist/lime-elements/p-36ecbd03.entry.js +1 -0
- package/dist/lime-elements/p-3af5f9ad.js +3 -0
- package/dist/lime-elements/p-404e1465.entry.js +1 -0
- package/dist/lime-elements/p-42b67933.entry.js +1 -0
- package/dist/lime-elements/p-440454ed.entry.js +1 -0
- package/dist/lime-elements/{p-076bd4dc.js → p-48d4ef20.js} +3 -3
- package/dist/lime-elements/p-4c3358cb.js +1 -0
- package/dist/lime-elements/p-4d5a874a.entry.js +1 -0
- package/dist/lime-elements/p-53e01330.entry.js +1 -0
- package/dist/lime-elements/p-5908c21d.entry.js +1 -0
- package/dist/lime-elements/p-5fdb83c9.js +1 -0
- package/dist/lime-elements/p-63e25a0a.entry.js +1 -0
- package/dist/lime-elements/p-669626e5.js +1 -0
- package/dist/lime-elements/p-6966b5df.entry.js +1 -0
- package/dist/lime-elements/p-6e7809a6.entry.js +1 -0
- package/dist/lime-elements/p-705334c1.entry.js +1 -0
- package/dist/lime-elements/p-71efe2ca.entry.js +37 -0
- package/dist/lime-elements/p-7cda574b.js +1 -0
- package/dist/lime-elements/p-83ea517b.entry.js +1 -0
- package/dist/lime-elements/p-84f933f7.entry.js +16 -0
- package/dist/lime-elements/p-8827628d.entry.js +131 -0
- package/dist/lime-elements/{p-8ad5e143.entry.js → p-94899019.entry.js} +1 -1
- package/dist/lime-elements/p-95f275ab.entry.js +1 -0
- package/dist/lime-elements/p-97d6c4a6.entry.js +1 -0
- package/dist/lime-elements/{p-7f43b0c4.js → p-9acf7b5d.js} +1 -1
- package/dist/lime-elements/p-a465084b.entry.js +82 -0
- package/dist/lime-elements/p-a5af84a7.entry.js +1 -0
- package/dist/lime-elements/p-ad8cb388.js +1 -0
- package/dist/lime-elements/p-ade76f1d.js +1 -0
- package/dist/lime-elements/p-af0ec482.entry.js +16 -0
- package/dist/lime-elements/{p-090bc949.js → p-b28128d2.js} +1 -1
- package/dist/lime-elements/p-b91dc1ef.entry.js +1 -0
- package/dist/lime-elements/p-b95e80c9.entry.js +1 -0
- package/dist/lime-elements/p-bd8c9384.entry.js +1 -0
- package/dist/lime-elements/p-c7953a05.entry.js +82 -0
- package/dist/lime-elements/p-c80acfb2.entry.js +59 -0
- package/dist/lime-elements/p-cbc43682.js +81 -0
- package/dist/lime-elements/{p-ace9affc.js → p-d0a7de87.js} +2 -2
- package/dist/lime-elements/p-d1ee4501.entry.js +37 -0
- package/dist/lime-elements/p-d74fa89e.entry.js +1 -0
- package/dist/lime-elements/{p-e1928c0e.js → p-d76f896d.js} +1 -1
- package/dist/lime-elements/p-dfba92de.js +126 -0
- package/dist/lime-elements/p-dfbe015e.entry.js +1 -0
- package/dist/lime-elements/p-e80dd2ff.entry.js +1 -0
- package/dist/lime-elements/p-e83dddcd.entry.js +126 -0
- package/dist/lime-elements/p-e98d76e8.entry.js +59 -0
- package/dist/lime-elements/{p-92146da6.js → p-e9a95b8f.js} +1 -1
- package/dist/lime-elements/p-ed65468d.entry.js +1 -0
- package/dist/lime-elements/p-f0c9dadd.entry.js +1 -0
- package/dist/lime-elements/p-f9bfbeb3.entry.js +82 -0
- package/dist/lime-elements/p-fa607ed3.js +1 -0
- package/dist/lime-elements/style/functions.scss +3 -1
- package/dist/lime-elements/style/internal/lime-theme.scss +30 -31
- package/dist/lime-elements/style/internal/lime-typography.scss +55 -56
- package/dist/types/components/badge/badge.d.ts +1 -1
- package/dist/types/components/checkbox/checkbox.d.ts +3 -2
- package/dist/types/components/checkbox/checkbox.template.d.ts +1 -0
- package/dist/types/components/dialog/dialog.d.ts +11 -5
- package/dist/types/components/dialog/dialog.types.d.ts +4 -0
- package/dist/types/components/flex-container/flex-container.d.ts +7 -0
- package/dist/types/components/form/fields/array-field.d.ts +0 -1
- package/dist/types/components/form/fields/object-field.d.ts +2 -2
- package/dist/types/components/form/form.d.ts +8 -1
- package/dist/types/components/form/form.types.d.ts +6 -0
- package/dist/types/components/picker/picker.d.ts +2 -1
- package/dist/types/components/switch/switch.d.ts +2 -2
- package/dist/types/components/table/table.d.ts +10 -1
- package/dist/types/components/table/table.types.d.ts +13 -0
- package/dist/types/components.d.ts +23 -7
- package/dist/types/stencil-public-runtime.d.ts +6 -4
- package/package.json +31 -44
- package/dist/cjs/checkbox.template-50eb8b76.js +0 -39
- package/dist/esm/checkbox.template-50f7c07b.js +0 -37
- package/dist/lime-elements/p-041ae00c.entry.js +0 -1
- package/dist/lime-elements/p-0ce9165f.entry.js +0 -1
- package/dist/lime-elements/p-0fd208f3.entry.js +0 -82
- package/dist/lime-elements/p-143705b1.entry.js +0 -1
- package/dist/lime-elements/p-1876a96a.entry.js +0 -1
- package/dist/lime-elements/p-1a64b531.js +0 -1
- package/dist/lime-elements/p-1fb5340d.entry.js +0 -1
- package/dist/lime-elements/p-250f55be.js +0 -1
- package/dist/lime-elements/p-29f054cc.entry.js +0 -37
- package/dist/lime-elements/p-31fecf5d.entry.js +0 -1
- package/dist/lime-elements/p-34c7872e.entry.js +0 -1
- package/dist/lime-elements/p-379955f4.js +0 -1
- package/dist/lime-elements/p-3ae6bb75.entry.js +0 -82
- package/dist/lime-elements/p-3ae6dfba.entry.js +0 -73
- package/dist/lime-elements/p-426d11b4.js +0 -1
- package/dist/lime-elements/p-440084ea.js +0 -1
- package/dist/lime-elements/p-468e940e.entry.js +0 -16
- package/dist/lime-elements/p-4932c029.entry.js +0 -1
- package/dist/lime-elements/p-4b5af81b.entry.js +0 -1
- package/dist/lime-elements/p-510bb5a4.entry.js +0 -1
- package/dist/lime-elements/p-58cbe99d.entry.js +0 -1
- package/dist/lime-elements/p-597cbe05.entry.js +0 -1
- package/dist/lime-elements/p-6003f817.entry.js +0 -1
- package/dist/lime-elements/p-668795a7.js +0 -73
- package/dist/lime-elements/p-714fde78.entry.js +0 -1
- package/dist/lime-elements/p-7476efe0.entry.js +0 -1
- package/dist/lime-elements/p-887d5bda.entry.js +0 -1
- package/dist/lime-elements/p-8a2c1038.entry.js +0 -16
- package/dist/lime-elements/p-902347b9.js +0 -81
- package/dist/lime-elements/p-90c6fa15.js +0 -126
- package/dist/lime-elements/p-90f3e17c.entry.js +0 -37
- package/dist/lime-elements/p-a2cf74c1.entry.js +0 -1
- package/dist/lime-elements/p-a397bab7.js +0 -3
- package/dist/lime-elements/p-a4c532a7.entry.js +0 -1
- package/dist/lime-elements/p-be56ffab.entry.js +0 -1
- package/dist/lime-elements/p-c306c953.entry.js +0 -1
- package/dist/lime-elements/p-c35874db.entry.js +0 -1
- package/dist/lime-elements/p-c8c8a946.entry.js +0 -59
- package/dist/lime-elements/p-ca664c9f.entry.js +0 -1
- package/dist/lime-elements/p-d2c74396.entry.js +0 -1
- package/dist/lime-elements/p-d48ad9f7.entry.js +0 -126
- package/dist/lime-elements/p-d93a3b07.entry.js +0 -16
- package/dist/lime-elements/p-df8faeb4.entry.js +0 -59
- package/dist/lime-elements/p-dfe0a58b.entry.js +0 -1
- package/dist/lime-elements/p-e275f502.entry.js +0 -37
- package/dist/lime-elements/p-e881e98d.entry.js +0 -1
- package/dist/lime-elements/p-f2c706b8.entry.js +0 -131
- package/dist/lime-elements/p-f83213b8.js +0 -1
- package/dist/lime-elements/p-fc30b8e3.entry.js +0 -1
|
@@ -71,13 +71,18 @@
|
|
|
71
71
|
max-width: 100%;
|
|
72
72
|
height: 100%;
|
|
73
73
|
/* @noflip */
|
|
74
|
+
/*rtl:ignore*/
|
|
74
75
|
text-align: left;
|
|
75
76
|
pointer-events: none;
|
|
76
77
|
}
|
|
77
78
|
[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
|
|
79
|
+
/*rtl:begin:ignore*/
|
|
78
80
|
/* @noflip */
|
|
81
|
+
/*rtl:ignore*/
|
|
79
82
|
text-align: right;
|
|
83
|
+
/*rtl:end:ignore*/
|
|
80
84
|
}
|
|
85
|
+
|
|
81
86
|
.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
|
|
82
87
|
box-sizing: border-box;
|
|
83
88
|
height: 100%;
|
|
@@ -87,30 +92,44 @@
|
|
|
87
92
|
}
|
|
88
93
|
.mdc-notched-outline__leading {
|
|
89
94
|
/* @noflip */
|
|
95
|
+
/*rtl:ignore*/
|
|
90
96
|
border-left: 1px solid;
|
|
91
97
|
/* @noflip */
|
|
98
|
+
/*rtl:ignore*/
|
|
92
99
|
border-right: none;
|
|
93
100
|
width: 12px;
|
|
94
101
|
}
|
|
95
102
|
[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
|
|
103
|
+
/*rtl:begin:ignore*/
|
|
96
104
|
/* @noflip */
|
|
105
|
+
/*rtl:ignore*/
|
|
97
106
|
border-left: none;
|
|
98
107
|
/* @noflip */
|
|
108
|
+
/*rtl:ignore*/
|
|
99
109
|
border-right: 1px solid;
|
|
110
|
+
/*rtl:end:ignore*/
|
|
100
111
|
}
|
|
112
|
+
|
|
101
113
|
.mdc-notched-outline__trailing {
|
|
102
114
|
/* @noflip */
|
|
115
|
+
/*rtl:ignore*/
|
|
103
116
|
border-left: none;
|
|
104
117
|
/* @noflip */
|
|
118
|
+
/*rtl:ignore*/
|
|
105
119
|
border-right: 1px solid;
|
|
106
120
|
flex-grow: 1;
|
|
107
121
|
}
|
|
108
122
|
[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
|
|
123
|
+
/*rtl:begin:ignore*/
|
|
109
124
|
/* @noflip */
|
|
125
|
+
/*rtl:ignore*/
|
|
110
126
|
border-left: 1px solid;
|
|
111
127
|
/* @noflip */
|
|
128
|
+
/*rtl:ignore*/
|
|
112
129
|
border-right: none;
|
|
130
|
+
/*rtl:end:ignore*/
|
|
113
131
|
}
|
|
132
|
+
|
|
114
133
|
.mdc-notched-outline__notch {
|
|
115
134
|
flex: 0 0 auto;
|
|
116
135
|
width: auto;
|
|
@@ -125,21 +144,27 @@
|
|
|
125
144
|
text-overflow: clip;
|
|
126
145
|
}
|
|
127
146
|
.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
|
|
128
|
-
max-width:
|
|
147
|
+
max-width: 133.3333333333%;
|
|
129
148
|
}
|
|
130
149
|
|
|
131
150
|
.mdc-notched-outline--notched .mdc-notched-outline__notch {
|
|
132
151
|
/* @noflip */
|
|
152
|
+
/*rtl:ignore*/
|
|
133
153
|
padding-left: 0;
|
|
134
154
|
/* @noflip */
|
|
155
|
+
/*rtl:ignore*/
|
|
135
156
|
padding-right: 8px;
|
|
136
157
|
border-top: none;
|
|
137
158
|
}
|
|
138
159
|
[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
|
|
160
|
+
/*rtl:begin:ignore*/
|
|
139
161
|
/* @noflip */
|
|
162
|
+
/*rtl:ignore*/
|
|
140
163
|
padding-left: 8px;
|
|
141
164
|
/* @noflip */
|
|
165
|
+
/*rtl:ignore*/
|
|
142
166
|
padding-right: 0;
|
|
167
|
+
/*rtl:end:ignore*/
|
|
143
168
|
}
|
|
144
169
|
|
|
145
170
|
.mdc-notched-outline--no-label .mdc-notched-outline__notch {
|
|
@@ -169,10 +194,13 @@
|
|
|
169
194
|
text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
|
|
170
195
|
position: absolute;
|
|
171
196
|
/* @noflip */
|
|
197
|
+
/*rtl:ignore*/
|
|
172
198
|
left: 0;
|
|
173
199
|
/* @noflip */
|
|
200
|
+
/*rtl:ignore*/
|
|
174
201
|
-webkit-transform-origin: left top;
|
|
175
202
|
/* @noflip */
|
|
203
|
+
/*rtl:ignore*/
|
|
176
204
|
transform-origin: left top;
|
|
177
205
|
line-height: 1.15rem;
|
|
178
206
|
text-align: left;
|
|
@@ -185,16 +213,23 @@
|
|
|
185
213
|
transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
186
214
|
}
|
|
187
215
|
[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
|
|
216
|
+
/*rtl:begin:ignore*/
|
|
188
217
|
/* @noflip */
|
|
218
|
+
/*rtl:ignore*/
|
|
189
219
|
right: 0;
|
|
190
220
|
/* @noflip */
|
|
221
|
+
/*rtl:ignore*/
|
|
191
222
|
left: auto;
|
|
192
223
|
/* @noflip */
|
|
224
|
+
/*rtl:ignore*/
|
|
193
225
|
-webkit-transform-origin: right top;
|
|
194
226
|
/* @noflip */
|
|
227
|
+
/*rtl:ignore*/
|
|
195
228
|
transform-origin: right top;
|
|
196
229
|
/* @noflip */
|
|
230
|
+
/*rtl:ignore*/
|
|
197
231
|
text-align: right;
|
|
232
|
+
/*rtl:end:ignore*/
|
|
198
233
|
}
|
|
199
234
|
|
|
200
235
|
.mdc-floating-label--float-above {
|
|
@@ -203,15 +238,23 @@
|
|
|
203
238
|
|
|
204
239
|
.mdc-floating-label--required::after {
|
|
205
240
|
/* @noflip */
|
|
241
|
+
/*rtl:ignore*/
|
|
206
242
|
margin-left: 1px;
|
|
207
243
|
/* @noflip */
|
|
244
|
+
/*rtl:ignore*/
|
|
208
245
|
margin-right: 0px;
|
|
209
246
|
content: "*";
|
|
210
247
|
}
|
|
248
|
+
[dir=rtl] .mdc-floating-label--required, .mdc-floating-label--required[dir=rtl] {
|
|
249
|
+
/*rtl:begin:ignore*/
|
|
250
|
+
/*rtl:end:ignore*/
|
|
251
|
+
}
|
|
211
252
|
[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
|
|
212
253
|
/* @noflip */
|
|
254
|
+
/*rtl:ignore*/
|
|
213
255
|
margin-left: 0;
|
|
214
256
|
/* @noflip */
|
|
257
|
+
/*rtl:ignore*/
|
|
215
258
|
margin-right: 1px;
|
|
216
259
|
}
|
|
217
260
|
|
|
@@ -225,17 +268,25 @@
|
|
|
225
268
|
|
|
226
269
|
@keyframes mdc-floating-label-shake-float-above-standard {
|
|
227
270
|
0% {
|
|
271
|
+
/* @noflip */
|
|
272
|
+
/*rtl:ignore*/
|
|
228
273
|
transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
|
|
229
274
|
}
|
|
230
275
|
33% {
|
|
231
276
|
animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
|
|
277
|
+
/* @noflip */
|
|
278
|
+
/*rtl:ignore*/
|
|
232
279
|
transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
|
|
233
280
|
}
|
|
234
281
|
66% {
|
|
235
282
|
animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
|
|
283
|
+
/* @noflip */
|
|
284
|
+
/*rtl:ignore*/
|
|
236
285
|
transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
|
|
237
286
|
}
|
|
238
287
|
100% {
|
|
288
|
+
/* @noflip */
|
|
289
|
+
/*rtl:ignore*/
|
|
239
290
|
transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
|
|
240
291
|
}
|
|
241
292
|
}
|
|
@@ -263,7 +314,7 @@
|
|
|
263
314
|
}
|
|
264
315
|
:host([type=textarea]) .mdc-text-field.mdc-text-field--textarea.has-helper-line {
|
|
265
316
|
--heightOfHelperText: 0.9375rem;
|
|
266
|
-
height: calc(
|
|
317
|
+
height: calc(var(--textarea-height, 100%) - var(--heightOfHelperText));
|
|
267
318
|
}
|
|
268
319
|
|
|
269
320
|
@keyframes mdc-ripple-fg-radius-in {
|
|
@@ -328,6 +379,7 @@
|
|
|
328
379
|
.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
|
|
329
380
|
top: 0;
|
|
330
381
|
/* @noflip */
|
|
382
|
+
/*rtl:ignore*/
|
|
331
383
|
left: 0;
|
|
332
384
|
transform: scale(0);
|
|
333
385
|
transform-origin: center center;
|
|
@@ -335,6 +387,7 @@
|
|
|
335
387
|
.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {
|
|
336
388
|
top: var(--mdc-ripple-top, 0);
|
|
337
389
|
/* @noflip */
|
|
390
|
+
/*rtl:ignore*/
|
|
338
391
|
left: var(--mdc-ripple-left, 0);
|
|
339
392
|
}
|
|
340
393
|
.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {
|
|
@@ -348,6 +401,7 @@
|
|
|
348
401
|
.mdc-text-field--filled .mdc-text-field__ripple::after {
|
|
349
402
|
top: calc(50% - 100%);
|
|
350
403
|
/* @noflip */
|
|
404
|
+
/*rtl:ignore*/
|
|
351
405
|
left: calc(50% - 100%);
|
|
352
406
|
width: 200%;
|
|
353
407
|
height: 200%;
|
|
@@ -540,52 +594,78 @@
|
|
|
540
594
|
|
|
541
595
|
.mdc-text-field__affix--prefix {
|
|
542
596
|
/* @noflip */
|
|
597
|
+
/*rtl:ignore*/
|
|
543
598
|
padding-left: 0;
|
|
544
599
|
/* @noflip */
|
|
600
|
+
/*rtl:ignore*/
|
|
545
601
|
padding-right: 2px;
|
|
546
602
|
}
|
|
547
603
|
[dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] {
|
|
604
|
+
/*rtl:begin:ignore*/
|
|
548
605
|
/* @noflip */
|
|
606
|
+
/*rtl:ignore*/
|
|
549
607
|
padding-left: 2px;
|
|
550
608
|
/* @noflip */
|
|
609
|
+
/*rtl:ignore*/
|
|
551
610
|
padding-right: 0;
|
|
611
|
+
/*rtl:end:ignore*/
|
|
552
612
|
}
|
|
613
|
+
|
|
553
614
|
.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
|
|
554
615
|
/* @noflip */
|
|
616
|
+
/*rtl:ignore*/
|
|
555
617
|
padding-left: 0;
|
|
556
618
|
/* @noflip */
|
|
619
|
+
/*rtl:ignore*/
|
|
557
620
|
padding-right: 12px;
|
|
558
621
|
}
|
|
559
622
|
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
|
|
623
|
+
/*rtl:begin:ignore*/
|
|
560
624
|
/* @noflip */
|
|
625
|
+
/*rtl:ignore*/
|
|
561
626
|
padding-left: 12px;
|
|
562
627
|
/* @noflip */
|
|
628
|
+
/*rtl:ignore*/
|
|
563
629
|
padding-right: 0;
|
|
630
|
+
/*rtl:end:ignore*/
|
|
564
631
|
}
|
|
565
632
|
|
|
566
633
|
.mdc-text-field__affix--suffix {
|
|
567
634
|
/* @noflip */
|
|
635
|
+
/*rtl:ignore*/
|
|
568
636
|
padding-left: 12px;
|
|
569
637
|
/* @noflip */
|
|
638
|
+
/*rtl:ignore*/
|
|
570
639
|
padding-right: 0;
|
|
571
640
|
}
|
|
572
641
|
[dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] {
|
|
642
|
+
/*rtl:begin:ignore*/
|
|
573
643
|
/* @noflip */
|
|
644
|
+
/*rtl:ignore*/
|
|
574
645
|
padding-left: 0;
|
|
575
646
|
/* @noflip */
|
|
647
|
+
/*rtl:ignore*/
|
|
576
648
|
padding-right: 12px;
|
|
649
|
+
/*rtl:end:ignore*/
|
|
577
650
|
}
|
|
651
|
+
|
|
578
652
|
.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
|
|
579
653
|
/* @noflip */
|
|
654
|
+
/*rtl:ignore*/
|
|
580
655
|
padding-left: 2px;
|
|
581
656
|
/* @noflip */
|
|
657
|
+
/*rtl:ignore*/
|
|
582
658
|
padding-right: 0;
|
|
583
659
|
}
|
|
584
660
|
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
|
|
661
|
+
/*rtl:begin:ignore*/
|
|
585
662
|
/* @noflip */
|
|
663
|
+
/*rtl:ignore*/
|
|
586
664
|
padding-left: 0;
|
|
587
665
|
/* @noflip */
|
|
666
|
+
/*rtl:ignore*/
|
|
588
667
|
padding-right: 2px;
|
|
668
|
+
/*rtl:end:ignore*/
|
|
589
669
|
}
|
|
590
670
|
|
|
591
671
|
.mdc-text-field--filled {
|
|
@@ -631,16 +711,23 @@
|
|
|
631
711
|
}
|
|
632
712
|
.mdc-text-field--filled .mdc-floating-label {
|
|
633
713
|
/* @noflip */
|
|
714
|
+
/*rtl:ignore*/
|
|
634
715
|
left: 16px;
|
|
635
716
|
/* @noflip */
|
|
717
|
+
/*rtl:ignore*/
|
|
636
718
|
right: initial;
|
|
637
719
|
}
|
|
638
720
|
[dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] {
|
|
721
|
+
/*rtl:begin:ignore*/
|
|
639
722
|
/* @noflip */
|
|
723
|
+
/*rtl:ignore*/
|
|
640
724
|
left: initial;
|
|
641
725
|
/* @noflip */
|
|
726
|
+
/*rtl:ignore*/
|
|
642
727
|
right: 16px;
|
|
728
|
+
/*rtl:end:ignore*/
|
|
643
729
|
}
|
|
730
|
+
|
|
644
731
|
.mdc-text-field--filled .mdc-floating-label--float-above {
|
|
645
732
|
transform: translateY(-106%) scale(0.75);
|
|
646
733
|
}
|
|
@@ -685,17 +772,25 @@
|
|
|
685
772
|
}
|
|
686
773
|
@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
|
|
687
774
|
0% {
|
|
775
|
+
/* @noflip */
|
|
776
|
+
/*rtl:ignore*/
|
|
688
777
|
transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
|
|
689
778
|
}
|
|
690
779
|
33% {
|
|
691
780
|
animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
|
|
781
|
+
/* @noflip */
|
|
782
|
+
/*rtl:ignore*/
|
|
692
783
|
transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
|
|
693
784
|
}
|
|
694
785
|
66% {
|
|
695
786
|
animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
|
|
787
|
+
/* @noflip */
|
|
788
|
+
/*rtl:ignore*/
|
|
696
789
|
transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
|
|
697
790
|
}
|
|
698
791
|
100% {
|
|
792
|
+
/* @noflip */
|
|
793
|
+
/*rtl:ignore*/
|
|
699
794
|
transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
|
|
700
795
|
}
|
|
701
796
|
}
|
|
@@ -721,146 +816,196 @@
|
|
|
721
816
|
}
|
|
722
817
|
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
|
|
723
818
|
/* @noflip */
|
|
819
|
+
/*rtl:ignore*/
|
|
724
820
|
border-top-left-radius: 4px;
|
|
725
821
|
/* @alternate */
|
|
726
822
|
/* @noflip */
|
|
823
|
+
/*rtl:ignore*/
|
|
727
824
|
border-top-left-radius: var(--mdc-shape-small, 4px);
|
|
728
825
|
/* @noflip */
|
|
826
|
+
/*rtl:ignore*/
|
|
729
827
|
border-top-right-radius: 0;
|
|
730
828
|
/* @noflip */
|
|
829
|
+
/*rtl:ignore*/
|
|
731
830
|
border-bottom-right-radius: 0;
|
|
732
831
|
/* @noflip */
|
|
832
|
+
/*rtl:ignore*/
|
|
733
833
|
border-bottom-left-radius: 4px;
|
|
734
834
|
/* @alternate */
|
|
735
835
|
/* @noflip */
|
|
836
|
+
/*rtl:ignore*/
|
|
736
837
|
border-bottom-left-radius: var(--mdc-shape-small, 4px);
|
|
737
838
|
}
|
|
738
839
|
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
|
|
840
|
+
/*rtl:begin:ignore*/
|
|
739
841
|
/* @noflip */
|
|
842
|
+
/*rtl:ignore*/
|
|
740
843
|
border-top-left-radius: 0;
|
|
741
844
|
/* @noflip */
|
|
845
|
+
/*rtl:ignore*/
|
|
742
846
|
border-top-right-radius: 4px;
|
|
743
847
|
/* @alternate */
|
|
744
848
|
/* @noflip */
|
|
849
|
+
/*rtl:ignore*/
|
|
745
850
|
border-top-right-radius: var(--mdc-shape-small, 4px);
|
|
746
851
|
/* @noflip */
|
|
852
|
+
/*rtl:ignore*/
|
|
747
853
|
border-bottom-right-radius: 4px;
|
|
748
854
|
/* @alternate */
|
|
749
855
|
/* @noflip */
|
|
856
|
+
/*rtl:ignore*/
|
|
750
857
|
border-bottom-right-radius: var(--mdc-shape-small, 4px);
|
|
751
858
|
/* @noflip */
|
|
859
|
+
/*rtl:ignore*/
|
|
752
860
|
border-bottom-left-radius: 0;
|
|
861
|
+
/*rtl:end:ignore*/
|
|
753
862
|
}
|
|
754
|
-
|
|
863
|
+
|
|
864
|
+
@supports (top: 0%) {
|
|
755
865
|
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
|
|
756
866
|
width: max(12px, var(--mdc-shape-small, 4px));
|
|
757
867
|
}
|
|
758
868
|
}
|
|
759
|
-
@supports (top:
|
|
869
|
+
@supports (top: 0%) {
|
|
760
870
|
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
|
|
761
871
|
max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
|
|
762
872
|
}
|
|
763
873
|
}
|
|
764
874
|
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
|
|
765
875
|
/* @noflip */
|
|
876
|
+
/*rtl:ignore*/
|
|
766
877
|
border-top-left-radius: 0;
|
|
767
878
|
/* @noflip */
|
|
879
|
+
/*rtl:ignore*/
|
|
768
880
|
border-top-right-radius: 4px;
|
|
769
881
|
/* @alternate */
|
|
770
882
|
/* @noflip */
|
|
883
|
+
/*rtl:ignore*/
|
|
771
884
|
border-top-right-radius: var(--mdc-shape-small, 4px);
|
|
772
885
|
/* @noflip */
|
|
886
|
+
/*rtl:ignore*/
|
|
773
887
|
border-bottom-right-radius: 4px;
|
|
774
888
|
/* @alternate */
|
|
775
889
|
/* @noflip */
|
|
890
|
+
/*rtl:ignore*/
|
|
776
891
|
border-bottom-right-radius: var(--mdc-shape-small, 4px);
|
|
777
892
|
/* @noflip */
|
|
893
|
+
/*rtl:ignore*/
|
|
778
894
|
border-bottom-left-radius: 0;
|
|
779
895
|
}
|
|
780
896
|
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
|
|
897
|
+
/*rtl:begin:ignore*/
|
|
781
898
|
/* @noflip */
|
|
899
|
+
/*rtl:ignore*/
|
|
782
900
|
border-top-left-radius: 4px;
|
|
783
901
|
/* @alternate */
|
|
784
902
|
/* @noflip */
|
|
903
|
+
/*rtl:ignore*/
|
|
785
904
|
border-top-left-radius: var(--mdc-shape-small, 4px);
|
|
786
905
|
/* @noflip */
|
|
906
|
+
/*rtl:ignore*/
|
|
787
907
|
border-top-right-radius: 0;
|
|
788
908
|
/* @noflip */
|
|
909
|
+
/*rtl:ignore*/
|
|
789
910
|
border-bottom-right-radius: 0;
|
|
790
911
|
/* @noflip */
|
|
912
|
+
/*rtl:ignore*/
|
|
791
913
|
border-bottom-left-radius: 4px;
|
|
792
914
|
/* @alternate */
|
|
793
915
|
/* @noflip */
|
|
916
|
+
/*rtl:ignore*/
|
|
794
917
|
border-bottom-left-radius: var(--mdc-shape-small, 4px);
|
|
918
|
+
/*rtl:end:ignore*/
|
|
795
919
|
}
|
|
796
|
-
|
|
920
|
+
|
|
921
|
+
@supports (top: 0%) {
|
|
797
922
|
.mdc-text-field--outlined {
|
|
798
923
|
/* @noflip */
|
|
924
|
+
/*rtl:ignore*/
|
|
799
925
|
padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
|
|
800
926
|
}
|
|
801
927
|
}
|
|
802
|
-
@supports (top:
|
|
928
|
+
@supports (top: 0%) {
|
|
803
929
|
.mdc-text-field--outlined {
|
|
804
930
|
/* @noflip */
|
|
931
|
+
/*rtl:ignore*/
|
|
805
932
|
padding-right: max(16px, var(--mdc-shape-small, 4px));
|
|
806
933
|
}
|
|
807
934
|
}
|
|
808
|
-
@supports (top:
|
|
935
|
+
@supports (top: 0%) {
|
|
809
936
|
.mdc-text-field--outlined + .mdc-text-field-helper-line {
|
|
810
937
|
/* @noflip */
|
|
938
|
+
/*rtl:ignore*/
|
|
811
939
|
padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
|
|
812
940
|
}
|
|
813
941
|
}
|
|
814
|
-
@supports (top:
|
|
942
|
+
@supports (top: 0%) {
|
|
815
943
|
.mdc-text-field--outlined + .mdc-text-field-helper-line {
|
|
816
944
|
/* @noflip */
|
|
945
|
+
/*rtl:ignore*/
|
|
817
946
|
padding-right: max(16px, var(--mdc-shape-small, 4px));
|
|
818
947
|
}
|
|
819
948
|
}
|
|
820
949
|
.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
|
|
821
950
|
/* @noflip */
|
|
951
|
+
/*rtl:ignore*/
|
|
822
952
|
padding-left: 0;
|
|
823
953
|
}
|
|
824
|
-
@supports (top:
|
|
954
|
+
@supports (top: 0%) {
|
|
825
955
|
.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
|
|
826
956
|
/* @noflip */
|
|
957
|
+
/*rtl:ignore*/
|
|
827
958
|
padding-right: max(16px, var(--mdc-shape-small, 4px));
|
|
828
959
|
}
|
|
829
960
|
}
|
|
830
961
|
[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
|
|
962
|
+
/*rtl:begin:ignore*/
|
|
831
963
|
/* @noflip */
|
|
964
|
+
/*rtl:ignore*/
|
|
832
965
|
padding-right: 0;
|
|
966
|
+
/*rtl:end:ignore*/
|
|
833
967
|
}
|
|
834
|
-
@supports (top:
|
|
968
|
+
@supports (top: 0%) {
|
|
835
969
|
[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
|
|
836
970
|
/* @noflip */
|
|
971
|
+
/*rtl:ignore*/
|
|
837
972
|
padding-left: max(16px, var(--mdc-shape-small, 4px));
|
|
838
973
|
}
|
|
839
974
|
}
|
|
975
|
+
|
|
840
976
|
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
|
|
841
977
|
/* @noflip */
|
|
978
|
+
/*rtl:ignore*/
|
|
842
979
|
padding-right: 0;
|
|
843
980
|
}
|
|
844
|
-
@supports (top:
|
|
981
|
+
@supports (top: 0%) {
|
|
845
982
|
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
|
|
846
983
|
/* @noflip */
|
|
984
|
+
/*rtl:ignore*/
|
|
847
985
|
padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
|
|
848
986
|
}
|
|
849
987
|
}
|
|
850
988
|
[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
|
|
989
|
+
/*rtl:begin:ignore*/
|
|
851
990
|
/* @noflip */
|
|
991
|
+
/*rtl:ignore*/
|
|
852
992
|
padding-left: 0;
|
|
993
|
+
/*rtl:end:ignore*/
|
|
853
994
|
}
|
|
854
|
-
@supports (top:
|
|
995
|
+
@supports (top: 0%) {
|
|
855
996
|
[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
|
|
856
997
|
/* @noflip */
|
|
998
|
+
/*rtl:ignore*/
|
|
857
999
|
padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
|
|
858
1000
|
}
|
|
859
1001
|
}
|
|
1002
|
+
|
|
860
1003
|
.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
|
|
861
1004
|
/* @noflip */
|
|
1005
|
+
/*rtl:ignore*/
|
|
862
1006
|
padding-left: 0;
|
|
863
1007
|
/* @noflip */
|
|
1008
|
+
/*rtl:ignore*/
|
|
864
1009
|
padding-right: 0;
|
|
865
1010
|
}
|
|
866
1011
|
.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
|
|
@@ -872,16 +1017,23 @@
|
|
|
872
1017
|
}
|
|
873
1018
|
.mdc-text-field--outlined .mdc-floating-label {
|
|
874
1019
|
/* @noflip */
|
|
1020
|
+
/*rtl:ignore*/
|
|
875
1021
|
left: 4px;
|
|
876
1022
|
/* @noflip */
|
|
1023
|
+
/*rtl:ignore*/
|
|
877
1024
|
right: initial;
|
|
878
1025
|
}
|
|
879
1026
|
[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
|
|
1027
|
+
/*rtl:begin:ignore*/
|
|
880
1028
|
/* @noflip */
|
|
1029
|
+
/*rtl:ignore*/
|
|
881
1030
|
left: initial;
|
|
882
1031
|
/* @noflip */
|
|
1032
|
+
/*rtl:ignore*/
|
|
883
1033
|
right: 4px;
|
|
1034
|
+
/*rtl:end:ignore*/
|
|
884
1035
|
}
|
|
1036
|
+
|
|
885
1037
|
.mdc-text-field--outlined .mdc-text-field__input {
|
|
886
1038
|
display: flex;
|
|
887
1039
|
border: none !important;
|
|
@@ -927,17 +1079,25 @@
|
|
|
927
1079
|
}
|
|
928
1080
|
@keyframes mdc-floating-label-shake-float-above-textarea-filled {
|
|
929
1081
|
0% {
|
|
1082
|
+
/* @noflip */
|
|
1083
|
+
/*rtl:ignore*/
|
|
930
1084
|
transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
|
|
931
1085
|
}
|
|
932
1086
|
33% {
|
|
933
1087
|
animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
|
|
1088
|
+
/* @noflip */
|
|
1089
|
+
/*rtl:ignore*/
|
|
934
1090
|
transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
|
|
935
1091
|
}
|
|
936
1092
|
66% {
|
|
937
1093
|
animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
|
|
1094
|
+
/* @noflip */
|
|
1095
|
+
/*rtl:ignore*/
|
|
938
1096
|
transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
|
|
939
1097
|
}
|
|
940
1098
|
100% {
|
|
1099
|
+
/* @noflip */
|
|
1100
|
+
/*rtl:ignore*/
|
|
941
1101
|
transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
|
|
942
1102
|
}
|
|
943
1103
|
}
|
|
@@ -971,17 +1131,25 @@
|
|
|
971
1131
|
}
|
|
972
1132
|
@keyframes mdc-floating-label-shake-float-above-textarea-outlined {
|
|
973
1133
|
0% {
|
|
1134
|
+
/* @noflip */
|
|
1135
|
+
/*rtl:ignore*/
|
|
974
1136
|
transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
|
|
975
1137
|
}
|
|
976
1138
|
33% {
|
|
977
1139
|
animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
|
|
1140
|
+
/* @noflip */
|
|
1141
|
+
/*rtl:ignore*/
|
|
978
1142
|
transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
|
|
979
1143
|
}
|
|
980
1144
|
66% {
|
|
981
1145
|
animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
|
|
1146
|
+
/* @noflip */
|
|
1147
|
+
/*rtl:ignore*/
|
|
982
1148
|
transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
|
|
983
1149
|
}
|
|
984
1150
|
100% {
|
|
1151
|
+
/* @noflip */
|
|
1152
|
+
/*rtl:ignore*/
|
|
985
1153
|
transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
|
|
986
1154
|
}
|
|
987
1155
|
}
|
|
@@ -1034,82 +1202,126 @@
|
|
|
1034
1202
|
transform: translateY(1px);
|
|
1035
1203
|
}
|
|
1036
1204
|
.mdc-text-field--outlined .mdc-text-field__resizer {
|
|
1205
|
+
/* @noflip */
|
|
1206
|
+
/*rtl:ignore*/
|
|
1037
1207
|
transform: translateX(-1px) translateY(-1px);
|
|
1038
1208
|
}
|
|
1039
1209
|
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
|
|
1210
|
+
/*rtl:begin:ignore*/
|
|
1211
|
+
/* @noflip */
|
|
1212
|
+
/*rtl:ignore*/
|
|
1040
1213
|
transform: translateX(1px) translateY(-1px);
|
|
1214
|
+
/*rtl:end:ignore*/
|
|
1041
1215
|
}
|
|
1216
|
+
|
|
1042
1217
|
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
|
|
1043
1218
|
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
|
|
1219
|
+
/* @noflip */
|
|
1220
|
+
/*rtl:ignore*/
|
|
1044
1221
|
transform: translateX(1px) translateY(1px);
|
|
1045
1222
|
}
|
|
1046
|
-
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],
|
|
1047
|
-
|
|
1048
|
-
|
|
1223
|
+
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl], .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
|
|
1224
|
+
/*rtl:begin:ignore*/
|
|
1225
|
+
/* @noflip */
|
|
1226
|
+
/*rtl:ignore*/
|
|
1049
1227
|
transform: translateX(-1px) translateY(1px);
|
|
1228
|
+
/*rtl:end:ignore*/
|
|
1050
1229
|
}
|
|
1051
1230
|
|
|
1052
1231
|
.mdc-text-field--with-leading-icon {
|
|
1053
1232
|
/* @noflip */
|
|
1233
|
+
/*rtl:ignore*/
|
|
1054
1234
|
padding-left: 0;
|
|
1055
1235
|
/* @noflip */
|
|
1236
|
+
/*rtl:ignore*/
|
|
1056
1237
|
padding-right: 16px;
|
|
1057
1238
|
}
|
|
1058
1239
|
[dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] {
|
|
1240
|
+
/*rtl:begin:ignore*/
|
|
1059
1241
|
/* @noflip */
|
|
1242
|
+
/*rtl:ignore*/
|
|
1060
1243
|
padding-left: 16px;
|
|
1061
1244
|
/* @noflip */
|
|
1245
|
+
/*rtl:ignore*/
|
|
1062
1246
|
padding-right: 0;
|
|
1247
|
+
/*rtl:end:ignore*/
|
|
1063
1248
|
}
|
|
1249
|
+
|
|
1064
1250
|
.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
|
|
1065
1251
|
max-width: calc(100% - 48px);
|
|
1066
1252
|
/* @noflip */
|
|
1253
|
+
/*rtl:ignore*/
|
|
1067
1254
|
left: 48px;
|
|
1068
1255
|
/* @noflip */
|
|
1256
|
+
/*rtl:ignore*/
|
|
1069
1257
|
right: initial;
|
|
1070
1258
|
}
|
|
1071
1259
|
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
|
|
1260
|
+
/*rtl:begin:ignore*/
|
|
1072
1261
|
/* @noflip */
|
|
1262
|
+
/*rtl:ignore*/
|
|
1073
1263
|
left: initial;
|
|
1074
1264
|
/* @noflip */
|
|
1265
|
+
/*rtl:ignore*/
|
|
1075
1266
|
right: 48px;
|
|
1267
|
+
/*rtl:end:ignore*/
|
|
1076
1268
|
}
|
|
1269
|
+
|
|
1077
1270
|
.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
|
|
1078
1271
|
max-width: calc(100% / 0.75 - 64px / 0.75);
|
|
1079
1272
|
}
|
|
1080
1273
|
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
|
|
1081
1274
|
/* @noflip */
|
|
1275
|
+
/*rtl:ignore*/
|
|
1082
1276
|
left: 36px;
|
|
1083
1277
|
/* @noflip */
|
|
1278
|
+
/*rtl:ignore*/
|
|
1084
1279
|
right: initial;
|
|
1085
1280
|
}
|
|
1086
1281
|
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
|
|
1282
|
+
/*rtl:begin:ignore*/
|
|
1087
1283
|
/* @noflip */
|
|
1284
|
+
/*rtl:ignore*/
|
|
1088
1285
|
left: initial;
|
|
1089
1286
|
/* @noflip */
|
|
1287
|
+
/*rtl:ignore*/
|
|
1090
1288
|
right: 36px;
|
|
1289
|
+
/*rtl:end:ignore*/
|
|
1091
1290
|
}
|
|
1291
|
+
|
|
1092
1292
|
.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
|
|
1093
1293
|
max-width: calc(100% - 60px);
|
|
1094
1294
|
}
|
|
1095
1295
|
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
|
|
1296
|
+
/* @noflip */
|
|
1297
|
+
/*rtl:ignore*/
|
|
1096
1298
|
transform: translateY(-37.25px) translateX(-32px) scale(1);
|
|
1097
1299
|
}
|
|
1098
1300
|
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
|
|
1301
|
+
/*rtl:begin:ignore*/
|
|
1302
|
+
/* @noflip */
|
|
1303
|
+
/*rtl:ignore*/
|
|
1099
1304
|
transform: translateY(-37.25px) translateX(32px) scale(1);
|
|
1305
|
+
/*rtl:end:ignore*/
|
|
1100
1306
|
}
|
|
1307
|
+
|
|
1101
1308
|
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
|
|
1102
1309
|
font-size: 0.75rem;
|
|
1103
1310
|
}
|
|
1104
1311
|
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
|
|
1105
1312
|
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
|
|
1313
|
+
/* @noflip */
|
|
1314
|
+
/*rtl:ignore*/
|
|
1106
1315
|
transform: translateY(-34.75px) translateX(-32px) scale(0.75);
|
|
1107
1316
|
}
|
|
1108
|
-
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
|
|
1109
|
-
|
|
1110
|
-
|
|
1317
|
+
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
|
|
1318
|
+
/*rtl:begin:ignore*/
|
|
1319
|
+
/* @noflip */
|
|
1320
|
+
/*rtl:ignore*/
|
|
1111
1321
|
transform: translateY(-34.75px) translateX(32px) scale(0.75);
|
|
1322
|
+
/*rtl:end:ignore*/
|
|
1112
1323
|
}
|
|
1324
|
+
|
|
1113
1325
|
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
|
|
1114
1326
|
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
|
|
1115
1327
|
font-size: 1rem;
|
|
@@ -1119,52 +1331,80 @@
|
|
|
1119
1331
|
}
|
|
1120
1332
|
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
|
|
1121
1333
|
0% {
|
|
1334
|
+
/* @noflip */
|
|
1335
|
+
/*rtl:ignore*/
|
|
1122
1336
|
transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
|
|
1123
1337
|
}
|
|
1124
1338
|
33% {
|
|
1125
1339
|
animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
|
|
1340
|
+
/* @noflip */
|
|
1341
|
+
/*rtl:ignore*/
|
|
1126
1342
|
transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
|
|
1127
1343
|
}
|
|
1128
1344
|
66% {
|
|
1129
1345
|
animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
|
|
1346
|
+
/* @noflip */
|
|
1347
|
+
/*rtl:ignore*/
|
|
1130
1348
|
transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
|
|
1131
1349
|
}
|
|
1132
1350
|
100% {
|
|
1351
|
+
/* @noflip */
|
|
1352
|
+
/*rtl:ignore*/
|
|
1133
1353
|
transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
|
|
1134
1354
|
}
|
|
1135
1355
|
}
|
|
1356
|
+
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] {
|
|
1357
|
+
/*rtl:begin:ignore*/
|
|
1358
|
+
/*rtl:end:ignore*/
|
|
1359
|
+
}
|
|
1136
1360
|
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
|
|
1137
1361
|
animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
|
|
1138
1362
|
}
|
|
1363
|
+
|
|
1139
1364
|
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
|
|
1140
1365
|
0% {
|
|
1366
|
+
/* @noflip */
|
|
1367
|
+
/*rtl:ignore*/
|
|
1141
1368
|
transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
|
|
1142
1369
|
}
|
|
1143
1370
|
33% {
|
|
1144
1371
|
animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
|
|
1372
|
+
/* @noflip */
|
|
1373
|
+
/*rtl:ignore*/
|
|
1145
1374
|
transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
|
|
1146
1375
|
}
|
|
1147
1376
|
66% {
|
|
1148
1377
|
animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
|
|
1378
|
+
/* @noflip */
|
|
1379
|
+
/*rtl:ignore*/
|
|
1149
1380
|
transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
|
|
1150
1381
|
}
|
|
1151
1382
|
100% {
|
|
1383
|
+
/* @noflip */
|
|
1384
|
+
/*rtl:ignore*/
|
|
1152
1385
|
transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
|
|
1153
1386
|
}
|
|
1154
1387
|
}
|
|
1155
1388
|
|
|
1156
1389
|
.mdc-text-field--with-trailing-icon {
|
|
1157
1390
|
/* @noflip */
|
|
1391
|
+
/*rtl:ignore*/
|
|
1158
1392
|
padding-left: 16px;
|
|
1159
1393
|
/* @noflip */
|
|
1394
|
+
/*rtl:ignore*/
|
|
1160
1395
|
padding-right: 0;
|
|
1161
1396
|
}
|
|
1162
1397
|
[dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] {
|
|
1398
|
+
/*rtl:begin:ignore*/
|
|
1163
1399
|
/* @noflip */
|
|
1400
|
+
/*rtl:ignore*/
|
|
1164
1401
|
padding-left: 0;
|
|
1165
1402
|
/* @noflip */
|
|
1403
|
+
/*rtl:ignore*/
|
|
1166
1404
|
padding-right: 16px;
|
|
1405
|
+
/*rtl:end:ignore*/
|
|
1167
1406
|
}
|
|
1407
|
+
|
|
1168
1408
|
.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
|
|
1169
1409
|
max-width: calc(100% - 64px);
|
|
1170
1410
|
}
|
|
@@ -1177,8 +1417,10 @@
|
|
|
1177
1417
|
|
|
1178
1418
|
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
|
|
1179
1419
|
/* @noflip */
|
|
1420
|
+
/*rtl:ignore*/
|
|
1180
1421
|
padding-left: 0;
|
|
1181
1422
|
/* @noflip */
|
|
1423
|
+
/*rtl:ignore*/
|
|
1182
1424
|
padding-right: 0;
|
|
1183
1425
|
}
|
|
1184
1426
|
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
|
|
@@ -1326,64 +1568,72 @@
|
|
|
1326
1568
|
.mdc-text-field--disabled .mdc-notched-outline__trailing {
|
|
1327
1569
|
border-color: rgba(0, 0, 0, 0.06);
|
|
1328
1570
|
}
|
|
1329
|
-
@media screen and (-ms-high-contrast: active) {
|
|
1571
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
1330
1572
|
.mdc-text-field--disabled .mdc-text-field__input::placeholder {
|
|
1331
1573
|
color: GrayText;
|
|
1332
1574
|
}
|
|
1333
1575
|
}
|
|
1334
|
-
@media screen and (-ms-high-contrast: active) {
|
|
1576
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
1335
1577
|
.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
|
|
1336
1578
|
color: GrayText;
|
|
1337
1579
|
}
|
|
1338
1580
|
}
|
|
1339
|
-
@media screen and (-ms-high-contrast: active) {
|
|
1581
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
1340
1582
|
.mdc-text-field--disabled .mdc-floating-label {
|
|
1341
1583
|
color: GrayText;
|
|
1342
1584
|
}
|
|
1343
1585
|
}
|
|
1344
|
-
@media screen and (-ms-high-contrast: active) {
|
|
1586
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
1345
1587
|
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
|
|
1346
1588
|
color: GrayText;
|
|
1347
1589
|
}
|
|
1348
1590
|
}
|
|
1349
|
-
@media screen and (-ms-high-contrast: active) {
|
|
1591
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
1350
1592
|
.mdc-text-field--disabled .mdc-text-field-character-counter,
|
|
1351
1593
|
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
|
|
1352
1594
|
color: GrayText;
|
|
1353
1595
|
}
|
|
1354
1596
|
}
|
|
1355
|
-
@media screen and (-ms-high-contrast: active) {
|
|
1597
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
1356
1598
|
.mdc-text-field--disabled .mdc-text-field__icon--leading {
|
|
1357
1599
|
color: GrayText;
|
|
1358
1600
|
}
|
|
1359
1601
|
}
|
|
1360
|
-
@media screen and (-ms-high-contrast: active) {
|
|
1602
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
1361
1603
|
.mdc-text-field--disabled .mdc-text-field__icon--trailing, .mdc-text-field--disabled a.lime-trailing-icon-for-link {
|
|
1362
1604
|
color: GrayText;
|
|
1363
1605
|
}
|
|
1364
1606
|
}
|
|
1365
|
-
@media screen and (-ms-high-contrast: active) {
|
|
1607
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
1366
1608
|
.mdc-text-field--disabled .mdc-text-field__affix--prefix {
|
|
1367
1609
|
color: GrayText;
|
|
1368
1610
|
}
|
|
1369
1611
|
}
|
|
1370
|
-
@media screen and (-ms-high-contrast: active) {
|
|
1612
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
1371
1613
|
.mdc-text-field--disabled .mdc-text-field__affix--suffix {
|
|
1372
1614
|
color: GrayText;
|
|
1373
1615
|
}
|
|
1374
1616
|
}
|
|
1375
|
-
@media screen and (-ms-high-contrast: active) {
|
|
1617
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
1376
1618
|
.mdc-text-field--disabled .mdc-line-ripple::before {
|
|
1377
1619
|
border-bottom-color: GrayText;
|
|
1378
1620
|
}
|
|
1379
1621
|
}
|
|
1380
|
-
@media screen and (-ms-high-contrast: active) {
|
|
1622
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
1381
1623
|
.mdc-text-field--disabled .mdc-notched-outline__leading,
|
|
1382
1624
|
.mdc-text-field--disabled .mdc-notched-outline__notch,
|
|
1383
1625
|
.mdc-text-field--disabled .mdc-notched-outline__trailing {
|
|
1384
1626
|
border-color: GrayText;
|
|
1385
1627
|
}
|
|
1386
1628
|
}
|
|
1629
|
+
@media screen and (forced-colors: active) {
|
|
1630
|
+
.mdc-text-field--disabled .mdc-text-field__input {
|
|
1631
|
+
background-color: Window;
|
|
1632
|
+
}
|
|
1633
|
+
.mdc-text-field--disabled .mdc-floating-label {
|
|
1634
|
+
z-index: 1;
|
|
1635
|
+
}
|
|
1636
|
+
}
|
|
1387
1637
|
.mdc-text-field--disabled .mdc-floating-label {
|
|
1388
1638
|
cursor: default;
|
|
1389
1639
|
}
|
|
@@ -1399,29 +1649,42 @@
|
|
|
1399
1649
|
|
|
1400
1650
|
.mdc-text-field--end-aligned .mdc-text-field__input {
|
|
1401
1651
|
/* @noflip */
|
|
1652
|
+
/*rtl:ignore*/
|
|
1402
1653
|
text-align: right;
|
|
1403
1654
|
}
|
|
1404
1655
|
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
|
|
1656
|
+
/*rtl:begin:ignore*/
|
|
1405
1657
|
/* @noflip */
|
|
1658
|
+
/*rtl:ignore*/
|
|
1406
1659
|
text-align: left;
|
|
1660
|
+
/*rtl:end:ignore*/
|
|
1407
1661
|
}
|
|
1408
1662
|
|
|
1663
|
+
[dir=rtl] .mdc-text-field--ltr-text, .mdc-text-field--ltr-text[dir=rtl] {
|
|
1664
|
+
/*rtl:begin:ignore*/
|
|
1665
|
+
/*rtl:end:ignore*/
|
|
1666
|
+
}
|
|
1409
1667
|
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
|
|
1410
1668
|
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
|
|
1411
1669
|
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
|
|
1412
1670
|
/* @noflip */
|
|
1671
|
+
/*rtl:ignore*/
|
|
1413
1672
|
direction: ltr;
|
|
1414
1673
|
}
|
|
1415
1674
|
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
|
|
1416
1675
|
/* @noflip */
|
|
1676
|
+
/*rtl:ignore*/
|
|
1417
1677
|
padding-left: 0;
|
|
1418
1678
|
/* @noflip */
|
|
1679
|
+
/*rtl:ignore*/
|
|
1419
1680
|
padding-right: 2px;
|
|
1420
1681
|
}
|
|
1421
1682
|
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
|
|
1422
1683
|
/* @noflip */
|
|
1684
|
+
/*rtl:ignore*/
|
|
1423
1685
|
padding-left: 12px;
|
|
1424
1686
|
/* @noflip */
|
|
1687
|
+
/*rtl:ignore*/
|
|
1425
1688
|
padding-right: 0;
|
|
1426
1689
|
}
|
|
1427
1690
|
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
|
|
@@ -1439,16 +1702,24 @@
|
|
|
1439
1702
|
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, [dir=rtl] .mdc-text-field--ltr-text a.lime-trailing-icon-for-link, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] a.lime-trailing-icon-for-link {
|
|
1440
1703
|
order: 5;
|
|
1441
1704
|
}
|
|
1705
|
+
|
|
1706
|
+
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] {
|
|
1707
|
+
/*rtl:begin:ignore*/
|
|
1708
|
+
/*rtl:end:ignore*/
|
|
1709
|
+
}
|
|
1442
1710
|
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {
|
|
1443
1711
|
/* @noflip */
|
|
1712
|
+
/*rtl:ignore*/
|
|
1444
1713
|
text-align: right;
|
|
1445
1714
|
}
|
|
1446
1715
|
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {
|
|
1447
1716
|
/* @noflip */
|
|
1717
|
+
/*rtl:ignore*/
|
|
1448
1718
|
padding-right: 12px;
|
|
1449
1719
|
}
|
|
1450
1720
|
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {
|
|
1451
1721
|
/* @noflip */
|
|
1722
|
+
/*rtl:ignore*/
|
|
1452
1723
|
padding-left: 2px;
|
|
1453
1724
|
}
|
|
1454
1725
|
|
|
@@ -1528,12 +1799,16 @@
|
|
|
1528
1799
|
/* @alternate */
|
|
1529
1800
|
line-height: normal;
|
|
1530
1801
|
/* @noflip */
|
|
1802
|
+
/*rtl:ignore*/
|
|
1531
1803
|
margin-left: auto;
|
|
1532
1804
|
/* @noflip */
|
|
1805
|
+
/*rtl:ignore*/
|
|
1533
1806
|
margin-right: 0;
|
|
1534
1807
|
/* @noflip */
|
|
1808
|
+
/*rtl:ignore*/
|
|
1535
1809
|
padding-left: 16px;
|
|
1536
1810
|
/* @noflip */
|
|
1811
|
+
/*rtl:ignore*/
|
|
1537
1812
|
padding-right: 0;
|
|
1538
1813
|
white-space: nowrap;
|
|
1539
1814
|
}
|
|
@@ -1545,16 +1820,25 @@
|
|
|
1545
1820
|
vertical-align: 0;
|
|
1546
1821
|
}
|
|
1547
1822
|
[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
|
|
1823
|
+
/*rtl:begin:ignore*/
|
|
1548
1824
|
/* @noflip */
|
|
1825
|
+
/*rtl:ignore*/
|
|
1549
1826
|
margin-left: 0;
|
|
1550
1827
|
/* @noflip */
|
|
1828
|
+
/*rtl:ignore*/
|
|
1551
1829
|
margin-right: auto;
|
|
1830
|
+
/*rtl:end:ignore*/
|
|
1552
1831
|
}
|
|
1832
|
+
|
|
1553
1833
|
[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
|
|
1834
|
+
/*rtl:begin:ignore*/
|
|
1554
1835
|
/* @noflip */
|
|
1836
|
+
/*rtl:ignore*/
|
|
1555
1837
|
padding-left: 0;
|
|
1556
1838
|
/* @noflip */
|
|
1839
|
+
/*rtl:ignore*/
|
|
1557
1840
|
padding-right: 16px;
|
|
1841
|
+
/*rtl:end:ignore*/
|
|
1558
1842
|
}
|
|
1559
1843
|
|
|
1560
1844
|
.mdc-text-field__icon {
|
|
@@ -1571,29 +1855,41 @@
|
|
|
1571
1855
|
|
|
1572
1856
|
.mdc-text-field__icon--leading {
|
|
1573
1857
|
/* @noflip */
|
|
1858
|
+
/*rtl:ignore*/
|
|
1574
1859
|
margin-left: 16px;
|
|
1575
1860
|
/* @noflip */
|
|
1861
|
+
/*rtl:ignore*/
|
|
1576
1862
|
margin-right: 8px;
|
|
1577
1863
|
}
|
|
1578
1864
|
[dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
|
|
1865
|
+
/*rtl:begin:ignore*/
|
|
1579
1866
|
/* @noflip */
|
|
1867
|
+
/*rtl:ignore*/
|
|
1580
1868
|
margin-left: 8px;
|
|
1581
1869
|
/* @noflip */
|
|
1870
|
+
/*rtl:ignore*/
|
|
1582
1871
|
margin-right: 16px;
|
|
1872
|
+
/*rtl:end:ignore*/
|
|
1583
1873
|
}
|
|
1584
1874
|
|
|
1585
1875
|
.mdc-text-field__icon--trailing, a.lime-trailing-icon-for-link {
|
|
1586
1876
|
padding: 12px;
|
|
1587
1877
|
/* @noflip */
|
|
1878
|
+
/*rtl:ignore*/
|
|
1588
1879
|
margin-left: 0px;
|
|
1589
1880
|
/* @noflip */
|
|
1881
|
+
/*rtl:ignore*/
|
|
1590
1882
|
margin-right: 0px;
|
|
1591
1883
|
}
|
|
1592
1884
|
[dir=rtl] .mdc-text-field__icon--trailing, [dir=rtl] a.lime-trailing-icon-for-link, .mdc-text-field__icon--trailing[dir=rtl], a[dir=rtl].lime-trailing-icon-for-link {
|
|
1885
|
+
/*rtl:begin:ignore*/
|
|
1593
1886
|
/* @noflip */
|
|
1887
|
+
/*rtl:ignore*/
|
|
1594
1888
|
margin-left: 0px;
|
|
1595
1889
|
/* @noflip */
|
|
1890
|
+
/*rtl:ignore*/
|
|
1596
1891
|
margin-right: 0px;
|
|
1892
|
+
/*rtl:end:ignore*/
|
|
1597
1893
|
}
|
|
1598
1894
|
|
|
1599
1895
|
.mdc-text-field__icon {
|
|
@@ -1610,29 +1906,41 @@
|
|
|
1610
1906
|
|
|
1611
1907
|
.mdc-text-field__icon--leading {
|
|
1612
1908
|
/* @noflip */
|
|
1909
|
+
/*rtl:ignore*/
|
|
1613
1910
|
margin-left: 16px;
|
|
1614
1911
|
/* @noflip */
|
|
1912
|
+
/*rtl:ignore*/
|
|
1615
1913
|
margin-right: 8px;
|
|
1616
1914
|
}
|
|
1617
1915
|
[dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
|
|
1916
|
+
/*rtl:begin:ignore*/
|
|
1618
1917
|
/* @noflip */
|
|
1918
|
+
/*rtl:ignore*/
|
|
1619
1919
|
margin-left: 8px;
|
|
1620
1920
|
/* @noflip */
|
|
1921
|
+
/*rtl:ignore*/
|
|
1621
1922
|
margin-right: 16px;
|
|
1923
|
+
/*rtl:end:ignore*/
|
|
1622
1924
|
}
|
|
1623
1925
|
|
|
1624
1926
|
.mdc-text-field__icon--trailing, a.lime-trailing-icon-for-link {
|
|
1625
1927
|
padding: 12px;
|
|
1626
1928
|
/* @noflip */
|
|
1929
|
+
/*rtl:ignore*/
|
|
1627
1930
|
margin-left: 0px;
|
|
1628
1931
|
/* @noflip */
|
|
1932
|
+
/*rtl:ignore*/
|
|
1629
1933
|
margin-right: 0px;
|
|
1630
1934
|
}
|
|
1631
1935
|
[dir=rtl] .mdc-text-field__icon--trailing, [dir=rtl] a.lime-trailing-icon-for-link, .mdc-text-field__icon--trailing[dir=rtl], a[dir=rtl].lime-trailing-icon-for-link {
|
|
1936
|
+
/*rtl:begin:ignore*/
|
|
1632
1937
|
/* @noflip */
|
|
1938
|
+
/*rtl:ignore*/
|
|
1633
1939
|
margin-left: 0px;
|
|
1634
1940
|
/* @noflip */
|
|
1941
|
+
/*rtl:ignore*/
|
|
1635
1942
|
margin-right: 0px;
|
|
1943
|
+
/*rtl:end:ignore*/
|
|
1636
1944
|
}
|
|
1637
1945
|
|
|
1638
1946
|
.mdc-text-field.mdc-text-field--outlined {
|
|
@@ -1808,6 +2116,13 @@
|
|
|
1808
2116
|
margin-right: 0.5rem;
|
|
1809
2117
|
}
|
|
1810
2118
|
|
|
2119
|
+
.lime-text-field--empty .mdc-text-field__icon--trailing, .lime-text-field--empty a.lime-trailing-icon-for-link {
|
|
2120
|
+
cursor: not-allowed;
|
|
2121
|
+
pointer-events: none;
|
|
2122
|
+
opacity: 0.4;
|
|
2123
|
+
box-shadow: none !important;
|
|
2124
|
+
}
|
|
2125
|
+
|
|
1811
2126
|
.mdc-text-field {
|
|
1812
2127
|
width: 100%;
|
|
1813
2128
|
}
|