@linaria/atomic 4.0.0-beta.0 → 4.1.0

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/README.md CHANGED
@@ -25,11 +25,11 @@ Zero-runtime CSS in JS library.
25
25
  ## Installation
26
26
 
27
27
  ```sh
28
- npm install @linaria/core @linaria/react @linaria/babel-preset @linaria/shaker
28
+ npm install @linaria/core @linaria/react @linaria/babel-preset
29
29
  ```
30
30
 
31
31
  or
32
32
 
33
33
  ```sh
34
- yarn add @linaria/core @linaria/react @linaria/babel-preset @linaria/shaker
34
+ yarn add @linaria/core @linaria/react @linaria/babel-preset
35
35
  ```
@@ -1 +1 @@
1
- {"version":3,"file":"css.js","names":["CssProcessor","debug","atomize","AtomicCssProcessor","classes","Error","doRuntimeReplacement","replacer","astService","stringLiteral","extractRules","valueCache","cssText","loc","rules","atomicRules","forEach","rule","start","className","displayName","atom","filter","map","join"],"sources":["../../src/processors/css.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport CssProcessor from '@linaria/core/processors/css';\nimport type { Rules, ValueCache } from '@linaria/core/processors/types';\nimport { debug } from '@linaria/logger';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicCssProcessor extends CssProcessor {\n #classes: string | undefined;\n\n private get classes(): string {\n if (this.#classes) {\n return this.#classes;\n }\n\n throw new Error('Styles are not extracted yet. Please call `build` first.');\n }\n\n public override doRuntimeReplacement(): void {\n this.replacer(this.astService.stringLiteral(this.classes), false);\n }\n\n public override extractRules(\n valueCache: ValueCache,\n cssText: string,\n loc?: SourceLocation | null\n ): Rules {\n const rules: Rules = {};\n\n const atomicRules = atomize(cssText, false);\n atomicRules.forEach((rule) => {\n // eslint-disable-next-line no-param-reassign\n rules[rule.cssText] = {\n cssText: rule.cssText,\n start: loc?.start ?? null,\n className: this.className!,\n displayName: this.displayName!,\n atom: true,\n };\n\n debug(\n 'evaluator:template-processor:extracted-atomic-rule',\n `\\n${rule.cssText}`\n );\n });\n\n this.#classes = atomicRules\n // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n .filter((rule) => !!rule.className)\n .map((rule) => rule.className!)\n .join(' ');\n\n return rules;\n }\n}\n"],"mappings":"AAEA,OAAOA,YAAP,MAAyB,8BAAzB;AAEA,SAASC,KAAT,QAAsB,iBAAtB;AAEA,OAAOC,OAAP,MAAoB,mBAApB;AAEA,eAAe,MAAMC,kBAAN,SAAiCH,YAAjC,CAA8C;EAC3D,CAACI,OAAD;;EAEmB,IAAPA,OAAO,GAAW;IAC5B,IAAI,KAAK,CAACA,OAAV,EAAmB;MACjB,OAAO,KAAK,CAACA,OAAb;IACD;;IAED,MAAM,IAAIC,KAAJ,CAAU,0DAAV,CAAN;EACD;;EAEeC,oBAAoB,GAAS;IAC3C,KAAKC,QAAL,CAAc,KAAKC,UAAL,CAAgBC,aAAhB,CAA8B,KAAKL,OAAnC,CAAd,EAA2D,KAA3D;EACD;;EAEeM,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAInB;IACP,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,WAAW,GAAGb,OAAO,CAACU,OAAD,EAAU,KAAV,CAA3B;IACAG,WAAW,CAACC,OAAZ,CAAqBC,IAAD,IAAU;MAC5B;MACAH,KAAK,CAACG,IAAI,CAACL,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEK,IAAI,CAACL,OADM;QAEpBM,KAAK,EAAEL,GAAG,EAAEK,KAAL,IAAc,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQApB,KAAK,CACH,oDADG,EAEF,KAAIgB,IAAI,CAACL,OAAQ,EAFf,CAAL;IAID,CAdD;IAgBA,KAAK,CAACR,OAAN,GAAgBW,WAAW,CACzB;IADyB,CAExBO,MAFa,CAELL,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbI,GAHa,CAGRN,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbK,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAOV,KAAP;EACD;;AA9C0D"}
1
+ {"version":3,"file":"css.js","names":["CssProcessor","debug","atomize","AtomicCssProcessor","classes","Error","doRuntimeReplacement","replacer","astService","stringLiteral","extractRules","valueCache","cssText","loc","rules","atomicRules","forEach","rule","start","className","displayName","atom","filter","map","join"],"sources":["../../src/processors/css.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport CssProcessor from '@linaria/core/processors/css';\nimport { debug } from '@linaria/logger';\nimport type { Rules, ValueCache } from '@linaria/tags';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicCssProcessor extends CssProcessor {\n #classes: string | undefined;\n\n private get classes(): string {\n if (this.#classes) {\n return this.#classes;\n }\n\n throw new Error('Styles are not extracted yet. Please call `build` first.');\n }\n\n public override doRuntimeReplacement(): void {\n this.replacer(this.astService.stringLiteral(this.classes), false);\n }\n\n public override extractRules(\n valueCache: ValueCache,\n cssText: string,\n loc?: SourceLocation | null\n ): Rules {\n const rules: Rules = {};\n\n const atomicRules = atomize(cssText, false);\n atomicRules.forEach((rule) => {\n // eslint-disable-next-line no-param-reassign\n rules[rule.cssText] = {\n cssText: rule.cssText,\n start: loc?.start ?? null,\n className: this.className!,\n displayName: this.displayName!,\n atom: true,\n };\n\n debug(\n 'evaluator:template-processor:extracted-atomic-rule',\n `\\n${rule.cssText}`\n );\n });\n\n this.#classes = atomicRules\n // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n .filter((rule) => !!rule.className)\n .map((rule) => rule.className!)\n .join(' ');\n\n return rules;\n }\n}\n"],"mappings":"AAEA,OAAOA,YAAP,MAAyB,8BAAzB;AACA,SAASC,KAAT,QAAsB,iBAAtB;AAGA,OAAOC,OAAP,MAAoB,mBAApB;AAEA,eAAe,MAAMC,kBAAN,SAAiCH,YAAjC,CAA8C;EAC3D,CAACI,OAAD;;EAEmB,IAAPA,OAAO,GAAW;IAC5B,IAAI,KAAK,CAACA,OAAV,EAAmB;MACjB,OAAO,KAAK,CAACA,OAAb;IACD;;IAED,MAAM,IAAIC,KAAJ,CAAU,0DAAV,CAAN;EACD;;EAEeC,oBAAoB,GAAS;IAC3C,KAAKC,QAAL,CAAc,KAAKC,UAAL,CAAgBC,aAAhB,CAA8B,KAAKL,OAAnC,CAAd,EAA2D,KAA3D;EACD;;EAEeM,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAInB;IACP,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,WAAW,GAAGb,OAAO,CAACU,OAAD,EAAU,KAAV,CAA3B;IACAG,WAAW,CAACC,OAAZ,CAAqBC,IAAD,IAAU;MAC5B;MACAH,KAAK,CAACG,IAAI,CAACL,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEK,IAAI,CAACL,OADM;QAEpBM,KAAK,EAAEL,GAAG,EAAEK,KAAL,IAAc,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQApB,KAAK,CACH,oDADG,EAEF,KAAIgB,IAAI,CAACL,OAAQ,EAFf,CAAL;IAID,CAdD;IAgBA,KAAK,CAACR,OAAN,GAAgBW,WAAW,CACzB;IADyB,CAExBO,MAFa,CAELL,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbI,GAHa,CAGRN,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbK,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAOV,KAAP;EACD;;AA9C0D"}
@@ -1,6 +1,6 @@
1
- import hasMeta from '@linaria/core/processors/utils/hasMeta';
2
1
  import { debug } from '@linaria/logger';
3
2
  import StyledProcessor from '@linaria/react/processors/styled';
3
+ import { hasMeta } from '@linaria/tags';
4
4
  import { slugify } from '@linaria/utils';
5
5
  import atomize from './helpers/atomize';
6
6
  export default class AtomicStyledProcessor extends StyledProcessor {
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","names":["hasMeta","debug","StyledProcessor","slugify","atomize","AtomicStyledProcessor","classes","Error","extractRules","valueCache","cssText","loc","rules","wrappedValue","component","get","node","name","atomicRules","forEach","rule","start","className","displayName","atom","filter","map","join","getProps","props","class","Boolean","atomic","getVariableId","value"],"sources":["../../src/processors/styled.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport type { Rules, ValueCache } from '@linaria/core/processors/types';\nimport hasMeta from '@linaria/core/processors/utils/hasMeta';\nimport { debug } from '@linaria/logger';\nimport type { IProps } from '@linaria/react/processors/styled';\nimport StyledProcessor from '@linaria/react/processors/styled';\nimport { slugify } from '@linaria/utils';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicStyledProcessor extends StyledProcessor {\n #classes: string | undefined;\n\n private get classes(): string {\n if (this.#classes) {\n return this.#classes;\n }\n\n throw new Error(\n 'Styles are not extracted yet. Please call `extractRules` first.'\n );\n }\n\n public override extractRules(\n valueCache: ValueCache,\n cssText: string,\n loc?: SourceLocation | null\n ): Rules {\n const rules: Rules = {};\n\n const wrappedValue =\n typeof this.component === 'string'\n ? null\n : valueCache.get(this.component.node.name);\n\n const atomicRules = atomize(cssText, hasMeta(wrappedValue));\n atomicRules.forEach((rule) => {\n // eslint-disable-next-line no-param-reassign\n rules[rule.cssText] = {\n cssText: rule.cssText,\n start: loc?.start ?? null,\n className: this.className,\n displayName: this.displayName,\n atom: true,\n };\n\n debug(\n 'evaluator:template-processor:extracted-atomic-rule',\n `\\n${rule.cssText}`\n );\n });\n\n this.#classes = atomicRules\n // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n .filter((rule) => !!rule.className)\n .map((rule) => rule.className!)\n .join(' ');\n\n return rules;\n }\n\n protected override getProps(): IProps {\n const props = super.getProps();\n props.class = [this.classes, this.className].filter(Boolean).join(' ');\n props.atomic = true;\n return props;\n }\n\n // eslint-disable-next-line class-methods-use-this\n protected override getVariableId(value: string): string {\n // id is based on the slugified value\n return slugify(value);\n }\n}\n"],"mappings":"AAGA,OAAOA,OAAP,MAAoB,wCAApB;AACA,SAASC,KAAT,QAAsB,iBAAtB;AAEA,OAAOC,eAAP,MAA4B,kCAA5B;AACA,SAASC,OAAT,QAAwB,gBAAxB;AAEA,OAAOC,OAAP,MAAoB,mBAApB;AAEA,eAAe,MAAMC,qBAAN,SAAoCH,eAApC,CAAoD;EACjE,CAACI,OAAD;;EAEmB,IAAPA,OAAO,GAAW;IAC5B,IAAI,KAAK,CAACA,OAAV,EAAmB;MACjB,OAAO,KAAK,CAACA,OAAb;IACD;;IAED,MAAM,IAAIC,KAAJ,CACJ,iEADI,CAAN;EAGD;;EAEeC,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAInB;IACP,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,YAAY,GAChB,OAAO,KAAKC,SAAZ,KAA0B,QAA1B,GACI,IADJ,GAEIL,UAAU,CAACM,GAAX,CAAe,KAAKD,SAAL,CAAeE,IAAf,CAAoBC,IAAnC,CAHN;IAKA,MAAMC,WAAW,GAAGd,OAAO,CAACM,OAAD,EAAUV,OAAO,CAACa,YAAD,CAAjB,CAA3B;IACAK,WAAW,CAACC,OAAZ,CAAqBC,IAAD,IAAU;MAC5B;MACAR,KAAK,CAACQ,IAAI,CAACV,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEU,IAAI,CAACV,OADM;QAEpBW,KAAK,EAAEV,GAAG,EAAEU,KAAL,IAAc,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQAvB,KAAK,CACH,oDADG,EAEF,KAAImB,IAAI,CAACV,OAAQ,EAFf,CAAL;IAID,CAdD;IAgBA,KAAK,CAACJ,OAAN,GAAgBY,WAAW,CACzB;IADyB,CAExBO,MAFa,CAELL,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbI,GAHa,CAGRN,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbK,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAOf,KAAP;EACD;;EAEkBgB,QAAQ,GAAW;IACpC,MAAMC,KAAK,GAAG,MAAMD,QAAN,EAAd;IACAC,KAAK,CAACC,KAAN,GAAc,CAAC,KAAKxB,OAAN,EAAe,KAAKgB,SAApB,EAA+BG,MAA/B,CAAsCM,OAAtC,EAA+CJ,IAA/C,CAAoD,GAApD,CAAd;IACAE,KAAK,CAACG,MAAN,GAAe,IAAf;IACA,OAAOH,KAAP;EACD,CAxDgE,CA0DjE;;;EACmBI,aAAa,CAACC,KAAD,EAAwB;IACtD;IACA,OAAO/B,OAAO,CAAC+B,KAAD,CAAd;EACD;;AA9DgE"}
1
+ {"version":3,"file":"styled.js","names":["debug","StyledProcessor","hasMeta","slugify","atomize","AtomicStyledProcessor","classes","Error","extractRules","valueCache","cssText","loc","rules","wrappedValue","component","get","node","name","atomicRules","forEach","rule","start","className","displayName","atom","filter","map","join","getProps","props","class","Boolean","atomic","getVariableId","value"],"sources":["../../src/processors/styled.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport { debug } from '@linaria/logger';\nimport type { IProps } from '@linaria/react/processors/styled';\nimport StyledProcessor from '@linaria/react/processors/styled';\nimport { hasMeta } from '@linaria/tags';\nimport type { Rules, ValueCache } from '@linaria/tags';\nimport { slugify } from '@linaria/utils';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicStyledProcessor extends StyledProcessor {\n #classes: string | undefined;\n\n private get classes(): string {\n if (this.#classes) {\n return this.#classes;\n }\n\n throw new Error(\n 'Styles are not extracted yet. Please call `extractRules` first.'\n );\n }\n\n public override extractRules(\n valueCache: ValueCache,\n cssText: string,\n loc?: SourceLocation | null\n ): Rules {\n const rules: Rules = {};\n\n const wrappedValue =\n typeof this.component === 'string'\n ? null\n : valueCache.get(this.component.node.name);\n\n const atomicRules = atomize(cssText, hasMeta(wrappedValue));\n atomicRules.forEach((rule) => {\n // eslint-disable-next-line no-param-reassign\n rules[rule.cssText] = {\n cssText: rule.cssText,\n start: loc?.start ?? null,\n className: this.className,\n displayName: this.displayName,\n atom: true,\n };\n\n debug(\n 'evaluator:template-processor:extracted-atomic-rule',\n `\\n${rule.cssText}`\n );\n });\n\n this.#classes = atomicRules\n // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n .filter((rule) => !!rule.className)\n .map((rule) => rule.className!)\n .join(' ');\n\n return rules;\n }\n\n protected override getProps(): IProps {\n const props = super.getProps();\n props.class = [this.classes, this.className].filter(Boolean).join(' ');\n props.atomic = true;\n return props;\n }\n\n // eslint-disable-next-line class-methods-use-this\n protected override getVariableId(value: string): string {\n // id is based on the slugified value\n return slugify(value);\n }\n}\n"],"mappings":"AAEA,SAASA,KAAT,QAAsB,iBAAtB;AAEA,OAAOC,eAAP,MAA4B,kCAA5B;AACA,SAASC,OAAT,QAAwB,eAAxB;AAEA,SAASC,OAAT,QAAwB,gBAAxB;AAEA,OAAOC,OAAP,MAAoB,mBAApB;AAEA,eAAe,MAAMC,qBAAN,SAAoCJ,eAApC,CAAoD;EACjE,CAACK,OAAD;;EAEmB,IAAPA,OAAO,GAAW;IAC5B,IAAI,KAAK,CAACA,OAAV,EAAmB;MACjB,OAAO,KAAK,CAACA,OAAb;IACD;;IAED,MAAM,IAAIC,KAAJ,CACJ,iEADI,CAAN;EAGD;;EAEeC,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAInB;IACP,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,YAAY,GAChB,OAAO,KAAKC,SAAZ,KAA0B,QAA1B,GACI,IADJ,GAEIL,UAAU,CAACM,GAAX,CAAe,KAAKD,SAAL,CAAeE,IAAf,CAAoBC,IAAnC,CAHN;IAKA,MAAMC,WAAW,GAAGd,OAAO,CAACM,OAAD,EAAUR,OAAO,CAACW,YAAD,CAAjB,CAA3B;IACAK,WAAW,CAACC,OAAZ,CAAqBC,IAAD,IAAU;MAC5B;MACAR,KAAK,CAACQ,IAAI,CAACV,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEU,IAAI,CAACV,OADM;QAEpBW,KAAK,EAAEV,GAAG,EAAEU,KAAL,IAAc,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQAxB,KAAK,CACH,oDADG,EAEF,KAAIoB,IAAI,CAACV,OAAQ,EAFf,CAAL;IAID,CAdD;IAgBA,KAAK,CAACJ,OAAN,GAAgBY,WAAW,CACzB;IADyB,CAExBO,MAFa,CAELL,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbI,GAHa,CAGRN,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbK,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAOf,KAAP;EACD;;EAEkBgB,QAAQ,GAAW;IACpC,MAAMC,KAAK,GAAG,MAAMD,QAAN,EAAd;IACAC,KAAK,CAACC,KAAN,GAAc,CAAC,KAAKxB,OAAN,EAAe,KAAKgB,SAApB,EAA+BG,MAA/B,CAAsCM,OAAtC,EAA+CJ,IAA/C,CAAoD,GAApD,CAAd;IACAE,KAAK,CAACG,MAAN,GAAe,IAAf;IACA,OAAOH,KAAP;EACD,CAxDgE,CA0DjE;;;EACmBI,aAAa,CAACC,KAAD,EAAwB;IACtD;IACA,OAAO/B,OAAO,CAAC+B,KAAD,CAAd;EACD;;AA9DgE"}
@@ -1 +1 @@
1
- {"version":3,"file":"css.js","names":["AtomicCssProcessor","CssProcessor","classes","Error","doRuntimeReplacement","replacer","astService","stringLiteral","extractRules","valueCache","cssText","loc","rules","atomicRules","atomize","forEach","rule","start","className","displayName","atom","debug","filter","map","join"],"sources":["../../src/processors/css.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport CssProcessor from '@linaria/core/processors/css';\nimport type { Rules, ValueCache } from '@linaria/core/processors/types';\nimport { debug } from '@linaria/logger';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicCssProcessor extends CssProcessor {\n #classes: string | undefined;\n\n private get classes(): string {\n if (this.#classes) {\n return this.#classes;\n }\n\n throw new Error('Styles are not extracted yet. Please call `build` first.');\n }\n\n public override doRuntimeReplacement(): void {\n this.replacer(this.astService.stringLiteral(this.classes), false);\n }\n\n public override extractRules(\n valueCache: ValueCache,\n cssText: string,\n loc?: SourceLocation | null\n ): Rules {\n const rules: Rules = {};\n\n const atomicRules = atomize(cssText, false);\n atomicRules.forEach((rule) => {\n // eslint-disable-next-line no-param-reassign\n rules[rule.cssText] = {\n cssText: rule.cssText,\n start: loc?.start ?? null,\n className: this.className!,\n displayName: this.displayName!,\n atom: true,\n };\n\n debug(\n 'evaluator:template-processor:extracted-atomic-rule',\n `\\n${rule.cssText}`\n );\n });\n\n this.#classes = atomicRules\n // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n .filter((rule) => !!rule.className)\n .map((rule) => rule.className!)\n .join(' ');\n\n return rules;\n }\n}\n"],"mappings":";;;;;;;AAEA;;AAEA;;AAEA;;;;AAEe,MAAMA,kBAAN,SAAiCC,YAAjC,CAA8C;EAC3D,CAACC,OAAD;;EAEmB,IAAPA,OAAO,GAAW;IAC5B,IAAI,KAAK,CAACA,OAAV,EAAmB;MACjB,OAAO,KAAK,CAACA,OAAb;IACD;;IAED,MAAM,IAAIC,KAAJ,CAAU,0DAAV,CAAN;EACD;;EAEeC,oBAAoB,GAAS;IAC3C,KAAKC,QAAL,CAAc,KAAKC,UAAL,CAAgBC,aAAhB,CAA8B,KAAKL,OAAnC,CAAd,EAA2D,KAA3D;EACD;;EAEeM,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAInB;IACP,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,WAAW,GAAG,IAAAC,gBAAA,EAAQJ,OAAR,EAAiB,KAAjB,CAApB;IACAG,WAAW,CAACE,OAAZ,CAAqBC,IAAD,IAAU;MAAA;;MAC5B;MACAJ,KAAK,CAACI,IAAI,CAACN,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEM,IAAI,CAACN,OADM;QAEpBO,KAAK,gBAAEN,GAAF,aAAEA,GAAF,uBAAEA,GAAG,CAAEM,KAAP,mDAAgB,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQA,IAAAC,aAAA,EACE,oDADF,EAEG,KAAIL,IAAI,CAACN,OAAQ,EAFpB;IAID,CAdD;IAgBA,KAAK,CAACR,OAAN,GAAgBW,WAAW,CACzB;IADyB,CAExBS,MAFa,CAELN,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbK,GAHa,CAGRP,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbM,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAOZ,KAAP;EACD;;AA9C0D"}
1
+ {"version":3,"file":"css.js","names":["AtomicCssProcessor","CssProcessor","classes","Error","doRuntimeReplacement","replacer","astService","stringLiteral","extractRules","valueCache","cssText","loc","rules","atomicRules","atomize","forEach","rule","start","className","displayName","atom","debug","filter","map","join"],"sources":["../../src/processors/css.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport CssProcessor from '@linaria/core/processors/css';\nimport { debug } from '@linaria/logger';\nimport type { Rules, ValueCache } from '@linaria/tags';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicCssProcessor extends CssProcessor {\n #classes: string | undefined;\n\n private get classes(): string {\n if (this.#classes) {\n return this.#classes;\n }\n\n throw new Error('Styles are not extracted yet. Please call `build` first.');\n }\n\n public override doRuntimeReplacement(): void {\n this.replacer(this.astService.stringLiteral(this.classes), false);\n }\n\n public override extractRules(\n valueCache: ValueCache,\n cssText: string,\n loc?: SourceLocation | null\n ): Rules {\n const rules: Rules = {};\n\n const atomicRules = atomize(cssText, false);\n atomicRules.forEach((rule) => {\n // eslint-disable-next-line no-param-reassign\n rules[rule.cssText] = {\n cssText: rule.cssText,\n start: loc?.start ?? null,\n className: this.className!,\n displayName: this.displayName!,\n atom: true,\n };\n\n debug(\n 'evaluator:template-processor:extracted-atomic-rule',\n `\\n${rule.cssText}`\n );\n });\n\n this.#classes = atomicRules\n // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n .filter((rule) => !!rule.className)\n .map((rule) => rule.className!)\n .join(' ');\n\n return rules;\n }\n}\n"],"mappings":";;;;;;;AAEA;;AACA;;AAGA;;;;AAEe,MAAMA,kBAAN,SAAiCC,YAAjC,CAA8C;EAC3D,CAACC,OAAD;;EAEmB,IAAPA,OAAO,GAAW;IAC5B,IAAI,KAAK,CAACA,OAAV,EAAmB;MACjB,OAAO,KAAK,CAACA,OAAb;IACD;;IAED,MAAM,IAAIC,KAAJ,CAAU,0DAAV,CAAN;EACD;;EAEeC,oBAAoB,GAAS;IAC3C,KAAKC,QAAL,CAAc,KAAKC,UAAL,CAAgBC,aAAhB,CAA8B,KAAKL,OAAnC,CAAd,EAA2D,KAA3D;EACD;;EAEeM,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAInB;IACP,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,WAAW,GAAG,IAAAC,gBAAA,EAAQJ,OAAR,EAAiB,KAAjB,CAApB;IACAG,WAAW,CAACE,OAAZ,CAAqBC,IAAD,IAAU;MAAA;;MAC5B;MACAJ,KAAK,CAACI,IAAI,CAACN,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEM,IAAI,CAACN,OADM;QAEpBO,KAAK,gBAAEN,GAAF,aAAEA,GAAF,uBAAEA,GAAG,CAAEM,KAAP,mDAAgB,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQA,IAAAC,aAAA,EACE,oDADF,EAEG,KAAIL,IAAI,CAACN,OAAQ,EAFpB;IAID,CAdD;IAgBA,KAAK,CAACR,OAAN,GAAgBW,WAAW,CACzB;IADyB,CAExBS,MAFa,CAELN,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbK,GAHa,CAGRP,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbM,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAOZ,KAAP;EACD;;AA9C0D"}
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _hasMeta = _interopRequireDefault(require("@linaria/core/processors/utils/hasMeta"));
9
-
10
8
  var _logger = require("@linaria/logger");
11
9
 
12
10
  var _styled = _interopRequireDefault(require("@linaria/react/processors/styled"));
13
11
 
12
+ var _tags = require("@linaria/tags");
13
+
14
14
  var _utils = require("@linaria/utils");
15
15
 
16
16
  var _atomize = _interopRequireDefault(require("./helpers/atomize"));
@@ -31,7 +31,7 @@ class AtomicStyledProcessor extends _styled.default {
31
31
  extractRules(valueCache, cssText, loc) {
32
32
  const rules = {};
33
33
  const wrappedValue = typeof this.component === 'string' ? null : valueCache.get(this.component.node.name);
34
- const atomicRules = (0, _atomize.default)(cssText, (0, _hasMeta.default)(wrappedValue));
34
+ const atomicRules = (0, _atomize.default)(cssText, (0, _tags.hasMeta)(wrappedValue));
35
35
  atomicRules.forEach(rule => {
36
36
  var _loc$start;
37
37
 
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","names":["AtomicStyledProcessor","StyledProcessor","classes","Error","extractRules","valueCache","cssText","loc","rules","wrappedValue","component","get","node","name","atomicRules","atomize","hasMeta","forEach","rule","start","className","displayName","atom","debug","filter","map","join","getProps","props","class","Boolean","atomic","getVariableId","value","slugify"],"sources":["../../src/processors/styled.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport type { Rules, ValueCache } from '@linaria/core/processors/types';\nimport hasMeta from '@linaria/core/processors/utils/hasMeta';\nimport { debug } from '@linaria/logger';\nimport type { IProps } from '@linaria/react/processors/styled';\nimport StyledProcessor from '@linaria/react/processors/styled';\nimport { slugify } from '@linaria/utils';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicStyledProcessor extends StyledProcessor {\n #classes: string | undefined;\n\n private get classes(): string {\n if (this.#classes) {\n return this.#classes;\n }\n\n throw new Error(\n 'Styles are not extracted yet. Please call `extractRules` first.'\n );\n }\n\n public override extractRules(\n valueCache: ValueCache,\n cssText: string,\n loc?: SourceLocation | null\n ): Rules {\n const rules: Rules = {};\n\n const wrappedValue =\n typeof this.component === 'string'\n ? null\n : valueCache.get(this.component.node.name);\n\n const atomicRules = atomize(cssText, hasMeta(wrappedValue));\n atomicRules.forEach((rule) => {\n // eslint-disable-next-line no-param-reassign\n rules[rule.cssText] = {\n cssText: rule.cssText,\n start: loc?.start ?? null,\n className: this.className,\n displayName: this.displayName,\n atom: true,\n };\n\n debug(\n 'evaluator:template-processor:extracted-atomic-rule',\n `\\n${rule.cssText}`\n );\n });\n\n this.#classes = atomicRules\n // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n .filter((rule) => !!rule.className)\n .map((rule) => rule.className!)\n .join(' ');\n\n return rules;\n }\n\n protected override getProps(): IProps {\n const props = super.getProps();\n props.class = [this.classes, this.className].filter(Boolean).join(' ');\n props.atomic = true;\n return props;\n }\n\n // eslint-disable-next-line class-methods-use-this\n protected override getVariableId(value: string): string {\n // id is based on the slugified value\n return slugify(value);\n }\n}\n"],"mappings":";;;;;;;AAGA;;AACA;;AAEA;;AACA;;AAEA;;;;AAEe,MAAMA,qBAAN,SAAoCC,eAApC,CAAoD;EACjE,CAACC,OAAD;;EAEmB,IAAPA,OAAO,GAAW;IAC5B,IAAI,KAAK,CAACA,OAAV,EAAmB;MACjB,OAAO,KAAK,CAACA,OAAb;IACD;;IAED,MAAM,IAAIC,KAAJ,CACJ,iEADI,CAAN;EAGD;;EAEeC,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAInB;IACP,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,YAAY,GAChB,OAAO,KAAKC,SAAZ,KAA0B,QAA1B,GACI,IADJ,GAEIL,UAAU,CAACM,GAAX,CAAe,KAAKD,SAAL,CAAeE,IAAf,CAAoBC,IAAnC,CAHN;IAKA,MAAMC,WAAW,GAAG,IAAAC,gBAAA,EAAQT,OAAR,EAAiB,IAAAU,gBAAA,EAAQP,YAAR,CAAjB,CAApB;IACAK,WAAW,CAACG,OAAZ,CAAqBC,IAAD,IAAU;MAAA;;MAC5B;MACAV,KAAK,CAACU,IAAI,CAACZ,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEY,IAAI,CAACZ,OADM;QAEpBa,KAAK,gBAAEZ,GAAF,aAAEA,GAAF,uBAAEA,GAAG,CAAEY,KAAP,mDAAgB,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQA,IAAAC,aAAA,EACE,oDADF,EAEG,KAAIL,IAAI,CAACZ,OAAQ,EAFpB;IAID,CAdD;IAgBA,KAAK,CAACJ,OAAN,GAAgBY,WAAW,CACzB;IADyB,CAExBU,MAFa,CAELN,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbK,GAHa,CAGRP,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbM,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAOlB,KAAP;EACD;;EAEkBmB,QAAQ,GAAW;IACpC,MAAMC,KAAK,GAAG,MAAMD,QAAN,EAAd;IACAC,KAAK,CAACC,KAAN,GAAc,CAAC,KAAK3B,OAAN,EAAe,KAAKkB,SAApB,EAA+BI,MAA/B,CAAsCM,OAAtC,EAA+CJ,IAA/C,CAAoD,GAApD,CAAd;IACAE,KAAK,CAACG,MAAN,GAAe,IAAf;IACA,OAAOH,KAAP;EACD,CAxDgE,CA0DjE;;;EACmBI,aAAa,CAACC,KAAD,EAAwB;IACtD;IACA,OAAO,IAAAC,cAAA,EAAQD,KAAR,CAAP;EACD;;AA9DgE"}
1
+ {"version":3,"file":"styled.js","names":["AtomicStyledProcessor","StyledProcessor","classes","Error","extractRules","valueCache","cssText","loc","rules","wrappedValue","component","get","node","name","atomicRules","atomize","hasMeta","forEach","rule","start","className","displayName","atom","debug","filter","map","join","getProps","props","class","Boolean","atomic","getVariableId","value","slugify"],"sources":["../../src/processors/styled.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport { debug } from '@linaria/logger';\nimport type { IProps } from '@linaria/react/processors/styled';\nimport StyledProcessor from '@linaria/react/processors/styled';\nimport { hasMeta } from '@linaria/tags';\nimport type { Rules, ValueCache } from '@linaria/tags';\nimport { slugify } from '@linaria/utils';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicStyledProcessor extends StyledProcessor {\n #classes: string | undefined;\n\n private get classes(): string {\n if (this.#classes) {\n return this.#classes;\n }\n\n throw new Error(\n 'Styles are not extracted yet. Please call `extractRules` first.'\n );\n }\n\n public override extractRules(\n valueCache: ValueCache,\n cssText: string,\n loc?: SourceLocation | null\n ): Rules {\n const rules: Rules = {};\n\n const wrappedValue =\n typeof this.component === 'string'\n ? null\n : valueCache.get(this.component.node.name);\n\n const atomicRules = atomize(cssText, hasMeta(wrappedValue));\n atomicRules.forEach((rule) => {\n // eslint-disable-next-line no-param-reassign\n rules[rule.cssText] = {\n cssText: rule.cssText,\n start: loc?.start ?? null,\n className: this.className,\n displayName: this.displayName,\n atom: true,\n };\n\n debug(\n 'evaluator:template-processor:extracted-atomic-rule',\n `\\n${rule.cssText}`\n );\n });\n\n this.#classes = atomicRules\n // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n .filter((rule) => !!rule.className)\n .map((rule) => rule.className!)\n .join(' ');\n\n return rules;\n }\n\n protected override getProps(): IProps {\n const props = super.getProps();\n props.class = [this.classes, this.className].filter(Boolean).join(' ');\n props.atomic = true;\n return props;\n }\n\n // eslint-disable-next-line class-methods-use-this\n protected override getVariableId(value: string): string {\n // id is based on the slugified value\n return slugify(value);\n }\n}\n"],"mappings":";;;;;;;AAEA;;AAEA;;AACA;;AAEA;;AAEA;;;;AAEe,MAAMA,qBAAN,SAAoCC,eAApC,CAAoD;EACjE,CAACC,OAAD;;EAEmB,IAAPA,OAAO,GAAW;IAC5B,IAAI,KAAK,CAACA,OAAV,EAAmB;MACjB,OAAO,KAAK,CAACA,OAAb;IACD;;IAED,MAAM,IAAIC,KAAJ,CACJ,iEADI,CAAN;EAGD;;EAEeC,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAInB;IACP,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,YAAY,GAChB,OAAO,KAAKC,SAAZ,KAA0B,QAA1B,GACI,IADJ,GAEIL,UAAU,CAACM,GAAX,CAAe,KAAKD,SAAL,CAAeE,IAAf,CAAoBC,IAAnC,CAHN;IAKA,MAAMC,WAAW,GAAG,IAAAC,gBAAA,EAAQT,OAAR,EAAiB,IAAAU,aAAA,EAAQP,YAAR,CAAjB,CAApB;IACAK,WAAW,CAACG,OAAZ,CAAqBC,IAAD,IAAU;MAAA;;MAC5B;MACAV,KAAK,CAACU,IAAI,CAACZ,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEY,IAAI,CAACZ,OADM;QAEpBa,KAAK,gBAAEZ,GAAF,aAAEA,GAAF,uBAAEA,GAAG,CAAEY,KAAP,mDAAgB,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQA,IAAAC,aAAA,EACE,oDADF,EAEG,KAAIL,IAAI,CAACZ,OAAQ,EAFpB;IAID,CAdD;IAgBA,KAAK,CAACJ,OAAN,GAAgBY,WAAW,CACzB;IADyB,CAExBU,MAFa,CAELN,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbK,GAHa,CAGRP,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbM,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAOlB,KAAP;EACD;;EAEkBmB,QAAQ,GAAW;IACpC,MAAMC,KAAK,GAAG,MAAMD,QAAN,EAAd;IACAC,KAAK,CAACC,KAAN,GAAc,CAAC,KAAK3B,OAAN,EAAe,KAAKkB,SAApB,EAA+BI,MAA/B,CAAsCM,OAAtC,EAA+CJ,IAA/C,CAAoD,GAApD,CAAd;IACAE,KAAK,CAACG,MAAN,GAAe,IAAf;IACA,OAAOH,KAAP;EACD,CAxDgE,CA0DjE;;;EACmBI,aAAa,CAACC,KAAD,EAAwB;IACtD;IACA,OAAO,IAAAC,cAAA,EAAQD,KAAR,CAAP;EACD;;AA9DgE"}
package/package.json CHANGED
@@ -1,20 +1,21 @@
1
1
  {
2
2
  "name": "@linaria/atomic",
3
3
  "description": "Blazing fast zero-runtime CSS in JS library",
4
- "version": "4.0.0-beta.0",
4
+ "version": "4.1.0",
5
5
  "bugs": "https://github.com/callstack/linaria/issues",
6
6
  "dependencies": {
7
- "@linaria/core": "^4.0.0-beta.0",
8
- "@linaria/logger": "^4.0.0-beta.0",
9
- "@linaria/react": "^4.0.0-beta.0",
10
- "@linaria/utils": "^4.0.0-beta.0",
7
+ "@linaria/core": "^4.1.0",
8
+ "@linaria/logger": "^4.0.0",
9
+ "@linaria/react": "^4.1.0",
10
+ "@linaria/tags": "^4.1.0",
11
+ "@linaria/utils": "^4.1.0",
11
12
  "known-css-properties": "^0.24.0",
12
13
  "postcss": "^8.3.11",
13
14
  "stylis": "^3.5.4",
14
15
  "ts-invariant": "^0.10.3"
15
16
  },
16
17
  "devDependencies": {
17
- "@babel/types": "^7.18.4"
18
+ "@babel/types": "^7.18.9"
18
19
  },
19
20
  "engines": {
20
21
  "node": "^12.16.0 || >=13.7.0"
@@ -1,6 +1,6 @@
1
1
  import type { SourceLocation } from '@babel/types';
2
2
  import CssProcessor from '@linaria/core/processors/css';
3
- import type { Rules, ValueCache } from '@linaria/core/processors/types';
3
+ import type { Rules, ValueCache } from '@linaria/tags';
4
4
  export default class AtomicCssProcessor extends CssProcessor {
5
5
  #private;
6
6
  private get classes();
@@ -1,7 +1,7 @@
1
1
  import type { SourceLocation } from '@babel/types';
2
- import type { Rules, ValueCache } from '@linaria/core/processors/types';
3
2
  import type { IProps } from '@linaria/react/processors/styled';
4
3
  import StyledProcessor from '@linaria/react/processors/styled';
4
+ import type { Rules, ValueCache } from '@linaria/tags';
5
5
  export default class AtomicStyledProcessor extends StyledProcessor {
6
6
  #private;
7
7
  private get classes();