@bbl-digital/snorre 4.0.28 → 4.0.29
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +65 -30
- package/esm/core/BoxedTable/TableBody/index.js +10 -0
- package/esm/core/BoxedTable/TableBody/styles.js +16 -0
- package/esm/core/FileInput/index.js +1 -1
- package/esm/core/Header/index.js +3 -1
- package/esm/core/Link/Link.stories.js +41 -39
- package/esm/core/Link/index.js +5 -1
- package/esm/core/List/List.stories.js +119 -105
- package/esm/core/List/index.js +6 -3
- package/esm/core/ListPager/ListPager.stories.js +4 -4
- package/esm/core/ListPager/index.js +4 -0
- package/esm/core/ListPager/styles.js +4 -4
- package/esm/core/NoticeCard/index.js +2 -0
- package/esm/core/NotificationCounter/index.js +5 -1
- package/esm/core/Radio/index.js +7 -2
- package/esm/core/Select/index.js +7 -1
- package/esm/core/Skeleton/index.js +9 -6
- package/esm/core/Spinner/index.js +4 -1
- package/esm/core/Spinner/styles.js +5 -5
- package/lib/core/BoxedTable/TableBody/index.d.ts +7 -0
- package/lib/core/BoxedTable/TableBody/index.d.ts.map +1 -0
- package/lib/core/BoxedTable/TableBody/index.js +10 -0
- package/lib/core/BoxedTable/TableBody/styles.d.ts +6 -0
- package/lib/core/BoxedTable/TableBody/styles.d.ts.map +1 -0
- package/lib/core/BoxedTable/TableBody/styles.js +16 -0
- package/lib/core/FileInput/index.js +1 -1
- package/lib/core/Header/index.d.ts +2 -0
- package/lib/core/Header/index.d.ts.map +1 -1
- package/lib/core/Header/index.js +3 -1
- package/lib/core/Link/Link.stories.d.ts +14 -39
- package/lib/core/Link/Link.stories.d.ts.map +1 -1
- package/lib/core/Link/Link.stories.js +41 -39
- package/lib/core/Link/index.d.ts.map +1 -1
- package/lib/core/Link/index.js +5 -1
- package/lib/core/List/List.stories.d.ts +14 -39
- package/lib/core/List/List.stories.d.ts.map +1 -1
- package/lib/core/List/List.stories.js +119 -105
- package/lib/core/List/index.d.ts +3 -2
- package/lib/core/List/index.d.ts.map +1 -1
- package/lib/core/List/index.js +6 -3
- package/lib/core/ListPager/ListPager.stories.d.ts +6 -7
- package/lib/core/ListPager/ListPager.stories.d.ts.map +1 -1
- package/lib/core/ListPager/ListPager.stories.js +4 -4
- package/lib/core/ListPager/index.d.ts.map +1 -1
- package/lib/core/ListPager/index.js +4 -0
- package/lib/core/ListPager/styles.d.ts +1 -1
- package/lib/core/ListPager/styles.d.ts.map +1 -1
- package/lib/core/ListPager/styles.js +4 -4
- package/lib/core/NoticeCard/index.d.ts.map +1 -1
- package/lib/core/NoticeCard/index.js +2 -0
- package/lib/core/NotificationCounter/index.d.ts.map +1 -1
- package/lib/core/NotificationCounter/index.js +5 -1
- package/lib/core/Radio/index.d.ts +1 -1
- package/lib/core/Radio/index.d.ts.map +1 -1
- package/lib/core/Radio/index.js +7 -2
- package/lib/core/Select/index.d.ts.map +1 -1
- package/lib/core/Select/index.js +7 -1
- package/lib/core/Skeleton/index.d.ts.map +1 -1
- package/lib/core/Skeleton/index.js +9 -6
- package/lib/core/Spinner/index.d.ts.map +1 -1
- package/lib/core/Spinner/index.js +4 -1
- package/lib/core/Spinner/styles.d.ts.map +1 -1
- package/lib/core/Spinner/styles.js +5 -5
- package/package.json +1 -1
- package/esm/core/Autocomplete/utils/useHandleOptionsHeight.js +0 -16
- package/esm/core/CheckboxController/index.js +0 -22
- package/esm/core/Datepicker/yearMonthForm.js +0 -56
- package/esm/core/EditorOld/config.js +0 -69
- package/esm/core/EditorOld/index.js +0 -147
- package/esm/core/EditorOld/styles.js +0 -65
- package/esm/core/ImageCarousel/index.js +0 -70
- package/esm/core/ImageCarousel/styles.js +0 -58
- package/esm/enums/ModifierKey.js +0 -13
- package/lib/core/Autocomplete/utils/useHandleOptionsHeight.d.ts +0 -7
- package/lib/core/Autocomplete/utils/useHandleOptionsHeight.d.ts.map +0 -1
- package/lib/core/Autocomplete/utils/useHandleOptionsHeight.js +0 -16
- package/lib/core/CheckboxController/index.d.ts +0 -1
- package/lib/core/CheckboxController/index.d.ts.map +0 -1
- package/lib/core/CheckboxController/index.js +0 -22
- package/lib/core/Datepicker/yearMonthForm.d.ts +0 -10
- package/lib/core/Datepicker/yearMonthForm.d.ts.map +0 -1
- package/lib/core/Datepicker/yearMonthForm.js +0 -56
- package/lib/core/EditorOld/config.d.ts +0 -56
- package/lib/core/EditorOld/config.d.ts.map +0 -1
- package/lib/core/EditorOld/config.js +0 -69
- package/lib/core/EditorOld/index.d.ts +0 -39
- package/lib/core/EditorOld/index.d.ts.map +0 -1
- package/lib/core/EditorOld/index.js +0 -147
- package/lib/core/EditorOld/styles.d.ts +0 -23
- package/lib/core/EditorOld/styles.d.ts.map +0 -1
- package/lib/core/EditorOld/styles.js +0 -65
- package/lib/core/ImageCarousel/index.d.ts +0 -11
- package/lib/core/ImageCarousel/index.d.ts.map +0 -1
- package/lib/core/ImageCarousel/index.js +0 -70
- package/lib/core/ImageCarousel/styles.d.ts +0 -26
- package/lib/core/ImageCarousel/styles.d.ts.map +0 -1
- package/lib/core/ImageCarousel/styles.js +0 -58
- package/lib/enums/ModifierKey.d.ts +0 -12
- package/lib/enums/ModifierKey.d.ts.map +0 -1
- package/lib/enums/ModifierKey.js +0 -13
@@ -1,10 +1,10 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
2
|
const styles = {
|
3
|
-
default: theme => /*#__PURE__*/css("@keyframes spinner{0%{transform:translate3d(-50%, -50%, 0) rotate(0deg);}100%{transform:translate3d(-50%, -50%, 0) rotate(360deg);}}position:relative;&::before{animation:1.5s linear infinite spinner;animation-play-state:inherit;border:solid 3px #cfd0d1;border-bottom-color:", theme.primary, ";border-radius:50%;content:'';height:8px;width:8px;position:absolute;top:10%;left:10%;transform:translate3d(-50%, -50%, 0);will-change:transform;}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
4
|
-
size: size => /*#__PURE__*/css("&::before{width:", size, "px;height:", size, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:size;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
5
|
-
margin: margin => /*#__PURE__*/css("margin:", margin, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:margin;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
6
|
-
color: color => /*#__PURE__*/css("&::before{border-bottom-color:", color, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:color;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
7
|
-
border: (thickness = 3, offsetColor = '#cfd0d1', borderBottom) => /*#__PURE__*/css("&::before{border:", thickness, "px solid ", offsetColor, ";border-bottom-color:", borderBottom, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:border;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
3
|
+
default: theme => /*#__PURE__*/css("@keyframes spinner{0%{transform:translate3d(-50%, -50%, 0) rotate(0deg);}100%{transform:translate3d(-50%, -50%, 0) rotate(360deg);}}position:relative;&::before{animation:1.5s linear infinite spinner;animation-play-state:inherit;border:solid 3px #cfd0d1;border-bottom-color:", theme.primary, ";border-radius:50%;content:'';height:8px;width:8px;position:absolute;top:10%;left:10%;transform:translate3d(-50%, -50%, 0);will-change:transform;}@media (prefers-reduced-motion){&::before{animation:4s linear infinite spinner;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TcGlubmVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgQGtleWZyYW1lcyBzcGlubmVyIHtcbiAgICAgIDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMGRlZyk7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMzYwZGVnKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgYW5pbWF0aW9uOiAxLjVzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IGluaGVyaXQ7XG4gICAgICBib3JkZXI6IHNvbGlkIDNweCAjY2ZkMGQxO1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICB3aWR0aDogOHB4O1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAxMCU7XG4gICAgICBsZWZ0OiAxMCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC01MCUsIC01MCUsIDApO1xuICAgICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcbiAgICB9XG4gICAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uKSB7XG4gICAgICAmOjpiZWZvcmUge1xuICAgICAgICBhbmltYXRpb246IDRzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgfVxuICAgIH1cbiAgYCxcblxuICBzaXplOiAoc2l6ZTogbnVtYmVyKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgICB9XG4gIGAsXG5cbiAgbWFyZ2luOiAobWFyZ2luOiBzdHJpbmcpID0+IGNzc2BcbiAgICBtYXJnaW46ICR7bWFyZ2lufTtcbiAgYCxcblxuICBjb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuICBgLFxuXG4gIGJvcmRlcjogKFxuICAgIHRoaWNrbmVzczogbnVtYmVyID0gMyxcbiAgICBvZmZzZXRDb2xvcjogc3RyaW5nID0gJyNjZmQwZDEnLFxuICAgIGJvcmRlckJvdHRvbTogc3RyaW5nXG4gICkgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICBib3JkZXI6ICR7dGhpY2tuZXNzfXB4IHNvbGlkICR7b2Zmc2V0Q29sb3J9O1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtib3JkZXJCb3R0b219O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
|
4
|
+
size: size => /*#__PURE__*/css("&::before{width:", size, "px;height:", size, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:size;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU3Bpbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIEBrZXlmcmFtZXMgc3Bpbm5lciB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDBkZWcpO1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDM2MGRlZyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGFuaW1hdGlvbjogMS41cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBpbmhlcml0O1xuICAgICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZDBkMTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogOHB4O1xuICAgICAgd2lkdGg6IDhweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTAlO1xuICAgICAgbGVmdDogMTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgfVxuICAgIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbikge1xuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgYW5pbWF0aW9uOiA0cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG5cbiAgc2l6ZTogKHNpemU6IG51bWJlcikgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICB3aWR0aDogJHtzaXplfXB4O1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgLFxuXG4gIG1hcmdpbjogKG1hcmdpbjogc3RyaW5nKSA9PiBjc3NgXG4gICAgbWFyZ2luOiAke21hcmdpbn07XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcblxuICBib3JkZXI6IChcbiAgICB0aGlja25lc3M6IG51bWJlciA9IDMsXG4gICAgb2Zmc2V0Q29sb3I6IHN0cmluZyA9ICcjY2ZkMGQxJyxcbiAgICBib3JkZXJCb3R0b206IHN0cmluZ1xuICApID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyOiAke3RoaWNrbmVzc31weCBzb2xpZCAke29mZnNldENvbG9yfTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Ym9yZGVyQm90dG9tfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
|
5
|
+
margin: margin => /*#__PURE__*/css("margin:", margin, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:margin;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU3Bpbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIEBrZXlmcmFtZXMgc3Bpbm5lciB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDBkZWcpO1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDM2MGRlZyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGFuaW1hdGlvbjogMS41cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBpbmhlcml0O1xuICAgICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZDBkMTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogOHB4O1xuICAgICAgd2lkdGg6IDhweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTAlO1xuICAgICAgbGVmdDogMTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgfVxuICAgIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbikge1xuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgYW5pbWF0aW9uOiA0cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG5cbiAgc2l6ZTogKHNpemU6IG51bWJlcikgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICB3aWR0aDogJHtzaXplfXB4O1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgLFxuXG4gIG1hcmdpbjogKG1hcmdpbjogc3RyaW5nKSA9PiBjc3NgXG4gICAgbWFyZ2luOiAke21hcmdpbn07XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcblxuICBib3JkZXI6IChcbiAgICB0aGlja25lc3M6IG51bWJlciA9IDMsXG4gICAgb2Zmc2V0Q29sb3I6IHN0cmluZyA9ICcjY2ZkMGQxJyxcbiAgICBib3JkZXJCb3R0b206IHN0cmluZ1xuICApID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyOiAke3RoaWNrbmVzc31weCBzb2xpZCAke29mZnNldENvbG9yfTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Ym9yZGVyQm90dG9tfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
|
6
|
+
color: color => /*#__PURE__*/css("&::before{border-bottom-color:", color, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:color;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU3Bpbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIEBrZXlmcmFtZXMgc3Bpbm5lciB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDBkZWcpO1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDM2MGRlZyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGFuaW1hdGlvbjogMS41cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBpbmhlcml0O1xuICAgICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZDBkMTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogOHB4O1xuICAgICAgd2lkdGg6IDhweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTAlO1xuICAgICAgbGVmdDogMTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgfVxuICAgIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbikge1xuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgYW5pbWF0aW9uOiA0cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG5cbiAgc2l6ZTogKHNpemU6IG51bWJlcikgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICB3aWR0aDogJHtzaXplfXB4O1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgLFxuXG4gIG1hcmdpbjogKG1hcmdpbjogc3RyaW5nKSA9PiBjc3NgXG4gICAgbWFyZ2luOiAke21hcmdpbn07XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcblxuICBib3JkZXI6IChcbiAgICB0aGlja25lc3M6IG51bWJlciA9IDMsXG4gICAgb2Zmc2V0Q29sb3I6IHN0cmluZyA9ICcjY2ZkMGQxJyxcbiAgICBib3JkZXJCb3R0b206IHN0cmluZ1xuICApID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyOiAke3RoaWNrbmVzc31weCBzb2xpZCAke29mZnNldENvbG9yfTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Ym9yZGVyQm90dG9tfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
|
7
|
+
border: (thickness = 3, offsetColor = '#cfd0d1', borderBottom) => /*#__PURE__*/css("&::before{border:", thickness, "px solid ", offsetColor, ";border-bottom-color:", borderBottom, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:border;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEVSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TcGlubmVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgQGtleWZyYW1lcyBzcGlubmVyIHtcbiAgICAgIDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMGRlZyk7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMzYwZGVnKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgYW5pbWF0aW9uOiAxLjVzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IGluaGVyaXQ7XG4gICAgICBib3JkZXI6IHNvbGlkIDNweCAjY2ZkMGQxO1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICB3aWR0aDogOHB4O1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAxMCU7XG4gICAgICBsZWZ0OiAxMCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC01MCUsIC01MCUsIDApO1xuICAgICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcbiAgICB9XG4gICAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uKSB7XG4gICAgICAmOjpiZWZvcmUge1xuICAgICAgICBhbmltYXRpb246IDRzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgfVxuICAgIH1cbiAgYCxcblxuICBzaXplOiAoc2l6ZTogbnVtYmVyKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgICB9XG4gIGAsXG5cbiAgbWFyZ2luOiAobWFyZ2luOiBzdHJpbmcpID0+IGNzc2BcbiAgICBtYXJnaW46ICR7bWFyZ2lufTtcbiAgYCxcblxuICBjb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuICBgLFxuXG4gIGJvcmRlcjogKFxuICAgIHRoaWNrbmVzczogbnVtYmVyID0gMyxcbiAgICBvZmZzZXRDb2xvcjogc3RyaW5nID0gJyNjZmQwZDEnLFxuICAgIGJvcmRlckJvdHRvbTogc3RyaW5nXG4gICkgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICBib3JkZXI6ICR7dGhpY2tuZXNzfXB4IHNvbGlkICR7b2Zmc2V0Q29sb3J9O1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtib3JkZXJCb3R0b219O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */")
|
8
8
|
};
|
9
9
|
export default styles;
|
10
10
|
export { styles };
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/TableBody/index.tsx"],"names":[],"mappings":";AAEA,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AACD,QAAA,MAAM,SAAS,iBAAkB,KAAK,gCAErC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const BodyWrapper: import("@emotion/styled").StyledComponent<{
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/TableBody/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,WAAW;;;2HAIvB,CAAA"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
3
|
+
export const BodyWrapper = /*#__PURE__*/_styled("tbody", process.env.NODE_ENV === "production" ? {
|
4
|
+
target: "e1u8g1t20"
|
5
|
+
} : {
|
6
|
+
target: "e1u8g1t20",
|
7
|
+
label: "BodyWrapper"
|
8
|
+
})(process.env.NODE_ENV === "production" ? {
|
9
|
+
name: "ixi98c",
|
10
|
+
styles: "display:flex;flex-direction:column;grid-row-gap:1em"
|
11
|
+
} : {
|
12
|
+
name: "ixi98c",
|
13
|
+
styles: "display:flex;flex-direction:column;grid-row-gap:1em",
|
14
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvVGFibGVCb2R5L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQm94ZWRUYWJsZS9UYWJsZUJvZHkvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBCb2R5V3JhcHBlciA9IHN0eWxlZC50Ym9keWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XG5gXG4iXX0= */",
|
15
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
16
|
+
});
|
@@ -105,7 +105,7 @@ const FileInput = ({
|
|
105
105
|
width: width,
|
106
106
|
type: "button",
|
107
107
|
nostyle: nostyle,
|
108
|
-
"aria-labelledby":
|
108
|
+
"aria-labelledby": id,
|
109
109
|
children: !nostyle ? /*#__PURE__*/_jsxs(ButtonContent, {
|
110
110
|
children: [text, /*#__PURE__*/_jsx(Icon, {
|
111
111
|
rotated: rotateIcon ? 1 : 0,
|
@@ -17,6 +17,8 @@ interface IProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
17
17
|
size?: string;
|
18
18
|
/** Children */
|
19
19
|
children?: React.ReactNode;
|
20
|
+
/** An id. Useful in combination with aria-labelledby. */
|
21
|
+
id?: string;
|
20
22
|
}
|
21
23
|
declare const Header: React.FC<IProps>;
|
22
24
|
export default Header;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Header/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC/D,8BAA8B;IAC9B,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Header/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC/D,8BAA8B;IAC9B,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,0DAA0D;IAC1D,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+B5B,CAAA;AAED,eAAe,MAAM,CAAA"}
|
package/lib/core/Header/index.js
CHANGED
@@ -10,11 +10,13 @@ const Header = ({
|
|
10
10
|
dark,
|
11
11
|
size,
|
12
12
|
children,
|
13
|
-
className
|
13
|
+
className,
|
14
|
+
id
|
14
15
|
}) => {
|
15
16
|
const Tag = `h${level}`;
|
16
17
|
return _jsx(Tag, {
|
17
18
|
css: theme => [styles.default(theme, color, size), level === 1 && styles.h1, level === 2 && styles.h2, level === 3 && styles.h3, level === 4 && styles.h4, level === 5 && styles.h5, primary && styles.setColor(theme.primary), secondary && styles.setColor(theme.secondary), dark && styles.setColor(theme.secondaryDarkText)],
|
19
|
+
id: id,
|
18
20
|
className: className,
|
19
21
|
children: children
|
20
22
|
});
|
@@ -1,40 +1,15 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
export
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
export declare const
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
export declare const
|
13
|
-
|
14
|
-
|
15
|
-
};
|
16
|
-
export declare const ExternalLink: {
|
17
|
-
render: () => import("react").JSX.Element;
|
18
|
-
name: string;
|
19
|
-
};
|
20
|
-
export declare const TargetBlank: {
|
21
|
-
render: () => import("react").JSX.Element;
|
22
|
-
name: string;
|
23
|
-
};
|
24
|
-
export declare const DangerLink: {
|
25
|
-
render: () => import("react").JSX.Element;
|
26
|
-
name: string;
|
27
|
-
};
|
28
|
-
export declare const DisabledLink: {
|
29
|
-
render: () => import("react").JSX.Element;
|
30
|
-
name: string;
|
31
|
-
};
|
32
|
-
export declare const NoPadding: {
|
33
|
-
render: () => import("react").JSX.Element;
|
34
|
-
name: string;
|
35
|
-
};
|
36
|
-
export declare const WordBreak: {
|
37
|
-
render: () => import("react").JSX.Element;
|
38
|
-
name: string;
|
39
|
-
};
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import Link from '.';
|
3
|
+
declare const meta: Meta<typeof Link>;
|
4
|
+
export default meta;
|
5
|
+
declare type Story = StoryObj<typeof Link>;
|
6
|
+
export declare const Default: Story;
|
7
|
+
export declare const ButtonLink: Story;
|
8
|
+
export declare const NoStyle: Story;
|
9
|
+
export declare const ExternalLink: Story;
|
10
|
+
export declare const TargetBlank: Story;
|
11
|
+
export declare const DangerLink: Story;
|
12
|
+
export declare const DisabledLink: Story;
|
13
|
+
export declare const NoPadding: Story;
|
14
|
+
export declare const WordBreak: Story;
|
40
15
|
//# sourceMappingURL=Link.stories.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/Link.stories.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/Link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,IAAI,MAAM,GAAG,CAAA;AAEpB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAGnB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA"}
|
@@ -1,75 +1,77 @@
|
|
1
1
|
import Link from '.';
|
2
|
-
|
3
|
-
export default {
|
2
|
+
const meta = {
|
4
3
|
title: 'Core/Link',
|
5
4
|
component: Link
|
6
5
|
};
|
6
|
+
export default meta;
|
7
7
|
export const Default = {
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
}
|
8
|
+
args: {
|
9
|
+
children: 'Option',
|
10
|
+
href: '#'
|
11
|
+
},
|
12
12
|
name: 'Default'
|
13
13
|
};
|
14
14
|
export const ButtonLink = {
|
15
|
-
|
15
|
+
args: {
|
16
|
+
children: 'Option',
|
16
17
|
onClick: () => console.log('hi'),
|
17
|
-
|
18
|
-
}
|
18
|
+
href: '#'
|
19
|
+
},
|
19
20
|
name: 'Button link'
|
20
21
|
};
|
21
22
|
export const NoStyle = {
|
22
|
-
|
23
|
-
|
23
|
+
args: {
|
24
|
+
children: 'Unstyled link',
|
24
25
|
nostyle: true,
|
25
|
-
|
26
|
-
}
|
26
|
+
href: '#'
|
27
|
+
},
|
27
28
|
name: 'No style'
|
28
29
|
};
|
29
30
|
export const ExternalLink = {
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
}),
|
31
|
+
args: {
|
32
|
+
children: 'External link',
|
33
|
+
href: 'https://www.google.com'
|
34
|
+
},
|
35
35
|
name: 'External link'
|
36
36
|
};
|
37
37
|
export const TargetBlank = {
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
}
|
38
|
+
args: {
|
39
|
+
children: 'Target blank',
|
40
|
+
href: 'https://www.google.com',
|
41
|
+
target: '_blank'
|
42
|
+
},
|
43
43
|
name: 'Target blank'
|
44
44
|
};
|
45
45
|
export const DangerLink = {
|
46
|
-
|
47
|
-
|
46
|
+
args: {
|
47
|
+
children: 'Danger link',
|
48
48
|
danger: true,
|
49
|
-
|
50
|
-
}
|
49
|
+
href: '#'
|
50
|
+
},
|
51
51
|
name: 'Danger link'
|
52
52
|
};
|
53
53
|
export const DisabledLink = {
|
54
|
-
|
55
|
-
|
54
|
+
args: {
|
55
|
+
children: 'Disabled link',
|
56
56
|
disabled: true,
|
57
|
-
|
58
|
-
}
|
57
|
+
href: '#'
|
58
|
+
},
|
59
59
|
name: 'Disabled link'
|
60
60
|
};
|
61
61
|
export const NoPadding = {
|
62
|
-
|
62
|
+
args: {
|
63
|
+
children: 'No padding',
|
63
64
|
nopadding: true,
|
64
|
-
|
65
|
-
}
|
65
|
+
href: '#'
|
66
|
+
},
|
66
67
|
name: 'No padding'
|
67
68
|
};
|
68
69
|
export const WordBreak = {
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
70
|
+
args: {
|
71
|
+
children: 'Word break long title that should break',
|
72
|
+
wordBreak: 'break-word',
|
73
|
+
textAlign: 'left',
|
74
|
+
href: '#'
|
75
|
+
},
|
74
76
|
name: 'Word break'
|
75
77
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAqB,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,yBAAyB,CAAA;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAqB,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,yBAAyB,CAAA;AAgBhC,aAAK,MAAM,GAAG,iBAAiB,GAAG;IAChC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4C1B,CAAA;AAED,eAAe,IAAI,CAAA"}
|
package/lib/core/Link/index.js
CHANGED
@@ -3,6 +3,7 @@ import React from 'react';
|
|
3
3
|
import ButtonOrLink from '../private/ButtonOrLink';
|
4
4
|
import IconExternalLink from '../../icons/General/IconExternalLink';
|
5
5
|
import { IconLinkWrapper, NoStyle, LinkStyle, dangerStyles, noPadding, setAlign, smallText, underlineNone, setWordBreak, setDisabled } from './styles';
|
6
|
+
import { VisuallyHidden } from 'react-aria';
|
6
7
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
7
8
|
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
8
9
|
const Link = props => {
|
@@ -32,7 +33,10 @@ const Link = props => {
|
|
32
33
|
children: children
|
33
34
|
}), _jsx(IconExternalLink, {
|
34
35
|
size: "15px",
|
35
|
-
color: "blue"
|
36
|
+
color: "blue",
|
37
|
+
"aria-hidden": true
|
38
|
+
}), _jsx(VisuallyHidden, {
|
39
|
+
children: "(\xC5pnes i et nytt vindu)"
|
36
40
|
})]
|
37
41
|
}) : children
|
38
42
|
});
|
@@ -1,40 +1,15 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
export
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
export declare const
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
export declare const
|
13
|
-
|
14
|
-
|
15
|
-
};
|
16
|
-
export declare const Pointlist: {
|
17
|
-
render: () => import("react").JSX.Element;
|
18
|
-
name: string;
|
19
|
-
};
|
20
|
-
export declare const Numberedlist: {
|
21
|
-
render: () => import("react").JSX.Element;
|
22
|
-
name: string;
|
23
|
-
};
|
24
|
-
export declare const NumberedlistHighlighted: {
|
25
|
-
render: () => import("react").JSX.Element;
|
26
|
-
name: string;
|
27
|
-
};
|
28
|
-
export declare const Darktheme: {
|
29
|
-
render: () => import("react").JSX.Element;
|
30
|
-
name: string;
|
31
|
-
};
|
32
|
-
export declare const NostyleList: {
|
33
|
-
render: () => import("react").JSX.Element;
|
34
|
-
name: string;
|
35
|
-
};
|
36
|
-
export declare const WithPadding: {
|
37
|
-
render: () => import("react").JSX.Element;
|
38
|
-
name: string;
|
39
|
-
};
|
1
|
+
import List from '.';
|
2
|
+
import { Meta, StoryObj } from '@storybook/react';
|
3
|
+
declare const meta: Meta<typeof List>;
|
4
|
+
export default meta;
|
5
|
+
declare type Story = StoryObj<typeof List>;
|
6
|
+
export declare const Default: Story;
|
7
|
+
export declare const ListWithLinks: Story;
|
8
|
+
export declare const AlternativeListWithLinks: Story;
|
9
|
+
export declare const Pointlist: Story;
|
10
|
+
export declare const Numberedlist: Story;
|
11
|
+
export declare const NumberedlistHighlighted: Story;
|
12
|
+
export declare const Darktheme: Story;
|
13
|
+
export declare const NostyleList: Story;
|
14
|
+
export declare const WithPadding: Story;
|
40
15
|
//# sourceMappingURL=List.stories.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/List.stories.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/List.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,GAAG,CAAA;AAIpB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA0B3B,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KA2BtC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAarC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAA"}
|