pds-dev-kit-web-test 0.1.9 → 0.1.10

package/README.md

@@ -1 +1,12 @@
-publ design system test package
+# PDS
+
+publ design system 프로젝트
+
+## 프로젝트 목적
+
+이용자에게 publ 서비스를 쉽게 이해하기 위하여 기능이나 목적의 유형에 맞춘 일관된 인터페이스를 제공하고, publ팀에는 제품을 개발하는데 필요한 화면 구성의 기획, 시각적인 표현, 최종 산출물까지 이어질 수 있는 품질 관리를 달성하기 위함
+
+## 참고 문서
+
+해당 패키지 버전은 PDS 문서 2.0 버전을 따르고 있음
+[PDS 2.0 문서 링크](https://design.docs.publ.biz/pds-project/)

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, theme, Form, PDSIconType, ForwardedRefType } from './src/common';
-export { IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, PDSIconType, ForwardedRefType };
-export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing };
+import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, 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, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
 export { theme };
 export { dialogOnAni, dialogOffAni, dialogOverlayOnAni, dialogOverlayOffAni, modalOnAni, modalOffAni, modalOverlayOnAni, modalOverlayOffAni } from './src/common/styles';
 export { fadeIn, fadeOut, glow, scaleUp, scaleDown, scaleUpIncludeTranslate, scaleDownIncludeTranslate, gelatine, scaleBounceIn, scaleBounceIn02, scaleBounceOut, scaleBounceOut02, scaleBounceInIncludeTranslate, scaleBounceOutIncludeTranslate, scaleBounceInIncludeTranslate02, scaleBounceOutIncludeTranslate02 } from './src/common/styles';
@@ -25,6 +25,6 @@ export { M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_
 export { M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet };
 import { DynamicLayout } from './src/sub';
 export { DynamicLayout };
-import type { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, ISection, ISectionProperties, ISectionStyles, IItem } from './src/sub/DynamicLayout/types';
-export { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, ISection, ISectionProperties, ISectionStyles, IItem };
+import type { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, ISection, ISectionProperties, ISectionStyles, IItem, TypeOfSectionAction } from './src/sub/DynamicLayout/types';
+export { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, TypeOfSectionAction, ISection, ISectionProperties, ISectionStyles, IItem };
 export { AdminList, AdminListHeader, AdminListItem, BulkActionBar, ToolBar } from './src/sub';

package/dist/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutWH = exports.WFContainersBox = exports.LayoutWF = exports.Switch = exports.Spacing = exports.LottieIcon = exports.LinearProgress = exports.ImageView = exports.Icon = exports.Divider = exports.Form = exports.ButtonTransition = exports.InputTransition = exports.AdminListItemTransition = exports.scaleBounceOutIncludeTranslate02 = exports.scaleBounceInIncludeTranslate02 = exports.scaleBounceOutIncludeTranslate = exports.scaleBounceInIncludeTranslate = exports.scaleBounceOut02 = exports.scaleBounceOut = exports.scaleBounceIn02 = exports.scaleBounceIn = exports.gelatine = exports.scaleDownIncludeTranslate = exports.scaleUpIncludeTranslate = exports.scaleDown = exports.scaleUp = exports.glow = exports.fadeOut = exports.fadeIn = exports.modalOverlayOffAni = exports.modalOverlayOnAni = exports.modalOffAni = exports.modalOnAni = exports.dialogOverlayOffAni = exports.dialogOverlayOnAni = exports.dialogOffAni = exports.dialogOnAni = exports.theme = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
-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_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = void 0;
-exports.M_TextButton = exports.M_StatusBlock = exports.M_Select = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = 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_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = void 0;
-exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = exports.DynamicLayout = exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = exports.M_AnnotationSheet = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = void 0;
+exports.LayoutWF = exports.Switch = exports.Spacing = exports.LottieIcon = exports.LinearProgress = exports.ImageView = exports.Icon = exports.Divider = exports.Form = exports.ButtonTransition = exports.InputTransition = exports.AdminListItemTransition = exports.scaleBounceOutIncludeTranslate02 = exports.scaleBounceInIncludeTranslate02 = exports.scaleBounceOutIncludeTranslate = exports.scaleBounceInIncludeTranslate = exports.scaleBounceOut02 = exports.scaleBounceOut = exports.scaleBounceIn02 = exports.scaleBounceIn = exports.gelatine = exports.scaleDownIncludeTranslate = exports.scaleUpIncludeTranslate = exports.scaleDown = exports.scaleUp = exports.glow = exports.fadeOut = exports.fadeIn = exports.modalOverlayOffAni = exports.modalOverlayOnAni = exports.modalOffAni = exports.modalOnAni = exports.dialogOverlayOffAni = exports.dialogOverlayOnAni = exports.dialogOffAni = exports.dialogOnAni = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
+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_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = void 0;
+exports.M_Select = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = 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_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = void 0;
+exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = exports.DynamicLayout = exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = exports.M_AnnotationSheet = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = void 0;
 /* eslint-disable import/order */
 /* eslint-disable import/first */
 // common
@@ -19,6 +19,8 @@ Object.defineProperty(exports, "mobileEditorFontSize", { enumerable: true, get:
 Object.defineProperty(exports, "mobileEditorLineHeight", { enumerable: true, get: function () { return common_1.mobileEditorLineHeight; } });
 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; } });
 // keyframes

package/dist/src/common/assets/icons/line/SectionIframe32.d.ts

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

package/dist/src/common/assets/icons/line/SectionIframe32.js

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SectionIframe32 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "54", height: "32", viewBox: "0 0 54 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M51.2,0 C52.967,0 54.4,1.433 54.4,3.2 L54.4,28.8 C54.4,30.567 52.967,32 51.2,32 L3.2,32 C1.433,32 -7.10542736e-14,30.567 -7.10542736e-14,28.8 L-7.10542736e-14,3.2 C-7.10542736e-14,1.433 1.433,0 3.2,0 Z M51.2,1.5 L3.2,1.5 C2.262,1.5 1.5,2.263 1.5,3.2 L1.5,28.8 C1.5,29.737 2.262,30.5 3.2,30.5 L51.2,30.5 C52.137,30.5 52.9,29.737 52.9,28.8 L52.9,3.2 C52.9,2.263 52.137,1.5 51.2,1.5 Z M29.0195,8.1586 C29.3355,8.1586 29.6275,8.3026 29.8195,8.5536 C30.0125,8.8046 30.0755,9.1236 29.9945,9.4286 L26.3205,23.0936 C26.2025,23.5336 25.8025,23.8406 25.3475,23.8406 C25.0305,23.8406 24.7395,23.6966 24.5465,23.4466 C24.3545,23.1956 24.2915,22.8766 24.3735,22.5716 L28.0455,8.9066 C28.1635,8.4656 28.5645,8.1586 29.0195,8.1586 Z M32.2007,11.9571 C32.4967,11.7721 32.8617,11.7521 33.1757,11.9051 L39.8437,15.1391 C40.1887,15.3061 40.4117,15.6621 40.4117,16.0461 L40.4117,16.4431 C40.4117,16.8271 40.1887,17.1841 39.8427,17.3511 L33.1747,20.5721 C33.0347,20.6391 32.8847,20.6731 32.7347,20.6731 C32.5487,20.6731 32.3637,20.6201 32.1997,20.5181 C31.9037,20.3321 31.7277,20.0121 31.7277,19.6631 L31.7277,19.5671 C31.7277,19.1731 31.9587,18.8131 32.3177,18.6501 L37.5887,16.2441 L32.3167,13.8401 C31.9587,13.6771 31.7277,13.3161 31.7277,12.9231 L31.7277,12.8121 C31.7277,12.4621 31.9047,12.1431 32.2007,11.9571 Z M21.2236,11.905 C21.5376,11.752 21.9036,11.772 22.1996,11.957 C22.4956,12.143 22.6726,12.462 22.6726,12.812 L22.6726,12.922 C22.6726,13.316 22.4406,13.677 22.0816,13.84 L16.7936,16.244 L22.0816,18.65 C22.4406,18.813 22.6726,19.173 22.6726,19.568 L22.6726,19.663 C22.6726,20.012 22.4956,20.332 22.1996,20.518 C22.0356,20.62 21.8506,20.673 21.6646,20.673 C21.5156,20.673 21.3656,20.639 21.2256,20.571 L14.5576,17.352 C14.2116,17.184 13.9876,16.827 13.9876,16.443 L13.9876,16.046 C13.9876,15.662 14.2106,15.306 14.5566,15.139 Z" }, void 0) }), void 0));
+};
+exports.default = SectionIframe32;

package/dist/src/common/assets/icons/line/SectionIframe40.d.ts

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

package/dist/src/common/assets/icons/line/SectionIframe40.js

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SectionIframe40 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "68", height: "40", viewBox: "0 0 68 40" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M64,0 C66.209,0 68,1.791 68,4 L68,36 C68,38.209 66.209,40 64,40 L4,40 C1.791,40 0,38.209 0,36 L0,4 C0,1.791 1.791,0 4,0 Z M64,1.5 L4,1.5 C2.622,1.5 1.5,2.622 1.5,4 L1.5,36 C1.5,37.378 2.622,38.5 4,38.5 L64,38.5 C65.378,38.5 66.5,37.378 66.5,36 L66.5,4 C66.5,2.622 65.378,1.5 64,1.5 Z M36.2744,10.1982 C36.6704,10.1982 37.0344,10.3782 37.2744,10.6912 C37.5154,11.0062 37.5944,11.4042 37.4924,11.7862 L32.9004,28.8672 C32.7534,29.4172 32.2534,29.8012 31.6844,29.8012 C31.2884,29.8012 30.9234,29.6212 30.6834,29.3072 C30.4434,28.9942 30.3644,28.5952 30.4664,28.2142 L35.0574,11.1332 C35.2044,10.5822 35.7054,10.1982 36.2744,10.1982 Z M26.5295,14.8813 C26.9225,14.6903 27.3785,14.7153 27.7495,14.9463 C28.1195,15.1783 28.3405,15.5783 28.3405,16.0143 L28.3405,16.1523 C28.3405,16.6453 28.0505,17.0953 27.6025,17.3003 L20.9915,20.3053 L27.6025,23.3123 C28.0505,23.5163 28.3405,23.9673 28.3405,24.4603 L28.3405,24.5793 C28.3405,25.0153 28.1195,25.4153 27.7495,25.6473 C27.5445,25.7753 27.3125,25.8413 27.0805,25.8413 C26.8945,25.8413 26.7075,25.7993 26.5315,25.7143 L18.1965,21.6893 C17.7645,21.4793 17.4845,21.0343 17.4845,20.5533 L17.4845,20.0573 C17.4845,19.5783 17.7635,19.1333 18.1955,18.9243 Z M40.2507,14.9458 C40.6207,14.7148 41.0767,14.6908 41.4697,14.8808 L49.8047,18.9238 C50.2367,19.1328 50.5147,19.5778 50.5147,20.0578 L50.5147,20.5538 C50.5147,21.0338 50.2357,21.4798 49.8037,21.6888 L41.4687,25.7148 C41.2927,25.7988 41.1057,25.8408 40.9187,25.8408 C40.6867,25.8408 40.4547,25.7758 40.2497,25.6478 C39.8797,25.4148 39.6587,25.0158 39.6587,24.5788 L39.6587,24.4588 C39.6587,23.9668 39.9487,23.5168 40.3967,23.3128 L46.9857,20.3058 L40.3967,17.2998 C39.9487,17.0958 39.6587,16.6458 39.6587,16.1528 L39.6587,16.0148 C39.6587,15.5778 39.8807,15.1788 40.2507,14.9458 Z" }, void 0) }), void 0));
+};
+exports.default = SectionIframe40;

package/dist/src/common/assets/icons/line/SectionMembership32.d.ts

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

package/dist/src/common/assets/icons/line/SectionMembership32.js

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SectionMembership32 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "54", height: "32", viewBox: "0 0 54 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M51.2,0 C52.967,0 54.4,1.433 54.4,3.2 L54.4,28.8 C54.4,30.567 52.967,32 51.2,32 L3.2,32 C1.433,32 -7.10542736e-14,30.567 -7.10542736e-14,28.8 L-7.10542736e-14,3.2 C-7.10542736e-14,1.433 1.433,0 3.2,0 Z M51.2,1.5 L3.2,1.5 C2.262,1.5 1.5,2.263 1.5,3.2 L1.5,28.8 C1.5,29.737 2.262,30.5 3.2,30.5 L51.2,30.5 C52.137,30.5 52.9,29.737 52.9,28.8 L52.9,3.2 C52.9,2.263 52.137,1.5 51.2,1.5 Z M18.607,19.5745 C19.27,19.5745 19.807,20.1115 19.807,20.7745 L19.807,23.6295 C19.807,24.2925 19.27,24.8295 18.607,24.8295 L9.303,24.8295 C8.641,24.8295 8.103,24.2925 8.103,23.6295 L8.103,20.7745 C8.103,20.1115 8.641,19.5745 9.303,19.5745 L18.607,19.5745 Z M44.2963,7.1765 C45.4013,7.1765 46.2963,8.0725 46.2963,9.1765 L46.2963,22.8295 C46.2963,23.9345 45.4013,24.8295 44.2963,24.8295 L24.3493,24.8295 C23.2453,24.8295 22.3493,23.9345 22.3493,22.8295 L22.3493,9.1765 C22.3493,8.0725 23.2453,7.1765 24.3493,7.1765 L44.2963,7.1765 Z M18.607,13.3669 C19.27,13.3669 19.807,13.9039 19.807,14.5669 L19.807,17.4219 C19.807,18.0849 19.27,18.6219 18.607,18.6219 L9.303,18.6219 C8.641,18.6219 8.103,18.0849 8.103,17.4219 L8.103,14.5669 C8.103,13.9039 8.641,13.3669 9.303,13.3669 L18.607,13.3669 Z M18.607,7.1593 C19.27,7.1593 19.807,7.6963 19.807,8.3593 L19.807,11.2143 C19.807,11.8773 19.27,12.4143 18.607,12.4143 L9.303,12.4143 C8.641,12.4143 8.103,11.8773 8.103,11.2143 L8.103,8.3593 C8.103,7.6963 8.641,7.1593 9.303,7.1593 L18.607,7.1593 Z" }, void 0) }), void 0));
+};
+exports.default = SectionMembership32;

package/dist/src/common/assets/icons/line/SectionMembership40.d.ts

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

package/dist/src/common/assets/icons/line/SectionMembership40.js

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SectionMembership40 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "68", height: "40", viewBox: "0 0 68 40" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M64,0 C66.209,0 68,1.791 68,4 L68,36 C68,38.209 66.209,40 64,40 L4,40 C1.791,40 0,38.209 0,36 L0,4 C0,1.791 1.791,0 4,0 Z M64,1.5 L4,1.5 C2.622,1.5 1.5,2.622 1.5,4 L1.5,36 C1.5,37.378 2.622,38.5 4,38.5 L64,38.5 C65.378,38.5 66.5,37.378 66.5,36 L66.5,4 C66.5,2.622 65.378,1.5 64,1.5 Z M23.2589,24.4679 C24.0869,24.4679 24.7589,25.1389 24.7589,25.9679 L24.7589,29.5369 C24.7589,30.3649 24.0869,31.0369 23.2589,31.0369 L11.6299,31.0369 C10.8009,31.0369 10.1299,30.3649 10.1299,29.5369 L10.1299,25.9679 C10.1299,25.1389 10.8009,24.4679 11.6299,24.4679 L23.2589,24.4679 Z M55.3705,8.9709 C56.7515,8.9709 57.8705,10.0909 57.8705,11.4709 L57.8705,28.5369 C57.8705,29.9179 56.7515,31.0369 55.3705,31.0369 L30.4375,31.0369 C29.0565,31.0369 27.9375,29.9179 27.9375,28.5369 L27.9375,11.4709 C27.9375,10.0909 29.0565,8.9709 30.4375,8.9709 L55.3705,8.9709 Z M23.2589,16.7084 C24.0869,16.7084 24.7589,17.3794 24.7589,18.2084 L24.7589,21.7774 C24.7589,22.6054 24.0869,23.2774 23.2589,23.2774 L11.6299,23.2774 C10.8009,23.2774 10.1299,22.6054 10.1299,21.7774 L10.1299,18.2084 C10.1299,17.3794 10.8009,16.7084 11.6299,16.7084 L23.2589,16.7084 Z M23.2589,8.9489 C24.0869,8.9489 24.7589,9.6199 24.7589,10.4489 L24.7589,14.0179 C24.7589,14.8459 24.0869,15.5179 23.2589,15.5179 L11.6299,15.5179 C10.8009,15.5179 10.1299,14.8459 10.1299,14.0179 L10.1299,10.4489 C10.1299,9.6199 10.8009,8.9489 11.6299,8.9489 L23.2589,8.9489 Z" }, void 0) }), void 0));
+};
+exports.default = SectionMembership40;

package/dist/src/common/assets/icons/line/index.d.ts

@@ -132,12 +132,16 @@ declare const lineIcons: {
     readonly ic_section_divider_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_footer_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_footer_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_section_iframe_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_section_iframe_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_info_box_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_info_box_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_intro_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_intro_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_map_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_map_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_section_membership_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_section_membership_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_price_box_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_price_box_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_products_carousel_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;

package/dist/src/common/assets/icons/line/index.js

@@ -135,12 +135,16 @@ var SectionDivider32_1 = __importDefault(require("./SectionDivider32"));
 var SectionDivider40_1 = __importDefault(require("./SectionDivider40"));
 var SectionFooter32_1 = __importDefault(require("./SectionFooter32"));
 var SectionFooter40_1 = __importDefault(require("./SectionFooter40"));
+var SectionIframe32_1 = __importDefault(require("./SectionIframe32"));
+var SectionIframe40_1 = __importDefault(require("./SectionIframe40"));
 var SectionInfoBox32_1 = __importDefault(require("./SectionInfoBox32"));
 var SectionInfoBox40_1 = __importDefault(require("./SectionInfoBox40"));
 var SectionIntro32_1 = __importDefault(require("./SectionIntro32"));
 var SectionIntro40_1 = __importDefault(require("./SectionIntro40"));
 var SectionMap32_1 = __importDefault(require("./SectionMap32"));
 var SectionMap40_1 = __importDefault(require("./SectionMap40"));
+var SectionMembership32_1 = __importDefault(require("./SectionMembership32"));
+var SectionMembership40_1 = __importDefault(require("./SectionMembership40"));
 var SectionPriceBox32_1 = __importDefault(require("./SectionPriceBox32"));
 var SectionPriceBox40_1 = __importDefault(require("./SectionPriceBox40"));
 var SectionProductsCarousel32_1 = __importDefault(require("./SectionProductsCarousel32"));
@@ -329,12 +333,16 @@ var lineIcons = {
     ic_section_divider_40: SectionDivider40_1.default,
     ic_section_footer_32: SectionFooter32_1.default,
     ic_section_footer_40: SectionFooter40_1.default,
+    ic_section_iframe_32: SectionIframe32_1.default,
+    ic_section_iframe_40: SectionIframe40_1.default,
     ic_section_info_box_32: SectionInfoBox32_1.default,
     ic_section_info_box_40: SectionInfoBox40_1.default,
     ic_section_intro_32: SectionIntro32_1.default,
     ic_section_intro_40: SectionIntro40_1.default,
     ic_section_map_32: SectionMap32_1.default,
     ic_section_map_40: SectionMap40_1.default,
+    ic_section_membership_32: SectionMembership32_1.default,
+    ic_section_membership_40: SectionMembership40_1.default,
     ic_section_price_box_32: SectionPriceBox32_1.default,
     ic_section_price_box_40: SectionPriceBox40_1.default,
     ic_section_products_carousel_32: SectionProductsCarousel32_1.default,

package/dist/src/common/components/CircularProgress/CircularProgress.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../types';
 export declare type CircularProgressProps = {
-    colorKey?: keyof ColorType;
+    colorKey?: UiColors;
     size?: 'large' | 'medium' | 'small' | 'xsmall';
 };
 declare function CircularProgress({ colorKey, size }: CircularProgressProps): JSX.Element;

package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { ColorType } from 'pds-dev-kit-color-web';
+import type { UiColors } from '../../types';
 export declare type ThreeBarProgressProps = {
-    colorKey?: keyof ColorType;
+    colorKey?: UiColors;
 };
 declare function ThreeBarProgress({ colorKey }: ThreeBarProgressProps): JSX.Element;
 export default ThreeBarProgress;

package/dist/src/common/index.d.ts

@@ -1,5 +1,6 @@
-export { ColorType } from 'pds-dev-kit-color-web';
-export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ForwardedRefType } from './types';
+export { UITheme } from './styles/colorSet/ui-type';
+export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, ForwardedRefType } from './types';
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing } from './styles/theme';
+export { uiColors, customTheme } from './styles/ui-colors';
 export { theme } from './styles';
 export { Form } from './components';

package/dist/src/common/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = exports.theme = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
+exports.Form = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
 // theme
 var theme_1 = require("./styles/theme");
 Object.defineProperty(exports, "fontWeight", { enumerable: true, get: function () { return theme_1.fontWeight; } });
@@ -14,6 +14,9 @@ Object.defineProperty(exports, "mobileEditorFontSize", { enumerable: true, get:
 Object.defineProperty(exports, "mobileEditorLineHeight", { enumerable: true, get: function () { return theme_1.mobileEditorLineHeight; } });
 Object.defineProperty(exports, "boxShadow", { enumerable: true, get: function () { return theme_1.boxShadow; } });
 Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return theme_1.spacing; } });
+var ui_colors_1 = require("./styles/ui-colors");
+Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return ui_colors_1.uiColors; } });
+Object.defineProperty(exports, "customTheme", { enumerable: true, get: function () { return ui_colors_1.customTheme; } });
 // all theme
 var styles_1 = require("./styles");
 Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return styles_1.theme; } });