|
1 | 1 | # @launchpad-ui/core |
2 | 2 |
|
| 3 | +## 0.47.11 |
| 4 | + |
| 5 | +### Patch Changes |
| 6 | + |
| 7 | +- [#1114](https://github.com/launchdarkly/launchpad-ui/pull/1114) [`51987f5`](https://github.com/launchdarkly/launchpad-ui/commit/51987f538462e2a8378aa9e15a7ef99020c941c4) Thanks [@renovate](https://github.com/apps/renovate)! - Update dependencies |
| 8 | + |
| 9 | +- Updated dependencies [[`51987f5`](https://github.com/launchdarkly/launchpad-ui/commit/51987f538462e2a8378aa9e15a7ef99020c941c4), [`ff53eee`](https://github.com/launchdarkly/launchpad-ui/commit/ff53eee1874f5264ffcf27f57852c55568e0f2dc)]: |
| 10 | + - @launchpad-ui/inline-edit@0.2.11 |
| 11 | + - @launchpad-ui/data-table@0.2.8 |
| 12 | + - @launchpad-ui/focus-trap@0.1.15 |
| 13 | + - @launchpad-ui/navigation@0.12.11 |
| 14 | + - @launchpad-ui/pagination@0.4.11 |
| 15 | + - @launchpad-ui/dropdown@0.6.85 |
| 16 | + - @launchpad-ui/tab-list@0.5.8 |
| 17 | + - @launchpad-ui/drawer@0.5.11 |
| 18 | + - @launchpad-ui/filter@0.6.11 |
| 19 | + - @launchpad-ui/select@0.4.11 |
| 20 | + - @launchpad-ui/toggle@0.7.8 |
| 21 | + - @launchpad-ui/modal@0.17.11 |
| 22 | + - @launchpad-ui/form@0.10.11 |
| 23 | + - @launchpad-ui/menu@0.12.11 |
| 24 | + - @launchpad-ui/tag@0.3.11 |
| 25 | + - @launchpad-ui/popover@0.11.8 |
| 26 | + - @launchpad-ui/split-button@0.9.11 |
| 27 | + - @launchpad-ui/card@0.2.11 |
| 28 | + - @launchpad-ui/progress-bubbles@0.7.8 |
| 29 | + - @launchpad-ui/tooltip@0.8.8 |
| 30 | + - @launchpad-ui/clipboard@0.11.11 |
| 31 | + |
3 | 32 | ## 0.47.10 |
4 | 33 |
|
5 | 34 | ### Patch Changes |
|
1353 | 1382 | **Before** |
1354 | 1383 |
|
1355 | 1384 | ```js |
1356 | | - import { Add } from '@launchpad-ui/icons'; |
| 1385 | + import { Add } from "@launchpad-ui/icons"; |
1357 | 1386 |
|
1358 | 1387 | const MyIcon = () => <Add size="medium" />; |
1359 | 1388 | ``` |
1360 | 1389 |
|
1361 | 1390 | **After** |
1362 | 1391 |
|
1363 | 1392 | ```js |
1364 | | - import { Icon } from '@launchpad-ui/icons'; |
| 1393 | + import { Icon } from "@launchpad-ui/icons"; |
1365 | 1394 |
|
1366 | 1395 | const MyIcon = () => <Icon name="add" size="medium" />; |
1367 | 1396 | ``` |
|
1371 | 1400 | For example, if importing a static asset returns a resolved URL you can do the following in your app to load the icons: |
1372 | 1401 |
|
1373 | 1402 | ```js |
1374 | | - import { IconContext } from '@launchpad-ui/icons'; |
1375 | | - import icons from '@launchpad-ui/icons/sprite.svg'; |
1376 | | - import { createRoot } from 'react-dom/client'; |
| 1403 | + import { IconContext } from "@launchpad-ui/icons"; |
| 1404 | + import icons from "@launchpad-ui/icons/sprite.svg"; |
| 1405 | + import { createRoot } from "react-dom/client"; |
1377 | 1406 |
|
1378 | | - const domNode = document.getElementById('root'); |
| 1407 | + const domNode = document.getElementById("root"); |
1379 | 1408 | const root = createRoot(domNode); |
1380 | 1409 |
|
1381 | 1410 | root.render( |
1382 | 1411 | <IconContext.Provider value={{ path: icons }}> |
1383 | 1412 | <App /> |
1384 | | - </IconContext.Provider> |
| 1413 | + </IconContext.Provider>, |
1385 | 1414 | ); |
1386 | 1415 | ``` |
1387 | 1416 |
|
|
1651 | 1680 | Before: |
1652 | 1681 |
|
1653 | 1682 | ```js |
1654 | | - import { Add } from '@launchpad-ui/core'; |
| 1683 | + import { Add } from "@launchpad-ui/core"; |
1655 | 1684 | ``` |
1656 | 1685 |
|
1657 | 1686 | After: |
1658 | 1687 |
|
1659 | 1688 | ```js |
1660 | | - import { Add } from '@launchpad-ui/icons'; |
| 1689 | + import { Add } from "@launchpad-ui/icons"; |
1661 | 1690 | ``` |
1662 | 1691 |
|
1663 | 1692 | ## 0.38.3 |
|
2467 | 2496 | .selector { |
2468 | 2497 | color: #000; |
2469 | 2498 |
|
2470 | | - [data-theme='dark'] & { |
| 2499 | + [data-theme="dark"] & { |
2471 | 2500 | color: #fff; |
2472 | 2501 | } |
2473 | 2502 | } |
|
2477 | 2506 |
|
2478 | 2507 | ```css |
2479 | 2508 | :root, |
2480 | | - [data-theme='default'] { |
| 2509 | + [data-theme="default"] { |
2481 | 2510 | --my-component-color-text: #000; |
2482 | 2511 | } |
2483 | 2512 |
|
2484 | | - [data-theme='dark'] { |
| 2513 | + [data-theme="dark"] { |
2485 | 2514 | --my-component-color-text: #fff; |
2486 | 2515 | } |
2487 | 2516 |
|
|
5123 | 5152 | Before: |
5124 | 5153 |
|
5125 | 5154 | ```js |
5126 | | - import alertStyles from '@launchpad-ui/alert/styles/Alert.css'; |
| 5155 | + import alertStyles from "@launchpad-ui/alert/styles/Alert.css"; |
5127 | 5156 | ``` |
5128 | 5157 |
|
5129 | 5158 | After: |
5130 | 5159 |
|
5131 | 5160 | ```js |
5132 | | - import alertStyles from '@launchpad-ui/alert/style.css'; |
| 5161 | + import alertStyles from "@launchpad-ui/alert/style.css"; |
5133 | 5162 | ``` |
5134 | 5163 |
|
5135 | 5164 | The `core` package no longer bundles styles. If you need to import stylesheets for the components (in a Remix app for example) simply import them from the individual packages that come included when you install the `core` package. |
|
5936 | 5965 | This requires that you wrap your app with [LazyMotion](https://www.framer.com/docs/lazy-motion/) to use these components: |
5937 | 5966 |
|
5938 | 5967 | ```jsx |
5939 | | - import { LazyMotion, domAnimation } from 'framer-motion'; |
| 5968 | + import { LazyMotion, domAnimation } from "framer-motion"; |
5940 | 5969 |
|
5941 | 5970 | <LazyMotion features={domAnimation}> |
5942 | 5971 | <App /> |
|
0 commit comments