@dckj-npm/dc-material 0.1.9 → 0.1.11

package/lib/components/grid-nav/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _gridNav = _interopRequireDefault(require("./grid-nav"));
+var _default = exports["default"] = _gridNav["default"];

package/lib/components/grid-nav/index.scss

@@ -0,0 +1,36 @@
+/* write style here */
+.grid-navigation {
+    padding: 10px;
+    width: 100%;
+    display: grid;
+    gap: 16px; /* 宫格之间的间距 */
+    // grid-template-columns: repeat(60px, minmax(1fr));
+  }
+  
+  .grid-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    text-decoration: none;
+    color: #333;
+    position: relative;
+    img {
+      width: 48px;
+      height: 48px;
+      margin-bottom: 4px;
+    }
+  
+    span {
+      font-size: 14px;
+      // overflow: hidden;
+      // text-overflow: ellipsis;
+      // white-space: nowrap;
+      // max-width: 60px;
+    }
+  
+    &:hover {
+      color: #007bff;
+    }
+  }
+  

package/lib/components/menu-list/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 菜单列表
+ */
+import MenuList from './menu-list';
+export type { MenuListDataProps, MenuListProps } from './types';
+export default MenuList;

package/lib/components/menu-list/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _menuList = _interopRequireDefault(require("./menu-list"));
+/**
+ * 菜单列表
+ */
+var _default = exports["default"] = _menuList["default"];

package/lib/components/menu-list/index.scss

@@ -0,0 +1,16 @@
+@import '../../variables.scss';
+
+.menu-list__panel {
+  border-radius: 10px;
+  background-color: white;
+
+  .menu-list__panel__item-list {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    padding: 1px 22px;
+  }
+
+}
+
+

package/lib/components/menu-list/menu-list-item.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MenuListDataProps } from "./types";
+import "./menu-list-item.scss";
+declare const MenuListItem: React.FC<MenuListDataProps>;
+export default MenuListItem;

package/lib/components/menu-list/menu-list-item.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./menu-list-item.scss");
+var MenuListItem = function MenuListItem(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '菜单名称' : _ref$title,
+    _ref$iconUrl = _ref.iconUrl,
+    iconUrl = _ref$iconUrl === void 0 ? '' : _ref$iconUrl,
+    handleClick = _ref.handleClick;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "menu-list__panel__item",
+    onClick: handleClick
+  }, iconUrl ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "menu-list__panel__item_icon"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    alt: "",
+    src: iconUrl
+  })) : null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "menu-list__panel__item_title"
+  }, title), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "menu-list__panel__item_right"
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    fill: "currentColor",
+    d: "M22 16L12 26l-1.4-1.4l8.6-8.6l-8.6-8.6L12 6z"
+  }))));
+};
+MenuListItem.displayName = 'MenuListItem';
+var _default = exports["default"] = MenuListItem;

package/lib/components/menu-list/menu-list-item.scss

@@ -0,0 +1,49 @@
+@import '../../variables.scss';
+
+.menu-list__panel__item {
+  display: flex;
+  gap: 7px;
+  justify-content: space-between;
+  align-items: center;
+  height: 45px;
+
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+
+  &:last-child {
+    border-bottom: none;
+  }
+
+  .menu-list__panel__item_icon {
+    height: 100%;
+    display: flex;
+    align-items: center;
+
+    & > img {
+      height: 15px;
+    }
+  }
+
+  .menu-list__panel__item_title {
+    font-size: 15px;
+    color: #666666;
+    font-weight: 500;
+    margin-right: auto;
+  }
+
+  .menu-list__panel__item_right {
+    height: 100%;
+    display: flex;
+    align-items: center;
+
+    & > svg {
+      height: 16px;
+      font-size: 12px;
+      color: #666666;
+      font-weight: 500;
+    }
+
+
+  }
+
+
+}

package/lib/components/menu-list/menu-list.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.scss';
+import { MenuListProps } from "./types";
+declare const MenuList: React.FC<MenuListProps>;
+export default MenuList;

package/lib/components/menu-list/menu-list.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+require("./index.scss");
+var _menuListItem = _interopRequireDefault(require("./menu-list-item"));
+var _excluded = ["dataList"];
+var MenuList = function MenuList(_ref) {
+  var dataList = _ref.dataList,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "menu-list__panel"
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "menu-list__panel__item-list"
+  }, dataList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_menuListItem["default"], {
+      key: index,
+      title: item.title,
+      iconUrl: item.iconUrl,
+      handleClick: item.handleClick
+    });
+  })));
+};
+MenuList.displayName = 'MenuList';
+var _default = exports["default"] = MenuList;

package/lib/components/menu-list/types.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 数据
+ */
+export interface MenuListDataProps {
+    /**
+     * 菜单名称
+     */
+    title: string;
+    /**
+     * 菜单图标地址
+     */
+    iconUrl?: string;
+    /**
+     * 点击事件
+     */
+    handleClick?: Function;
+}
+export interface MenuListProps {
+    /**
+     * 数据
+     */
+    dataList?: MenuListDataProps[];
+}

package/lib/components/menu-list/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/components/position/entity.d.ts

@@ -0,0 +1,5 @@
+export interface Location {
+    lat: string;
+    lng: string;
+    address: string;
+}

package/lib/components/position/entity.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/components/position/index.d.ts

@@ -0,0 +1,3 @@
+import Position from './position';
+export type { LocationProps } from './position';
+export default Position;

package/lib/components/position/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _position = _interopRequireDefault(require("./position"));
+var _default = exports["default"] = _position["default"];

package/lib/components/position/index.scss

@@ -0,0 +1,21 @@
+.location {
+  display: flex;
+  cursor: pointer;
+  &-address {
+    margin-right: 7px;
+  }
+}
+.location-list {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: #fff;
+  padding: 10px 15px;
+  z-index: 999;
+  &-item {
+    padding: 10px 0;
+    border-bottom: solid 1px #eee;
+  }
+}

package/lib/components/position/position-left.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import './index.scss';
+import { Location } from "./entity";
+export interface LocationProps {
+    currentLocation: Location;
+    clickHandle: () => void;
+}
+declare const NavigationLeft: React.FC<LocationProps>;
+export default NavigationLeft;

package/lib/components/position/position-left.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _arror = _interopRequireDefault(require("../../assets/icon/position/arror.png"));
+var _excluded = ["currentLocation", "clickHandle"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var NavigationLeft = function navigationLeft(_ref) {
+  var currentLocation = _ref.currentLocation,
+    clickHandle = _ref.clickHandle,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: "location"
+  }, otherProps, {
+    onClick: function onClick() {
+      return clickHandle();
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "location-address"
+  }, currentLocation.address), /*#__PURE__*/React.createElement("div", {
+    className: "location-icon"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: _arror["default"],
+    width: "10",
+    height: "5",
+    alt: "icon"
+  }))));
+};
+var _default = exports["default"] = NavigationLeft;

package/lib/components/position/position-list.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import './index.scss';
+import { Location } from "./position";
+interface LocationProps {
+    itemArray: Location[];
+    currentLocation: Location;
+    open: boolean;
+    setIsOpen: () => void;
+    setCurrent: (data: Location) => void;
+}
+declare const ContentList: React.FC<LocationProps>;
+export default ContentList;

package/lib/components/position/position-list.js

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+require("./index.scss");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var ContentList = function navigationList(_ref) {
+  var open = _ref.open,
+    itemArray = _ref.itemArray,
+    currentLocation = _ref.currentLocation,
+    setIsOpen = _ref.setIsOpen,
+    setCurrent = _ref.setCurrent;
+  var changeHandle = function changeHandle(position) {
+    console.log('changeHandle', position);
+    // 设置当前选中位置
+    setCurrent(position);
+    // 关闭位置列表
+    setIsOpen();
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "location-list",
+    style: {
+      display: open ? 'block' : 'none'
+    }
+  }, itemArray.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: function onClick() {
+        return changeHandle(item);
+      },
+      className: "location-list-item"
+    }, item.address);
+  }));
+};
+var _default = exports["default"] = ContentList;

package/lib/components/position/position.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Location } from "./entity";
+export interface LocationProps {
+    itemArray: Location[];
+    defaultLocation: Location;
+}
+declare const Navigation: React.FC<LocationProps>;
+export default Navigation;

package/lib/components/position/position.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _positionList = _interopRequireDefault(require("./position-list"));
+var _positionLeft = _interopRequireDefault(require("./position-left"));
+var _excluded = ["itemArray", "defaultLocation", "__designMode"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Navigation = function bottomNavigation(_ref) {
+  var itemArray = _ref.itemArray,
+    defaultLocation = _ref.defaultLocation,
+    __designMode = _ref.__designMode,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _React$useState = React.useState(),
+    current = _React$useState[0],
+    _setCurrent = _React$useState[1];
+  var _React$useState2 = React.useState(false),
+    isOpen = _React$useState2[0],
+    setIsOpen = _React$useState2[1];
+  var openList = function openList() {
+    if (__designMode == 'design') {
+      // 设计态不打开列表
+      return;
+    }
+    setIsOpen(!isOpen);
+    console.log('isopen', isOpen);
+  };
+  React.useEffect(function () {
+    if (defaultLocation) {
+      _setCurrent(defaultLocation);
+    }
+  });
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_positionLeft["default"], (0, _extends2["default"])({
+    currentLocation: current
+  }, otherProps, {
+    clickHandle: function clickHandle() {
+      return openList();
+    }
+  })), /*#__PURE__*/React.createElement(_positionList["default"], {
+    open: isOpen,
+    currentLocation: current,
+    itemArray: itemArray,
+    setIsOpen: openList,
+    setCurrent: function setCurrent(value) {
+      return _setCurrent(value);
+    }
+  }));
+};
+var _default = exports["default"] = Navigation;

package/lib/components/search-bar/index.d.ts

@@ -0,0 +1,3 @@
+import SearchBar from "./search-bar";
+export type { SearchBarProps } from './search-bar';
+export default SearchBar;

package/lib/components/search-bar/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _searchBar = _interopRequireDefault(require("./search-bar"));
+var _default = exports["default"] = _searchBar["default"];

package/lib/components/search-bar/index.scss

@@ -0,0 +1,3 @@
+.search-bar-box {
+    width:fit-content;
+}

package/lib/components/search-bar/search-bar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface SearchBarProps {
+    defaultValue: string;
+    onSearch: () => void;
+}
+declare const SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<any>>;
+export default SearchBar;

package/lib/components/search-bar/search-bar.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _search = _interopRequireDefault(require("@alifd/next/lib/search"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var ExampleComponent = function ExampleComponent(props, ref) {
+  var defaultValue = props.defaultValue,
+    onSearch = props.onSearch;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: "search-bar-box",
+    onClick: function onClick() {
+      onSearch();
+    }
+  }, /*#__PURE__*/React.createElement(_search["default"], {
+    size: "medium",
+    shape: "simple",
+    placeholder: defaultValue
+  }));
+};
+var SearchBar = /*#__PURE__*/(0, _react.forwardRef)(ExampleComponent);
+SearchBar.displayName = 'SearchBar';
+var _default = exports["default"] = SearchBar;

package/lib/components/tag/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 标签tag
+ */
+import Tag from './tag';
+export type { TagProps } from './tag';
+export default Tag;

package/lib/components/tag/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _tag = _interopRequireDefault(require("./tag"));
+/**
+ * 标签tag
+ */
+var _default = exports["default"] = _tag["default"];

package/lib/components/tag/index.scss

@@ -0,0 +1,17 @@
+.tags__container {
+  padding: 2px 6px;
+  border-radius: 4px;
+  background-color: black;
+  color: white;
+  font-size: 11px;
+
+}
+.orange {
+  color: #F1770E;
+  background-color: rgba(241, 119, 14, 0.1);
+}
+
+.blue {
+  color: #2972DD;
+  background-color: rgba(41, 114, 221, 0.1);
+}

package/lib/components/tag/tag.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import './index.scss';
+export interface TagProps {
+    /**
+     * 标签名称
+     */
+    name: string;
+    /**
+     * 标签颜色
+     */
+    color: string;
+}
+declare const Tag: React.FC<TagProps>;
+export default Tag;

package/lib/components/tag/tag.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _excluded = ["name", "color"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Tag = function Tag(_ref) {
+  var name = _ref.name,
+    color = _ref.color,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
+    className: "tags__container " + (color ? color : '')
+  }, otherProps), name);
+};
+var _default = exports["default"] = Tag;

package/lib/components/teletext-list/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 图文列表
+ */
+import TeletextList from './teletext-list';
+export type { TeletextListProps } from './teletext-list';
+export default TeletextList;

package/lib/components/teletext-list/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _teletextList = _interopRequireDefault(require("./teletext-list"));
+/**
+ * 图文列表
+ */
+var _default = exports["default"] = _teletextList["default"];

package/lib/components/teletext-list/index.scss

@@ -0,0 +1,16 @@
+@import '../../variables.scss';
+
+.teletext-list__panel {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+
+  .teletext-list__panel__item-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+}
+
+