Removed tailwindcss-ember-power-select

This commit is contained in:
Stanislav Romanov 2022-04-26 11:28:25 +03:00
parent 8f84e9381d
commit 948e562406
3 changed files with 152 additions and 209 deletions

View file

@ -25,158 +25,158 @@ module.exports = {
},
},
// borderColor: gray,
emberPowerSelect: (theme) => ({
default: {
trigger: {
borderRadius: theme('borderRadius.default'),
borderColor: theme('colors.gray'),
fontSize: theme('fontSize.base'),
padding: `${theme('spacing.2')} ${theme('spacing.10')} ${theme(
'spacing.2'
)} ${theme('spacing.3')}`,
minHeight: '42px',
lineHeight: theme('lineHeight.normal'),
maxWidth: theme('maxWidth.md'),
zIndex: 0,
'&:focus': {
boxShadow: 'none',
borderColor: theme('colors.primary'),
},
},
dropdown: {
// color: config.textColor,
// backgroundColor: config.dropdownBackgroundColor,
borderColor: theme('colors.gray'),
// borderWidth: defaultTheme.borderWidth.default,
// borderRadius: config.dropdownBorderRadius,
boxShadow: theme('boxShadow.sm'),
// '&.ember-basic-dropdown-content--in-place': {
// width: defaultTheme.width.full
// },
// '&.ember-basic-dropdown-content--above': {
// transform:
// config.dropdownMargin && config.dropdownMargin !== '0'
// ? `translateY(calc(-1 * ${config.dropdownMargin}))`
// : null,
// borderBottomLeftRadius: config.openedBorderRadius,
// borderBottomRightRadius: config.openedBorderRadius
// },
// '&.ember-basic-dropdown-content--below, &.ember-basic-dropdown-content--in-place': {
// transform:
// config.dropdownMargin && config.dropdownMargin !== '0'
// ? `translateY(${config.dropdownMargin})`
// : null,
// borderTopLeftRadius: config.openedBorderRadius,
// borderTopRightRadius: config.openedBorderRadius
// }
},
options: {
// listStyle: 'none',
marginTop: theme('spacing.1'),
marginBottom: theme('spacing.1'),
// marginLeft: '0',
// marginRight: '0',
// padding: '0',
// userSelect: 'none',
// '&[role="listbox"]': {
// overflowY: 'auto',
// '-webkit-overflow-scrolling': 'touch',
// maxHeight: defaultTheme.spacing[48]
// }
},
option: {
paddingLeft: theme('spacing.4'),
paddingRight: theme('spacing.4'),
paddingTop: theme('spacing.2'),
paddingBottom: theme('spacing.2'),
// fontSize: theme('fontSize.sm'),
lineHeight: theme('lineHeight.5'),
// color: theme('colors.gray.dark'),
// '&[aria-disabled="true"]': {
// color: config.disabledTextColor,
// cursor: 'not-allowed'
// },
// '&[aria-selected="true"]': {
// backgroundColor: theme('colors.primary'),
// color: theme('colors.gray-700'),
// },
'&[aria-current="true"]': {
backgroundColor: theme('colors.gray.light'),
color: null,
},
},
placeholder: {
// display: 'block',
// overflowX: 'hidden',
// whiteSpace: 'nowrap',
// textOverflow: 'ellipsis',
// color: config.placeholderTextColor,
lineHeight: theme('lineHeight.normal'),
},
search: {
paddingBottom: theme('spacing.2'),
},
searchInput: {
borderRadius: theme('borderRadius.default'),
borderColor: theme('colors.gray'),
fontSize: theme('fontSize.base'),
padding: `${theme('spacing.2')} ${theme('spacing.3')}`,
minHeight: '42px',
lineHeight: theme('lineHeight.normal'),
maxWidth: theme('maxWidth.md'),
'&:focus': {
boxShadow: 'none',
borderColor: theme('colors.primary'),
},
},
multipleOptions: {
// display: 'flex',
// flexWrap: 'wrap',
// alignItems: 'center',
// paddingRight: defaultTheme.spacing[6],
// marginTop: `-${theme('spacing.1')}`, // Discount to make one line items not take more space
// marginBottom: `-${theme('spacing.2')}` // Discount marginBottom from option
},
// emberPowerSelect: (theme) => ({
// default: {
// trigger: {
// borderRadius: theme('borderRadius.default'),
// borderColor: theme('colors.gray'),
// fontSize: theme('fontSize.base'),
// padding: `${theme('spacing.2')} ${theme('spacing.10')} ${theme(
// 'spacing.2'
// )} ${theme('spacing.3')}`,
// minHeight: '42px',
// lineHeight: theme('lineHeight.normal'),
// maxWidth: theme('maxWidth.md'),
// zIndex: 0,
// '&:focus': {
// boxShadow: 'none',
// borderColor: theme('colors.primary'),
// },
// },
// dropdown: {
// // color: config.textColor,
// // backgroundColor: config.dropdownBackgroundColor,
// borderColor: theme('colors.gray'),
// // borderWidth: defaultTheme.borderWidth.default,
// // borderRadius: config.dropdownBorderRadius,
// boxShadow: theme('boxShadow.sm'),
// // '&.ember-basic-dropdown-content--in-place': {
// // width: defaultTheme.width.full
// // },
// // '&.ember-basic-dropdown-content--above': {
// // transform:
// // config.dropdownMargin && config.dropdownMargin !== '0'
// // ? `translateY(calc(-1 * ${config.dropdownMargin}))`
// // : null,
// // borderBottomLeftRadius: config.openedBorderRadius,
// // borderBottomRightRadius: config.openedBorderRadius
// // },
// // '&.ember-basic-dropdown-content--below, &.ember-basic-dropdown-content--in-place': {
// // transform:
// // config.dropdownMargin && config.dropdownMargin !== '0'
// // ? `translateY(${config.dropdownMargin})`
// // : null,
// // borderTopLeftRadius: config.openedBorderRadius,
// // borderTopRightRadius: config.openedBorderRadius
// // }
// },
// options: {
// // listStyle: 'none',
// marginTop: theme('spacing.1'),
// marginBottom: theme('spacing.1'),
// // marginLeft: '0',
// // marginRight: '0',
// // padding: '0',
// // userSelect: 'none',
// // '&[role="listbox"]': {
// // overflowY: 'auto',
// // '-webkit-overflow-scrolling': 'touch',
// // maxHeight: defaultTheme.spacing[48]
// // }
// },
// option: {
// paddingLeft: theme('spacing.4'),
// paddingRight: theme('spacing.4'),
// paddingTop: theme('spacing.2'),
// paddingBottom: theme('spacing.2'),
// // fontSize: theme('fontSize.sm'),
// lineHeight: theme('lineHeight.5'),
// // color: theme('colors.gray.dark'),
// // '&[aria-disabled="true"]': {
// // color: config.disabledTextColor,
// // cursor: 'not-allowed'
// // },
// // '&[aria-selected="true"]': {
// // backgroundColor: theme('colors.primary'),
// // color: theme('colors.gray-700'),
// // },
// '&[aria-current="true"]': {
// backgroundColor: theme('colors.gray.light'),
// color: null,
// },
// },
// placeholder: {
// // display: 'block',
// // overflowX: 'hidden',
// // whiteSpace: 'nowrap',
// // textOverflow: 'ellipsis',
// // color: config.placeholderTextColor,
// lineHeight: theme('lineHeight.normal'),
// },
// search: {
// paddingBottom: theme('spacing.2'),
// },
// searchInput: {
// borderRadius: theme('borderRadius.default'),
// borderColor: theme('colors.gray'),
// fontSize: theme('fontSize.base'),
// padding: `${theme('spacing.2')} ${theme('spacing.3')}`,
// minHeight: '42px',
// lineHeight: theme('lineHeight.normal'),
// maxWidth: theme('maxWidth.md'),
// '&:focus': {
// boxShadow: 'none',
// borderColor: theme('colors.primary'),
// },
// },
// multipleOptions: {
// // display: 'flex',
// // flexWrap: 'wrap',
// // alignItems: 'center',
// // paddingRight: defaultTheme.spacing[6],
// // marginTop: `-${theme('spacing.1')}`, // Discount to make one line items not take more space
// // marginBottom: `-${theme('spacing.2')}` // Discount marginBottom from option
// },
multipleOption: {
// display: 'flex',
// alignItems: 'center',
backgroundColor: theme('colors.gray.dark'),
// color: config.multipleOptionTextColor,
// borderRadius: config.multipleOptionBorderRadius,
// fontSize: defaultTheme.fontSize.sm,
// lineHeight: defaultTheme.lineHeight.tight,
// paddingTop: defaultTheme.spacing[1],
// paddingRight: defaultTheme.spacing[2],
// paddingBottom: defaultTheme.spacing[1],
// paddingLeft: defaultTheme.spacing[1],
// marginRight: defaultTheme.spacing[1],
// marginBottom: 0,
// '&:first-child': {
// marginLeft: 0
// },
// '&:last-child': {
// marginRight: 0
// }
},
// multipleRemoveBtn: {
// lineHeight: defaultTheme.lineHeight.tight,
// display: 'inline-block',
// cursor: 'pointer',
// textIndent: '-9999rem',
// marginTop: '0.15em',
// transition: 'opacity .20s ease-in-out',
// height: '1em',
// width: '1em',
// iconColor: 'currentColor',
// icon: iconColor =>
// `<svg fill="${iconColor}" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M9.41 8l2.29-2.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L8 6.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42L6.59 8 4.3 10.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L8 9.41l2.29 2.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L9.41 8z" /></svg>`,
// '&:not(:hover)': {
// opacity: 0.5
// }
// }
},
}),
// multipleOption: {
// // display: 'flex',
// // alignItems: 'center',
// backgroundColor: theme('colors.gray.dark'),
// // color: config.multipleOptionTextColor,
// // borderRadius: config.multipleOptionBorderRadius,
// // fontSize: defaultTheme.fontSize.sm,
// // lineHeight: defaultTheme.lineHeight.tight,
// // paddingTop: defaultTheme.spacing[1],
// // paddingRight: defaultTheme.spacing[2],
// // paddingBottom: defaultTheme.spacing[1],
// // paddingLeft: defaultTheme.spacing[1],
// // marginRight: defaultTheme.spacing[1],
// // marginBottom: 0,
// // '&:first-child': {
// // marginLeft: 0
// // },
// // '&:last-child': {
// // marginRight: 0
// // }
// },
// // multipleRemoveBtn: {
// // lineHeight: defaultTheme.lineHeight.tight,
// // display: 'inline-block',
// // cursor: 'pointer',
// // textIndent: '-9999rem',
// // marginTop: '0.15em',
// // transition: 'opacity .20s ease-in-out',
// // height: '1em',
// // width: '1em',
// // iconColor: 'currentColor',
// // icon: iconColor =>
// // `<svg fill="${iconColor}" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M9.41 8l2.29-2.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L8 6.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42L6.59 8 4.3 10.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L8 9.41l2.29 2.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L9.41 8z" /></svg>`,
// // '&:not(:hover)': {
// // opacity: 0.5
// // }
// // }
// },
// }),
},
variants: {
extend: {},
@ -186,5 +186,5 @@ module.exports = {
pattern: /^ember-power-select-/,
},
],
plugins: [require('tailwindcss-ember-power-select').plugin()],
plugins: [],
};

56
package-lock.json generated
View file

@ -75,7 +75,6 @@
"qunit": "^2.18.0",
"qunit-dom": "^2.0.0",
"tailwindcss": "^3.0.23",
"tailwindcss-ember-power-select": "^0.4.1",
"webpack": "^5.72.0"
},
"engines": {
@ -20156,15 +20155,6 @@
"url": "https://opencollective.com/webpack"
}
},
"node_modules/mini-svg-data-uri": {
"version": "1.4.4",
"resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
"integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
"dev": true,
"bin": {
"mini-svg-data-uri": "cli.js"
}
},
"node_modules/minimalistic-assert": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@ -24438,23 +24428,6 @@
"postcss": "^8.0.9"
}
},
"node_modules/tailwindcss-ember-power-select": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/tailwindcss-ember-power-select/-/tailwindcss-ember-power-select-0.4.1.tgz",
"integrity": "sha512-pq2i4vMtRkXSW7eFGFnCnvWFeA+Z0KCPYsBUFoRrawVEIvKBTtBD7gLHaMhPZYUoq65TyYSjsRbGBdKnxFkUFw==",
"dev": true,
"dependencies": {
"lodash": "^4.17.20",
"mini-svg-data-uri": "^1.2.3",
"traverse": "^0.6.6"
},
"engines": {
"node": ">= 10.*"
},
"peerDependencies": {
"tailwindcss": "^2.0"
}
},
"node_modules/tailwindcss/node_modules/glob-parent": {
"version": "6.0.2",
"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
@ -25102,12 +25075,6 @@
"integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=",
"dev": true
},
"node_modules/traverse": {
"version": "0.6.6",
"resolved": "https://registry.npmjs.org/traverse/-/traverse-0.6.6.tgz",
"integrity": "sha1-y99WD9e5r2MlAv7UD5GMFX6pcTc=",
"dev": true
},
"node_modules/tree-sync": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/tree-sync/-/tree-sync-1.4.0.tgz",
@ -42733,12 +42700,6 @@
}
}
},
"mini-svg-data-uri": {
"version": "1.4.4",
"resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
"integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
"dev": true
},
"minimalistic-assert": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@ -46102,17 +46063,6 @@
}
}
},
"tailwindcss-ember-power-select": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/tailwindcss-ember-power-select/-/tailwindcss-ember-power-select-0.4.1.tgz",
"integrity": "sha512-pq2i4vMtRkXSW7eFGFnCnvWFeA+Z0KCPYsBUFoRrawVEIvKBTtBD7gLHaMhPZYUoq65TyYSjsRbGBdKnxFkUFw==",
"dev": true,
"requires": {
"lodash": "^4.17.20",
"mini-svg-data-uri": "^1.2.3",
"traverse": "^0.6.6"
}
},
"tap-parser": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/tap-parser/-/tap-parser-7.0.0.tgz",
@ -46584,12 +46534,6 @@
"integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=",
"dev": true
},
"traverse": {
"version": "0.6.6",
"resolved": "https://registry.npmjs.org/traverse/-/traverse-0.6.6.tgz",
"integrity": "sha1-y99WD9e5r2MlAv7UD5GMFX6pcTc=",
"dev": true
},
"tree-sync": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/tree-sync/-/tree-sync-1.4.0.tgz",

View file

@ -90,7 +90,6 @@
"qunit": "^2.18.0",
"qunit-dom": "^2.0.0",
"tailwindcss": "^3.0.23",
"tailwindcss-ember-power-select": "^0.4.1",
"webpack": "^5.72.0"
},
"engines": {