naive-ui 2.35.0 → 2.37.0

package/es/tree-select/src/interface.mjs

@@ -0,0 +1,2 @@
+import { createInjectionKey } from "../../_utils/index.mjs";
+export const treeSelectInjectionKey = createInjectionKey('n-tree-select');

package/es/tree-select/src/styles/index.cssr.mjs

@@ -0,0 +1,38 @@
+import { fadeInScaleUpTransition } from "../../../_styles/transitions/fade-in-scale-up.cssr.mjs";
+import { c, cB, cE } from "../../../_utils/cssr/index.mjs";
+// vars:
+// --n-bezier
+// --n-menu-height
+// --n-menu-border-radius
+// --n-menu-box-shadow
+// --n-menu-color
+// --n-action-padding
+// --n-action-text-color
+// --n-action-divider-color
+export default c([cB('tree-select', `
+ z-index: auto;
+ outline: none;
+ width: 100%;
+ position: relative;
+ `), cB('tree-select-menu', `
+ position: relative;
+ overflow: hidden;
+ margin: 4px 0;
+ transition: box-shadow .3s var(--n-bezier), background-color .3s var(--n-bezier);
+ border-radius: var(--n-menu-border-radius);
+ box-shadow: var(--n-menu-box-shadow);
+ background-color: var(--n-menu-color);
+ outline: none;
+ `, [cB('tree', 'max-height: var(--n-menu-height);'), cE('empty', `
+ display: flex;
+ padding: 12px 32px;
+ flex: 1;
+ justify-content: center;
+ `), cE('action', `
+ padding: var(--n-action-padding);
+ transition: 
+ color .3s var(--n-bezier);
+ border-color .3s var(--n-bezier);
+ border-top: 1px solid var(--n-action-divider-color);
+ color: var(--n-action-text-color);
+ `), fadeInScaleUpTransition()])]);

package/es/tree-select/src/utils.mjs

@@ -0,0 +1,18 @@
+export function treeOption2SelectOption(tmNode, labelField) {
+  const {
+    rawNode
+  } = tmNode;
+  return Object.assign(Object.assign({}, rawNode), {
+    label: rawNode[labelField],
+    value: tmNode.key
+  });
+}
+export function treeOption2SelectOptionWithPath(tmNode, path, separator, labelField) {
+  const {
+    rawNode
+  } = tmNode;
+  return Object.assign(Object.assign({}, rawNode), {
+    value: tmNode.key,
+    label: path.map(v => v.rawNode[labelField]).join(separator)
+  });
+}

package/es/tree-select/styles/dark.mjs

@@ -0,0 +1,14 @@
+import { emptyDark } from "../../empty/styles/index.mjs";
+import { treeDark } from "../../tree/styles/index.mjs";
+import { commonDark } from "../../_styles/common/index.mjs";
+import { internalSelectionDark } from "../../_internal/selection/styles/index.mjs";
+const treeSelectDark = {
+  name: 'TreeSelect',
+  common: commonDark,
+  peers: {
+    Tree: treeDark,
+    Empty: emptyDark,
+    InternalSelection: internalSelectionDark
+  }
+};
+export default treeSelectDark;

package/es/tree-select/styles/index.mjs

@@ -0,0 +1,2 @@
+export { default as treeSelectDark } from "./dark.mjs";
+export { default as treeSelectLight } from "./light.mjs";

package/es/tree-select/styles/light.d.ts

@@ -34,6 +34,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         nodeTextColorDisabled: string;
         loadingColor: string;
         dropMarkColor: string;
+        lineColor: string;
     }, {
         Checkbox: import("../../_mixins/use-theme").Theme<"Checkbox", {
             labelLineHeight: string;

package/es/tree-select/styles/light.mjs

@@ -0,0 +1,36 @@
+import { commonLight } from "../../_styles/common/index.mjs";
+import { createTheme } from "../../_mixins/use-theme.mjs";
+import { treeLight } from "../../tree/styles/index.mjs";
+import { emptyLight } from "../../empty/styles/index.mjs";
+import { internalSelectionLight } from "../../_internal/selection/styles/index.mjs";
+export const self = vars => {
+  const {
+    popoverColor,
+    boxShadow2,
+    borderRadius,
+    heightMedium,
+    dividerColor,
+    textColor2
+  } = vars;
+  return {
+    menuPadding: '4px',
+    menuColor: popoverColor,
+    menuBoxShadow: boxShadow2,
+    menuBorderRadius: borderRadius,
+    menuHeight: `calc(${heightMedium} * 7.6)`,
+    actionDividerColor: dividerColor,
+    actionTextColor: textColor2,
+    actionPadding: '8px 12px'
+  };
+};
+const treeSelectLight = createTheme({
+  name: 'TreeSelect',
+  common: commonLight,
+  peers: {
+    Tree: treeLight,
+    Empty: emptyLight,
+    InternalSelection: internalSelectionLight
+  },
+  self
+});
+export default treeSelectLight;

package/es/typography/index.mjs

@@ -0,0 +1,10 @@
+export { NH1, NH2, NH3, NH4, NH5, NH6 } from "./src/headers.mjs";
+export { headerProps as h1Props, headerProps as h2Props, headerProps as h3Props, headerProps as h4Props, headerProps as h5Props, headerProps as h6Props } from "./src/create-header.mjs";
+export { default as NA, aProps } from "./src/a.mjs";
+export { default as NP, pProps } from "./src/p.mjs";
+export { default as NBlockquote, blockquoteProps } from "./src/blockquote.mjs";
+export { default as NHr } from "./src/hr.mjs";
+export { default as NUl, ulProps } from "./src/ul.mjs";
+export { default as NOl, olProps } from "./src/ol.mjs";
+export { default as NLi } from "./src/li.mjs";
+export { default as NText, textProps } from "./src/text.mjs";

package/es/typography/src/a.mjs

@@ -0,0 +1,45 @@
+import { h, defineComponent, computed } from 'vue';
+import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import { typographyLight } from "../styles/index.mjs";
+import style from "./styles/a.cssr.mjs";
+export const aProps = Object.assign({}, useTheme.props);
+export default defineComponent({
+  name: 'A',
+  props: aProps,
+  setup(props) {
+    const {
+      mergedClsPrefixRef,
+      inlineThemeDisabled
+    } = useConfig(props);
+    const themeRef = useTheme('Typography', '-a', style, typographyLight, props, mergedClsPrefixRef);
+    const cssVarsRef = computed(() => {
+      const {
+        common: {
+          cubicBezierEaseInOut
+        },
+        self: {
+          aTextColor
+        }
+      } = themeRef.value;
+      return {
+        '--n-text-color': aTextColor,
+        '--n-bezier': cubicBezierEaseInOut
+      };
+    });
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass('a', undefined, cssVarsRef, props) : undefined;
+    return {
+      mergedClsPrefix: mergedClsPrefixRef,
+      cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+      themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+      onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+    };
+  },
+  render() {
+    var _a;
+    (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+    return h("a", {
+      class: [`${this.mergedClsPrefix}-a`, this.themeClass],
+      style: this.cssVars
+    }, this.$slots);
+  }
+});

package/es/typography/src/blockquote.mjs

@@ -0,0 +1,56 @@
+import { h, defineComponent, computed } from 'vue';
+import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import style from "./styles/blockquote.cssr.mjs";
+import { typographyLight } from "../styles/index.mjs";
+export const blockquoteProps = Object.assign(Object.assign({}, useTheme.props), {
+  alignText: Boolean
+});
+export default defineComponent({
+  name: 'Blockquote',
+  props: blockquoteProps,
+  setup(props) {
+    const {
+      mergedClsPrefixRef,
+      inlineThemeDisabled
+    } = useConfig(props);
+    const themeRef = useTheme('Typography', '-blockquote', style, typographyLight, props, mergedClsPrefixRef);
+    const cssVarsRef = computed(() => {
+      const {
+        common: {
+          cubicBezierEaseInOut
+        },
+        self: {
+          blockquoteTextColor,
+          blockquotePrefixColor,
+          blockquoteLineHeight,
+          blockquoteFontSize
+        }
+      } = themeRef.value;
+      return {
+        '--n-bezier': cubicBezierEaseInOut,
+        '--n-font-size': blockquoteFontSize,
+        '--n-line-height': blockquoteLineHeight,
+        '--n-prefix-color': blockquotePrefixColor,
+        '--n-text-color': blockquoteTextColor
+      };
+    });
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass('blockquote', undefined, cssVarsRef, props) : undefined;
+    return {
+      mergedClsPrefix: mergedClsPrefixRef,
+      cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+      themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+      onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+    };
+  },
+  render() {
+    var _a;
+    const {
+      mergedClsPrefix
+    } = this;
+    (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+    return h("blockquote", {
+      class: [`${mergedClsPrefix}-blockquote`, this.themeClass, this.alignText && `${mergedClsPrefix}-blockquote--align-text`],
+      style: this.cssVars
+    }, this.$slots);
+  }
+});

package/es/typography/src/create-header.mjs

@@ -0,0 +1,79 @@
+import { h, defineComponent, computed } from 'vue';
+import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import { createKey } from "../../_utils/index.mjs";
+import { typographyLight } from "../styles/index.mjs";
+import style from "./styles/header.cssr.mjs";
+export const headerProps = Object.assign(Object.assign({}, useTheme.props), {
+  type: {
+    type: String,
+    default: 'default'
+  },
+  prefix: String,
+  alignText: Boolean
+});
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+export default (level => defineComponent({
+  name: `H${level}`,
+  props: headerProps,
+  setup(props) {
+    const {
+      mergedClsPrefixRef,
+      inlineThemeDisabled
+    } = useConfig(props);
+    const themeRef = useTheme('Typography', '-h', style, typographyLight, props, mergedClsPrefixRef);
+    const cssVarsRef = computed(() => {
+      const {
+        type
+      } = props;
+      const {
+        common: {
+          cubicBezierEaseInOut
+        },
+        self: {
+          headerFontWeight,
+          headerTextColor,
+          [createKey('headerPrefixWidth', level)]: prefixWidth,
+          [createKey('headerFontSize', level)]: fontSize,
+          [createKey('headerMargin', level)]: margin,
+          [createKey('headerBarWidth', level)]: barWidth,
+          [createKey('headerBarColor', type)]: barColor
+        }
+      } = themeRef.value;
+      return {
+        '--n-bezier': cubicBezierEaseInOut,
+        '--n-font-size': fontSize,
+        '--n-margin': margin,
+        '--n-bar-color': barColor,
+        '--n-bar-width': barWidth,
+        '--n-font-weight': headerFontWeight,
+        '--n-text-color': headerTextColor,
+        '--n-prefix-width': prefixWidth
+      };
+    });
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass(`h${level}`, computed(() => props.type[0]), cssVarsRef, props) : undefined;
+    return {
+      mergedClsPrefix: mergedClsPrefixRef,
+      cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+      themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+      onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+    };
+  },
+  render() {
+    var _a;
+    const {
+      prefix,
+      alignText,
+      mergedClsPrefix,
+      cssVars,
+      $slots
+    } = this;
+    (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+    return h(`h${level}`, {
+      class: [`${mergedClsPrefix}-h`, `${mergedClsPrefix}-h${level}`, this.themeClass, {
+        [`${mergedClsPrefix}-h--prefix-bar`]: prefix,
+        [`${mergedClsPrefix}-h--align-text`]: alignText
+      }],
+      style: cssVars
+    }, $slots);
+  }
+}));

package/es/typography/src/headers.mjs

@@ -0,0 +1,7 @@
+import createHeader from "./create-header.mjs";
+export const NH1 = createHeader('1');
+export const NH2 = createHeader('2');
+export const NH3 = createHeader('3');
+export const NH4 = createHeader('4');
+export const NH5 = createHeader('5');
+export const NH6 = createHeader('6');

package/es/typography/src/hr.mjs

@@ -0,0 +1,44 @@
+import { h, defineComponent, computed } from 'vue';
+import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import { typographyLight } from "../styles/index.mjs";
+import style from "./styles/hr.cssr.mjs";
+export default defineComponent({
+  name: 'Hr',
+  props: Object.assign({}, useTheme.props),
+  setup(props) {
+    const {
+      mergedClsPrefixRef,
+      inlineThemeDisabled
+    } = useConfig(props);
+    const themeRef = useTheme('Typography', '-hr', style, typographyLight, props, mergedClsPrefixRef);
+    const cssVarsRef = computed(() => {
+      const {
+        common: {
+          cubicBezierEaseInOut
+        },
+        self: {
+          hrColor
+        }
+      } = themeRef.value;
+      return {
+        '--n-bezier': cubicBezierEaseInOut,
+        '--n-color': hrColor
+      };
+    });
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass('hr', undefined, cssVarsRef, props) : undefined;
+    return {
+      mergedClsPrefix: mergedClsPrefixRef,
+      cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+      themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+      onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+    };
+  },
+  render() {
+    var _a;
+    (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+    return h("hr", {
+      class: [`${this.mergedClsPrefix}-hr`, this.themeClass],
+      style: this.cssVars
+    });
+  }
+});

package/es/typography/src/li.mjs

@@ -0,0 +1,7 @@
+import { defineComponent, h } from 'vue';
+export default defineComponent({
+  name: 'Li',
+  render() {
+    return h("li", null, this.$slots);
+  }
+});

package/es/typography/src/ol.mjs

@@ -0,0 +1,60 @@
+import { h, defineComponent, computed } from 'vue';
+import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import { typographyLight } from "../styles/index.mjs";
+import style from "./styles/list.cssr.mjs";
+export const olProps = Object.assign(Object.assign({}, useTheme.props), {
+  alignText: Boolean
+});
+export default defineComponent({
+  name: 'Ol',
+  props: olProps,
+  setup(props) {
+    const {
+      mergedClsPrefixRef,
+      inlineThemeDisabled
+    } = useConfig(props);
+    const themeRef = useTheme('Typography', '-xl', style, typographyLight, props, mergedClsPrefixRef);
+    const cssVarsRef = computed(() => {
+      const {
+        common: {
+          cubicBezierEaseInOut
+        },
+        self: {
+          olPadding,
+          ulPadding,
+          liMargin,
+          liTextColor,
+          liLineHeight,
+          liFontSize
+        }
+      } = themeRef.value;
+      return {
+        '--n-bezier': cubicBezierEaseInOut,
+        '--n-font-size': liFontSize,
+        '--n-line-height': liLineHeight,
+        '--n-text-color': liTextColor,
+        '--n-li-margin': liMargin,
+        '--n-ol-padding': olPadding,
+        '--n-ul-padding': ulPadding
+      };
+    });
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass('ol', undefined, cssVarsRef, props) : undefined;
+    return {
+      mergedClsPrefix: mergedClsPrefixRef,
+      cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+      themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+      onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+    };
+  },
+  render() {
+    var _a;
+    const {
+      mergedClsPrefix
+    } = this;
+    (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+    return h("ol", {
+      class: [`${mergedClsPrefix}-ol`, this.themeClass, this.alignText && `${mergedClsPrefix}-ol--align-text`],
+      style: this.cssVars
+    }, this.$slots);
+  }
+});

package/es/typography/src/p.mjs

@@ -0,0 +1,58 @@
+import { h, defineComponent, computed } from 'vue';
+import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import { typographyLight } from "../styles/index.mjs";
+import style from "./styles/p.cssr.mjs";
+export const pProps = Object.assign(Object.assign({}, useTheme.props), {
+  depth: [String, Number]
+});
+export default defineComponent({
+  name: 'P',
+  props: pProps,
+  setup(props) {
+    const {
+      mergedClsPrefixRef,
+      inlineThemeDisabled
+    } = useConfig(props);
+    const themeRef = useTheme('Typography', '-p', style, typographyLight, props, mergedClsPrefixRef);
+    const cssVarsRef = computed(() => {
+      const {
+        depth
+      } = props;
+      const typeSafeDepth = depth || '1';
+      const {
+        common: {
+          cubicBezierEaseInOut
+        },
+        self: {
+          pFontSize,
+          pLineHeight,
+          pMargin,
+          pTextColor,
+          [`pTextColor${typeSafeDepth}Depth`]: depthTextColor
+        }
+      } = themeRef.value;
+      return {
+        '--n-bezier': cubicBezierEaseInOut,
+        '--n-font-size': pFontSize,
+        '--n-line-height': pLineHeight,
+        '--n-margin': pMargin,
+        '--n-text-color': depth === undefined ? pTextColor : depthTextColor
+      };
+    });
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass('p', computed(() => `${props.depth || ''}`), cssVarsRef, props) : undefined;
+    return {
+      mergedClsPrefix: mergedClsPrefixRef,
+      cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+      themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+      onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+    };
+  },
+  render() {
+    var _a;
+    (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+    return h("p", {
+      class: [`${this.mergedClsPrefix}-p`, this.themeClass],
+      style: this.cssVars
+    }, this.$slots);
+  }
+});

package/es/typography/src/styles/a.cssr.mjs

@@ -0,0 +1,12 @@
+import { cB } from "../../../_utils/cssr/index.mjs";
+// vars:
+// --n-text-color
+// --n-bezier
+export default cB('a', `
+ cursor: pointer;
+ transition:
+ color .3s var(--n-bezier),
+ text-decoration-color .3s var(--n-bezier);
+ text-decoration-color: var(--n-text-color);
+ color: var(--n-text-color);
+`);

package/es/typography/src/styles/blockquote.cssr.mjs

@@ -0,0 +1,27 @@
+import { c, cB, cM } from "../../../_utils/cssr/index.mjs";
+// vars:
+// --n-bezier
+// --n-font-size
+// --n-line-height
+// --n-prefix-color
+// --n-text-color
+export default cB('blockquote', `
+ font-size: var(--n-font-size);
+ line-height: var(--n-line-height);
+ margin: 0;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ box-sizing: border-box;
+ padding-left: 12px;
+ border-left: 4px solid var(--n-prefix-color);
+ color: var(--n-text-color);
+ transition:
+ color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+`, [c('&:first-child', {
+  marginTop: 0
+}), c('&:last-child', {
+  marginBottom: 0
+}), cM('align-text', {
+  marginLeft: '-16px'
+})]);

package/es/typography/src/styles/header.cssr.mjs

@@ -0,0 +1,37 @@
+import { c, cB, cM } from "../../../_utils/cssr/index.mjs";
+// vars:
+// --n-bezier
+// --n-font-size
+// --n-margin
+// --n-bar-color
+// --n-bar-width
+// --n-font-weight
+// --n-text-color
+// --n-prefix-width
+export default cB('h', `
+ font-size: var(--n-font-size);
+ font-weight: var(--n-font-weight);
+ margin: var(--n-margin);
+ transition: color .3s var(--n-bezier);
+ color: var(--n-text-color);
+`, [c('&:first-child', {
+  marginTop: 0
+}), cM('prefix-bar', {
+  position: 'relative',
+  paddingLeft: 'var(--n-prefix-width)'
+}, [cM('align-text', {
+  paddingLeft: 0
+}, [c('&::before', {
+  left: 'calc(-1 * var(--n-prefix-width))'
+})]), c('&::before', `
+ content: "";
+ width: var(--n-bar-width);
+ border-radius: calc(var(--n-bar-width) / 2);
+ transition: background-color .3s var(--n-bezier);
+ left: 0;
+ top: 0;
+ bottom: 0;
+ position: absolute;
+ `), c('&::before', {
+  backgroundColor: 'var(--n-bar-color)'
+})])]);

package/es/typography/src/styles/hr.cssr.mjs

@@ -0,0 +1,11 @@
+import { cB } from "../../../_utils/cssr/index.mjs";
+// vars:
+// --n-color
+export default cB('hr', `
+ margin: 12px 0;
+ transition: border-color .3s var(--n-bezier);
+ border-left: none;
+ border-right: none;
+ border-bottom: none;
+ border-top: 1px solid var(--n-color);
+`);

package/es/typography/src/styles/list.cssr.mjs

@@ -0,0 +1,32 @@
+import { c, cB, cM } from "../../../_utils/cssr/index.mjs";
+const liStyle = c('li', {
+  transition: 'color .3s var(--n-bezier)',
+  lineHeight: 'var(--n-line-height)',
+  margin: 'var(--n-li-margin)',
+  marginBottom: 0,
+  color: 'var(--n-text-color)'
+});
+const childStyle = [c('&:first-child', `
+ margin-top: 0;
+ `), c('&:last-child', `
+ margin-bottom: 0;
+ `)];
+// vars:
+// --n-bezier
+// --n-font-size
+// --n-line-height
+// --n-text-color
+// --n-li-margin
+// --n-ol-padding
+// --n-ul-padding
+export default c([cB('ol', {
+  fontSize: 'var(--n-font-size)',
+  padding: 'var(--n-ol-padding)'
+}, [cM('align-text', {
+  paddingLeft: 0
+}), liStyle, childStyle]), cB('ul', {
+  fontSize: 'var(--n-font-size)',
+  padding: 'var(--n-ul-padding)'
+}, [cM('align-text', {
+  paddingLeft: 0
+}), liStyle, childStyle])]);

package/es/typography/src/styles/p.cssr.mjs

@@ -0,0 +1,15 @@
+import { c, cB } from "../../../_utils/cssr/index.mjs";
+// vars:
+// --n-bezier
+// --n-font-size
+// --n-line-height
+// --n-margin
+// --n-text-color
+export default cB('p', `
+ box-sizing: border-box;
+ transition: color .3s var(--n-bezier);
+ margin: var(--n-margin);
+ font-size: var(--n-font-size);
+ line-height: var(--n-line-height);
+ color: var(--n-text-color);
+`, [c('&:first-child', 'margin-top: 0;'), c('&:last-child', 'margin-bottom: 0;')]);