@papillonarts/components 0.30.0 → 0.32.0

package/build/Modern/Flash/Flash.module.scss

@@ -0,0 +1,62 @@
+/* stylelint-disable custom-property-pattern */
+
+.Flash {
+  position: relative;
+  padding: var(--base-size-16);
+  margin-top: 0;
+  color: var(--fgColor-default);
+  border-style: solid;
+  border-width: var(--borderWidth-thin);
+  border-radius: var(--borderRadius-medium);
+
+  &:where([data-variant='default']) {
+    background-color: var(--bgColor-accent-muted);
+    border-color: var(--borderColor-accent-muted);
+
+    & :where(svg) {
+      color: var(--fgColor-accent);
+    }
+  }
+
+  &:where([data-variant='success']) {
+    background-color: var(--bgColor-success-muted);
+    border-color: var(--borderColor-success-muted);
+
+    & :where(svg) {
+      color: var(--fgColor-success);
+    }
+  }
+
+  &:where([data-variant='danger']) {
+    background-color: var(--bgColor-danger-muted);
+    border-color: var(--borderColor-danger-muted);
+
+    & :where(svg) {
+      color: var(--fgColor-danger);
+    }
+  }
+
+  &:where([data-variant='warning']) {
+    background-color: var(--bgColor-attention-muted);
+    border-color: var(--borderColor-attention-muted);
+
+    & :where(svg) {
+      color: var(--fgColor-attention);
+    }
+  }
+
+  &:where([data-full]) {
+    /* stylelint-disable-next-line primer/spacing */
+    margin-top: -1px;
+    border-width: var(--borderWidth-thin) 0;
+    border-radius: 0;
+  }
+
+  & :where(p:last-child) {
+    margin-bottom: 0;
+  }
+
+  & :where(svg) {
+    margin-right: var(--base-size-8);
+  }
+}

package/build/Modern/Flash/Flash.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react-webpack5';
+declare const meta: {
+    title: string;
+    component: any;
+    decorators: ((...args: any[]) => any)[];
+    parameters: {
+        jest: string[];
+    };
+    excludeStories: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=Flash.stories.d.ts.map

package/build/Modern/Flash/Flash.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flash.stories.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/Flash.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAI/D,QAAA,MAAM,IAAI;;;;;;;;CAMoB,CAAA;AAE9B,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAA2B,CAAA"}

package/build/Modern/Flash/Flash.stories.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _addonJest = require("@storybook/addon-jest");
+var _jestTestResults = _interopRequireDefault(require("../../../../../.jest-test-results.json"));
+var _Flash = require("./Flash.features");
+// https://storybook.js.org/docs/writing-stories
+// https://storybook.js.org/docs/api/csf
+
+var meta = {
+  title: 'Modern/Flash',
+  component: _Flash.Flash,
+  decorators: [(0, _addonJest.withTests)({
+    results: _jestTestResults["default"]
+  })],
+  parameters: {
+    jest: ['Flash.test.ts']
+  },
+  excludeStories: ['Custom']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  render: _Flash.regular
+};

package/build/Modern/Flash/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Flash';
+export type { FlashProps } from './Flash';
+//# sourceMappingURL=index.d.ts.map

package/build/Modern/Flash/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/build/Modern/Flash/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Flash["default"];
+  }
+});
+var _Flash = _interopRequireDefault(require("./Flash"));

package/build/Modern/Typing/index.d.js

@@ -0,0 +1 @@
+"use strict";

package/build/Modern/global.d.js

@@ -0,0 +1 @@
+"use strict";

package/build/Modern/index.d.ts

@@ -0,0 +1,7 @@
+export type { FlashProps } from './Flash';
+export declare const Modern: {
+    Flash: {
+        Flash: import("./utils/polymorphic").ForwardRefComponent<"div", import("./Flash").FlashProps>;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/build/Modern/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modern/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,MAAM;;;;CAIlB,CAAA"}

package/build/Modern/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Modern = void 0;
+var _Flash = _interopRequireDefault(require("./Flash"));
+var Modern = exports.Modern = {
+  Flash: {
+    Flash: _Flash["default"]
+  }
+};

package/build/Modern/utils/polymorphic.d.ts

@@ -0,0 +1,40 @@
+/**
+ * This file is originally from `@radix-ui/react-polymorphic` before the package
+ * was deprecated. The original source for this lived in the URL below.
+ *
+ * @see https://github.com/radix-ui/primitives/blob/17ffcb7aaa42cbd36b3c210ba86d7d73d218e5be/packages/react/polymorphic/src/polymorphic.ts
+ */
+import * as React from 'react';
+import type { JSX } from 'react';
+import type { SlotMarker } from './types/Slots';
+type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
+/**
+ * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
+ */
+type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
+/**
+ * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
+ */
+type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
+type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
+    as?: E;
+}>>;
+interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps>, SlotMarker {
+    /**
+     * When `as` prop is passed, use this overload.
+     * Merges original own props (without DOM props) and the inferred props
+     * from `as` element with the own props taking precedence.
+     *
+     * We explicitly avoid `React.ElementType` and manually narrow the prop types
+     * so that events are typed when using JSX.IntrinsicElements.
+     */
+    <As = IntrinsicElementString>(props: As extends '' ? {
+        as: keyof JSX.IntrinsicElements;
+    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
+        as: As;
+    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+        as: As;
+    }> : never): React.ReactElement<any> | null;
+}
+export type { ForwardRefComponent, OwnProps, IntrinsicElement, Merge };
+//# sourceMappingURL=polymorphic.d.ts.map

package/build/Modern/utils/polymorphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/polymorphic.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAK/C,KAAK,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAEtD;;GAEG;AACH,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;AAEvE;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAElF,KAAK,yBAAyB,CAAC,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,yBAAyB,CAC3E,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,GAAG;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC,CACnG,CAAA;AAMD,UAAU,mBAAmB,CAC3B,sBAAsB,EACtB,QAAQ,GAAG,EAAE,CAMb,SAAQ,yBAAyB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAAE,UAAU;IAC/E;;;;;;;OAOG;IACH,CAAC,EAAE,GAAG,sBAAsB,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAChB;QAAE,EAAE,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;KAAE,GACnC,EAAE,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GACrC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC,GAC/B,EAAE,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACpC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC,GACvD,KAAK,GACZ,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;CAClC;AAED,YAAY,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAA"}

package/build/Modern/utils/polymorphic.js

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

package/build/Modern/utils/types/Slots.d.ts

@@ -0,0 +1,7 @@
+export interface SlotMarker {
+    /** Marker to denote the custom child slot for a component */
+    __SLOT__?: symbol;
+}
+export type WithSlotMarker<T> = T & SlotMarker;
+export type FCWithSlotMarker<P> = WithSlotMarker<React.FC<P>>;
+//# sourceMappingURL=Slots.d.ts.map

package/build/Modern/utils/types/Slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slots.d.ts","sourceRoot":"","sources":["../../../../src/Modern/utils/types/Slots.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,UAAU,CAAA;AAE9C,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA"}

package/build/Modern/utils/types/Slots.js

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

package/build/index.d.ts

@@ -1,3 +1,4 @@
-export { primer } from './primer';
-export type { IAlertConsent, IFlexGridItem } from './primer/type';
+export { Legacy } from './Legacy';
+export type { IAlertConsent, IFlexGridItem } from './Legacy/type';
+export { Modern } from './Modern';
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/build/index.js

@@ -3,10 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "primer", {
+Object.defineProperty(exports, "Legacy", {
   enumerable: true,
   get: function get() {
-    return _primer.primer;
+    return _Legacy.Legacy;
   }
 });
-var _primer = require("./primer");
+Object.defineProperty(exports, "Modern", {
+  enumerable: true,
+  get: function get() {
+    return _Modern.Modern;
+  }
+});
+var _Legacy = require("./Legacy");
+var _Modern = require("./Modern");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonarts/components",
-  "version": "0.30.0",
+  "version": "0.32.0",
   "description": "Papillon Arts Components",
   "homepage": "https://github.com/papillonarts/papillonarts/tree/master/packages/components",
   "repository": {
@@ -26,8 +26,8 @@
     "build-release": "npm run build"
   },
   "dependencies": {
-    "@papillonarts/css": "^0.30.0",
-    "@papillonarts/library": "^0.30.0"
+    "@papillonarts/css": "^0.32.0",
+    "@papillonarts/library": "^0.32.0"
   },
-  "gitHead": "b5212359dc72922d6a8fd3c5100acce81e11b874"
+  "gitHead": "ef4fed25144f22694108ef60333c49fbe98dba3e"
 }

package/build/primer/Alert/Alert.d.ts

@@ -1,3 +0,0 @@
-import { IAlert } from './Alert.type';
-export declare function Alert({ dataTest, className, variant, children, consent, }: IAlert): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Alert.d.ts.map

package/build/primer/Alert/Alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/primer/Alert/Alert.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA8B,MAAM,EAAE,MAAM,cAAc,CAAA;AAEjE,wBAAgB,KAAK,CAAC,EACpB,QAAgC,EAChC,SAAkC,EAClC,OAA8B,EAC9B,QAAQ,EACR,OAAO,GACR,EAAE,MAAM,2CAkFR"}

package/build/primer/Alert/Alert.scss

@@ -1,12 +0,0 @@
-/*
-  deprecated component
-  https://primer.style/deprecated-components/flash
-
-  check out
-  https://primer.style/ui-patterns/notification-messaging
-
-  implement
-  https://primer.style/components/banner
-*/
-
-@import '@primer/view-components/app/components/primer/beta/flash';

package/build/primer/Alert/Alert.type.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Alert/Alert.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,YAAY,EAAE,aAO1B,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,aAAa,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,YAAY,EAAE,aAK1B,CAAA;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB"}

package/build/primer/Button/Button.d.ts

@@ -1,3 +0,0 @@
-import { IButton } from './Button.type';
-export declare function Button({ dataTest, id, className, element, href, text, variant, size, state, icon, onClick, inputType, autoFocus, }: IButton): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Button.d.ts.map

package/build/primer/ErrorBoundary/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/ErrorBoundary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/build/primer/Form/Input/Input.d.ts

@@ -1,3 +0,0 @@
-import { IInput } from './Input.type';
-export declare function Input({ dataTest, id, className, placeholder, ariaAttr, inputType, value, onChange, onKeyUp, onFocus, onBlur, autoFocus, state, }: IInput): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Input.d.ts.map

package/build/primer/Grid/DisplayTable/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/DisplayTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/build/primer/Label/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}

package/build/primer/Navigation/Menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primer/Navigation/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/build/primer/SelectMenu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/SelectMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/build/primer/Subhead/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Subhead/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}