pds-dev-kit-web-test 0.0.1

package/.vscode/settings.json

@@ -0,0 +1,50 @@
+{
+  "editor.minimap.enabled": false,
+  "javascript.validate.enable": false,
+  "javascript.format.enable": false,
+  "typescript.format.enable": false,
+  "editor.formatOnSave": false,
+  "stylelint.syntax": "css-in-js",
+  "[javascript]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.stylelint": true
+    }
+  },
+  "[typescript]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.stylelint": true,
+      "source.fixAll.eslint": true
+    }
+  },
+  "[typescriptreact]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.stylelint": true,
+      "source.fixAll.eslint": true
+    }
+  },
+  "[css]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.stylelint": true
+    }
+  },
+  "[json]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[jsonc]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "files.associations": {
+    "*.stylelintrc": "jsonc"
+  },
+  "cSpell.words": ["singleline"]
+}

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021.cyclops co., ltd. all rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+publ design system test package

package/bitbucket-pipelines.yml

@@ -0,0 +1,114 @@
+#  Template React Deploy
+
+#  This template allows you to deploy your React app to an AWS S3 bucket and invalidate the old AWS Cloudfront distribution.
+#  The workflow allows running tests, code linting and security scans on feature branches (as well as master).
+#  The react app will be validated, deployed to S3 and trigger an AWS Cloudfront distribution invalidation to refresh the CDN caches after the code is merged to master.
+
+# Prerequisites: $AWS_ACCESS_KEY_ID, $AWS_SECRET_ACCESS_KEY setup in the Deployment variables.
+# For advanced cases, please, follow examples from the pipe's:
+# README https://bitbucket.org/atlassian/aws-s3-deploy/src/master/README.md
+# README https://bitbucket.org/atlassian/aws-cloudfront-invalidate/src/master/README.md
+
+image: node:10.15.3
+
+# Workflow Configuration
+
+options:
+  size: 2x
+
+definitions:
+  services:
+    docker:
+      memory: 7128
+
+pipelines:
+  pull-requests:
+    '**':
+      - step:
+          script:
+          - npm install
+          - npm run build:storybook
+          - if [ "${BITBUCKET_PR_DESTINATION_BRANCH}" != "staging" ]; then printf 'not a target branch we want to check'; exit; fi
+          - printf 'running storybook'
+          - npm run chromatic
+  tags:
+    version-*:
+      - step:
+          name: Deploy to Production
+          deployment: Production
+          caches:
+            - node
+          script:
+            - npm install
+            - npm run build:storybook
+            # sync your files to S3
+            - pipe: atlassian/aws-s3-deploy:0.4.4
+              variables:
+                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
+                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
+                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
+                S3_BUCKET: 'proto2.publishingkit.net'
+                LOCAL_PATH: 'storybook-static'
+                EXTRA_ARGS: '--delete'
+            # triggering a distribution invalidation to refresh the CDN caches
+            - pipe: atlassian/aws-cloudfront-invalidate:0.1.1
+              variables:
+                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
+                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
+                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
+                DISTRIBUTION_ID: $DISTRIBUTION_ID
+
+  branches:
+    staging:
+      - step:
+          name: Deploy to Staging
+          deployment: Staging
+          caches:
+            - node
+          script:
+            - npm install
+            - npm run build:storybook
+            # sync your files to S3
+            - pipe: atlassian/aws-s3-deploy:0.4.4
+              variables:
+                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
+                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
+                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
+                S3_BUCKET: $S3_BUCKET_STAGING
+                LOCAL_PATH: 'storybook-static'
+                EXTRA_ARGS: '--delete'
+            # triggering a distribution invalidation to refresh the CDN caches
+            - pipe: atlassian/aws-cloudfront-invalidate:0.1.1
+              variables:
+                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
+                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
+                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
+                DISTRIBUTION_ID: $DISTRIBUTION_ID_STAGING
+    master:
+      - step:
+          name: Deploy to Production
+          deployment: Production
+          caches:
+            - node
+          script:
+            - npm install
+            - npm run build:storybook
+            # sync your files to S3
+            - pipe: atlassian/aws-s3-deploy:0.4.4
+              variables:
+                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
+                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
+                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
+                S3_BUCKET: $S3_BUCKET_PROD
+                LOCAL_PATH: 'storybook-static'
+                EXTRA_ARGS: '--delete'
+            # triggering a distribution invalidation to refresh the CDN caches
+            - pipe: atlassian/aws-cloudfront-invalidate:0.1.1
+              variables:
+                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
+                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
+                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
+                DISTRIBUTION_ID: $DISTRIBUTION_ID_PROD
+definitions:
+  caches:
+    node: src/node_modules

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType } from './src/common';
+export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, PDSIconType, ForwardedRefType };
+export { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors, customTheme };
+export { theme };
+export { Form };
+import { Divider, Icon, ImageView, Spacing, Switch } from './src/hybrid';
+export { Divider, Icon, ImageView, Spacing, Switch };
+import { LayoutWF, WFContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_Card, D_CardList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopBasicModal, D_DesktopHeaderBar, D_DesktopHeadlessModal, D_DesktopTabBar, D_Dropdown, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_Select, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_DynamicDesktopNavBar } from './src/desktop';
+export { LayoutWF, WFContainersBox };
+export { LayoutWS, WSGlobalMenuContainer, WSContainersBox };
+export { LayoutWT, WTGlobalMenuContainer, WTContainersBox };
+export { D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_Card, D_CardList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopBasicModal, D_DesktopHeaderBar, D_DesktopHeadlessModal, D_DesktopTabBar, D_Dropdown, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_Select, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_DynamicDesktopNavBar };
+import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_Card, M_CardList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_Dropdown, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_MainButton, M_MobileAlertDialog, M_MobileBasicModal, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_Select, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton } from './src/mobile';
+export { LayoutMF, MFContainersBox };
+export { LayoutMM, MMNavigationContainer, MMContainersBox };
+export { LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox };
+export { LayoutMS, MSNavigationContainer, MSContainersBox };
+export { M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_Card, M_CardList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_Dropdown, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_MainButton, M_MobileAlertDialog, M_MobileBasicModal, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_Select, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton };

package/dist/index.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeadlessModal = exports.D_DesktopHeaderBar = exports.D_DesktopBasicModal = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_CardList = exports.D_Card = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WFContainersBox = exports.LayoutWF = exports.Switch = exports.Spacing = exports.ImageView = exports.Icon = exports.Divider = exports.Form = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
+exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileBasicModal = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_Dropdown = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_CardList = exports.M_Card = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_DynamicDesktopNavBar = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_TextLabel = exports.D_TextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_Select = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_ImageSlide = void 0;
+exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Select = void 0;
+/* eslint-disable import/order */
+/* eslint-disable import/first */
+// common
+var common_1 = require("./src/common");
+Object.defineProperty(exports, "fontWeight", { enumerable: true, get: function () { return common_1.fontWeight; } });
+Object.defineProperty(exports, "desktopFontSize", { enumerable: true, get: function () { return common_1.desktopFontSize; } });
+Object.defineProperty(exports, "desktopLineHeight", { enumerable: true, get: function () { return common_1.desktopLineHeight; } });
+Object.defineProperty(exports, "mobileFontSize", { enumerable: true, get: function () { return common_1.mobileFontSize; } });
+Object.defineProperty(exports, "mobileLineHeight", { enumerable: true, get: function () { return common_1.mobileLineHeight; } });
+Object.defineProperty(exports, "boxShadow", { enumerable: true, get: function () { return common_1.boxShadow; } });
+Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return common_1.spacing; } });
+Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return common_1.uiColors; } });
+Object.defineProperty(exports, "customTheme", { enumerable: true, get: function () { return common_1.customTheme; } });
+Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return common_1.theme; } });
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return common_1.Form; } });
+// hybrid
+var hybrid_1 = require("./src/hybrid");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return hybrid_1.Divider; } });
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return hybrid_1.Icon; } });
+Object.defineProperty(exports, "ImageView", { enumerable: true, get: function () { return hybrid_1.ImageView; } });
+Object.defineProperty(exports, "Spacing", { enumerable: true, get: function () { return hybrid_1.Spacing; } });
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return hybrid_1.Switch; } });
+// desktop
+var desktop_1 = require("./src/desktop");
+Object.defineProperty(exports, "LayoutWF", { enumerable: true, get: function () { return desktop_1.LayoutWF; } });
+Object.defineProperty(exports, "WFContainersBox", { enumerable: true, get: function () { return desktop_1.WFContainersBox; } });
+Object.defineProperty(exports, "LayoutWS", { enumerable: true, get: function () { return desktop_1.LayoutWS; } });
+Object.defineProperty(exports, "WSGlobalMenuContainer", { enumerable: true, get: function () { return desktop_1.WSGlobalMenuContainer; } });
+Object.defineProperty(exports, "WSContainersBox", { enumerable: true, get: function () { return desktop_1.WSContainersBox; } });
+Object.defineProperty(exports, "LayoutWT", { enumerable: true, get: function () { return desktop_1.LayoutWT; } });
+Object.defineProperty(exports, "WTGlobalMenuContainer", { enumerable: true, get: function () { return desktop_1.WTGlobalMenuContainer; } });
+Object.defineProperty(exports, "WTContainersBox", { enumerable: true, get: function () { return desktop_1.WTContainersBox; } });
+Object.defineProperty(exports, "D_AdminList", { enumerable: true, get: function () { return desktop_1.D_AdminList; } });
+Object.defineProperty(exports, "D_AdminListHeader", { enumerable: true, get: function () { return desktop_1.D_AdminListHeader; } });
+Object.defineProperty(exports, "D_AdminListItem", { enumerable: true, get: function () { return desktop_1.D_AdminListItem; } });
+Object.defineProperty(exports, "D_BasicFormGroup", { enumerable: true, get: function () { return desktop_1.D_BasicFormGroup; } });
+Object.defineProperty(exports, "D_BasicList", { enumerable: true, get: function () { return desktop_1.D_BasicList; } });
+Object.defineProperty(exports, "D_BasicListItem", { enumerable: true, get: function () { return desktop_1.D_BasicListItem; } });
+Object.defineProperty(exports, "D_BlogTextField", { enumerable: true, get: function () { return desktop_1.D_BlogTextField; } });
+Object.defineProperty(exports, "D_BodyTextGroup", { enumerable: true, get: function () { return desktop_1.D_BodyTextGroup; } });
+Object.defineProperty(exports, "D_Card", { enumerable: true, get: function () { return desktop_1.D_Card; } });
+Object.defineProperty(exports, "D_CardList", { enumerable: true, get: function () { return desktop_1.D_CardList; } });
+Object.defineProperty(exports, "D_Checkbox", { enumerable: true, get: function () { return desktop_1.D_Checkbox; } });
+Object.defineProperty(exports, "D_Chip", { enumerable: true, get: function () { return desktop_1.D_Chip; } });
+Object.defineProperty(exports, "D_ContextMenu", { enumerable: true, get: function () { return desktop_1.D_ContextMenu; } });
+Object.defineProperty(exports, "D_ContextMenuItem", { enumerable: true, get: function () { return desktop_1.D_ContextMenuItem; } });
+Object.defineProperty(exports, "D_DesktopAlertDialog", { enumerable: true, get: function () { return desktop_1.D_DesktopAlertDialog; } });
+Object.defineProperty(exports, "D_DesktopBasicModal", { enumerable: true, get: function () { return desktop_1.D_DesktopBasicModal; } });
+Object.defineProperty(exports, "D_DesktopHeaderBar", { enumerable: true, get: function () { return desktop_1.D_DesktopHeaderBar; } });
+Object.defineProperty(exports, "D_DesktopHeadlessModal", { enumerable: true, get: function () { return desktop_1.D_DesktopHeadlessModal; } });
+Object.defineProperty(exports, "D_DesktopTabBar", { enumerable: true, get: function () { return desktop_1.D_DesktopTabBar; } });
+Object.defineProperty(exports, "D_Dropdown", { enumerable: true, get: function () { return desktop_1.D_Dropdown; } });
+Object.defineProperty(exports, "D_EditApplyTextField", { enumerable: true, get: function () { return desktop_1.D_EditApplyTextField; } });
+Object.defineProperty(exports, "D_FilterBar", { enumerable: true, get: function () { return desktop_1.D_FilterBar; } });
+Object.defineProperty(exports, "D_FloatingActionButton", { enumerable: true, get: function () { return desktop_1.D_FloatingActionButton; } });
+Object.defineProperty(exports, "D_Hero", { enumerable: true, get: function () { return desktop_1.D_Hero; } });
+Object.defineProperty(exports, "D_HorizontalFormGroup", { enumerable: true, get: function () { return desktop_1.D_HorizontalFormGroup; } });
+Object.defineProperty(exports, "D_IconButton", { enumerable: true, get: function () { return desktop_1.D_IconButton; } });
+Object.defineProperty(exports, "D_ImageSlide", { enumerable: true, get: function () { return desktop_1.D_ImageSlide; } });
+Object.defineProperty(exports, "D_MainButton", { enumerable: true, get: function () { return desktop_1.D_MainButton; } });
+Object.defineProperty(exports, "D_PageTitleTextGroup", { enumerable: true, get: function () { return desktop_1.D_PageTitleTextGroup; } });
+Object.defineProperty(exports, "D_Radio", { enumerable: true, get: function () { return desktop_1.D_Radio; } });
+Object.defineProperty(exports, "D_ReactionButton", { enumerable: true, get: function () { return desktop_1.D_ReactionButton; } });
+Object.defineProperty(exports, "D_Select", { enumerable: true, get: function () { return desktop_1.D_Select; } });
+Object.defineProperty(exports, "D_StatusBlock", { enumerable: true, get: function () { return desktop_1.D_StatusBlock; } });
+Object.defineProperty(exports, "D_TextButton", { enumerable: true, get: function () { return desktop_1.D_TextButton; } });
+Object.defineProperty(exports, "D_TextField", { enumerable: true, get: function () { return desktop_1.D_TextField; } });
+Object.defineProperty(exports, "D_TextLabel", { enumerable: true, get: function () { return desktop_1.D_TextLabel; } });
+Object.defineProperty(exports, "D_UploadIconButton", { enumerable: true, get: function () { return desktop_1.D_UploadIconButton; } });
+Object.defineProperty(exports, "D_UploadMainButton", { enumerable: true, get: function () { return desktop_1.D_UploadMainButton; } });
+Object.defineProperty(exports, "D_UploadTextButton", { enumerable: true, get: function () { return desktop_1.D_UploadTextButton; } });
+Object.defineProperty(exports, "D_UserDesktopNavBar", { enumerable: true, get: function () { return desktop_1.D_UserDesktopNavBar; } });
+Object.defineProperty(exports, "D_UserDesktopTabBar", { enumerable: true, get: function () { return desktop_1.D_UserDesktopTabBar; } });
+Object.defineProperty(exports, "D_DynamicDesktopNavBar", { enumerable: true, get: function () { return desktop_1.D_DynamicDesktopNavBar; } });
+// mobile
+var mobile_1 = require("./src/mobile");
+Object.defineProperty(exports, "LayoutMF", { enumerable: true, get: function () { return mobile_1.LayoutMF; } });
+Object.defineProperty(exports, "MFContainersBox", { enumerable: true, get: function () { return mobile_1.MFContainersBox; } });
+Object.defineProperty(exports, "LayoutMM", { enumerable: true, get: function () { return mobile_1.LayoutMM; } });
+Object.defineProperty(exports, "MMNavigationContainer", { enumerable: true, get: function () { return mobile_1.MMNavigationContainer; } });
+Object.defineProperty(exports, "MMContainersBox", { enumerable: true, get: function () { return mobile_1.MMContainersBox; } });
+Object.defineProperty(exports, "LayoutMP", { enumerable: true, get: function () { return mobile_1.LayoutMP; } });
+Object.defineProperty(exports, "MPNavigationContainer", { enumerable: true, get: function () { return mobile_1.MPNavigationContainer; } });
+Object.defineProperty(exports, "MPTabContainer", { enumerable: true, get: function () { return mobile_1.MPTabContainer; } });
+Object.defineProperty(exports, "MPContainersBox", { enumerable: true, get: function () { return mobile_1.MPContainersBox; } });
+Object.defineProperty(exports, "LayoutMS", { enumerable: true, get: function () { return mobile_1.LayoutMS; } });
+Object.defineProperty(exports, "MSNavigationContainer", { enumerable: true, get: function () { return mobile_1.MSNavigationContainer; } });
+Object.defineProperty(exports, "MSContainersBox", { enumerable: true, get: function () { return mobile_1.MSContainersBox; } });
+Object.defineProperty(exports, "M_BasicFormGroup", { enumerable: true, get: function () { return mobile_1.M_BasicFormGroup; } });
+Object.defineProperty(exports, "M_BasicList", { enumerable: true, get: function () { return mobile_1.M_BasicList; } });
+Object.defineProperty(exports, "M_BasicListItem", { enumerable: true, get: function () { return mobile_1.M_BasicListItem; } });
+Object.defineProperty(exports, "M_BlogTextField", { enumerable: true, get: function () { return mobile_1.M_BlogTextField; } });
+Object.defineProperty(exports, "M_BodyTextGroup", { enumerable: true, get: function () { return mobile_1.M_BodyTextGroup; } });
+Object.defineProperty(exports, "M_Card", { enumerable: true, get: function () { return mobile_1.M_Card; } });
+Object.defineProperty(exports, "M_CardList", { enumerable: true, get: function () { return mobile_1.M_CardList; } });
+Object.defineProperty(exports, "M_Checkbox", { enumerable: true, get: function () { return mobile_1.M_Checkbox; } });
+Object.defineProperty(exports, "M_Chip", { enumerable: true, get: function () { return mobile_1.M_Chip; } });
+Object.defineProperty(exports, "M_ContextMenu", { enumerable: true, get: function () { return mobile_1.M_ContextMenu; } });
+Object.defineProperty(exports, "M_ContextMenuItem", { enumerable: true, get: function () { return mobile_1.M_ContextMenuItem; } });
+Object.defineProperty(exports, "M_Dropdown", { enumerable: true, get: function () { return mobile_1.M_Dropdown; } });
+Object.defineProperty(exports, "M_HorizontalFormGroup", { enumerable: true, get: function () { return mobile_1.M_HorizontalFormGroup; } });
+Object.defineProperty(exports, "M_IconButton", { enumerable: true, get: function () { return mobile_1.M_IconButton; } });
+Object.defineProperty(exports, "M_ImageSlide", { enumerable: true, get: function () { return mobile_1.M_ImageSlide; } });
+Object.defineProperty(exports, "M_MainButton", { enumerable: true, get: function () { return mobile_1.M_MainButton; } });
+Object.defineProperty(exports, "M_MobileAlertDialog", { enumerable: true, get: function () { return mobile_1.M_MobileAlertDialog; } });
+Object.defineProperty(exports, "M_MobileBasicModal", { enumerable: true, get: function () { return mobile_1.M_MobileBasicModal; } });
+Object.defineProperty(exports, "M_MobileHeaderBar", { enumerable: true, get: function () { return mobile_1.M_MobileHeaderBar; } });
+Object.defineProperty(exports, "M_MobileTabBar", { enumerable: true, get: function () { return mobile_1.M_MobileTabBar; } });
+Object.defineProperty(exports, "M_Radio", { enumerable: true, get: function () { return mobile_1.M_Radio; } });
+Object.defineProperty(exports, "M_ReactionButton", { enumerable: true, get: function () { return mobile_1.M_ReactionButton; } });
+Object.defineProperty(exports, "M_Select", { enumerable: true, get: function () { return mobile_1.M_Select; } });
+Object.defineProperty(exports, "M_StatusBlock", { enumerable: true, get: function () { return mobile_1.M_StatusBlock; } });
+Object.defineProperty(exports, "M_TextButton", { enumerable: true, get: function () { return mobile_1.M_TextButton; } });
+Object.defineProperty(exports, "M_TextField", { enumerable: true, get: function () { return mobile_1.M_TextField; } });
+Object.defineProperty(exports, "M_TextLabel", { enumerable: true, get: function () { return mobile_1.M_TextLabel; } });
+Object.defineProperty(exports, "M_UploadIconButton", { enumerable: true, get: function () { return mobile_1.M_UploadIconButton; } });
+Object.defineProperty(exports, "M_UploadMainButton", { enumerable: true, get: function () { return mobile_1.M_UploadMainButton; } });
+Object.defineProperty(exports, "M_UploadTextButton", { enumerable: true, get: function () { return mobile_1.M_UploadTextButton; } });

package/dist/src/GlobalStyle.d.ts

@@ -0,0 +1,2 @@
+declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export default GlobalStyle;

package/dist/src/GlobalStyle.js

@@ -0,0 +1,10 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("styled-components");
+var GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  html {\n    height: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    width: 100%;\n  }\n\n  body {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    height: 100%;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n    width: 100%;\n  }\n\n  body::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  #root {\n    height: 100%;\n    width: 100%;\n  }\n\n  div, span, textarea, ul {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n\n  div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n  }\n\n  a,\n  [type='checkbox'],\n  [type='radio'] {\n    color: inherit;\n    -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n    text-decoration: none;\n  }\n\n  code {\n    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n  }\n\n  button {\n    cursor: pointer;\n    font-family: inherit;\n    outline: none;\n  }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 1000px white inset !important;\n  box-shadow: 0 0 0 1000px white inset !important;\n}\n"], ["\n  html {\n    height: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    width: 100%;\n  }\n\n  body {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    height: 100%;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n    width: 100%;\n  }\n\n  body::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  #root {\n    height: 100%;\n    width: 100%;\n  }\n\n  div, span, textarea, ul {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n\n  div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n  }\n\n  a,\n  [type='checkbox'],\n  [type='radio'] {\n    color: inherit;\n    -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n    text-decoration: none;\n  }\n\n  code {\n    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n  }\n\n  button {\n    cursor: pointer;\n    font-family: inherit;\n    outline: none;\n  }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 1000px white inset !important;\n  box-shadow: 0 0 0 1000px white inset !important;\n}\n"])));
+exports.default = GlobalStyle;
+var templateObject_1;

package/dist/src/common/assets/icons/IconType.d.ts

@@ -0,0 +1,5 @@
+declare type IconType = {
+    color: string;
+    size: number;
+} & Record<string, any>;
+export default IconType;

package/dist/src/common/assets/icons/IconType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/common/assets/icons/fill/Bell.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const Bell: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Bell;

package/dist/src/common/assets/icons/fill/Bell.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Bell = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M14.5567,19.8493 C14.5567,21.2613 13.4117,22.4063 11.9997,22.4063 C10.5877,22.4063 9.4427,21.2613 9.4427,19.8493 L9.4427,19.8493 Z M11.9996,1.9861 C13.0956,1.9861 13.9826,2.8381 14.0596,3.9141 C17.1476,4.8351 18.9776,7.7771 18.9776,10.7231 L18.9776,10.7231 L18.9776,15.7421 C18.9776,15.7601 18.9846,15.7771 18.9976,15.7891 L18.9976,15.7891 L19.9836,16.7671 C20.9176,17.6921 20.2316,19.2361 18.8866,19.2361 L18.8866,19.2361 L5.1126,19.2361 C3.7686,19.2361 3.0826,17.6921 4.0156,16.7671 L4.0156,16.7671 L5.0026,15.7891 C5.0146,15.7771 5.0226,15.7601 5.0226,15.7421 L5.0226,15.7421 L5.0226,10.7231 C5.0226,7.7481 6.7096,4.7811 9.9416,3.8901 C10.0306,2.8251 10.9126,1.9861 11.9996,1.9861 Z" })));
+};
+exports.default = Bell;

package/dist/src/common/assets/icons/fill/Call.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const Call: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Call;

package/dist/src/common/assets/icons/fill/Call.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Call = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M8.0275,8.4492 L9.0875,7.3892 C9.8055,6.6712 9.8055,5.5072 9.0875,4.7892 L6.7535,2.4552 C6.0355,1.7372 4.8715,1.7372 4.1535,2.4552 L3.3975,3.2112 L3.0995,3.5092 L2.8655,3.7432 C1.9515,4.6572 1.7955,5.9312 2.0045,7.1402 C2.3625,9.2172 3.7245,12.6202 7.5495,16.4452 C11.3735,20.2692 14.6135,21.5532 16.8545,21.9902 C18.0575,22.2252 19.3385,22.0422 20.2515,21.1292 L20.4855,20.8952 L20.7835,20.5972 L21.5395,19.8412 C22.2575,19.1232 22.2575,17.9592 21.5395,17.2412 L19.2055,14.9072 C18.4875,14.1892 17.3235,14.1892 16.6055,14.9072 L15.5455,15.9672 C15.3185,16.1942 14.9565,16.2152 14.7095,16.0112 C13.4785,14.9972 12.2355,13.9052 11.1625,12.8322 C10.0895,11.7592 8.9975,10.5152 7.9835,9.2852 C7.7795,9.0372 7.8005,8.6762 8.0275,8.4492" })));
+};
+exports.default = Call;

package/dist/src/common/assets/icons/fill/CallEnd.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const CallEnd: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default CallEnd;

package/dist/src/common/assets/icons/fill/CallEnd.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var CallEnd = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M17.1891,13.2957 L17.1891,14.7587 C17.1891,15.7497 17.9921,16.5537 18.9831,16.5537 L22.2061,16.5537 C23.1961,16.5537 24.0001,15.7497 24.0001,14.7587 L24.0001,13.7147 L24.0001,13.3037 L24.0001,12.9807 C24.0001,11.7197 23.2281,10.7317 22.2501,10.0417 C20.5691,8.8557 17.2791,7.4467 12.0001,7.4467 C6.7201,7.4467 3.5991,8.7967 1.7501,10.0417 C0.7571,10.7107 0.0001,11.7197 0.0001,12.9807 L0.0001,13.3037 L0.0001,13.7147 L0.0001,14.7587 C0.0001,15.7497 0.8031,16.5537 1.7941,16.5537 L5.0171,16.5537 C6.0081,16.5537 6.8111,15.7497 6.8111,14.7587 L6.8111,13.2957 C6.8111,12.9827 7.0461,12.7177 7.3581,12.6877 C8.9071,12.5387 10.5191,12.4337 12.0001,12.4337 C13.4811,12.4337 15.0931,12.5387 16.6421,12.6877 C16.9541,12.7177 17.1891,12.9827 17.1891,13.2957" })));
+};
+exports.default = CallEnd;

package/dist/src/common/assets/icons/fill/Camera.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const Camera: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Camera;

package/dist/src/common/assets/icons/fill/Camera.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Camera = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M12.69855,17.0217 C9.71205,17.4792 7.17555,14.9442 7.63305,11.9562 C7.91805,10.0947 9.43905,8.5737 11.30055,8.2872 C14.28855,7.8297 16.82505,10.3662 16.36755,13.3542 C16.08105,15.2157 14.56005,16.7367 12.69855,17.0217 M15.83355,3.5127 C16.26105,3.5127 16.64655,3.7692 16.81155,4.1622 L16.81155,4.1622 L17.65905,6.1812 L20.07855,6.1812 C21.18405,6.1812 22.07805,7.0782 22.07805,8.1822 L22.07805,8.1822 L22.07805,18.4872 C22.07805,19.5927 21.18405,20.4882 20.07855,20.4882 L20.07855,20.4882 L3.92055,20.4882 C2.81655,20.4882 1.92105,19.5927 1.92105,18.4872 L1.92105,18.4872 L1.92105,8.1822 C1.92105,7.0782 2.81655,6.1812 3.92055,6.1812 L3.92055,6.1812 L6.34155,6.1812 L7.18905,4.1622 C7.35405,3.7692 7.73955,3.5127 8.16705,3.5127 L8.16705,3.5127 Z M19.75,9 L18.5,9 C18.2238576,9 18,9.22385763 18,9.5 L18,9.5 L18,10 C18,10.2761424 18.2238576,10.5 18.5,10.5 L18.5,10.5 L19.75,10.5 C20.0261424,10.5 20.25,10.2761424 20.25,10 L20.25,10 L20.25,9.5 C20.25,9.22385763 20.0261424,9 19.75,9 L19.75,9 Z" })));
+};
+exports.default = Camera;

package/dist/src/common/assets/icons/fill/Chat.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const Chat: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Chat;

package/dist/src/common/assets/icons/fill/Chat.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Chat = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M16.28515,11.3922 C15.63115,11.3922 15.10065,10.8622 15.10065,10.2082 C15.10065,9.5542 15.63115,9.0237 16.28515,9.0237 C16.93915,9.0237 17.46915,9.5542 17.46915,10.2082 C17.46915,10.8622 16.93915,11.3922 16.28515,11.3922 M12.00015,11.3922 C11.34615,11.3922 10.81615,10.8622 10.81615,10.2082 C10.81615,9.5542 11.34615,9.0237 12.00015,9.0237 C12.65415,9.0237 13.18415,9.5542 13.18415,10.2082 C13.18415,10.8622 12.65415,11.3922 12.00015,11.3922 M7.71515,11.3922 C7.06115,11.3922 6.53065,10.8622 6.53065,10.2082 C6.53065,9.5542 7.06115,9.0237 7.71515,9.0237 C8.36915,9.0237 8.89915,9.5542 8.89915,10.2082 C8.89915,10.8622 8.36915,11.3922 7.71515,11.3922 M18.16615,2.5632 L5.83415,2.5632 C3.90065,2.5632 2.33415,4.1302 2.33415,6.0632 L2.33415,14.2227 C2.33415,16.1557 3.90065,17.7227 5.83415,17.7227 L10.97715,17.7227 L14.23465,20.6837 C15.19865,21.5597 16.74365,20.8762 16.74365,19.5737 L16.74365,17.7227 L18.16615,17.7227 C20.09915,17.7227 21.66615,16.1557 21.66615,14.2227 L21.66615,6.0632 C21.66615,4.1302 20.09915,2.5632 18.16615,2.5632" })));
+};
+exports.default = Chat;

package/dist/src/common/assets/icons/fill/ChatCounseling.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const ChatCounseling: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default ChatCounseling;