@veeqo/ui 15.14.0 → 15.14.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.
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$insertStyle(".
|
|
6
|
-
var formStyles = {"fullStyles":"
|
|
5
|
+
___$insertStyle("._fullStyles_x8hsa_1 {\n --outline-size: var(--sizes-xs);\n --border-color: var(--colors-neutral-ink-lightest);\n --shadow-color: var(--colors-secondary-blue-light);\n}\n._fullStyles_x8hsa_1:disabled, ._fullStyles_x8hsa_1[data-disabled] {\n opacity: 1;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-light);\n cursor: not-allowed;\n}\n._fullStyles_x8hsa_1._compact_x8hsa_12 {\n --outline-size: 2px;\n min-height: var(--sizes-8);\n}\n._fullStyles_x8hsa_1._error_x8hsa_16 {\n --border-color: var(--colors-secondary-red-base);\n --shadow-color: var(--colors-secondary-red-light);\n}\n._fullStyles_x8hsa_1:focus {\n border-color: var(--colors-secondary-blue-base);\n outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n outline-offset: var(--sizes-line);\n}\n._fullStyles_x8hsa_1::placeholder {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n._fullStyles_x8hsa_1:invalid {\n box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n border-color: var(--colors-secondary-red-base);\n}\n\n._base_x8hsa_40 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n appearance: none;\n box-sizing: border-box;\n background-color: white;\n text-align: left;\n min-height: var(--sizes-10);\n padding-inline: var(--sizes-3);\n border-radius: var(--radius-base);\n border: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n /* When inside an InputGroup, reduce inline padding to bring content closer together */\n}\n._base_x8hsa_40._inputGroup_x8hsa_62:first-child {\n padding-right: calc(var(--sizes-3) - var(--sizes-1));\n}\n._base_x8hsa_40._inputGroup_x8hsa_62:last-child {\n padding-left: var(--sizes-2);\n}\n._base_x8hsa_40._inputGroup_x8hsa_62:not(:first-child):not(:last-child) {\n padding-inline: var(--sizes-2);\n}\n\n/** InputGroup styles from the InputGroup component */\n._inputGroup_x8hsa_62 {\n display: flex;\n /* Remove inline margins from all children */\n /* Bring in-focus and active children to the front to maintain outlines */\n /* Remove inline borders for children in the middle */\n /* Remove right border radius from first child */\n /* Remove left border radius from last child */\n}\n._inputGroup_x8hsa_62 > * {\n margin-left: 0;\n margin-right: 0;\n box-shadow: none;\n}\n._inputGroup_x8hsa_62 > *:focus, ._inputGroup_x8hsa_62 > *:active {\n z-index: 5;\n}\n._inputGroup_x8hsa_62 > *:not(:first-child):not(:last-child) {\n border-radius: 0 !important;\n border-inline: 0 !important;\n}\n._inputGroup_x8hsa_62 > *:first-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: 0 !important;\n}\n._inputGroup_x8hsa_62 > *:last-child {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-left: 0 !important;\n}");
|
|
6
|
+
var formStyles = {"fullStyles":"_fullStyles_x8hsa_1","compact":"_compact_x8hsa_12","error":"_error_x8hsa_16","base":"_base_x8hsa_40","inputGroup":"_inputGroup_x8hsa_62"};
|
|
7
7
|
|
|
8
8
|
module.exports = formStyles;
|
|
9
9
|
//# sourceMappingURL=form.module.scss.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
insertStyle(".
|
|
4
|
-
var formStyles = {"fullStyles":"
|
|
3
|
+
insertStyle("._fullStyles_x8hsa_1 {\n --outline-size: var(--sizes-xs);\n --border-color: var(--colors-neutral-ink-lightest);\n --shadow-color: var(--colors-secondary-blue-light);\n}\n._fullStyles_x8hsa_1:disabled, ._fullStyles_x8hsa_1[data-disabled] {\n opacity: 1;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-light);\n cursor: not-allowed;\n}\n._fullStyles_x8hsa_1._compact_x8hsa_12 {\n --outline-size: 2px;\n min-height: var(--sizes-8);\n}\n._fullStyles_x8hsa_1._error_x8hsa_16 {\n --border-color: var(--colors-secondary-red-base);\n --shadow-color: var(--colors-secondary-red-light);\n}\n._fullStyles_x8hsa_1:focus {\n border-color: var(--colors-secondary-blue-base);\n outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n outline-offset: var(--sizes-line);\n}\n._fullStyles_x8hsa_1::placeholder {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n._fullStyles_x8hsa_1:invalid {\n box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n border-color: var(--colors-secondary-red-base);\n}\n\n._base_x8hsa_40 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n appearance: none;\n box-sizing: border-box;\n background-color: white;\n text-align: left;\n min-height: var(--sizes-10);\n padding-inline: var(--sizes-3);\n border-radius: var(--radius-base);\n border: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n /* When inside an InputGroup, reduce inline padding to bring content closer together */\n}\n._base_x8hsa_40._inputGroup_x8hsa_62:first-child {\n padding-right: calc(var(--sizes-3) - var(--sizes-1));\n}\n._base_x8hsa_40._inputGroup_x8hsa_62:last-child {\n padding-left: var(--sizes-2);\n}\n._base_x8hsa_40._inputGroup_x8hsa_62:not(:first-child):not(:last-child) {\n padding-inline: var(--sizes-2);\n}\n\n/** InputGroup styles from the InputGroup component */\n._inputGroup_x8hsa_62 {\n display: flex;\n /* Remove inline margins from all children */\n /* Bring in-focus and active children to the front to maintain outlines */\n /* Remove inline borders for children in the middle */\n /* Remove right border radius from first child */\n /* Remove left border radius from last child */\n}\n._inputGroup_x8hsa_62 > * {\n margin-left: 0;\n margin-right: 0;\n box-shadow: none;\n}\n._inputGroup_x8hsa_62 > *:focus, ._inputGroup_x8hsa_62 > *:active {\n z-index: 5;\n}\n._inputGroup_x8hsa_62 > *:not(:first-child):not(:last-child) {\n border-radius: 0 !important;\n border-inline: 0 !important;\n}\n._inputGroup_x8hsa_62 > *:first-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: 0 !important;\n}\n._inputGroup_x8hsa_62 > *:last-child {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-left: 0 !important;\n}");
|
|
4
|
+
var formStyles = {"fullStyles":"_fullStyles_x8hsa_1","compact":"_compact_x8hsa_12","error":"_error_x8hsa_16","base":"_base_x8hsa_40","inputGroup":"_inputGroup_x8hsa_62"};
|
|
5
5
|
|
|
6
6
|
export { formStyles as default };
|
|
7
7
|
//# sourceMappingURL=form.module.scss.js.map
|