@pine-ds/doc-components 2.16.4 → 3.0.0

package/dist/semantic-CQi_2NEG.js

@@ -0,0 +1,821 @@
+const e = {
+  "@": {
+    value: {
+      color: "{color.grey.300}",
+      width: "{border-width.thin}",
+      style: "solid"
+    },
+    type: "border"
+  },
+  hover: {
+    value: {
+      color: "{color.grey.400}",
+      width: "{border-width.thin}",
+      style: "solid"
+    },
+    type: "border"
+  },
+  none: {
+    value: {
+      color: "{color.grey.300}",
+      width: "{border-width.none}",
+      style: "solid"
+    },
+    type: "border"
+  }
+}, o = {
+  accent: {
+    "@": {
+      value: "{color.purple.500}",
+      type: "color"
+    },
+    disabled: {
+      value: "{color.purple.100}",
+      type: "color"
+    },
+    hover: {
+      value: "{color.purple.600}",
+      type: "color"
+    }
+  },
+  background: {
+    container: {
+      "@": {
+        value: "{color.white}",
+        type: "color"
+      },
+      disabled: {
+        value: "{color.grey.150}",
+        type: "color"
+      },
+      hover: {
+        value: "{color.grey.050}",
+        type: "color"
+      }
+    }
+  },
+  border: {
+    "@": {
+      value: "{color.grey.300}",
+      type: "color"
+    },
+    hover: {
+      value: "{color.grey.400}",
+      type: "color"
+    },
+    disabled: {
+      value: "{color.grey.200}",
+      type: "color"
+    },
+    active: {
+      value: "{color.grey.400}",
+      type: "color"
+    },
+    danger: {
+      "@": {
+        value: "{color.red.600}",
+        type: "color"
+      },
+      hover: {
+        value: "{color.red.700}",
+        type: "color"
+      }
+    }
+  },
+  danger: {
+    "@": {
+      value: "{color.red.600}",
+      type: "color"
+    },
+    disabled: {
+      value: "{color.red.100}",
+      type: "color"
+    },
+    hover: {
+      value: "{color.red.700}",
+      type: "color"
+    }
+  },
+  "focus-ring": {
+    "@": {
+      value: "{color.purple.300}",
+      type: "color"
+    },
+    danger: {
+      value: "{color.red.300}",
+      type: "color"
+    }
+  },
+  info: {
+    "@": {
+      value: "{color.blue.500}",
+      type: "color"
+    },
+    disabled: {
+      value: "{color.blue.100}",
+      type: "color"
+    },
+    hover: {
+      value: "{color.blue.600}",
+      type: "color"
+    }
+  },
+  neutral: {
+    "@": {
+      value: "{color.grey.500}",
+      type: "color"
+    },
+    disabled: {
+      value: "{color.grey.100}",
+      type: "color"
+    },
+    hover: {
+      value: "{color.grey.600}",
+      type: "color"
+    }
+  },
+  primary: {
+    "@": {
+      value: "{color.grey.900}",
+      type: "color"
+    },
+    disabled: {
+      value: "{color.grey.150}",
+      type: "color"
+    },
+    hover: {
+      value: "{color.grey.950}",
+      type: "color"
+    }
+  },
+  secondary: {
+    "@": {
+      value: "{color.white}",
+      type: "color"
+    },
+    disabled: {
+      value: "{color.white}",
+      type: "color"
+    },
+    hover: {
+      value: "{color.grey.050}",
+      type: "color"
+    }
+  },
+  success: {
+    "@": {
+      value: "{color.green.500}",
+      type: "color"
+    },
+    disabled: {
+      value: "{color.green.100}",
+      type: "color"
+    },
+    hover: {
+      value: "{color.green.600}",
+      type: "color"
+    }
+  },
+  text: {
+    "@": {
+      value: "{color.grey.900}",
+      type: "color"
+    },
+    hover: {
+      value: "{color.grey.950}",
+      type: "color"
+    },
+    disabled: {
+      value: "{color.grey.500}",
+      type: "color"
+    },
+    readonly: {
+      value: "{color.grey.700}",
+      type: "color"
+    },
+    active: {
+      value: "{color.grey.950}",
+      type: "color"
+    },
+    accent: {
+      "@": {
+        value: "{color.purple.900}",
+        type: "color"
+      },
+      disabled: {
+        value: "{color.purple.300}",
+        type: "color"
+      },
+      hover: {
+        value: "{color.purple.950}",
+        type: "color"
+      }
+    },
+    danger: {
+      "@": {
+        value: "{color.red.900}",
+        type: "color"
+      },
+      disabled: {
+        value: "{color.red.300}",
+        type: "color"
+      },
+      hover: {
+        value: "{color.red.950}",
+        type: "color"
+      }
+    },
+    info: {
+      "@": {
+        value: "{color.blue.900}",
+        type: "color"
+      },
+      disabled: {
+        value: "{color.blue.300}",
+        type: "color"
+      },
+      hover: {
+        value: "{color.blue.950}",
+        type: "color"
+      }
+    },
+    label: {
+      "@": {
+        value: "{color.grey.950}",
+        type: "color"
+      },
+      disabled: {
+        value: "{color.grey.500}",
+        type: "color"
+      },
+      readonly: {
+        value: "{color.grey.700}",
+        type: "color"
+      }
+    },
+    message: {
+      "@": {
+        value: "{color.grey.800}",
+        type: "color"
+      },
+      danger: {
+        value: "{color.red.600}",
+        type: "color"
+      },
+      disabled: {
+        value: "{color.grey.600}",
+        type: "color"
+      }
+    },
+    neutral: {
+      "@": {
+        value: "{color.grey.900}",
+        type: "color"
+      },
+      disabled: {
+        value: "{color.grey.600}",
+        type: "color"
+      },
+      hover: {
+        value: "{color.grey.950}",
+        type: "color"
+      }
+    },
+    placeholder: {
+      "@": {
+        value: "{color.grey.600}",
+        type: "color"
+      },
+      disabled: {
+        value: "{color.grey.400}",
+        type: "color"
+      }
+    },
+    primary: {
+      "@": {
+        value: "{color.white}",
+        type: "color"
+      },
+      disabled: {
+        value: "{color.grey.400}",
+        type: "color"
+      }
+    },
+    secondary: {
+      "@": {
+        value: "{color.grey.800}",
+        type: "color"
+      },
+      disabled: {
+        value: "{color.grey.400}",
+        type: "color"
+      },
+      hover: {
+        value: "{color.grey.900}",
+        type: "color"
+      }
+    },
+    success: {
+      "@": {
+        value: "{color.green.900}",
+        type: "color"
+      },
+      disabled: {
+        value: "{color.green.300}",
+        type: "color"
+      },
+      hover: {
+        value: "{color.green.950}",
+        type: "color"
+      }
+    },
+    warning: {
+      "@": {
+        value: "{color.yellow.900}",
+        type: "color"
+      },
+      disabled: {
+        value: "{color.yellow.300}",
+        type: "color"
+      },
+      hover: {
+        value: "{color.yellow.950}",
+        type: "color"
+      }
+    }
+  },
+  warning: {
+    "@": {
+      value: "{color.yellow.500}",
+      type: "color"
+    },
+    disabled: {
+      value: "{color.yellow.100}",
+      type: "color"
+    },
+    hover: {
+      value: "{color.yellow.600}",
+      type: "color"
+    }
+  },
+  brand: {
+    "@": {
+      value: "{color.black}",
+      type: "color"
+    }
+  }
+}, t = {
+  heading: {
+    1: {
+      value: {
+        fontFamily: "{font-family.greet}",
+        fontWeight: "{font-weight.semi-bold}",
+        fontSize: "{font-size.heading.1}",
+        lineHeight: "{line-height.heading} * 100%",
+        letterSpacing: "{letter-spacing.185}"
+      },
+      type: "typography"
+    },
+    2: {
+      value: {
+        fontFamily: "{font-family.greet}",
+        fontWeight: "{font-weight.semi-bold}",
+        fontSize: "{font-size.heading.2}",
+        lineHeight: "{line-height.heading} * 100%",
+        letterSpacing: "{letter-spacing.171}"
+      },
+      type: "typography"
+    },
+    3: {
+      value: {
+        fontFamily: "{font-family.greet}",
+        fontWeight: "{font-weight.semi-bold}",
+        lineHeight: "{line-height.heading} * 100%",
+        letterSpacing: "{letter-spacing.157}",
+        fontSize: "{font-size.heading.3}"
+      },
+      type: "typography"
+    },
+    4: {
+      value: {
+        fontFamily: "{font-family.greet}",
+        fontWeight: "{font-weight.semi-bold}",
+        fontSize: "{font-size.heading.4}",
+        lineHeight: "{line-height.heading} * 100%",
+        letterSpacing: "{letter-spacing.142}"
+      },
+      type: "typography"
+    },
+    5: {
+      value: {
+        fontFamily: "{font-family.greet}",
+        fontWeight: "{font-weight.medium}",
+        fontSize: "{font-size.heading.5}",
+        lineHeight: "{line-height.heading} * 100%",
+        letterSpacing: "{letter-spacing.128}"
+      },
+      type: "typography"
+    },
+    6: {
+      value: {
+        fontFamily: "{font-family.greet}",
+        fontWeight: "{font-weight.medium}",
+        fontSize: "{font-size.heading.6}",
+        lineHeight: "{line-height.heading} * 100%",
+        letterSpacing: "{letter-spacing.114}"
+      },
+      type: "typography"
+    },
+    caption: {
+      value: {
+        fontFamily: "{font-family.greet}",
+        fontWeight: "{font-weight.semi-bold}",
+        fontSize: "{font-size.heading.caption}",
+        lineHeight: "{line-height.heading} * 100%",
+        letterSpacing: "0.8px"
+      },
+      type: "typography"
+    }
+  },
+  body: {
+    "@": {
+      value: {
+        fontFamily: "{font-family.inter}",
+        fontWeight: "{font-weight.regular}",
+        fontSize: "{font-size.body.md}",
+        lineHeight: "{line-height.body} * 100%",
+        letterSpacing: "{letter-spacing.@}"
+      },
+      type: "typography"
+    },
+    medium: {
+      value: {
+        fontFamily: "{font-family.inter}",
+        fontWeight: "{font-weight.medium}",
+        fontSize: "{font-size.body.md}",
+        lineHeight: "{line-height.body} * 100%",
+        letterSpacing: "{letter-spacing.@}"
+      },
+      type: "typography"
+    },
+    mono: {
+      value: {
+        fontFamily: "monospace",
+        fontWeight: "{font-weight.medium}",
+        fontSize: "{font-size.body.md}",
+        lineHeight: "{line-height.body} * 100%"
+      },
+      type: "typography"
+    },
+    "semi-bold": {
+      value: {
+        fontFamily: "{font-family.inter}",
+        fontWeight: "{font-weight.semi-bold}",
+        fontSize: "{font-size.body.md}",
+        lineHeight: "{line-height.body} * 100%",
+        letterSpacing: "{letter-spacing.@}"
+      },
+      type: "typography"
+    },
+    bold: {
+      value: {
+        fontFamily: "{font-family.inter}",
+        fontWeight: "{font-weight.bold}",
+        fontSize: "{font-size.body.md}",
+        lineHeight: "{line-height.body} * 100%",
+        letterSpacing: "{letter-spacing.@}"
+      },
+      type: "typography"
+    },
+    "brand-label": {
+      value: {
+        fontFamily: "{font-family.greet}",
+        fontWeight: "{font-weight.medium}",
+        fontSize: "{font-size.body.md}",
+        lineHeight: "{line-height.body} * 100%"
+      },
+      type: "typography",
+      description: "brand-label"
+    },
+    "brand-text": {
+      value: {
+        fontFamily: "{font-family.faire-sprig}",
+        fontWeight: "{font-weight.medium}",
+        fontSize: "{font-size.body.md}",
+        lineHeight: "{line-height.body} * 100%"
+      },
+      type: "typography",
+      description: "brand-text"
+    }
+  },
+  "body-sm": {
+    "@": {
+      value: {
+        fontFamily: "{font-family.inter}",
+        fontWeight: "{font-weight.regular}",
+        fontSize: "{font-size.body.sm}",
+        lineHeight: "{line-height.body} * 100%"
+      },
+      type: "typography"
+    },
+    medium: {
+      value: {
+        fontFamily: "{font-family.inter}",
+        fontWeight: "{font-weight.medium}",
+        fontSize: "{font-size.body.sm}",
+        lineHeight: "{line-height.body} * 100%"
+      },
+      type: "typography"
+    },
+    mono: {
+      value: {
+        fontFamily: "monospace",
+        fontWeight: "{font-weight.medium}",
+        fontSize: "{font-size.body.sm}",
+        lineHeight: "{line-height.body} * 100%"
+      },
+      type: "typography"
+    },
+    bold: {
+      value: {
+        fontFamily: "{font-family.inter}",
+        fontWeight: "{font-weight.bold}",
+        fontSize: "{font-size.body.sm}",
+        lineHeight: "{line-height.body} * 100%"
+      },
+      type: "typography"
+    },
+    "brand-label": {
+      value: {
+        fontFamily: "{font-family.greet}",
+        fontWeight: "{font-weight.medium}",
+        fontSize: "{font-size.body.sm}",
+        lineHeight: "{line-height.body} * 100%"
+      },
+      type: "typography",
+      description: "brand-label"
+    },
+    "brand-text": {
+      value: {
+        fontFamily: "{font-family.faire-sprig}",
+        fontWeight: "{font-weight.medium}",
+        fontSize: "{font-size.body.sm}",
+        lineHeight: "{line-height.body} * 100%"
+      },
+      type: "typography",
+      description: "brand-text"
+    }
+  }
+}, l = {
+  none: {
+    value: "{dimension.0}",
+    type: "dimension"
+  },
+  "2xs": {
+    value: "{dimension.050}",
+    type: "dimension"
+  },
+  xs: {
+    value: "{dimension.100}",
+    type: "dimension"
+  },
+  sm: {
+    value: "{dimension.200}",
+    type: "dimension"
+  },
+  md: {
+    value: "{dimension.300}",
+    type: "dimension"
+  },
+  lg: {
+    value: "{dimension.400}",
+    type: "dimension"
+  },
+  xl: {
+    value: "{dimension.500}",
+    type: "dimension"
+  },
+  "2xl": {
+    value: "{dimension.600}",
+    type: "dimension"
+  }
+}, i = {
+  focus: {
+    "@": {
+      value: {
+        width: "{border-width.thick}",
+        style: "solid",
+        color: "{color.focus-ring.@}"
+      },
+      type: "border",
+      description: "Default focus ring"
+    },
+    danger: {
+      value: {
+        color: "{color.focus-ring.danger}",
+        style: "solid",
+        width: "{border-width.thick}"
+      },
+      type: "border",
+      description: "Focus ring for danger/invalid states"
+    }
+  }
+}, r = {
+  border: e,
+  "border-radius": {
+    full: {
+      value: "9999px",
+      type: "borderRadius",
+      description: "this is to be used for rounded corners without specified dimensions"
+    }
+  },
+  "border-width": {
+    "@": {
+      value: "{border-width.thin}",
+      type: "borderWidth"
+    }
+  },
+  "box-shadow": {
+    "@": {
+      value: "{box-shadow.100}",
+      type: "boxShadow"
+    }
+  },
+  color: o,
+  "font-size": {
+    "@": {
+      value: "{font-size.100}",
+      type: "fontSizes"
+    },
+    body: {
+      "2xs": {
+        value: "{font-size.057}",
+        type: "fontSizes"
+      },
+      xs: {
+        value: "{font-size.071}",
+        type: "fontSizes"
+      },
+      sm: {
+        value: "{font-size.085}",
+        type: "fontSizes"
+      },
+      md: {
+        value: "{font-size.100}",
+        type: "fontSizes"
+      },
+      lg: {
+        value: "{font-size.116}",
+        type: "fontSizes"
+      },
+      xl: {
+        value: "{font-size.128}",
+        type: "fontSizes"
+      },
+      "2xl": {
+        value: "{font-size.142}",
+        type: "fontSizes"
+      }
+    },
+    heading: {
+      1: {
+        value: "{font-size.200}",
+        type: "fontSizes"
+      },
+      2: {
+        value: "{font-size.185}",
+        type: "fontSizes"
+      },
+      3: {
+        value: "{font-size.157}",
+        type: "fontSizes"
+      },
+      4: {
+        value: "{font-size.142}",
+        type: "fontSizes"
+      },
+      5: {
+        value: "{font-size.128}",
+        type: "fontSizes"
+      },
+      6: {
+        value: "{font-size.116}",
+        type: "fontSizes"
+      },
+      caption: {
+        value: "{font-size.085}",
+        type: "fontSizes"
+      }
+    }
+  },
+  "font-weight": {
+    thin: {
+      value: "{font-weight.100}",
+      type: "fontWeights"
+    },
+    "extra-light": {
+      value: "{font-weight.200}",
+      type: "fontWeights"
+    },
+    light: {
+      value: "{font-weight.300}",
+      type: "fontWeights"
+    },
+    regular: {
+      value: "{font-weight.400}",
+      type: "fontWeights"
+    },
+    medium: {
+      value: "{font-weight.500}",
+      type: "fontWeights"
+    },
+    "semi-bold": {
+      value: "{font-weight.600}",
+      type: "fontWeights"
+    },
+    bold: {
+      value: "{font-weight.700}",
+      type: "fontWeights"
+    },
+    "extra-bold": {
+      value: "{font-weight.800}",
+      type: "fontWeights"
+    },
+    heavy: {
+      value: "{font-weight.900}",
+      type: "fontWeights"
+    },
+    "text-message": {
+      value: "{font-weight.400}",
+      type: "fontWeights"
+    }
+  },
+  "letter-spacing": {
+    "@": {
+      value: "{letter-spacing.114} * -1",
+      type: "letterSpacing"
+    },
+    heading: {
+      1: {
+        value: "{letter-spacing.185}",
+        type: "letterSpacing"
+      },
+      2: {
+        value: "{letter-spacing.171}",
+        type: "letterSpacing"
+      },
+      3: {
+        value: "{letter-spacing.157}",
+        type: "letterSpacing"
+      },
+      4: {
+        value: "{letter-spacing.142}",
+        type: "letterSpacing"
+      },
+      5: {
+        value: "{letter-spacing.128}",
+        type: "letterSpacing"
+      },
+      6: {
+        value: "{letter-spacing.114}",
+        type: "letterSpacing"
+      }
+    }
+  },
+  "line-height": {
+    "text-message": {
+      value: "{line-height.125}",
+      type: "lineHeights"
+    },
+    heading: {
+      value: "{line-height.125}",
+      type: "lineHeights"
+    },
+    body: {
+      value: "{line-height.100} * 1.425",
+      type: "lineHeights"
+    }
+  },
+  typography: t,
+  dimension: l,
+  "font-family": {
+    heading: {
+      value: "{font-family.greet}",
+      type: "fontFamilies"
+    },
+    body: {
+      value: "{font-family.inter}",
+      type: "fontFamilies"
+    }
+  },
+  outline: i
+};
+export {
+  e as border,
+  o as color,
+  r as default,
+  l as dimension,
+  i as outline,
+  t as typography
+};
+//# sourceMappingURL=semantic-CQi_2NEG.js.map