@ultraviolet/ui 2.0.0-beta.15 → 2.0.0-beta.17

package/dist/components/Row/index.js

@@ -16,12 +16,24 @@ const StyledRow = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "produ
   justifyContent = "normal",
   padding
 }) => `
-    grid-template-columns: ${templateColumns};
-    ${gap ? `gap: ${theme.space[gap]};` : ""}
-    align-items: ${alignItems};
-    justify-content: ${justifyContent};
-    ${padding ? `padding: ${padding};` : ""}
-  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1Jvdy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Sb3cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDU1NQcm9wZXJ0aWVzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgVWx0cmF2aW9sZXRVSVRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbnR5cGUgU3R5bGVkUm93UHJvcHMgPSBQaWNrPFxuICBSb3dQcm9wcyxcbiAgJ2dhcCcgfCAndGVtcGxhdGVDb2x1bW5zJyB8ICdhbGlnbkl0ZW1zJyB8ICdqdXN0aWZ5Q29udGVudCcgfCAncGFkZGluZydcbj5cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvdyA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PlxuICAgICFbXG4gICAgICAndGVtcGxhdGVDb2x1bW5zJyxcbiAgICAgICdnYXAnLFxuICAgICAgJ2FsaWduSXRlbXMnLFxuICAgICAgJ2p1c3RpZnlDb250ZW50JyxcbiAgICAgICdwYWRkaW5nJyxcbiAgICBdLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkUm93UHJvcHM+YFxuICBkaXNwbGF5OiBncmlkO1xuICAkeyh7XG4gICAgdGhlbWUsXG4gICAgZ2FwLFxuICAgIGFsaWduSXRlbXMgPSAnbm9ybWFsJyxcbiAgICB0ZW1wbGF0ZUNvbHVtbnMsXG4gICAganVzdGlmeUNvbnRlbnQgPSAnbm9ybWFsJyxcbiAgICBwYWRkaW5nLFxuICB9KSA9PiBgXG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3RlbXBsYXRlQ29sdW1uc307XG4gICAgJHtcbiAgICAgIGdhcFxuICAgICAgICA/IGBnYXA6ICR7dGhlbWUuc3BhY2VbZ2FwIGFzIGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnc3BhY2UnXV19O2BcbiAgICAgICAgOiAnJ1xuICAgIH1cbiAgICBhbGlnbi1pdGVtczogJHthbGlnbkl0ZW1zfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7anVzdGlmeUNvbnRlbnR9O1xuICAgICR7cGFkZGluZyA/IGBwYWRkaW5nOiAke3BhZGRpbmd9O2AgOiAnJ31cbiAgYH1cbmBcblxudHlwZSBSb3dQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICB0ZW1wbGF0ZUNvbHVtbnM6IHN0cmluZ1xuICBnYXA/OiBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ3NwYWNlJ10gfCBudW1iZXJcbiAgYWxpZ25JdGVtcz86IENTU1Byb3BlcnRpZXNbJ2FsaWduSXRlbXMnXVxuICBqdXN0aWZ5Q29udGVudD86IENTU1Byb3BlcnRpZXNbJ2p1c3RpZnlDb250ZW50J11cbiAgcGFkZGluZz86IENTU1Byb3BlcnRpZXNbJ3BhZGRpbmcnXVxufVxuXG4vKipcbiAqIFJvdyBjb21wb25lbnQgaXMgYSB3cmFwcGVyIGZvciBncmlkIGxheW91dC5cbiAqL1xuZXhwb3J0IGNvbnN0IFJvdyA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY2hpbGRyZW4sXG4gIHRlbXBsYXRlQ29sdW1ucyxcbiAgYWxpZ25JdGVtcyxcbiAganVzdGlmeUNvbnRlbnQsXG4gIGdhcCxcbiAgcGFkZGluZyxcbn06IFJvd1Byb3BzKSA9PiAoXG4gIDxTdHlsZWRSb3dcbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICBnYXA9e2dhcH1cbiAgICB0ZW1wbGF0ZUNvbHVtbnM9e3RlbXBsYXRlQ29sdW1uc31cbiAgICBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfVxuICAgIGp1c3RpZnlDb250ZW50PXtqdXN0aWZ5Q29udGVudH1cbiAgICBwYWRkaW5nPXtwYWRkaW5nfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZFJvdz5cbilcbiJdfQ== */"));
+
+    ${typeof templateColumns === "object" ? Object.entries(templateColumns).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
+                  grid-template-columns: ${value};
+                }`).join(" ") : `${templateColumns ? `grid-template-columns: ${templateColumns};` : ""}`}
+
+    ${gap && typeof gap === "object" ? Object.entries(gap).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
+                gap: ${theme.space[value.toString()]};
+              }`).join(" ") : `${gap ? `gap: ${theme.space[gap]};` : ""}`}
+    ${alignItems && typeof alignItems === "object" ? Object.entries(alignItems).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
+                align-items: ${value};
+              }`).join(" ") : `${alignItems ? `align-items: ${alignItems};` : ""}`}
+    ${justifyContent && typeof justifyContent === "object" ? Object.entries(justifyContent).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
+                justify-content: ${value};
+              }`).join(" ") : `${justifyContent ? `justify-content: ${justifyContent};` : ""}`}
+    ${padding && typeof padding === "object" ? Object.entries(padding).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
+                padding: ${value};
+              }`).join(" ") : `${padding ? `padding: ${padding};` : ""}`}
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1Jvdy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Sb3cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDU1NQcm9wZXJ0aWVzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgVWx0cmF2aW9sZXRVSVRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbnR5cGUgU3R5bGVkUm93UHJvcHMgPSBQaWNrPFxuICBSb3dQcm9wcyxcbiAgJ2dhcCcgfCAndGVtcGxhdGVDb2x1bW5zJyB8ICdhbGlnbkl0ZW1zJyB8ICdqdXN0aWZ5Q29udGVudCcgfCAncGFkZGluZydcbj5cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvdyA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PlxuICAgICFbXG4gICAgICAndGVtcGxhdGVDb2x1bW5zJyxcbiAgICAgICdnYXAnLFxuICAgICAgJ2FsaWduSXRlbXMnLFxuICAgICAgJ2p1c3RpZnlDb250ZW50JyxcbiAgICAgICdwYWRkaW5nJyxcbiAgICBdLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkUm93UHJvcHM+YFxuICBkaXNwbGF5OiBncmlkO1xuICAkeyh7XG4gICAgdGhlbWUsXG4gICAgZ2FwLFxuICAgIGFsaWduSXRlbXMgPSAnbm9ybWFsJyxcbiAgICB0ZW1wbGF0ZUNvbHVtbnMsXG4gICAganVzdGlmeUNvbnRlbnQgPSAnbm9ybWFsJyxcbiAgICBwYWRkaW5nLFxuICB9KSA9PiBgXG5cbiAgICAke1xuICAgICAgdHlwZW9mIHRlbXBsYXRlQ29sdW1ucyA9PT0gJ29iamVjdCdcbiAgICAgICAgPyBPYmplY3QuZW50cmllcyh0ZW1wbGF0ZUNvbHVtbnMpXG4gICAgICAgICAgICAubWFwKFxuICAgICAgICAgICAgICAoW2JyZWFrcG9pbnQsIHZhbHVlXSkgPT5cbiAgICAgICAgICAgICAgICBgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWUuYnJlYWtwb2ludHNbYnJlYWtwb2ludCBhcyBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ2JyZWFrcG9pbnRzJ11dfSkge1xuICAgICAgICAgICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3ZhbHVlfTtcbiAgICAgICAgICAgICAgICB9YCxcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgOiBgJHt0ZW1wbGF0ZUNvbHVtbnMgPyBgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3RlbXBsYXRlQ29sdW1uc307YCA6ICcnfWBcbiAgICB9XG5cbiAgICAke1xuICAgICAgZ2FwICYmIHR5cGVvZiBnYXAgPT09ICdvYmplY3QnXG4gICAgICAgID8gT2JqZWN0LmVudHJpZXMoZ2FwKVxuICAgICAgICAgICAgLm1hcChcbiAgICAgICAgICAgICAgKFticmVha3BvaW50LCB2YWx1ZV0pID0+XG4gICAgICAgICAgICAgICAgYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lLmJyZWFrcG9pbnRzW2JyZWFrcG9pbnQgYXMga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydicmVha3BvaW50cyddXX0pIHtcbiAgICAgICAgICAgICAgICBnYXA6ICR7dGhlbWUuc3BhY2VbdmFsdWUudG9TdHJpbmcoKSBhcyBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ3NwYWNlJ11dfTtcbiAgICAgICAgICAgICAgfWAsXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuam9pbignICcpXG4gICAgICAgIDogYCR7Z2FwID8gYGdhcDogJHt0aGVtZS5zcGFjZVtnYXAgYXMga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydzcGFjZSddXX07YCA6ICcnfWBcbiAgICB9XG4gICAgJHtcbiAgICAgIGFsaWduSXRlbXMgJiYgdHlwZW9mIGFsaWduSXRlbXMgPT09ICdvYmplY3QnXG4gICAgICAgID8gT2JqZWN0LmVudHJpZXMoYWxpZ25JdGVtcylcbiAgICAgICAgICAgIC5tYXAoXG4gICAgICAgICAgICAgIChbYnJlYWtwb2ludCwgdmFsdWVdKSA9PlxuICAgICAgICAgICAgICAgIGBAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZS5icmVha3BvaW50c1ticmVha3BvaW50IGFzIGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnYnJlYWtwb2ludHMnXV19KSB7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6ICR7dmFsdWV9O1xuICAgICAgICAgICAgICB9YCxcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgOiBgJHthbGlnbkl0ZW1zID8gYGFsaWduLWl0ZW1zOiAke2FsaWduSXRlbXN9O2AgOiAnJ31gXG4gICAgfVxuICAgICR7XG4gICAgICBqdXN0aWZ5Q29udGVudCAmJiB0eXBlb2YganVzdGlmeUNvbnRlbnQgPT09ICdvYmplY3QnXG4gICAgICAgID8gT2JqZWN0LmVudHJpZXMoanVzdGlmeUNvbnRlbnQpXG4gICAgICAgICAgICAubWFwKFxuICAgICAgICAgICAgICAoW2JyZWFrcG9pbnQsIHZhbHVlXSkgPT5cbiAgICAgICAgICAgICAgICBgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWUuYnJlYWtwb2ludHNbYnJlYWtwb2ludCBhcyBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ2JyZWFrcG9pbnRzJ11dfSkge1xuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogJHt2YWx1ZX07XG4gICAgICAgICAgICAgIH1gLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJyAnKVxuICAgICAgICA6IGAke2p1c3RpZnlDb250ZW50ID8gYGp1c3RpZnktY29udGVudDogJHtqdXN0aWZ5Q29udGVudH07YCA6ICcnfWBcbiAgICB9XG4gICAgJHtcbiAgICAgIHBhZGRpbmcgJiYgdHlwZW9mIHBhZGRpbmcgPT09ICdvYmplY3QnXG4gICAgICAgID8gT2JqZWN0LmVudHJpZXMocGFkZGluZylcbiAgICAgICAgICAgIC5tYXAoXG4gICAgICAgICAgICAgIChbYnJlYWtwb2ludCwgdmFsdWVdKSA9PlxuICAgICAgICAgICAgICAgIGBAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZS5icmVha3BvaW50c1ticmVha3BvaW50IGFzIGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnYnJlYWtwb2ludHMnXV19KSB7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogJHt2YWx1ZX07XG4gICAgICAgICAgICAgIH1gLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJyAnKVxuICAgICAgICA6IGAke3BhZGRpbmcgPyBgcGFkZGluZzogJHtwYWRkaW5nfTtgIDogJyd9YFxuICAgIH1cbiAgYH1cbmBcblxudHlwZSBSb3dQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICB0ZW1wbGF0ZUNvbHVtbnM6XG4gICAgfCBzdHJpbmdcbiAgICB8IFBhcnRpYWw8UmVjb3JkPGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnYnJlYWtwb2ludHMnXSwgc3RyaW5nPj5cbiAgZ2FwPzpcbiAgICB8IGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnc3BhY2UnXVxuICAgIHwgbnVtYmVyXG4gICAgfCBQYXJ0aWFsPFxuICAgICAgICBSZWNvcmQ8XG4gICAgICAgICAga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydicmVha3BvaW50cyddLFxuICAgICAgICAgIGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnc3BhY2UnXSB8IG51bWJlclxuICAgICAgICA+XG4gICAgICA+XG4gIGFsaWduSXRlbXM/OlxuICAgIHwgQ1NTUHJvcGVydGllc1snYWxpZ25JdGVtcyddXG4gICAgfCBQYXJ0aWFsPFxuICAgICAgICBSZWNvcmQ8XG4gICAgICAgICAga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydicmVha3BvaW50cyddLFxuICAgICAgICAgIENTU1Byb3BlcnRpZXNbJ2FsaWduSXRlbXMnXVxuICAgICAgICA+XG4gICAgICA+XG4gIGp1c3RpZnlDb250ZW50PzpcbiAgICB8IENTU1Byb3BlcnRpZXNbJ2p1c3RpZnlDb250ZW50J11cbiAgICB8IFBhcnRpYWw8XG4gICAgICAgIFJlY29yZDxcbiAgICAgICAgICBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ2JyZWFrcG9pbnRzJ10sXG4gICAgICAgICAgQ1NTUHJvcGVydGllc1snanVzdGlmeUNvbnRlbnQnXVxuICAgICAgICA+XG4gICAgICA+XG4gIHBhZGRpbmc/OlxuICAgIHwgQ1NTUHJvcGVydGllc1sncGFkZGluZyddXG4gICAgfCBQYXJ0aWFsPFxuICAgICAgICBSZWNvcmQ8XG4gICAgICAgICAga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydicmVha3BvaW50cyddLFxuICAgICAgICAgIENTU1Byb3BlcnRpZXNbJ3BhZGRpbmcnXVxuICAgICAgICA+XG4gICAgICA+XG59XG5cbi8qKlxuICogUm93IGNvbXBvbmVudCBpcyBhIHdyYXBwZXIgZm9yIGdyaWQgbGF5b3V0LlxuICovXG5leHBvcnQgY29uc3QgUm93ID0gKHtcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjaGlsZHJlbixcbiAgdGVtcGxhdGVDb2x1bW5zLFxuICBhbGlnbkl0ZW1zLFxuICBqdXN0aWZ5Q29udGVudCxcbiAgZ2FwLFxuICBwYWRkaW5nLFxufTogUm93UHJvcHMpID0+IChcbiAgPFN0eWxlZFJvd1xuICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgIGdhcD17Z2FwfVxuICAgIHRlbXBsYXRlQ29sdW1ucz17dGVtcGxhdGVDb2x1bW5zfVxuICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAganVzdGlmeUNvbnRlbnQ9e2p1c3RpZnlDb250ZW50fVxuICAgIHBhZGRpbmc9e3BhZGRpbmd9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkUm93PlxuKVxuIl19 */"));
 const Row = ({
   className,
   "data-testid": dataTestId,