@lolmath/ui 4.0.0 → 4.1.0
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/es/assets/dropdown-check.bed4dc45.png +0 -0
- package/dist/es/components/button_module.css +1 -0
- package/dist/es/components/select/select.js +2 -1
- package/dist/es/components/select/select.js.map +1 -1
- package/dist/es/components/select/select.module.js +1 -1
- package/dist/es/components/select/select.module.js.map +1 -1
- package/dist/es/components/select/select_module.css +10 -2
- package/dist/es/index.d.ts +1 -0
- package/dist/es/index.js +4 -0
- package/dist/es/index.js.map +1 -1
- package/dist/es/style.css +4 -0
- package/dist/lib/assets/dropdown-check.bed4dc45.png +0 -0
- package/dist/lib/components/button_module.css +1 -0
- package/dist/lib/components/select/select.js +2 -1
- package/dist/lib/components/select/select.js.map +1 -1
- package/dist/lib/components/select/select.module.js +1 -1
- package/dist/lib/components/select/select.module.js.map +1 -1
- package/dist/lib/components/select/select_module.css +10 -2
- package/dist/lib/index.d.ts +1 -0
- package/dist/lib/index.js +9 -0
- package/dist/lib/index.js.map +1 -1
- package/dist/lib/style.css +4 -0
- package/package.json +1 -1
- package/readme.md +4 -0
|
Binary file
|
|
@@ -51,7 +51,8 @@ const item = cva({
|
|
|
51
51
|
base: classes.item,
|
|
52
52
|
variants: {
|
|
53
53
|
isHovered: { true: classes.hover },
|
|
54
|
-
isPressed: { true: classes.press }
|
|
54
|
+
isPressed: { true: classes.press },
|
|
55
|
+
isSelected: { true: classes.selected }
|
|
55
56
|
}
|
|
56
57
|
});
|
|
57
58
|
function Item({ className, ...props }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAiDI,mBAME,KANF;AAjDJ,SAAS,WAAW;AAMpB;AAAA,EACC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,eAAe;AAAA,EACf,QAAQ;AAAA,EACR;AAAA,OACM;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAEpB,MAAM,qBAAqB,IAAI;AAAA,EAC9B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,QAAQ,EAAE,MAAM,QAAQ,KAAK;AAAA,IAC7B,YAAY,EAAE,MAAM,QAAQ,SAAS;AAAA,EACtC;AACD,CAAC;AAUM,SAAS,OAAyB;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAmB;AAClB,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW,iBAAiB,WAAW,MAAM;AAAA,MAExD,WAAC,WACD,iCACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,CAAC,iBACX,mBAAmB,EAAE,GAAG,cAAc,QAAQ,OAAO,OAAO,CAAC;AAAA,YAG9D,8BAAC,mBAAgB;AAAA;AAAA,QAClB;AAAA,QACC,eAAe,oBAAC,YAAS,MAAK,eAAe,uBAAY;AAAA,QACzD,gBACA,oBAAC,YAAS,MAAK,gBAAgB,wBAAa;AAAA,QAE7C,oBAAC,eAAY,QAAQ,GAAG,WAAU,uBACjC,8BAAC,eAAY,WAAW,QAAQ,SAAU,UAAS,GACpD;AAAA,SACD;AAAA;AAAA,EAEF;AAEF;AAEA,MAAM,OAAO,IAAI;AAAA,EAChB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,
|
|
1
|
+
{"version":3,"mappings":"AAiDI,mBAME,KANF;AAjDJ,SAAS,WAAW;AAMpB;AAAA,EACC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,eAAe;AAAA,EACf,QAAQ;AAAA,EACR;AAAA,OACM;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAEpB,MAAM,qBAAqB,IAAI;AAAA,EAC9B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,QAAQ,EAAE,MAAM,QAAQ,KAAK;AAAA,IAC7B,YAAY,EAAE,MAAM,QAAQ,SAAS;AAAA,EACtC;AACD,CAAC;AAUM,SAAS,OAAyB;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAmB;AAClB,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW,iBAAiB,WAAW,MAAM;AAAA,MAExD,WAAC,WACD,iCACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,CAAC,iBACX,mBAAmB,EAAE,GAAG,cAAc,QAAQ,OAAO,OAAO,CAAC;AAAA,YAG9D,8BAAC,mBAAgB;AAAA;AAAA,QAClB;AAAA,QACC,eAAe,oBAAC,YAAS,MAAK,eAAe,uBAAY;AAAA,QACzD,gBACA,oBAAC,YAAS,MAAK,gBAAgB,wBAAa;AAAA,QAE7C,oBAAC,eAAY,QAAQ,GAAG,WAAU,uBACjC,8BAAC,eAAY,WAAW,QAAQ,SAAU,UAAS,GACpD;AAAA,SACD;AAAA;AAAA,EAEF;AAEF;AAEA,MAAM,OAAO,IAAI;AAAA,EAChB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,YAAY,EAAE,MAAM,QAAQ,SAAS;AAAA,EACtC;AACD,CAAC;AAEM,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAqB;AAC/D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,eAAO,KAAK;AAAA,UACX,GAAG;AAAA,UACH,WAAW,iBAAiB,WAAW,MAAM;AAAA,QAC9C,CAAC;AAAA,MACF;AAAA;AAAA,EACD;AAEF","names":[],"ignoreList":[],"sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport type { ReactNode } from \"react\";\nimport type {\n\tSelectProps as AriaSelectProps,\n\tListBoxItemProps,\n} from \"react-aria-components\";\nimport {\n\tButton as AriaButton,\n\tListBox as AriaListBox,\n\tPopover as AriaPopover,\n\tSelect as AriaSelect,\n\tSelectValue as AriaSelectValue,\n\tText as AriaText,\n\tListBoxItem,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport classes from \"./select.module\";\n\nconst selectButtonBorder = cva({\n\tbase: classes.button,\n\tvariants: {\n\t\tisHovered: { true: classes.hover },\n\t\tisPressed: { true: classes.press },\n\t\tisOpen: { true: classes.open },\n\t\tisDisabled: { true: classes.disabled },\n\t},\n});\n\ninterface SelectProps<T extends object>\n\textends Omit<AriaSelectProps<T>, \"children\"> {\n\tlabel?: string;\n\tdescription?: string;\n\terrorMessage?: string;\n\tchildren?: ReactNode | ((item: T) => ReactNode);\n}\n\nexport function Select<T extends object>({\n\tdescription,\n\terrorMessage,\n\tchildren,\n\tclassName,\n\t...props\n}: SelectProps<T>) {\n\treturn (\n\t\t<AriaSelect\n\t\t\t{...props}\n\t\t\tclassName={(values) => resolveClassName(className, values)}\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<AriaButton\n\t\t\t\t\t\tclassName={(buttonValues) =>\n\t\t\t\t\t\t\tselectButtonBorder({ ...buttonValues, isOpen: values.isOpen })\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AriaSelectValue />\n\t\t\t\t\t</AriaButton>\n\t\t\t\t\t{description && <AriaText slot=\"description\">{description}</AriaText>}\n\t\t\t\t\t{errorMessage && (\n\t\t\t\t\t\t<AriaText slot=\"errorMessage\">{errorMessage}</AriaText>\n\t\t\t\t\t)}\n\t\t\t\t\t<AriaPopover offset={4} className=\"w-[--trigger-width]\">\n\t\t\t\t\t\t<AriaListBox className={classes.listBox}>{children}</AriaListBox>\n\t\t\t\t\t</AriaPopover>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaSelect>\n\t);\n}\n\nconst item = cva({\n\tbase: classes.item,\n\tvariants: {\n\t\tisHovered: { true: classes.hover },\n\t\tisPressed: { true: classes.press },\n\t\tisSelected: { true: classes.selected },\n\t},\n});\n\nexport function Item({ className, ...props }: ListBoxItemProps) {\n\treturn (\n\t\t<ListBoxItem\n\t\t\t{...props}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn item({\n\t\t\t\t\t...values,\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t});\n\t\t\t}}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "./select_module.css";
|
|
2
|
-
var select_default = { "button": "button_560be", "open": "open_560be", "press": "press_560be", "hover": "hover_560be", "disabled": "disabled_560be", "listBox": "listBox_560be", "item": "item_560be" };
|
|
2
|
+
var select_default = { "button": "button_560be", "open": "open_560be", "press": "press_560be", "hover": "hover_560be", "disabled": "disabled_560be", "listBox": "listBox_560be", "item": "item_560be", "selected": "selected_560be" };
|
|
3
3
|
export {
|
|
4
4
|
select_default as default
|
|
5
5
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,OAAO;AAAsB,IAAO,iBAAQ,EAAC,UAAS,gBAAe,QAAO,cAAa,SAAQ,eAAc,SAAQ,eAAc,YAAW,kBAAiB,WAAU,iBAAgB,QAAO,
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO;AAAsB,IAAO,iBAAQ,EAAC,UAAS,gBAAe,QAAO,cAAa,SAAQ,eAAc,SAAQ,eAAc,YAAW,kBAAiB,WAAU,iBAAgB,QAAO,cAAa,YAAW,iBAAgB","names":[],"ignoreList":[],"sources":["../../../../src/components/select/select.module.css"],"sourcesContent":["import \"./select_module.css\";export default {\"button\":\"button_560be\",\"open\":\"open_560be\",\"press\":\"press_560be\",\"hover\":\"hover_560be\",\"disabled\":\"disabled_560be\",\"listBox\":\"listBox_560be\",\"item\":\"item_560be\",\"selected\":\"selected_560be\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
letter-spacing: var(--lol-letter-spacing-sm);
|
|
61
61
|
padding: 0.375rem 0.5rem;
|
|
62
62
|
outline: none;
|
|
63
|
+
cursor: pointer;
|
|
63
64
|
}
|
|
64
65
|
|
|
65
66
|
|
|
@@ -70,6 +71,13 @@
|
|
|
70
71
|
|
|
71
72
|
|
|
72
73
|
.item_560be.press_560be {
|
|
73
|
-
background-color: var(--lol-color-grey-300);
|
|
74
|
-
color:
|
|
74
|
+
background-color: color-mix(in srgb, var(--lol-color-grey-300), transparent 50%);
|
|
75
|
+
color: var(--lol-color-gold-600);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
.item_560be.selected_560be {
|
|
80
|
+
background-image: url(../../assets/dropdown-check.bed4dc45.png);
|
|
81
|
+
background-position: right 0.5rem center;
|
|
82
|
+
background-repeat: no-repeat;
|
|
75
83
|
}
|
package/dist/es/index.d.ts
CHANGED
package/dist/es/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { RouterProvider } from "react-aria-components";
|
|
1
2
|
export * from "./components/accordion.js";
|
|
2
3
|
export * from "./components/breadcrumbs.js";
|
|
3
4
|
export * from "./components/button-link.js";
|
|
@@ -21,5 +22,8 @@ export * from "./components/toggle-button.js";
|
|
|
21
22
|
export * from "./components/tooltip.js";
|
|
22
23
|
export * from "./components/typography/heading.js";
|
|
23
24
|
export * from "./components/typography/text.js";
|
|
25
|
+
export {
|
|
26
|
+
RouterProvider
|
|
27
|
+
};
|
|
24
28
|
|
|
25
29
|
//# sourceMappingURL=index.js.map
|
package/dist/es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","names":[],"ignoreList":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./components/accordion.js\";\nexport * from \"./components/breadcrumbs.js\";\nexport * from \"./components/button-link.js\";\nexport * from \"./components/button.js\";\nexport * from \"./components/card.js\";\nexport * from \"./components/checkbox/checkbox.js\";\nexport * from \"./components/divider.js\";\nexport * from \"./components/modal.js\";\nexport * from \"./components/number-field.js\";\nexport * from \"./components/progress-bar.js\";\nexport * from \"./components/radio-group/radio-group.js\";\nexport * from \"./components/search-field/search-field.js\";\nexport * from \"./components/select/select.js\";\nexport * from \"./components/slider/slider.js\";\nexport * from \"./components/spinner/spinner.js\";\nexport * from \"./components/switch.js\";\nexport * from \"./components/tabs.js\";\nexport * from \"./components/text-area.js\";\nexport * from \"./components/text-field.js\";\nexport * from \"./components/toggle-button.js\";\nexport * from \"./components/tooltip.js\";\nexport * from \"./components/typography/heading.js\";\nexport * from \"./components/typography/text.js\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
1
|
+
{"version":3,"mappings":"AAAA,SAAS,sBAAsB;AAC/B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","names":[],"ignoreList":[],"sources":["../../src/index.ts"],"sourcesContent":["export { RouterProvider } from \"react-aria-components\";\nexport * from \"./components/accordion.js\";\nexport * from \"./components/breadcrumbs.js\";\nexport * from \"./components/button-link.js\";\nexport * from \"./components/button.js\";\nexport * from \"./components/card.js\";\nexport * from \"./components/checkbox/checkbox.js\";\nexport * from \"./components/divider.js\";\nexport * from \"./components/modal.js\";\nexport * from \"./components/number-field.js\";\nexport * from \"./components/progress-bar.js\";\nexport * from \"./components/radio-group/radio-group.js\";\nexport * from \"./components/search-field/search-field.js\";\nexport * from \"./components/select/select.js\";\nexport * from \"./components/slider/slider.js\";\nexport * from \"./components/spinner/spinner.js\";\nexport * from \"./components/switch.js\";\nexport * from \"./components/tabs.js\";\nexport * from \"./components/text-area.js\";\nexport * from \"./components/text-field.js\";\nexport * from \"./components/toggle-button.js\";\nexport * from \"./components/tooltip.js\";\nexport * from \"./components/typography/heading.js\";\nexport * from \"./components/typography/text.js\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
package/dist/es/style.css
CHANGED
|
@@ -77,6 +77,10 @@ select {
|
|
|
77
77
|
--lol-line-height-large-number: 5.1667rem;
|
|
78
78
|
--lol-letter-spacing-large-number: 0.025em;
|
|
79
79
|
--lol-font-weight-large-number: 500;
|
|
80
|
+
--lol-font-size-xs: 0.75rem;
|
|
81
|
+
--lol-line-height-xs: 1rem;
|
|
82
|
+
--lol-letter-spacing-xs: 0.025em;
|
|
83
|
+
--lol-font-weight-xs: 400;
|
|
80
84
|
--lol-font-size-sm: 0.875rem;
|
|
81
85
|
--lol-line-height-sm: 1.1025rem;
|
|
82
86
|
--lol-letter-spacing-sm: 0.02em;
|
|
Binary file
|
|
@@ -77,7 +77,8 @@ const item = (0, import_cva.cva)({
|
|
|
77
77
|
base: import_select.default.item,
|
|
78
78
|
variants: {
|
|
79
79
|
isHovered: { true: import_select.default.hover },
|
|
80
|
-
isPressed: { true: import_select.default.press }
|
|
80
|
+
isPressed: { true: import_select.default.press },
|
|
81
|
+
isSelected: { true: import_select.default.selected }
|
|
81
82
|
}
|
|
82
83
|
});
|
|
83
84
|
function Item({ className, ...props }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDI;AAjDJ,iBAAoB;AAMpB,mCAQO;AACP,gCAAiC;AACjC,oBAAoB;AAEpB,MAAM,yBAAqB,gBAAI;AAAA,EAC9B,MAAM,cAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,cAAAA,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,cAAAA,QAAQ,MAAM;AAAA,IACjC,QAAQ,EAAE,MAAM,cAAAA,QAAQ,KAAK;AAAA,IAC7B,YAAY,EAAE,MAAM,cAAAA,QAAQ,SAAS;AAAA,EACtC;AACD,CAAC;AAUM,SAAS,OAAyB;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAmB;AAClB,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,eAAW,4CAAiB,WAAW,MAAM;AAAA,MAExD,WAAC,WACD,4EACC;AAAA;AAAA,UAAC,6BAAAC;AAAA;AAAA,YACA,WAAW,CAAC,iBACX,mBAAmB,EAAE,GAAG,cAAc,QAAQ,OAAO,OAAO,CAAC;AAAA,YAG9D,sDAAC,6BAAAC,aAAA,EAAgB;AAAA;AAAA,QAClB;AAAA,QACC,eAAe,4CAAC,6BAAAC,MAAA,EAAS,MAAK,eAAe,uBAAY;AAAA,QACzD,gBACA,4CAAC,6BAAAA,MAAA,EAAS,MAAK,gBAAgB,wBAAa;AAAA,QAE7C,4CAAC,6BAAAC,SAAA,EAAY,QAAQ,GAAG,WAAU,uBACjC,sDAAC,6BAAAC,SAAA,EAAY,WAAW,cAAAN,QAAQ,SAAU,UAAS,GACpD;AAAA,SACD;AAAA;AAAA,EAEF;AAEF;AAEA,MAAM,WAAO,gBAAI;AAAA,EAChB,MAAM,cAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,cAAAA,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,cAAAA,QAAQ,MAAM;AAAA,
|
|
1
|
+
{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDI;AAjDJ,iBAAoB;AAMpB,mCAQO;AACP,gCAAiC;AACjC,oBAAoB;AAEpB,MAAM,yBAAqB,gBAAI;AAAA,EAC9B,MAAM,cAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,cAAAA,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,cAAAA,QAAQ,MAAM;AAAA,IACjC,QAAQ,EAAE,MAAM,cAAAA,QAAQ,KAAK;AAAA,IAC7B,YAAY,EAAE,MAAM,cAAAA,QAAQ,SAAS;AAAA,EACtC;AACD,CAAC;AAUM,SAAS,OAAyB;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAmB;AAClB,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,eAAW,4CAAiB,WAAW,MAAM;AAAA,MAExD,WAAC,WACD,4EACC;AAAA;AAAA,UAAC,6BAAAC;AAAA;AAAA,YACA,WAAW,CAAC,iBACX,mBAAmB,EAAE,GAAG,cAAc,QAAQ,OAAO,OAAO,CAAC;AAAA,YAG9D,sDAAC,6BAAAC,aAAA,EAAgB;AAAA;AAAA,QAClB;AAAA,QACC,eAAe,4CAAC,6BAAAC,MAAA,EAAS,MAAK,eAAe,uBAAY;AAAA,QACzD,gBACA,4CAAC,6BAAAA,MAAA,EAAS,MAAK,gBAAgB,wBAAa;AAAA,QAE7C,4CAAC,6BAAAC,SAAA,EAAY,QAAQ,GAAG,WAAU,uBACjC,sDAAC,6BAAAC,SAAA,EAAY,WAAW,cAAAN,QAAQ,SAAU,UAAS,GACpD;AAAA,SACD;AAAA;AAAA,EAEF;AAEF;AAEA,MAAM,WAAO,gBAAI;AAAA,EAChB,MAAM,cAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,cAAAA,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,cAAAA,QAAQ,MAAM;AAAA,IACjC,YAAY,EAAE,MAAM,cAAAA,QAAQ,SAAS;AAAA,EACtC;AACD,CAAC;AAEM,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAqB;AAC/D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,eAAO,KAAK;AAAA,UACX,GAAG;AAAA,UACH,eAAW,4CAAiB,WAAW,MAAM;AAAA,QAC9C,CAAC;AAAA,MACF;AAAA;AAAA,EACD;AAEF","names":["classes","AriaSelect","AriaButton","AriaSelectValue","AriaText","AriaPopover","AriaListBox"],"ignoreList":[],"sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport type { ReactNode } from \"react\";\nimport type {\n\tSelectProps as AriaSelectProps,\n\tListBoxItemProps,\n} from \"react-aria-components\";\nimport {\n\tButton as AriaButton,\n\tListBox as AriaListBox,\n\tPopover as AriaPopover,\n\tSelect as AriaSelect,\n\tSelectValue as AriaSelectValue,\n\tText as AriaText,\n\tListBoxItem,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport classes from \"./select.module\";\n\nconst selectButtonBorder = cva({\n\tbase: classes.button,\n\tvariants: {\n\t\tisHovered: { true: classes.hover },\n\t\tisPressed: { true: classes.press },\n\t\tisOpen: { true: classes.open },\n\t\tisDisabled: { true: classes.disabled },\n\t},\n});\n\ninterface SelectProps<T extends object>\n\textends Omit<AriaSelectProps<T>, \"children\"> {\n\tlabel?: string;\n\tdescription?: string;\n\terrorMessage?: string;\n\tchildren?: ReactNode | ((item: T) => ReactNode);\n}\n\nexport function Select<T extends object>({\n\tdescription,\n\terrorMessage,\n\tchildren,\n\tclassName,\n\t...props\n}: SelectProps<T>) {\n\treturn (\n\t\t<AriaSelect\n\t\t\t{...props}\n\t\t\tclassName={(values) => resolveClassName(className, values)}\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<AriaButton\n\t\t\t\t\t\tclassName={(buttonValues) =>\n\t\t\t\t\t\t\tselectButtonBorder({ ...buttonValues, isOpen: values.isOpen })\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AriaSelectValue />\n\t\t\t\t\t</AriaButton>\n\t\t\t\t\t{description && <AriaText slot=\"description\">{description}</AriaText>}\n\t\t\t\t\t{errorMessage && (\n\t\t\t\t\t\t<AriaText slot=\"errorMessage\">{errorMessage}</AriaText>\n\t\t\t\t\t)}\n\t\t\t\t\t<AriaPopover offset={4} className=\"w-[--trigger-width]\">\n\t\t\t\t\t\t<AriaListBox className={classes.listBox}>{children}</AriaListBox>\n\t\t\t\t\t</AriaPopover>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaSelect>\n\t);\n}\n\nconst item = cva({\n\tbase: classes.item,\n\tvariants: {\n\t\tisHovered: { true: classes.hover },\n\t\tisPressed: { true: classes.press },\n\t\tisSelected: { true: classes.selected },\n\t},\n});\n\nexport function Item({ className, ...props }: ListBoxItemProps) {\n\treturn (\n\t\t<ListBoxItem\n\t\t\t{...props}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn item({\n\t\t\t\t\t...values,\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t});\n\t\t\t}}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -22,6 +22,6 @@ __export(select_exports, {
|
|
|
22
22
|
});
|
|
23
23
|
module.exports = __toCommonJS(select_exports);
|
|
24
24
|
var import_select_module = require("./select_module.css");
|
|
25
|
-
var select_default = { "button": "button_560be", "open": "open_560be", "press": "press_560be", "hover": "hover_560be", "disabled": "disabled_560be", "listBox": "listBox_560be", "item": "item_560be" };
|
|
25
|
+
var select_default = { "button": "button_560be", "open": "open_560be", "press": "press_560be", "hover": "hover_560be", "disabled": "disabled_560be", "listBox": "listBox_560be", "item": "item_560be", "selected": "selected_560be" };
|
|
26
26
|
|
|
27
27
|
//# sourceMappingURL=select.module.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAO;AAAsB,IAAO,iBAAQ,EAAC,UAAS,gBAAe,QAAO,cAAa,SAAQ,eAAc,SAAQ,eAAc,YAAW,kBAAiB,WAAU,iBAAgB,QAAO,
|
|
1
|
+
{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAO;AAAsB,IAAO,iBAAQ,EAAC,UAAS,gBAAe,QAAO,cAAa,SAAQ,eAAc,SAAQ,eAAc,YAAW,kBAAiB,WAAU,iBAAgB,QAAO,cAAa,YAAW,iBAAgB","names":[],"ignoreList":[],"sources":["../../../../src/components/select/select.module.css"],"sourcesContent":["import \"./select_module.css\";export default {\"button\":\"button_560be\",\"open\":\"open_560be\",\"press\":\"press_560be\",\"hover\":\"hover_560be\",\"disabled\":\"disabled_560be\",\"listBox\":\"listBox_560be\",\"item\":\"item_560be\",\"selected\":\"selected_560be\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
letter-spacing: var(--lol-letter-spacing-sm);
|
|
61
61
|
padding: 0.375rem 0.5rem;
|
|
62
62
|
outline: none;
|
|
63
|
+
cursor: pointer;
|
|
63
64
|
}
|
|
64
65
|
|
|
65
66
|
|
|
@@ -70,6 +71,13 @@
|
|
|
70
71
|
|
|
71
72
|
|
|
72
73
|
.item_560be.press_560be {
|
|
73
|
-
background-color: var(--lol-color-grey-300);
|
|
74
|
-
color:
|
|
74
|
+
background-color: color-mix(in srgb, var(--lol-color-grey-300), transparent 50%);
|
|
75
|
+
color: var(--lol-color-gold-600);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
.item_560be.selected_560be {
|
|
80
|
+
background-image: url(../../assets/dropdown-check.bed4dc45.png);
|
|
81
|
+
background-position: right 0.5rem center;
|
|
82
|
+
background-repeat: no-repeat;
|
|
75
83
|
}
|
package/dist/lib/index.d.ts
CHANGED
package/dist/lib/index.js
CHANGED
|
@@ -3,6 +3,10 @@ var __defProp = Object.defineProperty;
|
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
6
10
|
var __copyProps = (to, from, except, desc) => {
|
|
7
11
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
12
|
for (let key of __getOwnPropNames(from))
|
|
@@ -14,7 +18,11 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
14
18
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
19
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
16
20
|
var src_exports = {};
|
|
21
|
+
__export(src_exports, {
|
|
22
|
+
RouterProvider: () => import_react_aria_components.RouterProvider
|
|
23
|
+
});
|
|
17
24
|
module.exports = __toCommonJS(src_exports);
|
|
25
|
+
var import_react_aria_components = require("react-aria-components");
|
|
18
26
|
__reExport(src_exports, require("./components/accordion.js"), module.exports);
|
|
19
27
|
__reExport(src_exports, require("./components/breadcrumbs.js"), module.exports);
|
|
20
28
|
__reExport(src_exports, require("./components/button-link.js"), module.exports);
|
|
@@ -40,6 +48,7 @@ __reExport(src_exports, require("./components/typography/heading.js"), module.ex
|
|
|
40
48
|
__reExport(src_exports, require("./components/typography/text.js"), module.exports);
|
|
41
49
|
// Annotate the CommonJS export names for ESM import in node:
|
|
42
50
|
0 && (module.exports = {
|
|
51
|
+
RouterProvider,
|
|
43
52
|
...require("./components/accordion.js"),
|
|
44
53
|
...require("./components/breadcrumbs.js"),
|
|
45
54
|
...require("./components/button-link.js"),
|
package/dist/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAA+B;AAC/B,wBAAc,sCADd;AAEA,wBAAc,wCAFd;AAGA,wBAAc,wCAHd;AAIA,wBAAc,mCAJd;AAKA,wBAAc,iCALd;AAMA,wBAAc,8CANd;AAOA,wBAAc,oCAPd;AAQA,wBAAc,kCARd;AASA,wBAAc,yCATd;AAUA,wBAAc,yCAVd;AAWA,wBAAc,oDAXd;AAYA,wBAAc,sDAZd;AAaA,wBAAc,0CAbd;AAcA,wBAAc,0CAdd;AAeA,wBAAc,4CAfd;AAgBA,wBAAc,mCAhBd;AAiBA,wBAAc,iCAjBd;AAkBA,wBAAc,sCAlBd;AAmBA,wBAAc,uCAnBd;AAoBA,wBAAc,0CApBd;AAqBA,wBAAc,oCArBd;AAsBA,wBAAc,+CAtBd;AAuBA,wBAAc,4CAvBd","names":[],"ignoreList":[],"sources":["../../src/index.ts"],"sourcesContent":["export { RouterProvider } from \"react-aria-components\";\nexport * from \"./components/accordion.js\";\nexport * from \"./components/breadcrumbs.js\";\nexport * from \"./components/button-link.js\";\nexport * from \"./components/button.js\";\nexport * from \"./components/card.js\";\nexport * from \"./components/checkbox/checkbox.js\";\nexport * from \"./components/divider.js\";\nexport * from \"./components/modal.js\";\nexport * from \"./components/number-field.js\";\nexport * from \"./components/progress-bar.js\";\nexport * from \"./components/radio-group/radio-group.js\";\nexport * from \"./components/search-field/search-field.js\";\nexport * from \"./components/select/select.js\";\nexport * from \"./components/slider/slider.js\";\nexport * from \"./components/spinner/spinner.js\";\nexport * from \"./components/switch.js\";\nexport * from \"./components/tabs.js\";\nexport * from \"./components/text-area.js\";\nexport * from \"./components/text-field.js\";\nexport * from \"./components/toggle-button.js\";\nexport * from \"./components/tooltip.js\";\nexport * from \"./components/typography/heading.js\";\nexport * from \"./components/typography/text.js\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
package/dist/lib/style.css
CHANGED
|
@@ -77,6 +77,10 @@ select {
|
|
|
77
77
|
--lol-line-height-large-number: 5.1667rem;
|
|
78
78
|
--lol-letter-spacing-large-number: 0.025em;
|
|
79
79
|
--lol-font-weight-large-number: 500;
|
|
80
|
+
--lol-font-size-xs: 0.75rem;
|
|
81
|
+
--lol-line-height-xs: 1rem;
|
|
82
|
+
--lol-letter-spacing-xs: 0.025em;
|
|
83
|
+
--lol-font-weight-xs: 400;
|
|
80
84
|
--lol-font-size-sm: 0.875rem;
|
|
81
85
|
--lol-line-height-sm: 1.1025rem;
|
|
82
86
|
--lol-letter-spacing-sm: 0.02em;
|
package/package.json
CHANGED