@linzjs/lui 17.5.5 → 17.5.6
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/CHANGELOG.md +2 -0
- package/dist/index.js +5 -4
- package/dist/index.js.map +1 -1
- package/dist/lui.css +3 -119
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +5 -4
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/LuiFormElements/LuiFileInputBox.scss +1 -1
- package/dist/scss/Components/LuiFormElements/LuiRadioInput/LuiRadioInput.scss +1 -1
- package/dist/scss/Components/LuiFormElements/LuiSelectInput/LuiSelectInput.scss +1 -1
- package/dist/scss/Components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.scss +1 -1
- package/dist/scss/Components/LuiFormElements/LuiTextInput/LuiTextInput.scss +1 -1
- package/dist/scss/Components/LuiFormSection/LuiFormSectionHeader.scss +1 -1
- package/dist/scss/Components/LuiFormSection/LuiHelpInfo/LuiHelpInfo.scss +1 -1
- package/dist/scss/Components/LuiForms/LuiComboSelect/LuiComboSelect.scss +1 -1
- package/dist/scss/Components/LuiSearchInput/LuiSearchInput.scss +6 -6
- package/dist/scss/Components/LuiShadow/LuiShadow.scss +1 -1
- package/dist/scss/Foundation/Variables/ColorVars.scss +154 -5
- package/dist/scss/Foundation/Variables/{_ExportColors.scss → ExportColors.scss} +1 -1
- package/package.json +1 -1
- package/dist/scss/Foundation/Variables/_ExportCSS.scss +0 -121
- package/dist/scss/Foundation/Variables/_LuiColors.scss +0 -157
package/CHANGELOG.md
CHANGED
package/dist/index.js
CHANGED
|
@@ -888,7 +888,7 @@ function LuiFormikForm(props) {
|
|
|
888
888
|
" "))));
|
|
889
889
|
}
|
|
890
890
|
|
|
891
|
-
var css_248z$4 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n
|
|
891
|
+
var css_248z$4 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiError {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: 600;\n margin-bottom: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n color: #2a292c;\n}\n.LuiError-errorIcon {\n vertical-align: middle;\n display: inline-block;\n}\n.LuiError-errorText {\n margin-left: 0.5rem;\n}";
|
|
892
892
|
styleInject(css_248z$4);
|
|
893
893
|
|
|
894
894
|
var LuiError = function (_a) {
|
|
@@ -52765,7 +52765,7 @@ function isChromatic() {
|
|
|
52765
52765
|
return !!((window === null || window === void 0 ? void 0 : window.navigator.userAgent.match(/Chromatic/)) || (window === null || window === void 0 ? void 0 : window.location.href.match(/chromatic=true/)));
|
|
52766
52766
|
}
|
|
52767
52767
|
|
|
52768
|
-
var css_248z$3 = ":
|
|
52768
|
+
var css_248z$3 = ":export {\n charcoal: #2a292c;\n fuscous: #6b6966;\n gray: #989189;\n silver: #beb9b4;\n lily: #eaeaea;\n hint: #f9f9f9;\n snow: #ffffff;\n white: #ffffff;\n teal: #00425d;\n sea: #007198;\n electric: #0096cc;\n spray: #73c8e1;\n polar: #e2f3f7;\n sherpa: #004b50;\n surfie: #017a76;\n persian: #00a599;\n downy: #73cdc8;\n iceberg: #dcf5f0;\n sacramento: #004e32;\n salem: #08814d;\n pigment: #0aa245;\n granny: #9bd79b;\n panache: #e9fae7;\n brand-primary: #004b50;\n brand-secondary: #017a76;\n error: #cc0000;\n error-bg: #f5cccc;\n error-focus: #5a0000;\n warning: #ea6a2e;\n warning-bg: #fbdfd2;\n warning-focus: #b33a01;\n success: #0aa245;\n success-bg: #e9fae7;\n info: #3a7cdf;\n info-bg: #d8e5f9;\n visited: #00425d;\n green-hover: #107c3a;\n green-active: #094a22;\n green-btn: #0aa245;\n txt-link: #0096cc;\n primary-hover-btn: #005678;\n selection: #c7e9f3;\n heading-color: #017a76;\n heading-color--secondary: #2a292c;\n base-type-color: #2a292c;\n input-text: #2a292c;\n input-placeholder: #6b6966;\n input-placeholder-when-disabled: #989189;\n base-icon-color: #007198;\n disabled-color: #989189;\n disabled-color-dark: #6b6966;\n linz-color-primary: #023d48;\n linz-color-primary-hover: #01818a;\n linz-color-tertiary: #e1e44a;\n linz-color-tertiary-hover: #cdcf59;\n color-test-pink: #f09;\n linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);\n linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);\n}";
|
|
52769
52769
|
styleInject(css_248z$3);
|
|
52770
52770
|
|
|
52771
52771
|
var _excluded = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"];
|
|
@@ -52887,12 +52887,13 @@ function LuiComboSelectActual(givenProps, ref) {
|
|
|
52887
52887
|
// box-shadow: "-8px 0px 0 0 #cc0000";
|
|
52888
52888
|
// border-radius: "4px";
|
|
52889
52889
|
var id = useGenerateOrDefaultId(props === null || props === void 0 ? void 0 : props.id);
|
|
52890
|
-
var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: css_248z$3['
|
|
52890
|
+
var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: css_248z$3['sea'], primary75: css_248z$3['electric'], primary50: css_248z$3['spray'], primary25: css_248z$3['polar'], neutral90: css_248z$3['charcoal'], neutral80: css_248z$3['charcoal'], neutral70: css_248z$3['charcoal'], neutral60: css_248z$3['fuscous'], neutral50: css_248z$3['fuscous'], neutral40: css_248z$3['gray'], neutral30: css_248z$3['gray'], neutral20: css_248z$3['silver'], neutral10: css_248z$3['lily'], neutral5: css_248z$3['hint'], danger: css_248z$3['error'], dangerLight: css_248z$3['error-bg'] }) })); }, styles: {
|
|
52891
52891
|
control: function (provided, state) { return (__assign(__assign({}, provided), {
|
|
52892
52892
|
/* matches style of .LuiTextInput-input */
|
|
52893
|
-
border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {
|
|
52893
|
+
boxShadow: 'none', border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {
|
|
52894
52894
|
borderColor: '#053d52',
|
|
52895
52895
|
} })); },
|
|
52896
|
+
dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: css_248z$3['fuscous'] })); },
|
|
52896
52897
|
indicatorSeparator: function (provided) { return (__assign(__assign({}, provided), { width: 0 })); },
|
|
52897
52898
|
input: function (provided) { return (__assign(__assign({}, provided), { height: '40px', minHeight: '40px', fontWeight: 400, input: {
|
|
52898
52899
|
height: '38px !important',
|