kemet-ui 1.0.0 → 1.2.0

package/dist/styles/components/_config.scss

@@ -0,0 +1,4 @@
+$kemet-components: (
+  drawer-width: 280px,
+  drawer-height: 280px
+) !default;

package/dist/styles/{scss/components → components}/drawer.scss

@@ -1,11 +1,11 @@
 @use 'config' as *;
 
 kemet-drawer {
-  --kemet-drawer-width: #{$drawer-width};
+  --kemet-drawer-width: #{map-get($kemet-components, drawer-width)};
   --kemet-drawer-background-color: var(--kemet-color-primary);
 }
 
 kemet-drawer[side='top'],
 kemet-drawer[side='bottom'] {
-  --kemet-drawer-height: #{$drawer-height};
+  --kemet-drawer-height: #{map-get($kemet-components, drawer-height)};
 }

package/dist/styles/{scss/core → core}/_config.scss

@@ -30,7 +30,7 @@ $gutters: (
   plus-4: 2rem,
   plus-5: 2.25rem,
   plus-6: 3rem
-);
+) !default;
 
 
 
@@ -42,7 +42,7 @@ $gutters: (
 /// @access public
 /// @group config-variables
 
-$flexiplier: 'tens';
+$flexiplier: 'tens' !default;
 
 
 
@@ -53,7 +53,7 @@ $flexiplier: 'tens';
 /// @access public
 /// @group config-variables
 
-$stackpoint: 767px;
+$stackpoint: 767px !default;
 
 
 
@@ -69,7 +69,7 @@ $breakpoints: (
   medium: 768px,
   large: 1024px,
   huge: 1440px
-);
+) !default;
 
 
 
@@ -85,7 +85,7 @@ $breakranges: (
   medium: (768px, 1023px),
   large: (1024px, 1439px),
   huge: (1440px, 9999px)
-);
+) !default;
 
 
 
@@ -95,7 +95,7 @@ $breakranges: (
 /// @access public
 /// @group config-variables
 
-$order: 5;
+$order: 5 !default;
 
 
 
@@ -105,7 +105,7 @@ $order: 5;
 /// @access public
 /// @group config-variables
 
-$flexgridcolumns: 12;
+$flexgridcolumns: 12 !default;
 
 
 
@@ -126,7 +126,7 @@ $typesizers: (
   plus-4: 2rem,
   plus-5: 2.25rem,
   plus-6: 3rem
-);
+) !default;
 
 
 
@@ -146,7 +146,7 @@ $spacers: (
   large: 2.5rem,
   larger: 3rem,
   largest: 3.5rem
-);
+) !default;
 
 
 
@@ -208,7 +208,7 @@ $colors: (
   success: rgba(22, 163, 74, 1),
   neutral: rgba(82, 82, 91, 1),
   warning: rgba(217, 119, 6, 1),
-);
+) !default;
 
 
 
@@ -227,7 +227,7 @@ $elevation: (
   layer5: (0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)),
   layer6: 0 25px 50px -12px rgb(0 0 0 / 0.25),
   inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05),
-);
+) !default;
 
 
 
@@ -248,7 +248,7 @@ $borderwidths: (
   7: 7px,
   8: 8px,
   9: 9px,
-);
+) !default;
 
 
 
@@ -262,7 +262,7 @@ $borderradiuses: (
   small: 3px,
   medium: 6px,
   large: 12px,
-);
+) !default;
 
 
 
@@ -272,7 +272,7 @@ $borderradiuses: (
 /// @access public
 /// @group config-variables
 
-$makeorder: true;
+$makeorder: true !default;
 
 
 
@@ -281,7 +281,7 @@ $makeorder: true;
 /// @access public
 /// @group config-variables
 
-$makevisibility: true;
+$makevisibility: true !default;
 
 
 
@@ -291,7 +291,7 @@ $makevisibility: true;
 /// @access public
 /// @group config-variables
 
-$maketext: true;
+$maketext: true !default;
 
 
 
@@ -301,7 +301,7 @@ $maketext: true;
 /// @access public
 /// @group config-variables
 
-$makeresponsivegutters: true;
+$makeresponsivegutters: true !default;
 
 
 
@@ -311,7 +311,7 @@ $makeresponsivegutters: true;
 /// @access public
 /// @group config-variables
 
-$makespacers: true;
+$makespacers: true !default;
 
 
 
@@ -321,7 +321,7 @@ $makespacers: true;
 /// @access public
 /// @group config-variables
 
-$makecolors: true;
+$makecolors: true !default;
 
 
 
@@ -331,7 +331,7 @@ $makecolors: true;
 /// @access public
 /// @group config-variables
 
-$makeelevation: true;
+$makeelevation: true !default;
 
 
 
@@ -341,7 +341,7 @@ $makeelevation: true;
 /// @access public
 /// @group config-variables
 
-$makeborders: true;
+$makeborders: true !default;
 
 
 
@@ -351,4 +351,4 @@ $makeborders: true;
 /// @access public
 /// @group config-variables
 
-$makeborderradiuses: true;
+$makeborderradiuses: true !default;

package/dist/styles/{scss/core → core}/_helpers.scss

@@ -312,11 +312,13 @@
 
 @mixin makeColors {
   @each $color, $value in $colors {
-    [kemet-color="#{$color}"] {
+    $name: '' + $color;
+
+    [kemet-color="#{$name}"] {
       color: $value;
     }
 
-    [kemet-background-color="#{$color}"] {
+    [kemet-background-color="#{$name}"] {
       background-color: $value;
     }
   }
@@ -335,7 +337,9 @@
   $styles: dotted, dashed, solid, double, groove, ridge, inset, outset, none, hidden;
 
   @each $color, $value in $colors {
-    [kemet-border*="#{$color}"] {
+    $name: '' + $color;
+
+    [kemet-border*="#{$name}"] {
       border-color: $value;
     }
   }

package/dist/styles/kemet.components.css

@@ -10,85 +10,6 @@ kemet-accordion-panel[opened] [icon=chevron-down] {
           transform: rotate(180deg);
 }
 
-kemet-carousel {
-  --kemet-carousel-height: 18rem;
-  margin-bottom: 1rem;
-}
-
-kemet-carousel[pagination=bottom] {
-  margin-bottom: 3.5rem;
-}
-
-kemet-carousel [slot=slides] {
-  height: 100%;
-  border-radius: 1rem;
-  border: 2px solid var(--kemet-color-primary);
-}
-
-kemet-carousel [slot=pagination],
-kemet-carousel[pagination=top] [slot=pagination] > *,
-kemet-carousel[pagination=bottom] [slot=pagination] > * {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-kemet-carousel[pagination=bottom] [slot=pagination] {
-  margin-top: 1rem;
-}
-
-kemet-carousel[pagination=top] [slot=pagination] {
-  margin-bottom: 0.5rem;
-}
-
-kemet-carousel[pagination=left] [slot=pagination],
-kemet-carousel[pagination=right] [slot=pagination] {
-  width: 3rem;
-  height: 100%;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-
-kemet-carousel[pagination=left] [slot=pagination] > *,
-kemet-carousel[pagination=right] [slot=pagination] > * {
-  margin: 0.5rem;
-}
-
-kemet-carousel-slide {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-kemet-carousel-slide img,
-kemet-carousel-slide iframe {
-  width: 100%;
-  border-radius: 1rem;
-}
-
-kemet-carousel-slide > div {
-  margin: auto;
-}
-
-kemet-carousel-link {
-  position: relative;
-  top: 1px;
-  margin: 0 0.5rem;
-}
-
 kemet-drawer {
   --kemet-drawer-width: 280px;
   --kemet-drawer-background-color: var(--kemet-color-primary);
@@ -114,4 +35,4 @@ kemet-scroll-snap[axis=horizontal] [slot=slides]::-webkit-scrollbar {
   background: transparent;
 }
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvY29tcG9uZW50cy9hY2NvcmRpb24uc2NzcyIsImtlbWV0LmNvbXBvbmVudHMuY3NzIiwiLi4vLi4vc3JjL3N0eWxlcy9jb21wb25lbnRzL2Nhcm91c2VsLnNjc3MiLCIuLi8uLi9zcmMvc3R5bGVzL2NvbXBvbmVudHMvZHJhd2VyLnNjc3MiLCIuLi8uLi9zcmMvc3R5bGVzL2NvbXBvbmVudHMvbW9kYWwuc2NzcyIsIi4uLy4uL3NyYy9zdHlsZXMvY29tcG9uZW50cy9zY3JvbGxzbmFwLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRSxnREFBQTtFQUFBLHdDQUFBO0VBQUEsZ0NBQUE7RUFBQSw4REFBQTtBQ0RGOztBRElBO0VBQ0UsaUNBQUE7VUFBQSx5QkFBQTtBQ0RGOztBQ0pBO0VBQ0UsOEJBQUE7RUFDQSxtQkFBQTtBRE9GOztBQ0pBO0VBQ0UscUJBQUE7QURPRjs7QUNKQTtFQUNFLFlBQUE7RUFDQSxtQkFBQTtFQUNBLDRDQUFBO0FET0Y7O0FDSkE7OztFQUdFLG9CQUFBO0VBQUEscUJBQUE7RUFBQSxvQkFBQTtFQUFBLGFBQUE7QURPRjs7QUNKQTtFQUNFLGdCQUFBO0FET0Y7O0FDSkE7RUFDRSxxQkFBQTtBRE9GOztBQ0pBOztFQUVFLFdBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFBQSwyQkFBQTtNQUFBLHNCQUFBO1VBQUEsbUJBQUE7RUFDQSx5QkFBQTtFQUFBLHNDQUFBO01BQUEsc0JBQUE7VUFBQSw4QkFBQTtFQUNBLDRCQUFBO0VBQUEsNkJBQUE7RUFBQSw4QkFBQTtNQUFBLDBCQUFBO1VBQUEsc0JBQUE7QURPRjs7QUNKQTs7RUFFRSxjQUFBO0FET0Y7O0FDSkE7RUFDRSxvQkFBQTtFQUFBLHFCQUFBO0VBQUEsb0JBQUE7RUFBQSxhQUFBO0FET0Y7O0FDSkE7O0VBRUUsV0FBQTtFQUNBLG1CQUFBO0FET0Y7O0FDSkE7RUFDRSxZQUFBO0FET0Y7O0FDSkE7RUFDRSxrQkFBQTtFQUNBLFFBQUE7RUFDQSxnQkFBQTtBRE9GOztBRW5FQTtFQUNFLDJCQUFBO0VBQ0EsMkRBQUE7QUZzRUY7O0FFbkVBOztFQUVFLDRCQUFBO0FGc0VGOztBRzVFRTtFQUNFLFlBQUE7RUFDQSxhQUFBO0FIK0VKOztBSWxGQTtFQUNFLHFCQUFBO0FKcUZGOztBSWxGQTtFQUNFLGFBQUE7RUFDQSxRQUFBO0VBQ0EsdUJBQUE7QUpxRkYiLCJmaWxlIjoia2VtZXQuY29tcG9uZW50cy5jc3MifQ== */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvY29tcG9uZW50cy9hY2NvcmRpb24uc2NzcyIsImtlbWV0LmNvbXBvbmVudHMuY3NzIiwiLi4vLi4vc3JjL3N0eWxlcy9jb21wb25lbnRzL2RyYXdlci5zY3NzIiwiLi4vLi4vc3JjL3N0eWxlcy9jb21wb25lbnRzL21vZGFsLnNjc3MiLCIuLi8uLi9zcmMvc3R5bGVzL2NvbXBvbmVudHMvc2Nyb2xsc25hcC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0UsZ0RBQUE7RUFBQSx3Q0FBQTtFQUFBLGdDQUFBO0VBQUEsOERBQUE7QUNERjs7QURJQTtFQUNFLGlDQUFBO1VBQUEseUJBQUE7QUNERjs7QUNKQTtFQUNFLDJCQUFBO0VBQ0EsMkRBQUE7QURPRjs7QUNKQTs7RUFFRSw0QkFBQTtBRE9GOztBRWJFO0VBQ0UsWUFBQTtFQUNBLGFBQUE7QUZnQko7O0FHbkJBO0VBQ0UscUJBQUE7QUhzQkY7O0FHbkJBO0VBQ0UsYUFBQTtFQUNBLFFBQUE7RUFDQSx1QkFBQTtBSHNCRiIsImZpbGUiOiJrZW1ldC5jb21wb25lbnRzLmNzcyJ9 */

package/dist/styles/kemet.components.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/styles/components/accordion.scss","../../src/styles/components/carousel.scss","../../src/styles/components/drawer.scss","../../src/styles/components/modal.scss","../../src/styles/components/scrollsnap.scss"],"names":[],"mappings":"AAEA;EACE;;;AAGF;EACE;;;ACLF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AC5DF;EACE;EACA;;;AAGF;AAAA;EAEE;;;ACNA;EACE;EACA;;;ACHJ;EACE;;;AAGF;EACE;EACA;EACA","file":"kemet.components.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/styles/components/accordion.scss","../../src/styles/components/drawer.scss","../../src/styles/components/modal.scss","../../src/styles/components/scrollsnap.scss"],"names":[],"mappings":"AAEA;EACE;;;AAGF;EACE;;;ACLF;EACE;EACA;;;AAGF;AAAA;EAEE;;;ACNA;EACE;EACA;;;ACHJ;EACE;;;AAGF;EACE;EACA;EACA","file":"kemet.components.css"}

package/dist/styles/{scss/kemet.components.scss → kemet.components.scss}

@@ -1,5 +1,4 @@
 @use 'components/accordion';
-@use 'components/carousel';
 @use 'components/drawer';
 @use 'components/modal';
 @use 'components/scrollsnap';