Celeste Carloni

Added configurable options to optimize CSS

5

In the past it was decided to not let consumers "opt in" this behaviour ( see[ comment](https://github.com/atlassian-labs/compiled/pull/427#discussion_r547613478)). However, we observe a mismatch between browser and SSR if the variable is...

Issue/1260 fix prop filtering dom

1

Fix for https://github.com/atlassian-labs/compiled/issues/1260

**Is your feature request related to a problem? Please describe.** When using a ternary operator to conditionally apply CSS Compiled will generate either - a blank CSS variable (if `undefined`)...

**Is your feature request related to a problem? Please describe.** At current Compiled [applies additional plugins](https://github.com/atlassian-labs/compiled/blob/master/packages/css/src/plugins/normalize-css.ts#L55)) to optimise CSS based on the value of `process.env.NODE_ENV` . However, if the variable...

Shadowed variables can clash with destructured props

1

Given this scenario: ``` const isPrimary = true; const Component = styled.div` color: ${({ isPrimary }) => (isPrimary ? 'green' : 'red')}; font-weight: ${() => (isPrimary ? 'bold' : undefined)};...

It seems that having shorthands may not produced the expected output when stylesheet extraction is enabled. Given ``` const nestedSelectors = css` .intro { .intro-heading { .intro-logo { background: url("https://images.unsplash.com/photo-1593558159516-d0be2a960c52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aWNlY3JlYW18ZW58MHx8MHx8&w=1000&q=80")...

Expand additional shorthands

2

**Is your feature request related to a problem? Please describe.** At current not all the available CSS shorthands get expanded, eg `border: 1px solid black;` doesn't get expanded into individual...

Math functions, eg rounding to the nearest integer, are not supported

2

**Describe the bug** code ``` -webkit-line-clamp: ${({ outerExcerptHeight }) => Math.floor(outerExcerptHeight / EXCERPT_LINE_HEIGHT)}; ``` was transpiled into ` "--_1lqp0gv": ix(Math.floor(outerExcerptHeight / EXCERPT_LINE_HEIGHT)(outerExcerptHeight / EXCERPT_LINE_HEIGHT))` which in turn throws `message: "Math.floor(...)...

**Describe the bug** An unhandled exception is raised when parsing the scenario given in #1086 . ``` const isPrimary = true; const Component = styled.div` color: ${({ isPrimary }) =>...

Try this out in `/packages/babel-plugin/src/__tests__/module-traversal.test.tsx`. it won't work ``` import '@compiled/react'; import React from 'react'; import * as colors from '../__fixtures__/mixins/simple'; const { secondary } = colors; ``` This one...