@google-psat/design-system 0.14.1 → 1.2.1

package/dist-types/components/tabs/useTabs/types.d.ts

@@ -1,14 +1,19 @@
 export type TabsProviderProps = {
     children: React.ReactNode;
-    items: TabItems;
+    items: TabItems | TabItem[];
     name: string;
+    isGroup?: boolean;
 };
-export type TabItems = Array<{
+export type TabItems = {
+    [group: string]: Array<TabItem>;
+};
+export type TabItem = {
     title: string;
     content: {
         Element: (props: any) => React.JSX.Element;
         props?: Record<string, any>;
         className?: string;
+        containerClassName?: string;
     };
     addSpacer?: boolean;
-}>;
+};

package/dist-types/components/timeline/bar.d.ts

@@ -0,0 +1,16 @@
+/**
+ * External dependencies
+ */
+import React from 'react';
+import { Bidder, BidderType } from '@google-psat/common';
+interface BarProps {
+    bidder: Bidder;
+    index: number;
+    zoom: number;
+    bidderType: BidderType;
+    fullWidth: number;
+    animate: boolean;
+    setSelectedRow: (row: Bidder | null) => void;
+}
+declare const Bar: ({ bidder, index, zoom, bidderType, fullWidth, animate, setSelectedRow, }: BarProps) => React.JSX.Element;
+export default Bar;

package/dist-types/components/timeline/constants.d.ts

@@ -0,0 +1,8 @@
+/**
+ * External dependencies
+ */
+import { BidderType } from '@google-psat/common';
+export declare const INITIAL_TIME = 50;
+export declare const TIME_DURATION = 50;
+export declare const BAR_HEIGHT = 50;
+export declare const BAR_COLORS: Record<BidderType, string>;

package/dist-types/components/timeline/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+import { type Bidder, type TimelineData } from '@google-psat/common';
+export interface TimelineProps extends TimelineData {
+    zoomLevel?: number;
+    setSelectedRow: (row: Bidder['data']) => void;
+    navigateToAuction: (auctionId: string) => void;
+}
+declare const Timeline: ({ auctionTimeout, auctionId, auctionStartTimeFormatted, auctionTime, auctionEndDuration, bidders, zoomLevel, setSelectedRow, navigateToAuction, }: TimelineProps) => React.JSX.Element;
+export default Timeline;

package/dist-types/icons/index.d.ts

@@ -1,102 +1,118 @@
-export { default as ArrowDown } from './arrow-down.svg';
-export { default as ArrowUp } from './arrow-up.svg';
-export { default as ArrowDownWhite } from './arrow-down-white.svg';
-export { default as ArrowRight } from './arrow-right.svg';
-export { default as ChevronRight } from './chevron-right.svg';
-export { default as ClearAll } from './clear-all.svg';
-export { default as CrossIcon } from './cross-icon.svg';
-export { default as Cookie } from './cookie.svg';
-export { default as CookieIcon } from './cookie-gray.svg';
-export { default as CookieIconWhite } from './cookie-white.svg';
-export { default as Copy } from './copy.svg';
-export { default as Export } from './export.svg';
-export { default as File } from './file.svg';
-export { default as FileWhite } from './file-white.svg';
-export { default as Check } from './check.svg';
-export { default as AttributionIcon } from './attribution.svg';
-export { default as AttributionIconWhite } from './attribution-white.svg';
-export { default as BounceTrackingIcon } from './bounce-tracking.svg';
-export { default as BounceTrackingIconWhite } from './bounce-tracking-white.svg';
-export { default as TopicsIcon } from './topics.svg';
-export { default as TopicsIconWhite } from './topics-white.svg';
-export { default as UserAgentReductionIcon } from './user-agent-reduction.svg';
-export { default as UserAgentReductionIconWhite } from './user-agent-reduction-white.svg';
-export { default as InfoIcon } from './info.svg';
-export { default as SiteBoundariesIcon } from './site-boundaries.svg';
-export { default as SiteBoundariesIconWhite } from './site-boundaries-white.svg';
-export { default as ChipsIcon } from './chips.svg';
-export { default as ChipsIconWhite } from './chips-white.svg';
-export { default as PrivateAdvertisingIcon } from './private-advertising.svg';
-export { default as PrivateAdvertisingIconWhite } from './private-advertising-white.svg';
-export { default as RelatedWebsiteSetsIcon } from './related-website-sets.svg';
-export { default as RelatedWebsiteSetsIconWhite } from './related-website-sets-white.svg';
-export { default as PrivacyProtectionIcon } from './anti-covert-tracking.svg';
-export { default as PrivacyProtectionIconWhite } from './anti-covert-tracking-white.svg';
-export { default as InspectIcon } from './inspect.svg';
-export { default as InspectActiveIcon } from './inspect-active.svg';
-export { default as InspectWhiteIcon } from './inspect-white.svg';
-export { default as PrivacySandboxIcon } from './privacy-sandbox.svg';
-export { default as PrivacySandboxIconWhite } from './privacy-sandbox-white.svg';
-export { default as PrivacySandboxColoredIcon } from './privacy-sandbox-colored.svg';
-export { default as Add } from './add.svg';
-export { default as Cross } from './cross.svg';
-export { default as Refresh } from './refresh-icon.svg';
-export { default as Ellipse } from './ellipse.svg';
-export { default as StopIcon } from './stop-icon.svg';
-export { default as FilterIcon } from './filter-icon.svg';
-export { default as ClearIcon } from './clear-icon.svg';
-export { default as PaddedCross } from './padded-cross.svg';
-export { default as Warning } from './warning-filled.svg';
-export { default as VisibilityOff } from './visibility-off.svg';
-export { default as PSTimelineIcon } from './ps-timeline.svg';
-export { default as InboundIcon } from './inbound-icon.svg';
-export { default as OutboundIcon } from './outbound-icon.svg';
-export { default as OutboundInboundIcon } from './outbound-inbound-icon.svg';
-export { default as OutboundInboundColoredIcon } from './outbound-inbound-colored-icon.svg';
-export { default as QuestionMark } from './question-mark.svg';
-export { default as GreenTick } from './green-tick-icon.svg';
-export { default as ChevronDown } from './chevron-down.svg';
-export { default as WarningBare } from './warning.svg';
-export { default as GroupsIcon } from './groups.svg';
-export { default as FrameIcon } from './frame.svg';
-export { default as ScreenIcon } from './screen.svg';
-export { default as BottomTrayIcon } from './bottom-tray.svg';
-export { default as BreakpointIcon } from './breakpoint.svg';
-export { default as ExternalLinkBlack } from './external-link-black.svg';
-export { default as DashboardIcon } from './dashboard.svg';
-export { default as DashboardIconWhite } from './dashboard-white.svg';
-export { default as WikiIcon } from './wiki.svg';
-export { default as WikiIconWhite } from './wiki-white.svg';
-export { default as ExternalLinkIcon } from './external-link.svg';
-export { default as DoubleArrowIcon } from './double-arrow-icon.svg';
-export { default as Settings } from './settings.svg';
-export { default as MenuOpenIcon } from './menu-open-icon.svg';
-export { default as PlayIcon } from './play.svg';
-export { default as RestartIcon } from './restart.svg';
-export { default as PauseIcon } from './pause.svg';
-export { default as SupportIcon } from './support.svg';
-export { default as MoneyIcon } from './money.svg';
-export { default as NextIcon } from './next.svg';
-export { default as PreviousIcon } from './previous.svg';
-export { default as WebStoriesIcon } from './web-stories.svg';
-export { default as WebStoriesIconWhite } from './web-stories-white.svg';
-export { default as DoubleDownArrow } from './double-down-arrow.svg';
-export { default as DescriptionIcon } from './description.svg';
-export { default as Help } from './help.svg';
-export { default as LearningIcon } from './learning-icon.svg';
-export { default as DevGuideIcon } from './dev-guide-icon.svg';
-export { default as TokenIcon } from './token.svg';
-export { default as FederatedIcon } from './federated.svg';
-export { default as StorageIcon } from './storage.svg';
-export { default as ProtectionIcon } from './protection.svg';
-export { default as CancelIcon } from './cancel.svg';
-export { default as TabIcon } from './tab.svg';
-export { default as DemosIcon } from './demos.svg';
-export { default as WikiLandingIcon } from './wiki-landing.svg';
-export { default as DemosLandingIcon } from './demos-landing.svg';
-export { default as DevSiteLandingIcon } from './dev-site-landing.svg';
-export { default as HelpCenterLandingIcon } from './help-center-landing.svg';
-export { default as SearchIcon } from './search.svg';
-export { default as Tick } from './tick.svg';
-export { default as Plus } from './add-simple.svg';
+export { default as ArrowDown } from './arrow-down.svg?react';
+export { default as ArrowUp } from './arrow-up.svg?react';
+export { default as ArrowDownWhite } from './arrow-down-white.svg?react';
+export { default as ArrowRight } from './arrow-right.svg?react';
+export { default as ChevronRight } from './chevron-right.svg?react';
+export { default as ClearAll } from './clear-all.svg?react';
+export { default as CrossIcon } from './cross-icon.svg?react';
+export { default as Cookie } from './cookie.svg?react';
+export { default as CookieIcon } from './cookie-gray.svg?react';
+export { default as CookieIconWhite } from './cookie-white.svg?react';
+export { default as Copy } from './copy.svg?react';
+export { default as Export } from './export.svg?react';
+export { default as File } from './file.svg?react';
+export { default as FileWhite } from './file-white.svg?react';
+export { default as Check } from './check.svg?react';
+export { default as AttributionIcon } from './attribution.svg?react';
+export { default as AttributionIconWhite } from './attribution-white.svg?react';
+export { default as BounceTrackingIcon } from './bounce-tracking.svg?react';
+export { default as BounceTrackingIconWhite } from './bounce-tracking-white.svg?react';
+export { default as TopicsIcon } from './topics.svg?react';
+export { default as TopicsIconWhite } from './topics-white.svg?react';
+export { default as UserAgentReductionIcon } from './user-agent-reduction.svg?react';
+export { default as UserAgentReductionIconWhite } from './user-agent-reduction-white.svg?react';
+export { default as InfoIcon } from './info.svg?react';
+export { default as SiteBoundariesIcon } from './site-boundaries.svg?react';
+export { default as SiteBoundariesIconWhite } from './site-boundaries-white.svg?react';
+export { default as ChipsIcon } from './chips.svg?react';
+export { default as ChipsIconWhite } from './chips-white.svg?react';
+export { default as PrivateAdvertisingIcon } from './private-advertising.svg?react';
+export { default as PrivateAdvertisingIconWhite } from './private-advertising-white.svg?react';
+export { default as RelatedWebsiteSetsIcon } from './related-website-sets.svg?react';
+export { default as RelatedWebsiteSetsIconWhite } from './related-website-sets-white.svg?react';
+export { default as PrivacyProtectionIcon } from './anti-covert-tracking.svg?react';
+export { default as PrivacyProtectionIconWhite } from './anti-covert-tracking-white.svg?react';
+export { default as InspectIcon } from './inspect.svg?react';
+export { default as InspectActiveIcon } from './inspect-active.svg?react';
+export { default as InspectWhiteIcon } from './inspect-white.svg?react';
+export { default as PrivacySandboxIcon } from './privacy-sandbox.svg?react';
+export { default as PrivacySandboxIconWhite } from './privacy-sandbox-white.svg?react';
+export { default as PrivacySandboxColoredIcon } from './privacy-sandbox-colored.svg?react';
+export { default as Add } from './add.svg?react';
+export { default as Cross } from './cross.svg?react';
+export { default as Refresh } from './refresh-icon.svg?react';
+export { default as Ellipse } from './ellipse.svg?react';
+export { default as StopIcon } from './stop-icon.svg?react';
+export { default as FilterIcon } from './filter-icon.svg?react';
+export { default as ClearIcon } from './clear-icon.svg?react';
+export { default as PaddedCross } from './padded-cross.svg?react';
+export { default as Warning } from './warning-filled.svg?react';
+export { default as VisibilityOff } from './visibility-off.svg?react';
+export { default as PSTimelineIcon } from './ps-timeline.svg?react';
+export { default as InboundIcon } from './inbound-icon.svg?react';
+export { default as OutboundIcon } from './outbound-icon.svg?react';
+export { default as OutboundInboundIcon } from './outbound-inbound-icon.svg?react';
+export { default as OutboundInboundColoredIcon } from './outbound-inbound-colored-icon.svg?react';
+export { default as QuestionMark } from './question-mark.svg?react';
+export { default as GreenTick } from './green-tick-icon.svg?react';
+export { default as ChevronDown } from './chevron-down.svg?react';
+export { default as WarningBare } from './warning.svg?react';
+export { default as GroupsIcon } from './groups.svg?react';
+export { default as FrameIcon } from './frame.svg?react';
+export { default as ScreenIcon } from './screen.svg?react';
+export { default as BottomTrayIcon } from './bottom-tray.svg?react';
+export { default as BreakpointIcon } from './breakpoint.svg?react';
+export { default as ExternalLinkBlack } from './external-link-black.svg?react';
+export { default as DashboardIcon } from './dashboard.svg?react';
+export { default as DashboardIconWhite } from './dashboard-white.svg?react';
+export { default as WikiIcon } from './wiki.svg?react';
+export { default as WikiIconWhite } from './wiki-white.svg?react';
+export { default as ExternalLinkIcon } from './external-link.svg?react';
+export { default as Settings } from './settings.svg?react';
+export { default as MenuOpenIcon } from './menu-open-icon.svg?react';
+export { default as PlayIcon } from './play.svg?react';
+export { default as RestartIcon } from './restart.svg?react';
+export { default as PauseIcon } from './pause.svg?react';
+export { default as SupportIcon } from './support.svg?react';
+export { default as MoneyIcon } from './money.svg?react';
+export { default as NextIcon } from './next.svg?react';
+export { default as PreviousIcon } from './previous.svg?react';
+export { default as WebStoriesIcon } from './web-stories.svg?react';
+export { default as WebStoriesIconWhite } from './web-stories-white.svg?react';
+export { default as DoubleDownArrow } from './double-down-arrow.svg?react';
+export { default as DescriptionIcon } from './description.svg?react';
+export { default as Help } from './help.svg?react';
+export { default as LearningIcon } from './learning-icon.svg?react';
+export { default as DevGuideIcon } from './dev-guide-icon.svg?react';
+export { default as TokenIcon } from './token.svg?react';
+export { default as FederatedIcon } from './federated.svg?react';
+export { default as StorageIcon } from './storage.svg?react';
+export { default as ProtectionIcon } from './protection.svg?react';
+export { default as CancelIcon } from './cancel.svg?react';
+export { default as TabIcon } from './tab.svg?react';
+export { default as DemosIcon } from './demos.svg?react';
+export { default as WikiLandingIcon } from './wiki-landing.svg?react';
+export { default as DemosLandingIcon } from './demos-landing.svg?react';
+export { default as DevSiteLandingIcon } from './dev-site-landing.svg?react';
+export { default as HelpCenterLandingIcon } from './help-center-landing.svg?react';
+export { default as SearchIcon } from './search.svg?react';
+export { default as Tick } from './tick.svg?react';
+export { default as Plus } from './add-simple.svg?react';
+export { default as DescendingOrder } from './arrow-upward-with-line.svg?react';
+export { default as HammerIcon } from './hammer.svg?react';
+export { default as Person } from './person.svg?react';
+export { default as Ruler } from './ruler.svg?react';
+export { default as DoubleUser } from './double-user.svg?react';
+export { default as FourSquares } from './four-squares.svg?react';
+export { default as Buildings } from './buildings.svg?react';
+export { default as Server } from './server.svg?react';
+export { default as Error } from './error-icon.svg?react';
+export { default as WarningColored } from './warning-icon.svg?react';
+export { default as Equal } from './equal.svg?react';
+export { default as DeleteForever } from './delete-forever.svg?react';
+export { default as DoubleArrow } from './double-arrow.svg?react';
+export { default as Hammer } from './hammer.svg?react';
+export { default as BlockIcon } from './block.svg?react';
+export { default as BlockIconWhite } from './block-white.svg?react';
+export { default as IncognitoIcon } from './incognito.svg?react';
 export * from './ps-icons';

package/dist-types/icons/ps-icons/index.d.ts

@@ -1,12 +1,12 @@
-export { default as PSCookieIcon } from './cookie.svg';
-export { default as PSCUJsIcon } from './cujs.svg';
-export { default as PSDemosIcon } from './demos.svg';
-export { default as PSDevSiteIcon } from './dev-site.svg';
-export { default as PSHelpCenterIcon } from './help-center.svg';
-export { default as PSLearningIcon } from './learning.svg';
-export { default as PSPrivateAdvertisingIcon } from './private-advertising.svg';
-export { default as PSSiteBoundriesIcon } from './site-boundries.svg';
-export { default as PSStoriesIcon } from './stories.svg';
-export { default as PSTrackingProtectionIcon } from './tracking-protection.svg';
-export { default as PSWikiIcon } from './wiki.svg';
-export { default as PSNumberCircleIcon } from './number-circle.svg';
+export { default as PSCookieIcon } from './cookie.svg?react';
+export { default as PSCUJsIcon } from './cujs.svg?react';
+export { default as PSDemosIcon } from './demos.svg?react';
+export { default as PSDevSiteIcon } from './dev-site.svg?react';
+export { default as PSHelpCenterIcon } from './help-center.svg?react';
+export { default as PSLearningIcon } from './learning.svg?react';
+export { default as PSPrivateAdvertisingIcon } from './private-advertising.svg?react';
+export { default as PSSiteBoundriesIcon } from './site-boundries.svg?react';
+export { default as PSStoriesIcon } from './stories.svg?react';
+export { default as PSTrackingProtectionIcon } from './tracking-protection.svg?react';
+export { default as PSWikiIcon } from './wiki.svg?react';
+export { default as PSNumberCircleIcon } from './number-circle.svg?react';

package/package.json

@@ -1,13 +1,17 @@
 {
   "name": "@google-psat/design-system",
-  "version": "0.14.1",
+  "version": "1.2.1",
   "description": "A package for presentational components that are being used in multiple packages",
+  "type": "module",
   "main": "dist/index.js",
   "types": "dist-types/index.d.ts",
   "source": "src/index.ts",
   "customExports": {
     ".": {
       "default": "./src/index.ts"
+    },
+    "./theme.css": {
+      "default": "./src/theme.css"
     }
   },
   "scripts": {
@@ -41,14 +45,15 @@
     "@microlink/react-json-view": "^1.26.1",
     "@types/lodash-es": "^4.17.12",
     "classnames": "^2.3.2",
-    "fast-xml-parser": "^4.4.1",
+    "fast-xml-parser": "^5.3.8",
     "file-saver": "^2.0.5",
     "jszip": "^3.10.1",
-    "lodash-es": "^4.17.21",
+    "lodash-es": "^4.17.23",
     "p-queue": "^7.3.4",
-    "re-resizable": "^6.9.9",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "use-context-selector": "^1.4.1"
+    "re-resizable": "^6.11.2",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "use-context-selector": "^1.4.1",
+    "victory": "^36.6.11"
   }
 }

package/tsconfig.json

@@ -1,8 +1,9 @@
 {
   "compilerOptions": {
     "rootDir": "src",
-    "target": "es6",
-    "module": "commonjs",
+    "target": "ESNext",
+    "module": "ESNext",
+    "lib": ["ESNext"],
     "outDir": "dist",
     "declarationDir": "dist-types",
     "composite": true,
@@ -18,7 +19,8 @@
     "**/tests/**/*.ts",
     "**/tests/**/*.tsx",
     "**/dist/**/*",
-    "**/dist-types/**/*"
+    "**/dist-types/**/*",
+    "**/stories/**"
   ],
   "references": [
     {

package/dist/components/button/stories/Button.stories.jsx

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-/**
- * Internal dependencies.
- */
-const __1 = __importDefault(require(".."));
-const meta = {
-    title: 'DesignSystem/Button',
-    component: __1.default,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Primary = {
-    args: {
-        text: 'Analyze this tab',
-        onClick: () => undefined,
-    },
-};
-//# sourceMappingURL=Button.stories.jsx.map

package/dist/components/button/stories/Button.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.jsx","sourceRoot":"","sources":["../../../../src/components/button/stories/Button.stories.tsx"],"names":[],"mappings":";;;;;;AAoBA;;GAEG;AACH,2CAAwB;AAExB,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEP,QAAA,OAAO,GAA0B;IAC5C,IAAI,EAAE;QACJ,IAAI,EAAE,kBAAkB;QACxB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS;KACzB;CACF,CAAC"}

package/dist/components/circle/stories/circle.stories.jsx

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-/**
- * Internal dependencies
- */
-const colors_1 = require("../../../theme/colors");
-/**
- * Internal dependencies.
- */
-const __1 = __importDefault(require(".."));
-const meta = {
-    title: 'DesignSystem/Circle',
-    component: __1.default,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Primary = {
-    args: {
-        color: colors_1.COLOR_MAP.functional.color,
-    },
-};
-//# sourceMappingURL=circle.stories.jsx.map

package/dist/components/circle/stories/circle.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"circle.stories.jsx","sourceRoot":"","sources":["../../../../src/components/circle/stories/circle.stories.tsx"],"names":[],"mappings":";;;;;;AAmBA;;GAEG;AACH,kDAAkD;AAElD;;GAEG;AACH,2CAAwB;AAExB,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEP,QAAA,OAAO,GAA0B;IAC5C,IAAI,EAAE;QACJ,KAAK,EAAE,kBAAS,CAAC,UAAU,CAAC,KAAK;KAClC;CACF,CAAC"}

package/dist/components/circle/stories/circleEmpty.stories.jsx

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-/**
- * Internal dependencies.
- */
-const circleEmpty_1 = __importDefault(require("../circleEmpty"));
-const meta = {
-    title: 'DesignSystem/CircleEmpty',
-    component: circleEmpty_1.default,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Primary = {};
-//# sourceMappingURL=circleEmpty.stories.jsx.map

package/dist/components/circle/stories/circleEmpty.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"circleEmpty.stories.jsx","sourceRoot":"","sources":["../../../../src/components/circle/stories/circleEmpty.stories.tsx"],"names":[],"mappings":";;;;;;AAoBA;;GAEG;AACH,iEAAyC;AAEzC,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,qBAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEP,QAAA,OAAO,GAA0B,EAAE,CAAC"}

package/dist/components/circlePieChart/stories/circlePieChart.stories.jsx

@@ -1,91 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Wide = exports.Primary = void 0;
-/*
- * Copyright 2023 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * External dependencies.
- */
-const react_1 = __importDefault(require("react"));
-/**
- * Internal dependencies.
- */
-const __1 = __importDefault(require(".."));
-const colors_1 = require("../../../theme/colors");
-const meta = {
-    title: 'DesignSystem/CirclePieChart',
-    component: __1.default,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Primary = {
-    args: {
-        centerCount: 39,
-        title: '1st party cookies',
-        data: [
-            {
-                count: 5,
-                color: colors_1.COLOR_MAP.functional.color,
-            },
-            {
-                count: 4,
-                color: colors_1.COLOR_MAP.marketing.color,
-            },
-            {
-                count: 0,
-                color: colors_1.COLOR_MAP.analytics.color,
-            },
-            {
-                count: 9,
-                color: colors_1.COLOR_MAP.uncategorized.color,
-            },
-        ],
-    },
-    render: (args) => (<div className="w-16">
-      <__1.default {...args}/>
-    </div>),
-};
-exports.Wide = {
-    args: {
-        centerCount: 39,
-        title: '1st party cookies',
-        data: [
-            {
-                count: 5,
-                color: colors_1.COLOR_MAP.functional.color,
-            },
-            {
-                count: 4,
-                color: colors_1.COLOR_MAP.marketing.color,
-            },
-            {
-                count: 0,
-                color: colors_1.COLOR_MAP.analytics.color,
-            },
-            {
-                count: 9,
-                color: colors_1.COLOR_MAP.uncategorized.color,
-            },
-        ],
-    },
-    render: (args) => (<div className="w-28 text-center">
-      <__1.default {...args}/>
-    </div>),
-};
-//# sourceMappingURL=circlePieChart.stories.jsx.map

package/dist/components/circlePieChart/stories/circlePieChart.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"circlePieChart.stories.jsx","sourceRoot":"","sources":["../../../../src/components/circlePieChart/stories/circlePieChart.stories.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAG1B;;GAEG;AACH,2CAAgC;AAChC,kDAAkD;AAElD,MAAM,IAAI,GAAgC;IACxC,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,WAAc;IACzB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEP,QAAA,OAAO,GAA0B;IAC5C,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE;QACf,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,kBAAS,CAAC,UAAU,CAAC,KAAK;aAClC;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,kBAAS,CAAC,SAAS,CAAC,KAAK;aACjC;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,kBAAS,CAAC,SAAS,CAAC,KAAK;aACjC;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,kBAAS,CAAC,aAAa,CAAC,KAAK;aACrC;SACF;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;MAAA,CAAC,WAAc,CAAC,IAAI,IAAI,CAAC,EAC3B;IAAA,EAAE,GAAG,CAAC,CACP;CACF,CAAC;AAEW,QAAA,IAAI,GAA0B;IACzC,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE;QACf,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,kBAAS,CAAC,UAAU,CAAC,KAAK;aAClC;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,kBAAS,CAAC,SAAS,CAAC,KAAK;aACjC;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,kBAAS,CAAC,SAAS,CAAC,KAAK;aACjC;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,kBAAS,CAAC,aAAa,CAAC,KAAK;aACrC;SACF;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,CAAC,GAAG,CAAC,SAAS,CAAC,kBAAkB,CAC/B;MAAA,CAAC,WAAc,CAAC,IAAI,IAAI,CAAC,EAC3B;IAAA,EAAE,GAAG,CAAC,CACP;CACF,CAAC"}

package/dist/components/circlePieChart/stories/emptyCirclePieChart.stories.jsx

@@ -1,48 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Wide = exports.Primary = void 0;
-/*
- * Copyright 2023 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * External dependencies.
- */
-const react_1 = __importDefault(require("react"));
-/**
- * Internal dependencies.
- */
-const emptyCirclePieChart_1 = __importDefault(require("../emptyCirclePieChart"));
-const meta = {
-    title: 'DesignSystem/CirclePieChart/EmptyCirclePieChart',
-    component: emptyCirclePieChart_1.default,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Primary = {
-    render: (args) => (<div className="w-16 text-center">
-      <emptyCirclePieChart_1.default {...args}/>
-    </div>),
-    args: {},
-};
-exports.Wide = {
-    render: (args) => (<div className="w-28 text-center">
-      <emptyCirclePieChart_1.default {...args}/>
-    </div>),
-    args: {},
-};
-//# sourceMappingURL=emptyCirclePieChart.stories.jsx.map

package/dist/components/circlePieChart/stories/emptyCirclePieChart.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"emptyCirclePieChart.stories.jsx","sourceRoot":"","sources":["../../../../src/components/circlePieChart/stories/emptyCirclePieChart.stories.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAG1B;;GAEG;AACH,iFAAyD;AAEzD,MAAM,IAAI,GAAqC;IAC7C,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,6BAAmB;IAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEP,QAAA,OAAO,GAA0B;IAC5C,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,CAAC,GAAG,CAAC,SAAS,CAAC,kBAAkB,CAC/B;MAAA,CAAC,6BAAmB,CAAC,IAAI,IAAI,CAAC,EAChC;IAAA,EAAE,GAAG,CAAC,CACP;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,IAAI,GAA0B;IACzC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,CAAC,GAAG,CAAC,SAAS,CAAC,kBAAkB,CAC/B;MAAA,CAAC,6BAAmB,CAAC,IAAI,IAAI,CAAC,EAChC;IAAA,EAAE,GAAG,CAAC,CACP;IACD,IAAI,EAAE,EAAE;CACT,CAAC"}