mada-design-system 0.7.0 → 0.7.2

package/index.es257.js

@@ -1,121 +1,55 @@
-import m from "./index.es202.js";
-import f from "./index.es201.js";
-import v from "./index.es372.js";
-import x from "./index.es366.js";
-import d from "./index.es203.js";
-import s from "react";
-import h from "./index.es373.js";
-import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es374.js";
-var M = Object.values || function(a) {
-  return Object.keys(a).map(function(r) {
-    return a[r];
-  });
-}, F = {
-  component: "div",
-  childFactory: function(r) {
-    return r;
-  }
-}, u = /* @__PURE__ */ function(a) {
-  x(r, a);
-  function r(p, t) {
-    var e;
-    e = a.call(this, p, t) || this;
-    var o = e.handleExited.bind(v(e));
-    return e.state = {
-      contextValue: {
-        isMounting: !0
-      },
-      handleExited: o,
-      firstRender: !0
-    }, e;
-  }
-  var l = r.prototype;
-  return l.componentDidMount = function() {
-    this.mounted = !0, this.setState({
-      contextValue: {
-        isMounting: !1
-      }
-    });
-  }, l.componentWillUnmount = function() {
-    this.mounted = !1;
-  }, r.getDerivedStateFromProps = function(t, e) {
-    var o = e.children, n = e.handleExited, i = e.firstRender;
-    return {
-      children: i ? E(t, n) : y(t, o, n),
-      firstRender: !1
-    };
-  }, l.handleExited = function(t, e) {
-    var o = g(this.props.children);
-    t.key in o || (t.props.onExited && t.props.onExited(e), this.mounted && this.setState(function(n) {
-      var i = f({}, n.children);
-      return delete i[t.key], {
-        children: i
-      };
-    }));
-  }, l.render = function() {
-    var t = this.props, e = t.component, o = t.childFactory, n = m(t, ["component", "childFactory"]), i = this.state.contextValue, c = M(this.state.children).map(o);
-    return delete n.appear, delete n.enter, delete n.exit, e === null ? /* @__PURE__ */ s.createElement(h.Provider, {
-      value: i
-    }, c) : /* @__PURE__ */ s.createElement(h.Provider, {
-      value: i
-    }, /* @__PURE__ */ s.createElement(e, n, c));
-  }, r;
-}(s.Component);
-u.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * `<TransitionGroup>` renders a `<div>` by default. You can change this
-   * behavior by providing a `component` prop.
-   * If you use React v16+ and would like to avoid a wrapping `<div>` element
-   * you can pass in `component={null}`. This is useful if the wrapping div
-   * borks your css styles.
-   */
-  component: d.any,
-  /**
-   * A set of `<Transition>` components, that are toggled `in` and out as they
-   * leave. the `<TransitionGroup>` will inject specific transition props, so
-   * remember to spread them through if you are wrapping the `<Transition>` as
-   * with our `<Fade>` example.
-   *
-   * While this component is meant for multiple `Transition` or `CSSTransition`
-   * children, sometimes you may want to have a single transition child with
-   * content that you want to be transitioned out and in when you change it
-   * (e.g. routes, images etc.) In that case you can change the `key` prop of
-   * the transition child as you change its content, this will cause
-   * `TransitionGroup` to transition the child out and back in.
-   */
-  children: d.node,
-  /**
-   * A convenience prop that enables or disables appear animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  appear: d.bool,
-  /**
-   * A convenience prop that enables or disables enter animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  enter: d.bool,
-  /**
-   * A convenience prop that enables or disables exit animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  exit: d.bool,
-  /**
-   * You may need to apply reactive updates to a child as it is exiting.
-   * This is generally done by using `cloneElement` however in the case of an exiting
-   * child the element has already been removed and not accessible to the consumer.
-   *
-   * If you do need to update a child as it leaves you can provide a `childFactory`
-   * to wrap every child, even the ones that are leaving.
-   *
-   * @type Function(child: ReactElement) -> ReactElement
-   */
-  childFactory: d.func
-} : {};
-u.defaultProps = F;
-const R = u;
+import { getPickersLocalization as o } from "./index.es302.js";
+const l = {
+  // Calendar navigation
+  previousMonth: "Previous month",
+  nextMonth: "Next month",
+  // View navigation
+  openPreviousView: "open previous view",
+  openNextView: "open next view",
+  calendarViewSwitchingButtonAriaLabel: (e) => e === "year" ? "year view is open, switch to calendar view" : "calendar view is open, switch to year view",
+  // DateRange placeholders
+  start: "Start",
+  end: "End",
+  // Action bar
+  cancelButtonLabel: "Cancel",
+  clearButtonLabel: "Clear",
+  okButtonLabel: "OK",
+  todayButtonLabel: "Today",
+  // Toolbar titles
+  datePickerToolbarTitle: "Select date",
+  dateTimePickerToolbarTitle: "Select date & time",
+  timePickerToolbarTitle: "Select time",
+  dateRangePickerToolbarTitle: "Select date range",
+  // Clock labels
+  clockLabelText: (e, t, a) => `Select ${e}. ${t === null ? "No time selected" : `Selected time is ${a.format(t, "fullTime")}`}`,
+  hoursClockNumberText: (e) => `${e} hours`,
+  minutesClockNumberText: (e) => `${e} minutes`,
+  secondsClockNumberText: (e) => `${e} seconds`,
+  // Digital clock labels
+  selectViewText: (e) => `Select ${e}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: "Week number",
+  calendarWeekNumberHeaderText: "#",
+  calendarWeekNumberAriaLabelText: (e) => `Week ${e}`,
+  calendarWeekNumberText: (e) => `${e}`,
+  // Open picker labels
+  openDatePickerDialogue: (e, t) => e !== null && t.isValid(e) ? `Choose date, selected date is ${t.format(e, "fullDate")}` : "Choose date",
+  openTimePickerDialogue: (e, t) => e !== null && t.isValid(e) ? `Choose time, selected time is ${t.format(e, "fullTime")}` : "Choose time",
+  fieldClearLabel: "Clear value",
+  // Table labels
+  timeTableLabel: "pick time",
+  dateTableLabel: "pick date",
+  // Field section placeholders
+  fieldYearPlaceholder: (e) => "Y".repeat(e.digitAmount),
+  fieldMonthPlaceholder: (e) => e.contentType === "letter" ? "MMMM" : "MM",
+  fieldDayPlaceholder: () => "DD",
+  fieldWeekDayPlaceholder: (e) => e.contentType === "letter" ? "EEEE" : "EE",
+  fieldHoursPlaceholder: () => "hh",
+  fieldMinutesPlaceholder: () => "mm",
+  fieldSecondsPlaceholder: () => "ss",
+  fieldMeridiemPlaceholder: () => "aa"
+}, r = l;
+o(l);
 export {
-  R as default
+  r as DEFAULT_LOCALE
 };

package/index.es258.js

@@ -1,11 +1,121 @@
-import * as o from "react";
-import r from "./index.es296.js";
-import t from "./index.es283.js";
-import m from "./index.es297.js";
-function i() {
-  const e = m(r);
-  return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e[t] || e;
-}
+import m from "./index.es203.js";
+import f from "./index.es202.js";
+import v from "./index.es373.js";
+import x from "./index.es367.js";
+import d from "./index.es204.js";
+import s from "react";
+import h from "./index.es374.js";
+import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es375.js";
+var M = Object.values || function(a) {
+  return Object.keys(a).map(function(r) {
+    return a[r];
+  });
+}, F = {
+  component: "div",
+  childFactory: function(r) {
+    return r;
+  }
+}, u = /* @__PURE__ */ function(a) {
+  x(r, a);
+  function r(p, t) {
+    var e;
+    e = a.call(this, p, t) || this;
+    var o = e.handleExited.bind(v(e));
+    return e.state = {
+      contextValue: {
+        isMounting: !0
+      },
+      handleExited: o,
+      firstRender: !0
+    }, e;
+  }
+  var l = r.prototype;
+  return l.componentDidMount = function() {
+    this.mounted = !0, this.setState({
+      contextValue: {
+        isMounting: !1
+      }
+    });
+  }, l.componentWillUnmount = function() {
+    this.mounted = !1;
+  }, r.getDerivedStateFromProps = function(t, e) {
+    var o = e.children, n = e.handleExited, i = e.firstRender;
+    return {
+      children: i ? E(t, n) : y(t, o, n),
+      firstRender: !1
+    };
+  }, l.handleExited = function(t, e) {
+    var o = g(this.props.children);
+    t.key in o || (t.props.onExited && t.props.onExited(e), this.mounted && this.setState(function(n) {
+      var i = f({}, n.children);
+      return delete i[t.key], {
+        children: i
+      };
+    }));
+  }, l.render = function() {
+    var t = this.props, e = t.component, o = t.childFactory, n = m(t, ["component", "childFactory"]), i = this.state.contextValue, c = M(this.state.children).map(o);
+    return delete n.appear, delete n.enter, delete n.exit, e === null ? /* @__PURE__ */ s.createElement(h.Provider, {
+      value: i
+    }, c) : /* @__PURE__ */ s.createElement(h.Provider, {
+      value: i
+    }, /* @__PURE__ */ s.createElement(e, n, c));
+  }, r;
+}(s.Component);
+u.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * `<TransitionGroup>` renders a `<div>` by default. You can change this
+   * behavior by providing a `component` prop.
+   * If you use React v16+ and would like to avoid a wrapping `<div>` element
+   * you can pass in `component={null}`. This is useful if the wrapping div
+   * borks your css styles.
+   */
+  component: d.any,
+  /**
+   * A set of `<Transition>` components, that are toggled `in` and out as they
+   * leave. the `<TransitionGroup>` will inject specific transition props, so
+   * remember to spread them through if you are wrapping the `<Transition>` as
+   * with our `<Fade>` example.
+   *
+   * While this component is meant for multiple `Transition` or `CSSTransition`
+   * children, sometimes you may want to have a single transition child with
+   * content that you want to be transitioned out and in when you change it
+   * (e.g. routes, images etc.) In that case you can change the `key` prop of
+   * the transition child as you change its content, this will cause
+   * `TransitionGroup` to transition the child out and back in.
+   */
+  children: d.node,
+  /**
+   * A convenience prop that enables or disables appear animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  appear: d.bool,
+  /**
+   * A convenience prop that enables or disables enter animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  enter: d.bool,
+  /**
+   * A convenience prop that enables or disables exit animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  exit: d.bool,
+  /**
+   * You may need to apply reactive updates to a child as it is exiting.
+   * This is generally done by using `cloneElement` however in the case of an exiting
+   * child the element has already been removed and not accessible to the consumer.
+   *
+   * If you do need to update a child as it leaves you can provide a `childFactory`
+   * to wrap every child, even the ones that are leaving.
+   *
+   * @type Function(child: ReactElement) -> ReactElement
+   */
+  childFactory: d.func
+} : {};
+u.defaultProps = F;
+const R = u;
 export {
-  i as default
+  R as default
 };

package/index.es259.js

@@ -1,165 +1,11 @@
-import p from "./index.es201.js";
-import q from "./index.es202.js";
-import * as f from "react";
-import n from "./index.es203.js";
-import z from "./index.es258.js";
-import { reflow as D, getTransitionProps as g } from "./index.es376.js";
-import { jsx as V } from "react/jsx-runtime";
-import W from "./index.es235.js";
-import $ from "./index.es359.js";
-import B from "./index.es369.js";
-const G = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], H = {
-  entering: {
-    opacity: 1
-  },
-  entered: {
-    opacity: 1
-  }
-}, h = /* @__PURE__ */ f.forwardRef(function(E, T) {
-  const i = z(), b = {
-    enter: i.transitions.duration.enteringScreen,
-    exit: i.transitions.duration.leavingScreen
-  }, {
-    addEndListener: m,
-    appear: R = !0,
-    children: a,
-    easing: l,
-    in: u,
-    onEnter: x,
-    onEntered: L,
-    onEntering: P,
-    onExit: y,
-    onExited: v,
-    onExiting: w,
-    style: d,
-    timeout: c = b,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: F = B
-  } = E, _ = q(E, G), s = f.useRef(null), j = W(s, a.ref, T), o = (e) => (t) => {
-    if (e) {
-      const r = s.current;
-      t === void 0 ? e(r) : e(r, t);
-    }
-  }, C = o(P), O = o((e, t) => {
-    D(e);
-    const r = g({
-      style: d,
-      timeout: c,
-      easing: l
-    }, {
-      mode: "enter"
-    });
-    e.style.webkitTransition = i.transitions.create("opacity", r), e.style.transition = i.transitions.create("opacity", r), x && x(e, t);
-  }), k = o(L), A = o(w), N = o((e) => {
-    const t = g({
-      style: d,
-      timeout: c,
-      easing: l
-    }, {
-      mode: "exit"
-    });
-    e.style.webkitTransition = i.transitions.create("opacity", t), e.style.transition = i.transitions.create("opacity", t), y && y(e);
-  }), S = o(v);
-  return /* @__PURE__ */ V(F, p({
-    appear: R,
-    in: u,
-    nodeRef: s,
-    onEnter: O,
-    onEntered: k,
-    onEntering: C,
-    onExit: N,
-    onExited: S,
-    onExiting: A,
-    addEndListener: (e) => {
-      m && m(s.current, e);
-    },
-    timeout: c
-  }, _, {
-    children: (e, t) => /* @__PURE__ */ f.cloneElement(a, p({
-      style: p({
-        opacity: 0,
-        visibility: e === "exited" && !u ? "hidden" : void 0
-      }, H[e], d, a.props.style),
-      ref: j
-    }, t))
-  }));
-});
-process.env.NODE_ENV !== "production" && (h.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: n.func,
-  /**
-   * Perform the enter transition when it first mounts if `in` is also `true`.
-   * Set this to `false` to disable this behavior.
-   * @default true
-   */
-  appear: n.bool,
-  /**
-   * A single child content element.
-   */
-  children: $.isRequired,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: n.oneOfType([n.shape({
-    enter: n.string,
-    exit: n.string
-  }), n.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: n.bool,
-  /**
-   * @ignore
-   */
-  onEnter: n.func,
-  /**
-   * @ignore
-   */
-  onEntered: n.func,
-  /**
-   * @ignore
-   */
-  onEntering: n.func,
-  /**
-   * @ignore
-   */
-  onExit: n.func,
-  /**
-   * @ignore
-   */
-  onExited: n.func,
-  /**
-   * @ignore
-   */
-  onExiting: n.func,
-  /**
-   * @ignore
-   */
-  style: n.object,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  timeout: n.oneOfType([n.number, n.shape({
-    appear: n.number,
-    enter: n.number,
-    exit: n.number
-  })])
-});
-const tn = h;
+import * as o from "react";
+import r from "./index.es297.js";
+import t from "./index.es284.js";
+import m from "./index.es298.js";
+function i() {
+  const e = m(r);
+  return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e[t] || e;
+}
 export {
-  tn as default
+  i as default
 };

package/index.es26.js

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-checkbox";
 import * as s from "react";
-import { cva as i } from "./index.es109.js";
-import { cn as r } from "./index.es88.js";
+import { cva as i } from "./index.es110.js";
+import { cn as r } from "./index.es89.js";
 const b = i(
   `flex aspect-square justify-center items-center data-[state=checked]:text-icon-oncolor enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect enabled:focus:ring-2 enabled:focus:ring-border-black enabled:focus:ring-offset-2 disabled:cursor-not-allowed
     disabled:border-border-disabled disabled:data-[state=checked]:text-control-disabled disabled:data-[state=checked]:border-none disabled:bg-disabled-background-disabled