@anker-in/headless-ui 1.1.31 → 1.1.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/biz-components/Evaluate/index.js +1 -1
- package/dist/cjs/biz-components/Evaluate/index.js.map +3 -3
- package/dist/cjs/biz-components/Graphic/index.js +1 -1
- package/dist/cjs/biz-components/Graphic/index.js.map +3 -3
- package/dist/cjs/components/badge.d.ts +5 -2
- package/dist/cjs/components/badge.js +1 -1
- package/dist/cjs/components/badge.js.map +3 -3
- package/dist/cjs/stories/badge.stories.d.ts +66 -1
- package/dist/cjs/stories/badge.stories.js +1 -1
- package/dist/cjs/stories/badge.stories.js.map +3 -3
- package/dist/esm/biz-components/Evaluate/index.js +1 -1
- package/dist/esm/biz-components/Evaluate/index.js.map +3 -3
- package/dist/esm/biz-components/Graphic/index.js +1 -1
- package/dist/esm/biz-components/Graphic/index.js.map +3 -3
- package/dist/esm/components/badge.d.ts +5 -2
- package/dist/esm/components/badge.js +1 -1
- package/dist/esm/components/badge.js.map +3 -3
- package/dist/esm/stories/badge.stories.d.ts +66 -1
- package/dist/esm/stories/badge.stories.js +1 -1
- package/dist/esm/stories/badge.stories.js.map +3 -3
- package/package.json +1 -1
- package/style.css +45 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/badge.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Badge } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n title: 'Components/Badge',\n component: Badge,\n parameters: {\n layout: 'centered',\n },\n tags: ['autodocs'],\n argTypes: {\n size: {\n control: {\n type: 'select',\n },\n options: ['sm', 'lg'],\n description: 'Badge \u5C3A\u5BF8',\n table: {\n defaultValue: { summary: 'lg' },\n },\n },\n },\n args: {\n size: 'lg',\n },\n} satisfies Meta<typeof Badge>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n args: {\n children: 'New',\n },\n}\n\nexport const Examples: Story = {\n render() {\n return (\n <div className=\"flex flex-col space-y-4\">\n <Badge>New</Badge>\n </div>\n )\n },\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["jsx", "Badge", "meta", "badge_stories_default", "Default", "
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Badge } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n title: 'Components/Badge',\n component: Badge,\n parameters: {\n layout: 'centered',\n docs: {\n description: {\n component:\n '\u5FBD\u7AE0\u7EC4\u4EF6\u7528\u4E8E\u663E\u793A\u72B6\u6001\u3001\u6807\u7B7E\u6216\u8BA1\u6570\u4FE1\u606F\u3002\u652F\u6301\u591A\u79CD\u5C3A\u5BF8\u548C\u6837\u5F0F\u53D8\u4F53\uFF0C\u5305\u62EC\u57FA\u7840\u8F6E\u5ED3\u6837\u5F0F\u3001\u586B\u5145\u6837\u5F0F\u4EE5\u53CA\u591A\u79CD\u4FC3\u9500\u5FBD\u7AE0\u7C7B\u578B\u3002\u4FC3\u9500\u5FBD\u7AE0\u652F\u6301\u56DB\u79CD\u7C7B\u578B\uFF1APlus\u4F1A\u5458\uFF08\u6DF1\u8272\u6E10\u53D8\uFF09\u4F7F\u7528\u7279\u6B8A\u6837\u5F0F\uFF0C\u5176\u4ED6\u7C7B\u578B\uFF08\u666E\u901A\u4F1A\u5458\u3001\u666E\u901A\u6298\u6263\u3001\u9650\u65F6\u6298\u6263\uFF09\u4F7F\u7528\u54C1\u724C\u8272\u586B\u5145\u6837\u5F0F\uFF0C\u6BCF\u79CD\u7C7B\u578B\u90FD\u914D\u6709\u4E13\u5C5E\u56FE\u6807\u3002',\n },\n },\n },\n tags: ['autodocs'],\n argTypes: {\n size: {\n control: {\n type: 'select',\n },\n options: ['sm', 'lg'],\n description: '\u5FBD\u7AE0\u5C3A\u5BF8\uFF1Asm (24px\u9AD8\u5EA6) \u6216 lg (24px\u9AD8\u5EA6\uFF0C\u5927\u5C4F\u5E5528px\u9AD8\u5EA6)',\n table: {\n defaultValue: { summary: 'lg' },\n },\n },\n variant: {\n control: {\n type: 'select',\n },\n options: ['outline', 'fill', 'promotional'],\n description: '\u5FBD\u7AE0\u53D8\u4F53\u6837\u5F0F\uFF1Aoutline (\u8F6E\u5ED3\u6837\u5F0F)\u3001fill (\u586B\u5145\u6837\u5F0F)\u3001promotional (\u4FC3\u9500\u6837\u5F0F\uFF0C\u652F\u6301\u4E0D\u540C\u4FC3\u9500\u7C7B\u578B)',\n table: {\n defaultValue: { summary: 'outline' },\n type: { summary: \"'outline' | 'fill' | 'promotional'\" },\n },\n },\n promotionalType: {\n control: {\n type: 'select',\n },\n options: ['plus-member', 'regular-member', 'regular-discount', 'time-limited-discount'],\n description:\n '\u4FC3\u9500\u7C7B\u578B\uFF1Aplus-member (Plus\u4F1A\u5458\uFF0C\u6DF1\u8272\u6E10\u53D8) \u4F7F\u7528\u7279\u6B8A\u6837\u5F0F\uFF0C\u5176\u4ED6\u7C7B\u578B\u4F7F\u7528\u54C1\u724C\u8272\u586B\u5145\u6837\u5F0F\uFF0C\u6BCF\u79CD\u7C7B\u578B\u914D\u6709\u4E13\u5C5E\u56FE\u6807',\n table: {\n defaultValue: { summary: 'undefined' },\n type: { summary: \"'plus-member' | 'regular-member' | 'regular-discount' | 'time-limited-discount'\" },\n },\n if: { arg: 'variant', eq: 'promotional' },\n },\n children: {\n control: 'text',\n description: '\u5FBD\u7AE0\u663E\u793A\u7684\u6587\u672C\u5185\u5BB9',\n table: {\n type: { summary: 'ReactNode' },\n },\n },\n className: {\n control: 'text',\n description: '\u989D\u5916\u7684CSS\u7C7B\u540D',\n table: {\n type: { summary: 'string' },\n },\n },\n },\n args: {\n size: 'lg',\n variant: 'outline',\n children: 'New',\n },\n} satisfies Meta<typeof Badge>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n args: {\n children: 'New',\n },\n}\n\nexport const PlaygroundDemo: Story = {\n name: 'Playground Demo',\n render() {\n return (\n <div className=\"space-y-8 p-6\">\n {/* \u57FA\u7840\u793A\u4F8B */}\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u57FA\u7840\u5FBD\u7AE0</h3>\n <div className=\"flex flex-wrap gap-4 items-center\">\n <Badge variant=\"outline\">New</Badge>\n <Badge variant=\"outline\">20% OFF</Badge>\n <Badge variant=\"outline\">Limited</Badge>\n <Badge variant=\"outline\">Hot</Badge>\n </div>\n </div>\n\n {/* \u586B\u5145\u6837\u5F0F */}\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u586B\u5145\u5FBD\u7AE0</h3>\n <div className=\"flex flex-wrap gap-4 items-center\">\n <Badge variant=\"fill\">Sale</Badge>\n <Badge variant=\"fill\">15% OFF</Badge>\n <Badge variant=\"fill\">Bestseller</Badge>\n <Badge variant=\"fill\">Free Shipping</Badge>\n </div>\n </div>\n\n {/* \u4FC3\u9500\u5FBD\u7AE0 */}\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u4FC3\u9500\u5FBD\u7AE0</h3>\n <div className=\"flex flex-wrap gap-4 items-center\">\n <Badge variant=\"promotional\" promotionalType=\"plus-member\">\n Plus Member\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"regular-member\">\n VIP Member\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"regular-discount\">\n Premium\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"time-limited-discount\">\n \u4F1A\u5458\u4E13\u4EAB\n </Badge>\n </div>\n </div>\n\n {/* \u5C3A\u5BF8\u5BF9\u6BD4 */}\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u5C3A\u5BF8\u5BF9\u6BD4</h3>\n <div className=\"space-y-3\">\n <div className=\"flex gap-4 items-center\">\n <span className=\"text-sm text-gray-600 w-16\">Small:</span>\n <Badge size=\"sm\" variant=\"outline\">\n New\n </Badge>\n <Badge size=\"sm\" variant=\"fill\">\n Sale\n </Badge>\n <Badge size=\"sm\" variant=\"promotional\" promotionalType=\"plus-member\">\n Plus\n </Badge>\n <Badge size=\"sm\" variant=\"promotional\" promotionalType=\"regular-member\">\n regular\n </Badge>\n <Badge size=\"sm\" variant=\"promotional\" promotionalType=\"regular-discount\">\n discount\n </Badge>\n <Badge size=\"sm\" variant=\"promotional\" promotionalType=\"time-limited-discount\">\n limited\n </Badge>\n </div>\n <div className=\"flex gap-4 items-center\">\n <span className=\"text-sm text-gray-600 w-16\">Large:</span>\n <Badge size=\"lg\" variant=\"outline\">\n New\n </Badge>\n <Badge size=\"lg\" variant=\"fill\">\n Sale\n </Badge>\n <Badge size=\"lg\" variant=\"promotional\" promotionalType=\"plus-member\">\n Plus Member\n </Badge>\n <Badge size=\"lg\" variant=\"promotional\" promotionalType=\"regular-member\">\n regular Member\n </Badge>\n <Badge size=\"lg\" variant=\"promotional\" promotionalType=\"regular-discount\">\n discount\n </Badge>\n <Badge size=\"lg\" variant=\"promotional\" promotionalType=\"time-limited-discount\">\n limited\n </Badge>\n </div>\n </div>\n </div>\n </div>\n )\n },\n}\n\nexport const Variants: Story = {\n name: 'All Variants',\n render() {\n return (\n <div className=\"flex gap-4 items-center\">\n <Badge variant=\"outline\">OUTLINE</Badge>\n <Badge variant=\"fill\">FILL</Badge>\n <Badge variant=\"promotional\">PROMOTIONAL</Badge>\n </div>\n )\n },\n}\n\nexport const Sizes: Story = {\n name: 'Size Variations',\n render() {\n return (\n <div className=\"space-y-4\">\n <div className=\"flex gap-4 items-center\">\n <span className=\"text-sm text-gray-600 w-16\">Small:</span>\n <Badge size=\"sm\" variant=\"outline\">\n New\n </Badge>\n <Badge size=\"sm\" variant=\"fill\">\n Sale\n </Badge>\n <Badge size=\"sm\" variant=\"promotional\" promotionalType=\"plus-member\">\n Plus\n </Badge>\n </div>\n <div className=\"flex gap-4 items-center\">\n <span className=\"text-sm text-gray-600 w-16\">Large:</span>\n <Badge size=\"lg\" variant=\"outline\">\n New\n </Badge>\n <Badge size=\"lg\" variant=\"fill\">\n Sale\n </Badge>\n <Badge size=\"lg\" variant=\"promotional\" promotionalType=\"plus-member\">\n Plus Member\n </Badge>\n </div>\n </div>\n )\n },\n}\n\nexport const Promotional: Story = {\n name: 'Promotional Badge',\n args: {\n variant: 'promotional',\n promotionalType: 'plus-member',\n children: 'Plus Member',\n },\n}\n\nexport const PromotionalExamples: Story = {\n name: 'Promotional Scenarios',\n render() {\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u4F1A\u5458\u7B49\u7EA7\u6807\u8BC6</h3>\n <div className=\"flex flex-wrap gap-4 items-center\">\n <Badge variant=\"promotional\" promotionalType=\"plus-member\">\n Plus Member\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"regular-member\">\n VIP Member\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"plus-member\">\n Premium User\n </Badge>\n </div>\n </div>\n\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u7279\u6B8A\u6743\u76CA\u6807\u7B7E</h3>\n <div className=\"flex flex-wrap gap-4 items-center\">\n <Badge variant=\"promotional\" promotionalType=\"regular-member\">\n \u4F1A\u5458\u4E13\u4EAB\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"regular-discount\">\n \u4E13\u5C5E\u4F18\u60E0\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"time-limited-discount\">\n \u65E9\u9E1F\u7279\u60E0\n </Badge>\n </div>\n </div>\n\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u4EA7\u54C1\u6807\u8BC6</h3>\n <div className=\"flex flex-wrap gap-4 items-center\">\n <Badge variant=\"promotional\" promotionalType=\"regular-discount\">\n \u9650\u91CF\u7248\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"plus-member\">\n \u8054\u540D\u6B3E\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"time-limited-discount\">\n \u72EC\u5BB6\n </Badge>\n </div>\n </div>\n\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u5E26\u88C5\u9970\u56FE\u6807\u6548\u679C</h3>\n <div className=\"bg-gray-50 p-4 rounded-lg\">\n <p className=\"text-sm text-gray-600 mb-4\">\n \u4FC3\u9500\u5FBD\u7AE0\u81EA\u52A8\u5305\u542B\u5DE6\u4FA7\u88C5\u9970\u56FE\u6807\uFF0C\u91C7\u7528\u6E10\u53D8\u80CC\u666F\u8BBE\u8BA1\uFF0C\u6839\u636EpromotionalType\u663E\u793A\u4E0D\u540C\u7684\u989C\u8272\u548C\u56FE\u6807\n </p>\n <Badge variant=\"promotional\" promotionalType=\"plus-member\">\n Plus Member\n </Badge>\n </div>\n </div>\n </div>\n )\n },\n}\n\nexport const PromotionalTypes: Story = {\n name: 'Promotional Types',\n render() {\n return (\n <div className=\"space-y-8 p-6\">\n {/* \u6240\u6709\u4FC3\u9500\u7C7B\u578B\u5C55\u793A */}\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u6240\u6709\u4FC3\u9500\u7C7B\u578B</h3>\n <div className=\"flex flex-wrap gap-4 items-center\">\n <Badge variant=\"promotional\" promotionalType=\"plus-member\">\n Plus\u4E13\u4EAB\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"regular-member\">\n \u4F1A\u5458\u4EF7\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"regular-discount\">\n \u9650\u65F6\u4F18\u60E0\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"time-limited-discount\">\n \u95EA\u8D2D\u4E2D\n </Badge>\n </div>\n </div>\n\n {/* Plus\u4F1A\u5458\u7C7B\u578B */}\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">Plus\u4F1A\u5458\u4E13\u4EAB\uFF08\u6DF1\u8272\u6E10\u53D8\uFF09</h3>\n <div className=\"flex flex-wrap gap-4 items-center\">\n <Badge variant=\"promotional\" promotionalType=\"plus-member\">\n Plus\u4E13\u4EAB\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"plus-member\">\n VIP\u7279\u6743\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"plus-member\">\n \u4E13\u5C5E\u6743\u76CA\n </Badge>\n </div>\n </div>\n\n {/* \u666E\u901A\u4F1A\u5458\u7C7B\u578B */}\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u666E\u901A\u4F1A\u5458\uFF08\u54C1\u724C\u8272\u586B\u5145\uFF09</h3>\n <div className=\"flex flex-wrap gap-4 items-center\">\n <Badge variant=\"promotional\" promotionalType=\"regular-member\">\n \u4F1A\u5458\u4EF7\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"regular-member\">\n \u4F1A\u5458\u4E13\u5C5E\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"regular-member\">\n Member Only\n </Badge>\n </div>\n </div>\n\n {/* \u666E\u901A\u6298\u6263\u7C7B\u578B */}\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u666E\u901A\u6298\u6263\uFF08\u54C1\u724C\u8272\u586B\u5145\uFF09</h3>\n <div className=\"flex flex-wrap gap-4 items-center\">\n <Badge variant=\"promotional\" promotionalType=\"regular-discount\">\n \u9650\u65F6\u4F18\u60E0\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"regular-discount\">\n \u7279\u4EF7\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"regular-discount\">\n \u4FC3\u9500\u4E2D\n </Badge>\n </div>\n </div>\n\n {/* \u9650\u65F6\u6298\u6263\u7C7B\u578B */}\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u9650\u65F6\u6298\u6263\uFF08\u54C1\u724C\u8272\u586B\u5145\uFF09</h3>\n <div className=\"flex flex-wrap gap-4 items-center\">\n <Badge variant=\"promotional\" promotionalType=\"time-limited-discount\">\n \u95EA\u8D2D\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"time-limited-discount\">\n \u62A2\u8D2D\u4E2D\n </Badge>\n <Badge variant=\"promotional\" promotionalType=\"time-limited-discount\">\n \u9650\u65F6\u79D2\u6740\n </Badge>\n </div>\n </div>\n\n {/* \u5411\u540E\u517C\u5BB9\u6027\u5C55\u793A */}\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u5411\u540E\u517C\u5BB9\uFF08\u9ED8\u8BA4\u6837\u5F0F\uFF09</h3>\n <div className=\"flex flex-wrap gap-4 items-center\">\n <Badge variant=\"promotional\">\u4FC3\u9500\u6807\u7B7E</Badge>\n <span className=\"text-sm text-gray-500\">\u2190 \u4E0D\u6307\u5B9ApromotionalType\u65F6\u4F7F\u7528\u9ED8\u8BA4\u7684regular-discount\u6837\u5F0F</span>\n </div>\n </div>\n </div>\n )\n },\n}\n\nexport const UsageExamples: Story = {\n name: 'Usage Examples',\n render() {\n return (\n <div className=\"space-y-6 p-6\">\n {/* \u4EA7\u54C1\u5361\u7247\u4E2D\u7684\u5E94\u7528 */}\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u4EA7\u54C1\u5361\u7247\u4E2D\u7684\u5E94\u7528</h3>\n <div className=\"border border-gray-200 rounded-lg p-4 max-w-sm\">\n <div className=\"flex gap-2 mb-3\">\n <Badge size=\"sm\" variant=\"fill\">\n 20% OFF\n </Badge>\n <Badge size=\"sm\" variant=\"outline\">\n New\n </Badge>\n </div>\n <h4 className=\"font-medium text-gray-900 mb-2\">AeroFit 2 Earbuds</h4>\n <div className=\"mb-3\">\n <Badge variant=\"promotional\" promotionalType=\"plus-member\">\n Plus Member Price\n </Badge>\n </div>\n <p className=\"text-lg font-semibold text-gray-900\">$79.99</p>\n </div>\n </div>\n\n {/* \u4E0D\u540C\u573A\u666F\u7684\u6DF7\u5408\u4F7F\u7528 */}\n <div className=\"space-y-4\">\n <h3 className=\"text-lg font-semibold text-gray-900\">\u6DF7\u5408\u4F7F\u7528\u573A\u666F</h3>\n <div className=\"space-y-3\">\n <div className=\"flex gap-2 items-center\">\n <span className=\"text-sm text-gray-600 w-20\">\u6298\u6263\u6807\u7B7E:</span>\n <Badge variant=\"fill\">25% OFF</Badge>\n <Badge variant=\"outline\">Limited Time</Badge>\n </div>\n <div className=\"flex gap-2 items-center\">\n <span className=\"text-sm text-gray-600 w-20\">\u4F1A\u5458\u6807\u8BC6:</span>\n <Badge variant=\"promotional\" promotionalType=\"regular-member\">\n \u4F1A\u5458\u4E13\u4EAB\n </Badge>\n </div>\n <div className=\"flex gap-2 items-center\">\n <span className=\"text-sm text-gray-600 w-20\">\u9650\u65F6\u4FC3\u9500:</span>\n <Badge variant=\"promotional\" promotionalType=\"time-limited-discount\">\n \u95EA\u8D2D\u4E2D\n </Badge>\n </div>\n <div className=\"flex gap-2 items-center\">\n <span className=\"text-sm text-gray-600 w-20\">\u72B6\u6001\u6807\u7B7E:</span>\n <Badge variant=\"outline\">Hot</Badge>\n <Badge variant=\"outline\">Bestseller</Badge>\n </div>\n </div>\n </div>\n </div>\n )\n },\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["jsx", "jsxs", "Badge", "meta", "badge_stories_default", "Default", "PlaygroundDemo", "Variants", "Sizes", "Promotional", "PromotionalExamples", "PromotionalTypes", "UsageExamples"]
|
|
7
7
|
}
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -469,6 +469,10 @@ video {
|
|
|
469
469
|
.inset-0 {
|
|
470
470
|
inset: 0px;
|
|
471
471
|
}
|
|
472
|
+
.inset-y-0 {
|
|
473
|
+
top: 0px;
|
|
474
|
+
bottom: 0px;
|
|
475
|
+
}
|
|
472
476
|
.-bottom-12 {
|
|
473
477
|
bottom: -3rem;
|
|
474
478
|
}
|
|
@@ -806,6 +810,9 @@ video {
|
|
|
806
810
|
.w-\[16px\] {
|
|
807
811
|
width: 16px;
|
|
808
812
|
}
|
|
813
|
+
.w-auto {
|
|
814
|
+
width: auto;
|
|
815
|
+
}
|
|
809
816
|
.w-fit {
|
|
810
817
|
width: -moz-fit-content;
|
|
811
818
|
width: fit-content;
|
|
@@ -838,6 +845,10 @@ video {
|
|
|
838
845
|
--tw-translate-x: -50%;
|
|
839
846
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
840
847
|
}
|
|
848
|
+
.-translate-x-1\/3 {
|
|
849
|
+
--tw-translate-x: -33.333333%;
|
|
850
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
851
|
+
}
|
|
841
852
|
.-translate-y-1\/2 {
|
|
842
853
|
--tw-translate-y: -50%;
|
|
843
854
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -954,6 +965,9 @@ video {
|
|
|
954
965
|
text-overflow: ellipsis;
|
|
955
966
|
white-space: nowrap;
|
|
956
967
|
}
|
|
968
|
+
.whitespace-nowrap {
|
|
969
|
+
white-space: nowrap;
|
|
970
|
+
}
|
|
957
971
|
.text-balance {
|
|
958
972
|
text-wrap: balance;
|
|
959
973
|
}
|
|
@@ -1129,6 +1143,24 @@ video {
|
|
|
1129
1143
|
.\!bg-none {
|
|
1130
1144
|
background-image: none !important;
|
|
1131
1145
|
}
|
|
1146
|
+
.bg-gradient-brand {
|
|
1147
|
+
background-image: var(--brand-gradient-color-0);
|
|
1148
|
+
}
|
|
1149
|
+
.bg-gradient-to-r {
|
|
1150
|
+
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
1151
|
+
}
|
|
1152
|
+
.from-\[\#6E6754\] {
|
|
1153
|
+
--tw-gradient-from: #6E6754 var(--tw-gradient-from-position);
|
|
1154
|
+
--tw-gradient-to: rgb(110 103 84 / 0) var(--tw-gradient-to-position);
|
|
1155
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1156
|
+
}
|
|
1157
|
+
.via-\[\#4A453A\] {
|
|
1158
|
+
--tw-gradient-to: rgb(74 69 58 / 0) var(--tw-gradient-to-position);
|
|
1159
|
+
--tw-gradient-stops: var(--tw-gradient-from), #4A453A var(--tw-gradient-via-position), var(--tw-gradient-to);
|
|
1160
|
+
}
|
|
1161
|
+
.to-\[\#070708\] {
|
|
1162
|
+
--tw-gradient-to: #070708 var(--tw-gradient-to-position);
|
|
1163
|
+
}
|
|
1132
1164
|
.\!decoration-clone {
|
|
1133
1165
|
-webkit-box-decoration-break: clone !important;
|
|
1134
1166
|
box-decoration-break: clone !important;
|
|
@@ -1157,6 +1189,9 @@ video {
|
|
|
1157
1189
|
.p-6 {
|
|
1158
1190
|
padding: 1.5rem;
|
|
1159
1191
|
}
|
|
1192
|
+
.p-\[6px\] {
|
|
1193
|
+
padding: 6px;
|
|
1194
|
+
}
|
|
1160
1195
|
.px-2 {
|
|
1161
1196
|
padding-left: 0.5rem;
|
|
1162
1197
|
padding-right: 0.5rem;
|
|
@@ -1208,6 +1243,9 @@ video {
|
|
|
1208
1243
|
.\!pl-0 {
|
|
1209
1244
|
padding-left: 0px !important;
|
|
1210
1245
|
}
|
|
1246
|
+
.\!pl-\[24px\] {
|
|
1247
|
+
padding-left: 24px !important;
|
|
1248
|
+
}
|
|
1211
1249
|
.pb-2\.5 {
|
|
1212
1250
|
padding-bottom: 0.625rem;
|
|
1213
1251
|
}
|
|
@@ -1399,6 +1437,10 @@ video {
|
|
|
1399
1437
|
.text-primary {
|
|
1400
1438
|
color: var(--brand-color-0);
|
|
1401
1439
|
}
|
|
1440
|
+
.text-white {
|
|
1441
|
+
--tw-text-opacity: 1;
|
|
1442
|
+
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
1443
|
+
}
|
|
1402
1444
|
.underline {
|
|
1403
1445
|
text-decoration-line: underline;
|
|
1404
1446
|
}
|
|
@@ -1457,10 +1499,6 @@ video {
|
|
|
1457
1499
|
.filter {
|
|
1458
1500
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1459
1501
|
}
|
|
1460
|
-
.backdrop-blur-sm {
|
|
1461
|
-
--tw-backdrop-blur: blur(4px);
|
|
1462
|
-
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
1463
|
-
}
|
|
1464
1502
|
.transition-all {
|
|
1465
1503
|
transition-property: all;
|
|
1466
1504
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -1902,6 +1940,9 @@ video {
|
|
|
1902
1940
|
padding-left: calc(50% - 832px);
|
|
1903
1941
|
padding-right: calc(50% - 832px);
|
|
1904
1942
|
}
|
|
1943
|
+
.lg-desktop\:\!pl-\[28px\] {
|
|
1944
|
+
padding-left: 28px !important;
|
|
1945
|
+
}
|
|
1905
1946
|
.lg-desktop\:pb-\[128px\] {
|
|
1906
1947
|
padding-bottom: 128px;
|
|
1907
1948
|
}
|