Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

build!: remove some tokens from build #1581

Merged
merged 2 commits into from
Apr 4, 2023

Conversation

jinlee93
Copy link
Contributor

@jinlee93 jinlee93 commented Apr 4, 2023

EDS-894

Summary:

  • with the move to explicit conditional exports, I realized that all the individual tokens also need to be explicitly exported
  • instead of this just removing them from the build since tokens as css custom properties are already included as index.css and don't see a need for a js use of them
  • style-dictionary will still build tokens into src for use within the repo
  • style-dictionary will build the tw tokens directly into lib
  • removing the copy of tokens from src/tokens-dist/ to lib/tokens

Test Plan:

  • CI tests / new tests are not applicable
    • styles unaffected as shown by chromatic

@jinlee93 jinlee93 requested a review from a team April 4, 2023 19:02
@@ -29,8 +29,7 @@ interface IconPropsBase {
* The SVG Color, expects a valid css color (hex, rgb, etc.).
*
* Recommendation: if `currentColor` isn't sufficient,
* use `EdsThemeColor` tokens from
* `@chanzuckerberg/eds/lib/tokens/colors.ts`
* style the fill with Tailwind: https://tailwindcss.com/docs/fill
*/
color?: string;
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We can also just choose to remove this prop

@jinlee93 jinlee93 mentioned this pull request Apr 4, 2023
10 tasks
Copy link
Contributor

@booc0mtaco booc0mtaco left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Was this JSON ever used??

I think this makes sense to me... I'm still a bit curious how all of this will look once complete

@jinlee93
Copy link
Contributor Author

jinlee93 commented Apr 4, 2023

Was this JSON ever used??

I think this makes sense to me... I'm still a bit curious how all of this will look once complete

css-variables-nested.json is used with tw config... some of the variables-nested.json was not used iirc and variables.css has been absorbed into @czi/eds/index.css

image
image

@jinlee93 jinlee93 merged commit 3cf44ff into ah-ssr-build Apr 4, 2023
@jinlee93 jinlee93 deleted the jlee/dontCopyTokensToLib branch April 4, 2023 21:45
jinlee93 added a commit that referenced this pull request Apr 17, 2023
* build: use rollup to build JS and styles

- To better support server-side rendering
- By producing a single .css file
- Instead of delegating css module processing to consuming apps

* refactor(rollup): remove spritemap and commonjs from config

* build: remove styles build from main build command

* refactor: import css variables into index

* build(rollup): mark dependencies as external (#1558)

* build(rollup): mark dependencies as external

* build(rollup): use node resolve plugin

* docs(build): explain rollup external option

* build!: generate cjs and type declarations (#1572)

* build: generate cjs and esm, separate types build

* build: add sourcemaps and add declaration back to tsconfig

* build: cjs and js in the same output

* build: add conditional exports

* build: remove build types script

* refactor: revert tw config to ts

* build: bump target to es2018 and grep for tslib

* chore(release): 12.0.0-alpha.0

* refactor: dry css exports

* build!: remove some tokens from build (#1581)

* refactor: remove references to unexported files

* build!: no longer include some tokens in build

* refactor: remove unused commonjs plugin (#1582)

* chore(release): 12.0.0-alpha.1

* refactor: use named import for clsx

* chore: remove rollup plugin commonjs

* Revert "refactor: use named import for clsx"

This reverts commit d58182b.

* docs: explicate tslib grep

* fix: no need for ts expect error

---------

Co-authored-by: Andrew Huth <[email protected]>
@booc0mtaco booc0mtaco mentioned this pull request Apr 17, 2023
booc0mtaco added a commit that referenced this pull request Apr 17, 2023
## [12.0.0](v11.1.1...v12.0.0) (2023-04-17)


### ⚠ BREAKING CHANGES

* use rollup (#1555)

### Features

* export some subcomponents ([#1579](#1579)) ([2857ae4](2857ae4))
* **TextareaField:** add character length counter ([#1580](#1580)) ([ff6226f](ff6226f))


### Bug Fixes

* restore check for undefined any types ([#1585](#1585)) ([c7fae07](c7fae07))
* **Skeleton:** mark .Rect as deprecated ([#1586](#1586)) ([405f81b](405f81b))
* sync typography presets to documentation ([#1592](#1592)) ([b56eadb](b56eadb))
* **typography:** add missing eds-font-size-20 ([#1591](#1591)) ([de5dd03](de5dd03))


### build

* use rollup ([#1555](#1555)) ([d794696](d794696)), closes [#1558](#1558) [#1572](#1572) [#1581](#1581) [#1582](#1582)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants