npm - guestbell-forms - Versions diffs - 2.0.270 → 2.0.274 - Mend

guestbell-forms 2.0.270 → 2.0.274

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.

Files changed (22) hide show

package/build/components/money/Money.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/lib/components/money/Money.tsx"],"names":["PlusIcon","defaultMoneyTranslations","defaultBaseTranslations","cannotRemoveDefaultCurrency","removePrice","addPrice","addNewCurrency","MoneyRaw","props","index","currentCurrencies","e","newPrices","concat","prices","currency","filter","cc","value","toString","target","onPricesChange","num","Number","parts","split","length","isNaN","str","state","touched","touch","price","itemIndex","required","setInvalid","getTranslations","unusedCurrencies","setValid","setState","focused","currencies","Error","Object","assign","isValid","errors","handleValueChangeEnabled","forcedCurrencies","c","forceSelected","missingForced","find","p","map","undefined","subscribeSelf","translations","title","id","getValidationClass","className","containerRef","item","priceCurrency","priceIndex","retComponents","onFocus","onBlur","onCurrencyChanged","onTheFlightValidate","onPriceChanged","removePriceClick","Button","defaultProps","buttonProps","allowMultiple","addPriceClick","renderDefaultValidation","label","renderLabel","BaseInput","type","onChange","Money"],"mappings":"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","sourcesContent":["import * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_24px.svg';\r\n\r\n// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport { Select, SelectValue } from '../select/Select';\r\nimport { Text } from '../text/Text';\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n BaseInputProps,\r\n BaseInputState,\r\n BaseInput,\r\n defaultBaseTranslations,\r\n} from '../base/input/BaseInput';\r\nimport { Button } from '../button/Button';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\n\r\nexport interface MoneyWithCurrency {\r\n value: number;\r\n currency: SelectValue;\r\n}\r\n\r\nexport const defaultMoneyTranslations = {\r\n ...defaultBaseTranslations,\r\n cannotRemoveDefaultCurrency: 'Cannot remove default currency',\r\n removePrice: 'Remove price',\r\n addPrice: 'Add price',\r\n addNewCurrency: 'Add new currency',\r\n};\r\n\r\nexport type MoneyTranslations = Partial<typeof defaultMoneyTranslations>;\r\n\r\nexport interface MoneyProps extends BaseInputProps<never, MoneyTranslations> {\r\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n onPricesChange: (prices: MoneyWithCurrency[]) => void;\r\n allowMultiple?: boolean;\r\n currencies: SelectValue[];\r\n prices: MoneyWithCurrency[];\r\n}\r\n\r\nexport interface MoneyState extends BaseInputState {}\r\n\r\nexport class MoneyRaw extends BaseInput<\r\n MoneyProps,\r\n MoneyState,\r\n never,\r\n MoneyTranslations\r\n> {\r\n public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n type: 'money',\r\n allowMultiple: false,\r\n onChange: undefined,\r\n });\r\n\r\n constructor(props: MoneyProps) {\r\n super(props, false);\r\n if (!props.currencies \|\| !props.currencies.length) {\r\n throw Error('No currencies supplied to money input');\r\n }\r\n this.state = Object.assign(this.state, {\r\n isValid: props.required ? props.prices.length > 0 : true,\r\n errors:\r\n props.required && props.prices.length === 0\r\n ? [this.getTranslations(defaultMoneyTranslations).required]\r\n : [],\r\n handleValueChangeEnabled: false,\r\n });\r\n const forcedCurrencies = props.currencies.filter(c => c.forceSelected);\r\n const missingForced = forcedCurrencies.filter(\r\n c => !props.prices.find(p => p.currency.value === c.value)\r\n );\r\n if (missingForced.length > 0) {\r\n props.onPricesChange(\r\n props.prices.concat(\r\n missingForced.map(c => ({ currency: c, value: undefined }))\r\n )\r\n );\r\n }\r\n this.subscribeSelf(props);\r\n }\r\n\r\n public render() {\r\n let unusedCurrencies = this.props.currencies;\r\n const translations = this.getTranslations(defaultMoneyTranslations);\r\n return (\r\n <InputGroup title={this.props.title}>\r\n <div\r\n {...(this.props.id && { id: this.props.id })}\r\n className={\r\n 'input__base money-input ' +\r\n this.getValidationClass() +\r\n (this.props.className ? ' ' + this.props.className : '')\r\n }\r\n ref={this.containerRef}\r\n >\r\n {this.props.prices &&\r\n this.props.prices.map((item, index) => {\r\n let currentCurrencies = this.props.currencies.filter(\r\n c =>\r\n this.props.prices.filter(\r\n (priceCurrency, priceIndex) =>\r\n priceIndex !== index &&\r\n priceCurrency.currency.value === c.value\r\n ).length === 0\r\n );\r\n const currency = this.props.currencies.find(\r\n c => c.value === item.currency.value\r\n );\r\n let retComponents = currentCurrencies.length ? (\r\n <div key={index}>\r\n <Select\r\n {...(this.props.id && {\r\n id:\r\n this.props.id + '-currency-select-' + index.toString(),\r\n })}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n className={'money-input__select m-0'}\r\n values={currentCurrencies}\r\n onChange={this.onCurrencyChanged(index, currentCurrencies)}\r\n value={item.currency.value.toString()}\r\n />\r\n <Text\r\n {...(this.props.id && {\r\n id: this.props.id + '-amount-input-' + index.toString(),\r\n })}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n onTheFlightValidate={this.onTheFlightValidate}\r\n placeholder={'0.00'}\r\n className={'money-input__text m-0'}\r\n validators={['number']}\r\n value={item.value ? item.value.toString() : ''}\r\n onChange={this.onPriceChanged(index)}\r\n type=\"number\"\r\n />\r\n {this.props.prices.length > 0 && (\r\n <Button\r\n {...(this.props.id && {\r\n id:\r\n this.props.id + '-remove-button-' + index.toString(),\r\n })}\r\n blank={true}\r\n type=\"error\"\r\n onClick={this.removePriceClick(index)}\r\n className=\"transform-rotate--45 line-height--0\"\r\n buttonProps={{\r\n ...Button.defaultProps?.buttonProps,\r\n title:\r\n currency && currency.forceSelected\r\n ? translations.cannotRemoveDefaultCurrency\r\n : translations.removePrice,\r\n }}\r\n circular={true}\r\n disabled={currency && currency.forceSelected}\r\n >\r\n <PlusIcon />\r\n </Button>\r\n )}\r\n </div>\r\n ) : null;\r\n unusedCurrencies = unusedCurrencies.filter(\r\n c => c.value !== item.currency.value\r\n );\r\n return retComponents;\r\n })}\r\n {(this.props.allowMultiple \|\|\r\n (this.props.prices && !this.props.prices.length)) &&\r\n unusedCurrencies.length ? (\r\n <Button\r\n blank={true}\r\n {...(this.props.id && {\r\n id: this.props.id + '-add-button',\r\n })}\r\n type=\"primary\"\r\n className=\"line-height--0 align-self-start\"\r\n onClick={this.addPriceClick(unusedCurrencies)}\r\n circular={true}\r\n buttonProps={{\r\n ...Button.defaultProps?.buttonProps,\r\n title:\r\n this.props.prices && this.props.prices.length === 0\r\n ? translations.addPrice\r\n : translations.addNewCurrency,\r\n }}\r\n >\r\n <PlusIcon />\r\n </Button>\r\n ) : null}\r\n <span className=\"highlight\" />\r\n <span className={'bar ' + (this.state.focused ? 'focused' : '')} />\r\n {this.renderDefaultValidation()}\r\n {this.props.label && (\r\n <label\r\n className={\r\n this.props.prices && this.props.prices ? 'label--focused' : ''\r\n }\r\n >\r\n {this.renderLabel()}\r\n </label>\r\n )}\r\n </div>\r\n </InputGroup>\r\n );\r\n }\r\n\r\n private onCurrencyChanged = (\r\n index: number,\r\n currentCurrencies: SelectValue[]\r\n ) => e => {\r\n let newPrices: MoneyWithCurrency[] = [].concat(this.props.prices);\r\n newPrices[index].currency = currentCurrencies.filter(\r\n cc => cc.value.toString() === e.target.value\r\n )[0];\r\n this.props.onPricesChange(newPrices);\r\n };\r\n\r\n private onTheFlightValidate = value => {\r\n let num = Number(value);\r\n const parts = value.split('.');\r\n if (parts && parts.length > 1 && parts[parts.length - 1].length > 2) {\r\n return false;\r\n }\r\n if (!isNaN(num)) {\r\n return true;\r\n }\r\n if (num) {\r\n return false;\r\n }\r\n };\r\n\r\n private onPriceChanged = (index: number) => (\r\n e: React.ChangeEvent<HTMLInputElement>\r\n ) => {\r\n let newPrices: MoneyWithCurrency[] = [].concat(this.props.prices);\r\n let str = e.target.value;\r\n let num = Number(str);\r\n if (!isNaN(num)) {\r\n newPrices[index].value = num;\r\n }\r\n this.props.onPricesChange(newPrices);\r\n if (!this.state.touched) {\r\n this.touch();\r\n }\r\n };\r\n\r\n private removePriceClick = (index: number) => () => {\r\n const newPrices = this.props.prices.filter(\r\n (price, itemIndex) => itemIndex !== index\r\n );\r\n this.props.onPricesChange(newPrices);\r\n if (newPrices.length === 0 && this.props.required) {\r\n this.setInvalid([\r\n this.getTranslations(defaultMoneyTranslations).required,\r\n ]);\r\n }\r\n if (!this.state.touched) {\r\n this.touch();\r\n }\r\n };\r\n\r\n private addPriceClick = (unusedCurrencies: SelectValue[]) => () => {\r\n this.props.onPricesChange(\r\n this.props.prices.concat([{ value: 0, currency: unusedCurrencies[0] }])\r\n );\r\n this.setValid();\r\n if (!this.state.touched) {\r\n this.touch();\r\n }\r\n };\r\n\r\n private onFocus = () => this.setState({ focused: true });\r\n\r\n private onBlur = () => this.setState({ focused: false });\r\n}\r\n\r\nexport const Money = withThemeContext<\r\n MoneyProps,\r\n InstanceType<typeof MoneyRaw>\r\n>(withFormContext<MoneyProps>(MoneyRaw), 'money');\r\n\r\nexport default Money;\r\n"],"file":"Money.js"}
1	+ {"version":3,"sources":["../../../src/lib/components/money/Money.tsx"],"names":["PlusIcon","defaultMoneyTranslations","defaultBaseTranslations","cannotRemoveDefaultCurrency","removePrice","addPrice","addNewCurrency","MoneyRaw","props","index","currentCurrencies","e","newPrices","concat","prices","currency","filter","cc","value","toString","target","onPricesChange","num","Number","parts","split","length","isNaN","str","state","touched","touch","price","itemIndex","required","setInvalid","getTranslations","unusedCurrencies","setValid","setState","focused","currencies","Error","Object","assign","isValid","errors","handleValueChangeEnabled","forcedCurrencies","c","forceSelected","missingForced","find","p","map","undefined","subscribeSelf","translations","title","id","getValidationClass","className","containerRef","item","priceCurrency","priceIndex","retComponents","onFocus","onBlur","onCurrencyChanged","label","onTheFlightValidate","onPriceChanged","disableDelete","removePriceClick","Button","defaultProps","buttonProps","allowMultiple","addPriceClick","renderDefaultValidation","renderLabel","BaseInput","type","onChange","Money"],"mappings":"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","sourcesContent":["import * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_24px.svg';\r\n\r\n// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport { Select, SelectValue } from '../select/Select';\r\nimport { Text } from '../text/Text';\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n BaseInputProps,\r\n BaseInputState,\r\n BaseInput,\r\n defaultBaseTranslations,\r\n} from '../base/input/BaseInput';\r\nimport { Button } from '../button/Button';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\n\r\nexport interface MoneyWithCurrency {\r\n value: number;\r\n currency: SelectValue;\r\n}\r\n\r\nexport const defaultMoneyTranslations = {\r\n ...defaultBaseTranslations,\r\n cannotRemoveDefaultCurrency: 'Cannot remove default currency',\r\n removePrice: 'Remove price',\r\n addPrice: 'Add price',\r\n addNewCurrency: 'Add new currency',\r\n};\r\n\r\nexport type MoneyTranslations = Partial<typeof defaultMoneyTranslations>;\r\n\r\nexport interface MoneyProps extends BaseInputProps<never, MoneyTranslations> {\r\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n onPricesChange: (prices: MoneyWithCurrency[]) => void;\r\n allowMultiple?: boolean;\r\n currencies: SelectValue[];\r\n prices: MoneyWithCurrency[];\r\n disableDelete?: boolean;\r\n}\r\n\r\nexport interface MoneyState extends BaseInputState {}\r\n\r\nexport class MoneyRaw extends BaseInput<\r\n MoneyProps,\r\n MoneyState,\r\n never,\r\n MoneyTranslations\r\n> {\r\n public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n type: 'money',\r\n allowMultiple: false,\r\n onChange: undefined,\r\n });\r\n\r\n constructor(props: MoneyProps) {\r\n super(props, false);\r\n if (!props.currencies \|\| !props.currencies.length) {\r\n throw Error('No currencies supplied to money input');\r\n }\r\n this.state = Object.assign(this.state, {\r\n isValid: props.required ? props.prices.length > 0 : true,\r\n errors:\r\n props.required && props.prices.length === 0\r\n ? [this.getTranslations(defaultMoneyTranslations).required]\r\n : [],\r\n handleValueChangeEnabled: false,\r\n });\r\n const forcedCurrencies = props.currencies.filter(c => c.forceSelected);\r\n const missingForced = forcedCurrencies.filter(\r\n c => !props.prices.find(p => p.currency.value === c.value)\r\n );\r\n if (missingForced.length > 0) {\r\n props.onPricesChange(\r\n props.prices.concat(\r\n missingForced.map(c => ({ currency: c, value: undefined }))\r\n )\r\n );\r\n }\r\n this.subscribeSelf(props);\r\n }\r\n\r\n public render() {\r\n let unusedCurrencies = this.props.currencies;\r\n const translations = this.getTranslations(defaultMoneyTranslations);\r\n return (\r\n <InputGroup title={this.props.title}>\r\n <div\r\n {...(this.props.id && { id: this.props.id })}\r\n className={\r\n 'input__base money-input ' +\r\n this.getValidationClass() +\r\n (this.props.className ? ' ' + this.props.className : '')\r\n }\r\n ref={this.containerRef}\r\n >\r\n {this.props.prices &&\r\n this.props.prices.map((item, index) => {\r\n let currentCurrencies = this.props.currencies.filter(\r\n c =>\r\n this.props.prices.filter(\r\n (priceCurrency, priceIndex) =>\r\n priceIndex !== index &&\r\n priceCurrency.currency.value === c.value\r\n ).length === 0\r\n );\r\n const currency = this.props.currencies.find(\r\n c => c.value === item.currency.value\r\n );\r\n let retComponents = currentCurrencies.length ? (\r\n <div key={index}>\r\n {currentCurrencies.length > 1 ? (\r\n <Select\r\n {...(this.props.id && {\r\n id:\r\n this.props.id +\r\n '-currency-select-' +\r\n index.toString(),\r\n })}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n className={'money-input__select m-0'}\r\n values={currentCurrencies}\r\n onChange={this.onCurrencyChanged(\r\n index,\r\n currentCurrencies\r\n )}\r\n value={item.currency.value.toString()}\r\n />\r\n ) : (\r\n currentCurrencies?.[0]?.label\r\n )}\r\n <Text\r\n {...(this.props.id && {\r\n id: this.props.id + '-amount-input-' + index.toString(),\r\n })}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n onTheFlightValidate={this.onTheFlightValidate}\r\n placeholder={'0.00'}\r\n className={'money-input__text m-0'}\r\n validators={['number']}\r\n value={item.value ? item.value.toString() : ''}\r\n onChange={this.onPriceChanged(index)}\r\n type=\"number\"\r\n />\r\n {!this.props.disableDelete && this.props.prices.length > 0 && (\r\n <Button\r\n {...(this.props.id && {\r\n id:\r\n this.props.id + '-remove-button-' + index.toString(),\r\n })}\r\n blank={true}\r\n type=\"error\"\r\n onClick={this.removePriceClick(index)}\r\n className=\"transform-rotate--45 line-height--0\"\r\n buttonProps={{\r\n ...Button.defaultProps?.buttonProps,\r\n title:\r\n currency && currency.forceSelected\r\n ? translations.cannotRemoveDefaultCurrency\r\n : translations.removePrice,\r\n }}\r\n circular={true}\r\n disabled={currency && currency.forceSelected}\r\n >\r\n <PlusIcon />\r\n </Button>\r\n )}\r\n </div>\r\n ) : null;\r\n unusedCurrencies = unusedCurrencies.filter(\r\n c => c.value !== item.currency.value\r\n );\r\n return retComponents;\r\n })}\r\n {(this.props.allowMultiple \|\|\r\n (this.props.prices && !this.props.prices.length)) &&\r\n unusedCurrencies.length ? (\r\n <Button\r\n blank={true}\r\n {...(this.props.id && {\r\n id: this.props.id + '-add-button',\r\n })}\r\n type=\"primary\"\r\n className=\"line-height--0 align-self-start\"\r\n onClick={this.addPriceClick(unusedCurrencies)}\r\n circular={true}\r\n buttonProps={{\r\n ...Button.defaultProps?.buttonProps,\r\n title:\r\n this.props.prices && this.props.prices.length === 0\r\n ? translations.addPrice\r\n : translations.addNewCurrency,\r\n }}\r\n >\r\n <PlusIcon />\r\n </Button>\r\n ) : null}\r\n <span className=\"highlight\" />\r\n <span className={'bar ' + (this.state.focused ? 'focused' : '')} />\r\n {this.renderDefaultValidation()}\r\n {this.props.label && (\r\n <label\r\n className={\r\n this.props.prices && this.props.prices ? 'label--focused' : ''\r\n }\r\n >\r\n {this.renderLabel()}\r\n </label>\r\n )}\r\n </div>\r\n </InputGroup>\r\n );\r\n }\r\n\r\n private onCurrencyChanged = (\r\n index: number,\r\n currentCurrencies: SelectValue[]\r\n ) => e => {\r\n let newPrices: MoneyWithCurrency[] = [].concat(this.props.prices);\r\n newPrices[index].currency = currentCurrencies.filter(\r\n cc => cc.value.toString() === e.target.value\r\n )[0];\r\n this.props.onPricesChange(newPrices);\r\n };\r\n\r\n private onTheFlightValidate = value => {\r\n let num = Number(value);\r\n const parts = value.split('.');\r\n if (parts && parts.length > 1 && parts[parts.length - 1].length > 2) {\r\n return false;\r\n }\r\n if (!isNaN(num)) {\r\n return true;\r\n }\r\n if (num) {\r\n return false;\r\n }\r\n };\r\n\r\n private onPriceChanged = (index: number) => (\r\n e: React.ChangeEvent<HTMLInputElement>\r\n ) => {\r\n let newPrices: MoneyWithCurrency[] = [].concat(this.props.prices);\r\n let str = e.target.value;\r\n let num = Number(str);\r\n if (!isNaN(num)) {\r\n newPrices[index].value = num;\r\n }\r\n this.props.onPricesChange(newPrices);\r\n if (!this.state.touched) {\r\n this.touch();\r\n }\r\n };\r\n\r\n private removePriceClick = (index: number) => () => {\r\n const newPrices = this.props.prices.filter(\r\n (price, itemIndex) => itemIndex !== index\r\n );\r\n this.props.onPricesChange(newPrices);\r\n if (newPrices.length === 0 && this.props.required) {\r\n this.setInvalid([\r\n this.getTranslations(defaultMoneyTranslations).required,\r\n ]);\r\n }\r\n if (!this.state.touched) {\r\n this.touch();\r\n }\r\n };\r\n\r\n private addPriceClick = (unusedCurrencies: SelectValue[]) => () => {\r\n this.props.onPricesChange(\r\n this.props.prices.concat([{ value: 0, currency: unusedCurrencies[0] }])\r\n );\r\n this.setValid();\r\n if (!this.state.touched) {\r\n this.touch();\r\n }\r\n };\r\n\r\n private onFocus = () => this.setState({ focused: true });\r\n\r\n private onBlur = () => this.setState({ focused: false });\r\n}\r\n\r\nexport const Money = withThemeContext<\r\n MoneyProps,\r\n InstanceType<typeof MoneyRaw>\r\n>(withFormContext<MoneyProps>(MoneyRaw), 'money');\r\n\r\nexport default Money;\r\n"],"file":"Money.js"}

package/build/dist/guestbell-forms.css CHANGED Viewed

@@ -1010,17 +1010,18 @@
     background-color: #10bdc7;
     fill: white;
     color: white; }
-    .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
+    .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
       background-color: #0d9ea6; }
     .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--outlined {
       box-shadow: inset 0 0 0 1px #10bdc7 !important;
       color: #10bdc7;
       fill: #10bdc7;
       background-color: transparent; }
-      .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
-        color: white;
-        fill: white;
-        background-color: #10bdc7; }
+      @media (hover: hover) and (pointer: fine) {
+        .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
+          color: white;
+          fill: white;
+          background-color: #10bdc7; } }
     .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--blank {
       color: #10bdc7;
       fill: #10bdc7;
@@ -1055,17 +1056,18 @@
     background-color: #5cb85c;
     fill: white;
     color: white; }
-    .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
+    .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
       background-color: #49a749; }
     .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--outlined {
       box-shadow: inset 0 0 0 1px #5cb85c !important;
       color: #5cb85c;
       fill: #5cb85c;
       background-color: transparent; }
-      .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
-        color: white;
-        fill: white;
-        background-color: #5cb85c; }
+      @media (hover: hover) and (pointer: fine) {
+        .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
+          color: white;
+          fill: white;
+          background-color: #5cb85c; } }
     .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--blank {
       color: #5cb85c;
       fill: #5cb85c;
@@ -1100,17 +1102,18 @@
     background-color: white;
     fill: #555555;
     color: #555555; }
-    .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
+    .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
       background-color: #ededed; }
     .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--outlined {
       box-shadow: inset 0 0 0 1px white !important;
       color: white;
       fill: white;
       background-color: transparent; }
-      .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
-        color: #555555;
-        fill: #555555;
-        background-color: white; }
+      @media (hover: hover) and (pointer: fine) {
+        .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
+          color: #555555;
+          fill: #555555;
+          background-color: white; } }
     .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--blank {
       color: white;
       fill: white;
@@ -1145,17 +1148,18 @@
     background-color: #a8dadc;
     fill: white;
     color: white; }
-    .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
+    .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
       background-color: #8fcfd2; }
     .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--outlined {
       box-shadow: inset 0 0 0 1px #a8dadc !important;
       color: #a8dadc;
       fill: #a8dadc;
       background-color: transparent; }
-      .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
-        color: white;
-        fill: white;
-        background-color: #a8dadc; }
+      @media (hover: hover) and (pointer: fine) {
+        .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
+          color: white;
+          fill: white;
+          background-color: #a8dadc; } }
     .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--blank {
       color: #a8dadc;
       fill: #a8dadc;
@@ -1190,17 +1194,18 @@
     background-color: #d9534f;
     fill: white;
     color: white; }
-    .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
+    .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
       background-color: #d33632; }
     .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--outlined {
       box-shadow: inset 0 0 0 1px #d9534f !important;
       color: #d9534f;
       fill: #d9534f;
       background-color: transparent; }
-      .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
-        color: white;
-        fill: white;
-        background-color: #d9534f; }
+      @media (hover: hover) and (pointer: fine) {
+        .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
+          color: white;
+          fill: white;
+          background-color: #d9534f; } }
     .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--blank {
       color: #d9534f;
       fill: #d9534f;
@@ -1235,17 +1240,18 @@
     background-color: #f0ad4e;
     fill: white;
     color: white; }
-    .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
+    .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
       background-color: #ed9e2d; }
     .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--outlined {
       box-shadow: inset 0 0 0 1px #f0ad4e !important;
       color: #f0ad4e;
       fill: #f0ad4e;
       background-color: transparent; }
-      .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
-        color: white;
-        fill: white;
-        background-color: #f0ad4e; }
+      @media (hover: hover) and (pointer: fine) {
+        .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
+          color: white;
+          fill: white;
+          background-color: #f0ad4e; } }
     .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--blank {
       color: #f0ad4e;
       fill: #f0ad4e;
@@ -1280,17 +1286,18 @@
     background-color: #555555;
     fill: white;
     color: white; }
-    .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
+    .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
       background-color: #434343; }
     .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--outlined {
       box-shadow: inset 0 0 0 1px #555555 !important;
       color: #555555;
       fill: #555555;
       background-color: transparent; }
-      .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
-        color: white;
-        fill: white;
-        background-color: #555555; }
+      @media (hover: hover) and (pointer: fine) {
+        .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
+          color: white;
+          fill: white;
+          background-color: #555555; } }
     .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--blank {
       color: #555555;
       fill: #555555;