diff --git a/config/tailwind.config.js b/config/tailwind.config.js index aeab968..3c8063d 100644 --- a/config/tailwind.config.js +++ b/config/tailwind.config.js @@ -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 => - // ``, - // '&: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 => + // // ``, + // // '&: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: [], }; diff --git a/package-lock.json b/package-lock.json index 400b670..4c22ab1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -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", diff --git a/package.json b/package.json index 4a10761..0e2c509 100644 --- a/package.json +++ b/package.json @@ -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": {