@digigov/ui 1.1.5-496927f3 → 1.2.0-a7ffb5dc

package/src/utils/hooks/useScreen.ts

@@ -2,7 +2,7 @@ import { useEffect, useState } from "react";
 import breakpoints from '@digigov/css/screens.json'
 export type Breakpoints = 'xs' |'sm' |'md' | 'lg' | 'xl';
 export const breakpointKeys: Breakpoints[] = Object.keys(breakpoints) as Breakpoints[];
-export const breakpointValues = Object.values(breakpoints) as number[];;
+export const breakpointValues = Object.values(breakpoints) as number[];
 
 function resolveScreenSize(width: number): Breakpoints  {
   let breakpointIndex = 0
@@ -24,7 +24,6 @@ function createResizeObserver() {
         listener(body.contentRect.width)
       })
     })
-    console.log('createResizeObserver')
     resizeObserver.observe(document.body);
   }
   return listeners

package/typography/Heading/__stories__/Default/index.js

@@ -1,22 +1,22 @@
 import React from 'react';
 import { Heading } from '@digigov/ui/typography/Heading';
-var _ref = /*#__PURE__*/React.createElement(Heading, null, " govgr-heading-xl ");
+var _ref = /*#__PURE__*/React.createElement(Heading, null, " ds-heading-xl ");
 var _ref2 = /*#__PURE__*/React.createElement(Heading, {
   size: "lg",
   element: "h2"
-}, "govgr-heading-lg");
+}, "ds-heading-lg");
 var _ref3 = /*#__PURE__*/React.createElement(Heading, {
   size: "md",
   element: "h3"
-}, "govgr-heading-md");
+}, "ds-heading-md");
 var _ref4 = /*#__PURE__*/React.createElement(Heading, {
   size: "sm",
   element: "h4"
-}, "govgr-heading-sm");
+}, "ds-heading-sm");
 var _ref5 = /*#__PURE__*/React.createElement(Heading, {
   size: "xs",
   element: "h5"
-}, "govgr-heading-xs");
+}, "ds-heading-xs");
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5);
 };

package/typography/HeadingCaption/__stories__/Default/index.js

@@ -3,25 +3,25 @@ import { Heading } from '@digigov/ui/typography/Heading';
 import { HeadingCaption } from '@digigov/ui/typography/HeadingCaption';
 var _ref = /*#__PURE__*/React.createElement(HeadingCaption, {
   size: "xl"
-}, "caption for govgr-heading-xl ");
+}, "caption for ds-heading-xl ");
 var _ref2 = /*#__PURE__*/React.createElement(Heading, {
   size: "lg",
   element: "h2"
-}, ' ', "govgr-heading-xl", ' ');
+}, ' ', "ds-heading-xl", ' ');
 var _ref3 = /*#__PURE__*/React.createElement(HeadingCaption, {
   size: "lg"
-}, "caption for govgr-heading-lg ");
+}, "caption for ds-heading-lg ");
 var _ref4 = /*#__PURE__*/React.createElement(Heading, {
   size: "lg",
   element: "h2"
-}, ' ', "govgr-heading-lg", ' ');
+}, ' ', "ds-heading-lg", ' ');
 var _ref5 = /*#__PURE__*/React.createElement(HeadingCaption, {
   size: "md"
-}, "caption for govgr-heading-md ");
+}, "caption for ds-heading-md ");
 var _ref6 = /*#__PURE__*/React.createElement(Heading, {
   size: "md",
   element: "h3"
-}, ' ', "govgr-heading-md", ' ');
+}, ' ', "ds-heading-md", ' ');
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6);
 };

package/typography/HeadingCaption/__stories__/NestedToTitle/index.js

@@ -6,7 +6,7 @@ var _ref = /*#__PURE__*/React.createElement(Heading, {
   element: "h2"
 }, /*#__PURE__*/React.createElement(HeadingCaption, {
   size: "xl"
-}, "caption for govgr-heading-xl "), "govgr-heading-xl");
+}, "caption for ds-heading-xl "), "ds-heading-xl");
 export var NestedToTitle = function NestedToTitle() {
   return _ref;
 };

package/typography/Hint/__stories__/Default/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Hint } from '@digigov/ui/typography/Hint';
-var _ref = /*#__PURE__*/React.createElement(Hint, null, " govgr-hint ");
+var _ref = /*#__PURE__*/React.createElement(Hint, null, " ds-hint ");
 export var Default = function Default() {
   return _ref;
 };

package/typography/Hint/__stories__/FontSizes/index.js

@@ -2,14 +2,14 @@ import React from 'react';
 import { Hint } from '@digigov/ui/typography/Hint';
 var _ref = /*#__PURE__*/React.createElement(Hint, {
   fontSize: 14
-}, " govgr-hint ");
+}, " ds-hint ");
 var _ref2 = /*#__PURE__*/React.createElement(Hint, {
   fontSize: 16
-}, " govgr-hint ");
-var _ref3 = /*#__PURE__*/React.createElement(Hint, null, " govgr-hint ");
+}, " ds-hint ");
+var _ref3 = /*#__PURE__*/React.createElement(Hint, null, " ds-hint ");
 var _ref4 = /*#__PURE__*/React.createElement(Hint, {
   fontSize: 24
-}, " govgr-hint ");
+}, " ds-hint ");
 export var FontSizes = function FontSizes() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4);
 };

package/typography/NormalText/__stories__/Default/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { NormalText } from '@digigov/ui/typography/NormalText';
-var _ref = /*#__PURE__*/React.createElement(NormalText, null, "govgr-normal-text");
+var _ref = /*#__PURE__*/React.createElement(NormalText, null, "ds-normal-text");
 export var Default = function Default() {
   return _ref;
 };

package/typography/NormalText/__stories__/FontSizes/index.js

@@ -3,43 +3,43 @@ import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
 import { NormalText } from '@digigov/ui/typography/NormalText';
 var _ref = /*#__PURE__*/React.createElement(NormalText, {
   fontSize: 14
-}, " govgr-!-font-size-14 ");
+}, " ds-!-font-size-14 ");
 var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, {
   visible: false
 });
 var _ref3 = /*#__PURE__*/React.createElement(NormalText, {
   fontSize: 16
-}, " govgr-!-font-size-16 ");
+}, " ds-!-font-size-16 ");
 var _ref4 = /*#__PURE__*/React.createElement(SectionBreak, {
   visible: false
 });
 var _ref5 = /*#__PURE__*/React.createElement(NormalText, {
   fontSize: 19
-}, " govgr-!-font-size-19 ");
+}, " ds-!-font-size-19 ");
 var _ref6 = /*#__PURE__*/React.createElement(SectionBreak, {
   visible: false
 });
 var _ref7 = /*#__PURE__*/React.createElement(NormalText, {
   fontSize: 24
-}, " govgr-!-font-size-24 ");
+}, " ds-!-font-size-24 ");
 var _ref8 = /*#__PURE__*/React.createElement(SectionBreak, {
   visible: false
 });
 var _ref9 = /*#__PURE__*/React.createElement(NormalText, {
   fontSize: 30
-}, " govgr-!-font-size-30 ");
+}, " ds-!-font-size-30 ");
 var _ref10 = /*#__PURE__*/React.createElement(SectionBreak, {
   visible: false
 });
 var _ref11 = /*#__PURE__*/React.createElement(NormalText, {
   fontSize: 48
-}, " govgr-!-font-size-48 ");
+}, " ds-!-font-size-48 ");
 var _ref12 = /*#__PURE__*/React.createElement(SectionBreak, {
   visible: false
 });
 var _ref13 = /*#__PURE__*/React.createElement(NormalText, {
   fontSize: 72
-}, " govgr-!-font-size-72 ");
+}, " ds-!-font-size-72 ");
 export var FontSizes = function FontSizes() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13);
 };

package/typography/NormalText/__stories__/FontWeight/index.js

@@ -3,13 +3,13 @@ import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
 import { NormalText } from '@digigov/ui/typography/NormalText';
 var _ref = /*#__PURE__*/React.createElement(NormalText, {
   fontWeight: "regular"
-}, " govgr-!-font-weight-regular ");
+}, " ds-!-font-weight-regular ");
 var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, {
   visible: false
 });
 var _ref3 = /*#__PURE__*/React.createElement(NormalText, {
   fontWeight: "bold"
-}, " govgr-!-font-weight-bold ");
+}, " ds-!-font-weight-bold ");
 export var FontWeight = function FontWeight() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3);
 };

package/typography/NormalText/__stories__/Variants/index.js

@@ -3,13 +3,13 @@ import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
 import { NormalText } from '@digigov/ui/typography/NormalText';
 var _ref = /*#__PURE__*/React.createElement(NormalText, {
   size: 'sm'
-}, " govgr-size-small ");
+}, " ds-size-small ");
 var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, {
   visible: false
 });
 var _ref3 = /*#__PURE__*/React.createElement(NormalText, {
   size: 'lg'
-}, " govgr-size-large ");
+}, " ds-size-large ");
 export var Variants = function Variants() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3);
 };

package/typography/Paragraph/__stories__/Default/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
-var _ref = /*#__PURE__*/React.createElement(Paragraph, null, "govgr-body");
+var _ref = /*#__PURE__*/React.createElement(Paragraph, null, "ds-body");
 export var Default = function Default() {
   return _ref;
 };

package/typography/Paragraph/__stories__/FontSizes/index.js

@@ -2,25 +2,25 @@ import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 var _ref = /*#__PURE__*/React.createElement(Paragraph, {
   fontSize: 14
-}, " govgr-!-font-size-14 ");
+}, " ds-!-font-size-14 ");
 var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
   fontSize: 16
-}, " govgr-!-font-size-16 ");
+}, " ds-!-font-size-16 ");
 var _ref3 = /*#__PURE__*/React.createElement(Paragraph, {
   fontSize: 19
-}, " govgr-!-font-size-19 ");
+}, " ds-!-font-size-19 ");
 var _ref4 = /*#__PURE__*/React.createElement(Paragraph, {
   fontSize: 24
-}, " govgr-!-font-size-24 ");
+}, " ds-!-font-size-24 ");
 var _ref5 = /*#__PURE__*/React.createElement(Paragraph, {
   fontSize: 30
-}, " govgr-!-font-size-30 ");
+}, " ds-!-font-size-30 ");
 var _ref6 = /*#__PURE__*/React.createElement(Paragraph, {
   fontSize: 48
-}, " govgr-!-font-size-48 ");
+}, " ds-!-font-size-48 ");
 var _ref7 = /*#__PURE__*/React.createElement(Paragraph, {
   fontSize: 72
-}, " govgr-!-font-size-72 ");
+}, " ds-!-font-size-72 ");
 export var FontSizes = function FontSizes() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7);
 };

package/typography/Paragraph/__stories__/FontWeight/index.js

@@ -2,10 +2,10 @@ import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 var _ref = /*#__PURE__*/React.createElement(Paragraph, {
   fontWeight: "regular"
-}, " govgr-!-font-weight-regular ");
+}, " ds-!-font-weight-regular ");
 var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
   fontWeight: "bold"
-}, " govgr-!-font-weight-bold ");
+}, " ds-!-font-weight-bold ");
 export var FontWeight = function FontWeight() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2);
 };

package/typography/Paragraph/__stories__/LeadVariant/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 var _ref = /*#__PURE__*/React.createElement(Paragraph, {
   size: 'lg'
-}, "govgr-body");
+}, "ds-body");
 export var LeadVariant = function LeadVariant() {
   return _ref;
 };

package/typography/Paragraph/__stories__/SmallVariant/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 var _ref = /*#__PURE__*/React.createElement(Paragraph, {
   size: 'sm'
-}, "govgr-body");
+}, "ds-body");
 export var SmallVariant = function SmallVariant() {
   return _ref;
 };

package/utils/hooks/useScreen/index.js

@@ -3,7 +3,6 @@ import { useEffect, useState } from "react";
 import breakpoints from '@digigov/css/screens.json';
 export var breakpointKeys = Object.keys(breakpoints);
 export var breakpointValues = Object.values(breakpoints);
-;
 function resolveScreenSize(width) {
   var breakpointIndex = 0;
   for (var _i = 0, _breakpointValues = breakpointValues; _i < _breakpointValues.length; _i++) {
@@ -26,7 +25,6 @@ function createResizeObserver() {
         listener(body.contentRect.width);
       });
     });
-    console.log('createResizeObserver');
     resizeObserver.observe(document.body);
   }
   return listeners;