webadwaita 0.1.0 → 0.2.1

package/dist/web/Box/index.js

@@ -0,0 +1,150 @@
+import './styles.css';
+import { defaultStyles as _rsdDefaultStyles, merge as _rsdMerge } from "react-strict-dom/runtime";
+import * as React from 'react';
+import { css, html } from 'react-strict-dom';
+import { spacing } from '../tokens.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Layout primitive — a flex container, the building block for everything else.
+ * Adwaita-inspired apps lean heavily on simple horizontal/vertical stacks.
+ */
+export function Box(props) {
+  const {
+    children,
+    direction = 'column',
+    gap,
+    padding,
+    align,
+    justify,
+    grow,
+    wrap,
+    style
+  } = props;
+  return /*#__PURE__*/_jsx("div", {
+    ..._rsdMerge(_rsdDefaultStyles.div, styles.base, direction === 'row' ? styles.row : styles.column, wrap && styles.wrap, grow && styles.grow, align != null && alignStyles[align], justify != null && justifyStyles[justify], gap != null && gapStyles[gap], padding != null && paddingStyles[padding], style),
+    children: children
+  });
+}
+const styles = {
+  base: {
+    k1xSpc: "x78zum5",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  row: {
+    kXwgrk: "x1q0g3np",
+    $$css: true
+  },
+  column: {
+    kXwgrk: "xdt5ytf",
+    $$css: true
+  },
+  wrap: {
+    kwnvtZ: "x1a02dak",
+    $$css: true
+  },
+  grow: {
+    kzQI83: "x1iyjqo2",
+    $$css: true
+  }
+};
+const alignStyles = {
+  "flex-start": {
+    kGNEyG: "x1cy8zhl",
+    $$css: true
+  },
+  center: {
+    kGNEyG: "x6s0dn4",
+    $$css: true
+  },
+  "flex-end": {
+    kGNEyG: "xuk3077",
+    $$css: true
+  },
+  stretch: {
+    kGNEyG: "x1qjc9v5",
+    $$css: true
+  },
+  baseline: {
+    kGNEyG: "x1pha0wt",
+    $$css: true
+  }
+};
+const justifyStyles = {
+  "flex-start": {
+    kjj79g: "x1nhvcw1",
+    $$css: true
+  },
+  center: {
+    kjj79g: "xl56j7k",
+    $$css: true
+  },
+  "flex-end": {
+    kjj79g: "x13a6bvl",
+    $$css: true
+  },
+  "space-between": {
+    kjj79g: "x1qughib",
+    $$css: true
+  },
+  "space-around": {
+    kjj79g: "x1l1ennw",
+    $$css: true
+  },
+  "space-evenly": {
+    kjj79g: "xaw8158",
+    $$css: true
+  }
+};
+const gapStyles = {
+  xs: {
+    kOIVth: "x1cuygh6",
+    $$css: true
+  },
+  sm: {
+    kOIVth: "x15hg9oy",
+    $$css: true
+  },
+  md: {
+    kOIVth: "x19u8g8r",
+    $$css: true
+  },
+  lg: {
+    kOIVth: "x1od9ebw",
+    $$css: true
+  },
+  xl: {
+    kOIVth: "xc9i02s",
+    $$css: true
+  },
+  xxl: {
+    kOIVth: "xy744dg",
+    $$css: true
+  }
+};
+const paddingStyles = {
+  xs: {
+    kmVPX3: "xudt4gt",
+    $$css: true
+  },
+  sm: {
+    kmVPX3: "x12ldruc",
+    $$css: true
+  },
+  md: {
+    kmVPX3: "x1rfi6cy",
+    $$css: true
+  },
+  lg: {
+    kmVPX3: "xwmi1nh",
+    $$css: true
+  },
+  xl: {
+    kmVPX3: "x14yi81o",
+    $$css: true
+  },
+  xxl: {
+    kmVPX3: "x1ck75x5",
+    $$css: true
+  }
+};

package/dist/web/Box/styles.css

@@ -0,0 +1,39 @@
+
+@layer priority1, priority2, priority3, priority4;
+@layer priority1{
+.x14yi81o{padding:24px}
+.x12ldruc{padding:8px}
+.x1ck75x5{padding:32px}
+.xudt4gt{padding:4px}
+.x1rfi6cy{padding:12px}
+.xwmi1nh{padding:16px}
+}
+@layer priority2{
+.xc9i02s{gap:24px}
+.x15hg9oy{gap:8px}
+.xy744dg{gap:32px}
+.x1cuygh6{gap:4px}
+.x19u8g8r{gap:12px}
+.x1od9ebw{gap:16px}
+}
+@layer priority3{
+.x1pha0wt{align-items:baseline}
+.x6s0dn4{align-items:center}
+.xuk3077{align-items:flex-end}
+.x1cy8zhl{align-items:flex-start}
+.x1qjc9v5{align-items:stretch}
+.x78zum5{display:flex}
+.xdt5ytf{flex-direction:column}
+.x1q0g3np{flex-direction:row}
+.x1iyjqo2{flex-grow:1}
+.x1a02dak{flex-wrap:wrap}
+.xl56j7k{justify-content:center}
+.x13a6bvl{justify-content:flex-end}
+.x1nhvcw1{justify-content:flex-start}
+.x1l1ennw{justify-content:space-around}
+.x1qughib{justify-content:space-between}
+.xaw8158{justify-content:space-evenly}
+}
+@layer priority4{
+.xeuugli{min-width:0}
+}

package/dist/web/Button/index.js

@@ -0,0 +1,132 @@
+import './styles.css';
+import { defaultStyles as _rsdDefaultStyles, merge as _rsdMerge } from "react-strict-dom/runtime";
+import * as React from 'react';
+import { css, html } from 'react-strict-dom';
+import { palette, radius, spacing, typography, motion } from '../tokens.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Adwaita-style button. Variants follow libadwaita conventions:
+ *  - default:    flat-ish neutral surface
+ *  - suggested:  blue accent (primary)
+ *  - destructive: red, for irreversible actions
+ *  - flat:       no background, only on hover
+ *  - pill:       fully rounded (Adwaita "circular" buttons)
+ */
+export function Button(props) {
+  const {
+    children,
+    variant = 'default',
+    size = 'md',
+    disabled = false,
+    fullWidth = false,
+    onPress,
+    type = 'button'
+  } = props;
+  return /*#__PURE__*/_jsx("button", {
+    type: type,
+    disabled: disabled,
+    onClick: onPress,
+    ..._rsdMerge(_rsdDefaultStyles.button, styles.base, sizeStyles[size], variantStyles[variant], fullWidth && styles.fullWidth, disabled && styles.disabled),
+    children: /*#__PURE__*/_jsx("span", {
+      ..._rsdMerge(_rsdDefaultStyles.span, styles.label, labelSizeStyles[size]),
+      children: children
+    })
+  });
+}
+const styles = {
+  base: {
+    k1xSpc: "x78zum5",
+    kSGwAc: "xqcrz7y",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    kXwgrk: "x1q0g3np",
+    kMzoRj: "xc342km",
+    kkrTdU: "x1ypdohk",
+    k1ekBW: "x1koyr57",
+    kIyJzY: "xcj3dzi",
+    kAMwcw: "xfrgxy7",
+    kfSwDN: "x87ps6o",
+    $$css: true
+  },
+  label: {
+    kMv6JI: "x164ifzn",
+    k63SB2: "xaajq3h",
+    k9WMMc: "x2b8uid",
+    $$css: true
+  },
+  fullWidth: {
+    kSGwAc: "xkh2ocl",
+    $$css: true
+  },
+  disabled: {
+    kSiTet: "xbyyjgo",
+    kkrTdU: "x1h6gzvc",
+    $$css: true
+  }
+};
+const sizeStyles = {
+  sm: {
+    kg3NbH: "x1of5wme",
+    kaIpWk: "xdwrzdg",
+    kZKoxP: "x1fgtraw",
+    $$css: true
+  },
+  md: {
+    kg3NbH: "x1w4cf6q",
+    kaIpWk: "xdamf1x",
+    kZKoxP: "xc9qbxq",
+    $$css: true
+  },
+  lg: {
+    kg3NbH: "xoawizh",
+    kaIpWk: "xdamf1x",
+    kZKoxP: "xn3w4p2",
+    $$css: true
+  }
+};
+const labelSizeStyles = {
+  sm: {
+    kGuDYH: "x13gn23q",
+    kLWn49: "x1aebrpu",
+    $$css: true
+  },
+  md: {
+    kGuDYH: "xqwltnl",
+    kLWn49: "x7zvn91",
+    $$css: true
+  },
+  lg: {
+    kGuDYH: "x1lbyq2x",
+    kLWn49: "x11807lh",
+    $$css: true
+  }
+};
+const variantStyles = {
+  default: {
+    kWkggS: "x1wvpxmy xvuosku xtkh9g1",
+    kMwMTN: "x117bw84",
+    $$css: true
+  },
+  suggested: {
+    kWkggS: "xhw1y8f x12s1yt6 xc7rq14",
+    kMwMTN: "xgtzv0a",
+    $$css: true
+  },
+  destructive: {
+    kWkggS: "x1jedtje xusvk13 x1x0tut",
+    kMwMTN: "xk7gp71",
+    $$css: true
+  },
+  flat: {
+    kWkggS: "xjbqb8w x1b2b8i4 x1krbwd3",
+    kMwMTN: "x117bw84",
+    $$css: true
+  },
+  pill: {
+    kWkggS: "x1wvpxmy xvuosku xtkh9g1",
+    kMwMTN: "x117bw84",
+    kaIpWk: "x4gkjtx",
+    kg3NbH: "xoawizh",
+    $$css: true
+  }
+};

package/dist/web/Button/styles.css

@@ -0,0 +1,81 @@
+
+@layer priority1, priority2, priority3, priority4;
+@layer priority1{
+.x1rfi6cy{padding:12px}
+.xwmi1nh{padding:16px}
+.x14yi81o{padding:24px}
+.x1ck75x5{padding:32px}
+.xudt4gt{padding:4px}
+.x12ldruc{padding:8px}
+}
+@layer priority2{
+.xdamf1x{border-radius:9px}
+.x4gkjtx{border-radius:9999px}
+.xdwrzdg{border-radius:6px}
+.x19u8g8r{gap:12px}
+.x1od9ebw{gap:16px}
+.xc9i02s{gap:24px}
+.xy744dg{gap:32px}
+.x1cuygh6{gap:4px}
+.x15hg9oy{gap:8px}
+.xoawizh{padding-inline:24px}
+.x1of5wme{padding-inline:12px}
+.x1w4cf6q{padding-inline:16px}
+}
+@layer priority3{
+.x1pha0wt{align-items:baseline}
+.x6s0dn4{align-items:center}
+.xuk3077{align-items:flex-end}
+.x1cy8zhl{align-items:flex-start}
+.x1qjc9v5{align-items:stretch}
+.xqcrz7y{align-self:flex-start}
+.xkh2ocl{align-self:stretch}
+.xjbqb8w{background-color:transparent}
+.x1jedtje{background-color:#e01b24}
+.x1wvpxmy{background-color:rgba(0, 0, 0, 0.07)}
+.xhw1y8f{background-color:#3584e4}
+.xgtzv0a{color:#ffffff}
+.xk7gp71{color:#ffffff}
+.x117bw84{color:rgba(0, 0, 0, 0.8)}
+.x1h6gzvc{cursor:not-allowed}
+.x1ypdohk{cursor:pointer}
+.x78zum5{display:flex}
+.xdt5ytf{flex-direction:column}
+.x1q0g3np{flex-direction:row}
+.x1iyjqo2{flex-grow:1}
+.x1a02dak{flex-wrap:wrap}
+.x164ifzn{font-family:"Adwaita Sans", "Cantarell", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}
+.x1lbyq2x{font-size:16px}
+.x13gn23q{font-size:12px}
+.xqwltnl{font-size:14px}
+.xaajq3h{font-weight:600}
+.xl56j7k{justify-content:center}
+.x13a6bvl{justify-content:flex-end}
+.x1nhvcw1{justify-content:flex-start}
+.x1l1ennw{justify-content:space-around}
+.x1qughib{justify-content:space-between}
+.xaw8158{justify-content:space-evenly}
+.x11807lh{line-height:1.3}
+.x1aebrpu{line-height:1.4}
+.x7zvn91{line-height:1.5}
+.xbyyjgo{opacity:.5}
+.x2b8uid{text-align:center}
+.xcj3dzi{transition-duration:120ms}
+.x1koyr57{transition-property:background-color,box-shadow,color}
+.xfrgxy7{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
+.x87ps6o{user-select:none}
+.x1b2b8i4:hover{background-color:rgba(0, 0, 0, 0.07)}
+.xvuosku:hover{background-color:rgba(0, 0, 0, 0.12)}
+.x12s1yt6:hover{background-color:#4a90e9}
+.xusvk13:hover{background-color:#e8434b}
+.x1x0tut:active{background-color:#b81920}
+.xtkh9g1:active{background-color:rgba(0, 0, 0, 0.18)}
+.x1krbwd3:active{background-color:rgba(0, 0, 0, 0.12)}
+.xc7rq14:active{background-color:#1a6bb8}
+}
+@layer priority4{
+.x1fgtraw{height:28px}
+.xc9qbxq{height:36px}
+.xn3w4p2{height:44px}
+.xeuugli{min-width:0}
+}

package/dist/web/Card/index.js

@@ -0,0 +1,75 @@
+import './styles.css';
+import { defaultStyles as _rsdDefaultStyles, merge as _rsdMerge } from "react-strict-dom/runtime";
+import * as React from 'react';
+import { css, html } from 'react-strict-dom';
+import { palette, radius, spacing, typography } from '../tokens.css';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Adwaita-style card surface. Default has a soft shadow + rounded corners;
+ * "flat" drops the shadow for use inside other surfaces.
+ */
+export function Card(props) {
+  const {
+    children,
+    title,
+    variant = 'boxed',
+    padding = true
+  } = props;
+  return /*#__PURE__*/_jsxs("div", {
+    ..._rsdMerge(_rsdDefaultStyles.div, styles.card, variant === 'boxed' ? styles.boxed : styles.flat),
+    children: [title != null && /*#__PURE__*/_jsx("div", {
+      ..._rsdMerge(_rsdDefaultStyles.div, styles.header),
+      children: /*#__PURE__*/_jsx("h3", {
+        ..._rsdMerge(_rsdDefaultStyles.h3, styles.titleText),
+        children: title
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      ..._rsdMerge(_rsdDefaultStyles.div, padding ? styles.body : null),
+      children: children
+    })]
+  });
+}
+const styles = {
+  card: {
+    kWkggS: "x2pwvcl",
+    kaIpWk: "x3wdnbj",
+    kVQacm: "xb3r6kr",
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    $$css: true
+  },
+  boxed: {
+    kGVxlE: "x11j0q79",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x1bbxysd",
+    $$css: true
+  },
+  flat: {
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x1bbxysd",
+    $$css: true
+  },
+  header: {
+    k8WAf4: "x83n5x6",
+    kg3NbH: "x1w4cf6q",
+    kt9PQ7: "xso031l",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "x14ro01c",
+    $$css: true
+  },
+  titleText: {
+    kogj98: "x1ghz6dp",
+    kMv6JI: "x164ifzn",
+    kGuDYH: "x1lbyq2x",
+    kLWn49: "x11807lh",
+    k63SB2: "xq8utqp",
+    kMwMTN: "x117bw84",
+    $$css: true
+  },
+  body: {
+    kmVPX3: "xwmi1nh",
+    $$css: true
+  }
+};

package/dist/web/Card/styles.css

@@ -0,0 +1,91 @@
+
+@layer priority1, priority2, priority3, priority4;
+@layer priority1{
+.x1rfi6cy{padding:12px}
+.xwmi1nh{padding:16px}
+.x14yi81o{padding:24px}
+.x1ck75x5{padding:32px}
+.xudt4gt{padding:4px}
+.x12ldruc{padding:8px}
+}
+@layer priority2{
+.x1bbxysd{border-color:rgba(0, 0, 0, 0.15)}
+.xdwrzdg{border-radius:6px}
+.x4gkjtx{border-radius:9999px}
+.xdamf1x{border-radius:9px}
+.x3wdnbj{border-radius:12px}
+.x19u8g8r{gap:12px}
+.x1od9ebw{gap:16px}
+.xc9i02s{gap:24px}
+.xy744dg{gap:32px}
+.x1cuygh6{gap:4px}
+.x15hg9oy{gap:8px}
+.xb3r6kr{overflow:hidden}
+.x83n5x6{padding-block:12px}
+.x1of5wme{padding-inline:12px}
+.x1w4cf6q{padding-inline:16px}
+.xoawizh{padding-inline:24px}
+}
+@layer priority3{
+.x1pha0wt{align-items:baseline}
+.x6s0dn4{align-items:center}
+.xuk3077{align-items:flex-end}
+.x1cy8zhl{align-items:flex-start}
+.x1qjc9v5{align-items:stretch}
+.xqcrz7y{align-self:flex-start}
+.xkh2ocl{align-self:stretch}
+.xhw1y8f{background-color:#3584e4}
+.x1jedtje{background-color:#e01b24}
+.x1wvpxmy{background-color:rgba(0, 0, 0, 0.07)}
+.xjbqb8w{background-color:transparent}
+.x2pwvcl{background-color:#ffffff}
+.x11j0q79{box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}
+.xgtzv0a{color:#ffffff}
+.xk7gp71{color:#ffffff}
+.x117bw84{color:rgba(0, 0, 0, 0.8)}
+.x1h6gzvc{cursor:not-allowed}
+.x1ypdohk{cursor:pointer}
+.x78zum5{display:flex}
+.xdt5ytf{flex-direction:column}
+.x1q0g3np{flex-direction:row}
+.x1iyjqo2{flex-grow:1}
+.x1a02dak{flex-wrap:wrap}
+.x164ifzn{font-family:"Adwaita Sans", "Cantarell", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}
+.x13gn23q{font-size:12px}
+.xqwltnl{font-size:14px}
+.x1lbyq2x{font-size:16px}
+.xaajq3h{font-weight:600}
+.xq8utqp{font-weight:700}
+.xl56j7k{justify-content:center}
+.x13a6bvl{justify-content:flex-end}
+.x1nhvcw1{justify-content:flex-start}
+.x1l1ennw{justify-content:space-around}
+.x1qughib{justify-content:space-between}
+.xaw8158{justify-content:space-evenly}
+.x11807lh{line-height:1.3}
+.x1aebrpu{line-height:1.4}
+.x7zvn91{line-height:1.5}
+.xbyyjgo{opacity:.5}
+.x2b8uid{text-align:center}
+.xcj3dzi{transition-duration:120ms}
+.x1koyr57{transition-property:background-color,box-shadow,color}
+.xfrgxy7{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
+.x87ps6o{user-select:none}
+.x12s1yt6:hover{background-color:#4a90e9}
+.xusvk13:hover{background-color:#e8434b}
+.x1b2b8i4:hover{background-color:rgba(0, 0, 0, 0.07)}
+.xvuosku:hover{background-color:rgba(0, 0, 0, 0.12)}
+.xc7rq14:active{background-color:#1a6bb8}
+.x1x0tut:active{background-color:#b81920}
+.x1krbwd3:active{background-color:rgba(0, 0, 0, 0.12)}
+.xtkh9g1:active{background-color:rgba(0, 0, 0, 0.18)}
+}
+@layer priority4{
+.x14ro01c{border-bottom-color:rgba(0, 0, 0, 0.15)}
+.x1q0q8m5{border-bottom-style:solid}
+.xso031l{border-bottom-width:1px}
+.x1fgtraw{height:28px}
+.xc9qbxq{height:36px}
+.xn3w4p2{height:44px}
+.xeuugli{min-width:0}
+}

package/dist/web/Checkbox/index.js

@@ -0,0 +1,116 @@
+import './styles.css';
+import { defaultStyles as _rsdDefaultStyles, merge as _rsdMerge } from "react-strict-dom/runtime";
+import * as React from 'react';
+import { css, html } from 'react-strict-dom';
+import { palette, radius, motion, typography, spacing } from '../tokens.css';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Adwaita-style checkbox. Solid blue square with a unicode check when on,
+ * subtle outlined square when off.
+ */
+export function Checkbox(props) {
+  const {
+    checked,
+    disabled = false,
+    onChange,
+    label
+  } = props;
+  const toggle = () => {
+    if (!disabled) onChange?.(!checked);
+  };
+  const box = /*#__PURE__*/_jsx("span", {
+    ..._rsdMerge(_rsdDefaultStyles.span, styles.box, checked ? styles.boxOn : styles.boxOff),
+    children: checked && /*#__PURE__*/_jsx("span", {
+      ..._rsdMerge(_rsdDefaultStyles.span, styles.check),
+      children: '✓'
+    })
+  });
+  if (label == null) {
+    return /*#__PURE__*/_jsx("button", {
+      type: "button",
+      role: "checkbox",
+      "aria-checked": checked,
+      disabled: disabled,
+      onClick: toggle,
+      ..._rsdMerge(_rsdDefaultStyles.button, styles.bareButton, disabled && styles.disabled),
+      children: box
+    });
+  }
+  return /*#__PURE__*/_jsxs("button", {
+    type: "button",
+    role: "checkbox",
+    "aria-checked": checked,
+    disabled: disabled,
+    onClick: toggle,
+    ..._rsdMerge(_rsdDefaultStyles.button, styles.row, disabled && styles.disabled),
+    children: [box, /*#__PURE__*/_jsx("span", {
+      ..._rsdMerge(_rsdDefaultStyles.span, styles.label),
+      children: label
+    })]
+  });
+}
+const SIZE = 18;
+const styles = {
+  bareButton: {
+    kWkggS: "xjbqb8w",
+    kMzoRj: "xc342km",
+    kmVPX3: "x1717udv",
+    kkrTdU: "x1ypdohk",
+    $$css: true
+  },
+  row: {
+    k1xSpc: "x78zum5",
+    kSGwAc: "xqcrz7y",
+    kXwgrk: "x1q0g3np",
+    kGNEyG: "x6s0dn4",
+    kOIVth: "x15hg9oy",
+    kWkggS: "xjbqb8w",
+    kMzoRj: "xc342km",
+    kmVPX3: "x1717udv",
+    kkrTdU: "x1ypdohk",
+    $$css: true
+  },
+  box: {
+    k1xSpc: "x78zum5",
+    kzqmXN: "x1xp8n7a",
+    kZKoxP: "xmix8c7",
+    kaIpWk: "xdwrzdg",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    k1ekBW: "xts7igz",
+    kIyJzY: "xcj3dzi",
+    kAMwcw: "xfrgxy7",
+    $$css: true
+  },
+  boxOff: {
+    kWkggS: "xjbqb8w",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x16xecvt x1pe04oy",
+    $$css: true
+  },
+  boxOn: {
+    kWkggS: "xhw1y8f x12s1yt6",
+    kMzoRj: "xc342km",
+    $$css: true
+  },
+  check: {
+    kMwMTN: "xgtzv0a",
+    kGuDYH: "xif65rj",
+    kLWn49: "xo5v014",
+    k63SB2: "x1xlr1w8",
+    $$css: true
+  },
+  label: {
+    kMwMTN: "x117bw84",
+    kMv6JI: "x164ifzn",
+    kGuDYH: "xqwltnl",
+    kLWn49: "x7zvn91",
+    $$css: true
+  },
+  disabled: {
+    kSiTet: "xbyyjgo",
+    kkrTdU: "x1h6gzvc",
+    $$css: true
+  }
+};